@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');


:root {    
    font-size:16px;
    --bs-primary: #5a6557;
    --bs-secondary: #EBE7D8;
    --bs-teritary: #041624;
    --bs-body-font-family: 'Oxygen', sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.7;
    --bs-body-color: #4d6581;
    --bs-body-bg: #fff;
}
body{overflow-x: hidden;}
html{scroll-behavior: initial !important;}

@media(min-width:1900px) {
    .container-lg {
        max-width: 1660px;
    }
}

@media(min-width:1700px) and (max-width:1899px) {
    .container-lg {
        max-width: 1560px;
    }
}

@media(min-width:1600px) and (max-width:1699px) {
    .container-lg {
        max-width: 1460px;
    }
}

img{max-width:100%; height:auto;}
h1, h2, h3, h4, h5, h6{ margin-top:0; margin-bottom:0;}
h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child){margin-bottom:.5rem;}

a{color: var(--bs-primary); cursor:pointer; text-decoration:none;}
a:hover{color:#000000;}
b,strong{font-weight: 600;}

.bg-primary{background-color: var(--bs-primary) !important;}
.text-primary{color: var(--bs-primary) !important;}

.btn{font-size: 0.875rem; padding: 12px 30px; border-radius: 30px;}
.btn.btn-sm{font-size: 0.875rem;}
.btn:active, .btn:focus{outline:none; box-shadow:none !important; -webkit-box-shadow:none !important;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:0;}
.btn-primary{color: #fff; background-color: #a2ba9e; border-color: #a2ba9e;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{background-color: var(--bs-primary); border-color: var(--bs-primary);}
.btn-outline-primary{color: var(--bs-primary); background-color: transparent; border-color: var(--bs-primary);}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus{color: #ffffff; background-color: var(--bs-primary); border-color: var(--bs-primary);}
.btn-secondary{background-color: #EBE7D8; border-color: #EBE7D8; color: #545353;}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus{background-color: #EBE7D8; border-color: transparent; color: #545353;}

.main-container{min-height:100%; position:relative;}

#header{padding:0; position: sticky; top: 0; z-index: 2;}
#header .header-wrap{padding: 10px 0; background-color: #ffffff; box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);}
#header .header-wrap .header-logo img{max-width: 97px;}

.main-nav{}
.main-nav ul{margin:0; padding:0;}
.main-nav li{margin:0; padding:0; list-style:none; position:relative;}
.main-nav li a{margin:0; padding:0; display:block; font-size: 0.938rem; line-height:1.3; color: var(--bs-primary); text-decoration:none; position:relative;}
.main-nav li a:hover,
.main-nav li:hover > a,
.main-nav li.current-menu-item > a{color: var(--bs-primary);}

.main-nav > ul{display: flex; grid-column-gap: 20px;}
.main-nav > ul > li > a{padding:0 5px; position: relative;}

.main-nav > ul > li.has-dropdown > a:after{content:"\f107"; display:inline-block; vertical-align:middle; margin-left:6px; margin-top:-2px; font-family:'Font Awesome 6 Free'; font-weight: 900; font-size: 0.75rem;}
.main-nav > ul > li li.has-dropdown > a:after{content:"\f054"; position:absolute; top:9px; right:10px; font-family:'Font Awesome 6 Free'; font-weight: 900; font-size: 0.75rem;}

#pull_nav{display:none;}
.pull-nav{display:inline-block; vertical-align:top; padding: 12px 10px 13px; height:40px; border-radius:0; cursor:pointer; outline:0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;}
.pull-nav .n, .pull-nav .g, .pull-nav .s{display:block; width: 27px; height:2px; background-color: var(--bs-primary);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pull-nav .g, .pull-nav .s{margin-top:4px;}
.pull-nav .g {width: 22px; margin-left: 5px;}
.pull-nav .s {width: 17px; margin-left: 10px;}

.pull_nav_close{display:none;}
.pull-close-nav{display:inline-block;}
.pull-close-nav .n, .pull-close-nav .g, .pull-close-nav .s{display:block; width:28px; height:3px; background: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pull-close-nav .n{
-ms-transform: rotate(45deg) translate(7px, 7px);
-webkit-transform: rotate(45deg) translate(7px, 7px);
-moz-transform: rotate(45deg) translate(7px, 7px);
-o-transform: rotate(45deg) translate(7px, 7px);
transform: rotate(45deg) translate(7px, 7px);}
.pull-close-nav .s{margin-top:7px;
-ms-transform: rotate(-45deg) translate(7px, -7px);
-webkit-transform: rotate(-45deg) translate(7px, -7px);
-moz-transform: rotate(-45deg) translate(7px, -7px);
-o-transform: rotate(-45deg) translate(7px, -7px);
transform: rotate(-45deg) translate(7px, -7px);}
.pull-close-nav .g{margin-top:7px;
transform: scale(0);
visibility: hidden;
}

#swipeNav::-webkit-scrollbar{
    background: #13749a;
    width: 5px;
}
#swipeNav::-webkit-scrollbar-thumb{
    background: #ffffff;
}
@media (min-width: 992px){
.main-nav > ul > li > a:before{content: ''; position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%) scale(0); display: block; width: 100%; height: 2px; border-radius: 14px; background-color: #5A6557; transition: all 220ms linear 0ms;}
.main-nav > ul > li > a:hover:before{transform: translateX(-50%) scale(1);}

.main-nav ul ul{padding:0; margin:0; list-style:none; position:absolute; left:0; width:220px; background:#daa745; padding:0; text-align:left;}
.main-nav ul li:hover > ul{display:block;}
.main-nav ul li ul {    
    visibility: hidden;
    opacity: 0;
    top: 100%;
    position: absolute;
    text-align: left;
    border-top: 2px solid var(--bs-primary);
    -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.05);
    border-left: 1px solid #edf0f5;
    border-right: 1px solid #edf0f5;
    border-bottom: 1px solid #edf0f5;
    padding: 0px 0;
    margin-top: 20px;
    margin-left: 0px;
    background: #fff;
    -webkit-transition: 0.2s 0s;
    -o-transition: 0.2s 0s;
    transition: 0.2s 0s; 
}    
.main-nav ul li:hover > ul {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    margin-top: 0px;
    visibility: visible;
    opacity: 1;
}    
.main-nav ul ul li:hover > ul{top:0; left:100%;}
.main-nav ul ul ul{left:100%; top:0;}
.main-nav ul li ul li a{font-size: 0.875rem;}
}
@media (max-width: 991px){
#pull_nav{display:inline-block; vertical-align: top;}
.pull_nav_close{display:block;}
.main-nav{margin-top: 40px;}
.main-nav ul{flex-direction: column;}
.main-nav ul > li{border-bottom: 1px solid #6d5fd0;}
.main-nav li a{padding: 10px 20px; display: block; color: #ffffff;}

.main-nav ul li{margin:0; padding:0; display: block;}
.main-nav ul li a{padding:10px 20px 10px; display:block; color:#ffffff;}
.main-nav ul li a:hover,
.main-nav ul li:hover > a,
.main-nav ul li.current-menu-item > a{color: var(--bs-secondary); background-color: transparent;}
.main-nav ul ul{padding-bottom:10px; display:none;}
.main-nav ul ul li{border:none;}
.main-nav ul li li a{padding:7px 20px 7px 30px; font-size: 0.875rem;}
.main-nav ul li li li a{padding:7px 20px 7px 40px;}

.main-nav ul > li.current-menu-item > a:after{display: none;}
.main-nav ul > li.has-dropdown > a:after, .top_nav > li li.has-dropdown > a:after{display:none;}

.main-nav ul li.has-dropdown .arrow{position:absolute; z-index:8; top:0; right:0; width:30px; height:100%; line-height:38px; text-align:center; font-size:0.75rem; cursor:pointer;}
.main-nav ul ul li.has-dropdown .arrow{height:100%; line-height:30px;}
.main-nav ul li.has-dropdown .arrow:after{font-family:'Font Awesome 6 Free'; font-weight: 900; content:"\f107";
-webkit-transition: rotate 250ms ease;
  -moz-transition: rotate 250ms ease;
  -o-transition: rotate 250ms ease;
  transition: transform 250ms ease;
}
.main-nav ul li.has-dropdown.open > a > .arrow:after{content:"\f106";}
.main-nav ul li.has-dropdown > a{padding-right:30px;}
.main-nav ul li.has-dropdown.open > ul{display:block;}
.main-nav ul li.has-dropdown.open > a{color: var(--bs-secondary);}

#swipeNav{right:-260px; position:fixed; top:0; width:260px; height:100%; background: #6649C3; padding:20px 0 30px; z-index:101;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-overflow-scrolling: touch;
}
#swipeNav.open{right:0; overflow-y:auto;}
#swipe_overlay{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; background-color:rgba(0,0,0, .7);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#swipe_overlay.in{display:block;}
body.overf{overflow:hidden;}
}


.section{padding: 70px 0;}
.section.gray{background-color: #F8F8F8;}
.section .section-title{font-size: 1.313rem; color: #000000; font-weight: 400; letter-spacing: 2px;}
.section .section-title.with-devider{position: relative;}
.section .section-title.with-devider:before{content: ""; width: 100%; height: 1px; background-color: #6649C3; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: -1;}
.section .section-title.with-devider span{background-color: #ffffff; padding: 0 30px;}
.section .section-subtitle{font-size: 0.938rem; color: #828282; font-weight: 400; letter-spacing: 0.4px;}

.banner{padding: 100px 0; min-height: 400px; background-image: url('../images/banner.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.banner .banner-content h1{font-size: 1.75rem; font-weight: 400; line-height: 1.5;}
.banner .banner-content  h1 b{font-weight: bolder;}
.banner .banner-content  ul{margin: 0; padding: 0; list-style: none;}
.banner .banner-content  li{margin: 0 0  10px; padding: 0 0 0 24px; position: relative;}
.banner .banner-content  li:last-of-type{margin-bottom: 0;}
.banner .banner-content  li:before{content: "\f192"; font-family: "Font Awesome 6 Free"; font-weight: 900;  font-size: 0.875rem; position: absolute; top: 2px; left: 0;}

.enquire-form{padding: 40px 40px; background-color: #F3F5F8CC; border-radius: 10px;}
.enquire-form h5{font-size: 1.25rem; font-weight: 400; color: #6649C3; margin-bottom: 18px;}
.enquire-form .form-group{margin-bottom: 10px;}
.enquire-form .form-label, .enquire-form .form-check-label{font-size: 0.875; color: #717171;}
.enquire-form .form-control, .enquire-form .form-select{padding: 6px 22px; height: 50px; background-color: #ffffff; border: 2px solid transparent; border-radius: 30px; font-size: 0.875rem; font-weight: 700; color: #717171; box-shadow: none !important;}
/*.enquire-form .form-select{background-image: url(../images/select-arrow.svg); background-position: right center;}*/
.enquire-form .form-control::placeholder{color: #717171; opacity: 1;}
.enquire-form .form-control::-ms-input-placeholder{color: #717171;}
.enquire-form .form-control:focus, .enquire-form .form-select:focus{background-color: #fff; border-color: #5a6557;}
.enquire-form select option{color: #000;}
.enquire-form .btn{min-width: 160px;}

.doctors-card{padding: 20px; border: 1px solid #6649C3; border-radius: 20px;}
.doctors-card .card-img{width: 124px; height: 124px; border: 1px solid #6649C3; border-radius: 50%; }
.doctors-card h3{font-size: 1rem; font-weight: 400; color: #000000; margin-bottom: 15px;}
.doctors-card h5{font-size: 0.875rem; font-weight: 400; color: #656565; margin-bottom: 10px;}
.doctors-card p{font-size: 0.875rem; font-weight: 400; color: #656565; letter-spacing: 0.4px; margin-bottom: 8px;}
.doctors-card .btn{padding: 6px 15px; background-color: #6649C3; border: 1px solid #6649C3;  border-radius: 3px; font-size: 0.875rem; font-weight: 400; color: #ffffff;}
.doctors-card .btn:hover{background-color: transparent;  color: #6649C3;}

.facilitySwiper img{border-radius: 10px;}
.facilitySwiper .swiper-button-next, .facilitySwiper .swiper-button-prev{color: #ffffff;}
.facilitySwiper .swiper-button-next:after, .facilitySwiper .swiper-button-prev:after{font-size: 1.75rem;}

.services-section{background-color: #F2F6FF;}
.services-card{border: 0; padding: 40px 40px; border-radius: 20px;}
.services-card h5{font-size: 1rem; font-weight: 400; color: #000000; line-height: 1.7}
.services-card p{font-size: 0.875rem; color: #656565; line-height: 1.9; margin-bottom: 0;}

.featured-card{padding: 30px; background-color: #6649C3; border-radius: 20px; color: #ffffff; display: flex; align-items: center;}
.featured-card i{font-size: 1.25rem; display: flex; margin-right: 10px;}
.featured-card p{font-size: 1.125rem; font-weight: 300;}

.testimonials-section{background-color: #EAE5FC;}
.testimonials-card{height: auto; padding: 30px; background-color: #ffffff; border: 1px solid #6649C3; border-radius: 5px; text-align: center;}
.testimonials-card h4{font-size: 1rem; font-weight: 400; color: #000000; line-height: 1.7; margin-bottom: 20px;}
.testimonials-card p{font-size: 0.875rem; color: #8a8a8a; line-height: 1.9; margin-bottom: 0;}
.testimonials-card .testimonials-icon{margin-top: 30px; width: 60px; height: 60px; background-color: #6649C3; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;}
.testimonials-card .testimonials-icon{font-size: 1.25rem; color: #ffffff;}

.accordion .accordion-item{border: 0;}
.accordion .accordion-item h2{margin-bottom: 0;}
.accordion .accordion-button{background-color: #FFFFFF; border: 1px solid #949494; border-radius: 20px !important; letter-spacing: 1px; font-size: 1rem; color: #000000;}
.accordion .accordion-button:focus{box-shadow: none;}
.accordion .accordion-button:after{width: 16px; height: 16px; background-size: 100%; transform: rotate(-90deg);}
.accordion .accordion-button:not(.collapsed){background-color: #EEF0FF; color: #000000; border: 1px  solid #CBCBCB; border-radius: 20px 20px 0px 0px !important;}
.accordion .accordion-button:not(.collapsed)::after{transform: rotate(0deg);}
.accordion .accordion-body{border: 1px solid #eee; padding: 15px; font-size: 0.938rem; color: #828282; letter-spacing: 1px;}

.modal .btn-close{position: absolute; top: 15px; right: 15px;}
.iti{width: 100%;}
.iti__selected-flag{padding-right: 12px;}
.iti--separate-dial-code .iti__selected-flag{background-color: transparent; font-weight: 400; font-size: 0.875rem; color: #000000; background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-position: right center; background-size: 12px 10px;}
.iti__arrow{border: 0 !important;}
.iti__country-list{color: #000;}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color: transparent !important;}

#footer{background-color: #6649C3;}
#footer .footer-top{padding: 60px 0;}
#footer .footer-logo img{width: 115px;}
#footer h4{font-weight: 300; color:#ffffff; font-size: 0.938rem; margin-bottom: 30px;}
#footer p{font-weight: 300; color:#ffffff; font-size: 0.938em;}
#footer p a{color:#ffffff; text-decoration:none;}
#footer p a:hover{color: #B6AA8E;}
#footer .footer-social{}
#footer .footer-social ul{margin:0; padding:0; display:flex; flex-flow:row wrap; grid-gap:12px}
#footer .footer-social li{margin:0; padding:0; list-style:none}
#footer .footer-social li a{margin:0; padding:0; display:block; width:28px; height:28px; background-color:#fff; border-radius:50%; font-size: 0.875rem; color: #6649C3; line-height:28px; text-align:center;}
#footer .footer-social li a:hover{background-color:#5a6557; color:#fff;}
#footer .iframe-box iframe{width: 100%; height: 180px; border-radius: 10px;}
#footer .footer-bottom{padding: 15px 0; border-top: 1px solid #ffffff;}
#footer .copyright-text{font-size: 0.875rem; font-weight: 300; color: #ffffff;}

.bottom-action{position: fixed; bottom: 20px; left: 50%; width: auto; padding: 4px; background-color: #ffffff; border-radius: 30px; transform: translateX(-50%); display: flex; gap: 6px; z-index: 1;}
.bottom-action .btn{padding: 7px 20px; background-color: #6649C3; color: #ffffff; font-size: 0.75rem; font-weight: 300; border-radius: 30px; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;}
.bottom-action .btn i{font-size: 0.875rem;}

@media (max-width: 1199px){
.section{padding: 50px 0;}
}

@media (max-width: 991px){
.section{padding: 40px 0;}
.section .section-title{font-size: 1.25rem;}

.banner .banner-content h1{font-size: 1.5rem;}

.doctors-card .card-img{width: 100px; height: 100px;}

.featured-card{padding: 18px;}
.featured-card i{font-size: 1rem;}
.featured-card p{font-size: 1rem;}

#footer .footer-top{padding: 50px 0;}
#footer h4{margin-bottom: 20px;}
}

@media (max-width: 767px){
#header .header-wrap{padding: 8px 0;}
#header .header-wrap .header-logo img{width: 90px;}

.section .section-title.with-devider:before{display: none;}
.section .section-title.with-devider span{padding: 0;}

.banner{background-image: url('../images/banner-mobile.jpg'); background-position: center left;}
.enquire-form{padding: 30px 20px;}
.enquire-form h5{font-size: 1.125rem;}

.services-card{padding: 30px 20px;}

.testimonials-card{padding: 20px;}
.testimonials-card h4{margin-bottom: 15px;}

#footer .footer-social ul{justify-content: center;}
}

@media (max-width: 575px){
#header .header-wrap .btn{padding: 10px 15px;}

.featured-card{padding: 14px;}
.featured-card i{font-size: 0.875rem; margin-right: 8px;}
.featured-card p{font-size: 0.875rem;}

.accordion .accordion-button{font-size: 0.875rem;}
.accordion .accordion-body{font-size: 0.875rem;}

#footer .footer-top{padding: 40px 0;}

.bottom-action .btn{padding: 7px 14px;}
}

@media (max-width: 480px){

}