.custom-navbar .nav-link {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #cc3b2d;
  padding: 15px 20px;
}

/* Hover Color */

.custom-navbar .nav-link:hover {
  color: #5f5f5f;
}

/* Dropdown */

.custom-dropdown {
  width: 260px;
  padding: 0;
  border-radius: 0;
  border: 1px solid #ddd;
}

/* Dropdown Items */

.custom-dropdown .dropdown-item {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #cc3b2d;
  padding: 8px 15px;
  border-bottom: 1px solid #ddd;
}

/* Dropdown Hover */

.custom-dropdown .dropdown-item:hover {
  /* background: #f5f5f5; */
  color: #cc3b2d;
}

/* Appointment Button */

.appointment-btn {
  background: #c0392b;
  color: #fff;
  padding: 8px 20px;
  border-radius: 10px;
  font-weight: 600;
}

.appointment-btn:hover {
  background: #a93226;
  color: #fff;
}
.slider-section {
  position: relative;
  font-family: "Montserrat", sans-serif;
}

/* Images */

.slider-img {
  height: 550px;
  object-fit: cover;
}

/* Content Box */

.slider-content {
  position: absolute;
  top: 50%;
  /* left:80px; */
  transform: translateY(-50%);

  background: rgba(255, 255, 255, 0.6); /* Transparent white */
  padding: 40px;
  border-radius: 15px;

  width: 450px;
}

/* Heading */

.slider-content h1 {
  font-size: 38px;
  color: #c0392b;
}

/* Text */

.slider-content p {
  font-size: 18px;
  margin: 20px 0;
}

/* Button */

.whatsapp-btn {
  background: #c0392b;
  color: white;
  padding: 12px 30px;
  border-radius: 25px;
  text-decoration: none;
  display: inline-block;
}

/* Mobile */

@media (max-width: 768px) {
  .slider-img {
    height: 350px;
  }
.dropdown:hover .dropdown-menu{
visibility:visible !important;
opacity:1 !important;
}
  .slider-content {
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    width: 90%;
    padding: 20px;
    text-align: center;
  }

  .slider-content h1 {
    font-size: 24px;
  }

  .slider-content p {
    font-size: 14px;
  }
}
.home-about-sec {
  padding: 60px 0;
  font-weight: 400;
  line-height: 25px;
  font-size: 18px;
  color: #131313;
  font-family: "Montserrat", sans-serif;
}
.treatment-section {
  background: #4c7db8;
  padding: 60px 0;
  text-align: center;
  color: white;
  overflow: hidden;

  font-family: "Montserrat", sans-serif;
}

.title {
  font-size: 36px;
  margin-bottom: 40px;
}

/* Slider */

.slider-wrapper {
  position: relative;
  width: 100%;
  margin: auto;
}

.slider-view {
  overflow: hidden;
}

/* Cards Row */

.card-slider {
  display: flex;
  gap: 25px;
  transition: 0.5s ease;
}

/* Cards */

.card {
  background: #eee;
  border-radius: 15px;
  padding-bottom: 20px;

  flex: 0 0 23%; /* Desktop 4 cards */
}

.card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 15px 15px 0 0;
}

.card h4 {
  color: black;
  margin: 15px 0;
}

.card a {
  background: #c0392b;
  color: white;
  padding: 10px 25px;
  border-radius: 25px;
  text-decoration: none;
  display: inline-block;
}

/* Arrows */

.arrow {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);

  background: white;
  border: 3px solid black;

  width: 45px;
  height: 45px;

  border-radius: 50%;

  font-size: 20px;
  cursor: pointer;
}

.left {
  left: -45px;
}

.right {
  right: -20px;
}

/* Bullets */

.dots {
  margin-top: 30px;
}

.dot {
  height: 8px;
  width: 8px;
  background: #ccc;
  border-radius: 50%;
  display: inline-block;
  margin: 5px;
}

.active-dot {
  background: black;
}

/* Tablet */

@media (max-width: 992px) {
  .card {
    flex: 0 0 48%; /* 2 cards */
  }
}

/* Mobile */

@media (max-width: 600px) {
  .card {
    flex: 0 0 100%; /* 1 card */
  }

  .arrow {
    display: none;
  }
}

.home-video-section {
  padding: 60px 0;

  font-family: "Montserrat", sans-serif;
}
.home-faq {
  padding: 60px 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 16px;
}

.accordion-body p {
  font-weight: 400;
  font-family: "Poppins", sans-serif !important;
  line-height: 26px;
  color: #000;
}

