/*
 * Dental Samagra homepage-only premium sky-blue colour edition.
 * Loaded conditionally by index.php; internal pages retain the approved theme.
 */

body.home-light-green {
    --main-color: rgb(125, 199, 229);
    --main-color-rgb: 125, 199, 229;
    --color-four: rgb(57, 119, 146);
    --color-four-rgb: 57, 119, 146;
    --color-five: rgb(246, 251, 254);
    --color-five-rgb: 246, 251, 254;
    --color-eight: rgb(30, 76, 98);
    --color-eight-rgb: 30, 76, 98;
    --color-nine: rgb(238, 248, 252);
    --color-nine-rgb: 238, 248, 252;
    --color-ten: rgb(171, 221, 240);
    --color-ten-rgb: 171, 221, 240;
    --color-eleven: rgb(90, 163, 193);
    --color-eleven-rgb: 90, 163, 193;
    --color-twelve: rgb(75, 145, 174);
    --color-twelve-rgb: 75, 145, 174;
    --color-thirteen: rgb(44, 105, 131);
    --color-thirteen-rgb: 44, 105, 131;
    --font-family-Manrope: 'Outfit', sans-serif;
    color: #3f5965;
    font-family: 'Outfit', sans-serif;
    letter-spacing: .005em;
}

body.home-light-green h1,
body.home-light-green h2,
body.home-light-green h3,
body.home-light-green h4,
body.home-light-green h5,
body.home-light-green h6,
body.home-light-green .sec-title_heading,
body.home-light-green .slider-two_title,
body.home-light-green .main-footer_title {
    font-family: 'Cormorant Garamond', Georgia, serif;
    letter-spacing: -.015em;
}

body.home-light-green p,
body.home-light-green a,
body.home-light-green li,
body.home-light-green button,
body.home-light-green input,
body.home-light-green select,
body.home-light-green textarea,
body.home-light-green .text,
body.home-light-green .sec-title_text {
    font-family: 'Outfit', sans-serif;
}

body.home-light-green .sec-title_heading {
    color: #234e62;
    font-weight: 700;
}

body.home-light-green .sec-title_text,
body.home-light-green p,
body.home-light-green .text {
    color: #536c78;
}

body.home-light-green .theme-btn {
    letter-spacing: .075em;
}

/* Header and navigation */
body.home-light-green .header-style-three .header-upper,
body.home-light-green .main-header .sticky-header {
    background: rgba(255, 255, 255, .98);
}

body.home-light-green .main-header .main-menu .navigation > li:hover > a,
body.home-light-green .main-header .main-menu .navigation > li.current > a {
    color: #2d6077;
    background-color: #edf8fc;
}

body.home-light-green .main-header .main-menu .navigation > li > ul > li > a:hover {
    color: #3d7e9b;
}

body.home-light-green .mobile-nav-toggler,
body.home-light-green .mobile-menu .close-btn {
    color: #4d8faa;
}

body.home-light-green .mobile-menu .navigation > li.treatment-menu {
    border-color: rgba(125, 199, 229, .48);
}

body.home-light-green .mobile-menu .navigation > li.treatment-menu > a {
    background: rgba(125, 199, 229, .16);
}

body.home-light-green .mobile-menu .navigation ul.treatment-submenu {
    border-left-color: #7dc7e5;
    background: #eff9fd;
}

body.home-light-green .mobile-menu .navigation ul.treatment-submenu > li > a::before {
    color: #4d8faa;
}

/* Hero */
body.home-light-green .slider-two--glass-banner {
    min-height: 680px;
    background: #eef8fc;
}

body.home-light-green .slider-two--glass-banner .slider-two_slide {
    min-height: 680px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

body.home-light-green .slider-two--glass-banner .slider-two_slide::before {
    opacity: 1;
    background: linear-gradient(180deg, rgba(10, 37, 51, .015) 18%, rgba(8, 40, 57, .18) 100%);
}

body.home-light-green .slider-two_banner-content {
    position: absolute;
    right: 0;
    bottom: 116px;
    left: 0;
    z-index: 4;
    pointer-events: none;
}

body.home-light-green .slider-two_glass-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    width: min(790px, 100%);
    min-height: 126px;
    padding: 18px 22px;
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 17px;
    background: rgba(7, 44, 63, .08);
    box-shadow: 0 16px 42px rgba(8, 48, 67, .14);
    backdrop-filter: blur(4px) saturate(108%);
    -webkit-backdrop-filter: blur(4px) saturate(108%);
    pointer-events: auto;
}

