.about-maarga-banner{
    background-image: url("/public/uploads/images/Aboutus/aboutus_banner.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: -18px;
    z-index: -1;
}

.about-maarga-banner::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    /* background: rgba(0,0,0,0.25); */
}

.about-maarga-banner .container{
    position:relative;
    z-index:2;
}

.austim-outer-wrapper h5{
    font-size:1.2vw;
}

.about-banner-content h1{
    color:#ffffff;
    font-size:3.5vw;
    font-family: 'Lato';
    font-weight:500;
    line-height:1.2;
    margin-bottom:2%;
}

.about-desc{
    background:#ffffff76 !important;
    padding:10px 0 10px 12px ;
    font-family: 'Lato';
    border-radius:8px;
    font-size:1vw;
    color:#000;
    max-width:32vw;
    border: 1.5px solid #ffffff40 !important;
}

.who-we-are-section{
    background-image:url("/public/uploads/images/Aboutus/aboutus_sectiontwo.webp");
    background-repeat:no-repeat;
    background-size: cover;
    background-position: right bottom;
}

.who-content h2{
    margin-bottom:25px;
    font-weight: 600;
}

.who-content p{
    line-height:1.8;
    margin-bottom:16px;
}

.vision-mission-section{
    padding:30px 0;
    background:#f7f7f7;
}

.vision-mission-section h2{
    font-weight:600;
    margin-bottom:60px;
}

.icon-circle{
    margin-bottom:20px;
}

.icon-circle img{
    width:25%;
}

.custom-col {
    width: 33.3333%;
    padding-left: 1%;
  }

.vision-list{
    display: flex;
    justify-content: space-between;
    width: 100vw;
}

.vision-card .vision-list-heading{
    color:#3C4196;
    border: none;
    font-weight:600;
    margin-bottom:10px;
}

.vision-desc{
    max-width: 85%;
}
.values-list{
    list-style:none;
    padding:0;
    text-align:left;
    max-width:260px;
}

.values-list span{
    color: #3C4196;
    font-weight: 500;
}

.why-maarga{
background:#f7f5ecba;
}

.section-title{
font-weight:400;
margin-bottom:40px;
}


.why-card{
border-radius:18px;
padding:25px;
display:flex;
background-repeat:no-repeat;
background-position:initial;
background-size:contain;
position:relative;
overflow:hidden;
}

.card-text h2{
    padding: 4px;
}

.team-card .card-text{
    display: flex;
    flex-direction: column;
    align-items:  flex-end;
    width: 100%;
}
.team-card p{
    text-align: end;
    max-width: 78%;
}
.service-card .card-text{
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 100%;
}
.service-card p{
    max-width: 78%;
}

.facility-card .card-text{
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 100%;
}

.patient-card p{
    max-width: 38%;
}


.section-img-container{
position: absolute;
}

.section-one-img{
left: 0;
bottom: 0;
}
.section-img-card{
width: 25vw;
height: 25vh;
}
.section-two-img{
right: 20px;
top: 20px;
}
.section-img-two-card{
width: 15vw;
height: 25vh;
}
.section-three-img{
bottom: 20px;
left: 50px;

}
.section-img-three-card{
width: 20vw;
height: 35vh;
}

.section-four-img{
top: 20px;
left: 40px;

}
.section-img-four-card{
width: 20vw;
height: 35vh;
}

.section-five-img{
bottom: 20px;
left: 40px;

}
.section-img-five-card{
width: 20vw;
height: 35vh;
}


.section-six-img{
right: 30px;
bottom: 20px;

}
.section-img-six-card{
width: 30vw;
height: 45vh;
}

.team-card{
/* background-image:url("../images/Aboutus/aboutus_sectionfour1.png"); */
background-color: #F7F0C9;
background-size: cover;
height: 50vh;
margin-bottom: 25px
}

.service-card{
/* background-image:url("../images/Aboutus/aboutus_sectionfour2.png"); */
background-color: #EEE6E8;
background-size: cover;
height: 50vh;
margin-bottom: 25px
}

.plan-card{
/* background-image:url("../images/Aboutus/aboutus_sectionfour3.png"); */
background-color: #E7F1EB;
background-size: cover;
height: 77vh;
margin-bottom: 25px
}

.facility-card{
/* background-image:url("../images/Aboutus/aboutus_sectionfour4.png"); */
background-color: #E6E7E8;
background-size: cover;
height: 77vh;
margin-bottom: 25px
}

.age-card{
/* background-image:url("../images/Aboutus/aboutus_sectionfour5.png"); */
background-color: #FDE2DF;
background-size: cover;
height: 77vh;
margin-bottom: 25px
}

.patient-card{
/* background-image:url("../images/Aboutus/aboutus_sectionfour6.png"); */
background-color: #EEE6E8;
background-size: cover;
height: 50vh;
margin-bottom: 25px
}

.management-section{
background:rgb(237, 235, 252);
}

.doctors-container{
    background-color: #fff;
    padding: 8px 0;
    margin: auto;
}

.doctor-card{
background:#f2e6d1;
text-align:center;
cursor:pointer;
overflow:hidden;
transition:0.3s;
border: 0.4px solid #e8e5e5;
}

