/* ***** Font Family ***** */
.poppins{font-family: "Poppins", sans-serif;}
.caros{ font-family: 'Caros', sans-serif;}
.montserrat{font-family: "Montserrat", sans-serif;}


h1, .h1{font-size: 80px;}
h2, .h2{font-size: 60px;}
h3, .h3{}
h4, .h4{font-size: 30px;}
h5, .h5{}
h6, .h6{font-size: 26px;}

/* ***** Color ***** */
.text-gray{color: rgba(140, 140, 140, 1) !important;}
.text-gray2{color: #383838 !important;}
.text-black{color: rgba(33, 33, 33, 1) !important;}
.text-black2{color: #232E2F !important;}
.text-black3{color: rgb(35, 46, 47, 60) !important;}
.text-white{color: rgba(255, 255, 255, 1) !important;}
.text-green{color: #33D687 !important;}
.text-yellow{color: #F4AB01 !important;}

/* ***** Backgound color ***** */
.bg-black{background-color: rgba(56, 56, 56, 1) !important;}
.bg-green{background-color: #33D687 !important;}
.bg-gray{background-color: #F9F9F9 !important;}
.bg-creame{background-color: #FEF2E5 !important;}
.card-bg{background-color: #F7F7F8 !important;}
.accordion{background-color: #EEEEEE !important;}
.bg-icon{background-color: #33D68738 !important;}


/* ***** Font Size ***** */
.fs-12{font-size: 12px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-22{font-size: 22px;}
.fs-24{font-size: 24px;}
.fs-50{font-size: 50px;}
.fs-70{font-size: 70px;}



/* ***** Line Height ***** */
.lh-20{line-height: 20px;}
.lh-30{line-height: 30px;}
.lh-31{line-height: 31px;}
.lh-33{line-height: 33px;}
.lh-36{line-height: 36px;}
.lh-44{line-height: 44px;}
.lh-53{line-height: 53px;}
.lh-67{line-height: 67px;}
.lh-60{line-height: 60px;}
.lh-83{line-height: 83px;}
.lh-70{line-height: 70px;}

/* ***** Letter Spacing ***** */
.ls-05{letter-spacing: -0.5px;}
.ls-10{letter-spacing: 5px;}

/* ***** Button ***** */
.btn-success{--bs-btn-color: #fff;--bs-btn-bg: #33D687;--bs-btn-border-color: #33D687;
    --bs-btn-hover-color: #269961;--bs-btn-hover-bg: #269961;--bs-btn-hover-border-color: #33D687;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;--bs-btn-active-color: #fff;--bs-btn-active-bg: #33D687;
    --bs-btn-active-border-color: #33D687;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #33D687;--bs-btn-disabled-border-color: #33D687;
    padding: 12px 35px;border-radius: 35px;
}
.btn-link{--bs-btn-font-weight: 400;--bs-btn-color: #383838;--bs-btn-bg: transparent;--bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);--bs-btn-hover-border-color: transparent;--bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;--bs-btn-disabled-color: #6c757d;--bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;--bs-btn-focus-shadow-rgb: 49, 132, 253;text-decoration: none;
}

/* ***** Common Css ***** */
.homepad{padding-top: 130px;padding-bottom: 130px;}
.radius-20{border-radius: 20px;}
p{margin-bottom: 0;}
hr{color: #232E2F !important;}
/* Section Headings */

/* ***** Header ***** */
#menu-header li{padding: 20px;}
#menu-header li:hover, #menu-header li.current-menu-item{background-color: rgba(51, 214, 135, 1);}
#menu-header li a{color: #fff;text-decoration: none;}
.social-links svg{width: 21px;height: 21px;}
.social-links a{border: 1px solid white;display: flex;justify-content: center;align-items: center;text-align: center;padding: 8px;border-radius: 50%;}
.social-links a:hover{border: 1px solid rgba(51, 214, 135, 1);background-color: rgba(51, 214, 135, 1);}

/* ***** banner ***** */
.banner-slider .banner-bg{width: -webkit-fill-available;}
.banner-slider .sub-title{position: relative;}
.banner-slider .sub-title::after{position: absolute;content: "";border: 1px solid #33D687;width: 100px;top: 14px;margin-left: 10px;}
.banner-slider .splide__track{height: 100% !important;}
.banner-slider .splide__arrow--prev{left: 10em !important;top: 43%;}
.banner-slider .splide__arrow--next{left: 10em !important;bottom: 43%;}
.banner-slider .splide__arrow{background: #FFFFFF;opacity: 1;width: 50px;height: 50px;}
.banner-slider .splide__arrow:hover{background: #33D687;opacity: 1;width: 50px;height: 50px;}
.splide__arrow svg{fill: #383838;}
.splide__arrow:hover svg{fill: #fff;}
.splide__track{top: 0;left: 0;bottom: 0;right: 0;}
.banner-slider .splide__arrows{position: absolute;top: 56%;left: 2em;transform: translateY(-50%);display: flex;flex-direction: column;align-items: center;gap: 5px;z-index: 5;}
.banner-slider .splide__arrow--prev, .banner-slider .splide__arrow--next{position: static !important;}


/* ***** Section2 ***** */
.opd-timing{background-color: #D6F6E7;padding: 25px 35px;position: absolute;right: 30px;bottom: 0;border-radius: 20px;box-shadow: 0 4px 10px rgba(0,0,0,0.08);z-index: 5;}
.opd-timing .opd-timing-img{border: 1px solid #33D687;border-radius: 50%;padding: 10px;}
.right-side-img{position: absolute;right: 0;top: 0;z-index: -1;width: auto;max-width: 200px;}
.right-side-bottom-img{position: absolute;right: 7%;bottom: 13%;z-index: -1;width: auto;max-width: 180px;}
@media (max-width: 991px){
    .homepad .row{align-items: center;}
    .homepad .col-md-5{width: 100%;max-width: 600px;}
    .homepad .col-md-5:first-child{order: 1;}
    .homepad .col-md-5:last-child{order: 2;}
    .opd-timing{right: 15px;bottom: 15px;padding: 18px 22px;max-width: 240px;width: 85%;}
    .homepad img.radius-20{width: 100%;height: auto;display: block;}
    .homepad .d-flex.mt-5{margin-top: 15px !important;justify-content: center;flex-wrap: wrap;position: relative;}
    .right-side-img{width: 120px;top: 5px;right: 5px;opacity: 0.8;}
    .right-side-bottom-img{width: 100px;bottom: 5%;right: 10px;opacity: 0.8;}
    .homepad .btn{margin-top: 15px;}
}
@media (max-width: 576px) {
    .opd-timing{right: -20px;bottom: 10px;padding: 15px 18px;font-size: 14px;max-width: 280px;}
    .d-flex.flex-column.gap-4{margin-top: 40px;}
    .homepad .btn{font-size: 14px;padding: 8px 20px;}
}
.homepad{position: relative;padding: 60px 0;}
.left-side-img img{max-width: 100%;height: auto;}
/* .homepad ul li{flex-wrap: wrap;} */
.homepad ul li p{font-size: 18px;}
.homepad .btn{padding: 10px 20px;}
.homepad .row.mt-md-5.mt-3 .col-md-3{margin-bottom: 20px;}
@media (max-width: 991px) {
    .homepad{padding: 40px 15px;}
    .left-side-img{position: relative;left: 0;top: 0;margin-bottom: 30px;}
    .homepad .row > .col-md-6, .homepad .row > .col-md-8, .homepad .row > .col-md-4{flex: 0 0 100%;max-width: 100%;}
    .homepad ul li{flex-direction: row;align-items: flex-start;}
    .homepad ul li img{margin-bottom: 0;margin-right: 15px;}
    .homepad ul li p{font-size: 16px;}
    .homepad .row.mt-md-5.mt-3 .col-md-3{flex: 0 0 50%;margin-bottom: 20px;}
    .homepad .col-md-4.mt-5{text-align: center;margin-top: 30px;}
    .homepad .col-md-4.mt-5 .btn{width: 100%;}
}
@media (max-width: 575px) {
    .homepad .row.mt-md-5.mt-3 .col-md-3{flex: 0 0 50%;}
    .homepad ul li p, .homepad .col-md-8.mt-5 p{font-size: 15px;line-height: 1.5;}
    .homepad{padding: 30px 10px;}
    .homepad .btn{font-size: 14px;padding: 8px 15px;}
}
.cart-data{background-color: #F9F9F9;border-radius: 20px;overflow: hidden;}
.cart-data .cart-body{padding: 25px 35px;}
.cart-data .cart-body2{padding: 25px 15px;}
.cart-data .cart-body a p{position: relative;}
.cart-data .cart-body a p::after{position: absolute;content: "";border-bottom: 1px solid #33D687 !important;bottom: -2px;left: 0;right: 0;}
@media (max-width: 575px){
    .cart-data{border-radius: 15px;}
    .cart-data img{width: 100%;height: auto;object-fit: cover;border-radius: 15px 15px 0 0;}
    .cart-data .cart-body2, .cart-data .cart-body{padding: 20px 15px;}
}
.cart-data .cart-body3{padding: 35px 50px;transition: padding 0.3s ease;}
.cart-data .cart-body3 .btn-line{position: relative;}
.cart-data .cart-body3 .btn-line::after{position: absolute;content: "";border-bottom: 1px solid #33D687 !important;bottom: 0;left: 0;right: 0;}
.section5 .cart-data:hover{background-color: #C0FFE1;transition: background-color 0.3s ease;}
.splide__pagination{bottom: -4.5em;transition: bottom 0.3s ease;}
.splide__pagination__page{background: #D9D9D9;height: 15px;width: 15px;opacity: 1;}
.splide__pagination__page.is-active{background: #33D687;transform: scale(1.4);z-index: 1;height: 10px;width: 10px;}
@media (max-width: 1024px) {
    .cart-data .cart-body3 {
        padding: 25px 35px;
    }
    .splide__pagination {
        bottom: -3.5em;
    }
}

@media (max-width: 768px) {
    .cart-data .cart-body3 {
        padding: 20px 25px;
    }
    .splide__pagination {
        bottom: -3em;
    }
    .splide__pagination__page {
        height: 12px;
        width: 12px;
    }
    .splide__pagination__page.is-active {
        transform: scale(1.3);
        height: 8px;
        width: 8px;
    }
}

@media (max-width: 575px) {
    .cart-data .cart-body3 {
        padding: 10px 10px;
    }
    .splide__pagination {
        bottom: -2.5em;
   }
     .cart-header img {
        height: 200px;       /* increase the height for mobile */
        width: 100%;         /* maintain full width */
        object-fit: cover;   /* keep image aspect ratio without stretching */
        border-radius: 10px; /* optional: match card style */
    }

    .btn-resp{
        width: 100% !important;
    }
}



/* ***** Section6 ***** */
.section6 .event {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
}

.section6 .event img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

/* Event details overlay */
.section6 .event .event-details {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: rgba(0,0,0,0.5); /* semi-transparent overlay */
    color: #fff;
    transition: all 0.3s ease;
}

/* Event content hidden by default */
.section6 .event .event-details .event-content {
    display: none;
}

/* Desktop hover effect */
.section6 .event:hover .event-details .event-content {
    display: block;
}

/* ===== Mobile responsive adjustments ≤575px ===== */
@media (max-width: 575px) {

    /* Stack heading and paragraph */
    .section6 .row:first-child .col-lg-6 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
        text-align: center;
        padding: 0 10px; /* space from screen edges */
    }
    .section6 .row:first-child .col-lg-6 p {
        text-align: center;
    }

    /* Stack event cards vertically with spacing */
    .section6 .row.mt-5 .col-md-3 {
        width: 100%;
        max-width: 100%;
        padding: 0 10px; /* horizontal space between cards */
        margin-bottom: 20px; /* vertical space between cards */
        box-sizing: border-box;
    }

    /* Event card adjustments */
    .section6 .event {
        border-radius: 8px;
        overflow: hidden;
    }

    /* Event overlay becomes relative and content always visible */
    .section6 .event .event-details {
        /* position: relative; */
        background: rgba(0,0,0,0.6);
        padding: 15px;
    }
    .section6 .event .event-details .event-content {
        display: block; /* always visible on mobile */
    }

    /* Center text on mobile */
    .section6 .event .event-details h6,
    .section6 .event .event-details p {
        text-align: center;
    }
}


    


/* ***** Section7 ***** */

/* Blog content card */
.section7 .blog-content {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    cursor: pointer;
}

.section7 .blog-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

/* Gradient overlay */
.section7 .blog-grident {
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.8) 100%);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    transition: all 0.3s ease;
}

/* Blog details */
.section7 .blog-details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 22px 30px 40px;
    color: #fff;
    z-index: 2;
    transition: all 0.3s ease;
}

/* Category content hidden by default */
.section7 .category-content {
    display: none;
}

/* Hover effects (desktop) */
.section7 .blog-content:hover .category-content {
    display: block;
}

.section7 .blog-content:hover .blog-grident {
    background: #33D687;
    opacity: 0.87;
}

/* Category name styling */
.section7 .category .category-name {
    border: 1px solid;
    border-radius: 20px;
    padding: 5px 10px;
}

/* Blog details width for center card */
.section7 .blog-details2 {
    width: 70%;
}

@media (max-width: 575px) {
    /* Stack heading and description */
    .section7 .row.justify-content-center .col-md-6 {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
        padding: 0 10px; /* padding on sides */
    }

    /* Stack blog columns vertically with spacing */
    .section7 .row.g-3 .col-lg-3,
    .section7 .row.g-3 .col-lg-6 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding: 0 15px; /* space left & right of image */
    }

    /* Stack inner rows inside col-lg-* */
    .section7 .row.g-3 .row.gap-3 {
        flex-direction: column;
        gap: 20px;
    }

    /* Blog content adjustments */
    .section7 .blog-content {
        border-radius: 15px;
        margin: 0 auto; /* center the card */
    }

    /* Gradient overlay relative for proper stacking */
    .section7 .blog-grident {
        position: relative;
        border-radius: 15px;
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    }

    /* Always show hover content on mobile (touch) */
    .section7 .category-content {
        display: block;
    }

    /* Blog-details padding adjustments */
    .section7 .blog-details,
    .section7 .blog-details2 {
        padding: 15px;
        width: 100%;
        text-align: center;
    }

    /* Center category names */
    .section7 .category .category-name {
        display: inline-block;
        margin-bottom: 5px;
    }

    /* Button alignment */
    .section7 .col-12.mt-5 {
        padding: 0 10px;
    }

    .cpt{
    text-align: justify;
}
}



/* ***** Section8 ***** */
.section8 .nav-pills{gap: 13px;}
.section8 .nav-link{border-radius: 25px;padding: 12px 30px;}
.section8 .nav-link.active{background-color: #F4AB01 !important;color: #fff !important;}

@media (max-width: 470px) {
    .section8 ul{
        justify-content: center !important;
    }
    .section8 .nav-link{border-radius: 25px;padding: 10px 34px; width: 150px;}
}


html {
    scroll-behavior: smooth;
}


/* ***** Section9 ***** */
.section9 .form-input{padding: 10px 20px !important;}
.section9 .textarea{border-radius: 20px;}
.section9 input[type="date"]::-ms-clear,
.section9 input[type="date"]::-ms-expand{display: none;}
.section9 input[type="date"]{position: relative;background: url('../images/calender.png') no-repeat right 15px center !important;background-size: 20px;cursor: pointer;background-color: #fff !important;}
.section9 input[type="date"]::-webkit-calendar-picker-indicator{opacity: 0;position: absolute;right: 0;width: 100%;cursor: pointer;}
.section9 input[type="date"]::-webkit-calendar-picker-indicator{color: #3b6b95 !important;}
.section9 iframe{border-radius: 25px !important;}
.section9 .container-form{border-radius: 25px !important;background-color: #F9F9F9;padding: 30px;}

/* ***** Footer Top ***** */
.top-footer{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;justify-content: start;align-items: center;padding-left: 40px;}
.section10{margin-bottom: -90px;}


/* ***** Footer ***** */
.footer{background-color: #F9F9F9;}
.footer #menu-footer{list-style-type: none;padding: 0;}
.footer #menu-footer li{padding: 8px 0;}
.footer #menu-footer li a{text-decoration: none;color: #232E2F;font-weight: 300;}


.service-header-row {
    position: relative;
    background-color: #d6fced; /* light green */
    padding: 30px 0;
    overflow: hidden;
}

/* Hexagon Background */
.service-header-row .bg-hexagon {
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: auto;
    opacity: 0.2;
    z-index: 0;
}

/* Left Curve */
.service-header-row .bg-curve-left {
    position: absolute;
    top: 0; left: 0;
    width: 300px;
    opacity: 0.7;
    z-index: 0;
}

/* Right Curve */
.service-header-row .bg-curve-right {
    position: absolute;
    bottom: 0; right: 0;
    width: 300px;
    opacity: 0.7;
    z-index: 0;
}

/* Keep text above */
.service-header-row h1,
.service-header-row p {
    position: relative;
    z-index: 2;
}

/* Desktop (default) */
.header {
    background-color: black;
}

.header .navbar-nav .nav-link,
.header .navbar-nav .dropdown-item,
.header .d-flex.align-items-center.gap-2 a,
.header .fa-brands {
    color: white;
}

/* Mobile view (<992px) */
@media (max-width: 991.98px) {
    /* Mobile header white */
    .header {
        background-color: white !important;
    }

    /* Menu links black */
    .header .navbar-nav .nav-link,
    .header .navbar-nav .dropdown-item {
        color: black !important;
    }

    /* Social icons black */
    .header .fa-brands {
        color: black !important;
    }

    /* Contact info black */
    .header .d-lg-none a {
        color: black !important;
    }

    /* Hamburger icon visible on white */
    .navbar-toggler-icon {
        filter: invert(1);
    }
}

/* ===== Remove unwanted horizontal scroll from banner ===== */
.banner-slider {
  overflow-x: hidden; /* hides horizontal scroll */
  position: relative;
}

body, html {
  overflow-x: hidden !important; /* full-page protection */
}

/* Prevent Splide arrows or child divs from pushing layout */
.banner-slider * {
  max-width: 100%;
  box-sizing: border-box;
}

/* Optional: Adjust Splide arrows if they’re too far outside */
.banner-slider .splide__arrow--prev,
.banner-slider .splide__arrow--next {
  left: auto !important;
  right: auto !important;
  transform: none !important;
}


.icon-wrapper3 {
  background-color: #33D68738 !important; /* soft mint green (like your image) */
  width: 70px !important;
  height: 70px !important;
  border-radius: 50%; /* perfect circle */
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-img2 {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.banner-slider2 .splide__list{
    display: inline !important;
}

@media (max-width: 420px) {

  .cpt{
    text-align: justify !important;
}
}


















/* Banner Section Responsive */
/* .banner-slider {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 650px;
    display: flex;
    align-items: center;
}

.doctor-image img {
    width: 100%;
    height: auto;
} */

/* @media (max-width: 767px) {

    .banner-slider {
        min-height: 450px !important;
        padding: 40px 0 !important;
        background-position: top center !important;
    }

    .banner-details {
        text-align: center;
        align-items: center !important;
    }

    .banner-details .btn {
        margin: 10px 0;
    }

    .col-7, .col-5 {
        width: 100% !important;
    }

    .doctor-image {
        margin-top: 20px;
        text-align: center;
    }

    .doctor-image img {
        max-width: 80%;
        margin: 0 auto;
    }
} */