body.home-light-green .slider-two_copy {
    min-width: 0;
}

body.home-light-green .slider-two--glass-banner .slider-two_title,
body.home-light-green .slider-two--glass-banner .slider-two_heading,
body.home-light-green .slider-two--glass-banner .slider-two_buttons {
    opacity: 1;
    transform: none;
}

body.home-light-green .slider-two--glass-banner .slider-two_title {
    margin-bottom: 7px;
    color: #ffffff;
    font-size: 50px;
    line-height: 1.05;
    letter-spacing: -.01em;
    text-shadow: 0 2px 16px rgba(4, 31, 45, .5);
}

body.home-light-green .slider-two--glass-banner h1.slider-two_heading {
    margin: 0;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .96);
    font-size: 17px;
    line-height: 1.3;
    font-weight: 600;
    font-family: 'Outfit', sans-serif;
    letter-spacing: .055em;
    white-space: nowrap;
    text-shadow: 0 2px 14px rgba(4, 31, 45, .48);
}

body.home-light-green .slider-two--glass-banner .slider-two_buttons {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

body.home-light-green .slider-two--glass-banner .slider-two_buttons .theme-btn {
    margin: 0;
}

body.home-light-green .slider-two .btn-style-four {
    border-color: rgba(255, 255, 255, .45);
    background: linear-gradient(135deg, rgba(177, 224, 243, .97), rgba(82, 158, 191, .98));
    box-shadow: 0 8px 22px rgba(8, 70, 98, .19);
}

body.home-light-green .slider-two .btn-style-four::before {
    background: #2d6d88;
}

body.home-light-green .slider-two--glass-banner .owl-nav {
    top: 43%;
    right: 18px;
    left: 18px;
    z-index: 5;
    opacity: 1;
    pointer-events: none;
}

body.home-light-green .slider-two--glass-banner .owl-nav .owl-prev,
body.home-light-green .slider-two--glass-banner .owl-nav .owl-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .78);
    border-radius: 50%;
    color: #2f6d87;
    background: rgba(246, 252, 255, .86);
    box-shadow: 0 8px 25px rgba(8, 69, 98, .16);
    backdrop-filter: blur(8px);
    pointer-events: auto;
}

body.home-light-green .slider-two--glass-banner .owl-nav .owl-prev {
    padding-left: 0;
}

body.home-light-green .slider-two--glass-banner .owl-nav .owl-next {
    padding-right: 0;
}

body.home-light-green .slider-two--glass-banner .owl-nav .owl-prev:hover,
body.home-light-green .slider-two--glass-banner .owl-nav .owl-next:hover {
    color: #fff;
    border-color: #5a9fbd;
    background: #5a9fbd;
}

body.home-light-green .slider-two--glass-banner .owl-dots {
    position: absolute;
    right: 0;
    bottom: 28px;
    left: 0;
    z-index: 5;
    display: flex;
    justify-content: center;
    gap: 8px;
}

body.home-light-green .slider-two--glass-banner .owl-dot {
    width: 9px;
    height: 9px;
    border: 1px solid rgba(255, 255, 255, .95);
    border-radius: 50%;
    background: rgba(255, 255, 255, .66);
    box-shadow: 0 2px 8px rgba(6, 50, 70, .18);
}

body.home-light-green .slider-two--glass-banner .owl-dot.active {
    width: 25px;
    border-radius: 9px;
    background: #7dc7e5;
}

