*{margin: 0; padding: 0;}
body {
    font-family: 'Segoe UI', sans-serif;
}

:root{
      --brand: #16a34a;        
      --brand-600: #12833c;    
      --soft: #eefaf5;        
      --soft-border:#dff3ea;
      --ink:#111827;           
      --muted:#6b7280;
      --accent:#d32f2f; 
      --ink:#121417;
      --bg:#f9fafb; 
      --card:#ffffff; 
      --stroke:#e5e9f0; 
    }

h1, h2, h3, h4, h5, h6{font-family: "Montserrat", sans-serif;}
a{text-decoration: none;}

.heading-main{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 36px;
 }
 .heading-main a{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 36px;
 }
.location-dropdown{ background-color: transparent !important;}
.location-dropdown svg{fill: #007f5f; width: 20px; margin-right: 10px;}
/* ------------------ multiple-color ----------- */

.lightgreen-bg{background-color: #CDFFE8; position: relative;}
.lightgreen-bg::before{
    content: "";
    position: absolute;
    width: 125px;
    height: 125px;
    background-color: #97F5CB;
    border-radius: 50%;
    top: -28px;
    left: -28px;
    z-index: 1;
}
.lightgreen-bg img{
    position: relative; z-index: 20; right: 0; bottom: -34px;
}

.lightcream-bg{background-color: #FFDFB3; position: relative;}
.lightcream-bg::before{
    content: "";
    position: absolute;
    width: 125px;
    height: 125px;
    background-color: #FFD9A3;
    border-radius: 50%;
    top: -28px;
    left: -28px;
    z-index: 1;
}
.lightcream-bg img{
    position: relative; z-index: 20; right: 0; bottom: -34px; left: 50px;
}

.lightblack-bg{background-color: #CFCDCC; position: relative;}
.lightblack-bg::before{
    content: "";
    position: absolute;
    width: 125px;
    height: 125px;
    background-color: #BEBAB9;
    border-radius: 50%;
    top: -28px;
    left: -28px;
    z-index: 1;
}
.lightblack-bg img{
    position: relative; z-index: 20; right: 0; bottom: -34px; left: 28px;
}


.lightyellow-bg{background-color: #FFF8CF;}
.lightyellow-bg::before{
    content: "";
    position: absolute;
    width: 125px;
    height: 125px;
    background-color: #FFF1A1;
    border-radius: 50%;
    top: -28px;
    left: -28px;
    z-index: 1;
}
.lightyellow-bg img{
    position: relative; z-index: 20; right: 0; bottom: -14px; left: 65px;
}

.lightpink-bg{background-color: #FF989A;}
.lightblue-bg{background-color: #A5D0E7;}
.lightorange-bg{background-color: #FDBD9E;}
.lightpurple-bg{background-color: #C8BCFF;}



/* ------------ navbar --------------- */
.sticky-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid #dee2e6;padding:.75rem;display:none}
            @media(max-width:991.98px){.sticky-bar{display:block}}

.top-bar .left-bar{padding-left: 0; margin-bottom: 0; display: flex; align-items: center; gap: 15px;}
.top-bar .left-bar li{list-style: none;}
.top-bar .left-bar li a{text-decoration: none; color: #000; font-weight: 600;}
.top-bar{border-bottom: 1px solid #047743; padding:     5px 0;}
.download-report-btn{ color: #000; font-weight: 400; padding: 0 10px;}
.download-report-btn img{width: 26px;}
.top-bar .right-bar{padding-left: 0; margin-bottom: 0; display: flex; align-items: center; gap: 15px;}
.top-bar .right-bar li a{text-decoration: none; color: #000; font-weight: 600;}
.navbar .nav-list .navbar-nav li a{font-weight: 500; color: #363636;}

.sign-btn{padding: 6px 24px; border: 1px solid #047743; margin-left: 10px;}
.sign-btn:hover{background-color: #b1f7d7;}
.cart-btn{padding: 6px 24px; background-color:#047743; color: #fff !important;}
.cart-btn svg{margin-right: 10px;}
.cart-btn svg:hover{transition: stroke 0.3s ease, fill 0.3s ease;fill: #047743;}
.cart-btn:hover {background: #43b481;}

.test-btn{
    background: #047743;
    background: linear-gradient(289deg, rgba(4, 119, 67, 1) 0%, rgba(7, 221, 124, 1) 100%);
    border: none;
    margin: 0 10px;
    border-radius: 50px;
    height: 54px;
    padding: 8px 20px;
    width: 176px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.test-btn a{color: #fff;}
.appointment-btn{
    background: #FF8482;
    background: linear-gradient(90deg,rgba(255, 132, 130, 1) 0%, rgba(221, 7, 3, 1) 100%); border: none; color: #fff;
    border: none;
    border-radius: 50px;
    height: 54px;
    padding: 8px 20px;
    width: 220px;
    font-weight: 500;
}
.appointment-btn a, .appointment-btn-rounded a{text-decoration: none; color: #fff;}

.appointment-btn-rounded{
    background: #FF8482;
    background: linear-gradient(90deg,rgba(255, 132, 130, 1) 0%, rgba(221, 7, 3, 1) 100%); border: none; color: #fff;
    border: none;
    border-radius: 8px;
    height: 54px;
    padding: 8px 20px;
    width: 220px;
    font-weight: 500;
}

.add-cart-btn{background: #FF8482;
    background: linear-gradient(90deg,rgba(255, 132, 130, 1) 0%, rgba(221, 7, 3, 1) 100%); border: none; 
    border: none;
    border-radius: 4px;
    height: 38px;
    padding: 8px 12px;
    width: 154px;
    font-weight: 500;color: #fff;
}
.add-cart-btn a{color: #fff;}

.view-btn{
    height: 38px;
    padding: 8px 12px;
    width: 154px;
    font-weight: 500;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #007f5f;
    color: #007f5f;
}
.view-btn a{color: #007f5f;}
.view-btn:hover{ border: 1px solid #007f5f; background-color: #97f5d1; color: #000;}

.navbar-brand img{ width: 130px;}

.location-dropdown .dropdown-menu{z-index: 9990;}
.location-dropdown .btn-select .btn-check:checked+.btn, .btn.active, .btn.show{background-color: #9effe7 !important;}

.dropdown-item.active, .dropdown-item:active{ background-color: #ddd;}

/* -------------- */
.hero{padding-bottom: 130px; position: relative;}
.hero .hero-banner{background-image: url(../images/banner.jpg); background-repeat: no-repeat; background-size: cover; padding: 140px 80px 80px; margin-top: 50px;overflow: visible;
    border-radius: 12px; position: relative;}


.hero-section {
    background: #f2f9fd;
    padding: 50px 0;
}
.hero .hero-banner h1 {
    font-size: 2.6rem;
    font-weight: bolder;
}
.hero .hero-banner h1 span{font-size: 2rem;}
.hero .hero-banner h1 span strong{font-size: 2.6rem; color: #F4161C;}
.hero .hero-banner ul{padding-left: 0; margin-bottom: 0; display: flex; align-items: center; gap: 20px;}
.hero .hero-banner ul li{list-style: none;font-weight: 500;color: #000;}
.yearly-badge img{width: 80px; }
.yearly-badge{gap: 5px;}

.btn-explore{
    background: #FF8482;
    background: linear-gradient(90deg,rgba(255, 132, 130, 1) 0%, rgba(221, 7, 3, 1) 100%); border: none; color: #fff;
    padding: 8px 32px;
}
.btn-explore:hover{color: #fff; background-color: #bb2d3b;}

/* -------------------- search-bar --------------------- */

.searchbar-wrap{
    position: absolute;
    z-index: 1;
    left: 5%;
    right: 0;
    bottom: -64px;
    width: 1016px;
    /* background: #fdfdfd; */
    padding: 26px;
    border-radius: 84px;
    background: hsla(0, 0%, 100%, .2);
    border: 1px solid var(--oui-white-100);
    box-shadow: 0 24px 56px 0 rgba(0, 0, 0, .161);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12.9px);
}
.searchbar-wrap .search-bar{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* .searchbar-wrap .search-bar input{
    max-width: 487px;
    border-radius: 50px;
    padding: 20px;    
    
} */
.search-input .typewriter-animation {
    border-radius: inherit;
    pointer-events: none;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.search-input .typewriter-animation:before {
    content: "";
    position: absolute;
    border-radius: inherit;
    left: 0;
    top: 0;
    /* width: 150%; */
    /* height: 100%; */
    background-color: #fffefe;
    animation: slide-right-and-left 6s linear infinite;
}
.search-input {
    cursor: text;
    display: flex;
    max-width: 535px;
    width: 100%;
    border-radius: 70px;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    padding: 10px;
    overflow: hidden;
    border: 1px solid #008a35;
    z-index: 5;
    position: relative;
    height: 54px;
    /* box-shadow: 0 8px 12px 0 rgba(95, 93, 92, .129);
    transition: box-shadow .5s ease-in-out;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(45deg, #ff970a, #ffbc5f) border-box; */
}
.search-input svg{width: 32px;}



/* -------------------- search-bar --------------------- */
.carousel-title {
    font-weight: bold;
    font-size: 1.25rem;
    margin-top: 20px;
}
.carousel-item-box {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center;
    background-color: #fff;
}
.card-title, .card-text {
    margin-bottom: 10px;
}
footer {
    background-color: #222;
    color: #fff;
}
@media (max-width: 768px) {
    .hero-section h1 {
    font-size: 1.5rem;
    }
    .carousel-item-box {
    padding: 15px;
    }
}

/* ----------------- help-support -------------- */
.help-section{padding: 0 0 50px 0;}
.help-section h4{color: #F4161C; font-weight: 600; font-size: 24px; margin-bottom: 15px;}
.help-box-wrap{gap: 12px;}
.help-box a{border: 1px solid #047d4746; padding: 10px; width: 344px; display: flex; align-items: center; border-radius: 8px; justify-content: space-between; color: #000;}
.help-bx-left .icon-box{ width: 45px; height: 45px; border-radius: 8px; background-color: #D2FFEA; padding: 5px; display:flex; align-items: center; justify-content: center;}
.help-bx-left{gap:10px}
.help-bx-left p b{font-size: 16px;}
.help-bx-left p span{font-size: 12px;}
.help-bx-left{line-height: 1.2;}
.help-box-right svg{fill: #D4D4D4;}

/* ----------------- package-design -------------- */

.card-body-custom .info-sec-wrapper{display: flex; align-items: center; justify-content: space-between;}
.card-body-custom .info-section{ display: flex; align-items: center; gap: 8px;}
.card-body-custom .info-section .icon-box{width: 40px; height: 40px; border-radius: 50px;background-color: #D2FFEA; display: flex; align-items: center; 
    justify-content: center;}
.card-body-custom .info-section .highlight-text{font-size: 14px;color: #000;}
.card-body-custom .info-section .info-feature{color: #000;font-size: 14px;}
.packageCarousel .icon-box img{width: auto !important;}
.package-bg{ background-color: #F0F7FA;}

.package-bg h2{font-weight: bolder; font-size: 36px;}

.package-card {
      background-color: #ffffff;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      overflow: hidden;
      max-width: 380px;
      /* min-width: 320px; */
      margin: 22px 0px;
    }
    .card-header-custom {
      background: linear-gradient(to top, #047743, #029b56);
      color: white;
      padding: 20px;
      position: relative;
      border-radius: 12px;
      box-shadow: 0 2px 8px #9b9a9a;
      display: block;
      justify-content: space-between;
      align-items: center;
    }
    .card-header-custom h5 {
      margin: 0;
      font-size: 1rem;
      font-weight: 600;
    }
    .card-header-custom h5 a{ margin: 0;
      font-size: 1rem;
      font-weight: 600; color: #fff; text-decoration: none; text-transform: inherit;}

    .card-header-custom h5 a{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 237px;
        display: block;
      }
     
    .price-box {
      /* position: absolute;
      top: 20px;
      right: 20px; */
      text-align: right;
    }
    .original-price {
      text-decoration: line-through;
      font-size: 0.9rem;
      opacity: 0.7;
    }
    .discounted-price {
      font-size: 1.2rem;
      font-weight: 700;
    }
    .discount-badge {
      background-color: #00c897;
      font-size: 0.75rem;
      padding: 4px 8px;
      border-radius: 8px;
      display: inline-block;
      margin-top: 4px;
      float: right;
      position: absolute;
      right: 12px;
      bottom: 12px;
    }
    .card-body-custom {
      padding: 12px;
    }
    .info-section {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
    }
    .info-section i {
      font-size: 1.5rem;
      color: #00c897;
    }
    .highlight-text {
      font-weight: 600;
    }
    .note-text {
      color: #ff6a00;
      font-weight: 500;
      margin: 10px 0;
    }
    
    .custom-indicator {
        display: flex;
        gap: 10px;
    }

    .custom-indicator .dot {
        width: 14px;
        height: 14px;
        background-color: #aefcd6;
        border-radius: 50%;
        transition: all 0.3s ease;
        border: none;
        outline: none;
        cursor: pointer;
    }

    .custom-indicator .dot.active {
        width: 36px;
        background-color: #00b871;
        border-radius: 20px;
    }

    .packageCarousel .owl-nav button.owl-prev {
       display: none !important;
    }
    .packageCarousel .owl-nav button.owl-next {
        display: none !important;
    }

    .packageCarousel.owl-carousel .owl-dots {
        position: absolute;
        bottom: -30px;
        left: 47%;
    }

    .packageCarousel.owl-carousel .owl-dots button {
        width: 10px;
        height: 10px;
        border-radius: 40px;
        margin: 0 3px;
        background-color: #B2FFDC;
    }

    .packageCarousel.owl-carousel .owl-dots button.active {
        background-color: #04BA67;
        width: 30px;
    }


    /* ---------------- lifestyle-package ------------ */
    .lf-package-box{width: 254px; height: 254px; border-radius: 12px; position: relative; overflow: hidden;}
    
    .lf-package-box::after{
        content: "";
        background-image: url(../images/svg/blur-circle.svg);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

    .lifestyle-packages .lf-title{ position: relative; top: 8px; left: 34%; font-weight: 600; font-size: 18px; color: #000;}

    /* --------------- banner-slider---------  */
    .banner-slider { padding: 50px 0;} 
    
    .owl-nav button {
      background: #fff !important;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    .owl-nav {
      position: absolute;
      top: 50%;
      width: 100%;
      display: flex;
      justify-content: space-between;
      transform: translateY(-50%);
    }

    .owl-nav button.owl-prev,
    .owl-nav button.owl-next {
        background-color: #ffcfcf !important;
        border: none !important;
        width: 40px;
        height: 40px;
        border-radius: 50% !important;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        font-size: 20px !important;
        font-weight: bold !important;
        color: #fff !important;
    }

    .owl-nav button span {
      font-size: 24px; line-height: 0px;
    }
    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: block;
    }
    /* .owl-carousel .owl-dots {
        position: absolute;
        bottom: -30px;
        left: 50%;
    }

    .owl-carousel .owl-dots button {
        width: 10px;
        height: 6px;
        border-radius: 40px;
        margin: 0 3px;
        background-color: #cbcbcb;
    }

    .owl-carousel .owl-dots button.active {
        background-color: #08885d;
        width: 30px;
    } */

    .owl-nav button.owl-prev{ position: relative; left: -18px;}
    .owl-nav button.owl-next{ position: relative; right: 0;}

    /* ----------- booking-for-step ---------- */
    .booking-step{ padding: 50px;
        background: #FAFCFD;
        background: linear-gradient(289deg,rgba(250, 252, 253, 1) 0%, rgba(237, 255, 253, 1) 100%);
    }

    .steps-list{ display: flex; align-items: flex-start; margin-bottom: 0; padding-left: 0;gap: 70px; padding: 30px 0 0 0; position: relative;}
    .steps-list li{ text-align: center; list-style: none; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 12px; font-weight: 600;}
    .steps-list li .img-wrap{ width: 80px; height: 80px; border-radius: 50%; background-color: #FFD1D0; display: flex; justify-content: center; align-items: center;}
    .steps-list li:nth-child(1)::before{
        content: "";
        background-image: url(../images/dash-line.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        position: absolute;
        height: 3px;
        left: 17%;
        bottom: 92px;
    }
    .steps-list li:nth-child(2){ margin-left: 30px;}
    .steps-list li:nth-child(2)::before{
        content: "";
        background-image: url(../images/dash-line.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        position: absolute;
        height: 3px;
        left: 50%;
        bottom: 92px;
    }
    .steps-list li:nth-child(3)::before{display: none;}

    /* --------------- doctor-profile ------------- */
        .doctor-profile-main{padding: 50px 0;}
        .doctor-card{ position: relative; overflow: hidden; border-radius: 8px; height: 355px;background-color: #F0F7FA; width: 100%; display: flex;}
        .doctor-left{position: relative;}
        .doctor-left::before{
            content: "";
            background-color: #0A8F84;
            width: 274px;
            position: absolute;
            height: 100%;
        }
        .doctor-left img{position: relative; z-index: 99;top: 9%;left: 12%; box-shadow: 0 4px 9px #5f5f5f24; border-radius: 8px; width: auto !important  ;}
        .doctor-right{padding: 32px 32px 32px 80px;width: 100%;}
        .doctor-right .specialization{ 
            /* background-color: #089253; */
        color: #047743;
        display: inline-block;
        border-radius: 50px;
        padding: 2px 0px;
        text-align: center;
        font-weight: 500;
        font-size: 15px;}
        .doctor-right .view-profile{ color: #06b76d; text-decoration: none;}
        .doctor-right .view-profile:hover{text-decoration: dashed;color: #000;}

        /* .doctor-right .info-row{display: flex; align-items: center;} */
        .doctor-right .info-row i{ width: 14px; height: 20px; color: #047743;}
        .doctor-right .info-row svg{width: 14px; height: 20px; fill: #047743;}
        .doctor-right .info-row span{font-weight: 600; color: #585858;}
        .bottom-section .location-box{ background-color: #fff; border-radius: 8px; border: 1px solid #FFADAE; padding: 6px; font-weight: 700; color: #000;font-size: 16px; display: block;display: inline-block;width: 665px; margin-right: 10px;}
        .bottom-section .location-box svg{width: 42px;height: 42px;border-radius: 8px;background-color: #FFB7B5;padding: 10px;fill: #CD100D; margin-right: 12px;}
        .doctor-right hr{opacity: .15;}
        .view-dr-list a{font-size: 15px; font-weight: 600; color: #000; text-decoration: none;}

        .dr-profile-list .owl-nav button.owl-prev{ position: relative; left: -5%;}
        .dr-profile-list .owl-nav button.owl-next{ position: relative; right: -97%;}

        .search-wrap{padding: 30px 0;}

        .doctor-block h3 {
            font-weight: 800;
            margin: 0;
        }

        .doctor-form .form-select,
        .doctor-form .form-control {
        border: 1px solid #20a164; /* soft green outline */
        border-radius: .5rem;
        box-shadow: none;
        height: 42px;
        }
        .doctor-form .form-select:focus,
        .doctor-form .form-control:focus {
        border-color: #20a164;
        box-shadow: 0 0 0 .15rem rgba(32,161,100,.2);
        }

        .btn-submit {
        background-color: #16a34a;
        border: none;
        color: #fff;
        height: 42px;
        padding: 0 18px;
        border-radius: .5rem;
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        transition: background-color .25s ease, color .25s ease;
        }
        .btn-submit svg { transition: fill .25s ease, stroke .25s ease; }
        .btn-submit:hover {
        background-color: #12833c;
        color: #fff;
        }
        .btn-submit:hover svg { fill: currentColor; }

        /* Spacing between heading and form on small screens */
        @media (max-width: 991.98px) {
        .doctor-block h3 { margin-bottom: .5rem; }
        }

        /* Compact inline look on large screens */
        @media (min-width: 992px) {
        .doctor-form .form-select,
        .doctor-form .form-control {
            width: 220px; /* fixed like the screenshot */
        }
        }

    /* ------------------- dr-profile-list -------------- */
        .doctor-profile-listing .doctor-card{ 
            background-color: transparent !important; height: 238px;}
        .doctor-profile-listing .doctor-card .doctor-left::before{
            content: "";
            background-color: transparent;
            width: 274px;
            position: absolute;
            height: 100%;
        }
        .doctor-profile-listing .doctor-card .appointment-btn-rounded {
            background: #FF8482;
            background: linear-gradient(90deg, rgba(255, 132, 130, 1) 0%, rgba(221, 7, 3, 1) 100%);
            border: none;
            color: #fff;
            border: none;
            border-radius: 8px;
            height: auto;
            padding: 10px 20px;
            width: auto;
            font-weight: 500;
        }
        .doctor-profile-listing .doctor-card .doctor-left img {
            position: relative;
            z-index: 99;
            top: 9%;
            left: 12%;
            box-shadow: 0 4px 9px #5f5f5f24;
            border-radius: 8px;
            /* width: auto !important; */
            width: 185px !important;
        }

    /* ------------------- dr-details -------------- */

        .profile-hero.doctor-card{ background-color: transparent !important;}

        .profile-hero.doctor-card .doctor-left::before{
            content: "";
            background-color: transparent;
            width: 274px;
            position: absolute;
            height: 100%;
        }
        .profile-hero.doctor-card .doctor-right {
            padding: 26px 30px 26px 68px;width: auto;
        }
        .profile-hero.doctor-card .bottom-section .location-box {
            font-size: 16px;
            width: 603px;
            margin-right: 10px;
        }

    /* ---- Top profile ---- */
    .profile-hero{
      border:1px solid var(--soft-border);
      background: #fff;
      border-radius: 18px;
      padding: 24px;
      box-shadow: 0 4px 18px rgba(0,0,0,.04);
    }
    .profile-hero .avatar{
      width: 112px; height:112px; object-fit:cover; border-radius: 999px;
      border: 4px solid var(--soft-border);
    }
    .chip{
      display:inline-block; padding:.25rem .6rem; border-radius:999px;
      background: var(--soft); color: var(--brand); font-weight:600; font-size:.85rem;
      border:1px solid var(--soft-border);
    }
    .rating svg{ margin-right:2px }
    .muted{ color:var(--muted) }

    /* Buttons that also recolor their SVGs */
    .btn-brand{
      background: var(--brand); color:#fff; border:none;
      display:inline-flex; align-items:center; gap:.5rem;
    }
    .btn-brand:hover{ background: var(--brand-600); color:#fff }
    .btn-outline-brand{
      border:1px solid var(--brand); color:var(--brand);
      display:inline-flex; align-items:center; gap:.5rem; background:#fff;
    }
    .btn-outline-brand:hover{ background: var(--brand); color:#fff }

    .btn-brand svg, .btn-outline-brand svg{ stroke: currentColor; }

    /* ---- Section nav ---- */
    .section-nav{
      background:#fff;
      border:1px solid var(--soft-border);
      border-radius: 12px;
      padding: .35rem;
      overflow:auto;
      white-space:nowrap;
    }
    .section-nav .nav-link{
      color: var(--ink);
      border-radius: 999px;
    }
    .section-nav .nav-link.active,
    .section-nav .nav-link:hover{
      background: var(--soft);
      color: var(--brand-600);
    }

    /* ---- Content card ---- */
    .profile-card{
      background: var(--soft);
      border:1px solid var(--soft-border);
      border-radius: 18px;
      padding: 28px;
    }
    .section-title{
      color: var(--brand-600);
      font-weight: 800;
      display:inline-block; margin-bottom:.4rem; position:relative;
    }
    .section-title::after{
      content:""; display:block; height:3px; width:84px; border-radius:999px;
      background: var(--brand); margin-top:6px;
    }
    .profile-item + .profile-item{ margin-top:1.25rem }
    .profile-item p{ margin:0; line-height:1.8 }

    /* ---- Right info panel ---- */
    .info-card{
      border:1px solid var(--soft-border);
      border-radius: 14px;
      padding: 18px;
      background:#fff;
    }
    .icon{
      width:18px; height:18px; margin-right:.5rem;
      stroke:currentColor; fill:none; stroke-width:2;
    }

    /* ---- Responsive tweaks ---- */
    @media (max-width: 575.98px){
      .profile-hero{ padding:12px }
      .profile-card{ padding:18px }
      .section-title{ font-size:1.05rem }
      .section-title::after{ width:72px }
      .profile-hero .avatar{ width:96px; height:96px }
    }

    /* ----------------- why-us ------------------- */
        .why-us-main{ padding: 50px 0;margin-bottom: 40px;}
        .box-1{width: 250px;height: 250px;background: #1DAF6D;background: linear-gradient(174deg, rgba(29, 175, 109, 1) 0%, rgba(8, 101, 58, 1) 100%);
            padding: 20px;border-radius: 12px; display: flex; flex-direction: column; justify-content: space-between;}
        .box-1 p{ color: #fff; font-size: 22px; font-weight: 600; margin-bottom: 0;}
        .box-1 b{font-size: 74px; font-weight: 800; color: #fff; text-align: right;}
        .box-1 span{text-align: right;}
        .box-2{width: 250px;height: 150px;background: linear-gradient(176deg,rgba(249, 111, 108, 1) 0%, rgba(240, 11, 8, 1) 100%);padding: 20px;
            border-radius: 12px; display: flex; flex-direction: column; justify-content: space-between;}
        .box-2 p{ color: #fff; font-size: 22px; font-weight: 600; margin-bottom: 0;}
        .box-2 b{font-size: 74px; font-weight: 800; color: #fff; text-align: right;}
        .box-2 span{text-align: right;}


    /* ------------------ testimonial --------------- */
        .testimonial{ background-color: #F0F7FA; padding: 50px 0;}
        /* .testimonial svg{fill:#037D45; width:48px; height: 48px; text-align: center;} */
        .testimonial .owl-carousel .owl-nav.disabled{display: none;}
        .testimonial .owl-carousel .owl-dots.disabled{display: block;}
        .custom-carousel .HeaderContainer__Inner-sc-4da6b4d0-0{ flex-direction: column; background: transparent; padding: 12px 0 0 0; gap: 10px;}
        .custom-carousel .WidgetTitle__Container-sc-9c92769d-0{display: none;}
        .custom-carousel .HeaderInfoContainer__Info-sc-eae7c90d-0{flex-direction: row; gap: 8px ;}
        .custom-carousel .ReviewBackground__Container-sc-f3f0ac28-0{background-color: rgb(255 255 255);}
        .testimonial svg{
            width:42px; 
            /* margin-top: 30px; */
        }
        .testimonial .ArrowControl__ArrowControlContainer-sc-c6b1dfb6-0.CfMHG.es-carousel-arrow-control.es-carousel-arrow-control-right{
            right: 9px;
        }
        .testimonial .ArrowControl__ArrowControlContainer-sc-c6b1dfb6-0.CfMHG.es-carousel-arrow-control.es-carousel-arrow-control-left{left: 9px;}
        /* .custom-carousel .WidgetBackground__Content-sc-e38729c4-2 a{display: none;} */
        
        /* .custom-carousel .EmbedRoot__Root-sc-319cb1a5-0 .Main__Container-sc-96675056-0 .WidgetBackground__Container-sc-e38729c4-0 .WidgetBackground__Wrapper-sc-e38729c4-1 .WidgetBackground__Content-sc-e38729c4-2 a{ display: none!important;} */

        /* .custom-carousel .EmbedRoot__Root-sc-319cb1a5-0 .Main__Container-sc-96675056-0 .WidgetBackground__Container-sc-e38729c4-0 .WidgetBackground__Wrapper-sc-e38729c4-1 .WidgetBackground__Content-sc-e38729c4-2 .Main__Content-sc-96675056-1 a{display: block !important;} */


    /* --------------------- partnership ------------------- */
        .partnership-banner .b2b-bg{
            background: #1DAF6D;
            background: linear-gradient(78deg,rgba(29, 175, 109, 1) 0%, rgba(8, 101, 58, 1) 100%);
            padding: 20px; border-radius: 12px;}

        .partnership-banner .b2b-bg h2{font-size: 44px; font-weight: 800; color: #fff;}

        .partnership-banner .b2b-bg hr{color: #fff;}

        .partnership-banner .b2b-bg p{margin-bottom: 0; font-size: 26px; font-weight: 500; color: #fff;}

    /* --------------------- seo ------------------- */

    .seo-list-main{padding: 50px 0;}
    .seo-list-main h3{font-size: 22px; font-weight: 600; color: #000; margin-bottom: 16px;}
    .seo-list-main p a{text-decoration: none; color: #000;}
    .seo-list-main p a .space-nowrap{white-space: nowrap;}
    .location-list{display: flex;gap: 30px; padding-left: 0; margin-bottom: 0;}
    .location-list h5{font-size: 14px; font-weight: 600; border-bottom: 1px solid #D6D6D6; padding-bottom: 8px;}
    .location-list li{list-style: none;width: 50%;}
    .location-list li p a i{font-size: 15px; color:#08D778;}
    .location-list li p span i{font-size: 15px; color:#08D778;}
    .open-hours svg{fill: #047743;}
    .open-hours span{color: #000;white-space: nowrap;} 

    /* ------------------------- footer -------------------- */

    .footer-main{padding: 60px 0 20px 0;}
    .footer-main p{ margin-top: 20px; line-height: 18px;}
    .footer-main .social-icons{display: flex; align-items: center; margin-bottom: 0; padding-left: 0;}
    .footer-main .social-icons li{list-style: none; font-size: 20px; font-weight: 600;}
    .footer-main .social-icons li i{font-size: 22px; color: #000000; background-color: #fff; padding: 8px; border-radius: 50px; margin-left: 10px; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;}
    .footer-main .footer-head{ font-size: 22px; font-weight: 600; margin-bottom: 22px;}
    .footer-main .quick-links{padding-left: 20px; margin-bottom: 0;}
    .footer-main .quick-links li{margin-bottom: 6px; }
    .footer-main .quick-links li a{ color: #fff; text-decoration: none;}

    .Copyright-area{border-top: 1px solid #fff; padding-top: 20px; font-size: 14px;}
    .Copyright-area a{color: #fff; text-decoration: none; font-size: 14px;}

    /* ------------------ profile-details ------------ */
    .profile-main{background-color: #EDFCFF; padding: 45px 0; }
    .profile-main .doctor-card{ background-color: transparent !important;}
    .profile-main .doctor-card .doctor-left::before{
        content: "";
        background-color: transparent;
        width: 274px;
        position: absolute;
        height: 100%;
    }
    .profile-details{padding: 70px 0;}
    .profile-details .detain-inr{ background-color: #F4FBF8; border-radius: 8px; padding: 28px;}
    .profile-details .detain-inr h6{color: #047743; font-weight: 600; border-bottom: 1px solid #047743;display: inline-block;padding-bottom: 4px;}

    /* -------------------- health-package ----------------- */


    /* Filter card */
    .filter-card{position:sticky;top:1rem;border:1px solid var(--stroke);background:var(--card);border-radius:1rem;box-shadow:0 10px 30px rgba(2,6,23,.05);}
    .chip{display:inline-flex;align-items:center;gap:.375rem;border:1px solid var(--stroke);border-radius:999px;padding:.3rem .6rem;font-size:.83rem;background:#fff;cursor:pointer;user-select:none;}
    .chip input{accent-color:var(--brand);}


    /* Package card */
    .pkg-card{height:100%;border:1px solid var(--stroke);border-radius:1rem;background:var(--card);box-shadow:0 10px 30px rgba(2,6,23,.06);transition:.2s ease;}
    .pkg-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(2,6,23,.12);}
    .pkg-badge{position:absolute;top:.75rem;left:.75rem;background:linear-gradient(135deg,var(--brand),#00994c);color:#fff;font-weight:700;border-radius:.7rem;padding:.35rem .6rem;font-size:.78rem;}
    .pkg-discount{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,var(--accent),#f97316);color:#fff;border-radius:.7rem;padding:.35rem .55rem;font-size:.78rem;font-weight:700;}
    .pkg-title{font-weight:700;}
    .pkg-meta{color:var(--muted);font-size:.92rem;}
    .inc-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;}
    .inc-list li{display:flex;gap:.5rem;align-items:flex-start;}
    .inc-list .bi{font-size:1rem;color:var(--brand);margin-top:.2rem;}


    /* Price block */
    .price{display:flex;align-items:baseline;gap:.5rem;}
    .price .new{font-size:1.6rem;font-weight:800;color:var(--ink);}
    .price .old{text-decoration:line-through;color:var(--muted);}
    .emi{font-size:.85rem;color:var(--muted);}


    /* Buttons */
    .btn-brand{background:var(--brand);border-color:var(--brand);}
    .btn-brand:hover{background:var(--brand-600);border-color:var(--brand-600);}
    .btn-ghost{border:1px solid var(--stroke);}


    /* Offcanvas filter (mobile) tweaks */
    .offcanvas-end{width:min(92vw,420px);}


    /* Utilities */
    .shadow-soft{box-shadow:0 10px 30px rgba(2,6,23,.06);}
    .rounded-xl{border-radius:1rem;}

    .health-pg-banner{background: linear-gradient(135deg, rgba(14,165,166,.09), rgba(34,197,94,.08)); border-bottom:1px solid #e2e8f0;}
    .filter-chip{border:1px dashed #cbd5e1; background:#fff; border-radius:999px; padding:.4rem .75rem; font-size:.9rem;}
    .filter-chip.active{border-color:var(--brand); box-shadow:inset 0 0 0 1px var(--brand); color:var(--brand-700) }

/* ------------- package-details------------ */

.shadow-soft {
    box-shadow: 0 10px 25px rgba(2, 6, 23, .08);
}
.book-btn{ background: #029b56; border: rgba(4, 119, 67, 1);}
.book-btn:hover{background: rgba(4, 119, 67, 1); color: #fff}
.add-btn{border:1px solid rgba(221, 7, 3, 1); color: rgba(221, 7, 3, 1); width: 100%}
.add-btn:hover{background: rgba(221, 7, 3, 1); color: #fff; border: rgba(221, 7, 3, 1);}
.card {
    border: 1px solid #e7eaf0;
    border-radius: 1rem;
}

.badge-soft {
    background: #cfffe9;
    color: #047743;
    border: 1px solid #007d44;
    color: #000;
}

.chip {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .6rem;
    border-radius: 50rem;
    background: #e2fff2;
    color: #007d44;
    font-weight: 600;
    font-size: .8rem;
    width: 212px;
}

.price {
    font-size: 1.8rem;
    font-weight: 800
}

.mrp {
    text-decoration: line-through;
    color: #5a6270;
}

.save {
    color: #16a34a;
    font-weight: 700
}

.pill {
    border: 1px solid #007d44;
    border-radius: 50rem;
    padding: .5rem .9rem;
    cursor: pointer;
    background: #fff;
}

.pill.active {
    background: #cfffe9;
    border-color: #16a34a;
    color: #16a34a;
    font-weight: 500
}

.sticky-cta {
    position: sticky;
    bottom: 0;
    border-top: 1px solid #e7eaf0;;
    background: #fff
}

.icon-tile {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: .6rem;
    background: #f5f7fb;
    display: grid;
    place-items: center
}

.list-tag {
    font-size: .75rem;
    color: #334155;
    background: #08dc7c;
    border: 1px solid #047743;
    padding: .1rem .5rem;
    border-radius: 50rem;
}
.tests-accordion .accordion-item .accordion-button:not(.collapsed){
    background-color: #b5fde1 !important; color: #000;font-weight: 500;}

    /* ------------------- test-package ------------ */
        .quick-fact-wrap .icon-box{display:flex;gap:.65rem;align-items:flex-start;padding:.85rem;border:1px dashed #dee2e6;border-radius:.75rem;background:#fff}


    /* ---------------- contact-detail ---------- */
     
    #how .step i{font-size: 26px;color: #038048;}
    .btn-select .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
        color: var(--bs-btn-active-color);
        background-color: var(--brand) !important;
        border-color: var(--brand) !important;
    }
    .btn-select .btn-check+.btn:hover{color: #007d44;}
    .form-btn{ border-color: var(--brand) !important; color: #007d44;}

    /* Style the native file button */
    #prescription::file-selector-button{
    background:#0A6CFF;            /* default blue */
    color:#fff;
    border:0;
    padding:.55rem .9rem;
    border-radius:.5rem;
    font-weight:600;
    cursor:pointer;
    transition:background .2s ease, transform .02s ease;
    }
    #prescription:hover::file-selector-button{ background:#94ffca; }
    #prescription:active::file-selector-button{ transform:translateY(1px); }

    /* Turn button green when a file is chosen */
    #prescription.has-file::file-selector-button{ background:#16a34a; }

    /* Turn button red on validation error */
    #prescription.is-invalid::file-selector-button{ background:#dc3545; }

    /* Safari/older Chromium fallback */
    #prescription::-webkit-file-upload-button{
    background:#007d44;
    color:#fff;
    border:0;
    padding:.55rem .9rem;
    border-radius:.5rem;
    font-weight:600;
    cursor:pointer;
    transition:background .2s ease, transform .02s ease;
    }
    #prescription.has-file::-webkit-file-upload-button{ background:#16a34a; }
    #prescription.is-invalid::-webkit-file-upload-button{ background:#dc3545; }
    #prescription:hover::-webkit-file-upload-button{ background:#11b864; }
    #prescription:active::-webkit-file-upload-button{ transform:translateY(1px); }

    .footer-logo{ max-width: 270px;}
    .footer-logo img{width: 100%;max-width: 160px;min-width: 150px;}

/* ---------------- contact-detail ---------- */

    

    @media(max-width:767px){

        .location-list {
            display: flex;
            gap: 10px;
            padding-left: 0;
            margin-bottom: 0;
            flex-direction: column;
        }
        /* .searchbar-wrap{
            display: none;
        } */
        .steps-list {
            display: flex;
            align-items: flex-start;
            margin-bottom: 0;
            padding-left: 0;
            gap: 30px;
            padding: 30px 0 0 0;
            position: relative;
            flex-direction: column;
        }
        .booking-step {
            padding: 30px 15px;
        }
        .heading-main {
            font-size: 22px;
            text-align: center;
        }
        .package-bg h2 {
            font-weight: bolder;
            font-size: 23px;
        }
        .steps-list li {
            text-align: left;
            display: flex;
            align-items: center;
            flex-direction: row;
            gap: 12px;
        }
        .steps-list li:nth-child(2) {
            margin-left: 0px;
        }
        .steps-list li .img-wrap {
            width: 50px;
            height: 50px;
        }
        .steps-list li .img-wrap img{ width:24px}
        .box-1{ width: 165px; height: 165px; padding: 15px}
        .box-2{width: 165px;height: 100px;padding: 15px}
        .box-1 p {
            font-size: 14px;
            line-height: 1;
        }
        .box-1 b {
            font-size: 44px;
            text-align: right;
            line-height: 1;
        }
        .box-2 p {
            font-size: 14px;
        }
        .box-2 span img{ width: 50px}
        .why-us-main {
            padding: 0px 0 40px;
        }
        .steps-list li:nth-child(2)::before {
            left: -43%;
            bottom: 0px;
            transform: rotate(90deg);
        }
        .steps-list li:nth-child(1)::before{display: none;}
        .lifestyle-packages .lf-title{display: inline-block;text-align: center; width: 90%;position: relative; left: 0;font-size: 16px;top: 2px;}
        .dr-profile-list .owl-nav button.owl-next {
            right: 0%;
        }
        .why-us-main{text-align: center; font-size: 13px; line-height: 1.2;margin-bottom:0}
        .top-bg{ background-color: #f5f5f5; padding: 0 15px 15px 15px; border-radius: 0 0 12px 12px; position: relative;}
        .searchbar-wrap {
            position: relative;
            z-index: 1;
            left: 0;
            right: 0;
            bottom: -15px;
            width: 100%;
            background: #fdfdfd;
            padding: 4px;
            border-radius: 14px;
            /* background: hsla(0, 0%, 100%, .2); */
            border: 1px solid var(--oui-white-100);
            box-shadow: 0 24px 56px 0 rgba(0, 0, 0, .161);
            /* backdrop-filter: blur(12px); */
            -webkit-backdrop-filter: blur(12.9px);
        }
        .search-input {
            cursor: text;
            display: flex;
            max-width: 535px;
            width: 100%;
            border-radius: 70px;
            align-items: center;
            justify-content: space-between;
            white-space: nowrap;
            padding: 10px;
            overflow: hidden;
            border: none;
            z-index: 5;
            position: relative;
            height: 42px;
            color: #999;
        }
        .search-input .form-control{border:transparent; background: transparent;}
        .hero{padding-bottom: 0;}
        .hero .hero-banner {
            background-image: url(../images/banner.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            padding: 15px;
            margin-top: 10px;
            overflow: hidden;
            border-radius: 12px;
        }
        .hero .hero-banner h1 {
            font-size: 1rem;
            font-weight: bolder;
        }
        .hero .hero-banner h1 span {
            font-size: 1rem;
        }
        .hero .hero-banner h1 span strong {
            font-size: 1.5rem;
            color: #F4161C;
        }
        .yearly-badge img {
            width: 52px;
        }
        .yearly-badge{
            flex-direction:column !important ; gap: 0; text-align: center;line-height: 1;
        }
        .yearly-badge p{font-size: 12px; margin-top: -14px;}
        .google-review img{ width: 52px;}
        .google-review p{display: inline-block;font-size: 13px;margin-bottom: 0;}
        .btn-explore {padding: 5px 20px;font-size: 12px;}
        .download-report-btn {
            padding: 0 15px 0;
            font-size: 13px;
        }
        .other-list ul{padding-left: 0; display: flex; align-items: center;}
        .other-list li{list-style: none;}
        .package-card {
            margin: 0px auto 14px;
        }
        .lifestyle-packages{
            display: flex;
            flex-wrap: wrap;
            position: relative;
        }
        .lifestyle-packages .lf-main-box{width: 50%;margin-bottom: 14px;}
        .lifestyle-packages .lf-package-box {
            width: 158px;
            height: 158px;
        }
        .lightgreen-bg img {
            right: -9px;
            bottom: -25px;
            width: 172px;
        }
        .lightcream-bg img {
            bottom: -26px;
            left: 40px;
            width: 100px;
        }
        .lightblack-bg img {
            bottom: -17px;
            left: 17px;
            width: 150px;
        }
        .lightyellow-bg img {
            bottom: -10px;
            left: 50px;
            width: 84px;
        }
        .banner-slider {
            padding: 0px 0;
        }

        
        
        .doctor-left img {
            top: 7%;
            left: 0%;
            box-shadow: 0 4px 9px #5f5f5f24;
            border-radius: 8px;
            width: 123px !important;
        }
        .doctor-profile-listing .doctor-card .doctor-left img{width: 123px !important;}
        .doctor-left::before {
            content: "";
            background-color: transparent;
            width: auto;
            position: absolute;
            height: 100%;
        }
        
        .doctor-right {
            padding: 26px 12px 8px 32px;
            width: 100%;
        }
        .doctor-right .heading-main{text-align: left;font-size: 18px;}
        .heading-main a {font-size: 15px;}
        .doctor-right p{font-size: 12px;display: inline-block;width: 99%; margin-bottom: 0; line-height: 1.4;}
        .doctor-right .info-row {display: flex;align-items: baseline;font-size: 14px;}
        .bottom-section .location-box{ width: 346px;font-size: 12px; display: flex; align-items: center;padding: 6px;}
        .doctor-card .bottom-section{position: absolute;bottom: 104px;left: 3%;}
        .bottom-section .location-box svg {width: 26px;height: 26px;border-radius: 5px;padding: 5px;margin-right: 12px;}
        .view-btn {background: transparent;width: 156px;}
        .appointment-btn-rounded {
            border-radius: 4px;
            height: 38px;
            padding: 8px 12px;
            width: 180px;
            margin-left: 6px;
            font-size: 14px;
        }
        .Home-collection-banner .owl-nav{display: none;}

        .doctor-right .info-row svg {width: 18px;height: 18px;fill: #047743;}
        /* .doctor-profile-listing .row .col-lg-12:nth-child(2) .doctor-card{height: 162px;}
        .doctor-profile-listing .row .col-lg-12:nth-child(2) .bottom-section {margin-bottom: 90px;} */
        .doctor-profile-listing{ margin-bottom: -70px;}

        /* .doctor-profile-listing .row .col-lg-12:nth-child(1) .doctor-card .bottom-section {bottom: 48px;}
        .doctor-profile-listing .row .col-lg-12:nth-child(11) .doctor-card .bottom-section {bottom: 78px;}
        .doctor-profile-listing .row .col-lg-12:nth-child(3) .doctor-card .bottom-section {bottom: 94px;}
        .doctor-profile-listing .row .col-lg-12:nth-child(9) .doctor-card .bottom-section {bottom: 94px;}
        .doctor-profile-listing .row .col-lg-12:nth-child(12) .doctor-card .bottom-section {bottom: 92px;}
        .doctor-profile-listing .row .col-lg-12:nth-child(14) .doctor-card .bottom-section {bottom: 92px;}
        .doctor-profile-listing .row .col-lg-12:nth-child(16) .doctor-card .bottom-section {bottom: 82px;}
        .doctor-profile-listing .row .col-lg-12:nth-child(19) .doctor-card .bottom-section {bottom: 64px;}
        .doctor-profile-listing .row .col-lg-12:nth-child(23) .doctor-card .bottom-section {bottom: 94px;}
        .doctor-profile-listing .row .col-lg-12:nth-child(27) .doctor-card .bottom-section {bottom: 94px;}
        .doctor-profile-listing .row .col-lg-12:nth-child(28) .doctor-card .bottom-section {bottom: 80px;}
        .doctor-profile-listing .row .col-lg-12:nth-child(30) .doctor-card .bottom-section {bottom: 76px;} */
        
        .doctor-right hr {margin: .25rem;}

        .doctor-profile-main .bottom-section .location-box{width: 316px;}
        .doctor-profile-main .doctor-card .view-btn {width: 128px;font-size: 14px;}
        /* .doctor-profile-main .doctor-card .bottom-section{bottom: 16px;}  */
        .doctor-profile-main .doctor-card{ height: 320px;}  

        .doctor-profile-main .dr-slider .bottom-section{bottom: 20px;}
        .doctor-profile-main .dr-slider .doctor-left img{left: 13%;}
        
        .dr-profile-list .owl-nav button.owl-prev {display: none;}
        .dr-profile-list .owl-nav button.owl-next {display: none;}
        
        .doctor-right .specialization {
            border-radius: 0;
            padding: 1px;
            width: auto;
            font-size: 14px;
            margin-bottom: 0;
            text-align: left;
        }

        .view-dr-list a {
            font-size: 16px;
        }
        .banner-slder-main .owl-nav button.owl-prev, .banner-slder-main .owl-nav button.owl-next{ display: none;}
        .seo-list-main p a {
            font-size: 14px;
        }
        .footer-main {
            padding: 34px 0 20px 0;
        }
        .footer-main .footer-head {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 16px;
            margin-top: 20px;
        }
        .Copyright-area{margin-top: 10px;}
        .open-hours{font-size: 13px;display: flex;align-items: center;gap: 15px;}
        .partnership-banner .b2b-bg h2 {
            font-size: 20px;
        }
        .partnership-banner .b2b-bg p {
            font-size: 16px;
        }
        .b2b-bg img{max-width: 107px;}
        .partnership-banner .b2b-bg {
            padding: 14px;
            border-radius: 12px;
        }
        .seo-list-main {
            padding: 50px 0 10px;
        }
        .help-section h4{display: none;}
        .help-box a{
            border: none;
            padding: 0;
            width: auto;
            display: flex;
            align-items: center;
            border-radius: 8px;
            justify-content: space-between;
        }
        .help-section {
            padding: 32px 0 0;
        }
        .help-box p{font-size: 12px; font-weight: 700; text-align: center;}
        .help-bx-left .icon-box {
            background-color: #fdfffe;
        }
        .testimonial {
            background-color: #F0F7FA;
            padding: 38px 0 20px;
        }
        .testimonial .owl-carousel .owl-dots.disabled{display: none;}
        .appointment-btn{
            padding: 8px 10px;height: 45px;
        }

        .health-pg-banner h1{
            font-size: 22px;
            margin-bottom: 7px !important;
        }

        .top-bar .right-bar{display: flex; flex-direction: column; align-items: end;gap: 0;}
        .top-bar .right-bar li{ list-style: none;}
        .top-bar .right-bar li img{width: 106px;}
        .banner-btn-grp .test-btn, .banner-btn-grp .appointment-btn{border-radius: 10px; padding: 8px 10px;height: 45px;font-size: 14px;}
        .doctor-profile-main {padding: 0 0 14px 0;}
        .btn-submit{justify-content: center;}
        .packageCarousel.owl-carousel .owl-dots{left: 35%;}
        .input-group-lg>.form-control{font-size: 1rem;}
        .card-header-custom h5 a{width: 307px;}
        .btns-group .btn{font-size: 13px;}
        .center-wrap h1{font-size: 45px !important;}
        .pill {background: #109957;}
        .center-wrap{padding: 4px;}
        .doctor-profile-listing .doctor-card{
                    margin-top: -92px; height: 364px;
        }
        .doctor-profile-listing .row .col-lg-12:first-child .doctor-card{margin-top: -28px;}
        .doctor-profile-listing .row .col-lg-12:nth-child(21) .doctor-card{margin-top: -98px;}

 

        .doctor-profile-listing .doctor-card .bottom-section .location-box{width: 330px;}
        .doctor-profile-listing .doctor-card .bottom-section .dr-btn-grp .view-btn {
            width: 130px;
            font-size: 14px;
            height: 32px;
        }
        .doctor-profile-listing .doctor-card .bottom-section .dr-btn-grp .appointment-btn-rounded {
            width: 190px;
            font-size: 14px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .profile-hero.doctor-card .doctor-left::before{ width: auto;}
        .profile-hero.doctor-card .doctor-left img {width: 128px !important;}
        .profile-hero.doctor-card .doctor-right {
            padding: 0;
            width: 100%;
            margin: 0 auto;
            text-align: center;
        }
        .profile-hero.doctor-card .doctor-right .heading-main {font-size: 16px;text-overflow: ellipsis;}
        .profile-hero.doctor-card .doctor-right {padding: 0;width: auto;}
        .profile-hero.doctor-card .doctor-right p {font-size: 12px;width: 48%;line-height: 1.4;}
        .profile-hero{height: 163px;}
        .card-header-custom h5 {
            font-size: 1.4rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 237px;
            display: block;
        }
        .profile-item + .profile-item {
            margin-top: 1.25rem;
            font-size: 14px;
            line-height: 1.4;
        }

        .below-section img.who-we-img{width: 100%;}
        

        .profile-item p {
            margin: 0;
            line-height: 1.4;
            font-size: 14px;
        }
        .profile-hero{height: 306px;}
        .profile-hero .doctor-right .heading-main {text-align: center;}
        .lf-main-box a{display: flex;flex-direction: column;justify-content: center;align-items: center;}
        .footer-logo {max-width: 210px;}
        .location-list li {
            width: 100%;
        }

        /* .Carousel__CarouselArrowControlContainer-sc-7293b13f-9.jtAqtc.es-carousel-arrow-control-container  */
        .ArrowControl__ArrowControlContainer-sc-c6b1dfb6-0.jsVeYg.es-carousel-arrow-control.es-carousel-arrow-control-right{right: 5px;}
        /* .Carousel__CarouselArrowControlContainer-sc-7293b13f-9.jtAqtc.es-carousel-arrow-control-container{left: -5px;} */
    }
    
    @media(min-width:1299px) and (max-width:1600px){
        .searchbar-wrap{
            left: 4.8%;
        }
        
    }

    @media(min-width:1200px) and (max-width:1500px){
        .searchbar-wrap{
            position: absolute;
            z-index: 1;
            left: 4%;
            right: 0;
            bottom: -64px;
            width: 900px;
            /* background: #fdfdfd; */
            padding: 32px;
            border-radius: 84px;
            background: hsla(0, 0%, 100%, .2);
            border: 1px solid var(--oui-white-100);
            box-shadow: 0 24px 56px 0 rgba(0, 0, 0, .161);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12.9px);
        }
        .searchbar-wrap .search-bar{
            display: flex;
            align-items: center;
        }
        /* .searchbar-wrap .search-bar input{
            max-width: 487px;
            border-radius: 50px;
            padding: 20px;    
            
        } */
        .search-input .typewriter-animation {
            border-radius: inherit;
            pointer-events: none;
            overflow: hidden;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }
        .search-input .typewriter-animation:before {
            content: "";
            position: absolute;
            border-radius: inherit;
            left: 0;
            top: 0;
            /* width: 150%; */
            /* height: 100%; */
            background-color: #fffefe;
            animation: slide-right-and-left 6s linear infinite;
        }
        .search-input {
            cursor: text;
            display: flex;
            max-width: 420px;
            width: 100%;
            border-radius: 70px;
            align-items: center;
            justify-content: space-between;
            white-space: nowrap;
            padding: 10px;
            overflow: hidden;
            border: 1px solid #008a35;
            z-index: 5;
            position: relative;
            color: #999999;
            padding: 8px 20px;
            height: 54px;
        }
        .search-input svg{width: 32px;}

        /* ---------------- */
        .lightgreen-bg img {
            right: -14px;
            bottom: -29px;
            max-width: 210px;
        }
        .lifestyle-packages .lf-title {
            top: 8px;
            left: 25%;
            font-size: 16px;
            color: #000;
            display: inline-block;
        }
        .lf-package-box {
            width: 220px;
            height: 220px;
        }
        .hero .hero-banner h1 span {
            font-size: 1.5rem;
        }
        .hero .hero-banner h1 span strong {
            font-size: 2.2rem;
            color: #F4161C;
        }
        .card-body-custom .info-section .highlight-text {
            font-size: 13px;
        }
        .card-body-custom .info-section .highlight-text {
            font-size: 13px;
        }
        .doctor-card{
            height:366px;
        }
        
        .box-1 {
            width: 224px;
            height: 232px;
        }
        
        .box-2 {
            width: 224px;
            height: 140px;
        }
        .location-list {
            display: flex;
            gap: 30px;
            flex-direction: row;
        }
        .help-box { width: 245px;}
        .help-box a{width: 299px;}
        .steps-list{gap: 58px}
        .steps-list li:nth-child(3) {margin-left: -30px;}
        .steps-list li:nth-child(2) {margin-left: 2px}
        .steps-list li:nth-child(1)::before{left: 18%;}
        .bottom-section .location-box{width: 487px}
        .why-us-main{padding: 0; margin-bottom: 46px;}
        .testimonial{padding: 50px 0 20px}
        .footer-main .quick-links li{white-space: nowrap}    
        .dr-profile-list .owl-nav button.owl-next{right: -96%;}
    }

    @media(min-width:1610px){
        .searchbar-wrap {left: 4.6%;}
    }

    @media(min-width:999px) and (max-width:1200px){
        .help-box a{width: 296px;}
        .banner-slder-main .owl-nav button.owl-prev {
            position: relative;
            left: 6%;
        }
        .banner-slder-main .owl-nav button.owl-next {
            position: relative;
            right: -87%;
        }
    }

    @media (min-width:410px) and (max-width:620px){
        .bottom-section .location-box {width: 346px;}
        .profile-hero.doctor-card .doctor-left::before{ width: auto;}
        .profile-hero.doctor-card .doctor-left img {width: 128px !important;}
        .profile-hero.doctor-card .doctor-right .heading-main {font-size: 16px;text-overflow: ellipsis;display: inline-block;width: 230px;}
        .profile-hero.doctor-card .doctor-right {padding: 0;width: auto;display: flex;flex-direction: column;}
        .profile-hero.doctor-card .doctor-right p {font-size: 12px;width: 48%;line-height: 1.4;}
        .profile-hero{height: 176px;}
        .lifestyle-packages .lf-package-box {
            width: 168px;
            height: 168px;
        }

        .bottom-section .location-box {
            width: 346px;
            font-size: 14px;
            display: flex;
            align-items: center;
            padding: 6px;
        }


    }