.accordion-body li {
  font-weight: 400;
  font-family: "Poppins", sans-serif !important;
  line-height: 26px;
  color: #000;
}
.divider-line {
  height: 3px;
  background: #2c5d95; /* Blue line */
  width: 100%;
}

/* Top Blue Line */

.home-faq .container {
  border-top: 2px solid #2c5d95;

  padding-top: 30px;
}

/* Middle Vertical Blue Line */

.home-faq .col-md-6:last-child {
  border-left: 2px solid #2c5d95;

  padding-left: 30px;
}
@media (max-width: 768px) {
  .home-faq .col-md-6:last-child {
    border-left: none;
    padding-left: 0;
  }
}

.testimonial-section {
  padding: 100px 0;

  /* Two Background Images */

  background-image:
    url("../images/shape-22.png"),
    url("../images/doctor-with-stethoscope-hands-hospital-background-scaled.jpg");

  background-position:
    left center,
    right center;

  background-repeat: no-repeat, no-repeat;

  background-size: 350px, 50%;

  background-color: #d3e1f3;
}

/* White Box */

.testimonial-box {
  background: #f7f7f7;
  width: 600px;
  margin: auto;
  padding: 40px;
  border-radius: 15px;
}

.testimonial-box h5 {
  font-size: 20px;
  margin-bottom: 10px;
}

.testimonial-box h2 {
  color: #bf3d30;
  font-size: 38px;
  margin-bottom: 30px;
}

/* Review Card */

.review-card {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 10px;
  background: white;
}

.review-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.user-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.google-icon {
  width: 60px;
}

.stars {
  color: gold;
  font-size: 22px;
  margin: 10px 0;
}

/* Responsive */

@media (max-width: 768px) {
  .testimonial-box {
    width: 90%;
  }

  .testimonial-section {
    background-size: 200px, 300px;
  }
}
.counter-section{

background:#f5f5f5;
padding:80px 0;

}


.counter-box{

background:#fff;
padding:40px;
border-radius:15px;
box-shadow:0 0 10px rgba(0,0,0,0.1);

}



.counter-box h2{

font-size:48px;
font-weight:700;
margin-bottom:10px;

}


.counter-box p{

font-size:18px;
color:#555;

}
.home-gallery{
padding:60px 0;
font-family: "Montserrat", sans-serif;
}
@media (max-width:768px) {
  .gallery-img{
    margin-top: 15px;
  }
  .counter-box{
    margin-top: 15px;
  }
}
.blog-section{

background:#f5f5f5;
padding:80px 0;

}


/* Title */

.blog-title{

text-align:center;
color:#c0392b;
font-size:40px;
font-weight:700;
margin-bottom:50px;
position:relative;

}

.blog-title:after{

content:"";
width:80px;
height:3px;
background:black;
display:block;
margin:10px auto;

}



/* Card */

.blog-card{

background:#203a7a;
padding:30px;
border-radius:15px;
text-align:left;

}



/* Image */

.blog-card img{

width:100%;
height:230px;
object-fit:cover;
margin-bottom:20px;

}



/* Text */

.blog-card h4{

color:white;
font-size:18px;
margin-bottom:25px;
line-height:26px;

}



/* Button */

.blog-btn{

background:#3b82f6;
color:white;
padding:12px 25px;
border-radius:8px;
text-decoration:none;
display:inline-block;

}

.blog-btn:hover{

background:#2563eb;
color:white;

}

/* Mobile Responsive */

@media(max-width:768px){

.blog-title{

font-size:30px;

}

.blog-card img{

height:200px;

}

}
.footer-section{

background:#eef4f6;
padding:60px 0;
text-align:center;

}


/* Logo */

.footer-logo{

height:70px;
margin-bottom:25px;

}


/* Menu */

.footer-menu{

margin-bottom:25px;

}

.footer-menu a{

margin:0 20px;
text-decoration:none;
color:#666;
font-size:18px;

}

.footer-menu a:hover{

color:#000;

}


/* Social Icons */

.social-icons{

margin-bottom:25px;

}

.social-icons a{

display:inline-block;
width:45px;
height:45px;
line-height:45px;
background:#c0392b;
color:white;
border-radius:50%;
margin:0 8px;
font-size:18px;

}


/* Line */

hr{

margin:30px 0;
border-color:#bbb;

}


/* Copyright */

.copyright{

color:#777;
font-size:16px;

}


/* Responsive */

@media(max-width:768px){

.footer-menu a{

display:block;
margin:10px 0;

}

.footer-logo{

height:60px;

}

}
.about-banner{

height:300px;

/* Image */

background:url('../images/BGphoto.jpg') ;
background-size:cover;
background-position:center;

/* Overlay Color */

position:relative;
display:flex;
align-items:center;

}