/* Four hero service cards */
body.home-light-green .service-block_three-inner,
body.home-light-green .service-block_three-inner::before {
    background: linear-gradient(145deg, #e1f3fb 0%, #b6dff0 54%, #7cc4df 100%);
}

body.home-light-green .service-block_three-inner {
    border: 1px solid rgba(255, 255, 255, .64);
    box-shadow: 0 14px 34px rgba(39, 95, 120, .15);
}

body.home-light-green .service-block_three-inner::after {
    position: absolute;
    right: -38px;
    bottom: -48px;
    width: 145px;
    height: 145px;
    border: 20px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

body.home-light-green .service-block_three-inner:hover {
    box-shadow: 0 18px 42px rgba(39, 95, 120, .22);
}

body.home-light-green .service-block_three-icon,
body.home-light-green .service-block_three-heading a,
body.home-light-green .service-block_three-text,
body.home-light-green .service-block_three-inner:hover .service-block_three-icon,
body.home-light-green .service-block_three-inner:hover .service-block_three-heading a,
body.home-light-green .service-block_three-inner:hover .service-block_three-text {
    color: #1d4d63;
}

body.home-light-green .service-block_three-heading a {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 26px;
    letter-spacing: -.01em;
}

/* Welcome section */
body.home-light-green .health-one {
    background: linear-gradient(180deg, #ffffff 0%, #f7fcff 100%);
}

body.home-light-green .health-one_color {
    background-color: #d6edf7;
}

body.home-light-green .health-one_color-two {
    background: linear-gradient(145deg, #b6dfee, #76bdd9);
}

body.home-light-green .health-block_icon {
    color: #4c89a3;
}

body.home-light-green .health-block strong {
    color: #326f89;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 27px;
}

body.home-light-green .btn-style-one {
    background: linear-gradient(135deg, #9fd6eb, #589fbd);
    box-shadow: 0 9px 25px rgba(39, 96, 123, .17);
}

body.home-light-green .btn-style-one::before {
    background: #2d6d88;
}

/* Treatments */
body.home-light-green .services-four {
    background: linear-gradient(180deg, #f7fcfe 0%, #ffffff 100%);
}

body.home-light-green .service-block_four-inner {
    border: 1px solid #d8edf6;
    box-shadow: 0 10px 28px rgba(25, 91, 119, .09);
}

body.home-light-green .service-block_four-icon {
    background: linear-gradient(145deg, #9bd3e8, #4f8fa9);
    box-shadow: 0 7px 18px rgba(24, 100, 132, .2);
}

body.home-light-green .service-block_four-title a:hover {
    color: #4785a0;
}

body.home-light-green .service-block_four-pattern,
body.home-light-green .service-block_four-pattern-two,
body.home-light-green .services-one_pattern,
body.home-light-green .services-one_pattern-two {
    opacity: .28;
    filter: hue-rotate(0deg) saturate(.72);
}

/* Gallery, clinic tour and news */
body.home-light-green .media-carousel-section {
    background-color: #f2fafe;
}

body.home-light-green .media-carousel-section:nth-of-type(even) {
    background-color: #f7fcff;
}

body.home-light-green .media-carousel-section .department-one_block-inner {
    border: 1px solid #d7edf6;
    box-shadow: 0 10px 28px rgba(17, 84, 112, .1);
}

body.home-light-green .media-carousel-section .owl-nav .owl-prev,
body.home-light-green .media-carousel-section .owl-nav .owl-next,
body.home-light-green .faq-carousel-section .owl-nav .owl-prev,
body.home-light-green .faq-carousel-section .owl-nav .owl-next {
    background: linear-gradient(145deg, #9fd6eb, #4f91ad) !important;
    box-shadow: 0 6px 18px rgba(16, 90, 121, .24);
}

body.home-light-green .ds-media-thumb .ds-media-expand,
body.home-light-green .ds-media-thumb .ds-media-play {
    background: rgba(74, 141, 170, .94);
}

body.home-light-green .media-carousel-section .owl-dots .owl-dot.active,
body.home-light-green .media-carousel-section .owl-dots .owl-dot:hover {
    background-color: #609fba;
}

/* Reviews */
body.home-light-green .justdial-reviews-section {
    background: linear-gradient(180deg, #f4fbfe 0%, #ffffff 100%);
}

body.home-light-green .justdial-badge-shell {
    border-color: #d4ebf4;
    box-shadow: 0 15px 42px rgba(16, 84, 113, .11);
}

body.home-light-green .justdial-fallback a {
    color: #477f99;
}

/* FAQ */
body.home-light-green .faq-one {
    background-color: #f3fafe;
    background-blend-mode: soft-light;
}

body.home-light-green .faq-one_pattern {
    opacity: .22;
    filter: hue-rotate(0deg) saturate(.75);
}

body.home-light-green .accordion-box .block {
    border: 1px solid #d7edf5;
    box-shadow: 0 7px 22px rgba(17, 82, 108, .08);
}

body.home-light-green .accordion-box .block .icon-outer .icon {
    background: linear-gradient(145deg, #9fd5ea, #538fa9);
}

body.home-light-green .accordion-box .block .acc-btn.active .icon-outer .icon {
    background: #336e88;
}

body.home-light-green .faq-carousel-section .accordion-box .block .acc-btn:focus-visible {
    outline-color: rgba(125, 199, 229, .48);
}

/* Footer and utility controls */
body.home-light-green .main-footer.style-two {
    background-color: #eff9fd;
}

body.home-light-green .main-footer.style-two .main-footer_title {
    color: #123f53;
}

body.home-light-green .main-footer_contact-list.style-two li .icon,
body.home-light-green .footer-whatsapp-number i {
    color: #558fa8;
}

body.home-light-green .footer-scroll_top {
    background: linear-gradient(145deg, #9bd3e8, #4f8fa9);
}

body.home-light-green .footer_copyright,
body.home-light-green .scroll-to-top {
    color: #4b839b;
}

body.home-light-green .scroll-to-top:hover {
    color: #ffffff;
    background: #4e8ca6;
}

@media only screen and (max-width: 767px) {
    body.home-light-green .slider-two--glass-banner,
    body.home-light-green .slider-two--glass-banner .slider-two_slide {
        min-height: 540px;
    }

    body.home-light-green .slider-two--glass-banner .slider-two_slide--exterior {
        background-image: url(../images/main-slider/dental-samagra-exterior-mobile.webp) !important;
        background-position: center center;
    }

    body.home-light-green .slider-two--glass-banner .slider-two_slide--entrance {
        background-image: url(../images/main-slider/dental-samagra-entrance-mobile.webp) !important;
        background-position: center center;
    }

    body.home-light-green .slider-two_banner-content {
        bottom: 106px;
    }

    body.home-light-green .slider-two_glass-panel {
        display: block;
        width: calc(100% - 18px);
        min-height: 0;
        margin: 0 auto;
        padding: 17px 17px 16px;
        border-radius: 15px;
        border-color: rgba(255, 255, 255, .38);
        background: rgba(8, 48, 68, .12);
    }

    body.home-light-green .slider-two--glass-banner .slider-two_title {
        margin-bottom: 5px;
        font-size: clamp(34px, 10.7vw, 40px);
        white-space: nowrap;
    }

    body.home-light-green .slider-two--glass-banner h1.slider-two_heading {
        font-size: clamp(10px, 3.2vw, 15px);
        line-height: 1.25;
        letter-spacing: .04em;
    }

    body.home-light-green .slider-two--glass-banner .slider-two_buttons {
        margin-top: 13px;
    }

    body.home-light-green .slider-two--glass-banner .slider-two_buttons .theme-btn {
        padding: 14px 18px;
    }

    body.home-light-green .slider-two--glass-banner .owl-nav {
        top: 35%;
        right: 9px;
        left: 9px;
    }

    body.home-light-green .slider-two--glass-banner .owl-nav .owl-prev,
    body.home-light-green .slider-two--glass-banner .owl-nav .owl-next {
        width: 38px;
        height: 38px;
    }

    body.home-light-green .slider-two--glass-banner .owl-dots {
        bottom: 24px;
    }

    body.home-light-green .service-block_three-inner {
        box-shadow: 0 10px 25px rgba(39, 95, 120, .15);
    }
}

@media only screen and (max-width: 399px) {
    body.home-light-green .slider-two--glass-banner h1.slider-two_heading {
        font-size: 10px;
        letter-spacing: .025em;
    }

    body.home-light-green .slider-two--glass-banner .slider-two_buttons {
        gap: 7px;
    }

    body.home-light-green .slider-two--glass-banner .slider-two_buttons .theme-btn {
        padding: 12px 12px;
        letter-spacing: .5px;
        font-size: 11px;
    }
}