.doctor-card img{
width:100%;
height:51vh;
object-fit:cover;
}

.doctor-card:hover{
transform:translateY(-1px);
}

.doctor-info{
background:#fff;
padding:12px;
}

.doctor-info h5{
font-size:12px;
text-align: center;
color: #3C4196;
font-weight: 600;
height:7vh !important;
}

.doctor-info p{
font-size:14px;
font-weight: 500;
text-align: center;
}

/* Popup container */
.doctor-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
z-index:999;
}

/* Overlay */
.popup-overlay{
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
}

/* Popup box */
.popup-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:70%;
max-width:700px;
height: auto;
background-image:url("/public/uploads/images/Aboutus/popup.webp");
background-size:100% 100%;
background-repeat:no-repeat;

padding:50px 40px;
color:#6b5a4c;
}

/* Scroll content */
.popup-scroll{
max-height:220px;
overflow-y:auto;
padding-right:10px;
}

/* White scrollbar */
.popup-scroll::-webkit-scrollbar{
width:6px;
}

.popup-scroll::-webkit-scrollbar-track{
background:transparent;
}

.popup-scroll::-webkit-scrollbar-thumb{
background:#ffffff;
border-radius:10px;
}

/* Close button */
.popup-close{
position:absolute;
top:15px;
right:20px;
cursor:pointer;
font-size:20px;
color:#333;
}

.our-center-container{
    background-color:#FDF8EA;
}

.map-wrapper{
    margin-top:40px;
    text-align:center;
}

section#indSection a.place_amarag span{
    top:0.2vw !important;
}
section#indSection a.place_maarga span{
    top:0.3vw !important;
}

section#indSection a.place_amarag{
    padding-left:11% !important;
}
    section#indSection a.place_maarga {
        padding-left:11% !important;
}
.center-map{
    width:100%;
    max-width:900px;
}

.cta-banner{
    background:#F4D711;
    padding:18px 0;
}

.cta-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-around;
    width: 73%;
    margin: auto;
}

.cta-text{
    font-size:2vw !important;
    color:#3C4196;
    font-weight:400 !important;
    margin:0;
    margin-bottom: 0 !important;
}

.cta-btn{
    background:#3C4196;
    color:#fff;
    padding:10px 28px;
    border-radius:8px;
    font-size:15px;
    font-weight:500;
    text-decoration:none;
    transition:0.3s;
}

.cta-btn:hover{
    background:#2d3285;
    color:#fff;
}

.faq-section{
padding:40px 0;
background:#fff;
}

.faq-item{
border-bottom:2px solid #d6d6ea;
margin-bottom:10px;
}

.faq-header{
display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;
padding:15px 0;
font-size:18px;
color:#3C4196;
font-weight:500;
}

.faq-icon{
width:22px;
height:22px;
border-radius:50%;
background:#3C4196;
color:#F4D711;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
}

.faq-content{
display:none;
padding:10px 0 15px 0;
}

.faq-content.show{
display:block;
}

.condition-list{
display:flex;
flex-wrap:wrap;
gap:30px;
list-style:none;
padding:0;
margin:0;
}

.condition-list h6{
position:relative;
padding-left:14px;
color:#3C4196;
font-size:15px;
}

.condition-list h6::before{
content:"•";
position:absolute;
left:0;
color:#3C4196;
}


/* bug fixes */

p a{
color: #3C4196;
}

p a:hover{
    text-decoration: underline;
    color: #3C4196;
}

.why-maarga .why-card .card-text h5{
    margin-bottom: 2.3% !important;
    font-size: 1.2vw;
    color: #3C4196;
    font-weight: 600;
    text-align: left;
}


#testimonial-slider-doc .owl-item {
  padding: 0 8px;   /* gap = 16px total */
}

/* Fix outer spacing */
#testimonial-slider-doc {
  margin: 0 -8px;
}

.doctor-carousel-wrapper {
  position: relative;
  background-color: #fff;
  padding: 18px;
}

/* Arrows common */
.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  border: none;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
}

/* Left Arrow */
.arrow.left {
  left: -15px;
}

/* Right Arrow */
.arrow.right {
  right: -15px;
}

.about-maarga-cont a{
    color: #3C4196 !important;
    font-weight: 600 !important;
}
.about-maarga-cont a span{
    color: #000 !important;
    font-weight: normal !important;
}

.map-text{
    position: relative;
    bottom: -6px;
}

.row.row_map_ind {
    gap: 0 !important;
    justify-content: normal !important;
}

.map3_marga a span{
    display:block !important;
}

.place_amarag, .place_maarga{
    display :flex !important;
    
}

    section#footer-book-appt {
        margin-top:-1vh !important;
}

section#indSection{
        padding: 0% 0 8% !important;
}

section.hp-sec5.footer-block-mmaarga-all {
    display: none !important;
}

@media (min-width:768px){
    section#footer-book-appt .row {
   flex-wrap: nowrap;
}

}


/* Optional: hide on desktop */
@media (min-width: 992px) {
  .arrow {
    display: none;
  }
}