/* Color Overlay */

.about-banner:before{

content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

background:rgba(90,110,120,0.6);

}


/* Text */

.about-banner h1{

color:white;
font-size:40px;
font-weight:700;
position:relative;

}

.about-section{
padding:60px 0;
font-family: "Poppins", sans-serif;
color: #000;
font-weight: 400;
line-height: 26px;
font-size: 17px;
text-align: justify;


}
.author-link{

font-weight:700;
color:#000;
text-decoration:none;

}

.author-link:hover{

text-decoration:underline;

}
/* Line */

.custom-line{

border:none;
height:2px;
background:#000;
margin-bottom:20px;

}
.profile-section{

/* padding:40px 0; */
font-family:'Poppins',sans-serif;
color: #000;
font-weight: 400;
line-height: 26px;
font-size: 17px;
text-align: justify;

}


/* Heading */

.profile-section h3{

font-size:22px;
font-weight:700;
margin-bottom:15px;

}


/* List */

.profile-section ul{

padding-left:20px;
margin-bottom:25px;

}


.profile-section li{

font-size:16px;
line-height:28px;
margin-bottom:6px;

}


/* Line */

.profile-section hr{

border:0;
border-top:1px solid #000;
margin:25px 0;

}

.dropdown-menu{
display:block !important;
visibility:hidden;
opacity:0;
transition:0.3s;
}

.dropdown:hover .dropdown-menu{
visibility:visible !important;
opacity:1 !important;
}


.treatment-section{
background:#fff;
}

.treat-card{
background:#fff;
border:2px solid #6ea8ff;
border-radius:12px;
text-align:center;
overflow:hidden;
}

.treat-card img{
width:100%;
height:200px;
object-fit:cover;
}

.treat-card h5{
margin-top:15px;
font-weight:600;
}

.treat-card p{
margin-bottom:15px;
} 
.treat-card h5{

color:#000;
}
.read-btn{
text-decoration:none;
color:black;
border:1px solid #ccc;
padding:6px 12px;
border-radius:5px;
display:inline-block;
margin-bottom:15px;
}

.read-btn:hover{
background:#407fc9;
color:#fff;
border-color:#407fc9;
}

.endourology-section{
padding:60px 0;
font-family: "Poppins", sans-serif;
color: #000;
font-weight: 400;
line-height: 26px;
font-size: 16px;
}


.doctor-gallery{
padding:60px 0;
}

.gallery-item{
overflow:hidden;
border-radius:14px;
cursor:pointer;
box-shadow:0 4px 14px rgba(0,0,0,0.15);
}

.gallery-item img{
width:100%;
height:auto;
object-fit:cover;
transition:0.4s;
}

.gallery-item:hover img{
transform:scale(1.08);
}


/* Lightbox */

.lightbox{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
display:none;
justify-content:center;
align-items:center;
z-index:9999;
}

.lightbox img{
width:90%;
max-height:90%;
object-fit:contain;
}

.lightbox span{
position:absolute;
top:20px;
right:40px;
font-size:35px;
color:white;
cursor:pointer;
}
.tumor-gallery{
margin-top: 30px;

padding:10px 0;
font-family:'Poppins',sans-serif;
}

.tumor-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
align-items:start;
}

.tumor-card{
text-align:center;
}

.tumor-card img{
width: 280px;
height:220px;
object-fit:cover;
border-radius:12px;
}

.tumor-card h4{
margin-top:10px;
font-size:18px;
font-weight:600;
}

/* Double Images */

.double-images{
display:flex;
gap:20px;
}

.double-images img{

border-radius:12px;
object-fit:cover;
}

/* Responsive */

@media(max-width:992px){
.tumor-grid{
grid-template-columns:1fr;
}
.double-images{
flex-direction:column;
}
.double-images img{
width:100%;
}
}

.stone-gallery{
padding:10px 0;
font-family:'Poppins',sans-serif;
}

.stone-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:40px;
}

.stone-card{
text-align:center;
}

.stone-images{
display:flex;
gap:25px;
}

.stone-images img{
width:100%;
height:220px;
object-fit:cover;
border-radius:12px;
}

.stone-card h4{
margin-top:12px;
font-size:20px;
font-weight:600;
}

/* Responsive */

@media(max-width:768px){

.stone-grid{
grid-template-columns:1fr;
}

.stone-images{
flex-direction:column;
}

}
.surgery-gallery{
padding:10px 0;
margin-bottom: 30px;
font-family:'Poppins',sans-serif;
}

.surgery-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
}

.surgery-card{
text-align:center;
}

