body{
   scroll-behavior: smooth;
   font-family: 'Roboto';
}
html.lenis,
html.lenis body {
    height: auto;
}
.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}
.lenis.lenis-stopped {
    overflow: hidden;
}
.lenis.lenis-scrolling iframe {
    pointer-events: none;
}
::-webkit-scrollbar {
    width: 0px;
}
::-webkit-scrollbar-thumb {
    background: #ca252b; 
}
::-webkit-scrollbar-thumb:hover {
    background: #ca252b; 
}
.hc-offcanvas-nav.hc-nav-1.nav-position-left .nav-container {
    transform: translate3d(-493px, 0, 0);
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-SemiBold.eot');
    src: url('../fonts/Roboto-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-SemiBold.woff2') format('woff2'),
        url('../fonts/Roboto-SemiBold.woff') format('woff'),
        url('../fonts/Roboto-SemiBold.ttf') format('truetype'),
        url('../fonts/Roboto-SemiBold.svg#Roboto-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype'),
        url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


li{list-style: none;}
ul{padding: 0; margin: 0;}
a{text-decoration: none; transition: 0.5s;}
a:hover{transition: 0.5s;}
.navbar-expand-lg{justify-content: space-between;}
header{padding: 0 50px;}
.online-btn a{background: #0B73B0; box-shadow: 0px 3px 6px #00000066; border-radius: 18px; padding: 10px 25px; color: #fff; font-weight: normal;}
.online-btn a img{height: 18px; padding-right: 5px;}
.online-btn a:hover{background: #F60740; color: #fff;}
.allbtn-box{display: flex; align-items: center; gap: 40px;}
.call-btn a{background: transparent; border-radius: 0; padding: 0; color: #000; box-shadow: none;}
.call-btn a:hover{background: transparent; color: #F60740;}
.main-heding h2{color: #000; font-size: 35px; font-weight: 600; margin: 0; padding-bottom: 40px;}
.main-heding span{color: #F60740;}
.captcha-box {padding: 12px;border: 1px solid #d3d3d3;display: flex;justify-content: space-between;align-items: center;background: #fff;}
.captcha-box .captcha-left {display: flex;align-items: center;gap: 10px;cursor: pointer;}
.captcha-box .checkbox {width: 22px;height: 22px;border: 2px solid #c1c1c1;position: relative;}
.captcha-box .checkbox.loading::after {content: "";width: 16px;height: 16px;border: 2px solid #999;border-top: 2px solid transparent;border-radius: 50%;position: absolute;top: 2px;left: 2px;animation: spin 0.8s linear infinite;}
.captcha-box .checkbox.checked::after {content: "";position: absolute;left: 6px;top: 2px;width: 6px;height: 12px;border: solid #F60740;border-width: 0 3px 3px 0;transform: rotate(45deg);}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
.captcha-box span{font-size: 14px; color: #000; font-weight: normal;}
.captcha-box .captcha-logo {text-align: center;font-size: 10px;color: #555;}
.captcha-box .captcha-logo img {width: 30px;display: block;margin: auto;}
.captcha-box .links a {color: #555;text-decoration: none;font-size: 9px;}
.banner{padding: 10px 85px; margin: 0 50px; border: 1px solid #707070; border-radius: 16px; }
.main-heding{position: relative; margin-top: -65px;}
.main-img{position: absolute; top: 100px;right: 140px;}
.gender-box {display: flex;gap: 20px;align-items: center;}
.radio-container {
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    font-size: 13px;
    user-select: none;
    font-weight: normal;
    margin-right: 5px !important;
}

    .radio-container input {position: absolute;opacity: 0;cursor: pointer;}
.checkmark {position: absolute;top: 0px;left: 0;height: 18px;width: 18px;border: 1px solid #000;border-radius: 50%;}
.checkmark::after {content: "";position: absolute;display: none;}
.radio-container input:checked ~ .checkmark::after {display: block;}
.radio-container .checkmark::after {top: 4px;left: 4px;width: 8px;height: 8px;border-radius: 50%;background: black;}
.enquriy-form{box-shadow: 0px 3px 6px #00000066; border-radius: 6px; padding: 20px 25px;}
.enquriy-form .form-control{box-shadow: none; border-radius: 0; border-left: none; border-right: none; padding-left: 0; border-top: none; border-bottom: 1px solid #c1c1c1; color: #000; font-size: 14px;}
.enquriy-form .from-group{margin-bottom: 15px;}
.enquriy-form .form-select{box-shadow: none; border-radius: 0; border-left: none; border-right: none; padding-left: 0; border-top: none; border-bottom: 1px solid #c1c1c1; color: #000; font-weight: normal ; font-size: 13px;}
.enquriy-form input::placeholder{color: #000; font-size: 13px; font-weight: normal;}
.enquriy-form .gender-box{margin-bottom: 15px;}
.enquriy-form textarea::placeholder{color: #000; font-size: 13px; font-weight: normal}
.enquriy-form h6{font-size: 13px; font-weight: normal; color: #000; margin: 0;}
.send-btn a{background: #0B73B0; padding: 10px 0; display: block; width: 100%; border-radius: 32px; text-align: center; color: #fff; font-size: 16px; font-weight: 500;}
.send-btn{padding-top: 20px;}
.send-btn a:hover{background: #F60740;}
.about-heding h3{font-weight: 600; font-size: 35px; color: #000; margin: 0;}
.about-text p{font-weight: normal; color: #000; font-size: 16px; }
.about-text p:last-child{margin: 0;}
.about-bg{padding: 60px 0;}
.what-bg{ padding: 60px 0; padding-left: 122px; background: #0B73B0; }
.what-bg h3{color: #fff; font-weight: normal; padding-bottom: 65px; margin: 0; font-size: 35px;}
.what-box img{padding-bottom: 55px;}
.what-box{background: #3081B0; padding: 24px; border-radius: 8px;}
.what-box h5{color: #fff; font-weight: normal; font-size: 18px; padding-bottom: 15px; margin: 0;}
.what-box p{color: #fff; font-size: 16px; margin: 0; font-weight: normal;}
.guiding-bg{padding: 60px 0; padding-left: 110px;}
.guiding-list li{padding-left: 40px; position: relative; color: #082620; font-size: 17px; padding-bottom: 20px; font-size: 20px; }
.guiding-list li::before{position: absolute; content: ''; width: 22px; height: 22px; left: 0; top: 2px; background: url(../images/tick-circle-icon.webp) no-repeat; background-position: center;}
.guiding-list h3{font-size: 35px; padding-bottom: 15px; margin: 0; font-weight: 600;}
.condition-bg{background: #0B73B0; padding: 60px 0;}
.condition-bg h3{text-align: center; font-size: 35px; font-weight: 500; padding-bottom: 15px; margin: 0; color: #fff;}
.condition-bg p{padding: 0 29%; font-size: 16px; text-align: center; color: #fff; margin-bottom: 30px; font-weight: normal;}
.list-list li{font-size: 16px; font-weight: normal; color: #000; padding-bottom: 5px;}
.list-list li:last-child{padding-bottom: 0;}
.list-list p {
    color: #000;
    
    padding: 0;
    text-align: justify;
}
.faq-item {background: #fff;border-radius: 24px;margin-bottom: 20px;overflow: hidden;}
.faq-title {padding: 8px 20px;cursor: pointer;display: flex;justify-content: space-between;align-items: center;font-weight: 500;color: #000;font-size: 18px;}
.faq-content {max-height: 0;overflow: hidden;padding: 0 20px;transition: 0.3s ease;}
.faq-item.active .faq-content {max-height: 100%;padding: 15px 20px;}
.faq-title span {font-size: 35px;color: #878787; font-weight: 300;}
.faq-content {overflow: hidden;padding: 0 20px;transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.25s ease;}
.faq-item.active .faq-content {padding: 15px 20px;}
.faq-title span {transition: transform 0.3s ease;}
/* .faq-item.active .faq-title span {transform: rotate(180deg);} */
.faq-item.active .faq-content {padding: 15px 20px;}
.aduvance-bg h3{text-align: center; font-size: 35px; font-weight: 500; margin-bottom: 20px; margin: 0; padding-bottom: 20px;}
.aduvance-bg p{font-size: 16px; font-weight: normal; color: #000; text-align: center; padding: 0 23%; margin-bottom: 30px;}
.advance-box p{padding: 0; font-size: 14px; font-weight: normal; color: #fff; text-align: left; margin: 0;}
.advance-box h5{color: #fff; font-size: 18px; font-weight: 500; position: relative; padding-left: 15px;}
.advance-box h5::before{width: 10px; height: 10px; border-radius: 50%; background: #fff; position: absolute; content: ''; left: 0; top: 6px;}
.advance-box{background: #3081B0; padding: 30px; border-radius: 24px;min-height: 320px; }
.advance-slider{padding-left: 50px;}
.aduvance-bg{padding: 60px 0;}
.surgical-bg{background: #0B73B0; padding: 60px 0;}
.surgical-text h3{font-size: 25px; color: #fff; font-weight: 500; margin-bottom: 20px;}
.wight-box h5{color: #000; font-size: 14px; font-weight: 500; margin-bottom: 15px; border-bottom: 1px solid #e8e8e8; padding-bottom: 15px;}
.wight-box p{color: #000; font-size: 14px; font-weight: normal; margin: 0;}
.wight-box{background: #fff; padding: 50px 60px; border-radius: 28px;}
.surgical-text img{padding-bottom: 10px;}
.custom-accordion .accordion-item {background: transparent;border: none;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.custom-accordion .accordion-button {background: transparent;color: #fff;font-weight: 600;padding: 18px 20px;box-shadow: none;border: none;padding-left: 0;}
.custom-accordion .accordion-button::after {display: none;}
.custom-accordion .accordion-button:focus {box-shadow: none;border: none;}
.arrow-icon {margin-left: auto;font-size: 16px;transition: transform 0.3s ease;}
.accordion-button:not(.collapsed) .arrow-icon {transform: rotate(180deg);}
.custom-accordion .accordion-body {background: transparent;color: #fff;padding: 15px 0;}
.custom-accordion ul {padding-left: 20px;margin: 0;}
.custom-accordion ul li {margin-bottom: 6px;}
.accordion-collapse {transition: height 0.35s ease;}
.custom-accordion{ padding-right: 155px;}
.faq-section{padding-left: 50px;}
.faq-section p{font-size: 16px; color: #fff; font-weight: normal; }
.our-team-section h3{text-align: center; font-size: 35px; color: #000;}
.our-team-section p{text-align: center; padding: 0 16%; margin-bottom: 60px;}
.doctor-box h5{color: #000; font-weight: 500; font-size: 18px; padding-top: 20px;}
.doctor-box p{color: #000; font-size: 16px; font-weight: normal; margin: 0; padding: 0; text-align: left;}
.our-team-section{padding: 60px 0;}
.footer-bg{background: #0B73B0; padding: 60px 0;}
    .footer-bg a {
        color: #fff !important;
    }
 .footer-bg h3{color: #fff; font-size: 35px; font-weight: 500; padding-bottom: 30px;}
.contact-address h5{color: #fff !important; font-size: 20px; font-weight: 500; margin-bottom: 30px;}
.contact-address h6{font-size: 18px; font-weight: 500; margin-top: 40px; color: #fff !important;}
.contact-address p{font-size: 16px; font-weight: normal; color: #fff !important;}
.referance{margin-top: 0 !important; padding-left: 85px;}
.referance h6{margin-bottom: 10px; margin-top: 60px;}
.coappy-bg{background: #071D42; padding: 15px 0;}
.coppy-text p{margin: 0; font-size: 14px; color: #fff;}
.social-icon li{display: inline-block; padding-left: 20px; }
.social-icon a{font-size: 16px; color: #fff;}
.social-icon{text-align: right;}