@media (max-width:992px){

.about-banner-content h1{
    font-size:5vw;
}

.about-desc{
    font-size:1.8vw;
    max-width:62vw;
}
.who-we-are-section{
    background-position: center;
}
.who-content p {
    max-width: 62%;
}
.who-content h2{
    font-size:28px;
}

.icon-circle img{
    width:25%;
}

/* .doctor-card img{
height:320px;
} */

}

@media (min-width:768px) and (max-width:991px){
    
        .austim-outer-wrapper h5 {
        font-size: 2.2vw;
    }
    
    .why-maarga .why-card .card-text h5{
    font-size: 2.2vw;
}

    section#indSection a.place_amarag {
        padding-left:8% !important;
}

 .doctor-card img{
height:41vh;
} 

#testimonial-slider-doc{
    margin:0 3vw;    
}

section#indSection a.place_maarga{
    padding-left:8% !important;
}

    section#footer-book-appt {
        margin-top:-1vh !important;
}

    
.team-card{
height: 50vh;
width: 85vw;
}

.service-card{
height: 50vh;
width: 85vw;
}

.plan-card{
height: 50vh;
width: 85vw;
}

.facility-card{
height: 50vh;
width: 85vw;
}

.age-card{
height: 50vh;
width: 85vw;
}

.patient-card{
height: 50vh;
width: 85vw;
}

.section-img-card{
width: 63vw;
height: 30vh;
}
.section-img-two-card{
width: 42vw;
height: 29vh;
}

.section-img-three-card{
width: 42vw;
height: 30vh;
}
.section-img-four-card{
width: 38vw;
height: 28vh;
}
.section-img-five-card{
width: 48vw;
height: 25vh;
}

.section-img-six-card{
width: 43vw;
height: 29vh;
}

}

@media (max-width:767px){

/* .about-maarga-banner{
    min-height:420px;
} */

    .austim-outer-wrapper h5 {
        font-size: 5vw;
    }
    
.why-maarga .why-card .card-text h5{
    font-size: 5vw;
}

.section-img-card{
width: 82vw;
height: 23vh;
}
.section-img-two-card{
width: 62vw;
height: 28vh;
}

.section-img-three-card{
width:60vw;
height: 30vh;
}
.section-img-four-card{
width: 66vw;
height: 25vh;
}
.section-img-five-card{
width: 60vw;
height: 20vh;
}

.section-img-six-card{
width: 67vw;
height: 31vh;
}

.team-card p,
.service-card p,
.patient-card p
{
    max-width: 100% !important;
}

.who-content p {
    max-width: 100%;
}

.custom-col {
  width: 100%;
  padding-left: 6%;

}

.about-banner-content h1{
    font-size:8vw;
}

.about-desc{
    font-size:3.5vw;
    max-width:82vw;
}

.who-we-are-section{
    /* background-image:none; */
    background-size: auto;
     background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
    padding:60px 0;
}


.who-image{
    margin-top:30px;
}

.section-title{
    font-size:26px;
}

.vision-card{
    margin-bottom:40px;
}

.vision-list{
    flex-direction: column;
}

.team-card{
height: 62vh;
margin-bottom:-15px !important;
}

.service-card{
height: 64vh;
margin-bottom:-15px !important;
}

.plan-card{
height: 62vh;
margin-bottom:-15px !important;
}

.facility-card{
height: 62vh;
margin-bottom:-15px !important;
}

.age-card{
height: 62vh;
margin-bottom:-15px !important;
}

.patient-card{
height: 62vh;
margin-bottom:-15px !important;
}
.patient-card p{
    max-width: 78%;
}


.doctor-card img{
height:310px;
}

.doctor-info h5{
font-size:13px;
height:3vh;
}

.our-center-container{
    padding:50px 0;
}

.center-map{
    width:100%;
}

.cta-wrapper{
    flex-direction:column;
    text-align:center;
    gap:15px;
    width: 100%;
}

.cta-text{
    font-size:5vw !important;
}

.faq-header{
font-size:16px;
}

.condition-list{
gap:15px;
}

.condition-list h6{
font-size:14px;
}

.doctor-carousel-wrapper{
    max-width: 90%;
    margin: auto;
    padding: 22px 10px 18px 22px;
}
#testimonial-slider-doc {
  margin: 0 -3px;
}

    section#indSection a.place_maarga,
    .map3_marga a.place_amarag
    
    {
        
    gap:10px !important
}

}


@media(min-width: 992px)
{
    
 section#footer-book-appt .row {

    flex-wrap: nowrap;
}   
.doctor-info p {
    font-size: 1.2vw;
}
.doctor-info h5 {
    font-size: 1vw;
    height:3vh;
}

}

.team-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Desktop → 4 items */
.team-flex .doctor-card {
  width: calc(25% - 15px);
}

/* Tablet → 3 items */
@media (max-width: 991px) {
  .team-flex .doctor-card {
    width: calc(50% - 14px);
  }
}

/* Mobile → 1 item */
@media (max-width: 767px) {
  .team-flex .doctor-card {
    width: 100%;
  }
}