.surgery-card img{
width:100%;
height:230px;
object-fit:cover;
border-radius:12px;
}

.surgery-card h4{
margin-top:12px;
font-size:18px;
font-weight:600;
}

/* Responsive */

@media(max-width:992px){
.surgery-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.surgery-grid{
grid-template-columns:1fr;
}
}

.blog-section{
background:#f4f4f4;
}

.blog-card{
background:#1e3a7a;
padding:20px;
border-radius:14px;
color:white;
height:100%;
}

.blog-card img{
width:100%;
/* height:180px; */
object-fit:cover;
border-radius:6px;
margin-bottom:15px;
}

.author{
font-size:14px;
opacity:0.9;
margin-bottom:15px;
}

.blog-card h5{
font-size:20px;
font-weight:600;
margin-bottom:20px;
}

.blog-btn{
display:inline-block;
background:#3b82f6;
padding:10px 22px;
border-radius:6px;
color:white;
text-decoration:none;
font-weight:500;
transition:0.3s;
}

.blog-btn:hover{
background:#2563eb;
}


.contact-section{
background:#f5f5f5;
}

.contact-box{
background:#bdbdbd;
border-radius:12px;
padding:40px;
box-shadow:0 2px 8px rgba(0,0,0,0.2);
}

.contact-image img{
width:100%;
height:520px;
object-fit:cover;
border-radius:8px;
}

.contact-details h2{
text-align:center;
margin-bottom:25px;
font-weight:600;
}

.contact-item{
display:flex;
align-items:flex-start;
gap:15px;
margin-bottom:20px;
}

.icon{
width:40px;
height:40px;
background:#c0392b;
color:white;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:18px;
}

.contact-item p{
margin:0;
font-size:16px;
line-height:1.5;
}

.appointment-btn{
display:block;
width:220px;
margin:30px auto 0;
text-align:center;
background:#c0392b;
color:white;
padding:12px;
border-radius:8px;
text-decoration:none;
font-weight:500;
}

.appointment-btn:hover{
background:#a93226;
}
/* Section Background */
.blog-detail {
    background: #f4f7f9; /* Light clean background */
}

/* The White Card Container */
.blog-content-card {
    background: #ffffff;
    padding: 60px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* Typography */
.blog-title {
    font-size: 38px;
    color: #517bb0
;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.2;
}

.blog-meta {
    color: #045cb4
;
    font-size: 15px;
    margin-bottom: 35px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.blog-body p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #000;
    margin-bottom: 22px;
}

.blog-body h3 {
    font-size: 24px;
    color: #000;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 700;
}

.blog-body ul {
    margin-bottom: 25px;
    padding-left: 20px;
        font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #000;
}

.blog-body li {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 12px;
    color: #000;
    list-style-type: disc;
}

/* Special Conclusion Styling */
.conclusion-box {
    background: #f9f9f9;
    padding: 25px;
    border-left: 5px solid #3498db;
    border-radius: 5px;
}

/* Navigation Link */
.previous-post {
    display: inline-block;
    color: #7f8c8d;
    text-decoration: none;
    transition: 0.3s;
}

.previous-post:hover {
    color: #3498db;
    text-decoration: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .blog-content-card {
        padding: 25px;
    }
    .blog-title {
        font-size: 28px;
    }
}


.author-section{
background:#f2f2f2;
}

.author-title{
font-size:36px;
color:#1f2b3a;
line-height:1.4;
font-weight:500;
}

.author-img{
width:120px;
height:120px;
border-radius:50%;
opacity:0.4;
}
   .rg-blog-main{
background:#eef1f5;
}

.rg-blog-card{
background:#fff;
border-radius:12px;
overflow:hidden;
transition:0.3s;
height:100%;
}

.rg-blog-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.rg-blog-img img{
width:100%;
height:220px;
object-fit:cover;
}

.rg-blog-content{
padding:25px;
}

.rg-blog-cat{
color:#0d6efd;
font-size:17px;
font-weight: 600;
color: #000;
text-decoration:none;
display:block;
margin-bottom:10px;
}

.rg-blog-title{
font-size:22px;
font-weight:600;
color:#1f2b3a;
text-decoration:none;
display:block;
margin-bottom:10px;
}

.rg-blog-meta{
font-size:14px;
color:#0d6efd;
text-decoration:none;
display:block;
margin-bottom:15px;
}

.rg-blog-desc{
font-size:16px;
color:#555;
line-height:1.6;
margin-bottom:15px;
}

.rg-read-btn{
background:#2c4582;
color:#fff;
padding:8px 18px;
border-radius:6px;
text-decoration:none;
display:inline-block;
}