/* =========================================================
   BHUMI KA SOLAR
   Core Custom CSS
   File: bhumika-custom.css
   ========================================================= */

/* =========================================================
   01. ROOT / BRAND VARIABLES
   ========================================================= */

:root {
    /* Brand Colors */
    --bk-green: #3CB44A;
    --bk-dark-green: #126B35;
    --bk-deep-green: #0B4A29;
    --bk-orange: #F58220;
    --bk-blue: #34348F;
    /* Backgrounds */
    --bk-white: #FFFFFF;
    --bk-soft-green: #F4FAF5;
    --bk-light-gray: #F5F7F6;
    --bk-gray: #E7ECE9;
    --bk-dark-bg: #0B4A29;
    /* Typography */
    --bk-text: #18221C;
    --bk-muted: #282828;
    --bk-white-text: #F8FCF9;
    /* Borders */
    --bk-border: rgba(24, 34, 28, 0.10);
    --bk-border-light: rgba(255, 255, 255, 0.14);
    /* Shadows */
    --bk-shadow-sm: 0 8px 25px rgba(11, 74, 41, 0.07);
    --bk-shadow-md: 0 18px 45px rgba(11, 74, 41, 0.10);
    --bk-shadow-lg: 0 25px 70px rgba(11, 74, 41, 0.14);
    /* Radius */
    --bk-radius-sm: 8px;
    --bk-radius-md: 14px;
    --bk-radius-lg: 22px;
    --bk-radius-xl: 30px;
    /* Layout */
    --bk-container: 1320px;
    --bk-section-space: 110px;
    /* Transition */
    --bk-transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}


/* =========================================================
   02. GLOBAL RESET
   ========================================================= */

html {
    scroll-behavior: smooth;
    scroll-padding-top: 90px;
}

body {
    margin: 0;
    padding: 0;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    color: var(--bk-text);
    background: var(--bk-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

button,
input,
textarea,
select {
    font: inherit;
}

button {
    border: 0;
}

a {
    color: inherit;
    text-decoration: none;
    transition: var(--bk-transition);
}

    a:hover {
        color: var(--bk-green);
    }

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   03. TYPOGRAPHY
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    line-height: 1.15;
    color: var(--bk-text);
    letter-spacing: -0.025em;
}

h1 {
    font-size: clamp(42px, 5vw, 76px);
}

h2 {
    font-size: clamp(34px, 4vw, 58px);
}

h3 {
    font-size: clamp(25px, 2.5vw, 36px);
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 17px;
}

p {
    color: var(--bk-muted);
}

.bk-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--bk-dark-green);
}

    .bk-eyebrow::before {
        content: "";
        width: 28px;
        height: 2px;
        background: var(--bk-orange);
    }

.bk-section-title {
    max-width: 760px;
    margin-bottom: 20px;
}

.bk-section-text {
    max-width: 680px;
    margin-bottom: 0;
    font-size: 17px;
}


/* =========================================================
   04. CONTAINER / SECTION
   ========================================================= */

.bk-container {
    width: min(100% - 40px, var(--bk-container));
    margin-inline: auto;
}

.bk-section {
    position: relative;
    padding: var(--bk-section-space) 0;
}

.bk-section-sm {
    padding: 75px 0;
}

.bk-section-lg {
    padding: 140px 0;
}


/* =========================================================
   05. COMMON BACKGROUNDS
   ========================================================= */

.bk-bg-white {
    background: var(--bk-white);
}

.bk-bg-light {
    background: var(--bk-light-gray);
}

.bk-bg-soft-green {
    background: var(--bk-soft-green);
}

.bk-bg-dark {
    background: var(--bk-deep-green);
}

.bk-bg-primary {
    background: var(--bk-dark-green);
}


/* =========================================================
   06. TEXT COLORS
   ========================================================= */

.bk-text-green {
    color: var(--bk-green) !important;
}

.bk-text-dark-green {
    color: var(--bk-dark-green) !important;
}

.bk-text-orange {
    color: var(--bk-orange) !important;
}

.bk-text-white {
    color: var(--bk-white) !important;
}

.bk-text-muted {
    color: var(--bk-muted) !important;
}


/* =========================================================
   07. COMMON BUTTONS
   ========================================================= */

.bk-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 26px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: var(--bk-transition);
    overflow: hidden;
}

    .bk-btn i {
        font-size: 17px;
        transition: transform 0.35s ease;
    }

    .bk-btn:hover i {
        transform: translateX(4px);
    }

.bk-btn-primary {
    color: var(--bk-white);
    background: var(--bk-orange);
    box-shadow: 0 10px 25px rgba(245, 130, 32, 0.20);
}

    .bk-btn-primary:hover {
        color: var(--bk-white);
        background: #df6f13;
        transform: translateY(-2px);
        box-shadow: 0 15px 30px rgba(245, 130, 32, 0.28);
    }

.bk-btn-green {
    color: var(--bk-white);
    background: var(--bk-dark-green);
}

    .bk-btn-green:hover {
        color: var(--bk-white);
        background: var(--bk-deep-green);
        transform: translateY(-2px);
    }

.bk-btn-outline {
    color: var(--bk-dark-green);
    background: transparent;
    border-color: var(--bk-dark-green);
}

    .bk-btn-outline:hover {
        color: var(--bk-white);
        background: var(--bk-dark-green);
    }

.bk-btn-white {
    color: var(--bk-dark-green);
    background: var(--bk-white);
}

    .bk-btn-white:hover {
        color: var(--bk-dark-green);
        transform: translateY(-2px);
        box-shadow: var(--bk-shadow-md);
    }


/* =========================================================
   08. COMMON CARD
   ========================================================= */

.bk-card {
    position: relative;
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
    border-radius: var(--bk-radius-lg);
    transition: var(--bk-transition);
}

    .bk-card:hover {
        transform: translateY(-6px);
        box-shadow: var(--bk-shadow-md);
    }


/* =========================================================
   09. IMAGE / OVERLAY UTILITIES
   ========================================================= */

.bk-img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bk-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.bk-overlay-green {
    background: linear-gradient( 90deg, rgba(11, 74, 41, 0.94) 0%, rgba(11, 74, 41, 0.68) 48%, rgba(11, 74, 41, 0.08) 100% );
}


/* =========================================================
   10. SECTION DECORATION
   ========================================================= */

.bk-accent-line {
    width: 55px;
    height: 3px;
    margin-bottom: 22px;
    background: var(--bk-orange);
}

.bk-highlight {
    color: var(--bk-orange);
}


/* =========================================================
   11. FORM FOUNDATION
   ========================================================= */

.bk-form-control {
    width: 100%;
    min-height: 54px;
    padding: 0 17px;
    color: var(--bk-text);
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
    border-radius: 8px;
    outline: none;
    transition: var(--bk-transition);
}

textarea.bk-form-control {
    min-height: 130px;
    padding-top: 15px;
    padding-bottom: 15px;
    resize: vertical;
}

.bk-form-control::placeholder {
    color: #8a948e;
}

.bk-form-control:focus {
    border-color: var(--bk-green);
    box-shadow: 0 0 0 4px rgba(60, 180, 74, 0.10);
}


/* =========================================================
   12. SELECTION
   ========================================================= */

::selection {
    color: var(--bk-white);
    background: var(--bk-dark-green);
}


/* =========================================================
   13. SCROLLBAR
   ========================================================= */

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #eef2ef;
}

::-webkit-scrollbar-thumb {
    background: var(--bk-dark-green);
    border-radius: 20px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--bk-green);
    }


/* =========================================================
   14. COMMON ANIMATION
   ========================================================= */

.bk-hover-up {
    transition: var(--bk-transition);
}

    .bk-hover-up:hover {
        transform: translateY(-5px);
    }

.bk-hover-scale {
    overflow: hidden;
}

    .bk-hover-scale img {
        transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .bk-hover-scale:hover img {
        transform: scale(1.05);
    }


/* =========================================================
   15. VISIBILITY / UTILITY
   ========================================================= */

.bk-overflow-hidden {
    overflow: hidden;
}

.bk-relative {
    position: relative;
}

.bk-z-index-1 {
    position: relative;
    z-index: 1;
}

.bk-m-0 {
    margin: 0 !important;
}

.bk-p-0 {
    padding: 0 !important;
}


/* =========================================================
   16. RESPONSIVE FOUNDATION
   ========================================================= */

@media (max-width: 1199.98px) {

    :root {
        --bk-section-space: 90px;
    }

    .bk-container {
        width: min(100% - 32px, var(--bk-container));
    }
}


@media (max-width: 991.98px) {

    :root {
        --bk-section-space: 80px;
    }

    .bk-section-lg {
        padding: 100px 0;
    }

    .bk-section-title {
        max-width: 650px;
    }
}


@media (max-width: 767.98px) {

    :root {
        --bk-section-space: 65px;
    }

    .bk-container {
        width: min(100% - 28px, var(--bk-container));
    }

    .bk-section-sm {
        padding: 55px 0;
    }

    .bk-section-lg {
        padding: 80px 0;
    }

    .bk-section-text {
        font-size: 16px;
    }

    .bk-btn {
        min-height: 50px;
        padding: 0 21px;
    }
}


@media (max-width: 575.98px) {

    .bk-container {
        width: min(100% - 24px, var(--bk-container));
    }

    .bk-btn {
        width: 100%;
    }

    .bk-eyebrow {
        font-size: 12px;
    }
}


/* =========================================================
   17. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}
/* =========================================================
   BHUMI KA SOLAR
   HEADER + NAVIGATION
   ========================================================= */


/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */

.bk-header {
    position: relative;
    z-index: 1000;
    width: 100%;
    background: var(--bk-white);
    border-bottom: 1px solid rgba(24, 34, 28, 0.07);
    transition: var(--bk-transition);
    padding:5px;
}

    .bk-header.is-sticky {
        position: fixed;
        top: 0;
        left: 0;
        
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        box-shadow: 0 8px 30px rgba(11, 74, 41, 0.08);
        animation: bkHeaderDown 0.4s ease forwards;
    }

@keyframes bkHeaderDown {

    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}


/* ---------------------------------------------------------
   NAVBAR
   --------------------------------------------------------- */

.bk-navbar {
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}


/* ---------------------------------------------------------
   LOGO
   --------------------------------------------------------- */

.bk-logo {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

    .bk-logo img {
        width: 128px;
        height: auto;
        
    }


/* ---------------------------------------------------------
   DESKTOP NAV
   --------------------------------------------------------- */

.bk-main-nav {
    margin-left: auto;
}

.bk-nav-list {
    display: flex;
    align-items: center;
    gap: 4px;
}

.bk-nav-item {
    position: relative;
}

.bk-nav-link {
    min-height: 86px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 15px;
    color: var(--bk-text);
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}

    .bk-nav-link i {
        font-size: 11px;
        transition: transform 0.3s ease;
    }

    .bk-nav-link:hover,
    .bk-nav-link.active {
        color: var(--bk-dark-green);
    }

.bk-has-dropdown:hover > .bk-nav-link i,
.bk-has-mega:hover > .bk-nav-link i {
    transform: rotate(180deg);
}


/* ---------------------------------------------------------
   HEADER CTA
   --------------------------------------------------------- */

.bk-header-actions {
    flex-shrink: 0;
}

.bk-header-cta {
    min-height: 48px;
    padding-inline: 21px;
    font-size: 16px;
}


/* =========================================================
   NORMAL DROPDOWN
   ========================================================= */

.bk-dropdown {
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    width: 220px;
    padding: 12px;
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
    border-radius: 0 0 var(--bk-radius-md) var(--bk-radius-md);
    box-shadow: var(--bk-shadow-lg);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 12px);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}

.bk-has-dropdown:hover > .bk-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}
.bk-solutions-menu {
    width: 280px;
}
.bk-yojna-menu {
    width: 280px;
}
/* Dropdown cards */
.bk-dropdown-inner {
    
}

.bk-dropdown-card {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px;
    border-radius: 10px;
    transition: var(--bk-transition);
}

    .bk-dropdown-card:hover {
        background: var(--bk-soft-green);
    }

    .bk-dropdown-card strong {
        display: block;
        margin-bottom: 3px;
        color: var(--bk-text);
        font-size: 15px;
    }

    .bk-dropdown-card small {
        display: block;
        color: var(--bk-muted);
        font-size: 13px;
    }

.bk-dropdown-icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--bk-dark-green);
    background: var(--bk-soft-green);
    border-radius: 9px;
}

.bk-dropdown-card:hover .bk-dropdown-icon {
    color: var(--bk-white);
    background: var(--bk-green);
}


/* Simple Resources dropdown */

.bk-dropdown-simple {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .bk-dropdown-simple a {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 14px;
        border-radius: 8px;
        color: var(--bk-text);
        font-size: 15px;
        font-weight: 600;
    }

        .bk-dropdown-simple a i {
            color: var(--bk-green);
        }

        .bk-dropdown-simple a:hover {
            color: var(--bk-dark-green);
            background: var(--bk-soft-green);
        }


/* =========================================================
   LOCATIONS MEGA MENU
   ========================================================= */

.bk-mega-menu {
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    width: min(950px, calc(100vw - 40px));
    padding: 30px;
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
    border-radius: 0 0 var(--bk-radius-lg) var(--bk-radius-lg);
    box-shadow: var(--bk-shadow-lg);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 14px);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}

.bk-has-mega:hover > .bk-mega-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}


/* Mega heading */

.bk-mega-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 25px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--bk-border);
}

    .bk-mega-heading .bk-eyebrow {
        margin-bottom: 10px;
    }

    .bk-mega-heading h3 {
        margin: 0;
        font-size: 25px;
    }

.bk-mega-view-all {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
    color: var(--bk-dark-green);
    font-size: 13px;
    font-weight: 700;
}

    .bk-mega-view-all i {
        transition: transform 0.3s ease;
    }

    .bk-mega-view-all:hover {
        color: var(--bk-orange);
    }

        .bk-mega-view-all:hover i {
            transform: translate(3px, -3px);
        }


/* ---------------------------------------------------------
   LOCATION LIST
   --------------------------------------------------------- */

.bk-location-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-height: 190px;
    overflow-y: auto;
    padding-right: 5px;
}


/*
   This is intentionally FLEX.

   Admin se 3 locations aaye:
   [Haldwani] [Dehradun] [Bareilly]

   20 locations aaye:
   [Haldwani] [Dehradun] [Bareilly] [Rudrapur] ...
   next available space par automatically continue.
*/

.bk-location-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 14px;
    color: var(--bk-text);
    background: var(--bk-light-gray);
    border: 1px solid transparent;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
    transition: var(--bk-transition);
}

    .bk-location-item:hover {
        color: var(--bk-dark-green);
        background: var(--bk-soft-green);
        border-color: rgba(60, 180, 74, 0.20);
        transform: translateY(-2px);
    }

.bk-location-icon-menu {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--bk-dark-green);
    background: var(--bk-white);
    border-radius: 50%;
    font-size: 13px;
}

.bk-location-arrow {
    margin-left: 3px;
    color: #8a948e;
    font-size: 11px;
    transition: transform 0.3s ease;
}

.bk-location-item:hover .bk-location-arrow {
    color: var(--bk-orange);
    transform: translate(3px, -3px);
}


/* Mega menu scrollbar */

.bk-location-list::-webkit-scrollbar {
    width: 5px;
}

.bk-location-list::-webkit-scrollbar-track {
    background: transparent;
}

.bk-location-list::-webkit-scrollbar-thumb {
    background: rgba(18, 107, 53, 0.25);
}


/* =========================================================
   MOBILE MENU BUTTON
   ========================================================= */

.bk-mobile-toggle {
    width: 46px;
    height: 46px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    padding: 0;
    background: var(--bk-soft-green);
    border-radius: 8px;
    cursor: pointer;
}

    .bk-mobile-toggle span {
        display: block;
        width: 20px;
        height: 2px;
        background: var(--bk-dark-green);
        border-radius: 10px;
        transition: var(--bk-transition);
    }

    .bk-mobile-toggle.is-active span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .bk-mobile-toggle.is-active span:nth-child(2) {
        opacity: 0;
    }

    .bk-mobile-toggle.is-active span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }


/* =========================================================
   MOBILE MENU
   ========================================================= */

.bk-mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2000;
    width: min(390px, 88vw);
    height: 100vh;
    padding: 100px 25px 30px;
    background: var(--bk-white);
    box-shadow: -20px 0 60px rgba(11, 74, 41, 0.15);
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

    .bk-mobile-menu.is-open {
        transform: translateX(0);
    }

.bk-mobile-menu-inner nav {
    display: flex;
    flex-direction: column;
}

.bk-mobile-menu nav > a,
.bk-mobile-sub-toggle {
    width: 100%;
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    color: var(--bk-text);
    background: transparent;
    border-bottom: 1px solid var(--bk-border);
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

    .bk-mobile-menu nav > a:hover {
        color: var(--bk-dark-green);
    }

    .bk-mobile-sub-toggle i {
        transition: transform 0.3s ease;
    }

    .bk-mobile-sub-toggle.is-active {
        color: var(--bk-dark-green);
    }

        .bk-mobile-sub-toggle.is-active i {
            transform: rotate(180deg);
        }


/* Mobile submenu */

.bk-mobile-submenu {
    display: none;
    padding: 7px 0;
    border-bottom: 1px solid var(--bk-border);
}

    .bk-mobile-submenu.is-open {
        display: block;
    }

    .bk-mobile-submenu a {
        display: block;
        padding: 10px 10px;
        color: var(--bk-muted);
        font-size: 14px;
    }

        .bk-mobile-submenu a:hover {
            color: var(--bk-dark-green);
            background: var(--bk-soft-green);
        }


/* Mobile quote */

.bk-mobile-quote {
    width: 100%;
    margin-top: 30px;
}


/* Mobile overlay */

.bk-mobile-overlay {
    position: fixed;
    inset: 0;
    z-index: 1900;
    background: rgba(11, 74, 41, 0.45);
    opacity: 0;
    visibility: hidden;
    transition: var(--bk-transition);
}

    .bk-mobile-overlay.is-active {
        opacity: 1;
        visibility: visible;
    }


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1199.98px) {

    .bk-nav-link {
        padding-inline: 10px;
        font-size: 13px;
    }

    .bk-header-cta {
        padding-inline: 17px;
    }

    .bk-mega-menu {
        width: min(950px, calc(100vw - 30px));
    }
}


/* =========================================================
   MOBILE / TABLET NAV
   ========================================================= */

@media (max-width: 991.98px) {

    .bk-navbar {
        min-height: 76px;
    }

    .bk-logo img {
        width: 155px;
    }

    .bk-main-nav,
    .bk-header-actions {
        display: none;
    }

    .bk-mobile-toggle {
        display: flex;
    }

    .bk-header {
        z-index: 2100;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575.98px) {

    .bk-navbar {
        min-height: 70px;
    }

    .bk-logo img {
        width: 140px;
    }

    .bk-mobile-menu {
        padding-inline: 20px;
    }
}
/* =========================================
   BHUMI KA SOLAR
   HERO SLIDER
========================================= */

.bk-hero {
    position: relative;
    width: 100%;
    height: min(720px, calc(100vh - 88px));
    min-height: 620px;
    overflow: hidden;
    background: var(--bk-deep-green);
}

    .bk-hero-slider,
    .bk-hero .swiper-wrapper,
    .bk-hero .swiper-slide {
        width: 100%;
        height: 100%;
    }

.bk-hero-slide {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}


/* -----------------------------------------
   IMAGE
----------------------------------------- */

.bk-hero-media {
    position: absolute;
    inset: 0;
    z-index: 0;
}

    .bk-hero-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
        transform: scale(1.02);
        transition: transform 7s ease;
    }

.bk-hero .swiper-slide-active .bk-hero-media img {
    transform: scale(1.08);
}


/* -----------------------------------------
   OVERLAY
----------------------------------------- */

.bk-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient( 90deg, rgba(7, 49, 29, 0.96) 0%, rgba(7, 49, 29, 0.82) 34%, rgba(7, 49, 29, 0.38) 68%, rgba(7, 49, 29, 0.15) 100% );
}


/* -----------------------------------------
   CONTAINER
----------------------------------------- */

.bk-hero-container {
    position: relative;
    z-index: 10;
    width: min(1320px, calc(100% - 48px));
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}


/* -----------------------------------------
   CONTENT
----------------------------------------- */

.bk-hero-content {
    width: min(720px, 65%);
    padding-top: 20px;
    color: var(--bk-white);
    transform: translateY(35px);
    transition: opacity 0.8s ease 0.15s, transform 0.8s ease 0.15s;
}

.bk-hero .swiper-slide-active .bk-hero-content {
    opacity: 1;
    transform: translateY(0);
}


/* -----------------------------------------
   EYEBROW
----------------------------------------- */

.bk-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    color: var(--bk-orange);
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.bk-hero-eyebrow-line {
    width: 34px;
    height: 2px;
    background: var(--bk-orange);
    border-radius: 10px;
}


/* -----------------------------------------
   HEADING
----------------------------------------- */

.bk-hero-content h1,
.bk-hero-content h2 {
    max-width: 720px;
    margin: 0 0 22px;
    color: var(--bk-white);
    font-family: "Manrope", sans-serif;
    font-size: clamp(42px, 5vw, 72px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -2.5px;
}

    .bk-hero-content h1 span,
    .bk-hero-content h2 span {
        color: var(--bk-orange);
    }


/* -----------------------------------------
   DESCRIPTION
----------------------------------------- */

.bk-hero-content p {
    max-width: 600px;
    margin: 0 0 34px;
    color: rgba(248, 252, 249, 0.88);
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
}


/* -----------------------------------------
   BUTTONS
----------------------------------------- */

.bk-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    z-index: 12;
}

    .bk-hero-actions .bk-btn {
        min-height: 54px;
        padding: 0 23px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
    }

        .bk-hero-actions .bk-btn:hover {
            transform: translateY(-2px);
        }


    /* Primary */

    .bk-hero-actions .bk-btn-primary {
        color: var(--bk-white);
        background: var(--bk-orange);
        border: 1px solid var(--bk-orange);
    }

        .bk-hero-actions .bk-btn-primary:hover {
            color: var(--bk-white);
            background: #dd6d13;
            border-color: #dd6d13;
        }


    /* Outline */

    .bk-hero-actions .bk-btn-outline {
        color: var(--bk-white);
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.42);
        backdrop-filter: blur(8px);
    }

        .bk-hero-actions .bk-btn-outline:hover {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-white);
        }


/* -----------------------------------------
   BOTTOM AREA
----------------------------------------- */

.bk-hero-bottom {
    position: absolute;
    left: 50%;
    bottom: 35px;
    width: min(1320px, calc(100% - 48px));
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 20;
}


/* Pagination */

.bk-hero-pagination {
    position: static !important;
    width: auto !important;
    display: flex;
    align-items: center;
    gap: 7px;
}

    .bk-hero-pagination .swiper-pagination-bullet {
        width: 28px;
        height: 3px;
        margin: 0 !important;
        opacity: 1;
        border-radius: 0;
        background: rgba(255, 255, 255, 0.35);
        transition: width 0.3s ease, background-color 0.3s ease;
    }

    .bk-hero-pagination .swiper-pagination-bullet-active {
        width: 52px;
        background: var(--bk-orange);
    }


/* Counter */

.bk-hero-counter {
    display: flex;
    align-items: center;
    gap: 11px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.bk-hero-current {
    color: var(--bk-white);
}

.bk-hero-counter-line {
    width: 32px;
    height: 1px;
    background: rgba(255, 255, 255, 0.35);
}


/* -----------------------------------------
   NAVIGATION
----------------------------------------- */

.bk-hero-navigation {
    position: absolute;
    z-index: 20;
    right: max(24px, calc((100% - 1320px) / 2));
    bottom: 82px;
    display: flex;
    gap: 8px;
}

    .bk-hero-navigation button {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--bk-white);
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 50%;
        cursor: pointer;
        backdrop-filter: blur(8px);
        transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    }

        .bk-hero-navigation button:hover {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-white);
        }


/* -----------------------------------------
   TABLET
----------------------------------------- */

@media (max-width: 991.98px) {

    .bk-hero {
        height: 650px;
        min-height: 650px;
    }

    .bk-hero-content {
        width: 75%;
    }

        .bk-hero-content h1,
        .bk-hero-content h2 {
            font-size: clamp(40px, 6vw, 58px);
        }

    .bk-hero-navigation {
        right: 24px;
        bottom: 76px;
    }
}


/* -----------------------------------------
   MOBILE
----------------------------------------- */

@media (max-width: 767.98px) {

    .bk-hero {
        height: 680px;
        min-height: 680px;
    }

    .bk-hero-container {
        width: calc(100% - 36px);
        align-items: flex-end;
        padding-bottom: 125px;
    }

    .bk-hero-content {
        width: 100%;
    }

    .bk-hero-overlay {
        background: linear-gradient( 180deg, rgba(7, 49, 29, 0.42) 0%, rgba(7, 49, 29, 0.78) 45%, rgba(7, 49, 29, 0.96) 100% );
    }

    .bk-hero-content h1,
    .bk-hero-content h2 {
        margin-bottom: 17px;
        font-size: clamp(34px, 10vw, 46px);
        line-height: 1.08;
        letter-spacing: -1.5px;
    }

    .bk-hero-eyebrow {
        margin-bottom: 15px;
        font-size: 11px;
        letter-spacing: 2px;
    }

    .bk-hero-content p {
        margin-bottom: 24px;
        font-size: 15px;
        line-height: 1.6;
    }

    .bk-hero-actions {
        width: 100%;
        gap: 9px;
    }

        .bk-hero-actions .bk-btn {
            min-height: 49px;
            padding: 0 16px;
            font-size: 12px;
        }

    .bk-hero-bottom {
        bottom: 28px;
        width: calc(100% - 36px);
    }

    .bk-hero-navigation {
        right: 18px;
        bottom: 76px;
    }

        .bk-hero-navigation button {
            width: 42px;
            height: 42px;
        }
}


/* -----------------------------------------
   SMALL MOBILE
----------------------------------------- */

@media (max-width: 420px) {

    .bk-hero {
        height: 650px;
        min-height: 650px;
    }

    .bk-hero-container {
        padding-bottom: 120px;
    }

    .bk-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

        .bk-hero-actions .bk-btn {
            width: 100%;
        }

    .bk-hero-navigation {
        display: none;
    }
}
/* =========================================
   HERO SCROLL DOWN
========================================= */

.bk-hero-scroll {
    position: absolute;
    z-index: 6;
    left: 50%;
    bottom: 32px;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}

    .bk-hero-scroll:hover {
        color: var(--bk-white);
        transform: translateX(-50%) translateY(-4px);
    }

.bk-hero-scroll-text {
    font-family: "DM Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.bk-hero-scroll-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(8px);
    animation: bkScrollBounce 2s ease-in-out infinite;
}

    .bk-hero-scroll-icon i {
        font-size: 15px;
    }


@keyframes bkScrollBounce {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(5px);
    }
}


/* Mobile */

@media (max-width: 767.98px) {

    .bk-hero-scroll {
        bottom: 28px;
    }

    .bk-hero-scroll-text {
        font-size: 9px;
        letter-spacing: 1.5px;
    }

    .bk-hero-scroll-icon {
        width: 34px;
        height: 34px;
    }
}
/* =========================================================
   ABOUT BHUMI KA SOLAR
========================================================= */

.bk-about {
    position: relative;
    padding: 80px 0;
    background: var(--bk-white);
    overflow: hidden;
}


/* =========================================================
   GRID
========================================================= */

.bk-about-grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    align-items: center;
    gap: 85px;
}


/* =========================================================
   VISUAL
========================================================= */

.bk-about-visual {
    position: relative;
    padding: 0 28px 28px 0;
}


.bk-about-image-wrap {
    position: relative;
    width: 100%;
    height: 650px;
    overflow: hidden;
    border-radius: 4px;
    background: var(--bk-light-gray);
}


    .bk-about-image-wrap img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .7s ease;
    }


.bk-about-visual:hover
.bk-about-image-wrap img {
    transform: scale(1.035);
}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.bk-about-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 180deg, rgba(11,74,41,.02) 0%, rgba(11,74,41,.12) 100% );
    pointer-events: none;
}


/* =========================================================
   YEAR BADGE
========================================================= */

.bk-about-year {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 165px;
    min-height: 165px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 25px;
    background: var(--bk-deep-green);
    color: var(--bk-white);
    box-shadow: 0 20px 45px rgba(11,74,41,.18);
}


    .bk-about-year::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 42px;
        height: 3px;
        background: var(--bk-orange);
    }


    .bk-about-year span {
        margin-bottom: 3px;
        color: rgba(255,255,255,.55);
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 2px;
    }


    .bk-about-year strong {
        color: var(--bk-white);
        font-family: "Manrope", sans-serif;
        font-size: 43px;
        font-weight: 800;
        line-height: 1;
    }


    .bk-about-year small {
        margin-top: 9px;
        color: rgba(255,255,255,.55);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.4px;
    }


/* =========================================================
   ORANGE ACCENT
========================================================= */

.bk-about-accent {
    position: absolute;
    left: -14px;
    bottom: 48px;
    width: 4px;
    height: 105px;
    background: var(--bk-orange);
}


/* =========================================================
   CONTENT
========================================================= */

.bk-about-content {
    max-width: 620px;
}


    .bk-about-content h2 {
        margin: 17px 0 22px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: clamp(34px, 3.5vw, 50px);
        font-weight: 800;
        line-height: 1.12;
        letter-spacing: -1.5px;
    }


        .bk-about-content h2 span {
            display: block;
            color: var(--bk-green);
        }


/* =========================================================
   TEXT
========================================================= */

.bk-about-intro {
    max-width: 580px;
    margin: 0 0 15px;
    color: var(--bk-text);
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.75;
}


.bk-about-text {
    max-width: 570px;
    margin: 0;
    color: var(--bk-muted);
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.bk-about-highlights {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 30px;
    border-top: 1px solid var(--bk-border);
}


.bk-about-highlight {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 17px 0;
    border-bottom: 1px solid var(--bk-border);
}


.bk-about-highlight-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bk-orange);
    color: var(--bk-white);
    font-size: 17px;
    transition: background .3s ease, color .3s ease, transform .3s ease;
}


.bk-about-highlight:hover
.bk-about-highlight-icon {
    
    background: var(--bk-soft-green);
    color: var(--bk-dark-green);
    transform: translateY(-2px);
}


.bk-about-highlight div:last-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}


.bk-about-highlight strong {
    color: var(--bk-text);
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 800;
}


.bk-about-highlight span {
    color: var(--bk-muted);
    font-size: 15px;
    line-height: 1.5;
}


/* =========================================================
   CTA
========================================================= */

.bk-about-actions {
    margin-top: 30px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .bk-about {
        padding: 80px 0;
    }

    .bk-about-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .bk-about-content {
        max-width: 760px;
    }

    .bk-about-image-wrap {
        height: 480px;
    }

    .bk-about-content h2 {
        font-size: 42px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .bk-about {
        padding: 65px 0;
    }

    .bk-about-grid {
        gap: 42px;
    }

    .bk-about-visual {
        padding: 0 15px 15px 0;
    }

    .bk-about-image-wrap {
        height: 390px;
    }

    .bk-about-year {
        width: 135px;
        min-height: 135px;
        padding: 20px;
    }

        .bk-about-year strong {
            font-size: 34px;
        }

        .bk-about-year small {
            font-size: 7px;
        }

    .bk-about-accent {
        left: -7px;
        bottom: 35px;
        height: 75px;
    }

    .bk-about-content h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .bk-about-intro {
        font-size: 15px;
    }

    .bk-about-text {
        font-size: 13.5px;
    }

    .bk-about-highlight {
        padding: 14px 0;
    }
}
/* =========================================
   PREMIUM TRUST SECTION
========================================= */

.bk-trust {
    position: relative;
    overflow: hidden;
    padding: 54px 0 0;
    color: var(--bk-white);
    background: radial-gradient( circle at 85% 20%, rgba(60, 180, 74, 0.16), transparent 28% ), var(--bk-deep-green);
}


    /* subtle background pattern */

    .bk-trust::before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0.08;
        background-image: linear-gradient( rgba(255,255,255,.25) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255,255,255,.25) 1px, transparent 1px );
        background-size: 45px 45px;
        pointer-events: none;
    }


/* Heading */

.bk-trust-heading {
    position: relative;
    z-index: 2;
    width: min(1320px, calc(100% - 48px));
    margin: 0 auto 34px;
    display: flex;
    align-items: center;
    gap: 13px;

}

.bk-trust-mini {
    color: var(--bk-orange);
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.bk-trust-heading-line {
    width: 30px;
    height: 1px;
    background: rgba(255,255,255,.3);
}

.bk-trust-heading-text {
    color: rgba(255,255,255,.92);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
}


/* Grid */

.bk-trust-grid {
    position: relative;
    z-index:5;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(255,255,255,.13);
}


/* Item */

.bk-trust-item {
    min-height: 155px;
    display: flex;
    align-items: center;
    padding: 30px 34px;
    border-right: 1px solid rgba(255,255,255,.13);
    transition: background-color .3s ease, transform .3s ease;
}

    .bk-trust-item:last-child {
        border-right: 0;
    }

    .bk-trust-item:hover {
        background: rgba(255,255,255,.045);
    }


/* Icon */

.bk-trust-icon {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bk-orange);
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
}

    .bk-trust-icon i {
        font-size: 21px;
    }


/* Content */

.bk-trust-content {
    margin-left: 17px;
}

.bk-trust-number {
    display: block;
    color: var(--bk-white);
    font-family: "Manrope", sans-serif;
    font-size: 31px;
    font-weight: 800;
    line-height: 1;
}

.bk-trust-label {
    display: block;
    margin-top: 8px;
    color: rgba(255,255,255,.58);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .3px;
}


/* Mobile */

@media (max-width: 991.98px) {

    .bk-trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .bk-trust-item:nth-child(2) {
        border-right: 0;
    }

    .bk-trust-item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255,255,255,.13);
    }
}


@media (max-width: 575.98px) {

    .bk-trust {
        padding-top: 38px;
    }

    .bk-trust-heading {
        width: calc(100% - 36px);
        margin-bottom: 25px;
    }

    .bk-trust-heading-text {
        font-size: 11px;
    }

    .bk-trust-grid {
        grid-template-columns: 1fr;
    }

    .bk-trust-item,
    .bk-trust-item:nth-child(2) {
        min-height: 105px;
        padding: 22px 18px;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.13);
    }

        .bk-trust-item:last-child {
            border-bottom: 0;
        }

    .bk-trust-number {
        font-size: 27px;
    }
}
/* =========================================
   OUR SOLAR SOLUTIONS
========================================= */

.bk-solutions {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: var(--bk-soft-green);
}


/* =========================================
   SECTION HEADING
========================================= */

.bk-section-head {
    margin-bottom: 52px;
}

.bk-section-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--bk-green);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

    .bk-section-kicker span {
        width: 30px;
        height: 2px;
        background: var(--bk-orange);
        border-radius: 10px;
    }

.bk-section-head-row {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 60px;
    align-items: end;
}

.bk-section-head h2 {
    max-width: 650px;
    margin: 0;
    color: var(--bk-deep-green);
    font-family: "Manrope", sans-serif;
    font-size: clamp(38px, 3.5vw, 58px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -2px;
}

    .bk-section-head h2 span {
        display: block;
        color: var(--bk-green);
    }

.bk-section-head-text {
    max-width: 600px;
}

    .bk-section-head-text p {
        margin: 0;
        color: var(--bk-muted);
        font-size: 16px;
        line-height: 1.75;
    }


/* =========================================
   PRIMARY SOLUTION CARDS
========================================= */

.bk-solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.bk-solution-card {
    position: relative;
    overflow: hidden;
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
    border-radius: 14px;
    box-shadow: 0 12px 35px rgba(11, 74, 41, .06);
    transition: transform .35s ease, box-shadow .35s ease;
}

    .bk-solution-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 24px 55px rgba(11, 74, 41, .13);
    }


/* Image */

.bk-solution-image {
    position: relative;
    height: 285px;
    overflow: hidden;
}

    .bk-solution-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform .7s ease;
    }

.bk-solution-card:hover .bk-solution-image img {
    transform: scale(1.07);
}


/* Image overlay */

.bk-solution-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 180deg, rgba(11,74,41,0.05) 20%, rgba(11,74,41,0.72) 100% );
}


/* Number */

.bk-solution-number {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bk-white);
    background: rgba(11,74,41,.72);
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 50%;
    backdrop-filter: blur(8px);
    font-size: 11px;
    font-weight: 800;
}


/* Content */

.bk-solution-content {
    position: relative;
    padding: 30px;
}

.bk-solution-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bk-white);
    background: var(--bk-orange);
    border: 1px solid #f6bc8e;
    border-radius: 10px;
}

    .bk-solution-icon i {
        font-size: 20px;
    }

.bk-solution-content h3 {
    margin: 0 0 11px;
    color: var(--bk-deep-green);
    font-family: "Manrope", sans-serif;
    font-size: 24px;
    font-weight: 800;
}

.bk-solution-content p {
    min-height: 76px;
    margin: 0 0 22px;
    color: var(--bk-muted);
    font-size: 16px;
    line-height: 1.7;
}


/* Link */

.bk-solution-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--bk-deep-green);
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    transition: color .25s ease, gap .25s ease;
}

    .bk-solution-link i {
        color: var(--bk-orange);
        transition: transform .25s ease;
    }

    .bk-solution-link:hover {
        color: var(--bk-green);
        gap: 13px;
    }

        .bk-solution-link:hover i {
            transform: translate(2px, -2px);
        }


/* =========================================
   TECHNICAL SOLUTIONS
========================================= */

.bk-solution-services {
    margin-top: 70px;
    padding: 38px;
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
    border-radius: 14px;
}

.bk-solution-services-head {
    margin-bottom: 25px;
}

    .bk-solution-services-head span {
        color: var(--bk-orange);
        font-size: 15px;
        font-weight: 800;
        letter-spacing: 2px;
    }

    .bk-solution-services-head h3 {
        margin: 7px 0 0;
        color: var(--bk-deep-green);
        font-size: 25px;
        font-weight: 800;
    }


/* Service list */

.bk-solution-services-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.bk-service-pill {
    min-height: 60px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 15px;
    color: var(--bk-text);
    background: var(--bk-light-gray);
    border: 1px solid transparent;
    border-radius: 8px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}

    .bk-service-pill > i:first-child {
        color: var(--bk-green);
        font-size: 17px;
    }

    .bk-service-pill > i:last-child {
        margin-left: auto;
        color: var(--bk-muted);
        font-size: 13px;
        transition: transform .25s ease;
    }

    .bk-service-pill:hover {
        color: var(--bk-deep-green);
        background: var(--bk-soft-green);
        border-color: rgba(60,180,74,.2);
        transform: translateY(-2px);
    }

        .bk-service-pill:hover > i:last-child {
            color: var(--bk-orange);
            transform: translate(2px, -2px);
        }


/* =========================================
   TABLET
========================================= */

@media (max-width: 991.98px) {

    .bk-solutions {
        padding: 85px 0;
    }

    .bk-section-head-row {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .bk-solutions-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .bk-solution-card:last-child {
        grid-column: 1 / -1;
    }

    .bk-solution-services-list {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767.98px) {

    .bk-solutions {
        padding: 70px 0;
    }

    .bk-section-head {
        margin-bottom: 35px;
    }

        .bk-section-head h2 {
            font-size: 38px;
            letter-spacing: -1.3px;
        }

    .bk-section-head-text p {
        font-size: 14px;
    }

    .bk-solutions-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .bk-solution-card:last-child {
        grid-column: auto;
    }

    .bk-solution-image {
        height: 240px;
    }

    .bk-solution-content {
        padding: 25px;
    }

        .bk-solution-content p {
            min-height: auto;
        }

    .bk-solution-services {
        margin-top: 45px;
        padding: 25px 18px;
    }

    .bk-solution-services-list {
        grid-template-columns: 1fr;
    }
}
/* =========================================
   WHY BHUMI KA SOLAR
========================================= */

.bk-why {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: var(--bk-white);
}

.bk-why-grid {
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 85px;
    align-items: center;
}


/* =========================================
   CONTENT
========================================= */

.bk-why-content h2 {
    max-width: 620px;
    margin: 0 0 22px;
    color: var(--bk-deep-green);
    font-family: "Manrope", sans-serif;
    font-size: clamp(40px, 3.5vw, 58px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -2px;
}

    .bk-why-content h2 span {
        display: block;
        color: var(--bk-green);
    }

.bk-why-intro {
    max-width: 560px;
    margin: 0 0 35px;
    color: var(--bk-muted);
    font-size: 16px;
    line-height: 1.75;
}


/* =========================================
   POINTS
========================================= */

.bk-why-points {
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
}

.bk-why-point {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 17px;
    padding: 19px 0;
    border-bottom: 1px solid var(--bk-border);
}

    .bk-why-point:first-child {
        padding-top: 0;
    }

.bk-why-point-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bk-green);
    background: var(--bk-soft-green);
    border: 1px solid rgba(60,180,74,.15);
    border-radius: 10px;
}

    .bk-why-point-icon i {
        font-size: 20px;
    }

.bk-why-point h3 {
    margin: 0 0 6px;
    color: var(--bk-deep-green);
    font-family: "Manrope", sans-serif;
    font-size: 17px;
    font-weight: 800;
}

.bk-why-point p {
    max-width: 500px;
    margin: 0;
    color: var(--bk-muted);
    font-size: 16px;
    line-height: 1.65;
}


/* =========================================
   BUTTON
========================================= */

.bk-btn-dark {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 22px;
    color: var(--bk-white);
    background: var(--bk-deep-green);
    border: 1px solid var(--bk-deep-green);
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .25s ease, background-color .25s ease;
}

    .bk-btn-dark:hover {
        color: var(--bk-white);
        background: var(--bk-green);
        border-color: var(--bk-green);
        transform: translateY(-2px);
    }


/* =========================================
   VISUAL
========================================= */

.bk-why-visual {
    position: relative;
    min-height: 590px;
}

.bk-why-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 88%;
    height: 540px;
    overflow: hidden;
    border-radius: 16px;
}

    .bk-why-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform .7s ease;
    }

.bk-why-visual:hover .bk-why-image img {
    transform: scale(1.04);
}

.bk-why-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 180deg, transparent 45%, rgba(7,49,29,.5) 100% );
}


/* =========================================
   EXPERIENCE CARD
========================================= */

.bk-why-experience {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 220px;
    padding: 25px 25px 27px;
    color: var(--bk-white);
    background: var(--bk-orange);
    border-radius: 12px;
    box-shadow: 0 20px 45px rgba(11,74,41,.22);
}

.bk-why-experience-small {
    display: block;
    color: var(--bk-soft-green);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.bk-why-experience strong {
    display: block;
    font-family: "Manrope", sans-serif;
    font-size: 38px;
    font-weight: 800;
    color:var(--bk-dark-green)
}

.bk-why-experience > span:last-child {
    color: rgba(255,255,255,.75);
    font-size: 15px;
}


/* =========================================
   BADGE
========================================= */

.bk-why-badge {
    position: absolute;
    top: 35px;
    right: -18px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 17px;
    color: var(--bk-deep-green);
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
    border-radius: 8px;
    box-shadow: 0 15px 35px rgba(11,74,41,.12);
    font-size: 15px;
}

    .bk-why-badge i {
        color: var(--bk-green);
        font-size: 25px;
    }

    .bk-why-badge span {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .bk-why-badge strong {
        font-size: 21px;
        line-height:21px;
    }


/* =========================================
   TABLET
========================================= */

@media (max-width: 991.98px) {

    .bk-why {
        padding: 85px 0;
    }

    .bk-why-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .bk-why-visual {
        min-height: 520px;
    }

    .bk-why-image {
        width: 90%;
        height: 480px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767.98px) {

    .bk-why {
        padding: 70px 0;
    }

    .bk-why-content h2 {
        font-size: 38px;
        letter-spacing: -1.3px;
    }

    .bk-why-intro {
        font-size: 14px;
    }

    .bk-why-visual {
        min-height: 440px;
    }

    .bk-why-image {
        width: 94%;
        height: 390px;
        border-radius: 12px;
    }

    .bk-why-experience {
        left: 0;
        bottom: 15px;
        width: 190px;
        padding: 20px;
    }

        .bk-why-experience strong {
            font-size: 32px;
        }

    .bk-why-badge {
        top: 20px;
        right: 0;
    }
}
/* =========================
   HOW IT WORKS
========================= */

.bk-process {
    position: relative;
    padding: 80px 0;
    background: var(--bk-soft-green);
    overflow: hidden;
}

    .bk-process::before {
        content: "";
        position: absolute;
        width: 420px;
        height: 420px;
        right: -180px;
        top: -180px;
        border: 1px solid rgba(18, 107, 53, 0.08);
        border-radius: 50%;
    }

    .bk-process::after {
        content: "";
        position: absolute;
        width: 260px;
        height: 260px;
        left: -130px;
        bottom: -130px;
        border: 1px solid rgba(245, 130, 32, 0.08);
        border-radius: 50%;
    }

.bk-process-head {
    position: relative;
    z-index: 2;
    margin-bottom: 100px;
}

    .bk-process-head .bk-section-head-row {
        align-items: flex-end;
    }

    .bk-process-head .bk-section-head-text {
        max-width: 650px;
    }

        .bk-process-head .bk-section-head-text h2 {
            margin-bottom: 0;
        }

            .bk-process-head .bk-section-head-text h2 span {
                color: var(--bk-green);
            }

    .bk-process-head .bk-section-head-row > p {
        max-width: 470px;
        margin: 0;
    }


/* Timeline */

.bk-process-timeline {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
}

    .bk-process-timeline::before {
        content: "";
        position: absolute;
        top: 36px;
        left: 9%;
        right: 9%;
        height: 1px;
        background: rgba(18, 107, 53, 0.18);
    }


/* Step */

.bk-process-step {
    position: relative;
    padding: 0 22px;
}

.bk-process-top {
    position: relative;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bk-process-number {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: var(--bk-orange);
}

.bk-process-icon {
    position: relative;
    z-index: 3;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bk-orange);
    border: 1px solid rgba(18, 107, 53, 0.13);
    box-shadow: 0 12px 30px rgba(11, 74, 41, 0.08);
    color: var(--bk-white);
    font-size: 45px;
    transition: all 0.35s ease;
}

.bk-process-step:hover .bk-process-icon {
    transform: translateY(-5px);
    background: var(--bk-dark-green);
    color: var(--bk-white);
    border-color: var(--bk-dark-green);
    box-shadow: 0 18px 35px rgba(11, 74, 41, 0.16);
}

.bk-process-line {
    display: none;
}


/* Content */

.bk-process-content {
    text-align: center;
    padding-top: 45px;
}

    .bk-process-content h3 {
        margin: 0 0 10px;
        color: var(--bk-text);
        font-family: "Manrope", sans-serif;
        font-size: 18px;
        font-weight: 800;
    }

    .bk-process-content p {
        max-width: 205px;
        margin: 0 auto;
        color: var(--bk-muted);
        font-size: 16px;
        line-height: 1.7;
    }


/* Responsive */

@media (max-width: 991px) {

    .bk-process {
        padding: 85px 0 90px;
    }

    .bk-process-head {
        margin-bottom: 55px;
    }

        .bk-process-head .bk-section-head-row {
            display: block;
        }

            .bk-process-head .bk-section-head-row > p {
                margin-top: 18px;
            }

    .bk-process-timeline {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 55px;
    }

        .bk-process-timeline::before {
            display: none;
        }

    .bk-process-step {
        padding: 0 20px;
    }
}


@media (max-width: 575px) {

    .bk-process {
        padding: 70px 0 75px;
    }

    .bk-process-head {
        margin-bottom: 45px;
    }

    .bk-process-timeline {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .bk-process-step {
        display: grid;
        grid-template-columns: 82px 1fr;
        column-gap: 18px;
        text-align: left;
        padding: 0;
    }

    .bk-process-top {
        height: 82px;
        grid-row: span 2;
    }

    .bk-process-number {
        left: 0;
        top: -3px;
    }

    .bk-process-icon {
        width: 66px;
        height: 66px;
        font-size: 22px;
    }

    .bk-process-content {
        padding-top: 5px;
        text-align: left;
    }

        .bk-process-content h3 {
            font-size: 17px;
        }

        .bk-process-content p {
            max-width: none;
            margin: 0;
            font-size: 13.5px;
        }
}
/* =========================================================
   OUR PROJECTS - PREMIUM SWIPER
========================================================= */

.bk-projects {
    position: relative;
    padding: 80px 0;
    background: var(--bk-white);
    overflow: hidden;
}

    .bk-projects::before {
        content: "";
        position: absolute;
        width: 520px;
        height: 520px;
        top: -270px;
        right: -230px;
        border: 1px solid rgba(18, 107, 53, 0.06);
        border-radius: 50%;
        pointer-events: none;
    }

    .bk-projects::after {
        content: "";
        position: absolute;
        width: 360px;
        height: 360px;
        bottom: -200px;
        left: -180px;
        border: 1px solid rgba(245, 130, 32, 0.06);
        border-radius: 50%;
        pointer-events: none;
    }


/* =========================================================
   HEADER
========================================================= */

.bk-projects-head {
    position: relative;
    z-index: 2;
    margin-bottom: 48px;
}

    .bk-projects-head .bk-section-head-text {
        max-width: 650px;
    }

        .bk-projects-head .bk-section-head-text h2 span {
            display: block;
            color: var(--bk-green);
        }

    .bk-projects-head .bk-section-head-row > p {
        max-width: 470px;
        margin: 0;
    }


/* =========================================================
   SLIDER WRAPPER
========================================================= */

.bk-project-slider-wrap {
    position: relative;
    z-index: 2;
}


/* =========================================================
   SLIDER
========================================================= */

.bk-project-slider {
    width: 100%;
    overflow: visible;
}

    .bk-project-slider .swiper-wrapper {
        align-items: stretch;
    }

    .bk-project-slider .swiper-slide {
        height: auto;
    }


/* =========================================================
   PROJECT SLIDE
========================================================= */

.bk-project-slide {
    position: relative;
    display: grid;
    grid-template-columns: 1.45fr 0.75fr;
    min-height: 440px;
    background: var(--bk-deep-green);
    border: 1px solid var(--bk-deep-green);
    overflow: hidden;
    box-shadow: 0 20px 55px rgba(11, 74, 41, 0.10);
}


/* =========================================================
   IMAGE
========================================================= */

.bk-project-slide-image {
    position: relative;
    min-height: 578px;
    overflow: hidden;
    background: var(--bk-light-gray);
}

    .bk-project-slide-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform 0.8s cubic-bezier(.2,.65,.3,1);
    }

.bk-project-slide:hover
.bk-project-slide-image img {
    transform: scale(1.05);
}


/* Image overlay */

.bk-project-slide-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 180deg, rgba(11, 74, 41, 0.02) 20%, rgba(11, 74, 41, 0.78) 100% );
    pointer-events: none;
}


/* =========================================================
   CAPACITY
========================================================= */

.bk-project-capacity {
    position: absolute;
    left: 35px;
    bottom: 30px;
    display: flex;
    flex-direction: column;
    color: var(--bk-white);
}

    .bk-project-capacity span {
        margin-bottom: 6px;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 2px;
        text-transform: uppercase;
        opacity: 0.72;
    }

    .bk-project-capacity strong {
        font-family: "Manrope", sans-serif;
        font-size: 42px;
        line-height: 1;
        font-weight: 800;
    }


/* =========================================================
   CONTENT
========================================================= */

.bk-project-slide-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 55px 50px;
    background: linear-gradient( 145deg, var(--bk-deep-green), #0d5932 );
}

.bk-project-slide-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

.bk-project-category {
    color: var(--bk-orange);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.bk-project-location {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: rgba(255,255,255,.58);
    font-size: 15px;
    font-weight: 600;
}

    .bk-project-location i {
        color: var(--bk-orange);
    }


.bk-project-slide-content h3 {
    margin: 0 0 16px;
    color: var(--bk-white);
    font-family: "Manrope", sans-serif;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 800;
}

.bk-project-slide-content p {
    max-width: 390px;
    margin: 0 0 30px;
    color: rgba(255,255,255,.70);
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   PROJECT LINK
========================================================= */

.bk-project-slide-content .bk-project-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    color: var(--bk-white);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .5px;
    text-decoration: none;
    transition: gap .3s ease;
}

    .bk-project-slide-content .bk-project-link::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -6px;
        width: 100%;
        height: 1px;
        background: var(--bk-orange);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .3s ease;
    }

    .bk-project-slide-content .bk-project-link:hover {
        gap: 14px;
    }

        .bk-project-slide-content .bk-project-link:hover::after {
            transform: scaleX(1);
        }


/* =========================================================
   CONTROLS
========================================================= */

.bk-project-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}


/* Counter */

.bk-project-counter {
    display: flex;
    align-items: baseline;
    gap: 7px;
    font-family: "Manrope", sans-serif;
}

.bk-project-current {
    color: var(--bk-dark-green);
    font-size: 24px;
    font-weight: 800;
}

.bk-project-divider {
    color: var(--bk-muted);
    font-size: 13px;
}

.bk-project-total {
    color: var(--bk-muted);
    font-size: 13px;
    font-weight: 600;
}


/* Navigation */

.bk-project-navigation {
    display: flex;
    gap: 9px;
}

.bk-project-prev,
.bk-project-next {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bk-border);
    border-radius: 50%;
    background: var(--bk-white);
    color: var(--bk-dark-green);
    font-size: 17px;
    cursor: pointer;
    transition: background .3s ease, color .3s ease, border-color .3s ease, transform .3s ease;
}

    .bk-project-prev:hover,
    .bk-project-next:hover {
        background: var(--bk-dark-green);
        color: var(--bk-white);
        border-color: var(--bk-dark-green);
        transform: translateY(-2px);
    }


/* =========================================================
   BOTTOM CTA
========================================================= */

.bk-projects-footer {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 55px;
    padding-top: 25px;
    border-top: 1px solid var(--bk-border);
}

    .bk-projects-footer p {
        margin: 0;
        color: var(--bk-muted);
        font-size: 16px;
        line-height: 1.6;
    }


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .bk-projects {
        padding: 90px 0 95px;
    }

    .bk-projects-head {
        margin-bottom: 40px;
    }

        .bk-projects-head .bk-section-head-row {
            display: block;
        }

            .bk-projects-head .bk-section-head-row > p {
                margin-top: 18px;
            }

    .bk-project-slide {
        grid-template-columns: 1.15fr .85fr;
        min-height: 400px;
    }

    .bk-project-slide-image {
        min-height: 400px;
    }

    .bk-project-slide-content {
        padding: 40px 32px;
    }

        .bk-project-slide-content h3 {
            font-size: 30px;
        }

    .bk-project-capacity strong {
        font-size: 35px;
    }
}


@media (max-width: 767px) {

    .bk-projects {
        padding: 75px 0 80px;
    }

    .bk-project-slider {
        overflow: hidden;
    }

    .bk-project-slide {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .bk-project-slide-image {
        min-height: 300px;
        height: 300px;
    }

    .bk-project-slide-content {
        padding: 30px 25px 35px;
    }

        .bk-project-slide-content h3 {
            font-size: 28px;
        }

        .bk-project-slide-content p {
            margin-bottom: 25px;
        }

    .bk-project-capacity {
        left: 25px;
        bottom: 23px;
    }

        .bk-project-capacity strong {
            font-size: 32px;
        }

    .bk-project-controls {
        margin-top: 20px;
    }

    .bk-projects-footer {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 40px;
    }
}


@media (max-width: 480px) {

    .bk-project-slide-image {
        min-height: 245px;
        height: 245px;
    }

    .bk-project-slide-content {
        padding: 27px 21px 32px;
    }

        .bk-project-slide-content h3 {
            font-size: 25px;
        }

        .bk-project-slide-content p {
            font-size: 13px;
        }

    .bk-project-capacity strong {
        font-size: 29px;
    }

    .bk-project-prev,
    .bk-project-next {
        width: 43px;
        height: 43px;
    }
}
/* =========================================================
   BHUMI KA SOLAR
   SOLAR SAVINGS CALCULATOR
========================================================= */

.bk-savings {
    position: relative;
    padding: 80px 0 ;
    background: var(--bk-light-gray);
    overflow: hidden;
}


/* -----------------------------------------
   HEADING
----------------------------------------- */

.bk-savings-head {
    margin-bottom: 48px;
}

    .bk-savings-head .bk-section-head-row {
        align-items: flex-end;
    }

    .bk-savings-head .bk-section-head-text h2 {
        margin-bottom: 0;
    }


/* -----------------------------------------
   MAIN CARD
----------------------------------------- */

.bk-savings-card {
    position: relative;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    min-height: 560px;
    overflow: hidden;
    border: 1px solid var(--bk-border);
    background: var(--bk-white);
    box-shadow: 0 25px 70px rgba(11, 74, 41, .09);
}


/* -----------------------------------------
   FORM SIDE
----------------------------------------- */

.bk-savings-form {
    position: relative;
    z-index: 2;
    padding: 58px 58px 50px;
    background: var(--bk-white);
}

.bk-savings-form-top {
    max-width: 560px;
    margin-bottom: 38px;
}

.bk-savings-label {
    display: inline-block;
    margin-bottom: 5px;
    color: var(--bk-orange);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.bk-savings-form-top h3 {
    margin: 0 0 10px;
    color: var(--bk-deep-green);
    font-family: "Manrope", sans-serif;
    font-size: 31px;
    line-height: 1.2;
    font-weight: 800;
}

    .bk-savings-form-top h3 span {
        color: var(--bk-dark-green);
    }

.bk-savings-form-top p {
    max-width: 500px;
    margin: 0;
    color: var(--bk-muted);
    font-size: 16px;
    line-height: 1.75;
}


/* -----------------------------------------
   FIELDS
----------------------------------------- */

.bk-savings-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.bk-savings-field {
    display: flex;
    flex-direction: column;
}

.bk-savings-field-full {
    grid-column: 1 / -1;
}

.bk-savings-field label {
    margin-bottom: 9px;
    color: var(--bk-text);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .7px;
    text-transform: uppercase;
}


/* -----------------------------------------
   SELECT
----------------------------------------- */

.bk-savings-input-wrap {
    position: relative;
}

    .bk-savings-input-wrap i {
        position: absolute;
        top: 50%;
        left: 16px;
        z-index: 2;
        color: var(--bk-dark-green);
        font-size: 15px;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .bk-savings-input-wrap select {
        width: 100%;
        height: 52px;
        padding: 0 42px 0 45px;
        border: 1px solid var(--bk-border);
        border-radius: 0;
        outline: none;
        background-color: var(--bk-soft-green);
        color: var(--bk-text);
        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        transition: border-color .25s ease, background-color .25s ease, box-shadow .25s ease;
    }

        .bk-savings-input-wrap select:focus {
            border-color: var(--bk-green);
            background-color: var(--bk-white);
            box-shadow: 0 0 0 3px rgba(60, 180, 74, .08);
        }


/* -----------------------------------------
   BILL INPUT
----------------------------------------- */

.bk-savings-bill-input {
    display: flex;
    align-items: center;
    height: 58px;
    border: 1px solid var(--bk-border);
    background: var(--bk-soft-green);
    transition: border-color .25s ease, background-color .25s ease, box-shadow .25s ease;
}

    .bk-savings-bill-input:focus-within {
        border-color: var(--bk-orange);
        background: var(--bk-white);
        box-shadow: 0 0 0 3px rgba(245, 130, 32, .08);
    }

.bk-savings-currency {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 100%;
    color: var(--bk-orange);
    font-family: "Manrope", sans-serif;
    font-size: 20px;
    font-weight: 800;
    border-right: 1px solid var(--bk-border);
}

.bk-savings-bill-input input {
    min-width: 0;
    flex: 1;
    height: 100%;
    padding: 0 14px;
    border: 0;
    outline: none;
    background: transparent;
    color: var(--bk-deep-green);
    font-family: "Manrope", sans-serif;
    font-size: 20px;
    font-weight: 800;
}

    .bk-savings-bill-input input::-webkit-inner-spin-button,
    .bk-savings-bill-input input::-webkit-outer-spin-button {
        margin: 0;
        -webkit-appearance: none;
    }

.bk-savings-per {
    padding-right: 18px;
    color: var(--bk-muted);
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
}


/* -----------------------------------------
   RANGE
----------------------------------------- */

.bk-savings-range-wrap {
    margin-top: 13px;
}

    .bk-savings-range-wrap input[type="range"] {
        width: 100%;
        height: 4px;
        margin: 0;
        border-radius: 10px;
        outline: none;
        background: linear-gradient( to right, var(--bk-orange) 0%, var(--bk-orange) 5%, var(--bk-gray) 5%, var(--bk-gray) 100% );
        appearance: none;
        -webkit-appearance: none;
        cursor: pointer;
    }

        .bk-savings-range-wrap input[type="range"]::-webkit-slider-thumb {
            width: 17px;
            height: 17px;
            border: 3px solid var(--bk-white);
            border-radius: 50%;
            background: var(--bk-orange);
            box-shadow: 0 2px 8px rgba(245, 130, 32, .35);
            appearance: none;
            -webkit-appearance: none;
        }

        .bk-savings-range-wrap input[type="range"]::-moz-range-thumb {
            width: 17px;
            height: 17px;
            border: 3px solid var(--bk-white);
            border-radius: 50%;
            background: var(--bk-orange);
            box-shadow: 0 2px 8px rgba(245, 130, 32, .35);
            cursor: pointer;
        }

.bk-savings-range-values {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    color: var(--bk-muted);
    font-size: 14px;
    font-weight: 600;
}


/* -----------------------------------------
   CALCULATE BUTTON
----------------------------------------- */

.bk-savings-calculate {
    margin-top: 30px;
    border: 0;
    cursor: pointer;
}


/* -----------------------------------------
   GENERAL ORANGE BUTTON
----------------------------------------- */

.bk-btn-orange {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 24px;
    border: 1px solid var(--bk-orange);
    background: var(--bk-orange);
    color: var(--bk-white);
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    transition: background .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}

    .bk-btn-orange:hover {
        background: var(--bk-dark-green);
        border-color: var(--bk-dark-green);
        color: var(--bk-white);
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(11, 74, 41, .16);
    }


/* -----------------------------------------
   NOTE
----------------------------------------- */

.bk-savings-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    max-width: 550px;
    margin-top: 20px;
    color: var(--bk-muted);
    font-size: 15px;
    line-height: 1.55;
}

    .bk-savings-note i {
        flex: 0 0 auto;
        margin-top: 2px;
        color: var(--bk-orange);
        font-size: 15px;
    }


/* -----------------------------------------
   RESULT SIDE
----------------------------------------- */

.bk-savings-result {
    position: relative;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    background: linear-gradient( 145deg, var(--bk-deep-green), var(--bk-dark-green) );
}

.bk-savings-result-bg {
    position: absolute;
    inset: 0;
    background: radial-gradient( circle at 90% 10%, rgba(245, 130, 32, .28), transparent 30% ), radial-gradient( circle at 10% 90%, rgba(60, 180, 74, .16), transparent 35% );
    pointer-events: none;
}

.bk-savings-result::after {
    content: "";
    position: absolute;
    right: -100px;
    top: 45px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 50%;
    box-shadow: 0 0 0 35px rgba(255,255,255,.025), 0 0 0 70px rgba(255,255,255,.018);
    pointer-events: none;
}

.bk-savings-result-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 58px 50px 45px;
    color: var(--bk-white);
}


/* -----------------------------------------
   RESULT TOP
----------------------------------------- */

.bk-savings-result-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 48px;
}

    .bk-savings-result-top > span {
        color: rgba(255,255,255,.58);
        font-size: 15px;
        font-weight: 800;
        letter-spacing: 2px;
    }

.bk-savings-result-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(245,130,32,.35);
    border-radius: 50%;
    background: rgba(245,130,32,.10);
    color: var(--bk-orange);
    font-size: 19px;
}


/* -----------------------------------------
   MAIN RESULT
----------------------------------------- */

.bk-savings-main-result {
    margin-bottom: 38px;
}

    .bk-savings-main-result small {
        display: block;
        margin-bottom: 10px;
        color: rgba(255,255,255,.60);
        font-size: 14px;
        font-weight: 600;
    }

.bk-savings-capacity {
    display: flex;
    align-items: baseline;
    gap: 9px;
}

    .bk-savings-capacity strong {
        color: var(--bk-white);
        font-family: "Manrope", sans-serif;
        font-size: 68px;
        line-height: .95;
        font-weight: 800;
        letter-spacing: -3px;
    }

    .bk-savings-capacity span {
        color: var(--bk-orange);
        font-family: "Manrope", sans-serif;
        font-size: 21px;
        font-weight: 800;
    }


/* -----------------------------------------
   RESULT GRID
----------------------------------------- */

.bk-savings-result-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 40px;
    border-top: 1px solid rgba(255,255,255,.12);
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.bk-savings-result-item {
    padding: 20px 20px 20px 0;
}

    .bk-savings-result-item + .bk-savings-result-item {
        padding-left: 20px;
        border-left: 1px solid rgba(255,255,255,.12);
    }

    .bk-savings-result-item span {
        display: block;
        min-height: 30px;
        margin-bottom: 7px;
        color: rgba(255,255,255,.53);
        font-size: 14px;
        line-height: 1.4;
        font-weight: 600;
    }

    .bk-savings-result-item strong {
        color: var(--bk-white);
        font-family: "Manrope", sans-serif;
        font-size: 20px;
        font-weight: 800;
    }


/* -----------------------------------------
   RESULT CTA
----------------------------------------- */

.bk-savings-result-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
    min-height: 52px;
    padding: 0 18px;
    border: 1px solid rgba(245,130,32,.75);
    background: var(--bk-orange);
    color: var(--bk-white);
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    transition: background .3s ease, border-color .3s ease, transform .3s ease;
}

    .bk-savings-result-btn:hover {
        background: transparent;
        border-color: var(--bk-orange);
        color: var(--bk-white);
        transform: translateY(-2px);
    }

    .bk-savings-result-btn i {
        font-size: 15px;
    }

.bk-savings-result-note {
    margin: 13px 0 0;
    color: rgba(255,255,255,.42);
    font-size: 14px;
    line-height: 1.5;
}


/* -----------------------------------------
   BOTTOM ITEMS
----------------------------------------- */

.bk-savings-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 25px;
    border-top: 1px solid var(--bk-border);
    border-bottom: 1px solid var(--bk-border);
}

.bk-savings-bottom-item {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 82px;
    padding: 15px 20px;
}

    .bk-savings-bottom-item + .bk-savings-bottom-item {
        border-left: 1px solid var(--bk-border);
    }

    .bk-savings-bottom-item > i {
        color: var(--bk-orange);
        font-size: 38px;
    }

    .bk-savings-bottom-item strong {
        display: block;
        margin-bottom: 3px;
        color: var(--bk-text);
        font-size: 16px;
        font-weight: 800;
    }

    .bk-savings-bottom-item span {
        display: block;
        color: var(--bk-muted);
        font-size: 14px;
        line-height: 1.45;
    }


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1100px) {

    .bk-savings-form {
        padding: 48px 40px 45px;
    }

    .bk-savings-result-content {
        padding: 48px 38px 40px;
    }

    .bk-savings-form-top h3 {
        font-size: 28px;
    }

    .bk-savings-capacity strong {
        font-size: 58px;
    }
}


@media (max-width: 991px) {

    .bk-savings {
        padding: 90px 0 80px;
    }

    .bk-savings-card {
        grid-template-columns: 1fr;
    }

    .bk-savings-result {
        min-height: 500px;
    }

    .bk-savings-bottom {
        grid-template-columns: 1fr;
    }

    .bk-savings-bottom-item {
        min-height: 70px;
    }

        .bk-savings-bottom-item + .bk-savings-bottom-item {
            border-top: 1px solid var(--bk-border);
            border-left: 0;
        }
}


@media (max-width: 767px) {

    .bk-savings {
        padding: 75px 0 65px;
    }

    .bk-savings-head {
        margin-bottom: 35px;
    }

    .bk-savings-form {
        padding: 38px 25px 35px;
    }

    .bk-savings-form-top {
        margin-bottom: 30px;
    }

        .bk-savings-form-top h3 {
            font-size: 26px;
        }

    .bk-savings-fields {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .bk-savings-field-full {
        grid-column: auto;
    }

    .bk-savings-result {
        min-height: auto;
    }

    .bk-savings-result-content {
        padding: 38px 25px 35px;
    }

    .bk-savings-result-top {
        margin-bottom: 35px;
    }

    .bk-savings-capacity strong {
        font-size: 56px;
    }

    .bk-savings-result-grid {
        margin-bottom: 30px;
    }

    .bk-savings-bottom-item {
        padding: 15px 5px;
    }
}


@media (max-width: 480px) {

    .bk-savings-form {
        padding: 32px 20px 30px;
    }

    .bk-savings-result-content {
        padding: 32px 20px 30px;
    }

    .bk-savings-form-top h3 {
        font-size: 23px;
    }

    .bk-savings-bill-input {
        height: 54px;
    }

        .bk-savings-bill-input input {
            font-size: 18px;
        }

    .bk-savings-per {
        padding-right: 12px;
        font-size: 9px;
    }

    .bk-savings-currency {
        width: 43px;
    }

    .bk-savings-capacity strong {
        font-size: 48px;
        letter-spacing: -2px;
    }

    .bk-savings-capacity span {
        font-size: 18px;
    }

    .bk-savings-result-grid {
        grid-template-columns: 1fr;
    }

    .bk-savings-result-item {
        padding: 16px 0;
    }

        .bk-savings-result-item + .bk-savings-result-item {
            padding-left: 0;
            border-left: 0;
            border-top: 1px solid rgba(255,255,255,.12);
        }
}
/* -----------------------------------------
   SAVINGS RESULT UPDATE ANIMATION
----------------------------------------- */

.bk-savings-result-updated
.bk-savings-capacity strong {
    animation: bkSavingsNumber .45s ease;
}

.bk-savings-result-updated
.bk-savings-result-item strong {
    animation: bkSavingsNumber .45s ease;
}

@keyframes bkSavingsNumber {

    0% {
        opacity: .35;
        transform: translateY(6px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* =========================================================
   LOCATIONS
========================================================= */

.bk-locations {
    position: relative;
    padding:80px 0;
    background: var(--bk-white);
    overflow: hidden;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.bk-locations-head {
    margin-bottom: 48px;
}

    .bk-locations-head .bk-section-head-row {
        align-items: flex-end;
    }


/* =========================================================
   SLIDER WRAPPER
========================================================= */

.bk-location-slider-wrap {
    position: relative;
    width: 100%;
}


/* =========================================================
   SWIPER
========================================================= */

.bk-location-slider {
    width: 100%;
    overflow: hidden;
}

    .bk-location-slider .swiper-wrapper {
        align-items: stretch;
    }

    .bk-location-slider .swiper-slide {
        height: auto;
    }


/* =========================================================
   LOCATION CARD
========================================================= */

.bk-location-card {
    position: relative;
    display: block;
    width: 100%;
    height: 321px;
    overflow: hidden;
    background: var(--bk-deep-green);
    text-decoration: none;
    box-shadow: 0 18px 45px rgba(11, 74, 41, .09);
    transition: transform .45s cubic-bezier(.2,.65,.3,1), box-shadow .45s ease;
}

    .bk-location-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 25px 55px rgba(11, 74, 41, .16);
    }


/* =========================================================
   IMAGE
========================================================= */

.bk-location-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

    .bk-location-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform .8s cubic-bezier(.2,.65,.3,1);
    }

.bk-location-card:hover
.bk-location-image img {
    transform: scale(1.07);
}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.bk-location-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 180deg, rgba(11, 74, 41, .15) 0%, rgba(11, 74, 41, .75) 35%, rgba(11, 74, 41, .92) 100% );
    transition: background .4s ease;
}

.bk-location-card:hover
.bk-location-overlay {
    background: linear-gradient( 180deg, rgba(11, 74, 41, .08) 0%, rgba(11, 74, 41, .23) 35%, rgba(11, 74, 41, .96) 100% );
}


/* =========================================================
   CARD CONTENT
========================================================= */

.bk-location-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 25px 25px 27px;
}


/* =========================================================
   TOP CONTENT
========================================================= */

.bk-location-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bk-location-number {
    color: rgba(255,255,255,.75);
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.bk-location-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(245,130,32,.55);
    border-radius: 50%;
    background: rgba(11,74,41,.35);
    color: var(--bk-orange);
    font-size: 16px;
    backdrop-filter: blur(8px);
    transition: background .3s ease, color .3s ease, transform .3s ease;
}

.bk-location-card:hover
.bk-location-icon {
    background: var(--bk-orange);
    color: var(--bk-white);
    transform: rotate(6deg);
}


/* =========================================================
   BOTTOM CONTENT
========================================================= */

.bk-location-bottom {
    position: relative;
}

.bk-location-state {
    display: block;
    margin-bottom: 8px;
    color: var(--bk-orange);
    font-size:15px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.bk-location-bottom h3 {
    margin: 0 0 20px;
    color: var(--bk-white);
    font-family: "Manrope", sans-serif;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 800;
}


/* =========================================================
   LOCATION LINK
========================================================= */

.bk-location-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--bk-white);
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    transition: gap .3s ease;
}

    .bk-location-link i {
        color: var(--bk-orange);
        font-size: 15px;
    }

.bk-location-card:hover
.bk-location-link {
    gap: 14px;
}


/* =========================================================
   CONTROLS
========================================================= */

.bk-location-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 28px;
}


/* =========================================================
   COUNTER
========================================================= */

.bk-location-counter {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: "Manrope", sans-serif;
}

.bk-location-current {
    color: var(--bk-dark-green);
    font-size: 15px;
    font-weight: 800;
}

.bk-location-divider {
    color: var(--bk-muted);
    font-size: 15px;
}

.bk-location-total {
    color: var(--bk-muted);
    font-size: 15px;
    font-weight: 700;
}


/* =========================================================
   NAVIGATION
========================================================= */

.bk-location-navigation {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .bk-location-navigation button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 45px;
        border: 1px solid var(--bk-border);
        border-radius: 50%;
        background: var(--bk-white);
        color: var(--bk-dark-green);
        font-size: 15px;
        cursor: pointer;
        transition: background .3s ease, border-color .3s ease, color .3s ease, transform .3s ease;
    }

        .bk-location-navigation button:hover {
            border-color: var(--bk-orange);
            background: var(--bk-orange);
            color: var(--bk-white);
            transform: translateY(-2px);
        }


/* =========================================================
   FOOTER
========================================================= */

.bk-locations-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid var(--bk-border);
}

.bk-locations-footer-text {
    display: flex;
    align-items: center;
    gap: 14px;
}

    .bk-locations-footer-text > i {
        color: var(--bk-orange);
        font-size: 20px;
    }

    .bk-locations-footer-text p {
        margin: 0;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.6;
    }

    .bk-locations-footer-text strong {
        color: var(--bk-dark-green);
        font-weight: 800;
    }


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .bk-locations {
        padding: 90px 0 80px;
    }

    .bk-location-card {
        height: 440px;
    }

    .bk-location-content {
        padding: 23px;
    }

    .bk-location-bottom h3 {
        font-size: 29px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .bk-locations {
        padding: 75px 0 65px;
    }

    .bk-locations-head {
        margin-bottom: 35px;
    }

    .bk-location-card {
        height: 390px;
    }

    .bk-location-content {
        padding: 21px;
    }

    .bk-location-bottom h3 {
        font-size: 28px;
    }

    .bk-location-controls {
        margin-top: 22px;
    }

    .bk-location-navigation button {
        width: 42px;
        height: 42px;
    }

    .bk-locations-footer {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 30px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .bk-location-card {
        height: 350px;
    }

    .bk-location-content {
        padding: 19px;
    }

    .bk-location-bottom h3 {
        font-size: 26px;
    }

    .bk-location-icon {
        width: 39px;
        height: 39px;
    }
}
/* =========================================================
   TECHNOLOGY PARTNERS
========================================================= */

.bk-partners {
    position: relative;
    padding: 80px 0 ;
    background: var(--bk-soft-green);
    overflow: hidden;
}

.bk-partners-head {
    margin-bottom: 48px;
}

    .bk-partners-head .bk-section-head-row {
        align-items: flex-end;
    }


/* =========================================================
   SLIDER
========================================================= */

.bk-partner-slider-wrap {
    position: relative;
    width: 100%;
}

.bk-partner-slider {
    width: 100%;
    overflow: hidden;
}

    .bk-partner-slider .swiper-wrapper {
        align-items: stretch;
    }

    .bk-partner-slider .swiper-slide {
        height: auto;
    }


/* =========================================================
   CARD
========================================================= */

.bk-partner-card {
    position: relative;
    min-height: 230px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px;
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
    overflow: hidden;
    transition: transform .4s cubic-bezier(.2,.65,.3,1), box-shadow .4s ease, border-color .4s ease;
}

    .bk-partner-card::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        background: var(--bk-orange);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .4s ease;
    }

    .bk-partner-card:hover {
        transform: translateY(-6px);
        border-color: rgba(18,107,53,.20);
        box-shadow: 0 22px 45px rgba(11,74,41,.10);
    }

        .bk-partner-card:hover::before {
            transform: scaleX(1);
        }


/* =========================================================
   NUMBER
========================================================= */

.bk-partner-number {
    color: var(--bk-muted);
    font-family: "Manrope", sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}


/* =========================================================
   LOGO
========================================================= */

.bk-partner-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 90px;
}

    .bk-partner-logo img {
        display: block;
        width: auto;
        height: auto;
        object-fit: contain;
        transition: transform .35s ease;
    }

.bk-partner-card:hover .bk-partner-logo img {
    transform: scale(1.05);
}

/* =========================================================
   BOTTOM
========================================================= */

.bk-partner-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 15px;
    border-top: 1px solid var(--bk-border);
}

    .bk-partner-bottom span {
        color: var(--bk-muted);
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .bk-partner-bottom i {
        color: var(--bk-orange);
        font-size: 14px;
        transition: transform .3s ease;
    }

.bk-partner-card:hover
.bk-partner-bottom i {
    transform: translate(3px, -3px);
}


/* =========================================================
   CONTROLS
========================================================= */

.bk-partner-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}


/* COUNTER */

.bk-partner-counter {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: "Manrope", sans-serif;
}

.bk-partner-current {
    color: var(--bk-dark-green);
    font-size: 15px;
    font-weight: 800;
}

.bk-partner-divider {
    color: var(--bk-muted);
    font-size: 15px;
}

.bk-partner-total {
    color: var(--bk-muted);
    font-size: 15px;
    font-weight: 700;
}


/* NAVIGATION */

.bk-partner-navigation {
    display: flex;
    gap: 8px;
}

    .bk-partner-navigation button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 45px;
        border: 1px solid var(--bk-border);
        border-radius: 50%;
        background: var(--bk-white);
        color: var(--bk-dark-green);
        cursor: pointer;
        transition: background .3s ease, border-color .3s ease, color .3s ease, transform .3s ease;
    }

        .bk-partner-navigation button:hover {
            border-color: var(--bk-orange);
            background: var(--bk-orange);
            color: var(--bk-white);
            transform: translateY(-2px);
        }


/* =========================================================
   FOOTER
========================================================= */

.bk-partners-footer {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-top: 42px;
}

.bk-partners-footer-line {
    flex: 1;
    height: 1px;
    background: rgba(18,107,53,.15);
}

.bk-partners-footer p {
    margin: 0;
    color: var(--bk-muted);
    font-size: 15px;
    text-align: center;
    line-height: 1.6;
}

.bk-partners-footer strong {
    color: var(--bk-dark-green);
    font-weight: 800;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .bk-partners {
        padding: 90px 0 80px;
    }

    .bk-partner-card {
        min-height: 210px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .bk-partners {
        padding: 75px 0 65px;
    }

    .bk-partners-head {
        margin-bottom: 35px;
    }

    .bk-partner-card {
        min-height: 190px;
        padding: 18px;
    }

    .bk-partner-logo {
        font-size: 21px;
    }

    .bk-partner-logo-waaree,
    .bk-partner-logo-deye {
        font-size: 25px;
    }

    .bk-partner-logo-microtek {
        font-size: 18px;
    }

    .bk-partner-logo-ksolare {
        font-size: 20px;
    }

    .bk-partner-navigation button {
        width: 42px;
        height: 42px;
    }

    .bk-partners-footer {
        margin-top: 32px;
    }

    .bk-partners-footer-line {
        display: none;
    }
}
/* =========================================================
   TESTIMONIALS
========================================================= */

.bk-testimonials {
    position: relative;
    padding: 110px 0 100px;
    background: var(--bk-white);
    overflow: hidden;
}

    .bk-testimonials::before {
        content: "";
        position: absolute;
        top: 0;
        right: -160px;
        width: 420px;
        height: 420px;
        border-radius: 50%;
        background: rgba(60, 180, 74, .045);
        pointer-events: none;
    }

.bk-testimonials-head {
    position: relative;
    z-index: 2;
    margin-bottom: 48px;
}

    .bk-testimonials-head .bk-section-head-row {
        align-items: flex-end;
    }


/* SLIDER */

.bk-testimonial-slider-wrap {
    position: relative;
    z-index: 2;
}

.bk-testimonial-slider {
    width: 100%;
    overflow: hidden;
}

    .bk-testimonial-slider .swiper-wrapper {
        align-items: stretch;
    }

    .bk-testimonial-slider .swiper-slide {
        height: auto;
    }


/* CARD */

.bk-testimonial-card {
    position: relative;
    height: 100%;
    min-height: 330px;
    padding: 30px;
    background: var(--bk-deep-green);
    color: var(--bk-white);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform .4s cubic-bezier(.2,.65,.3,1), box-shadow .4s ease;
}

    .bk-testimonial-card::before {
        content: "";
        position: absolute;
        right: -70px;
        bottom: -100px;
        width: 230px;
        height: 230px;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,.08);
    }

    .bk-testimonial-card::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        background: var(--bk-orange);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .4s ease;
    }

    .bk-testimonial-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 25px 55px rgba(11,74,41,.16);
    }

        .bk-testimonial-card:hover::after {
            transform: scaleX(1);
        }


/* QUOTE */

.bk-testimonial-quote {
    position: absolute;
    top: 18px;
    right: 25px;
    color: rgba(245,130,32,.18);
    font-size: 75px;
    line-height: 1;
}

    .bk-testimonial-quote i {
        line-height: 1;
    }


/* TOP */

.bk-testimonial-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.bk-testimonial-stars {
    display: flex;
    gap: 4px;
    color: var(--bk-orange);
    font-size: 12px;
}

.bk-testimonial-type {
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,.15);
    color: rgba(255,255,255,.72);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}


/* CONTENT */

.bk-testimonial-content {
    position: relative;
    z-index: 2;
    flex: 1;
    padding: 28px 0 32px;
}

    .bk-testimonial-content p {
        margin: 0;
        max-width: 520px;
        color: rgba(255,255,255,.88);
        font-family: "Manrope", sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.8;
    }


/* USER */

.bk-testimonial-bottom {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.bk-testimonial-user {
    display: flex;
    align-items: center;
    gap: 13px;
}

.bk-testimonial-avatar {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bk-orange);
    color: var(--bk-white);
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 800;
}

.bk-testimonial-user strong {
    display: block;
    color: var(--bk-white);
    font-size: 16px;
    font-weight: 800;
}

.bk-testimonial-user span {
    display: block;
    margin-top: 3px;
    color: rgba(255,255,255,.52);
    font-size: 14px;
}

.bk-testimonial-arrow {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
    color: var(--bk-orange);
    font-size: 14px;
    transition: background .3s ease, color .3s ease, transform .3s ease;
}

.bk-testimonial-card:hover .bk-testimonial-arrow {
    background: var(--bk-orange);
    color: var(--bk-white);
    transform: translate(2px,-2px);
}


/* CONTROLS */

.bk-testimonial-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}

.bk-testimonial-counter {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: "Manrope", sans-serif;
}

.bk-testimonial-current {
    color: var(--bk-dark-green);
    font-size: 15px;
    font-weight: 800;
}

.bk-testimonial-divider {
    color: var(--bk-muted);
    font-size: 15px;
}

.bk-testimonial-total {
    color: var(--bk-muted);
    font-size: 15px;
    font-weight: 700;
}

.bk-testimonial-navigation {
    display: flex;
    gap: 8px;
}

    .bk-testimonial-navigation button {
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--bk-border);
        border-radius: 50%;
        background: var(--bk-white);
        color: var(--bk-dark-green);
        cursor: pointer;
        transition: background .3s ease, border-color .3s ease, color .3s ease, transform .3s ease;
    }

        .bk-testimonial-navigation button:hover {
            border-color: var(--bk-orange);
            background: var(--bk-orange);
            color: var(--bk-white);
            transform: translateY(-2px);
        }


/* TRUST STRIP */

.bk-testimonial-trust {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 45px;
    padding: 20px 24px;
    background: var(--bk-soft-green);
    border: 1px solid var(--bk-border);
}

.bk-testimonial-trust-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bk-dark-green);
    color: var(--bk-orange);
    font-size: 19px;
}

.bk-testimonial-trust-content {
    flex: 1;
}

    .bk-testimonial-trust-content strong {
        display: block;
        color: var(--bk-dark-green);
        font-size: 15px;
        font-weight: 800;
    }

    .bk-testimonial-trust-content span {
        display: block;
        margin-top: 3px;
        color: var(--bk-muted);
        font-size: 15px;
    }

.bk-testimonial-trust-stat {
    padding-left: 25px;
    border-left: 1px solid var(--bk-border);
    text-align: right;
}

    .bk-testimonial-trust-stat strong {
        display: block;
        color: var(--bk-orange);
        font-family: "Manrope", sans-serif;
        font-size: 22px;
        font-weight: 800;
        line-height: 1;
    }

    .bk-testimonial-trust-stat span {
        display: block;
        margin-top: 5px;
        color: var(--bk-muted);
        font-size: 14px;
        font-weight: 700;
    }


/* TABLET */

@media (max-width: 991px) {

    .bk-testimonials {
        padding: 90px 0 80px;
    }

    .bk-testimonial-card {
        min-height: 310px;
        padding: 25px;
    }
}


/* MOBILE */

@media (max-width: 767px) {

    .bk-testimonials {
        padding: 75px 0 65px;
    }

    .bk-testimonials-head {
        margin-bottom: 35px;
    }

    .bk-testimonial-card {
        min-height: 300px;
        padding: 22px;
    }

    .bk-testimonial-content {
        padding: 24px 0 27px;
    }

        .bk-testimonial-content p {
            font-size: 14px;
            line-height: 1.75;
        }

    .bk-testimonial-type {
        font-size: 7px;
        padding: 5px 7px;
    }

    .bk-testimonial-navigation button {
        width: 42px;
        height: 42px;
    }

    .bk-testimonial-trust {
        align-items: flex-start;
        padding: 18px;
    }

    .bk-testimonial-trust-stat {
        display: none;
    }
}
/* =========================================================
   FAQ
========================================================= */

.bk-faq {
    position: relative;
    padding: 80px 0;
    background: var(--bk-soft-green);
    overflow: hidden;
}

    .bk-faq::before {
        content: "";
        position: absolute;
        left: -180px;
        bottom: -180px;
        width: 420px;
        height: 420px;
        border-radius: 50%;
        border: 1px solid rgba(18,107,53,.08);
    }

.bk-faq-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .82fr 1.18fr;
    gap: 80px;
    align-items: start;
}


/* LEFT */

.bk-faq-intro {
    position: sticky;
    top: 110px;
}

    .bk-faq-intro h2 {
        margin: 20px 0 20px;
        color: var(--bk-dark-green);
        font-family: "Manrope", sans-serif;
        font-size: clamp(34px, 4vw, 52px);
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: -1.8px;
    }

        .bk-faq-intro h2 span {
            display: block;
            color: var(--bk-orange);
        }

    .bk-faq-intro > p {
        max-width: 470px;
        margin: 0 0 30px;
        color: var(--bk-muted);
        font-size: 14px;
        line-height: 1.8;
    }


/* HELP */

.bk-faq-help {
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: 400px;
    margin-bottom: 28px;
    padding: 17px;
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
}

.bk-faq-help-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bk-dark-green);
    color: var(--bk-orange);
    font-size: 17px;
}

.bk-faq-help strong {
    display: block;
    color: var(--bk-dark-green);
    font-size: 15px;
    font-weight: 800;
}

.bk-faq-help span {
    display: block;
    margin-top: 0px;
    color: var(--bk-muted);
    font-size: 17px;
}


/* FAQ LIST */

.bk-faq-list {
    width: 100%;
}

.bk-faq-item {
    margin-bottom: 10px;
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
    transition: border-color .3s ease, box-shadow .3s ease;
}

    .bk-faq-item:hover {
        border-color: rgba(18,107,53,.22);
    }

    .bk-faq-item.active {
        border-color: rgba(18,107,53,.25);
        box-shadow: 0 15px 35px rgba(11,74,41,.07);
    }


/* QUESTION */

.bk-faq-question {
    width: 100%;
    display: grid;
    grid-template-columns: 40px 1fr 42px;
    align-items: center;
    gap: 16px;
    padding: 21px 22px;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.bk-faq-number {
    color: var(--bk-orange);
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
}

.bk-faq-question-text {
    color: var(--bk-text);
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.bk-faq-item.active .bk-faq-question-text {
    color: var(--bk-dark-green);
}


/* ICON */

.bk-faq-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bk-border);
    border-radius: 50%;
    color: var(--bk-dark-green);
    font-size: 15px;
    transition: background .3s ease, color .3s ease, transform .35s ease;
}

.bk-faq-item.active .bk-faq-icon {
    background: var(--bk-orange);
    border-color: var(--bk-orange);
    color: var(--bk-white);
}

    .bk-faq-item.active .bk-faq-icon i {
        transform: rotate(45deg);
    }


/* ANSWER */

.bk-faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .4s ease;
}

.bk-faq-item.active .bk-faq-answer {
    grid-template-rows: 1fr;
}

.bk-faq-answer-inner {
    overflow: hidden;
}

    .bk-faq-answer-inner p {
        margin: 0;
        padding: 0 80px 23px;
        color: var(--bk-muted);
        font-size: 14px;
        line-height: 1.8;
    }


/* TABLET */

@media (max-width: 991px) {

    .bk-faq {
        padding: 90px 0;
    }

    .bk-faq-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .bk-faq-intro {
        position: static;
    }

        .bk-faq-intro > p {
            max-width: 650px;
        }
}


/* MOBILE */

@media (max-width: 767px) {

    .bk-faq {
        padding: 75px 0;
    }

    .bk-faq-intro h2 {
        font-size: 35px;
        letter-spacing: -1px;
    }

    .bk-faq-question {
        grid-template-columns: 25px 1fr 38px;
        gap: 10px;
        padding: 17px 15px;
    }

    .bk-faq-question-text {
        font-size: 12px;
    }

    .bk-faq-answer-inner p {
        padding: 0 15px 20px 50px;
        font-size: 11px;
    }

    .bk-faq-number {
        font-size: 9px;
    }
}
/* =========================================================
   BLOG
========================================================= */

.bk-blog {
    position: relative;
    padding: 80px 0 ;
    background: var(--bk-white);
    overflow: hidden;
}

    .bk-blog::before {
        content: "";
        position: absolute;
        top: -180px;
        right: -180px;
        width: 420px;
        height: 420px;
        border-radius: 50%;
        border: 1px solid rgba(18,107,53,.07);
    }

.bk-blog-head {
    position: relative;
    z-index: 2;
    margin-bottom: 48px;
}


/* BLOG GRID */

.bk-blog-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}


/* CARD */

.bk-blog-card {
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
    transition: transform .4s cubic-bezier(.2,.65,.3,1), box-shadow .4s ease, border-color .4s ease;
}

    .bk-blog-card:hover {
        transform: translateY(-7px);
        border-color: rgba(18,107,53,.18);
        box-shadow: 0 25px 55px rgba(11,74,41,.10);
    }


/* IMAGE */

.bk-blog-image {
    position: relative;
    display: block;
    height: 245px;
    overflow: hidden;
}

    .bk-blog-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform .7s cubic-bezier(.2,.65,.3,1);
    }

.bk-blog-card:hover .bk-blog-image img {
    transform: scale(1.07);
}

.bk-blog-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 180deg, rgba(11,74,41,.02) 25%, rgba(11,74,41,.65) 100% );
}


/* CATEGORY */

.bk-blog-category {
    position: absolute;
    left: 18px;
    bottom: 18px;
    padding: 7px 11px;
    background: var(--bk-orange);
    color: var(--bk-white);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}


/* ARROW */

.bk-blog-arrow {
    position: absolute;
    top: 17px;
    right: 17px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.94);
    color: var(--bk-dark-green);
    font-size: 14px;
    opacity: 0;
    transform: translate(8px,-8px);
    transition: opacity .35s ease, transform .35s ease, background .3s ease, color .3s ease;
}

.bk-blog-card:hover .bk-blog-arrow {
    opacity: 1;
    transform: translate(0,0);
}

.bk-blog-arrow:hover {
    background: var(--bk-orange);
    color: var(--bk-white);
}


/* CONTENT */

.bk-blog-content {
    padding: 23px 24px 25px;
}

.bk-blog-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 5px;
}

    .bk-blog-meta span {
        display: flex;
        align-items: center;
        gap: 5px;
        color: var(--bk-muted);
        font-size: 15px;
        font-weight: 700;
    }

    .bk-blog-meta i {
        color: var(--bk-orange);
        font-size: 15px;
    }

.bk-blog-content h3 {
    margin: 0 0 12px;
    line-height: 24px;
}
.mphoto-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(11, 74, 41, .96) 0%, rgba(11, 74, 41, .84) 48%, rgba(11, 74, 41, .53) 100% ), linear-gradient( 0deg, rgba(11, 74, 41, .38), transparent );
}


    .bk-blog-content h3 a {
        color: #173523;
        font-family: "Manrope", sans-serif;
        font-size: 19px;
        font-weight: 800;
        
        letter-spacing: -.4px;
        text-decoration: none;
        transition: color .3s ease;
    }

.bk-blog-card:hover .bk-blog-content h3 a {
    color: var(--bk-deep-green);
}

.bk-blog-content p {
    margin: 0 0 19px;
    color: var(--bk-muted);
    font-size: 15px;
    line-height: 1.75;
}

.bk-blog-read {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--bk-dark-green);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .4px;
    text-decoration: none;
    transition: color .3s ease, gap .3s ease;
}

    .bk-blog-read i {
        color: var(--bk-orange);
    }

    .bk-blog-read:hover {
        color: var(--bk-orange);
        gap: 12px;
    }


/* FOOTER */

.bk-blog-footer {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 45px;
}

.bk-blog-footer-line {
    flex: 1;
    height: 1px;
    background: var(--bk-border);
}

.bk-blog-footer p {
    margin: 0;
    color: var(--bk-muted);
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
}

.bk-blog-footer strong {
    color: var(--bk-dark-green);
    font-weight: 800;
}


/* TABLET */

@media (max-width: 991px) {

    .bk-blog {
        padding: 90px 0 80px;
    }

    .bk-blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .bk-blog-card:last-child {
        grid-column: 1 / -1;
        max-width: calc(50% - 10px);
    }
}


/* MOBILE */

@media (max-width: 767px) {

    .bk-blog {
        padding: 75px 0 65px;
    }

    .bk-blog-head {
        margin-bottom: 35px;
    }

    .bk-blog-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .bk-blog-card:last-child {
        grid-column: auto;
        max-width: none;
    }

    .bk-blog-image {
        height: 220px;
    }

    .bk-blog-content {
        padding: 20px;
    }

        .bk-blog-content h3 a {
            font-size: 17px;
        }

    .bk-blog-footer {
        flex-direction: column;
        gap: 18px;
        margin-top: 35px;
    }

    .bk-blog-footer-line {
        display: none;
    }
}
/* =========================================================
   FINAL CTA
========================================================= */

.bk-final-cta {
    position: relative;
    padding: 30px 0 0;
    background: linear-gradient( 135deg, var(--bk-deep-green) 0%, var(--bk-dark-green) 58%, #0E5B31 100% );
    color: var(--bk-white);
    overflow: hidden;
}


/* BACKGROUND PATTERN */

.bk-final-cta-pattern {
    position: absolute;
    inset: 0;
    background-image: linear-gradient( rgba(255,255,255,.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255,255,255,.035) 1px, transparent 1px );
    background-size: 55px 55px;
    mask-image: linear-gradient( 90deg, transparent, black 25%, black 75%, transparent );
    pointer-events: none;
}


/* ORANGE GLOW */

.bk-final-cta::after {
    content: "";
    position: absolute;
    right: -180px;
    top: -180px;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(245,130,32,.16) 0%, rgba(245,130,32,.05) 38%, transparent 70% );
    pointer-events: none;
}


/* MAIN INNER */

.bk-final-cta-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    align-items: center;
    min-height: 475px;
    gap: 50px;
}


/* CONTENT */

.bk-final-cta-content {
    position: relative;
    z-index: 5;
}


.bk-final-cta-kicker {
    color: rgba(255,255,255,.72) !important;
}


    .bk-final-cta-kicker span {
        background: var(--bk-orange);
    }


.bk-final-cta-content h2 {
    max-width: 720px;
    margin: 22px 0 20px;
    color: var(--bk-white);
    font-family: "Manrope", sans-serif;
    font-size: clamp(40px, 4vw, 68px);
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: -2.8px;
}


    .bk-final-cta-content h2 span {
        display: block;
        color: var(--bk-orange);
    }


.bk-final-cta-content > p {
    max-width: 610px;
    margin: 0 0 32px;
    color: rgba(255,255,255,.68);
    font-size: 15px;
    line-height: 1.85;
}


/* ACTIONS */

.bk-final-cta-actions {
    display: flex;
    align-items: center;
    gap: 25px;
}


.bk-final-cta-call {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--bk-white);
    text-decoration: none;
}


.bk-final-cta-call-icon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 50%;
    color: var(--bk-orange);
    transition: background .3s ease, color .3s ease;
}


.bk-final-cta-call:hover
.bk-final-cta-call-icon {
    background: var(--bk-orange);
    color: var(--bk-white);
}


.bk-final-cta-call small {
    display: block;
    margin-bottom: 3px;
    color: rgba(255,255,255,.48);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}


.bk-final-cta-call strong {
    display: block;
    color: var(--bk-white);
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 700;
}


/* =========================================================
   SOLAR VISUAL
========================================================= */

.bk-final-cta-visual {
    position: relative;
    height: 430px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* SUN */

.bk-final-cta-sun {
    position: absolute;
    top: 25px;
    right: 70px;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bk-orange);
    color: var(--bk-white);
    font-size: 38px;
    box-shadow: 0 0 0 15px rgba(245,130,32,.08), 0 0 60px rgba(245,130,32,.22);
    animation: bkSunPulse 4s ease-in-out infinite;
}


/* RINGS */

.bk-final-cta-ring {
    position: absolute;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 50%;
}


.bk-final-cta-ring-1 {
    width: 320px;
    height: 320px;
}


.bk-final-cta-ring-2 {
    width: 420px;
    height: 420px;
    border-color: rgba(245,130,32,.10);
}


/* PANEL */

.bk-final-cta-panel {
    position: relative;
    width: 290px;
    height: 190px;
    transform: perspective(700px) rotateX(58deg) rotateZ(-13deg);
    background: linear-gradient( 135deg, rgba(76,154,116,.95), rgba(18,107,53,.95) );
    border: 1px solid rgba(255,255,255,.25);
    box-shadow: 0 35px 70px rgba(0,0,0,.30);
    overflow: hidden;
}


.bk-final-cta-panel-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
}


    .bk-final-cta-panel-grid span {
        border-right: 1px solid rgba(255,255,255,.18);
        border-bottom: 1px solid rgba(255,255,255,.18);
    }


.bk-final-cta-panel-glow {
    position: absolute;
    top: -40%;
    left: -20%;
    width: 70%;
    height: 170%;
    background: linear-gradient( 100deg, transparent, rgba(255,255,255,.16), transparent );
    transform: rotate(15deg);
    animation: bkPanelShine 5s ease-in-out infinite;
}


/* LEAVES */

.bk-final-cta-leaf {
    position: absolute;
    color: rgba(60,180,74,.55);
    font-size: 42px;
    animation: bkLeafFloat 4s ease-in-out infinite;
}


.leaf-1 {
    left: 20px;
    bottom: 70px;
    transform: rotate(-25deg);
}


.leaf-2 {
    right: 10px;
    bottom: 35px;
    font-size: 30px;
    transform: rotate(25deg);
    animation-delay: 1s;
}


/* =========================================================
   BOTTOM TRUST
========================================================= */

.bk-final-cta-bottom {
    position: relative;
    z-index: 5;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    margin-top: 20px;
    border-top: 1px solid rgba(255,255,255,.12);
}


.bk-final-cta-bottom-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 25px 25px;
    border-right: 1px solid rgba(255,255,255,.12);
}


    .bk-final-cta-bottom-item:last-child {
        border-right: 0;
    }


    .bk-final-cta-bottom-item > i {
        color: var(--bk-orange);
        font-size: 20px;
    }


    .bk-final-cta-bottom-item strong {
        display: block;
        color: var(--bk-white);
        font-size: 15px;
        font-weight: 800;
    }


    .bk-final-cta-bottom-item span {
        display: block;
        margin-top: 0px;
        color: rgba(255,255,255,.45);
        font-size: 13px;
    }


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes bkSunPulse {

    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}


@keyframes bkPanelShine {

    0% {
        transform: translateX(-120%) rotate(15deg);
    }

    55%, 100% {
        transform: translateX(220%) rotate(15deg);
    }
}


@keyframes bkLeafFloat {

    0%, 100% {
        transform: translateY(0) rotate(-25deg);
    }

    50% {
        transform: translateY(-12px) rotate(-18deg);
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .bk-final-cta {
        padding-top: 85px;
    }


    .bk-final-cta-inner {
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 30px;
    }


    .bk-final-cta-visual {
        height: 350px;
        margin-top: -20px;
    }


    .bk-final-cta-content h2 {
        max-width: 700px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .bk-final-cta {
        padding-top: 70px;
    }


    .bk-final-cta-inner {
        gap: 10px;
    }


    .bk-final-cta-content h2 {
        font-size: 39px;
        letter-spacing: -1.5px;
    }


    .bk-final-cta-content > p {
        font-size: 12px;
        line-height: 1.75;
    }


    .bk-final-cta-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }


    .bk-final-cta-visual {
        height: 310px;
    }


    .bk-final-cta-sun {
        top: 10px;
        right: 30px;
        width: 65px;
        height: 65px;
        font-size: 27px;
    }


    .bk-final-cta-ring-1 {
        width: 230px;
        height: 230px;
    }


    .bk-final-cta-ring-2 {
        width: 300px;
        height: 300px;
    }


    .bk-final-cta-panel {
        width: 230px;
        height: 150px;
    }


    .bk-final-cta-bottom {
        grid-template-columns: 1fr;
    }


    .bk-final-cta-bottom-item {
        padding: 18px 0;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.12);
    }


        .bk-final-cta-bottom-item:last-child {
            border-bottom: 0;
        }
}
/* =========================================================
   FOOTER
========================================================= */

/* =========================================================
   PREMIUM SOLAR-TECH FOOTER OVERLAY
========================================================= */

.bk-footer {
    position: relative;
    background: #171A18;
    color: var(--bk-white-text);
    overflow: hidden;
    
}


    /* ---------------------------------------------------------
   SUBTLE TECH GRID
--------------------------------------------------------- */

    .bk-footer::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: linear-gradient( rgba(255,255,255,.025) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255,255,255,.025) 1px, transparent 1px );
        background-size: 55px 55px;
        opacity: .55;
        pointer-events: none;
        z-index: -3;
    }


    /* ---------------------------------------------------------
   ORANGE SOLAR GLOW
--------------------------------------------------------- */

    .bk-footer::after {
        content: "";
        position: absolute;
        width: 600px;
        height: 600px;
        top: -330px;
        right: -180px;
        background: radial-gradient( circle, rgba(245,130,32,.16) 0%, rgba(245,130,32,.07) 28%, rgba(245,130,32,0) 68% );
        pointer-events: none;
        z-index: -2;
    }


/* ---------------------------------------------------------
   INNER ENERGY EFFECT
--------------------------------------------------------- */

.bk-footer-main {
    position: relative;
    overflow: hidden;
    padding: 80px 0px;
}

.bk-footer-energy-line {
    position: absolute;
    top: 0;
    right: 8%;
    width: 180px;
    height: 2px;
    background: linear-gradient( 90deg, transparent, var(--bk-orange), transparent );
    opacity: .65;
    pointer-events: none;
}
    /* Green atmospheric glow */

    .bk-footer-main::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        left: -300px;
        bottom: -300px;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(60,180,74,.13) 0%, rgba(60,180,74,.05) 35%, transparent 70% );
        pointer-events: none;
    }


    /* ---------------------------------------------------------
   SOLAR ORBIT / ENERGY RINGS
--------------------------------------------------------- */

    .bk-footer-main::after {
        content: "";
        position: absolute;
        width: 520px;
        height: 180px;
        right: -180px;
        bottom: -60px;
        border: 1px solid rgba(245,130,32,.10);
        border-radius: 50%;
        transform: rotate(-18deg);
        box-shadow: 0 0 0 28px rgba(245,130,32,.025), 0 0 0 58px rgba(245,130,32,.018);
        pointer-events: none;
    }


    /* ---------------------------------------------------------
   KEEP CONTENT ABOVE EFFECTS
--------------------------------------------------------- */

    .bk-footer-main .bk-container,
    .bk-footer-bottom .bk-container {
        position: relative;
        z-index: 5;
    }

.bk-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr .8fr 1.2fr .8fr 1.2fr;
    gap: 45px;
}


/* =========================================================
   BRAND
========================================================= */

.bk-footer-brand {
    max-width: 320px;
}

.bk-footer-logo {
    display: inline-flex;
    align-items: center;
    margin-bottom: 24px;
}

    .bk-footer-logo img {
        display: block;
        width: auto;
        max-width: 230px;
        max-height: 115px;
        object-fit: contain;
    }


.bk-footer-about {
    margin: 0;
    color: rgba(248,252,249,.68);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   SOCIAL
========================================================= */

.bk-footer-social {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 25px;
}

    .bk-footer-social a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border: 1px solid rgba(255,255,255,.14);
        border-radius: 50%;
        color: rgba(255,255,255,.75);
        text-decoration: none;
        transition: background .3s ease, border-color .3s ease, color .3s ease, transform .3s ease;
    }

        .bk-footer-social a:hover {
            background: var(--bk-orange);
            border-color: var(--bk-orange);
            color: var(--bk-white);
            transform: translateY(-3px);
        }


/* =========================================================
   COLUMNS
========================================================= */

.bk-footer-column h3 {
    position: relative;
    margin: 0 0 24px;
    color: var(--bk-white);
    font-family: "Manrope", sans-serif;
    font-size: 17px;
    font-weight: 800;
}

    .bk-footer-column h3::after {
        content: "";
        display: block;
        width: 28px;
        height: 2px;
        margin-top: 10px;
        background: var(--bk-orange);
    }


.bk-footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bk-footer-column li {
    margin-bottom: 11px;
}

    .bk-footer-column li a {
        display: inline-flex;
        align-items: center;
        color: rgba(248,252,249,.66);
        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        text-decoration: none;
        transition: color .25s ease, transform .25s ease;
    }

        .bk-footer-column li a::before {
            content: "";
            width: 0;
            height: 1px;
            margin-right: 0;
            background: var(--bk-orange);
            transition: width .25s ease, margin-right .25s ease;
        }

        .bk-footer-column li a:hover {
            color: var(--bk-orange);
            transform: translateX(3px);
        }

            .bk-footer-column li a:hover::before {
                width: 12px;
                margin-right: 7px;
            }


/* =========================================================
   LOCATION LINK
========================================================= */

.bk-footer-location-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 7px;
    color: var(--bk-orange);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

    .bk-footer-location-link i {
        transition: transform .25s ease;
    }

    .bk-footer-location-link:hover i {
        transform: translate(3px, -3px);
    }


/* =========================================================
   CONTACT
========================================================= */

.bk-footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
}

.bk-footer-contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(245,130,32,.35);
    border-radius: 8px;
    color: var(--bk-orange);
}

.bk-footer-contact-item small {
    display: block;
    margin-bottom: 3px;
    color: rgba(255,255,255,.42);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.bk-footer-contact-item a,
.bk-footer-contact-item > div > span {
    color: rgba(248,252,249,.78);
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    text-decoration: none;
    line-height: 1.5;
}

    .bk-footer-contact-item a:hover {
        color: var(--bk-orange);
    }


/* =========================================================
   QUOTE BUTTON
========================================================= */

.bk-footer-quote {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
    padding: 12px 17px;
    background: var(--bk-orange);
    color: var(--bk-white);
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: background .3s ease, transform .3s ease;
}

    .bk-footer-quote:hover {
        background: #e87517;
        color: var(--bk-white);
        transform: translateY(-2px);
    }


/* =========================================================
   BOTTOM BAR
========================================================= */

.bk-footer-bottom {
    position: relative;
    background: #0F1110;
}

.bk-footer-bottom-inner {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.bk-footer-bottom p {
    margin: 0;
    color: rgba(248,252,249,.48);
    font-size: 15px;
}

    .bk-footer-bottom p strong {
        color: rgba(248,252,249,.75);
    }


.bk-footer-legal {
    display: flex;
    align-items: center;
    gap: 13px;
}

    .bk-footer-legal a {
        color: rgba(248,252,249,.52);
        font-size: 15px;
        text-decoration: none;
        transition: color .25s ease;
    }

        .bk-footer-legal a:hover {
            color: var(--bk-orange);
        }

    .bk-footer-legal span {
        width: 3px;
        height: 3px;
        background: rgba(255,255,255,.25);
        border-radius: 50%;
    }


/* =========================================================
   BACK TO TOP
========================================================= */

.bk-back-to-top {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1000;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    background: var(--bk-orange);
    color: var(--bk-white);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
}

    .bk-back-to-top.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .bk-back-to-top:hover {
        background: var(--bk-green);
    }


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .bk-footer-grid {
        grid-template-columns: 1.4fr 1fr 1.2fr;
        row-gap: 45px;
    }

    .bk-footer-brand {
        max-width: 380px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .bk-footer-main {
        padding: 55px 0 40px;
    }

    .bk-footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .bk-footer-brand {
        max-width: 100%;
    }

    .bk-footer-logo img {
        max-width: 170px;
    }

    .bk-footer-bottom-inner {
        min-height: auto;
        padding: 20px 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 13px;
    }

    .bk-footer-legal {
        flex-wrap: wrap;
        gap: 10px;
    }

    .bk-back-to-top {
        right: 15px;
        bottom: 15px;
        width: 40px;
        height: 40px;
    }
}


/* =========================================
   BHUMI KA SOLAR - INNER PAGE HERO
========================================= */

.bk-page-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 390px;
    padding: 85px 0 90px;
    overflow: hidden;
    isolation: isolate;
    background: var(--bk-deep-green);
    color: var(--bk-white-text);
}

.bk-page-hero-bg,
.bk-page-hero-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.bk-page-hero-bg {
    z-index: -3;
}

    .bk-page-hero-bg img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center 55%;
    }

.bk-page-hero-overlay {
    z-index: -2;
    background: linear-gradient( 90deg, rgba(11, 74, 41, .96) 0%, rgba(11, 74, 41, .84) 48%, rgba(11, 74, 41, .53) 100% ), linear-gradient( 0deg, rgba(11, 74, 41, .38), transparent );
}

.bk-page-hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
}

.bk-page-hero-kicker {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 20px;
    color: var(--bk-white-text);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

    .bk-page-hero-kicker span,
    .bk-section-kicker > span {
        display: inline-block;
        flex: 0 0 28px;
        width: 28px;
        height: 2px;
        background: var(--bk-orange);
    }

.bk-page-hero h1 {
    max-width: 900px;
    margin: 0;
    color: var(--bk-white);
    font-family: "Manrope", sans-serif;
    font-size: clamp(38px, 5vw, 62px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.8px;
}

    .bk-page-hero h1 span {
        color: var(--bk-orange);
    }

.bk-page-hero-content > p {
    max-width: 650px;
    margin: 22px 0 25px;
    color: rgba(255, 255, 255, .84) !important;
    font-size: 16px;
    line-height: 1.8;
}

.bk-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 11px;
    color: rgba(255, 255, 255, .70);
    font-size: 15px;
}

    .bk-breadcrumb a {
        color: var(--bk-white);
        text-decoration: none;
        transition: var(--bk-transition);
        font-size: 15px;
    }

        .bk-breadcrumb a:hover {
            color: var(--bk-orange);
        }

    .bk-breadcrumb i {
        color: var(--bk-orange);
        font-size: 15px;
    }

    .bk-breadcrumb span {
        color: rgba(255, 255, 255, .72);
        font-size: 15px;
    }

.bk-page-hero-scroll {
    position: absolute;
    z-index: 3;
    right: 6%;
    bottom: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 50%;
    color: var(--bk-white);
    text-decoration: none;
    transition: var(--bk-transition);
}

    .bk-page-hero-scroll:hover {
        color: var(--bk-white);
        background: var(--bk-orange);
        border-color: var(--bk-orange);
        transform: translateY(3px);
    }


/* =========================================
   COMPANY OVERVIEW
========================================= */

.bk-company-overview {
    padding: var(--bk-section-space) 0;
    background: var(--bk-white);
    overflow: hidden;
}

.bk-company-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    align-items: center;
    gap: 75px;
}

.bk-company-visual {
    position: relative;
    padding: 0 25px 28px 0;
}

.bk-company-image {
    height: 510px;
    overflow: hidden;
    background: var(--bk-light-gray);
    border-radius: var(--bk-radius-md);
}

    .bk-company-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .7s ease;
    }

.bk-company-visual:hover .bk-company-image img {
    transform: scale(1.035);
}

.bk-company-image-label {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 225px;
    padding: 22px;
    background: var(--bk-deep-green);
    color: var(--bk-white);
    border-left: 3px solid var(--bk-orange);
    box-shadow: var(--bk-shadow-md);
}

.bk-company-label-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex-shrink: 0;
    border-radius: 50%;
    color: var(--bk-orange);
    background: rgba(255, 255, 255, .09);
    font-size: 21px;
}

.bk-company-image-label div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bk-company-image-label small {
    color: rgba(255, 255, 255, .65);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

.bk-company-image-label strong {
    color: var(--bk-white);
    font: 800 27px/1.2 "Manrope", sans-serif;
}

.bk-company-image-accent {
    position: absolute;
    z-index: -1;
    top: 25px;
    left: -14px;
    width: 100px;
    height: 100px;
    border-top: 3px solid var(--bk-orange);
    border-left: 3px solid var(--bk-orange);
    opacity: .8;
}

.bk-section-kicker {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--bk-dark-green);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.bk-company-copy h2,
.bk-company-section-heading h2,
.bk-company-journey-copy h2,
.bk-company-cta h2 {
    margin: 18px 0 22px;
    color: var(--bk-deep-green);
    font-family: "Manrope", sans-serif;
    font-size: clamp(32px, 3.4vw, 48px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1.3px;
}

    .bk-company-copy h2 span,
    .bk-company-section-heading h2 span {
        display: block;
        color: var(--bk-green);
    }

.bk-company-lead {
    color: var(--bk-text) !important;
    font-size: 17px !important;
    font-weight: 600;
}

.bk-company-copy p {
    margin: 0 0 17px;
    color: var(--bk-muted);
    font-size: 16px;
    line-height: 1.9;
}

.bk-company-copy .bk-btn {
    margin-top: 14px;
}


/* =========================================
   VISION & MISSION
========================================= */

.bk-company-purpose {
    padding: 100px 0;
    background: var(--bk-soft-green);
}

.bk-company-section-heading {
    max-width: 720px;
    margin: 0 auto 48px;
    text-align: center;
}

    .bk-company-section-heading .bk-section-kicker {
        justify-content: center;
    }

    .bk-company-section-heading h2 {
        margin-bottom: 16px;
    }

    .bk-company-section-heading > p {
        margin: 0;
        color: var(--bk-muted);
        font-size: 16px;
        line-height: 1.8;
    }

.bk-company-purpose-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.bk-purpose-card {
    position: relative;
    padding: 38px;
    overflow: hidden;
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
    border-radius: var(--bk-radius-lg);
    box-shadow: var(--bk-shadow-sm);
    transition: var(--bk-transition);
}

    .bk-purpose-card:hover {
        transform: translateY(-6px);
        box-shadow: var(--bk-shadow-md);
    }

.bk-purpose-card-featured {
    background: var(--bk-deep-green);
    border-color: transparent;
}

.bk-purpose-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    height: 57px;
    margin-bottom: 27px;
    color: var(--bk-dark-green);
    background: var(--bk-soft-green);
    border-radius: var(--bk-radius-md);
    font-size: 24px;
}

.bk-purpose-card-featured .bk-purpose-icon {
    color: var(--bk-white);
    background: rgba(245, 130, 32, .18);
}

.bk-purpose-number {
    display: block;
    margin-bottom: 12px;
    color: var(--bk-dark-green);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.bk-purpose-card-featured .bk-purpose-number {
    color: var(--bk-orange);
}

.bk-purpose-card h3 {
    margin: 0 0 14px;
    color: var(--bk-deep-green);
    font: 800 23px/1.35 "Manrope", sans-serif;
}

.bk-purpose-card-featured h3 {
    color: var(--bk-white);
}

.bk-purpose-card p {
    max-width: 480px;
    margin: 0;
    color: var(--bk-muted);
    font-size: 16px;
    line-height: 1.85;
}

.bk-purpose-card-featured p {
    color: rgba(255, 255, 255, .77);
}

.bk-purpose-line {
    width: 48px;
    height: 3px;
    margin-top: 28px;
    background: var(--bk-orange);
    transition: width .35s ease;
}

.bk-purpose-card:hover .bk-purpose-line {
    width: 85px;
}


/* =========================================
   SOLAR CAPABILITIES
========================================= */

.bk-company-capabilities {
    padding: var(--bk-section-space) 0;
    background: var(--bk-white);
}

.bk-capabilities-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.bk-capability-card {
    position: relative;
    min-height: 285px;
    padding: 30px;
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
    border-radius: var(--bk-radius-md);
    transition: var(--bk-transition);
}

    .bk-capability-card:hover {
        transform: translateY(-5px);
        border-color: rgba(60, 180, 74, .42);
        box-shadow: var(--bk-shadow-md);
    }

.bk-capability-index {
    position: absolute;
    top: 24px;
    right: 25px;
    color: rgba(18, 107, 53, .25);
    font: 800 17px/1 "Manrope", sans-serif;
}

.bk-capability-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 51px;
    height: 51px;
    margin-bottom: 22px;
    background: var(--bk-soft-green);
    color: var(--bk-dark-green);
    border-radius: 12px;
    font-size: 23px;
    transition: var(--bk-transition);
}

.bk-capability-card:hover .bk-capability-icon {
    color: var(--bk-white);
    background: var(--bk-orange);
}

.bk-capability-card h3 {
    margin: 0 0 12px;
    color: var(--bk-deep-green);
    font: 800 18px/1.4 "Manrope", sans-serif;
}

.bk-capability-card p {
    margin: 0 0 20px;
    color: var(--bk-muted);
    font-size: 13px;
    line-height: 1.8;
}

.bk-capability-card > a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--bk-dark-green);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

    .bk-capability-card > a i {
        color: var(--bk-orange);
        transition: transform .3s ease;
    }

    .bk-capability-card > a:hover i {
        transform: translate(3px, -3px);
    }


/* =========================================
   JOURNEY & ACHIEVEMENTS
========================================= */

.bk-company-journey {
    position: relative;
    padding: 95px 0;
    overflow: hidden;
    background: radial-gradient( circle at 85% 15%, rgba(60, 180, 74, .13), transparent 35% ), var(--bk-deep-green);
}

.bk-company-journey-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 80px;
}

.bk-kicker-light {
    color: var(--bk-white-text);
}

.bk-company-journey-copy h2 {
    color: var(--bk-white);
}

    .bk-company-journey-copy h2 span {
        display: block;
        color: var(--bk-orange);
    }

.bk-company-journey-copy > p {
    max-width: 480px;
    margin: 0 0 27px;
    color: rgba(255, 255, 255, .75);
    font-size: 16px;
    line-height: 1.9;
}

.bk-company-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--bk-border-light);
    border-left: 1px solid var(--bk-border-light);
}

.bk-company-stat {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 135px;
    padding: 25px;
    border-right: 1px solid var(--bk-border-light);
    border-bottom: 1px solid var(--bk-border-light);
    transition: background .3s ease;
}

    .bk-company-stat:hover {
        background: rgba(255, 255, 255, .045);
    }

.bk-company-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    color: var(--bk-orange);
    background: rgba(245, 130, 32, .13);
    border-radius: 50%;
    font-size: 19px;
}

.bk-company-stat > div {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.bk-company-stat strong {
    color: var(--bk-white);
    font: 800 29px/1.1 "Manrope", sans-serif;
}

.bk-company-stat > div > span {
    color: rgba(255, 255, 255, .68);
    font-size: 16px;
    line-height: 1.5;
}


/* =========================================
   FINAL CTA
========================================= */

.bk-company-cta {
    padding: 80px 0;
    background: var(--bk-light-gray);
}

.bk-company-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
    padding: 48px 52px;
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
    border-left: 4px solid var(--bk-orange);
    border-radius: var(--bk-radius-lg);
    box-shadow: var(--bk-shadow-sm);
}

.bk-company-cta-content {
    max-width: 660px;
}

.bk-company-cta h2 {
    margin-bottom: 15px;
    font-size: clamp(30px, 3vw, 42px);
}

    .bk-company-cta h2 span {
        color: var(--bk-green);
    }

.bk-company-cta-content > p {
    max-width: 600px;
    margin: 0;
    color: var(--bk-muted);
    font-size: 16px;
    line-height: 1.8;
}

.bk-company-cta-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    flex-shrink: 0;
}

.bk-company-cta-phone {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--bk-deep-green);
    font-size: 21px;
    font-weight: 800;
    text-decoration: none;
}

    .bk-company-cta-phone i {
        color: var(--bk-orange);
        font-size: 17px;
    }


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {
    .bk-company-overview,
    .bk-company-capabilities {
        padding: 80px 0;
    }

    .bk-company-overview-grid {
        gap: 45px;
    }

    .bk-company-image {
        height: 440px;
    }

    .bk-company-purpose {
        padding: 80px 0;
    }

    .bk-capabilities-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-company-journey-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .bk-company-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        padding: 40px;
    }

    .bk-company-cta-actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .bk-page-hero {
        min-height: 350px;
        padding: 70px 0 75px;
    }

    .bk-page-hero-overlay {
        background: linear-gradient( 90deg, rgba(11, 74, 41, .94), rgba(11, 74, 41, .75) );
    }

    .bk-page-hero h1 {
        font-size: 38px;
        letter-spacing: -1px;
    }

    .bk-page-hero-content > p {
        font-size: 14px;
    }

    .bk-page-hero-scroll {
        right: 20px;
        bottom: 18px;
        width: 36px;
        height: 36px;
    }

    .bk-company-overview,
    .bk-company-capabilities {
        padding: 65px 0;
    }

    .bk-company-overview-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .bk-company-visual {
        padding: 0 15px 18px 0;
    }

    .bk-company-image {
        height: 370px;
    }

    .bk-company-image-label {
        min-width: 190px;
        padding: 17px;
    }

    .bk-company-copy h2,
    .bk-company-section-heading h2,
    .bk-company-journey-copy h2 {
        font-size: 34px;
        letter-spacing: -.8px;
    }

    .bk-company-lead {
        font-size: 15px !important;
    }

    .bk-company-purpose {
        padding: 65px 0;
    }

    .bk-company-section-heading {
        margin-bottom: 32px;
    }

    .bk-company-purpose-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .bk-purpose-card {
        padding: 28px;
    }

    .bk-capabilities-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .bk-capability-card {
        min-height: auto;
        padding: 26px;
    }

    .bk-company-journey {
        padding: 65px 0;
    }

    .bk-company-stats {
        grid-template-columns: 1fr;
    }

    .bk-company-stat {
        min-height: 105px;
        padding: 20px;
    }

        .bk-company-stat strong {
            font-size: 26px;
        }

    .bk-company-cta {
        padding: 55px 0;
    }

    .bk-company-cta-inner {
        padding: 28px 23px;
        gap: 27px;
    }

    .bk-company-cta h2 {
        font-size: 32px;
    }

    .bk-company-cta-actions {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bk-about-company-page *,
    .bk-about-company-page *::before,
    .bk-about-company-page *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* =========================================
   BHUMI KA SOLAR - DIRECTOR'S MESSAGE
========================================= */

.bk-director-intro {
    padding: var(--bk-section-space) 0;
    background: var(--bk-white);
    overflow: hidden;
}

.bk-director-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    align-items: center;
    gap: 80px;
}

.bk-director-visual {
    position: relative;
    padding: 0 24px 25px 0;
}

.bk-director-photo {
    height: 560px;
    overflow: hidden;
    background: var(--bk-light-gray);
    border-radius: var(--bk-radius-md);
}

    .bk-director-photo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
        transition: transform .65s ease;
    }

.bk-director-visual:hover .bk-director-photo img {
    transform: scale(1.025);
}

.bk-director-photo-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: stretch;
    gap: 16px;
    min-width: 270px;
    padding: 23px 25px;
    background: var(--bk-deep-green);
    color: var(--bk-white);
    box-shadow: var(--bk-shadow-md);
}

.bk-director-caption-line {
    width: 3px;
    flex-shrink: 0;
    background: var(--bk-orange);
}

.bk-director-photo-caption div {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.bk-director-photo-caption strong {
    color: var(--bk-white);
    font: 800 17px/1.4 "Manrope", sans-serif;
}

.bk-director-photo-caption div span {
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
}

.bk-director-visual-accent {
    position: absolute;
    z-index: -1;
    top: 22px;
    left: -13px;
    width: 95px;
    height: 95px;
    border-top: 3px solid var(--bk-orange);
    border-left: 3px solid var(--bk-orange);
}

.bk-director-content h2,
.bk-director-perspective-heading h2,
.bk-director-commitment h2,
.bk-director-cta h2 {
    margin: 19px 0 22px;
    color: var(--bk-deep-green);
    font-family: "Manrope", sans-serif;
    font-size: clamp(33px, 3.4vw, 48px);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -1.2px;
}

    .bk-director-content h2 span,
    .bk-director-perspective-heading h2 span {
        display: block;
        color: var(--bk-green);
    }

.bk-director-content p {
    margin: 0 0 17px;
    color: var(--bk-muted);
    font-size: 16px;
    line-height: 1.9;
}

.bk-director-content .bk-director-lead {
    color: var(--bk-text);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.8;
}

.bk-director-experience {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 28px;
    padding: 20px;
    background: var(--bk-soft-green);
    border-left: 3px solid var(--bk-orange);
}

.bk-director-experience-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--bk-white);
    color: var(--bk-dark-green);
    font-size: 22px;
}

.bk-director-experience > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bk-director-experience strong {
    color: var(--bk-deep-green);
    font: 800 18px/1.5 "Manrope", sans-serif;
}

.bk-director-experience span {
    color: var(--bk-muted);
    font-size: 16px;
    line-height: 1.7;
}


/* LEADERSHIP PERSPECTIVE */

.bk-director-perspective {
    padding: 100px 0;
    background: var(--bk-soft-green);
}

.bk-director-perspective-grid {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    align-items: start;
    gap: 85px;
}

.bk-director-perspective-heading {
    position: sticky;
    top: 35px;
}

    .bk-director-perspective-heading h2 {
        margin-bottom: 18px;
    }

    .bk-director-perspective-heading > p {
        max-width: 440px;
        margin: 0;
        color: var(--bk-muted);
        font-size: 16px;
        line-height: 1.9;
    }

.bk-director-principles {
    border-top: 1px solid var(--bk-border);
}

.bk-director-principle {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 22px;
    padding: 30px 0;
    border-bottom: 1px solid var(--bk-border);
}

.bk-director-principle-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background: var(--bk-white);
    color: var(--bk-dark-green);
    font: 800 16px/1 "Manrope", sans-serif;
    transition: var(--bk-transition);
}

.bk-director-principle:hover .bk-director-principle-number {
    color: var(--bk-white);
    background: var(--bk-orange);
}

.bk-director-principle h3 {
    margin: 1px 0 11px;
    color: var(--bk-deep-green);
    font: 800 19px/1.45 "Manrope", sans-serif;
}

.bk-director-principle p {
    margin: 0;
    color: var(--bk-muted);
    font-size: 16px;
    line-height: 1.9;
}


/* COMMITMENT */

.bk-director-commitment {
    padding: 95px 0;
    background: var(--bk-white);
}

.bk-director-commitment-inner {
    position: relative;
    display: grid;
    grid-template-columns: 65px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
    padding: 55px;
    overflow: hidden;
    isolation: isolate;
    background: radial-gradient( circle at 90% 20%, rgba(60, 180, 74, .15), transparent 36% ), var(--bk-deep-green);
    border-radius: var(--bk-radius-lg);
}

.bk-director-commitment-symbol {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(245, 130, 32, .15);
    color: var(--bk-orange);
    font-size: 29px;
}

.bk-director-commitment-content {
    position: relative;
    z-index: 2;
    max-width: 780px;
}

.bk-kicker-light {
    color: var(--bk-white-text);
}

.bk-director-commitment h2 {
    margin: 19px 0;
    color: var(--bk-white);
}

    .bk-director-commitment h2 span {
        display: block;
        color: var(--bk-orange);
    }

.bk-director-commitment-content > p {
    max-width: 730px;
    margin: 0 0 27px;
    color: rgba(255, 255, 255, .78);
    font-size: 16px;
    line-height: 1.9;
}

.bk-director-commitment-decoration {
    position: absolute;
    z-index: -1;
    right: -70px;
    bottom: -150px;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
}

    .bk-director-commitment-decoration span {
        position: absolute;
        inset: 25px;
        border: 1px solid rgba(245, 130, 32, .16);
        border-radius: 50%;
    }

        .bk-director-commitment-decoration span:nth-child(2) {
            inset: 55px;
        }

        .bk-director-commitment-decoration span:nth-child(3) {
            inset: 85px;
        }


/* FINAL CTA */

.bk-director-cta {
    padding: 75px 0;
    background: var(--bk-light-gray);
}

.bk-director-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
    padding: 42px;
    background: var(--bk-white);
    border: 1px solid var(--bk-border);
    border-radius: var(--bk-radius-lg);
    box-shadow: var(--bk-shadow-sm);
}

    .bk-director-cta-inner > div:first-child {
        max-width: 680px;
    }

.bk-director-cta h2 {
    margin: 17px 0;
    font-size: clamp(30px, 3vw, 40px);
}

    .bk-director-cta h2 span {
        display: block;
        color: var(--bk-green);
    }

.bk-director-cta-inner p {
    margin: 0;
    color: var(--bk-muted);
    font-size: 16px;
    line-height: 1.8;
}

.bk-director-cta-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    flex-shrink: 0;
}

.bk-director-phone {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--bk-deep-green);
    font-size: 21px;
    font-weight: 800;
    text-decoration: none;
}

    .bk-director-phone i {
        color: var(--bk-orange);
        font-size: 17px;
    }


/* RESPONSIVE */

@media (max-width: 991px) {
    .bk-director-intro,
    .bk-director-perspective {
        padding: 80px 0;
    }

    .bk-director-intro-grid {
        gap: 45px;
    }

    .bk-director-photo {
        height: 470px;
    }

    .bk-director-perspective-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .bk-director-perspective-heading {
        position: static;
    }

    .bk-director-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .bk-director-cta-actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .bk-director-intro {
        padding: 65px 0;
    }

    .bk-director-intro-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .bk-director-visual {
        padding: 0 15px 18px 0;
    }

    .bk-director-photo {
        height: 420px;
    }

    .bk-director-photo-caption {
        min-width: 235px;
        padding: 18px;
    }

    .bk-director-content h2,
    .bk-director-perspective-heading h2,
    .bk-director-commitment h2 {
        font-size: 34px;
        letter-spacing: -.8px;
    }

    .bk-director-content .bk-director-lead {
        font-size: 15px;
    }

    .bk-director-perspective {
        padding: 65px 0;
    }

    .bk-director-principle {
        grid-template-columns: 43px minmax(0, 1fr);
        gap: 15px;
        padding: 24px 0;
    }

    .bk-director-principle-number {
        width: 40px;
        height: 40px;
    }

    .bk-director-principle h3 {
        font-size: 17px;
    }

    .bk-director-commitment {
        padding: 55px 0;
    }

    .bk-director-commitment-inner {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 30px 24px;
    }

    .bk-director-commitment-symbol {
        width: 52px;
        height: 52px;
    }

    .bk-director-cta {
        padding: 55px 0;
    }

    .bk-director-cta-inner {
        padding: 28px 23px;
        gap: 28px;
    }

    .bk-director-cta h2 {
        font-size: 31px;
    }

    .bk-director-cta-actions {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* =========================================================
   BHUMI KA SOLAR - TESTIMONIALS PAGE
   Uses the existing common inner-page hero
========================================================= */

.bk-testimonials-page {
    --bk-tp-text: #18221C;
    --bk-tp-muted: #626D65;
    --bk-tp-border: rgba(24, 34, 28, 0.10);
    color: var(--bk-tp-text);
    background: #FFFFFF;
    overflow: hidden;
}

    .bk-testimonials-page *,
    .bk-testimonials-page *::before,
    .bk-testimonials-page *::after {
        box-sizing: border-box;
    }

    .bk-testimonials-page .bk-container {
        width: min(100% - 40px, var(--bk-container, 1320px));
        margin-inline: auto;
    }

    /* ---------- Common Hero: Structure Only ---------- */
    /* Visual design comes from the existing global hero CSS. */

    .bk-testimonials-page .bk-page-hero {
        position: relative;
        isolation: isolate;
    }

    .bk-testimonials-page .bk-page-hero-bg img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .bk-testimonials-page .bk-page-hero-content {
        position: relative;
        z-index: 2;
    }

    .bk-testimonials-page .bk-page-hero h1 {
        max-width: 850px;
    }

    .bk-testimonials-page .bk-page-hero p {
        max-width: 650px;
        line-height: 1.8;
    }

    /* ---------- Testimonials Section ---------- */

    .bk-testimonials-page .bk-testimonials-page__section {
        padding: 95px 0 105px;
        background: radial-gradient( circle at 100% 0%, rgba(60, 180, 74, 0.055), transparent 30% ), #F7FAF7;
    }

    /* ---------- Section Heading ---------- */

    .bk-testimonials-page .bk-testimonials-page__heading {
        max-width: 760px;
        margin: 0 auto 48px;
        text-align: center;
    }

        .bk-testimonials-page .bk-testimonials-page__heading h2 {
            margin: 14px 0 18px;
            color: var(--bk-tp-text);
            font-family: "Manrope", sans-serif;
            font-size: clamp(32px, 3.6vw, 46px);
            font-weight: 800;
            line-height: 1.2;
            letter-spacing: -1.2px;
        }

            .bk-testimonials-page .bk-testimonials-page__heading h2 span {
                color: #126B35;
            }

        .bk-testimonials-page .bk-testimonials-page__heading p {
            max-width: 650px;
            margin: 0 auto;
            color: var(--bk-tp-muted);
            font-family: "DM Sans", sans-serif;
            font-size: 16px;
            line-height: 1.85;
        }

    /* ---------- Grid: 3 Desktop / 2 Tablet / 1 Mobile ---------- */

    .bk-testimonials-page .bk-testimonials-page__grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        gap: 24px;
    }

    /* ---------- Cards ---------- */

    .bk-testimonials-page .bk-testimonial-card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        height: 100%;
        padding: 30px;
        overflow: hidden;
        background: #FFFFFF;
        border: 1px solid var(--bk-tp-border);
        border-radius: 20px;
        box-shadow: 0 8px 28px rgba(11, 74, 41, 0.045);
        transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
    }

        .bk-testimonials-page .bk-testimonial-card::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 3px;
            content: "";
            background: linear-gradient(90deg, #3CB44A, #F58220);
            transition: width 0.35s ease;
        }

        .bk-testimonials-page .bk-testimonial-card:hover {
            transform: translateY(-5px);
            border-color: rgba(60, 180, 74, 0.35);
            box-shadow: 0 18px 42px rgba(11, 74, 41, 0.09);
        }

            .bk-testimonials-page .bk-testimonial-card:hover::before {
                width: 100%;
            }

    /* Quote Icon */

    .bk-testimonials-page .bk-testimonial-quote {
        position: absolute;
        top: 18px;
        right: 22px;
        color: rgba(245, 130, 32, 0.13);
        font-size: 85px;
        line-height: 1;
        pointer-events: none;
    }

        .bk-testimonials-page .bk-testimonial-quote i {
            display: block;
        }

    /* Card Top */

    .bk-testimonials-page .bk-testimonial-top {
        position: relative;
        z-index: 1;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 0px;
        padding-right: 0px;
    }

    .bk-testimonials-page .bk-testimonial-stars {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px;
        color: #F58220;
        font-size: 14px;
    }

    .bk-testimonials-page .bk-testimonial-type {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        padding: 7px 11px;
        color: #126B35;
        background: rgba(18,107,53,0.1);
        border: 1px solid rgba(18,107,53,0.2);
        font-size: 15px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.2px;
    }

    /* Review Content */

    .bk-testimonials-page .bk-testimonial-content {
        flex: 1;
        margin-bottom: 0px;
    }

        .bk-testimonials-page .bk-testimonial-content p {
            margin: 0;
            color: #424D45;
            font-family: "DM Sans", sans-serif;
            font-size: 16px;
            line-height: 1.9;
            overflow-wrap: anywhere;
        }

    /* Customer Information */

    .bk-testimonials-page .bk-testimonial-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-top: auto;
        padding-top: 22px;
        border-top: 1px solid rgba(24, 34, 28, 0.08);
    }

    .bk-testimonials-page .bk-testimonial-user {
        display: flex;
        align-items: center;
        gap: 13px;
        min-width: 0;
    }

    .bk-testimonials-page .bk-testimonial-avatar {
        display: flex;
        flex: 0 0 46px;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        color: #FFFFFF;
        background: linear-gradient(135deg, #3CB44A, #126B35);
        border-radius: 50%;
        font-size: 19px;
    }

    .bk-testimonials-page .bk-testimonial-user > div:last-child {
        display: flex;
        flex-direction: column;
        min-width: 0;
        gap: 5px;
    }

    .bk-testimonials-page .bk-testimonial-user strong {
        color: var(--bk-tp-text);
        font-family: "Manrope", sans-serif;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.1;
        overflow-wrap: anywhere;
    }

    .bk-testimonials-page .bk-testimonial-user span {
        color: var(--bk-tp-muted);
        font-size: 14px;
        line-height: 1.5;
    }

    /* Decorative Arrow */

    .bk-testimonials-page .bk-testimonial-arrow {
        display: flex;
        flex: 0 0 38px;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        color: #126B35;
        background: #F0F8F1;
        border: 1px solid rgba(60, 180, 74, 0.12);
        border-radius: 50%;
        font-size: 16px;
        transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease;
    }

    .bk-testimonials-page .bk-testimonial-card:hover .bk-testimonial-arrow {
        color: #FFFFFF;
        background: #126B35;
        transform: translate(2px, -2px);
    }

    /* ---------- Final CTA ---------- */

    .bk-testimonials-page .bk-testimonials-page__cta {
        padding: 65px 0;
        background: #FFFFFF;
    }

    .bk-testimonials-page .bk-testimonials-page__cta-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 35px;
        padding: 42px 48px;
        background: radial-gradient( circle at 100% 0%, rgba(60, 180, 74, 0.14), transparent 34% ), #F2F8F3;
        border: 1px solid rgba(18, 107, 53, 0.10);
        border-radius: 22px;
    }

        .bk-testimonials-page .bk-testimonials-page__cta-inner > div:first-child {
            min-width: 0;
        }

        .bk-testimonials-page .bk-testimonials-page__cta-inner h2 {
            margin: 12px 0;
            color: var(--bk-deep-green);
            font-family: "Manrope", sans-serif;
            font-size: clamp(30px, 3vw, 42px);
            font-weight: 800;
            line-height: 1.25;
            letter-spacing: -0.7px;
        }

            .bk-testimonials-page .bk-testimonials-page__cta-inner h2 span {
                color: var(--bk-green);
            }

        .bk-testimonials-page .bk-testimonials-page__cta-inner p {
            margin: 0;
            color: var(--bk-tp-muted);
            font-size: 15px;
            line-height: 1.8;
        }

    .bk-testimonials-page .bk-testimonials-page__cta-actions {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

        .bk-testimonials-page .bk-testimonials-page__cta-actions .bk-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            white-space: nowrap;
        }

            .bk-testimonials-page .bk-testimonials-page__cta-actions .bk-btn i {
                transition: transform 0.3s ease;
            }

            .bk-testimonials-page .bk-testimonials-page__cta-actions .bk-btn:hover i {
                transform: translate(3px, -3px);
            }

    .bk-testimonials-page .bk-testimonials-page__phone {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        color: #126B35;
        font-size: 21px;
        font-weight: 700;
        text-decoration: none;
    }

        .bk-testimonials-page .bk-testimonials-page__phone:hover {
            color: #F58220;
        }

/* ---------- Tablet ---------- */

@media (max-width: 991.98px) {
    .bk-testimonials-page .bk-testimonials-page__section {
        padding: 75px 0 80px;
    }

    .bk-testimonials-page .bk-testimonials-page__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .bk-testimonials-page .bk-testimonial-card {
        padding: 25px;
    }

    .bk-testimonials-page .bk-testimonials-page__cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
        padding: 36px;
    }

    .bk-testimonials-page .bk-testimonials-page__cta-actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

/* ---------- Mobile ---------- */

@media (max-width: 575.98px) {
    .bk-testimonials-page .bk-container {
        width: min(100% - 30px, var(--bk-container, 1320px));
    }

    .bk-testimonials-page .bk-testimonials-page__section {
        padding: 52px 0 60px;
    }

    .bk-testimonials-page .bk-testimonials-page__heading {
        margin-bottom: 30px;
        text-align: left;
    }

        .bk-testimonials-page .bk-testimonials-page__heading h2 {
            font-size: 30px;
            letter-spacing: -0.7px;
        }

        .bk-testimonials-page .bk-testimonials-page__heading p {
            font-size: 14px;
        }

    .bk-testimonials-page .bk-testimonials-page__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .bk-testimonials-page .bk-testimonial-card {
        padding: 24px 21px;
        border-radius: 17px;
    }

    .bk-testimonials-page .bk-testimonial-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        padding-right: 0px;
        margin-bottom: 20px;
    }

    .bk-testimonials-page .bk-testimonial-content {
        margin-bottom: 22px;
    }

        .bk-testimonials-page .bk-testimonial-content p {
            font-size: 14px;
            line-height: 1.85;
        }

    .bk-testimonials-page .bk-testimonial-quote {
        top: 15px;
        right: 17px;
        font-size: 74px;
    }

    .bk-testimonials-page .bk-testimonial-bottom {
        padding-top: 18px;
    }

    .bk-testimonials-page .bk-testimonial-avatar {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .bk-testimonials-page .bk-testimonials-page__cta {
        padding: 40px 0;
    }

    .bk-testimonials-page .bk-testimonials-page__cta-inner {
        gap: 23px;
        padding: 28px 22px;
        border-radius: 18px;
    }

        .bk-testimonials-page .bk-testimonials-page__cta-inner h2 {
            font-size: 27px;
        }

        .bk-testimonials-page .bk-testimonials-page__cta-inner p {
            font-size: 14px;
        }

    .bk-testimonials-page .bk-testimonials-page__cta-actions {
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
    }

        .bk-testimonials-page .bk-testimonials-page__cta-actions .bk-btn {
            width: 100%;
            white-space: normal;
        }
}

/* ---------- Reduced Motion ---------- */

@media (prefers-reduced-motion: reduce) {
    .bk-testimonials-page .bk-testimonial-card,
    .bk-testimonials-page .bk-testimonial-card::before,
    .bk-testimonials-page .bk-testimonial-arrow,
    .bk-testimonials-page .bk-testimonials-page__cta-actions .bk-btn i {
        transition: none;
    }

        .bk-testimonials-page .bk-testimonial-card:hover,
        .bk-testimonials-page .bk-testimonial-card:hover .bk-testimonial-arrow {
            transform: none;
        }
}

/* =====================================================
   BHUMI KA SOLAR - CERTIFICATES PAGE
   File: bhumika-custom.css
   Root: .bk-certificates-page
===================================================== */

/* Main page */
.bk-certificates-page {
    position: relative;
    overflow: hidden;
    background: var(--bk-white);
    color: var(--bk-text);
}

    /* Common container */
    .bk-certificates-page .bk-container {
        width: min(100% - 40px, var(--bk-container));
        margin-inline: auto;
    }

    /* =====================================================
   INTRO SECTION
===================================================== */

    .bk-certificates-page .bk-certificates-intro {
        padding: 80px 0 35px;
        text-align: center;
    }

    .bk-certificates-page .bk-certificates-heading {
        max-width: 760px;
        margin: 0 auto;
    }

        .bk-certificates-page .bk-certificates-heading h2 {
            margin: 0 0 18px;
            color: var(--bk-deep-green);
            font-family: "Manrope", sans-serif;
            font-size: clamp(30px, 4vw, 46px);
            font-weight: 800;
            line-height: 1.2;
            letter-spacing: -1.2px;
        }

            .bk-certificates-page .bk-certificates-heading h2 span {
                color: var(--bk-green);
            }

        .bk-certificates-page .bk-certificates-heading p {
            max-width: 650px;
            margin: 0 auto;
            color: var(--bk-muted);
            font-family: "DM Sans", sans-serif;
            font-size: 16px;
            line-height: 1.85;
        }

    /* =====================================================
   CERTIFICATE GALLERY
===================================================== */

    .bk-certificates-page .bk-certificates-gallery {
        padding: 30px 0 100px;
    }

    .bk-certificates-page .bk-certificates-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 28px;
        align-items: stretch;
    }

    /* Certificate card */
    .bk-certificates-page .bk-certificate-card {
        min-width: 0;
        overflow: hidden;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        border-radius: var(--bk-radius-lg);
        box-shadow: var(--bk-shadow-sm);
        transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
    }

        .bk-certificates-page .bk-certificate-card:hover {
            transform: translateY(-7px);
            border-color: rgba(60, 180, 74, 0.4);
            box-shadow: var(--bk-shadow-md);
        }

    /* Image preview */
    .bk-certificates-page .bk-certificate-preview {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 4 / 3;
        overflow: hidden;
        padding: 18px;
        background: var(--bk-light-gray);
        cursor: zoom-in;
    }

        .bk-certificates-page .bk-certificate-preview::after {
            content: "\F62C";
            position: absolute;
            right: 16px;
            bottom: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            color: var(--bk-white);
            background: var(--bk-dark-green);
            font-family: "bootstrap-icons";
            font-size: 18px;
            opacity: 0;
            transform: translateY(8px);
            transition: all 0.3s ease;
            pointer-events: none;
        }

        .bk-certificates-page .bk-certificate-preview:hover::after {
            opacity: 1;
            transform: translateY(0);
        }

        .bk-certificates-page .bk-certificate-preview img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain;
            transition: transform 0.45s ease;
        }

        .bk-certificates-page .bk-certificate-preview:hover img {
            transform: scale(1.04);
        }

    /* Optional preview label */
    .bk-certificates-page .bk-certificate-preview-label {
        position: absolute;
        left: 16px;
        top: 16px;
        z-index: 1;
        padding: 7px 12px;
        border-radius: 30px;
        color: var(--bk-white);
        background: var(--bk-orange);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }

    /* Card information */
    .bk-certificates-page .bk-certificate-info {
        padding: 24px;
    }

    .bk-certificates-page .bk-certificate-category {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        margin-bottom: 12px;
        color: var(--bk-dark-green);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

        .bk-certificates-page .bk-certificate-category::before {
            content: "";
            width: 7px;
            height: 7px;
            flex-shrink: 0;
            border-radius: 50%;
            background: var(--bk-orange);
        }

    .bk-certificates-page .bk-certificate-info h3 {
        margin: 0 0 10px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: 21px;
        font-weight: 800;
        line-height: 1.4;
    }

    .bk-certificates-page .bk-certificate-info p {
        margin: 0 0 18px;
        color: var(--bk-muted);
        font-size: 14px;
        line-height: 1.8;
    }

    .bk-certificates-page .bk-certificate-link {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 0;
        border: 0;
        color: var(--bk-dark-green);
        background: transparent;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        cursor: pointer;
        transition: var(--bk-transition);
    }

        .bk-certificates-page .bk-certificate-link i {
            transition: transform 0.3s ease;
        }

        .bk-certificates-page .bk-certificate-link:hover {
            color: var(--bk-orange);
        }

            .bk-certificates-page .bk-certificate-link:hover i {
                transform: translateX(5px);
            }

/* =====================================================
   CERTIFICATE LIGHTBOX POPUP
===================================================== */

.bk-certificate-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 70px 80px 90px;
    background: rgba(5, 12, 8, 0.96);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

    .bk-certificate-lightbox.is-open {
        display: flex;
    }

.bk-certificate-lightbox__image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
}

.bk-certificate-lightbox__image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.4);
    animation: bkCertificateAppear 0.3s ease;
}

@keyframes bkCertificateAppear {
    from {
        opacity: 0;
        transform: scale(0.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Close button */
.bk-certificate-lightbox__close {
    position: absolute;
    top: 20px;
    right: 25px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    transition: var(--bk-transition);
}

    .bk-certificate-lightbox__close:hover {
        border-color: var(--bk-orange);
        background: var(--bk-orange);
        transform: rotate(90deg);
    }

/* Navigation arrows */
.bk-certificate-lightbox__nav {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    font-size: 22px;
    cursor: pointer;
    transform: translateY(-50%);
    transition: var(--bk-transition);
}

    .bk-certificate-lightbox__nav:hover {
        border-color: var(--bk-green);
        background: var(--bk-green);
    }

.bk-certificate-lightbox__prev {
    left: 20px;
}

.bk-certificate-lightbox__next {
    right: 20px;
}

/* Bottom toolbar */
.bk-certificate-lightbox__bottom {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    color: #fff;
}

.bk-certificate-lightbox__play {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 110px;
    padding: 10px 18px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 30px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--bk-transition);
}

    .bk-certificate-lightbox__play:hover {
        border-color: var(--bk-orange);
        background: var(--bk-orange);
    }

.bk-certificate-lightbox__counter {
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    font-variant-numeric: tabular-nums;
}

/* Focus visibility */
.bk-certificate-lightbox button:focus-visible,
.bk-certificates-page .bk-certificate-preview:focus-visible {
    outline: 3px solid var(--bk-orange);
    outline-offset: 4px;
}

/* =====================================================
   FINAL CTA
===================================================== */

.bk-certificates-page .bk-certificates-cta {
    padding: 0 0 100px;
}

.bk-certificates-page .bk-certificates-cta-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    overflow: hidden;
    padding: 48px 52px;
    border-radius: var(--bk-radius-xl);
    color: var(--bk-white);
    background: radial-gradient( circle at 95% 10%, rgba(60, 180, 74, 0.3), transparent 35% ), var(--bk-deep-green);
}

.bk-certificates-page .bk-certificates-cta-content {
    max-width: 700px;
}

    .bk-certificates-page .bk-certificates-cta-content h2 {
        margin: 0 0 14px;
        color: var(--bk-white);
        font-family: "Manrope", sans-serif;
        font-size: clamp(25px, 3vw, 36px);
        font-weight: 800;
        line-height: 1.25;
    }

    .bk-certificates-page .bk-certificates-cta-content p {
        margin: 0;
        color: rgba(255, 255, 255, 0.82);
        font-size: 15px;
        line-height: 1.8;
    }

.bk-certificates-page .bk-certificates-cta-actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 15px;
}

    .bk-certificates-page .bk-certificates-cta-actions a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        min-height: 48px;
        padding: 12px 22px;
        border: 1px solid var(--bk-orange);
        border-radius: 30px;
        color: var(--bk-white);
        background: var(--bk-orange);
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        transition: var(--bk-transition);
    }

        .bk-certificates-page .bk-certificates-cta-actions a:hover {
            color: var(--bk-deep-green);
            border-color: var(--bk-white);
            background: var(--bk-white);
        }

    .bk-certificates-page .bk-certificates-cta-actions .bk-certificates-cta-secondary {
        border-color: rgba(255, 255, 255, 0.4);
        background: transparent;
    }

        .bk-certificates-page .bk-certificates-cta-actions .bk-certificates-cta-secondary:hover {
            color: var(--bk-deep-green);
            background: var(--bk-white);
        }

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 991px) {
    .bk-certificates-page .bk-certificates-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .bk-certificates-page .bk-certificates-intro {
        padding-top: 65px;
    }

    .bk-certificates-page .bk-certificates-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        padding: 40px;
    }

    .bk-certificates-lightbox {
        padding-right: 65px;
        padding-left: 65px;
    }
}

@media (max-width: 767px) {
    .bk-certificates-page .bk-container {
        width: min(100% - 30px, var(--bk-container));
    }

    .bk-certificates-page .bk-certificates-intro {
        padding: 50px 0 25px;
    }

    .bk-certificates-page .bk-certificates-heading h2 {
        font-size: 30px;
        letter-spacing: -0.6px;
    }

    .bk-certificates-page .bk-certificates-heading p {
        font-size: 14px;
    }

    .bk-certificates-page .bk-certificates-gallery {
        padding: 25px 0 65px;
    }

    .bk-certificates-page .bk-certificates-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .bk-certificates-page .bk-certificate-preview {
        aspect-ratio: 4 / 3;
    }

    .bk-certificates-page .bk-certificate-info {
        padding: 22px;
    }

        .bk-certificates-page .bk-certificate-info h3 {
            font-size: 19px;
        }

    .bk-certificates-page .bk-certificates-cta {
        padding-bottom: 65px;
    }

    .bk-certificates-page .bk-certificates-cta-inner {
        gap: 25px;
        padding: 30px 24px;
        border-radius: var(--bk-radius-lg);
    }

    .bk-certificates-page .bk-certificates-cta-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

        .bk-certificates-page .bk-certificates-cta-actions a {
            width: 100%;
        }

    /* Lightbox mobile */
    .bk-certificate-lightbox {
        padding: 70px 45px 90px;
    }

    .bk-certificate-lightbox__close {
        top: 12px;
        right: 12px;
        width: 40px;
        height: 40px;
    }

    .bk-certificate-lightbox__prev {
        left: 5px;
    }

    .bk-certificate-lightbox__next {
        right: 5px;
    }

    .bk-certificate-lightbox__nav {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }

    .bk-certificate-lightbox__bottom {
        bottom: 17px;
        gap: 14px;
    }

    .bk-certificate-lightbox__play {
        min-width: 95px;
        padding: 9px 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bk-certificates-page *,
    .bk-certificate-lightbox * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* =====================================================
   BHUMI KA SOLAR - RESIDENTIAL SOLAR PAGE
===================================================== */

.bk-residential-solar-page {
    --bk-res-accent: var(--bk-orange);
    color: var(--bk-text);
    background: var(--bk-white);
    overflow: hidden;
}

    .bk-residential-solar-page section:not(.bk-page-hero) {
        position: relative;
    }

    .bk-residential-solar-page .bk-container {
        width: min(calc(100% - 40px), var(--bk-container));
        margin-inline: auto;
    }

    /* HERO ACTIONS */

    .bk-residential-solar-page .bk-residential-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 28px;
        margin-bottom:28px;
    }

    .bk-residential-solar-page .bk-residential-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-height: 49px;
        padding: 13px 23px;
        border: 1px solid transparent;
        border-radius: 6px;
        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.4;
        text-decoration: none;
        transition: var(--bk-transition);
    }

        .bk-residential-solar-page .bk-residential-btn i {
            font-size: 17px;
            transition: transform 0.3s ease;
        }

        .bk-residential-solar-page .bk-residential-btn:hover i {
            transform: translate(3px, -2px);
        }

    .bk-residential-solar-page .bk-residential-btn-primary {
        color: var(--bk-white);
        background: var(--bk-orange);
        border-color: var(--bk-orange);
    }

        .bk-residential-solar-page .bk-residential-btn-primary:hover {
            color: var(--bk-white);
            background: #df6d12;
            border-color: #df6d12;
            transform: translateY(-2px);
        }

    .bk-residential-solar-page .bk-residential-btn-outline {
        color: var(--bk-white);
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.55);
    }

        .bk-residential-solar-page .bk-residential-btn-outline:hover {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-white);
        }

    /* COMMON SECTION HEADING */

    .bk-residential-solar-page .bk-residential-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        color: var(--bk-dark-green);
        font-family: "DM Sans", sans-serif;
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.6px;
        line-height: 1.5;
        text-transform: uppercase;
    }

        .bk-residential-solar-page .bk-residential-eyebrow::before {
            content: "";
            width: 25px;
            height: 2px;
            flex: 0 0 auto;
            background: var(--bk-orange);
        }

    .bk-residential-solar-page .bk-residential-section-heading {
        max-width: 740px;
        margin: 0 auto 46px;
        text-align: center;
    }

        .bk-residential-solar-page .bk-residential-section-heading h2,
        .bk-residential-solar-page .bk-residential-intro-content h2,
        .bk-residential-solar-page .bk-residential-faq-intro h2 {
            margin: 0 0 18px;
            color: var(--bk-deep-green);
            font-family: "Manrope", sans-serif;
            font-size: clamp(30px, 3.5vw, 43px);
            font-weight: 800;
            line-height: 1.2;
            letter-spacing: -1.1px;
        }

            .bk-residential-solar-page .bk-residential-section-heading h2 span,
            .bk-residential-solar-page .bk-residential-intro-content h2 span,
            .bk-residential-solar-page .bk-residential-faq-intro h2 span {
                color: var(--bk-green);
            }

        .bk-residential-solar-page .bk-residential-section-heading > p {
            max-width: 620px;
            margin: 0 auto;
            color: var(--bk-muted);
            font-size: 15px;
            line-height: 1.85;
        }

    /* =====================================================
   INTRO SECTION
===================================================== */

    .bk-residential-solar-page .bk-residential-intro {
        padding: 105px 0;
    }

    .bk-residential-solar-page .bk-residential-intro-grid {
        display: grid;
        grid-template-columns: 1fr 0.95fr;
        align-items: center;
        gap: clamp(40px, 7vw, 95px);
    }

    .bk-residential-solar-page .bk-residential-intro-image {
        position: relative;
        min-width: 0;
        padding: 0 0 28px 25px;
    }

        .bk-residential-solar-page .bk-residential-intro-image::before {
            content: "";
            position: absolute;
            top: -18px;
            left: 0;
            width: 44%;
            height: 45%;
            border-top: 3px solid var(--bk-orange);
            border-left: 3px solid var(--bk-orange);
            pointer-events: none;
        }

        .bk-residential-solar-page .bk-residential-intro-image > img {
            position: relative;
            z-index: 1;
            display: block;
            width: 100%;
            aspect-ratio: 6 / 4;
            object-fit: cover;
            background: var(--bk-light-gray);
        }

    .bk-residential-solar-page .bk-residential-image-note {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: 14px;
        width: fit-content;
        max-width: calc(100% - 20px);
        margin: -48px 0 0 25px;
        padding: 17px 21px;
        background: var(--bk-white);
        border-left: 3px solid var(--bk-orange);
        box-shadow: var(--bk-shadow-md);
    }

    .bk-residential-solar-page .bk-residential-note-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        flex-shrink: 0;
        color: var(--bk-dark-green);
        background: var(--bk-soft-green);
        font-size: 22px;
    }

    .bk-residential-solar-page .bk-residential-image-note strong,
    .bk-residential-solar-page .bk-residential-image-note span:not(.bk-residential-note-icon) {
        display: block;
    }

    .bk-residential-solar-page .bk-residential-image-note strong {
        margin-bottom: 4px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: 14px;
        font-weight: 800;
    }

    .bk-residential-solar-page .bk-residential-image-note div > span {
        color: var(--bk-muted);
        font-size: 12px;
    }

    .bk-residential-solar-page .bk-residential-intro-content > p {
        margin: 0 0 17px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.9;
    }

    .bk-residential-solar-page .bk-residential-text-link {
        display: inline-flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 12px;
        color: var(--bk-white);
        font-size: 14px;
        font-weight: 800;
        text-decoration: none;
        background-color:#F58220;
        padding
    }

        .bk-residential-solar-page .bk-residential-text-link i {
            color: var(--bk-orange);
            transition: transform 0.3s ease;
        }

        .bk-residential-solar-page .bk-residential-text-link:hover i {
            transform: translateX(5px);
        }

    /* =====================================================
   BENEFITS
===================================================== */

    .bk-residential-solar-page .bk-residential-benefits {
        padding: 100px 0;
        background: var(--bk-soft-green);
    }

    .bk-residential-solar-page .bk-residential-benefit-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid var(--bk-border);
        border-left: 1px solid var(--bk-border);
    }

    .bk-residential-solar-page .bk-residential-benefit-card {
        min-width: 0;
        padding: 30px 25px;
        background: var(--bk-white);
        border-right: 1px solid var(--bk-border);
        border-bottom: 1px solid var(--bk-border);
        transition: background 0.3s ease, transform 0.3s ease;
    }

        .bk-residential-solar-page .bk-residential-benefit-card:hover {
            position: relative;
            z-index: 1;
            background: #fff;
            transform: translateY(-4px);
        }

    .bk-residential-solar-page .bk-residential-card-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 54px;
        height: 54px;
        margin-bottom: 24px;
        color: var(--bk-dark-green);
        background: #e8f5e9;
        border-bottom: 3px solid var(--bk-green);
        font-size: 25px;
        transition: var(--bk-transition);
    }

    .bk-residential-solar-page .bk-residential-benefit-card:hover .bk-residential-card-icon {
        color: var(--bk-white);
        background: var(--bk-dark-green);
        border-bottom-color: var(--bk-orange);
    }

    .bk-residential-solar-page .bk-residential-benefit-card h3 {
        margin: 0 0 12px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: 17px;
        font-weight: 800;
        line-height: 1.45;
    }

    .bk-residential-solar-page .bk-residential-benefit-card p {
        margin: 0;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.8;
    }

    /* =====================================================
   SOLAR SYSTEM CARDS
===================================================== */

    .bk-residential-solar-page .bk-residential-systems {
        padding: 105px 0 95px;
    }

    .bk-residential-solar-page .bk-residential-system-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 25px;
        align-items: stretch;
    }

    .bk-residential-solar-page .bk-residential-system-card {
        display: flex;
        min-width: 0;
        flex-direction: column;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        transition: transform 0.35s ease, box-shadow 0.35s ease;
    }

        .bk-residential-solar-page .bk-residential-system-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--bk-shadow-md);
        }

    .bk-residential-solar-page .bk-residential-system-image {
        position: relative;
        overflow: hidden;
        background: var(--bk-light-gray);
    }

        .bk-residential-solar-page .bk-residential-system-image img {
            display: block;
            width: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }

    .bk-residential-solar-page .bk-residential-system-card:hover .bk-residential-system-image img {
        transform: scale(1.05);
    }

    .bk-residential-solar-page .bk-residential-system-number {
        position: absolute;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 54px;
        min-height: 48px;
        padding: 8px 14px;
        color: var(--bk-white);
        background: var(--bk-dark-green);
        font-family: "Manrope", sans-serif;
        font-size: 15px;
        font-weight: 800;
    }

    .bk-residential-solar-page .bk-residential-system-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: flex-start;
        padding: 27px;
    }

    .bk-residential-solar-page .bk-residential-system-label {
        display: inline-block;
        margin-bottom: 12px;
        color: var(--bk-dark-green);
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 1.2px;
    }

    .bk-residential-solar-page .bk-residential-system-body h3 {
        margin: 0 0 13px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: 22px;
        font-weight: 800;
        line-height: 1.35;
    }

    .bk-residential-solar-page .bk-residential-system-body > p {
        margin: 0 0 18px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.85;
    }

    .bk-residential-solar-page .bk-residential-system-body ul {
        display: grid;
        gap: 11px;
        width: 100%;
        margin: 0 0 24px;
        padding: 18px 0 0;
        border-top: 1px solid var(--bk-border);
        list-style: none;
    }

    .bk-residential-solar-page .bk-residential-system-body li {
        display: flex;
        align-items: flex-start;
        gap: 9px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.6;
    }

        .bk-residential-solar-page .bk-residential-system-body li i {
            flex-shrink: 0;
            color: var(--bk-green);
            font-size: 17px;
        }

    .bk-residential-solar-page .bk-residential-system-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: auto;
        padding-top: 5px;
        color: var(--bk-dark-green);
        font-size: 14px;
        font-weight: 800;
        text-decoration: none;
    }

        .bk-residential-solar-page .bk-residential-system-link i {
            color: var(--bk-orange);
            transition: transform 0.3s ease;
        }

        .bk-residential-solar-page .bk-residential-system-link:hover i {
            transform: translate(3px, -3px);
        }

    .bk-residential-solar-page .bk-residential-system-disclaimer {
        max-width: 900px;
        margin: 28px auto 0;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.8;
        text-align: center;
    }

    /* =====================================================
   INSTALLATION PROCESS
===================================================== */

    .bk-residential-solar-page .bk-residential-process {
        padding: 100px 0;
        background: var(--bk-light-gray);
    }

    .bk-residential-solar-page .bk-residential-process-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0;
    }

    .bk-residential-solar-page .bk-residential-process-step {
        position: relative;
        min-width: 0;
        padding: 25px 24px 10px;
        border-top: 2px solid var(--bk-gray);
    }

        .bk-residential-solar-page .bk-residential-process-step::before {
            content: "";
            position: absolute;
            top: -7px;
            left: 24px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: var(--bk-green);
            box-shadow: 0 0 0 5px var(--bk-light-gray);
        }

    .bk-residential-solar-page .bk-residential-step-number {
        position: absolute;
        top: 19px;
        right: 20px;
        color: rgba(18, 107, 53, 0.14);
        font-family: "Manrope", sans-serif;
        font-size: 38px;
        font-weight: 800;
        line-height: 1;
    }

    .bk-residential-solar-page .bk-residential-step-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 55px;
        height: 55px;
        margin: 16px 0 23px;
        color: var(--bk-dark-green);
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        font-size: 23px;
    }

    .bk-residential-solar-page .bk-residential-process-step h3 {
        margin: 0 0 12px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: 17px;
        font-weight: 800;
        line-height: 1.4;
    }

    .bk-residential-solar-page .bk-residential-process-step p {
        margin: 0;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.8;
    }

    /* =====================================================
   FAQ
===================================================== */

    .bk-residential-solar-page .bk-residential-faq {
        padding: 105px 0;
        background-color: var(--bk-soft-green);
    }

    .bk-residential-solar-page .bk-residential-faq-layout {
        display: grid;
        grid-template-columns: 0.8fr 1.2fr;
        align-items: start;
        gap: clamp(40px, 7vw, 100px);
    }

    .bk-residential-solar-page .bk-residential-faq-intro {
        position: sticky;
        top: 30px;
    }

        .bk-residential-solar-page .bk-residential-faq-intro > p {
            margin: 0 0 26px;
            color: var(--bk-muted);
            font-size: 15px;
            line-height: 1.85;
        }

    .bk-residential-solar-page .bk-residential-faq-list {
        border-top: 1px solid var(--bk-border);
    }

    .bk-residential-solar-page .bk-residential-faq-item {
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-residential-solar-page .bk-residential-faq-item summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 23px 0;
            color: var(--bk-deep-green);
            font-family: "Manrope", sans-serif;
            font-size: 15px;
            font-weight: 800;
            line-height: 1.6;
            list-style: none;
            cursor: pointer;
        }

            .bk-residential-solar-page .bk-residential-faq-item summary::-webkit-details-marker {
                display: none;
            }

            .bk-residential-solar-page .bk-residential-faq-item summary i {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 31px;
                height: 31px;
                flex: 0 0 31px;
                color: var(--bk-dark-green);
                background: var(--bk-soft-green);
                font-size: 15px;
                transition: transform 0.3s ease, background 0.3s ease;
            }

        .bk-residential-solar-page .bk-residential-faq-item[open] summary i {
            color: var(--bk-white);
            background: var(--bk-dark-green);
            transform: rotate(45deg);
        }

    .bk-residential-solar-page .bk-residential-faq-answer {
        padding: 0 35px 22px 0;
    }

        .bk-residential-solar-page .bk-residential-faq-answer p {
            margin: 0;
            color: var(--bk-muted);
            font-size: 15px;
            line-height: 1.9;
        }

    /* =====================================================
   FINAL CTA
===================================================== */

    .bk-residential-solar-page .bk-residential-final-cta {
        padding: 0 0 100px;
    }

    .bk-residential-solar-page .bk-residential-final-inner {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 35px;
        overflow: hidden;
        padding: 50px;
        color: var(--bk-white);
        background: radial-gradient( circle at 90% 0%, rgba(60, 180, 74, 0.3), transparent 35% ), var(--bk-deep-green);
    }

    .bk-residential-solar-page .bk-residential-final-content {
        max-width: 670px;
    }

        .bk-residential-solar-page .bk-residential-final-content .bk-residential-eyebrow {
            color: #bceac3;
        }

        .bk-residential-solar-page .bk-residential-final-content h2 {
            margin: 0 0 15px;
            color: var(--bk-white);
            font-family: "Manrope", sans-serif;
            font-size: clamp(27px, 3vw, 38px);
            font-weight: 800;
            line-height: 1.25;
            letter-spacing: -0.8px;
        }

        .bk-residential-solar-page .bk-residential-final-content p {
            margin: 0;
            color: rgba(255, 255, 255, 0.8);
            font-size: 15px;
            line-height: 1.85;
        }

    .bk-residential-solar-page .bk-residential-final-actions {
        display: flex;
        flex-shrink: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 17px;
    }

    .bk-residential-solar-page .bk-residential-phone {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--bk-white);
        font-size: 21px;
        font-weight: 700;
        text-decoration: none;
    }

        .bk-residential-solar-page .bk-residential-phone i {
            color: var(--bk-orange);
            font-size: 18px;
        }

        .bk-residential-solar-page .bk-residential-phone:hover {
            color: #bceac3;
        }

/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {
    .bk-residential-solar-page .bk-residential-intro,
    .bk-residential-solar-page .bk-residential-benefits,
    .bk-residential-solar-page .bk-residential-systems,
    .bk-residential-solar-page .bk-residential-process,
    .bk-residential-solar-page .bk-residential-faq {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .bk-residential-solar-page .bk-residential-intro-grid {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
    }

    .bk-residential-solar-page .bk-residential-benefit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-residential-solar-page .bk-residential-system-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-residential-solar-page .bk-residential-system-card:last-child {
        grid-column: 1 / -1;
    }

        .bk-residential-solar-page .bk-residential-system-card:last-child .bk-residential-system-image img {
            aspect-ratio: 16 / 6;
        }

    .bk-residential-solar-page .bk-residential-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 35px;
    }

    .bk-residential-solar-page .bk-residential-faq-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .bk-residential-solar-page .bk-residential-faq-intro {
        position: static;
        max-width: 650px;
    }

    .bk-residential-solar-page .bk-residential-final-inner {
        align-items: flex-start;
        flex-direction: column;
        padding: 40px;
    }

    .bk-residential-solar-page .bk-residential-final-actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {
    .bk-residential-solar-page .bk-container {
        width: min(calc(100% - 30px), var(--bk-container));
    }

    .bk-residential-solar-page .bk-residential-hero-actions {
        align-items: stretch;
        flex-direction: column;
        max-width: 360px;
    }

    .bk-residential-solar-page .bk-residential-btn {
        width: 100%;
    }

    .bk-residential-solar-page .bk-residential-intro,
    .bk-residential-solar-page .bk-residential-benefits,
    .bk-residential-solar-page .bk-residential-systems,
    .bk-residential-solar-page .bk-residential-process,
    .bk-residential-solar-page .bk-residential-faq {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .bk-residential-solar-page .bk-residential-intro-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .bk-residential-solar-page .bk-residential-intro-image {
        padding-left: 14px;
    }

        .bk-residential-solar-page .bk-residential-intro-image::before {
            top: -12px;
            width: 40%;
            height: 35%;
        }

    .bk-residential-solar-page .bk-residential-image-note {
        gap: 10px;
        margin-left: 12px;
        padding: 13px;
    }

    .bk-residential-solar-page .bk-residential-note-icon {
        width: 38px;
        height: 38px;
        font-size: 19px;
    }

    .bk-residential-solar-page .bk-residential-image-note strong {
        font-size: 12px;
    }

    .bk-residential-solar-page .bk-residential-image-note div > span {
        font-size: 11px;
    }

    .bk-residential-solar-page .bk-residential-section-heading {
        margin-bottom: 32px;
    }

        .bk-residential-solar-page .bk-residential-section-heading h2,
        .bk-residential-solar-page .bk-residential-intro-content h2,
        .bk-residential-solar-page .bk-residential-faq-intro h2 {
            font-size: 30px;
            letter-spacing: -0.7px;
        }

        .bk-residential-solar-page .bk-residential-section-heading > p,
        .bk-residential-solar-page .bk-residential-intro-content > p {
            font-size: 14px;
        }

    .bk-residential-solar-page .bk-residential-benefit-grid {
        grid-template-columns: 1fr;
    }

    .bk-residential-solar-page .bk-residential-benefit-card {
        padding: 25px;
    }

    .bk-residential-solar-page .bk-residential-card-icon {
        margin-bottom: 18px;
    }

    .bk-residential-solar-page .bk-residential-system-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .bk-residential-solar-page .bk-residential-system-card:last-child {
        grid-column: auto;
    }

        .bk-residential-solar-page .bk-residential-system-card:last-child .bk-residential-system-image img {
            aspect-ratio: 5 / 3;
        }

    .bk-residential-solar-page .bk-residential-system-body {
        padding: 23px;
    }

        .bk-residential-solar-page .bk-residential-system-body h3 {
            font-size: 20px;
        }

    .bk-residential-solar-page .bk-residential-process-grid {
        grid-template-columns: 1fr;
        row-gap: 28px;
    }

    .bk-residential-solar-page .bk-residential-process-step {
        padding-bottom: 8px;
    }

    .bk-residential-solar-page .bk-residential-faq-item summary {
        gap: 12px;
        padding: 20px 0;
        font-size: 14px;
    }

    .bk-residential-solar-page .bk-residential-faq-answer {
        padding-right: 0;
    }

    .bk-residential-solar-page .bk-residential-final-cta {
        padding-bottom: 60px;
    }

    .bk-residential-solar-page .bk-residential-final-inner {
        gap: 25px;
        padding: 30px 23px;
    }

    .bk-residential-solar-page .bk-residential-final-content h2 {
        font-size: 28px;
    }

    .bk-residential-solar-page .bk-residential-final-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .bk-residential-solar-page *,
    .bk-residential-solar-page *::before,
    .bk-residential-solar-page *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

.bk-residential-solar-page .bk-residential-local {
    padding: 75px 0;
    background: var(--bk-white);
    border-top: 1px solid var(--bk-border);
    border-bottom: 1px solid var(--bk-border);
}

.bk-residential-solar-page .bk-residential-local-content {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

    .bk-residential-solar-page .bk-residential-local-content h2 {
        margin: 0 0 20px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: clamp(28px, 3.5vw, 40px);
        font-weight: 800;
        line-height: 1.25;
    }

        .bk-residential-solar-page .bk-residential-local-content h2 span {
            color: var(--bk-green);
        }

    .bk-residential-solar-page .bk-residential-local-content p {
        margin: 0 auto 15px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.9;
    }

    .bk-residential-solar-page .bk-residential-local-content .bk-residential-btn {
        margin-top: 15px;
    }

@media (max-width: 767px) {
    .bk-residential-solar-page .bk-residential-local {
        padding: 55px 0;
    }

    .bk-residential-solar-page .bk-residential-local-content h2 {
        font-size: 29px;
    }

    .bk-residential-solar-page .bk-residential-local-content p {
        font-size: 14px;
    }
}

/* =========================================================
   COMMERCIAL SOLAR PAGE
   File: bhumika-custom.css
========================================================= */

.bk-commercial-solar-page {
    overflow: hidden;
    color: var(--bk-text);
}

    .bk-commercial-solar-page img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .bk-commercial-solar-page .bk-commercial-section {
        padding: 88px 0;
    }

    .bk-commercial-solar-page .bk-commercial-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        color: var(--bk-dark-green);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.8px;
        line-height: 1.5;
    }

        .bk-commercial-solar-page .bk-commercial-eyebrow::before {
            content: "";
            width: 25px;
            height: 2px;
            flex: 0 0 25px;
            background: var(--bk-orange);
        }

    .bk-commercial-solar-page .bk-commercial-section-heading {
        max-width: 760px;
        margin: 0 auto 42px;
        text-align: center;
    }

        .bk-commercial-solar-page .bk-commercial-section-heading h2,
        .bk-commercial-solar-page .bk-commercial-intro-content h2,
        .bk-commercial-solar-page .bk-commercial-process-intro h2,
        .bk-commercial-solar-page .bk-commercial-final-cta-content h2 {
            margin: 0;
            color: var(--bk-deep-green);
            font-family: "Manrope", sans-serif;
            font-size: clamp(30px, 3.2vw, 43px);
            font-weight: 800;
            letter-spacing: -1.3px;
            line-height: 1.2;
        }

            .bk-commercial-solar-page .bk-commercial-section-heading h2 span,
            .bk-commercial-solar-page .bk-commercial-intro-content h2 span,
            .bk-commercial-solar-page .bk-commercial-process-intro h2 span,
            .bk-commercial-solar-page .bk-commercial-final-cta-content h2 span {
                display: block;
                color: var(--bk-dark-green);
            }

        .bk-commercial-solar-page .bk-commercial-section-heading > p {
            max-width: 650px;
            margin: 17px auto 0;
            color: var(--bk-muted);
            font-size: 15px;
            line-height: 1.85;
        }


    /* HERO ACTIONS */

    .bk-commercial-solar-page .bk-commercial-hero-actions {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px;
        margin: 27px 0 25px;
    }

    .bk-commercial-solar-page .bk-commercial-btn {
        display: inline-flex;
        min-height: 49px;
        align-items: center;
        justify-content: center;
        gap: 11px;
        padding: 13px 21px;
        border: 1px solid transparent;
        border-radius: 4px;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.4;
        text-align: center;
        text-decoration: none;
        transition: var(--bk-transition);
    }

    .bk-commercial-solar-page .bk-commercial-btn-primary {
        color: var(--bk-white);
        background: var(--bk-orange);
        border-color: var(--bk-orange);
       
    }

        .bk-commercial-solar-page .bk-commercial-btn-primary:hover {
            color: var(--bk-white);
            background: var(--bk-dark-green);
            border-color: var(--bk-dark-green);
            transform: translateY(-2px);
        }

    .bk-commercial-solar-page .bk-commercial-btn-outline {
        color: var(--bk-white);
        border-color: rgba(255, 255, 255, 0.65);
        background: rgba(255, 255, 255, 0.04);
    }

        .bk-commercial-solar-page .bk-commercial-btn-outline:hover {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-white);
        }

    .bk-commercial-solar-page .bk-commercial-btn i {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .bk-commercial-solar-page .bk-commercial-btn:hover i {
        transform: translate(2px, -2px);
    }


    /* INTRO */

    .bk-commercial-solar-page .bk-commercial-intro {
        background: var(--bk-white);
    }

    .bk-commercial-solar-page .bk-commercial-intro-grid {
        display: grid;
        grid-template-columns: 0.95fr 1.05fr;
        align-items: center;
        gap: clamp(35px, 6vw, 80px);
    }

    .bk-commercial-solar-page .bk-commercial-intro-image {
        position: relative;
        min-height: 430px;
        overflow: hidden;
        background: var(--bk-light-gray);
    }

        .bk-commercial-solar-page .bk-commercial-intro-image > img {
            position: absolute;
            inset: 0;
            transition: transform 0.7s ease;
        }

        .bk-commercial-solar-page .bk-commercial-intro-image:hover > img {
            transform: scale(1.035);
        }

    .bk-commercial-solar-page .bk-commercial-image-caption {
        position: absolute;
        right: 18px;
        bottom: 18px;
        left: 18px;
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 17px;
        background: var(--bk-white);
        border-left: 3px solid var(--bk-orange);
        box-shadow: var(--bk-shadow-sm);
    }

    .bk-commercial-solar-page .bk-commercial-caption-icon {
        display: grid;
        width: 43px;
        height: 43px;
        flex: 0 0 43px;
        place-items: center;
        color: var(--bk-dark-green);
        background: var(--bk-soft-green);
        font-size: 20px;
    }

    .bk-commercial-solar-page .bk-commercial-image-caption strong,
    .bk-commercial-solar-page .bk-commercial-image-caption span:last-child {
        display: block;
    }

    .bk-commercial-solar-page .bk-commercial-image-caption strong {
        margin-bottom: 4px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: 14px;
        font-weight: 800;
    }

    .bk-commercial-solar-page .bk-commercial-image-caption div > span {
        color: var(--bk-muted);
        font-size: 13px;
        line-height: 1.5;
    }

    .bk-commercial-solar-page .bk-commercial-intro-content h2 {
        margin-bottom: 22px;
    }

    .bk-commercial-solar-page .bk-commercial-intro-content > p {
        margin: 0 0 16px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.9;
    }

    .bk-commercial-solar-page .bk-commercial-text-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 9px;
        color: var(--bk-dark-green);
        font-size: 13px;
        font-weight: 800;
        text-decoration: none;
    }

        .bk-commercial-solar-page .bk-commercial-text-link i {
            color: var(--bk-orange);
            transition: transform 0.3s ease;
        }

        .bk-commercial-solar-page .bk-commercial-text-link:hover {
            color: var(--bk-orange);
        }

            .bk-commercial-solar-page .bk-commercial-text-link:hover i {
                transform: translateX(5px);
            }


    /* BENEFITS */

    .bk-commercial-solar-page .bk-commercial-benefits {
        background: var(--bk-soft-green);
    }

    .bk-commercial-solar-page .bk-commercial-benefits-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid var(--bk-border);
        border-left: 1px solid var(--bk-border);
    }

    .bk-commercial-solar-page .bk-commercial-benefit-card {
        min-width: 0;
        padding: 29px 24px 31px;
        background: rgba(255, 255, 255, 0.65);
        border-right: 1px solid var(--bk-border);
        border-bottom: 1px solid var(--bk-border);
        transition: var(--bk-transition);
    }

        .bk-commercial-solar-page .bk-commercial-benefit-card:hover {
            position: relative;
            z-index: 1;
            background: var(--bk-white);
            box-shadow: var(--bk-shadow-sm);
        }

    .bk-commercial-solar-page .bk-commercial-benefit-icon {
        display: grid;
        width: 48px;
        height: 48px;
        margin-bottom: 24px;
        place-items: center;
        color: var(--bk-dark-green);
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        font-size: 22px;
        transition: var(--bk-transition);
    }

    .bk-commercial-solar-page .bk-commercial-benefit-card:hover
    .bk-commercial-benefit-icon {
        color: var(--bk-white);
        background: var(--bk-dark-green);
        border-color: var(--bk-dark-green);
    }

    .bk-commercial-solar-page .bk-commercial-benefit-card h3 {
        margin: 0 0 12px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: 17px;
        font-weight: 800;
        line-height: 1.45;
    }

    .bk-commercial-solar-page .bk-commercial-benefit-card p {
        margin: 0;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.85;
    }


    /* COMMERCIAL APPLICATIONS */

    .bk-commercial-solar-page .bk-commercial-applications {
        background: var(--bk-white);
    }

    .bk-commercial-solar-page .bk-commercial-applications-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .bk-commercial-solar-page .bk-commercial-application-card {
        display: grid;
        grid-template-columns: 0.85fr 1.15fr;
        min-width: 0;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        transition: var(--bk-transition);
    }

        .bk-commercial-solar-page .bk-commercial-application-card:hover {
            border-color: rgba(18, 107, 53, 0.32);
            box-shadow: var(--bk-shadow-sm);
            transform: translateY(-3px);
        }

    .bk-commercial-solar-page .bk-commercial-application-image {
        min-height: 235px;
        overflow: hidden;
        background: var(--bk-light-gray);
    }

        .bk-commercial-solar-page .bk-commercial-application-image img {
            transition: transform 0.65s ease;
        }

    .bk-commercial-solar-page .bk-commercial-application-card:hover
    .bk-commercial-application-image img {
        transform: scale(1.045);
    }

    .bk-commercial-solar-page .bk-commercial-application-content {
        align-self: center;
        padding: 25px;
    }

        .bk-commercial-solar-page .bk-commercial-application-content > span {
            display: block;
            margin-bottom: 12px;
            color: var(--bk-orange);
            font-size: 15px;
            font-weight: 800;
            letter-spacing: 1.5px;
        }

        .bk-commercial-solar-page .bk-commercial-application-content h3 {
            margin: 0 0 12px;
            color: var(--bk-deep-green);
            font-family: "Manrope", sans-serif;
            font-size: 18px;
            font-weight: 800;
            line-height: 1.4;
        }

        .bk-commercial-solar-page .bk-commercial-application-content p {
            margin: 0;
            color: var(--bk-muted);
            font-size: 15px;
            line-height: 1.8;
        }


    /* SYSTEM SOLUTIONS */

    .bk-commercial-solar-page .bk-commercial-solutions {
        background: var(--bk-light-gray);
    }

    .bk-commercial-solar-page .bk-commercial-solutions-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 22px;
    }

    .bk-commercial-solar-page .bk-commercial-solution-card {
        min-width: 0;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        transition: var(--bk-transition);
    }

        .bk-commercial-solar-page .bk-commercial-solution-card:hover {
            border-color: rgba(18, 107, 53, 0.3);
            box-shadow: var(--bk-shadow-md);
            transform: translateY(-4px);
        }

    .bk-commercial-solar-page .bk-commercial-solution-image {
        position: relative;
        height: 275px;
        overflow: hidden;
        background: var(--bk-gray);
    }

        .bk-commercial-solar-page .bk-commercial-solution-image img {
            transition: transform 0.65s ease;
        }

    .bk-commercial-solar-page .bk-commercial-solution-card:hover
    .bk-commercial-solution-image img {
        transform: scale(1.045);
    }

    .bk-commercial-solar-page .bk-commercial-solution-number {
        position: absolute;
        right: 0;
        bottom: 0;
        display: grid;
        width: 48px;
        height: 43px;
        place-items: center;
        color: var(--bk-white);
        background: var(--bk-dark-green);
        font-family: "Manrope", sans-serif;
        font-size: 13px;
        font-weight: 800;
    }

    .bk-commercial-solar-page .bk-commercial-solution-content {
        padding: 27px 25px 26px;
    }

    .bk-commercial-solar-page .bk-commercial-solution-label {
        display: block;
        margin-bottom: 10px;
        color: var(--bk-orange);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1.4px;
    }

    .bk-commercial-solar-page .bk-commercial-solution-content h3 {
        margin: 0 0 13px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: 21px;
        font-weight: 800;
        line-height: 1.35;
    }

    .bk-commercial-solar-page .bk-commercial-solution-content > p {
        min-height: 82px;
        margin: 0 0 17px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.85;
    }

    .bk-commercial-solar-page .bk-commercial-solution-content ul {
        display: grid;
        gap: 11px;
        margin: 0 0 23px;
        padding: 17px 0 0;
        list-style: none;
        border-top: 1px solid var(--bk-border);
    }

    .bk-commercial-solar-page .bk-commercial-solution-content li {
        position: relative;
        padding-left: 21px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.65;
    }

        .bk-commercial-solar-page .bk-commercial-solution-content li::before {
            content: "\F26A";
            position: absolute;
            top: 1px;
            left: 0;
            color: var(--bk-green);
            font-family: "bootstrap-icons";
            font-size: 14px;
        }

    .bk-commercial-solar-page .bk-commercial-card-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding-top: 16px;
        color: var(--bk-dark-green);
        border-top: 1px solid var(--bk-border);
        font-size: 16px;
        font-weight: 800;
        text-decoration: none;
    }

        .bk-commercial-solar-page .bk-commercial-card-link i {
            color: var(--bk-orange);
            font-size: 16px;
            transition: transform 0.3s ease;
        }

        .bk-commercial-solar-page .bk-commercial-card-link:hover {
            color: var(--bk-orange);
        }

            .bk-commercial-solar-page .bk-commercial-card-link:hover i {
                transform: translate(3px, -3px);
            }


    /* PROCESS */

    .bk-commercial-solar-page .bk-commercial-process {
        background: var(--bk-white);
    }

    .bk-commercial-solar-page .bk-commercial-process-grid {
        display: grid;
        grid-template-columns: 0.8fr 1.2fr;
        align-items: start;
        gap: clamp(35px, 7vw, 90px);
    }

    .bk-commercial-solar-page .bk-commercial-process-intro {
        position: sticky;
        top: 110px;
    }

        .bk-commercial-solar-page .bk-commercial-process-intro h2 {
            margin-bottom: 20px;
        }

        .bk-commercial-solar-page .bk-commercial-process-intro > p {
            margin: 0 0 25px;
            color: var(--bk-muted);
            font-size: 15px;
            line-height: 1.9;
        }

    .bk-commercial-solar-page .bk-commercial-process-steps {
        border-top: 1px solid var(--bk-border);
    }

    .bk-commercial-solar-page .bk-commercial-process-step {
        display: grid;
        grid-template-columns: 49px minmax(0, 1fr);
        gap: 20px;
        padding: 25px 0;
        border-bottom: 1px solid var(--bk-border);
    }

    .bk-commercial-solar-page .bk-commercial-step-number {
        display: grid;
        width: 43px;
        height: 43px;
        place-items: center;
        color: var(--bk-dark-green);
        background: var(--bk-soft-green);
        border: 1px solid rgba(18, 107, 53, 0.15);
        font-family: "Manrope", sans-serif;
        font-size: 12px;
        font-weight: 800;
    }

    .bk-commercial-solar-page .bk-commercial-process-step h3 {
        margin: 1px 0 8px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: 17px;
        font-weight: 800;
    }

    .bk-commercial-solar-page .bk-commercial-process-step p {
        margin: 0;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.8;
    }


    /* FAQ */

    .bk-commercial-solar-page .bk-commercial-faq {
        background: var(--bk-soft-green);
    }

    .bk-commercial-solar-page .bk-commercial-faq-list {
        max-width: 900px;
        margin: 0 auto;
        border-top: 1px solid var(--bk-border);
    }

    .bk-commercial-solar-page .bk-commercial-faq-item {
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-commercial-solar-page .bk-commercial-faq-item summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 22px 4px;
            color: var(--bk-deep-green);
            cursor: pointer;
            font-family: "Manrope", sans-serif;
            font-size: 15px;
            font-weight: 800;
            line-height: 1.6;
            list-style: none;
        }

            .bk-commercial-solar-page .bk-commercial-faq-item summary::-webkit-details-marker {
                display: none;
            }

            .bk-commercial-solar-page .bk-commercial-faq-item summary i {
                flex: 0 0 auto;
                color: var(--bk-orange);
                font-size: 17px;
                transition: transform 0.25s ease;
            }

        .bk-commercial-solar-page .bk-commercial-faq-item[open] summary i {
            transform: rotate(45deg);
        }

    .bk-commercial-solar-page .bk-commercial-faq-answer {
        padding: 0 35px 22px 4px;
    }

        .bk-commercial-solar-page .bk-commercial-faq-answer p {
            margin: 0;
            color: var(--bk-muted);
            font-size: 15px;
            line-height: 1.9;
        }


    /* FINAL CTA */

    .bk-commercial-solar-page .bk-commercial-final-cta {
        padding: 70px 0;
        background: var(--bk-deep-green);
    }

    .bk-commercial-solar-page .bk-commercial-final-cta-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 45px;
    }

    .bk-commercial-solar-page .bk-commercial-final-cta-content {
        max-width: 720px;
    }

        .bk-commercial-solar-page .bk-commercial-final-cta-content .bk-commercial-eyebrow {
            color: #C8EBCF;
        }

        .bk-commercial-solar-page .bk-commercial-final-cta-content h2 {
            color: var(--bk-white);
            font-size: clamp(29px, 3vw, 39px);
        }

            .bk-commercial-solar-page .bk-commercial-final-cta-content h2 span {
                color: #B7E7BF;
            }

        .bk-commercial-solar-page .bk-commercial-final-cta-content p {
            max-width: 620px;
            margin: 17px 0 0;
            color: rgba(255, 255, 255, 0.78);
            font-size: 15px;
            line-height: 1.85;
        }

    .bk-commercial-solar-page .bk-commercial-final-cta-actions {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 17px;
    }

        .bk-commercial-solar-page .bk-commercial-final-cta-actions
        .bk-commercial-btn-primary {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-white);
        }

            .bk-commercial-solar-page .bk-commercial-final-cta-actions
            .bk-commercial-btn-primary:hover {
                color: var(--bk-white);
                background: var(--bk-orange);
                border-color: var(--bk-orange);
            }

    .bk-commercial-solar-page .bk-commercial-phone-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--bk-orange);
        font-size: 21px;
        font-weight: 700;
        text-decoration: none;
    }

        .bk-commercial-solar-page .bk-commercial-phone-link i {
            color: #B7E7BF;
            font-size: 21px;
        }

        .bk-commercial-solar-page .bk-commercial-phone-link:hover {
            color: #B7E7BF;
        }


/* RESPONSIVE */

@media (max-width: 1199.98px) {
    .bk-commercial-solar-page .bk-commercial-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-commercial-solar-page .bk-commercial-applications-grid {
        gap: 18px;
    }

    .bk-commercial-solar-page .bk-commercial-application-card {
        grid-template-columns: 0.8fr 1.2fr;
    }

    .bk-commercial-solar-page .bk-commercial-application-content {
        padding: 20px;
    }

    .bk-commercial-solar-page .bk-commercial-solutions-grid {
        gap: 16px;
    }

    .bk-commercial-solar-page .bk-commercial-solution-content {
        padding: 23px 20px;
    }
}

@media (max-width: 991.98px) {
    .bk-commercial-solar-page .bk-commercial-section {
        padding: 70px 0;
    }

    .bk-commercial-solar-page .bk-commercial-intro-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .bk-commercial-solar-page .bk-commercial-intro-image {
        min-height: 380px;
    }

    .bk-commercial-solar-page .bk-commercial-applications-grid {
        grid-template-columns: 1fr;
    }

    .bk-commercial-solar-page .bk-commercial-application-card {
        grid-template-columns: 0.8fr 1.2fr;
    }

    .bk-commercial-solar-page .bk-commercial-solutions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-commercial-solar-page .bk-commercial-solution-content > p {
        min-height: auto;
    }

    .bk-commercial-solar-page .bk-commercial-process-grid {
        grid-template-columns: 1fr 1.15fr;
        gap: 32px;
    }

    .bk-commercial-solar-page .bk-commercial-process-intro {
        position: static;
    }

    .bk-commercial-solar-page .bk-commercial-final-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .bk-commercial-solar-page .bk-commercial-final-cta-actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

@media (max-width: 767.98px) {
    .bk-commercial-solar-page .bk-commercial-section {
        padding: 55px 0;
    }

    .bk-commercial-solar-page .bk-commercial-section-heading {
        margin-bottom: 30px;
    }

        .bk-commercial-solar-page .bk-commercial-section-heading h2,
        .bk-commercial-solar-page .bk-commercial-intro-content h2,
        .bk-commercial-solar-page .bk-commercial-process-intro h2 {
            font-size: 30px;
            letter-spacing: -0.8px;
        }

        .bk-commercial-solar-page .bk-commercial-section-heading > p {
            font-size: 15px;
        }

    .bk-commercial-solar-page .bk-commercial-hero-actions {
        align-items: stretch;
        flex-direction: column;
        max-width: 310px;
    }

    .bk-commercial-solar-page .bk-commercial-intro-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .bk-commercial-solar-page .bk-commercial-intro-image {
        min-height: 340px;
    }

    .bk-commercial-solar-page .bk-commercial-benefits-grid {
        grid-template-columns: 1fr 1fr;
    }

    .bk-commercial-solar-page .bk-commercial-benefit-card {
        padding: 22px 17px;
    }

        .bk-commercial-solar-page .bk-commercial-benefit-card h3 {
            font-size: 15px;
        }

        .bk-commercial-solar-page .bk-commercial-benefit-card p {
            font-size: 12px;
        }

    .bk-commercial-solar-page .bk-commercial-applications-grid,
    .bk-commercial-solar-page .bk-commercial-solutions-grid {
        grid-template-columns: 1fr;
    }

    .bk-commercial-solar-page .bk-commercial-application-card {
        grid-template-columns: 1fr;
    }

    .bk-commercial-solar-page .bk-commercial-application-image {
        min-height: 0;
        height: 220px;
    }

    .bk-commercial-solar-page .bk-commercial-application-content {
        padding: 22px;
    }

    .bk-commercial-solar-page .bk-commercial-solution-image {
        height: 230px;
    }

    .bk-commercial-solar-page .bk-commercial-solution-content {
        padding: 23px;
    }

    .bk-commercial-solar-page .bk-commercial-process-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .bk-commercial-solar-page .bk-commercial-process-step {
        grid-template-columns: 43px minmax(0, 1fr);
        gap: 15px;
    }

    .bk-commercial-solar-page .bk-commercial-faq-item summary {
        padding: 19px 2px;
        font-size: 14px;
    }

    .bk-commercial-solar-page .bk-commercial-faq-answer {
        padding-right: 8px;
        padding-bottom: 20px;
    }

    .bk-commercial-solar-page .bk-commercial-final-cta {
        padding: 52px 0;
    }

    .bk-commercial-solar-page .bk-commercial-final-cta-content h2 {
        font-size: 30px;
    }

    .bk-commercial-solar-page .bk-commercial-final-cta-actions {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 420px) {
    .bk-commercial-solar-page .bk-commercial-benefit-card {
        padding: 18px 13px;
    }

    .bk-commercial-solar-page .bk-commercial-benefit-icon {
        width: 42px;
        height: 42px;
        margin-bottom: 18px;
    }

    .bk-commercial-solar-page .bk-commercial-benefit-card h3 {
        font-size: 14px;
    }

    .bk-commercial-solar-page .bk-commercial-image-caption {
        right: 10px;
        bottom: 10px;
        left: 10px;
        padding: 12px;
    }

    .bk-commercial-solar-page .bk-commercial-final-cta-actions
    .bk-commercial-btn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bk-commercial-solar-page *,
    .bk-commercial-solar-page *::before,
    .bk-commercial-solar-page *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

/* =========================================================
   COMMERCIAL SOLAR - LOCAL SEO SECTION
========================================================= */

.bk-commercial-solar-page .bk-commercial-local {
    position: relative;
    padding: 75px 0;
    background: var(--bk-white);
    border-top: 1px solid var(--bk-border);
    border-bottom: 1px solid var(--bk-border);
}

.bk-commercial-solar-page .bk-commercial-local-content {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    padding: 45px 48px;
    background: var(--bk-soft-green);
    border: 1px solid var(--bk-border);
    border-left: 4px solid var(--bk-orange);
    box-shadow: var(--bk-shadow-sm);
}

    .bk-commercial-solar-page .bk-commercial-local-content h2 {
        margin: 0 0 22px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: clamp(28px, 3vw, 38px);
        font-weight: 800;
        letter-spacing: -1px;
        line-height: 1.3;
    }

        .bk-commercial-solar-page .bk-commercial-local-content h2 span {
            display: block;
            color: var(--bk-dark-green);
        }

    .bk-commercial-solar-page .bk-commercial-local-content p {
        margin: 0 0 25px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.9;
    }

    .bk-commercial-solar-page .bk-commercial-local-content
    .bk-commercial-btn {
        margin-top: 2px;
    }

        .bk-commercial-solar-page .bk-commercial-local-content
        .bk-commercial-btn i {
            font-size: 16px;
        }


/* TABLET */

@media (max-width: 767.98px) {
    .bk-commercial-solar-page .bk-commercial-local {
        padding: 50px 0;
    }

    .bk-commercial-solar-page .bk-commercial-local-content {
        padding: 30px 25px;
    }

        .bk-commercial-solar-page .bk-commercial-local-content h2 {
            font-size: 29px;
            letter-spacing: -0.6px;
        }
}


/* MOBILE */

@media (max-width: 480px) {
    .bk-commercial-solar-page .bk-commercial-local {
        padding: 40px 0;
    }

    .bk-commercial-solar-page .bk-commercial-local-content {
        padding: 25px 20px;
    }

        .bk-commercial-solar-page .bk-commercial-local-content h2 {
            font-size: 25px;
        }

        .bk-commercial-solar-page .bk-commercial-local-content
        .bk-commercial-btn {
            width: 100%;
        }
}

/* =========================================================
   INDUSTRIAL SOLAR PAGE
   File: bhumika-custom.css
========================================================= */

.bk-industrial-solar-page {
    overflow: hidden;
    color: var(--bk-text);
}

    .bk-industrial-solar-page img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .bk-industrial-solar-page .bk-industrial-section {
        padding: 85px 0;
    }

    .bk-industrial-solar-page p {
        font-size: 15px;
        line-height: 1.85;
    }

    .bk-industrial-solar-page .bk-industrial-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        color: var(--bk-dark-green);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.7px;
        line-height: 1.5;
    }

        .bk-industrial-solar-page .bk-industrial-eyebrow::before {
            content: "";
            width: 25px;
            height: 2px;
            flex: 0 0 25px;
            background: var(--bk-orange);
        }

    .bk-industrial-solar-page .bk-industrial-section-heading {
        max-width: 760px;
        margin: 0 auto 42px;
        text-align: center;
    }

        .bk-industrial-solar-page .bk-industrial-section-heading h2,
        .bk-industrial-solar-page .bk-industrial-intro-content h2,
        .bk-industrial-solar-page .bk-industrial-process-intro h2,
        .bk-industrial-solar-page .bk-industrial-local-content h2,
        .bk-industrial-solar-page .bk-industrial-final-cta-content h2 {
            margin: 0;
            color: var(--bk-deep-green);
            font-family: "Manrope", sans-serif;
            font-size: clamp(30px, 3.2vw, 43px);
            font-weight: 800;
            letter-spacing: -1.2px;
            line-height: 1.22;
        }

            .bk-industrial-solar-page .bk-industrial-section-heading h2 span,
            .bk-industrial-solar-page .bk-industrial-intro-content h2 span,
            .bk-industrial-solar-page .bk-industrial-process-intro h2 span,
            .bk-industrial-solar-page .bk-industrial-local-content h2 span,
            .bk-industrial-solar-page .bk-industrial-final-cta-content h2 span {
                display: block;
                color: var(--bk-dark-green);
            }

        .bk-industrial-solar-page .bk-industrial-section-heading > p {
            max-width: 670px;
            margin: 17px auto 0;
            color: var(--bk-muted);
        }


    /* BUTTONS */

    .bk-industrial-solar-page .bk-industrial-hero-actions {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px;
        margin: 27px 0 25px;
    }

    .bk-industrial-solar-page .bk-industrial-btn {
        display: inline-flex;
        min-height: 49px;
        align-items: center;
        justify-content: center;
        gap: 11px;
        padding: 13px 21px;
        border: 1px solid transparent;
        border-radius: 4px;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.4;
        text-align: center;
        text-decoration: none;
        transition: var(--bk-transition);
    }

    .bk-industrial-solar-page .bk-industrial-btn-primary {
        color: var(--bk-white);
        background: var(--bk-orange);
        border-color: var(--bk-orange);
    }

        .bk-industrial-solar-page .bk-industrial-btn-primary:hover {
            color: var(--bk-white);
            background: var(--bk-dark-green);
            border-color: var(--bk-dark-green);
            transform: translateY(-2px);
        }

    .bk-industrial-solar-page .bk-industrial-btn-outline {
        color: var(--bk-white);
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(255, 255, 255, 0.65);
    }

        .bk-industrial-solar-page .bk-industrial-btn-outline:hover {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-white);
        }

    .bk-industrial-solar-page .bk-industrial-btn i {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .bk-industrial-solar-page .bk-industrial-btn:hover i {
        transform: translate(2px, -2px);
    }


    /* INTRODUCTION */

    .bk-industrial-solar-page .bk-industrial-intro {
        background: var(--bk-white);
    }

    .bk-industrial-solar-page .bk-industrial-intro-grid {
        display: grid;
        grid-template-columns: 0.95fr 1.05fr;
        align-items: center;
        gap: clamp(35px, 6vw, 80px);
    }

    .bk-industrial-solar-page .bk-industrial-intro-image {
        position: relative;
        min-height: 440px;
        overflow: hidden;
        background: var(--bk-light-gray);
    }

        .bk-industrial-solar-page .bk-industrial-intro-image > img {
            position: absolute;
            inset: 0;
            transition: transform 0.7s ease;
        }

        .bk-industrial-solar-page .bk-industrial-intro-image:hover > img {
            transform: scale(1.035);
        }

    .bk-industrial-solar-page .bk-industrial-image-caption {
        position: absolute;
        right: 18px;
        bottom: 18px;
        left: 18px;
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 17px;
        background: var(--bk-white);
        border-left: 3px solid var(--bk-orange);
        box-shadow: var(--bk-shadow-sm);
    }

    .bk-industrial-solar-page .bk-industrial-caption-icon {
        display: grid;
        width: 43px;
        height: 43px;
        flex: 0 0 43px;
        place-items: center;
        color: var(--bk-dark-green);
        background: var(--bk-soft-green);
        font-size: 20px;
    }

    .bk-industrial-solar-page .bk-industrial-image-caption strong {
        display: block;
        margin-bottom: 4px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: 14px;
        font-weight: 800;
    }

    .bk-industrial-solar-page .bk-industrial-image-caption div > span {
        display: block;
        color: var(--bk-muted);
        font-size: 12px;
        line-height: 1.5;
    }

    .bk-industrial-solar-page .bk-industrial-intro-content h2 {
        margin-bottom: 22px;
    }

    .bk-industrial-solar-page .bk-industrial-intro-content > p {
        margin: 0 0 16px;
        color: var(--bk-muted);
    }

    .bk-industrial-solar-page .bk-industrial-text-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 8px;
        color: var(--bk-dark-green);
        font-size: 13px;
        font-weight: 800;
        text-decoration: none;
    }

        .bk-industrial-solar-page .bk-industrial-text-link i {
            color: var(--bk-orange);
            transition: transform 0.3s ease;
        }

        .bk-industrial-solar-page .bk-industrial-text-link:hover {
            color: var(--bk-orange);
        }

            .bk-industrial-solar-page .bk-industrial-text-link:hover i {
                transform: translateX(5px);
            }


    /* BENEFITS */

    .bk-industrial-solar-page .bk-industrial-benefits {
        background: var(--bk-soft-green);
    }

    .bk-industrial-solar-page .bk-industrial-benefits-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid var(--bk-border);
        border-left: 1px solid var(--bk-border);
    }

    .bk-industrial-solar-page .bk-industrial-benefit-card {
        min-width: 0;
        padding: 29px 23px 31px;
        background: rgba(255, 255, 255, 0.65);
        border-right: 1px solid var(--bk-border);
        border-bottom: 1px solid var(--bk-border);
        transition: var(--bk-transition);
    }

        .bk-industrial-solar-page .bk-industrial-benefit-card:hover {
            position: relative;
            z-index: 1;
            background: var(--bk-white);
            box-shadow: var(--bk-shadow-sm);
        }

    .bk-industrial-solar-page .bk-industrial-benefit-icon {
        display: grid;
        width: 48px;
        height: 48px;
        margin-bottom: 23px;
        place-items: center;
        color: var(--bk-dark-green);
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        font-size: 22px;
        transition: var(--bk-transition);
    }

    .bk-industrial-solar-page .bk-industrial-benefit-card:hover
    .bk-industrial-benefit-icon {
        color: var(--bk-white);
        background: var(--bk-dark-green);
        border-color: var(--bk-dark-green);
    }

    .bk-industrial-solar-page .bk-industrial-benefit-card h3 {
        margin: 0 0 12px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: 17px;
        font-weight: 800;
        line-height: 1.45;
    }

    .bk-industrial-solar-page .bk-industrial-benefit-card p {
        margin: 0;
        color: var(--bk-muted);
    }


    /* INDUSTRIAL APPLICATIONS */

    .bk-industrial-solar-page .bk-industrial-applications {
        background: var(--bk-white);
    }

    .bk-industrial-solar-page .bk-industrial-applications-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 23px;
    }

    .bk-industrial-solar-page .bk-industrial-application-card {
        display: grid;
        grid-template-columns: 0.85fr 1.15fr;
        min-width: 0;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        transition: var(--bk-transition);
    }

        .bk-industrial-solar-page .bk-industrial-application-card:hover {
            border-color: rgba(18, 107, 53, 0.32);
            box-shadow: var(--bk-shadow-sm);
            transform: translateY(-3px);
        }

    .bk-industrial-solar-page .bk-industrial-application-image {
        min-height: 235px;
        overflow: hidden;
        background: var(--bk-light-gray);
    }

        .bk-industrial-solar-page .bk-industrial-application-image img {
            transition: transform 0.65s ease;
        }

    .bk-industrial-solar-page .bk-industrial-application-card:hover
    .bk-industrial-application-image img {
        transform: scale(1.045);
    }

    .bk-industrial-solar-page .bk-industrial-application-content {
        align-self: center;
        padding: 24px;
    }

        .bk-industrial-solar-page .bk-industrial-application-content > span {
            display: block;
            margin-bottom: 12px;
            color: var(--bk-orange);
            font-size: 15px;
            font-weight: 800;
            letter-spacing: 1.4px;
        }

        .bk-industrial-solar-page .bk-industrial-application-content h3 {
            margin: 0 0 12px;
            color: var(--bk-deep-green);
            font-family: "Manrope", sans-serif;
            font-size: 18px;
            font-weight: 800;
            line-height: 1.4;
        }

        .bk-industrial-solar-page .bk-industrial-application-content p {
            margin: 0;
            color: var(--bk-muted);
        }


    /* SYSTEM SOLUTIONS */

    .bk-industrial-solar-page .bk-industrial-solutions {
        background: var(--bk-light-gray);
    }

    .bk-industrial-solar-page .bk-industrial-solutions-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 22px;
    }

    .bk-industrial-solar-page .bk-industrial-solution-card {
        min-width: 0;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        transition: var(--bk-transition);
    }

        .bk-industrial-solar-page .bk-industrial-solution-card:hover {
            border-color: rgba(18, 107, 53, 0.3);
            box-shadow: var(--bk-shadow-md);
            transform: translateY(-4px);
        }

    .bk-industrial-solar-page .bk-industrial-solution-image {
        position: relative;
        height: 275px;
        overflow: hidden;
        background: var(--bk-gray);
    }

        .bk-industrial-solar-page .bk-industrial-solution-image img {
            transition: transform 0.65s ease;
        }

    .bk-industrial-solar-page .bk-industrial-solution-card:hover
    .bk-industrial-solution-image img {
        transform: scale(1.045);
    }

    .bk-industrial-solar-page .bk-industrial-solution-number {
        position: absolute;
        right: 0;
        bottom: 0;
        display: grid;
        width: 48px;
        height: 43px;
        place-items: center;
        color: var(--bk-white);
        background: var(--bk-dark-green);
        font-family: "Manrope", sans-serif;
        font-size: 13px;
        font-weight: 800;
    }

    .bk-industrial-solar-page .bk-industrial-solution-content {
        padding: 27px 24px 25px;
    }

    .bk-industrial-solar-page .bk-industrial-solution-label {
        display: block;
        margin-bottom: 10px;
        color: var(--bk-orange);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1.4px;
    }

    .bk-industrial-solar-page .bk-industrial-solution-content h3 {
        margin: 0 0 13px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: 20px;
        font-weight: 800;
        line-height: 1.4;
    }

    .bk-industrial-solar-page .bk-industrial-solution-content > p {
        margin: 0 0 18px;
        color: var(--bk-muted);
    }

    .bk-industrial-solar-page .bk-industrial-solution-content ul {
        display: grid;
        gap: 11px;
        margin: 0 0 23px;
        padding: 17px 0 0;
        list-style: none;
        border-top: 1px solid var(--bk-border);
    }

    .bk-industrial-solar-page .bk-industrial-solution-content li {
        position: relative;
        padding-left: 21px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.7;
    }

        .bk-industrial-solar-page .bk-industrial-solution-content li::before {
            content: "\F26A";
            position: absolute;
            top: 1px;
            left: 0;
            color: var(--bk-green);
            font-family: "bootstrap-icons";
            font-size: 14px;
        }

    .bk-industrial-solar-page .bk-industrial-card-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding-top: 16px;
        color: var(--bk-dark-green);
        border-top: 1px solid var(--bk-border);
        font-size: 16px;
        font-weight: 800;
        text-decoration: none;
    }

        .bk-industrial-solar-page .bk-industrial-card-link i {
            color: var(--bk-orange);
            font-size: 16px;
            transition: transform 0.3s ease;
        }

        .bk-industrial-solar-page .bk-industrial-card-link:hover {
            color: var(--bk-orange);
        }

            .bk-industrial-solar-page .bk-industrial-card-link:hover i {
                transform: translate(3px, -3px);
            }


    /* PROJECT PROCESS */

    .bk-industrial-solar-page .bk-industrial-process {
        background: var(--bk-white);
    }

    .bk-industrial-solar-page .bk-industrial-process-grid {
        display: grid;
        grid-template-columns: 0.8fr 1.2fr;
        align-items: start;
        gap: clamp(35px, 7vw, 90px);
    }

    .bk-industrial-solar-page .bk-industrial-process-intro {
        position: sticky;
        top: 110px;
    }

        .bk-industrial-solar-page .bk-industrial-process-intro h2 {
            margin-bottom: 20px;
        }

        .bk-industrial-solar-page .bk-industrial-process-intro > p {
            margin: 0 0 25px;
            color: var(--bk-muted);
        }

    .bk-industrial-solar-page .bk-industrial-process-steps {
        border-top: 1px solid var(--bk-border);
    }

    .bk-industrial-solar-page .bk-industrial-process-step {
        display: grid;
        grid-template-columns: 49px minmax(0, 1fr);
        gap: 20px;
        padding: 25px 0;
        border-bottom: 1px solid var(--bk-border);
    }

    .bk-industrial-solar-page .bk-industrial-step-number {
        display: grid;
        width: 43px;
        height: 43px;
        place-items: center;
        color: var(--bk-dark-green);
        background: var(--bk-soft-green);
        border: 1px solid rgba(18, 107, 53, 0.15);
        font-family: "Manrope", sans-serif;
        font-size: 12px;
        font-weight: 800;
    }

    .bk-industrial-solar-page .bk-industrial-process-step h3 {
        margin: 1px 0 8px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: 17px;
        font-weight: 800;
    }

    .bk-industrial-solar-page .bk-industrial-process-step p {
        margin: 0;
        color: var(--bk-muted);
    }


    /* LOCAL SEO */

    .bk-industrial-solar-page .bk-industrial-local {
        background: var(--bk-soft-green);
        border-top: 1px solid var(--bk-border);
        border-bottom: 1px solid var(--bk-border);
    }

    .bk-industrial-solar-page .bk-industrial-local-content {
        max-width: 900px;
        margin: 0 auto;
        padding: 43px 46px;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        border-left: 4px solid var(--bk-orange);
        box-shadow: var(--bk-shadow-sm);
    }

        .bk-industrial-solar-page .bk-industrial-local-content h2 {
            margin-bottom: 20px;
        }

        .bk-industrial-solar-page .bk-industrial-local-content > p {
            margin: 0 0 25px;
            color: var(--bk-muted);
        }


    /* FAQ */

    .bk-industrial-solar-page .bk-industrial-faq {
        background: var(--bk-white);
    }

    .bk-industrial-solar-page .bk-industrial-faq-list {
        max-width: 900px;
        margin: 0 auto;
        border-top: 1px solid var(--bk-border);
    }

    .bk-industrial-solar-page .bk-industrial-faq-item {
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-industrial-solar-page .bk-industrial-faq-item summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 22px 4px;
            color: var(--bk-deep-green);
            cursor: pointer;
            font-family: "Manrope", sans-serif;
            font-size: 15px;
            font-weight: 800;
            line-height: 1.6;
            list-style: none;
        }

            .bk-industrial-solar-page .bk-industrial-faq-item summary::-webkit-details-marker {
                display: none;
            }

            .bk-industrial-solar-page .bk-industrial-faq-item summary i {
                flex: 0 0 auto;
                color: var(--bk-orange);
                font-size: 17px;
                transition: transform 0.25s ease;
            }

        .bk-industrial-solar-page .bk-industrial-faq-item[open] summary i {
            transform: rotate(45deg);
        }

    .bk-industrial-solar-page .bk-industrial-faq-answer {
        padding: 0 35px 22px 4px;
    }

        .bk-industrial-solar-page .bk-industrial-faq-answer p {
            margin: 0;
            color: var(--bk-muted);
        }


    /* FINAL CTA */

    .bk-industrial-solar-page .bk-industrial-final-cta {
        padding: 70px 0;
        background: var(--bk-deep-green);
    }

    .bk-industrial-solar-page .bk-industrial-final-cta-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 45px;
    }

    .bk-industrial-solar-page .bk-industrial-final-cta-content {
        max-width: 720px;
    }

        .bk-industrial-solar-page .bk-industrial-final-cta-content .bk-industrial-eyebrow {
            color: #C8EBCF;
        }

        .bk-industrial-solar-page .bk-industrial-final-cta-content h2 {
            color: var(--bk-white);
            font-size: clamp(29px, 3vw, 39px);
        }

            .bk-industrial-solar-page .bk-industrial-final-cta-content h2 span {
                color: #B7E7BF;
            }

        .bk-industrial-solar-page .bk-industrial-final-cta-content p {
            max-width: 620px;
            margin: 17px 0 0;
            color: rgba(255, 255, 255, 0.78);
        }

    .bk-industrial-solar-page .bk-industrial-final-cta-actions {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 17px;
    }

        .bk-industrial-solar-page .bk-industrial-final-cta-actions
        .bk-industrial-btn-primary {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-white);
        }

            .bk-industrial-solar-page .bk-industrial-final-cta-actions
            .bk-industrial-btn-primary:hover {
                color: var(--bk-white);
                background: var(--bk-orange);
                border-color: var(--bk-orange);
            }

    .bk-industrial-solar-page .bk-industrial-phone-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--bk-orange);
        font-size: 21px;
        font-weight: 700;
        text-decoration: none;
    }

        .bk-industrial-solar-page .bk-industrial-phone-link i {
            color: #B7E7BF;
            font-size: 17px;
        }

        .bk-industrial-solar-page .bk-industrial-phone-link:hover {
            color: #B7E7BF;
        }


/* TABLET */

@media (max-width: 1199.98px) {
    .bk-industrial-solar-page .bk-industrial-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-industrial-solar-page .bk-industrial-application-content {
        padding: 20px;
    }

    .bk-industrial-solar-page .bk-industrial-solutions-grid {
        gap: 16px;
    }

    .bk-industrial-solar-page .bk-industrial-solution-content {
        padding: 23px 20px;
    }
}

@media (max-width: 991.98px) {
    .bk-industrial-solar-page .bk-industrial-section {
        padding: 68px 0;
    }

    .bk-industrial-solar-page .bk-industrial-intro-grid {
        gap: 32px;
    }

    .bk-industrial-solar-page .bk-industrial-intro-image {
        min-height: 380px;
    }

    .bk-industrial-solar-page .bk-industrial-applications-grid {
        gap: 17px;
    }

    .bk-industrial-solar-page .bk-industrial-application-card {
        grid-template-columns: 1fr;
    }

    .bk-industrial-solar-page .bk-industrial-application-image {
        min-height: 0;
        height: 210px;
    }

    .bk-industrial-solar-page .bk-industrial-solutions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-industrial-solar-page .bk-industrial-process-grid {
        grid-template-columns: 1fr 1.15fr;
        gap: 32px;
    }

    .bk-industrial-solar-page .bk-industrial-process-intro {
        position: static;
    }

    .bk-industrial-solar-page .bk-industrial-final-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .bk-industrial-solar-page .bk-industrial-final-cta-actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}


/* MOBILE */

@media (max-width: 767.98px) {
    .bk-industrial-solar-page .bk-industrial-section {
        padding: 54px 0;
    }

    .bk-industrial-solar-page .bk-industrial-section-heading {
        margin-bottom: 30px;
    }

        .bk-industrial-solar-page .bk-industrial-section-heading h2,
        .bk-industrial-solar-page .bk-industrial-intro-content h2,
        .bk-industrial-solar-page .bk-industrial-process-intro h2,
        .bk-industrial-solar-page .bk-industrial-local-content h2 {
            font-size: 29px;
            letter-spacing: -0.7px;
        }

    .bk-industrial-solar-page .bk-industrial-hero-actions {
        align-items: stretch;
        flex-direction: column;
        max-width: 310px;
    }

    .bk-industrial-solar-page .bk-industrial-intro-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .bk-industrial-solar-page .bk-industrial-intro-image {
        min-height: 330px;
    }

    .bk-industrial-solar-page .bk-industrial-benefits-grid {
        grid-template-columns: 1fr 1fr;
    }

    .bk-industrial-solar-page .bk-industrial-benefit-card {
        padding: 21px 16px;
    }

        .bk-industrial-solar-page .bk-industrial-benefit-card h3 {
            font-size: 15px;
        }

    .bk-industrial-solar-page .bk-industrial-applications-grid,
    .bk-industrial-solar-page .bk-industrial-solutions-grid {
        grid-template-columns: 1fr;
    }

    .bk-industrial-solar-page .bk-industrial-application-card {
        grid-template-columns: 1fr;
    }

    .bk-industrial-solar-page .bk-industrial-application-image {
        height: 220px;
    }

    .bk-industrial-solar-page .bk-industrial-application-content {
        padding: 22px;
    }

    .bk-industrial-solar-page .bk-industrial-solution-image {
        height: 230px;
    }

    .bk-industrial-solar-page .bk-industrial-solution-content {
        padding: 23px;
    }

    .bk-industrial-solar-page .bk-industrial-process-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .bk-industrial-solar-page .bk-industrial-process-step {
        grid-template-columns: 43px minmax(0, 1fr);
        gap: 15px;
    }

    .bk-industrial-solar-page .bk-industrial-local-content {
        padding: 29px 24px;
    }

    .bk-industrial-solar-page .bk-industrial-faq-item summary {
        padding: 19px 2px;
        font-size: 14px;
    }

    .bk-industrial-solar-page .bk-industrial-faq-answer {
        padding-right: 8px;
        padding-bottom: 20px;
    }

    .bk-industrial-solar-page .bk-industrial-final-cta {
        padding: 52px 0;
    }

    .bk-industrial-solar-page .bk-industrial-final-cta-content h2 {
        font-size: 29px;
    }

    .bk-industrial-solar-page .bk-industrial-final-cta-actions {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 420px) {
    .bk-industrial-solar-page .bk-industrial-benefit-card {
        padding: 18px 13px;
    }

    .bk-industrial-solar-page .bk-industrial-benefit-icon {
        width: 42px;
        height: 42px;
        margin-bottom: 18px;
    }

    .bk-industrial-solar-page .bk-industrial-image-caption {
        right: 10px;
        bottom: 10px;
        left: 10px;
        padding: 12px;
    }

    .bk-industrial-solar-page .bk-industrial-local-content {
        padding: 24px 18px;
    }

        .bk-industrial-solar-page .bk-industrial-local-content h2 {
            font-size: 25px;
        }

    .bk-industrial-solar-page .bk-industrial-final-cta-actions
    .bk-industrial-btn {
        width: 100%;
    }
}


/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .bk-industrial-solar-page *,
    .bk-industrial-solar-page *::before,
    .bk-industrial-solar-page *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

/* =========================================================
   OTHER SOLUTIONS PAGE
========================================================= */

.bk-other-solutions-page {
    overflow: hidden;
    color: var(--bk-text);
}

    .bk-other-solutions-page img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .bk-other-solutions-page .bk-other-section {
        padding: 85px 0;
    }

    .bk-other-solutions-page p {
        font-size: 15px;
        line-height: 1.85;
    }

    .bk-other-solutions-page .bk-other-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        color: var(--bk-dark-green);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.6px;
        line-height: 1.5;
    }

        .bk-other-solutions-page .bk-other-eyebrow::before {
            content: "";
            width: 25px;
            height: 2px;
            flex: 0 0 25px;
            background: var(--bk-orange);
        }

    .bk-other-solutions-page .bk-other-section-heading {
        max-width: 750px;
        margin: 0 auto 42px;
        text-align: center;
    }

        .bk-other-solutions-page .bk-other-section-heading h2,
        .bk-other-solutions-page .bk-other-intro-content h2,
        .bk-other-solutions-page .bk-other-approach-content h2,
        .bk-other-solutions-page .bk-other-local-content h2,
        .bk-other-solutions-page .bk-other-final-cta-content h2 {
            margin: 0;
            color: var(--bk-deep-green);
            font-family: "Manrope", sans-serif;
            font-size: clamp(30px, 3.2vw, 42px);
            font-weight: 800;
            letter-spacing: -1.1px;
            line-height: 1.25;
        }

            .bk-other-solutions-page .bk-other-section-heading h2 span,
            .bk-other-solutions-page .bk-other-intro-content h2 span,
            .bk-other-solutions-page .bk-other-approach-content h2 span,
            .bk-other-solutions-page .bk-other-local-content h2 span,
            .bk-other-solutions-page .bk-other-final-cta-content h2 span {
                display: block;
                color: var(--bk-dark-green);
            }

        .bk-other-solutions-page .bk-other-section-heading > p {
            max-width: 670px;
            margin: 17px auto 0;
            color: var(--bk-muted);
        }


    /* BUTTONS */

    .bk-other-solutions-page .bk-other-hero-actions {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px;
        margin: 27px 0 25px;
    }

    .bk-other-solutions-page .bk-other-btn {
        display: inline-flex;
        min-height: 49px;
        align-items: center;
        justify-content: center;
        gap: 11px;
        padding: 13px 21px;
        border: 1px solid transparent;
        border-radius: 4px;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.4;
        text-align: center;
        text-decoration: none;
        transition: var(--bk-transition);
    }

    .bk-other-solutions-page .bk-other-btn-primary {
        color: var(--bk-white);
        background: var(--bk-orange);
        border-color: var(--bk-orange);
    }

        .bk-other-solutions-page .bk-other-btn-primary:hover {
            color: var(--bk-white);
            background: var(--bk-dark-green);
            border-color: var(--bk-dark-green);
            transform: translateY(-2px);
        }

    .bk-other-solutions-page .bk-other-btn-outline {
        color: var(--bk-white);
        background: rgba(255, 255, 255, 0.04);
        border-color: rgba(255, 255, 255, 0.65);
    }

        .bk-other-solutions-page .bk-other-btn-outline:hover {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-white);
        }

    .bk-other-solutions-page .bk-other-btn i {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .bk-other-solutions-page .bk-other-btn:hover i {
        transform: translate(2px, -2px);
    }


    /* INTRODUCTION */

    .bk-other-solutions-page .bk-other-intro {
        background: var(--bk-white);
    }

    .bk-other-solutions-page .bk-other-intro-grid {
        display: grid;
        grid-template-columns: 0.95fr 1.05fr;
        align-items: center;
        gap: clamp(35px, 6vw, 80px);
    }

    .bk-other-solutions-page .bk-other-intro-image {
        min-height: 430px;
        overflow: hidden;
        background: var(--bk-light-gray);
    }

        .bk-other-solutions-page .bk-other-intro-image img {
            transition: transform 0.7s ease;
        }

        .bk-other-solutions-page .bk-other-intro-image:hover img {
            transform: scale(1.035);
        }

    .bk-other-solutions-page .bk-other-intro-content h2 {
        margin-bottom: 22px;
    }

    .bk-other-solutions-page .bk-other-intro-content > p {
        margin: 0 0 16px;
        color: var(--bk-muted);
    }

    .bk-other-solutions-page .bk-other-text-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 8px;
        color: var(--bk-dark-green);
        font-size: 13px;
        font-weight: 800;
        text-decoration: none;
    }

        .bk-other-solutions-page .bk-other-text-link i {
            color: var(--bk-orange);
            transition: transform 0.3s ease;
        }

        .bk-other-solutions-page .bk-other-text-link:hover {
            color: var(--bk-orange);
        }

            .bk-other-solutions-page .bk-other-text-link:hover i {
                transform: translateX(5px);
            }


    /* SERVICES */

    .bk-other-solutions-page .bk-other-services {
        background: var(--bk-soft-green);
    }

    .bk-other-solutions-page .bk-other-services-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 25px;
    }

    .bk-other-solutions-page .bk-other-service-card {
        min-width: 0;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        transition: var(--bk-transition);
    }

        .bk-other-solutions-page .bk-other-service-card:hover {
            border-color: rgba(18, 107, 53, 0.3);
            box-shadow: var(--bk-shadow-md);
            transform: translateY(-4px);
        }

    .bk-other-solutions-page .bk-other-service-image {
        position: relative;
        height: 415px;
        overflow: hidden;
        background: var(--bk-gray);
    }

        .bk-other-solutions-page .bk-other-service-image img {
            transition: transform 0.65s ease;
        }

    .bk-other-solutions-page .bk-other-service-card:hover
    .bk-other-service-image img {
        transform: scale(1.045);
    }

    .bk-other-solutions-page .bk-other-service-number {
        position: absolute;
        right: 0;
        bottom: 0;
        display: grid;
        width: 52px;
        height: 48px;
        place-items: center;
        color: var(--bk-white);
        background: var(--bk-dark-green);
        font-family: "Manrope", sans-serif;
        font-size: 13px;
        font-weight: 800;
    }

    .bk-other-solutions-page .bk-other-service-content {
        padding: 29px 29px 25px;
    }

    .bk-other-solutions-page .bk-other-service-label {
        display: block;
        margin-bottom: 11px;
        color: var(--bk-orange);
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 1.5px;
    }

    .bk-other-solutions-page .bk-other-service-content h3 {
        margin: 0 0 13px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: 23px;
        font-weight: 800;
        line-height: 1.4;
    }

    .bk-other-solutions-page .bk-other-service-content > p {
        margin: 0 0 20px;
        color: var(--bk-muted);
    }

    .bk-other-solutions-page .bk-other-service-content ul {
        display: grid;
        gap: 10px;
        margin: 0 0 23px;
        padding: 17px 0 0;
        list-style: none;
        border-top: 1px solid var(--bk-border);
    }

    .bk-other-solutions-page .bk-other-service-content li {
        position: relative;
        padding-left: 22px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.7;
    }

        .bk-other-solutions-page .bk-other-service-content li::before {
            content: "\F26A";
            position: absolute;
            top: 1px;
            left: 0;
            color: var(--bk-green);
            font-family: "bootstrap-icons";
            font-size: 14px;
        }

    .bk-other-solutions-page .bk-other-service-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding-top: 17px;
        color: var(--bk-dark-green);
        border-top: 1px solid var(--bk-border);
        font-size: 16px;
        font-weight: 800;
        text-decoration: none;
    }

        .bk-other-solutions-page .bk-other-service-link i {
            color: var(--bk-orange);
            font-size: 16px;
            transition: transform 0.3s ease;
        }

        .bk-other-solutions-page .bk-other-service-link:hover {
            color: var(--bk-orange);
        }

            .bk-other-solutions-page .bk-other-service-link:hover i {
                transform: translate(3px, -3px);
            }


    /* APPROACH */

    .bk-other-solutions-page .bk-other-approach {
        background: var(--bk-white);
    }

    .bk-other-solutions-page .bk-other-approach-grid {
        display: grid;
        grid-template-columns: 0.95fr 1.05fr;
        align-items: start;
        gap: clamp(35px, 7vw, 85px);
    }

    .bk-other-solutions-page .bk-other-approach-content h2 {
        margin-bottom: 20px;
    }

    .bk-other-solutions-page .bk-other-approach-content > p {
        margin: 0 0 15px;
        color: var(--bk-muted);
    }

    .bk-other-solutions-page .bk-other-approach-content .bk-other-btn {
        margin-top: 12px;
    }

    .bk-other-solutions-page .bk-other-approach-points {
        border-top: 1px solid var(--bk-border);
    }

    .bk-other-solutions-page .bk-other-approach-point {
        display: grid;
        grid-template-columns: 49px minmax(0, 1fr);
        gap: 19px;
        padding: 24px 0;
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-other-solutions-page .bk-other-approach-point > span {
            display: grid;
            width: 46px;
            height: 46px;
            place-items: center;
            color: var(--bk-dark-green);
            background: var(--bk-soft-green);
            border: 1px solid var(--bk-border);
            font-size: 20px;
        }

        .bk-other-solutions-page .bk-other-approach-point h3 {
            margin: 1px 0 8px;
            color: var(--bk-deep-green);
            font-family: "Manrope", sans-serif;
            font-size: 17px;
            font-weight: 800;
        }

        .bk-other-solutions-page .bk-other-approach-point p {
            margin: 0;
            color: var(--bk-muted);
        }


    /* LOCAL SEO */

    .bk-other-solutions-page .bk-other-local {
        background: var(--bk-soft-green);
        border-top: 1px solid var(--bk-border);
        border-bottom: 1px solid var(--bk-border);
    }

    .bk-other-solutions-page .bk-other-local-content {
        max-width: 900px;
        margin: 0 auto;
        padding: 43px 46px;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        border-left: 4px solid var(--bk-orange);
        box-shadow: var(--bk-shadow-sm);
    }

        .bk-other-solutions-page .bk-other-local-content h2 {
            margin-bottom: 20px;
        }

        .bk-other-solutions-page .bk-other-local-content > p {
            margin: 0 0 25px;
            color: var(--bk-muted);
        }


    /* FAQ */

    .bk-other-solutions-page .bk-other-faq {
        background: var(--bk-white);
    }

    .bk-other-solutions-page .bk-other-faq-list {
        max-width: 900px;
        margin: 0 auto;
        border-top: 1px solid var(--bk-border);
    }

    .bk-other-solutions-page .bk-other-faq-item {
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-other-solutions-page .bk-other-faq-item summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 22px 4px;
            color: var(--bk-deep-green);
            cursor: pointer;
            font-family: "Manrope", sans-serif;
            font-size: 15px;
            font-weight: 800;
            line-height: 1.6;
            list-style: none;
        }

            .bk-other-solutions-page .bk-other-faq-item summary::-webkit-details-marker {
                display: none;
            }

            .bk-other-solutions-page .bk-other-faq-item summary i {
                flex: 0 0 auto;
                color: var(--bk-orange);
                font-size: 17px;
                transition: transform 0.25s ease;
            }

        .bk-other-solutions-page .bk-other-faq-item[open] summary i {
            transform: rotate(45deg);
        }

    .bk-other-solutions-page .bk-other-faq-answer {
        padding: 0 35px 22px 4px;
    }

        .bk-other-solutions-page .bk-other-faq-answer p {
            margin: 0;
            color: var(--bk-muted);
        }


    /* FINAL CTA */

    .bk-other-solutions-page .bk-other-final-cta {
        padding: 70px 0;
        background: var(--bk-deep-green);
    }

    .bk-other-solutions-page .bk-other-final-cta-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 45px;
    }

    .bk-other-solutions-page .bk-other-final-cta-content {
        max-width: 720px;
    }

        .bk-other-solutions-page .bk-other-final-cta-content .bk-other-eyebrow {
            color: #C8EBCF;
        }

        .bk-other-solutions-page .bk-other-final-cta-content h2 {
            color: var(--bk-white);
            font-size: clamp(29px, 3vw, 39px);
        }

            .bk-other-solutions-page .bk-other-final-cta-content h2 span {
                color: #B7E7BF;
            }

        .bk-other-solutions-page .bk-other-final-cta-content p {
            max-width: 620px;
            margin: 17px 0 0;
            color: rgba(255, 255, 255, 0.78);
        }

    .bk-other-solutions-page .bk-other-final-cta-actions {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 17px;
    }

        .bk-other-solutions-page .bk-other-final-cta-actions
        .bk-other-btn-primary {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-white);
        }

            .bk-other-solutions-page .bk-other-final-cta-actions
            .bk-other-btn-primary:hover {
                color: var(--bk-white);
                background: var(--bk-orange);
                border-color: var(--bk-orange);
            }

    .bk-other-solutions-page .bk-other-phone-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--bk-orange);
        font-size: 21px;
        font-weight: 700;
        text-decoration: none;
    }

        .bk-other-solutions-page .bk-other-phone-link i {
            color: #B7E7BF;
            font-size: 17px;
        }

        .bk-other-solutions-page .bk-other-phone-link:hover {
            color: #B7E7BF;
        }


/* RESPONSIVE */

@media (max-width: 991.98px) {
    .bk-other-solutions-page .bk-other-section {
        padding: 68px 0;
    }

    .bk-other-solutions-page .bk-other-intro-grid,
    .bk-other-solutions-page .bk-other-approach-grid {
        gap: 32px;
    }

    .bk-other-solutions-page .bk-other-intro-image {
        min-height: 360px;
    }

    .bk-other-solutions-page .bk-other-service-image {
        height: 235px;
    }

    .bk-other-solutions-page .bk-other-service-content {
        padding: 24px;
    }

    .bk-other-solutions-page .bk-other-final-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .bk-other-solutions-page .bk-other-final-cta-actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

@media (max-width: 767.98px) {
    .bk-other-solutions-page .bk-other-section {
        padding: 54px 0;
    }

    .bk-other-solutions-page .bk-other-section-heading {
        margin-bottom: 30px;
    }

        .bk-other-solutions-page .bk-other-section-heading h2,
        .bk-other-solutions-page .bk-other-intro-content h2,
        .bk-other-solutions-page .bk-other-approach-content h2,
        .bk-other-solutions-page .bk-other-local-content h2 {
            font-size: 29px;
            letter-spacing: -0.7px;
        }

    .bk-other-solutions-page .bk-other-hero-actions {
        align-items: stretch;
        flex-direction: column;
        max-width: 320px;
    }

    .bk-other-solutions-page .bk-other-intro-grid,
    .bk-other-solutions-page .bk-other-approach-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .bk-other-solutions-page .bk-other-intro-image {
        min-height: 300px;
    }

    .bk-other-solutions-page .bk-other-services-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .bk-other-solutions-page .bk-other-service-image {
        height: 240px;
    }

    .bk-other-solutions-page .bk-other-service-content {
        padding: 23px;
    }

        .bk-other-solutions-page .bk-other-service-content h3 {
            font-size: 21px;
        }

    .bk-other-solutions-page .bk-other-approach-point {
        gap: 15px;
    }

    .bk-other-solutions-page .bk-other-local-content {
        padding: 29px 24px;
    }

    .bk-other-solutions-page .bk-other-faq-item summary {
        padding: 19px 2px;
        font-size: 14px;
    }

    .bk-other-solutions-page .bk-other-faq-answer {
        padding-right: 8px;
        padding-bottom: 20px;
    }

    .bk-other-solutions-page .bk-other-final-cta {
        padding: 52px 0;
    }

    .bk-other-solutions-page .bk-other-final-cta-content h2 {
        font-size: 29px;
    }

    .bk-other-solutions-page .bk-other-final-cta-actions {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 420px) {
    .bk-other-solutions-page .bk-other-intro-image {
        min-height: 250px;
    }

    .bk-other-solutions-page .bk-other-service-image {
        height: 205px;
    }

    .bk-other-solutions-page .bk-other-service-content {
        padding: 20px;
    }

    .bk-other-solutions-page .bk-other-local-content {
        padding: 24px 18px;
    }

        .bk-other-solutions-page .bk-other-local-content h2 {
            font-size: 25px;
        }

    .bk-other-solutions-page .bk-other-final-cta-actions
    .bk-other-btn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bk-other-solutions-page *,
    .bk-other-solutions-page *::before,
    .bk-other-solutions-page *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

/* ==========================================
   BHUMI KA SOLAR - SOLUTIONS PAGE
   Root: .bk-solutions-page
========================================== */

.bk-solutions-page {
    color: var(--bk-text);
    background: var(--bk-white);
    overflow: clip;
}

    .bk-solutions-page *,
    .bk-solutions-page *::before,
    .bk-solutions-page *::after {
        box-sizing: border-box;
    }

    .bk-solutions-page img {
        display: block;
        max-width: 100%;
    }

    .bk-solutions-page p {
        font-size: 15px;
        line-height: 1.85;
        color: var(--bk-muted);
        margin-bottom: 0;
    }

    .bk-solutions-page h2,
    .bk-solutions-page h3 {
        font-family: "Manrope", sans-serif;
        color: var(--bk-dark-green);
    }

    .bk-solutions-page a {
        text-decoration: none;
    }

    .bk-solutions-page .bk-solutions-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        color: var(--bk-dark-green);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.8px;
        line-height: 1.6;
    }

        .bk-solutions-page .bk-solutions-eyebrow::before {
            content: "";
            width: 25px;
            height: 2px;
            flex: 0 0 25px;
            background: var(--bk-orange);
        }

    .bk-solutions-page .bk-solutions-btn {
        min-height: 48px;
        padding: 13px 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        border-radius: 6px;
        font-weight: 700;
        line-height: 1.4;
        border: 1px solid transparent;
        transition: var(--bk-transition);
    }

        .bk-solutions-page .bk-solutions-btn i {
            font-size: 16px;
            transition: transform 0.3s ease;
        }

        .bk-solutions-page .bk-solutions-btn:hover i {
            transform: translate(3px, -2px);
        }

    .bk-solutions-page .bk-solutions-btn-primary {
        color: var(--bk-white);
        background: var(--bk-orange);
        border-color: var(--bk-orange);
    }

        .bk-solutions-page .bk-solutions-btn-primary:hover {
            color: var(--bk-white);
            background: var(--bk-dark-green);
            border-color: var(--bk-dark-green);
        }

    .bk-solutions-page .bk-solutions-btn-outline {
        color: var(--bk-white);
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.65);
    }

        .bk-solutions-page .bk-solutions-btn-outline:hover {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-white);
        }


    /* HERO ACTIONS */

    .bk-solutions-page .bk-solutions-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin: 28px 0 24px;
    }


    /* INTRO */

    .bk-solutions-page .bk-solutions-intro {
        padding: 90px 0;
        background: var(--bk-white);
    }

    .bk-solutions-page .bk-solutions-intro-grid {
        display: grid;
        grid-template-columns: 1fr 0.95fr;
        align-items: center;
        gap: 75px;
    }

    .bk-solutions-page .bk-solutions-intro-content h2,
    .bk-solutions-page .bk-solutions-section-heading h2,
    .bk-solutions-page .bk-solutions-approach-content h2,
    .bk-solutions-page .bk-solutions-cta-content h2 {
        max-width: 650px;
        margin: 0;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: clamp(38px, 3.5vw, 58px);
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: -2px;
        margin-bottom:25px;
    }

        .bk-solutions-page .bk-solutions-intro-content h2 span,
        .bk-solutions-page .bk-solutions-section-heading h2 span,
        .bk-solutions-page .bk-solutions-approach-content h2 span {
            color: var(--bk-green);
        }

    .bk-solutions-page .bk-solutions-intro-content > p + p {
        margin-top: 13px;
    }

    .bk-solutions-page .bk-solutions-text-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 25px;
       
    }

        

        

    .bk-solutions-page .bk-solutions-intro-visual {
        position: relative;
        min-width: 0;
        padding-bottom: 25px;
    }

        .bk-solutions-page .bk-solutions-intro-visual::before {
            content: "";
            position: absolute;
            top: -15px;
            right: -15px;
            width: 38%;
            height: 42%;
            border-top: 3px solid var(--bk-orange);
            border-right: 3px solid var(--bk-orange);
            pointer-events: none;
        }

        .bk-solutions-page .bk-solutions-intro-visual > img {
            position: relative;
            z-index: 1;
            width: 100%;
        }

    .bk-solutions-page .bk-solutions-image-caption {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: 15px;
        width: calc(100% - 35px);
        margin: -52px auto 0;
        padding: 19px 20px;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        box-shadow: var(--bk-shadow-md);
    }

    .bk-solutions-page .bk-solutions-caption-icon {
        display: flex;
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        color: var(--bk-white);
        background: var(--bk-dark-green);
        font-size: 21px;
    }

    .bk-solutions-page .bk-solutions-image-caption strong {
        display: block;
        margin-bottom: 0px;
        font-family: "Manrope", sans-serif;
        font-size: 18px;
        font-weight: 800;
    }

    .bk-solutions-page .bk-solutions-image-caption p {
        font-size: 15px;
        line-height: 1.6;
        color: var(--bk-muted);
    }


    /* SOLUTIONS GRID */

    .bk-solutions-page .bk-solutions-list {
        padding: 95px 0 100px;
        background: var(--bk-light-gray);
        scroll-margin-top: 90px;
    }

    .bk-solutions-page .bk-solutions-section-heading {
        display: grid;
        grid-template-columns: 1fr 0.7fr;
        align-items: end;
        gap: 45px;
        margin-bottom: 42px;
    }

        .bk-solutions-page .bk-solutions-section-heading h2 {
            margin-bottom: 0;
        }

        .bk-solutions-page .bk-solutions-section-heading > p {
            max-width: 440px;
            justify-self: end;
            padding-bottom: 5px;
        }

    .bk-solutions-page .bk-solutions-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 25px;
    }

    .bk-solutions-page .bk-solution-card {
        min-width: 0;
        display: flex;
        flex-direction: column;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
    }

        .bk-solutions-page .bk-solution-card:hover {
            border-color: rgba(18, 107, 53, 0.3);
            box-shadow: var(--bk-shadow-md);
            transform: translateY(-5px);
        }

    .bk-solutions-page .bk-solution-card-image {
        position: relative;
        display: block;
        overflow: hidden;
        aspect-ratio: 16 / 8.5;
        background: var(--bk-gray);
    }

        .bk-solutions-page .bk-solution-card-image > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
        }

    .bk-solutions-page .bk-solution-card:hover
    .bk-solution-card-image > img {
        transform: scale(1.045);
    }

    .bk-solutions-page .bk-solution-card-number {
        position: absolute;
        top: 16px;
        left: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 42px;
        height: 34px;
        padding: 0 10px;
        color: var(--bk-white);
        background: var(--bk-dark-green);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .bk-solutions-page .bk-solution-card-image-icon {
        position: absolute;
        right: 17px;
        bottom: 17px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 47px;
        height: 47px;
        color: var(--bk-white);
        background: var(--bk-orange);
        font-size: 21px;
        transition: background 0.3s ease;
    }

    .bk-solutions-page .bk-solution-card:hover
    .bk-solution-card-image-icon {
        background: var(--bk-dark-green);
    }

    .bk-solutions-page .bk-solution-card-content {
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: flex-start;
        padding: 27px 28px 25px;
    }

    .bk-solutions-page .bk-solution-card-label {
        margin-bottom: 5px;
        color: var(--bk-orange);
        font-size: 15px;
        font-weight: 800;
        letter-spacing: 1.6px;
    }

    .bk-solutions-page .bk-solution-card-content h3 {
        margin: 0 0 12px;
        font-size: 23px;
        font-weight: 800;
        letter-spacing: -0.5px;
        line-height: 1.35;
    }

        .bk-solutions-page .bk-solution-card-content h3 a {
            color: var(--bk-deep-green);
            transition: color 0.3s ease;
        }

    .bk-solutions-page .bk-solution-card:hover
    .bk-solution-card-content h3 a {
        color: var(--bk-dark-green);
    }

    .bk-solutions-page .bk-solution-card-content > p {
        margin-bottom: 23px;
    }

    .bk-solutions-page .bk-solution-card-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: auto;
        padding-top: 15px;
        color: var(--bk-dark-green);
        font-size: 16px;
        font-weight: 800;
        border-top: 1px solid var(--bk-border);
        width: 100%;
    }

        .bk-solutions-page .bk-solution-card-link i {
            color: var(--bk-orange);
            font-size: 16px;
            transition: transform 0.3s ease;
        }

        .bk-solutions-page .bk-solution-card-link:hover i {
            transform: translate(4px, -3px);
        }


    /* APPROACH */

    .bk-solutions-page .bk-solutions-approach {
        padding: 100px 0;
        background: var(--bk-white);
    }

    .bk-solutions-page .bk-solutions-approach-grid {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        gap: 90px;
        align-items: start;
    }

    .bk-solutions-page .bk-solutions-approach-content h2 {
        margin-bottom: 20px;
    }

    .bk-solutions-page .bk-solutions-approach-content > p {
        margin-bottom: 25px;
    }

    .bk-solutions-page .bk-solutions-approach-steps {
        border-top: 1px solid var(--bk-border);
    }

    .bk-solutions-page .bk-solutions-step {
        display: grid;
        grid-template-columns: 48px 1fr;
        gap: 19px;
        padding: 24px 0;
        border-bottom: 1px solid var(--bk-border);
    }

    .bk-solutions-page .bk-solutions-step-number {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        color: var(--bk-dark-green);
        background: var(--bk-soft-green);
        border: 1px solid rgba(18, 107, 53, 0.14);
        font-size: 12px;
        font-weight: 800;
    }

    .bk-solutions-page .bk-solutions-step h3 {
        margin: 0 0 7px;
        font-size: 17px;
        font-weight: 800;
    }

    .bk-solutions-page .bk-solutions-step p {
        font-size: 15px;
    }


    /* FINAL CTA */

    .bk-solutions-page .bk-solutions-cta {
        padding: 0 0 90px;
        background: var(--bk-white);
    }

    .bk-solutions-page .bk-solutions-cta-inner {
        position: relative;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 45px;
        padding: 55px 60px;
        color: var(--bk-white);
        background: var(--bk-deep-green);
        overflow: hidden;
    }

        .bk-solutions-page .bk-solutions-cta-inner::after {
            content: "";
            position: absolute;
            right: -75px;
            top: -100px;
            width: 270px;
            height: 270px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 50%;
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.025), 0 0 0 60px rgba(255, 255, 255, 0.025);
            pointer-events: none;
        }

    .bk-solutions-page .bk-solutions-cta-content,
    .bk-solutions-page .bk-solutions-cta-actions {
        position: relative;
        z-index: 1;
    }

        .bk-solutions-page .bk-solutions-cta-content .bk-solutions-eyebrow {
            color: #B9E9C1;
        }

        .bk-solutions-page .bk-solutions-cta-content h2 {
            max-width: 650px;
            margin-bottom: 15px;
            color: var(--bk-white);
            font-size: clamp(28px, 3vw, 39px);
        }

            .bk-solutions-page .bk-solutions-cta-content h2 span {
                color: #A8E5B3;
            }

        .bk-solutions-page .bk-solutions-cta-content > p {
            max-width: 620px;
            color: rgba(255, 255, 255, 0.78);
        }

    .bk-solutions-page .bk-solutions-cta-actions {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
    }

    .bk-solutions-page .bk-solutions-btn-light {
        color: var(--bk-deep-green);
        background: var(--bk-white);
        border-color: var(--bk-white);
        white-space: nowrap;
    }

        .bk-solutions-page .bk-solutions-btn-light:hover {
            color: var(--bk-deep-green);
            background: #EAF7EC;
            border-color: #EAF7EC;
        }

    .bk-solutions-page .bk-solutions-cta-phone {
        display: flex;
        align-items: center;
        gap: 12px;
        color: var(--bk-white);
    }

        .bk-solutions-page .bk-solutions-cta-phone > i {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            color: var(--bk-white);
            background: rgba(255, 255, 255, 0.12);
            font-size: 18px;
        }

        .bk-solutions-page .bk-solutions-cta-phone small,
        .bk-solutions-page .bk-solutions-cta-phone strong {
            display: block;
        }

        .bk-solutions-page .bk-solutions-cta-phone small {
            margin-bottom: 3px;
            color: rgba(255, 255, 255, 0.7);
            font-size: 11px;
        }

        .bk-solutions-page .bk-solutions-cta-phone strong {
            font-size: 18px;
            font-weight: 800;
            color:var(--bk-orange);
        }


/* RESPONSIVE */

@media (max-width: 991px) {
    .bk-solutions-page .bk-solutions-intro,
    .bk-solutions-page .bk-solutions-list,
    .bk-solutions-page .bk-solutions-approach {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .bk-solutions-page .bk-solutions-intro-grid {
        gap: 40px;
    }

    .bk-solutions-page .bk-solutions-intro-visual > img {
        height: 340px;
    }

    .bk-solutions-page .bk-solutions-section-heading {
        gap: 25px;
    }

    .bk-solutions-page .bk-solutions-grid {
        gap: 20px;
    }

    .bk-solutions-page .bk-solution-card-content {
        padding: 23px 22px;
    }

        .bk-solutions-page .bk-solution-card-content h3 {
            font-size: 21px;
        }

    .bk-solutions-page .bk-solutions-approach-grid {
        gap: 45px;
    }

    .bk-solutions-page .bk-solutions-cta-inner {
        padding: 42px 35px;
        gap: 30px;
    }
}

@media (max-width: 767px) {
    .bk-solutions-page .bk-solutions-hero-actions {
        align-items: stretch;
        flex-direction: column;
        max-width: 290px;
    }

    .bk-solutions-page .bk-solutions-intro,
    .bk-solutions-page .bk-solutions-list,
    .bk-solutions-page .bk-solutions-approach {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .bk-solutions-page .bk-solutions-intro-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .bk-solutions-page .bk-solutions-intro-content h2,
    .bk-solutions-page .bk-solutions-section-heading h2,
    .bk-solutions-page .bk-solutions-approach-content h2 {
        font-size: 31px;
        letter-spacing: -0.8px;
    }

    .bk-solutions-page .bk-solutions-intro-visual > img {
        height: 300px;
    }

    .bk-solutions-page .bk-solutions-section-heading {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-bottom: 30px;
    }

        .bk-solutions-page .bk-solutions-section-heading > p {
            justify-self: start;
        }

    .bk-solutions-page .bk-solutions-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .bk-solutions-page .bk-solution-card-image {
        aspect-ratio: 16 / 9;
    }

    .bk-solutions-page .bk-solution-card-content {
        padding: 23px 22px;
    }

    .bk-solutions-page .bk-solutions-approach-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .bk-solutions-page .bk-solutions-cta {
        padding-bottom: 60px;
    }

    .bk-solutions-page .bk-solutions-cta-inner {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 35px 25px;
    }

    .bk-solutions-page .bk-solutions-cta-content h2 {
        font-size: 30px;
        letter-spacing: -0.8px;
    }

    .bk-solutions-page .bk-solutions-cta-actions {
        gap: 18px;
    }
}

@media (max-width: 420px) {
    .bk-solutions-page .bk-solutions-intro-content h2,
    .bk-solutions-page .bk-solutions-section-heading h2,
    .bk-solutions-page .bk-solutions-approach-content h2 {
        font-size: 28px;
    }

    .bk-solutions-page .bk-solutions-image-caption {
        width: calc(100% - 18px);
        padding: 15px;
    }

    .bk-solutions-page .bk-solution-card-content {
        padding: 20px 18px;
    }

    .bk-solutions-page .bk-solutions-cta-inner {
        padding: 30px 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bk-solutions-page *,
    .bk-solutions-page *::before,
    .bk-solutions-page *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

/* ==========================================
   ON-GRID SOLAR PAGE
   Root: .bk-on-grid-page
========================================== */

.bk-on-grid-page {
    color: var(--bk-text);
    background: var(--bk-white);
    overflow: clip;
}

    .bk-on-grid-page *,
    .bk-on-grid-page *::before,
    .bk-on-grid-page *::after {
        box-sizing: border-box;
    }

    .bk-on-grid-page img {
        display: block;
        max-width: 100%;
    }

    .bk-on-grid-page p {
        margin-bottom: 0;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.85;
    }

    .bk-on-grid-page h2,
    .bk-on-grid-page h3 {
        font-family: "Manrope", sans-serif;
        color: var(--bk-text);
    }

    .bk-on-grid-page a {
        text-decoration: none;
    }

    .bk-on-grid-page .bk-on-grid-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        color: var(--bk-dark-green);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.7px;
        line-height: 1.6;
    }

        .bk-on-grid-page .bk-on-grid-eyebrow::before {
            content: "";
            width: 25px;
            height: 2px;
            flex: 0 0 25px;
            background: var(--bk-orange);
        }

    .bk-on-grid-page .bk-on-grid-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-height: 48px;
        padding: 13px 20px;
        border: 1px solid transparent;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.4;
        transition: var(--bk-transition);
        border-radius:6px;
    }

        .bk-on-grid-page .bk-on-grid-btn i {
            font-size: 16px;
            transition: transform 0.3s ease;
        }

        .bk-on-grid-page .bk-on-grid-btn:hover i {
            transform: translate(3px, -2px);
        }

    .bk-on-grid-page .bk-on-grid-btn-primary {
        color: var(--bk-white);
        background: var(--bk-orange);
        border-color: var(--bk-orange);
    }

        .bk-on-grid-page .bk-on-grid-btn-primary:hover {
            color: var(--bk-white);
            background: var(--bk-dark-green);
            border-color: var(--bk-dark-green);
        }

    .bk-on-grid-page .bk-on-grid-btn-outline {
        color: var(--bk-white);
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.65);
    }

        .bk-on-grid-page .bk-on-grid-btn-outline:hover {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-white);
        }

    .bk-on-grid-page .bk-on-grid-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin: 28px 0 24px;
    }


    /* OVERVIEW */

    .bk-on-grid-page .bk-on-grid-overview {
        padding: 90px 0;
        background: var(--bk-white);
    }

    .bk-on-grid-page .bk-on-grid-overview-grid {
        display: grid;
        grid-template-columns: 1fr 0.95fr;
        align-items: center;
        gap: 75px;
    }

    .bk-on-grid-page .bk-on-grid-overview-content h2,
    .bk-on-grid-page .bk-on-grid-section-heading h2,
    .bk-on-grid-page .bk-on-grid-benefits-content h2,
    .bk-on-grid-page .bk-on-grid-backup-content h2,
    .bk-on-grid-page .bk-on-grid-comparison-heading h2,
    .bk-on-grid-page .bk-on-grid-faq-heading h2,
    .bk-on-grid-page .bk-on-grid-cta-content h2 {
       
        margin: 0;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: clamp(38px, 3.5vw, 58px);
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: -2px;
        margin-bottom: 25px;
    }

        .bk-on-grid-page .bk-on-grid-overview-content h2 span,
        .bk-on-grid-page .bk-on-grid-section-heading h2 span,
        .bk-on-grid-page .bk-on-grid-benefits-content h2 span,
        .bk-on-grid-page .bk-on-grid-backup-content h2 span,
        .bk-on-grid-page .bk-on-grid-comparison-heading h2 span,
        .bk-on-grid-page .bk-on-grid-faq-heading h2 span {
            color: var(--bk-green);
        }

    .bk-on-grid-page .bk-on-grid-overview-content > p + p {
        margin-top: 13px;
    }

    .bk-on-grid-page .bk-on-grid-text-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 25px;
        
    }

        .bk-on-grid-page .bk-on-grid-text-link i {
           
            transition: transform 0.3s ease;
        }

        .bk-on-grid-page .bk-on-grid-text-link:hover i {
            transform: translateX(5px);
        }

    .bk-on-grid-page .bk-on-grid-overview-visual {
        position: relative;
        min-width: 0;
        padding-bottom: 25px;
    }

        .bk-on-grid-page .bk-on-grid-overview-visual::before {
            content: "";
            position: absolute;
            top: -15px;
            right: -15px;
            width: 38%;
            height: 42%;
            border-top: 3px solid var(--bk-orange);
            border-right: 3px solid var(--bk-orange);
            pointer-events: none;
        }

        .bk-on-grid-page .bk-on-grid-overview-visual > img {
            position: relative;
            z-index: 1;
            width: 100%;
        }

    .bk-on-grid-page .bk-on-grid-visual-note {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: 15px;
        width: calc(100% - 35px);
        margin: 0px auto 0;
        padding: 19px 20px;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        box-shadow: var(--bk-shadow-md);
    }

    .bk-on-grid-page .bk-on-grid-visual-icon {
        display: flex;
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        color: var(--bk-white);
        background: var(--bk-dark-green);
        font-size: 21px;
    }

    .bk-on-grid-page .bk-on-grid-visual-note strong {
        display: block;
        margin-bottom: 0px;
        font-family: "Manrope", sans-serif;
        font-size: 16px;
        font-weight: 800;
    }

    .bk-on-grid-page .bk-on-grid-visual-note p {
        font-size: 14px;
        line-height: 1.6;
    }


    /* SECTION HEADINGS */

    .bk-on-grid-page .bk-on-grid-section-heading {
        max-width: 760px;
        margin: 0 auto 42px;
        text-align: center;
    }

        .bk-on-grid-page .bk-on-grid-section-heading .bk-on-grid-eyebrow,
        .bk-on-grid-page .bk-on-grid-comparison-heading .bk-on-grid-eyebrow,
        .bk-on-grid-page .bk-on-grid-faq-heading .bk-on-grid-eyebrow {
            justify-content: center;
        }

        .bk-on-grid-page .bk-on-grid-section-heading h2,
        .bk-on-grid-page .bk-on-grid-comparison-heading h2,
        .bk-on-grid-page .bk-on-grid-faq-heading h2 {
            margin-bottom: 15px;
        }


    /* HOW IT WORKS */

    .bk-on-grid-page .bk-on-grid-working {
        padding: 95px 0 100px;
        background: var(--bk-light-gray);
    }

    .bk-on-grid-page .bk-on-grid-working-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid var(--bk-border);
        border-bottom: 1px solid var(--bk-border);
    }

    .bk-on-grid-page .bk-on-grid-working-card {
        position: relative;
        padding: 30px 24px 32px;
        background: var(--bk-white);
        border-right: 1px solid var(--bk-border);
    }

        .bk-on-grid-page .bk-on-grid-working-card:last-child {
            border-right: 0;
        }

    .bk-on-grid-page .bk-on-grid-working-number {
        position: absolute;
        top: 18px;
        right: 18px;
        color: rgba(18, 107, 53, 0.20);
        font-size: 12px;
        font-weight: 800;
    }

    .bk-on-grid-page .bk-on-grid-working-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        margin-bottom: 24px;
        color: var(--bk-dark-green);
        background: var(--bk-soft-green);
        border: 1px solid rgba(18, 107, 53, 0.12);
        font-size: 23px;
    }

    .bk-on-grid-page .bk-on-grid-working-card h3 {
        margin: 0 0 11px;
        font-size: 18px;
        font-weight: 800;
    }

    .bk-on-grid-page .bk-on-grid-working-card p {
        font-size: 15px;
    }


    /* BENEFITS */

    .bk-on-grid-page .bk-on-grid-benefits {
        padding: 100px 0;
        background: var(--bk-white);
    }

    .bk-on-grid-page .bk-on-grid-benefits-grid {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        align-items: center;
        gap: 75px;
    }

    .bk-on-grid-page .bk-on-grid-benefits-visual {
        position: relative;
        min-width: 0;
    }

        .bk-on-grid-page .bk-on-grid-benefits-visual > img {
            width: 100%;
            height: 700px;
            object-fit: cover;
        }

    .bk-on-grid-page .bk-on-grid-image-label {
        position: absolute;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 17px 20px;
        color: var(--bk-white);
        background: var(--bk-deep-green);
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 1.2px;
    }

        .bk-on-grid-page .bk-on-grid-image-label span {
            width: 8px;
            height: 8px;
            background: var(--bk-orange);
            border-radius: 50%;
        }

    .bk-on-grid-page .bk-on-grid-benefits-content > p {
        margin-bottom: 25px;
    }

    .bk-on-grid-page .bk-on-grid-benefit-list {
        border-top: 1px solid var(--bk-border);
    }

    .bk-on-grid-page .bk-on-grid-benefit-item {
        display: grid;
        grid-template-columns: 45px 1fr;
        gap: 16px;
        padding: 19px 0;
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-on-grid-page .bk-on-grid-benefit-item > span {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 43px;
            height: 43px;
            color: var(--bk-dark-green);
            background: var(--bk-soft-green);
            font-size: 19px;
        }

        .bk-on-grid-page .bk-on-grid-benefit-item h3 {
            margin: 0 0 6px;
            font-size: 16px;
            font-weight: 800;
        }

        .bk-on-grid-page .bk-on-grid-benefit-item p {
            font-size: 15px;
        }


    /* SUITABILITY */

    .bk-on-grid-page .bk-on-grid-suitability {
        padding: 95px 0;
        background: var(--bk-light-gray);
    }

    .bk-on-grid-page .bk-on-grid-suitability-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .bk-on-grid-page .bk-on-grid-suitability-card {
        padding: 30px;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

        .bk-on-grid-page .bk-on-grid-suitability-card:hover {
            border-color: rgba(18, 107, 53, 0.3);
            box-shadow: var(--bk-shadow-sm);
        }

        .bk-on-grid-page .bk-on-grid-suitability-card > i {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 49px;
            height: 49px;
            margin-bottom: 22px;
            color: var(--bk-white);
            background: var(--bk-dark-green);
            font-size: 22px;
        }

        .bk-on-grid-page .bk-on-grid-suitability-card h3 {
            margin: 0 0 12px;
            font-size: 19px;
            font-weight: 800;
        }

    .bk-on-grid-page .bk-on-grid-suitability-note {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        max-width: 1000px;
        margin: 25px auto 0;
        padding: 18px 20px;
        background: #EAF4EC;
        border-left: 3px solid var(--bk-green);
    }

        .bk-on-grid-page .bk-on-grid-suitability-note > i {
            flex: 0 0 auto;
            margin-top: 4px;
            color: var(--bk-dark-green);
            font-size: 17px;
        }

        .bk-on-grid-page .bk-on-grid-suitability-note p {
            font-size: 15px;
        }


    /* GRID OUTAGE INFORMATION */

    .bk-on-grid-page .bk-on-grid-backup {
        padding: 85px 0;
        background: var(--bk-white);
    }

    .bk-on-grid-page .bk-on-grid-backup-panel {
        display: grid;
        grid-template-columns: 60px 1fr;
        gap: 25px;
        padding: 40px;
        background: var(--bk-soft-green);
        border: 1px solid rgba(18, 107, 53, 0.15);
        border-left: 4px solid var(--bk-orange);
    }

    .bk-on-grid-page .bk-on-grid-backup-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 58px;
        height: 58px;
        color: var(--bk-white);
        background: var(--bk-dark-green);
        font-size: 25px;
    }

    .bk-on-grid-page .bk-on-grid-backup-content h2 {
        margin-bottom: 16px;
    }

    .bk-on-grid-page .bk-on-grid-backup-content > p + p {
        margin-top: 12px;
    }

    .bk-on-grid-page .bk-on-grid-backup-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        color: var(--bk-orange);
        font-size: 16px;
        font-weight: 800;
    }

        .bk-on-grid-page .bk-on-grid-backup-link i {
            color: var(--bk-deep-green);
            transition: transform 0.3s ease;
        }

        .bk-on-grid-page .bk-on-grid-backup-link:hover i {
            transform: translate(3px, -2px);
        }


    /* INSTALLATION PROCESS */

    .bk-on-grid-page .bk-on-grid-process {
        padding: 95px 0 100px;
        background: var(--bk-light-gray);
    }

    .bk-on-grid-page .bk-on-grid-process-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid var(--bk-border);
    }

    .bk-on-grid-page .bk-on-grid-process-step {
        padding: 27px 23px;
        border-right: 1px solid var(--bk-border);
        border-bottom: 1px solid var(--bk-border);
        background: var(--bk-white);
    }

        .bk-on-grid-page .bk-on-grid-process-step:last-child {
            border-right: 0;
        }

        .bk-on-grid-page .bk-on-grid-process-step > span {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            margin-bottom: 22px;
            color: var(--bk-white);
            background: var(--bk-dark-green);
            font-size: 12px;
            font-weight: 800;
        }

        .bk-on-grid-page .bk-on-grid-process-step h3 {
            margin: 0 0 10px;
            font-size: 17px;
            font-weight: 800;
        }

        .bk-on-grid-page .bk-on-grid-process-step p {
            font-size: 15px;
        }


    /* COMPARE SYSTEMS */

    .bk-on-grid-page .bk-on-grid-comparison {
        padding: 95px 0 100px;
        background: var(--bk-white);
    }

    .bk-on-grid-page .bk-on-grid-comparison-heading {
        max-width: 760px;
        margin: 0 auto 40px;
        text-align: center;
    }

    .bk-on-grid-page .bk-on-grid-comparison-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .bk-on-grid-page .bk-on-grid-compare-card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 30px;
        border: 1px solid var(--bk-border);
        background: var(--bk-white);
    }

    .bk-on-grid-page .bk-on-grid-compare-current {
        background: var(--bk-soft-green);
        border-color: rgba(18, 107, 53, 0.35);
        border-top: 3px solid var(--bk-green);
    }

    .bk-on-grid-page .bk-on-grid-compare-tag {
        display: inline-block;
        margin-bottom: 10px;
        color: var(--bk-orange);
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 1.2px;
        line-height: 1.6;
    }

    .bk-on-grid-page .bk-on-grid-compare-card h3 {
        margin: 0 0 12px;
        font-size: 21px;
        font-weight: 800;
        color: var(--bk-deep-green);
    }

    .bk-on-grid-page .bk-on-grid-compare-card > p {
        margin-bottom: 22px;
    }

    .bk-on-grid-page .bk-on-grid-compare-card > a {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: auto;
        color: var(--bk-dark-green);
        font-size: 16px;
        font-weight: 800;
    }

        .bk-on-grid-page .bk-on-grid-compare-card > a i {
            color: var(--bk-orange);
        }

    .bk-on-grid-page .bk-on-grid-current-label {
        display: inline-block;
        margin-top: auto;
        padding-top: 12px;
        color: var(--bk-dark-green);
        font-size: 12px;
        font-weight: 800;
    }


    /* FAQ */

    .bk-on-grid-page .bk-on-grid-faq {
        padding: 90px 0;
        background: var(--bk-light-gray);
    }

    .bk-on-grid-page .bk-on-grid-faq-heading {
        max-width: 700px;
        margin: 0 auto 38px;
        text-align: center;
    }

    .bk-on-grid-page .bk-on-grid-faq-list {
        max-width: 900px;
        margin: 0 auto;
        border-top: 1px solid var(--bk-border);
    }

    .bk-on-grid-page .bk-on-grid-faq-item {
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-on-grid-page .bk-on-grid-faq-item summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 23px 5px;
            color: var(--bk-text);
            font-family: "Manrope", sans-serif;
            font-size: 15px;
            font-weight: 750;
            line-height: 1.6;
            cursor: pointer;
            list-style: none;
        }

            .bk-on-grid-page .bk-on-grid-faq-item summary::-webkit-details-marker {
                display: none;
            }

            .bk-on-grid-page .bk-on-grid-faq-item summary i {
                flex: 0 0 auto;
                color: var(--bk-dark-green);
                font-size: 17px;
                transition: transform 0.25s ease;
            }

        .bk-on-grid-page .bk-on-grid-faq-item[open] summary {
            color: var(--bk-dark-green);
        }

            .bk-on-grid-page .bk-on-grid-faq-item[open] summary i {
                color: var(--bk-orange);
                transform: rotate(45deg);
            }

    .bk-on-grid-page .bk-on-grid-faq-answer {
        padding: 0 35px 23px 5px;
    }

        .bk-on-grid-page .bk-on-grid-faq-answer p {
            max-width: 780px;
        }


    /* FINAL CTA */

    .bk-on-grid-page .bk-on-grid-cta {
        padding: 0 0 90px;
        background: var(--bk-light-gray);
    }

    .bk-on-grid-page .bk-on-grid-cta-inner {
        position: relative;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 45px;
        padding: 55px 60px;
        color: var(--bk-white);
        background: var(--bk-deep-green);
        overflow: hidden;
    }

        .bk-on-grid-page .bk-on-grid-cta-inner::after {
            content: "";
            position: absolute;
            top: -100px;
            right: -75px;
            width: 270px;
            height: 270px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 50%;
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.025), 0 0 0 60px rgba(255, 255, 255, 0.025);
            pointer-events: none;
        }

    .bk-on-grid-page .bk-on-grid-cta-content,
    .bk-on-grid-page .bk-on-grid-cta-actions {
        position: relative;
        z-index: 1;
    }

        .bk-on-grid-page .bk-on-grid-cta-content .bk-on-grid-eyebrow {
            color: #B9E9C1;
        }

        .bk-on-grid-page .bk-on-grid-cta-content h2 {
            max-width: 650px;
            margin-bottom: 15px;
            color: var(--bk-white);
            font-size: clamp(28px, 3vw, 39px);
        }

            .bk-on-grid-page .bk-on-grid-cta-content h2 span {
                color: #A8E5B3;
            }

        .bk-on-grid-page .bk-on-grid-cta-content > p {
            max-width: 620px;
            color: rgba(255, 255, 255, 0.78);
        }

    .bk-on-grid-page .bk-on-grid-cta-actions {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
    }

    .bk-on-grid-page .bk-on-grid-btn-light {
        color: var(--bk-deep-green);
        background: var(--bk-white);
        border-color: var(--bk-white);
        white-space: nowrap;
    }

        .bk-on-grid-page .bk-on-grid-btn-light:hover {
            color: var(--bk-deep-green);
            background: #EAF7EC;
            border-color: #EAF7EC;
        }

    .bk-on-grid-page .bk-on-grid-cta-phone {
        display: flex;
        align-items: center;
        gap: 12px;
        color: var(--bk-white);
    }

        .bk-on-grid-page .bk-on-grid-cta-phone > i {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            color: var(--bk-white);
            background: rgba(255, 255, 255, 0.12);
            font-size: 18px;
        }

        .bk-on-grid-page .bk-on-grid-cta-phone small,
        .bk-on-grid-page .bk-on-grid-cta-phone strong {
            display: block;
        }

        .bk-on-grid-page .bk-on-grid-cta-phone small {
            margin-bottom: 3px;
            color: rgba(255, 255, 255, 0.7);
            font-size: 12px;
        }

        .bk-on-grid-page .bk-on-grid-cta-phone strong {
            font-size: 18px;
            font-weight: 800;
            color: var(--bk-orange);
        }


/* RESPONSIVE */

@media (max-width: 991px) {
    .bk-on-grid-page .bk-on-grid-overview,
    .bk-on-grid-page .bk-on-grid-working,
    .bk-on-grid-page .bk-on-grid-benefits,
    .bk-on-grid-page .bk-on-grid-suitability,
    .bk-on-grid-page .bk-on-grid-process,
    .bk-on-grid-page .bk-on-grid-comparison {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .bk-on-grid-page .bk-on-grid-overview-grid {
        gap: 40px;
    }

    .bk-on-grid-page .bk-on-grid-overview-visual > img {
        height: 340px;
    }

    .bk-on-grid-page .bk-on-grid-working-grid,
    .bk-on-grid-page .bk-on-grid-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-on-grid-page .bk-on-grid-working-card:nth-child(2) {
        border-right: 0;
    }

    .bk-on-grid-page .bk-on-grid-working-card:nth-child(-n+2) {
        border-bottom: 1px solid var(--bk-border);
    }

    .bk-on-grid-page .bk-on-grid-benefits-grid {
        gap: 40px;
    }

    .bk-on-grid-page .bk-on-grid-benefits-visual > img {
        height: 540px;
    }

    .bk-on-grid-page .bk-on-grid-suitability-grid {
        gap: 15px;
    }

    .bk-on-grid-page .bk-on-grid-suitability-card {
        padding: 24px;
    }

    .bk-on-grid-page .bk-on-grid-process-step:nth-child(2) {
        border-right: 0;
    }

    .bk-on-grid-page .bk-on-grid-comparison-grid {
        gap: 14px;
    }

    .bk-on-grid-page .bk-on-grid-compare-card {
        padding: 23px;
    }

    .bk-on-grid-page .bk-on-grid-cta-inner {
        padding: 42px 35px;
        gap: 30px;
    }
}

@media (max-width: 767px) {
    .bk-on-grid-page .bk-on-grid-hero-actions {
        flex-direction: column;
        align-items: stretch;
        max-width: 300px;
    }

    .bk-on-grid-page .bk-on-grid-overview,
    .bk-on-grid-page .bk-on-grid-working,
    .bk-on-grid-page .bk-on-grid-benefits,
    .bk-on-grid-page .bk-on-grid-suitability,
    .bk-on-grid-page .bk-on-grid-process,
    .bk-on-grid-page .bk-on-grid-comparison,
    .bk-on-grid-page .bk-on-grid-faq {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .bk-on-grid-page .bk-on-grid-overview-grid,
    .bk-on-grid-page .bk-on-grid-benefits-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .bk-on-grid-page .bk-on-grid-overview-content h2,
    .bk-on-grid-page .bk-on-grid-section-heading h2,
    .bk-on-grid-page .bk-on-grid-benefits-content h2,
    .bk-on-grid-page .bk-on-grid-backup-content h2,
    .bk-on-grid-page .bk-on-grid-comparison-heading h2,
    .bk-on-grid-page .bk-on-grid-faq-heading h2 {
        font-size: 31px;
        letter-spacing: -0.8px;
    }

    .bk-on-grid-page .bk-on-grid-overview-visual > img {
        height: 300px;
    }

    .bk-on-grid-page .bk-on-grid-working-grid {
        grid-template-columns: 1fr;
    }

    .bk-on-grid-page .bk-on-grid-working-card {
        border-right: 0;
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-on-grid-page .bk-on-grid-working-card:last-child {
            border-bottom: 0;
        }

    .bk-on-grid-page .bk-on-grid-benefits-visual > img {
        height: 380px;
    }

    .bk-on-grid-page .bk-on-grid-suitability-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .bk-on-grid-page .bk-on-grid-backup {
        padding: 60px 0;
    }

    .bk-on-grid-page .bk-on-grid-backup-panel {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 27px 23px;
    }

    .bk-on-grid-page .bk-on-grid-process-grid {
        grid-template-columns: 1fr;
    }

    .bk-on-grid-page .bk-on-grid-process-step {
        border-right: 0;
    }

    .bk-on-grid-page .bk-on-grid-comparison-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .bk-on-grid-page .bk-on-grid-comparison-heading,
    .bk-on-grid-page .bk-on-grid-faq-heading {
        text-align: left;
    }

        .bk-on-grid-page .bk-on-grid-comparison-heading .bk-on-grid-eyebrow,
        .bk-on-grid-page .bk-on-grid-faq-heading .bk-on-grid-eyebrow {
            justify-content: flex-start;
        }

    .bk-on-grid-page .bk-on-grid-faq-item summary {
        padding: 20px 2px;
        font-size: 14px;
    }

    .bk-on-grid-page .bk-on-grid-faq-answer {
        padding-right: 20px;
    }

    .bk-on-grid-page .bk-on-grid-cta {
        padding-bottom: 60px;
    }

    .bk-on-grid-page .bk-on-grid-cta-inner {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 35px 25px;
    }

    .bk-on-grid-page .bk-on-grid-cta-content h2 {
        font-size: 30px;
        letter-spacing: -0.8px;
    }

    .bk-on-grid-page .bk-on-grid-cta-actions {
        gap: 18px;
    }
}

@media (max-width: 420px) {
    .bk-on-grid-page .bk-on-grid-overview-content h2,
    .bk-on-grid-page .bk-on-grid-section-heading h2,
    .bk-on-grid-page .bk-on-grid-benefits-content h2,
    .bk-on-grid-page .bk-on-grid-backup-content h2,
    .bk-on-grid-page .bk-on-grid-comparison-heading h2,
    .bk-on-grid-page .bk-on-grid-faq-heading h2 {
        font-size: 28px;
    }

    .bk-on-grid-page .bk-on-grid-visual-note {
        width: calc(100% - 18px);
        padding: 15px;
    }

    .bk-on-grid-page .bk-on-grid-cta-inner {
        padding: 30px 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bk-on-grid-page *,
    .bk-on-grid-page *::before,
    .bk-on-grid-page *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

/* ==========================================
   OFF-GRID SOLAR PAGE
   Root: .bk-off-grid-page
========================================== */

.bk-off-grid-page {
    color: var(--bk-text);
    background: var(--bk-white);
    overflow: clip;
}

    .bk-off-grid-page *,
    .bk-off-grid-page *::before,
    .bk-off-grid-page *::after {
        box-sizing: border-box;
    }

    .bk-off-grid-page img {
        display: block;
        max-width: 100%;
    }

    .bk-off-grid-page p {
        margin-bottom: 0;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.85;
    }

    .bk-off-grid-page h2,
    .bk-off-grid-page h3 {
        font-family: "Manrope", sans-serif;
        color: var(--bk-text);
    }

    .bk-off-grid-page a {
        text-decoration: none;
    }

    .bk-off-grid-page .bk-off-grid-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        color: var(--bk-dark-green);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.7px;
        line-height: 1.6;
    }

        .bk-off-grid-page .bk-off-grid-eyebrow::before {
            content: "";
            width: 25px;
            height: 2px;
            flex: 0 0 25px;
            background: var(--bk-orange);
        }

    .bk-off-grid-page .bk-off-grid-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-height: 48px;
        padding: 13px 20px;
        border: 1px solid transparent;
        border-radius: 6px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.4;
        transition: var(--bk-transition);
    }

        .bk-off-grid-page .bk-off-grid-btn i {
            font-size: 16px;
            transition: transform 0.3s ease;
        }

        .bk-off-grid-page .bk-off-grid-btn:hover i {
            transform: translate(3px, -2px);
        }

    .bk-off-grid-page .bk-off-grid-btn-primary {
        color: var(--bk-white);
        background: var(--bk-orange);
        border-color: var(--bk-orange);
    }

        .bk-off-grid-page .bk-off-grid-btn-primary:hover {
            color: var(--bk-white);
            background: var(--bk-dark-green);
            border-color: var(--bk-dark-green);
        }

    .bk-off-grid-page .bk-off-grid-btn-outline {
        color: var(--bk-white);
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.65);
    }

        .bk-off-grid-page .bk-off-grid-btn-outline:hover {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-white);
        }

    .bk-off-grid-page .bk-off-grid-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin: 28px 0 24px;
    }


    /* OVERVIEW */

    .bk-off-grid-page .bk-off-grid-overview {
        padding: 90px 0;
        background: var(--bk-white);
    }

    .bk-off-grid-page .bk-off-grid-overview-grid {
        display: grid;
        grid-template-columns: 1fr 0.95fr;
        align-items: center;
        gap: 75px;
    }

    .bk-off-grid-page .bk-off-grid-overview-content h2,
    .bk-off-grid-page .bk-off-grid-section-heading h2,
    .bk-off-grid-page .bk-off-grid-benefits-content h2,
    .bk-off-grid-page .bk-off-grid-backup-content h2,
    .bk-off-grid-page .bk-off-grid-comparison-heading h2,
    .bk-off-grid-page .bk-off-grid-faq-heading h2,
    .bk-off-grid-page .bk-off-grid-cta-content h2 {
        margin: 0 0 25px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: clamp(38px, 3.5vw, 58px);
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: -2px;
    }

        .bk-off-grid-page .bk-off-grid-overview-content h2 span,
        .bk-off-grid-page .bk-off-grid-section-heading h2 span,
        .bk-off-grid-page .bk-off-grid-benefits-content h2 span,
        .bk-off-grid-page .bk-off-grid-backup-content h2 span,
        .bk-off-grid-page .bk-off-grid-comparison-heading h2 span,
        .bk-off-grid-page .bk-off-grid-faq-heading h2 span {
            color: var(--bk-green);
        }

    .bk-off-grid-page .bk-off-grid-overview-content > p + p {
        margin-top: 13px;
    }

    .bk-off-grid-page .bk-off-grid-text-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 25px;
        
    }

        .bk-off-grid-page .bk-off-grid-text-link i {
            
            transition: transform 0.3s ease;
        }

        .bk-off-grid-page .bk-off-grid-text-link:hover i {
            transform: translateX(5px);
        }

    .bk-off-grid-page .bk-off-grid-overview-visual {
        position: relative;
        min-width: 0;
        padding-bottom: 25px;
    }

        .bk-off-grid-page .bk-off-grid-overview-visual::before {
            content: "";
            position: absolute;
            top: -15px;
            right: -15px;
            width: 38%;
            height: 42%;
            border-top: 3px solid var(--bk-orange);
            border-right: 3px solid var(--bk-orange);
            pointer-events: none;
        }

        .bk-off-grid-page .bk-off-grid-overview-visual > img {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 470px;
            object-fit: cover;
        }

    .bk-off-grid-page .bk-off-grid-visual-note {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: 15px;
        width: calc(100% - 35px);
        margin: 0 auto;
        padding: 19px 20px;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        box-shadow: var(--bk-shadow-md);
    }

    .bk-off-grid-page .bk-off-grid-visual-icon {
        display: flex;
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        color: var(--bk-white);
        background: var(--bk-dark-green);
        font-size: 21px;
    }

    .bk-off-grid-page .bk-off-grid-visual-note strong {
        display: block;
        margin-bottom: 0;
        font-family: "Manrope", sans-serif;
        font-size: 16px;
        font-weight: 800;
    }

    .bk-off-grid-page .bk-off-grid-visual-note p {
        font-size: 14px;
        line-height: 1.6;
    }


    /* SECTION HEADINGS */

    .bk-off-grid-page .bk-off-grid-section-heading {
        max-width: 760px;
        margin: 0 auto 42px;
        text-align: center;
    }

        .bk-off-grid-page .bk-off-grid-section-heading .bk-off-grid-eyebrow,
        .bk-off-grid-page .bk-off-grid-comparison-heading .bk-off-grid-eyebrow,
        .bk-off-grid-page .bk-off-grid-faq-heading .bk-off-grid-eyebrow {
            justify-content: center;
        }

        .bk-off-grid-page .bk-off-grid-section-heading h2,
        .bk-off-grid-page .bk-off-grid-comparison-heading h2,
        .bk-off-grid-page .bk-off-grid-faq-heading h2 {
            margin-bottom: 15px;
        }


    /* HOW IT WORKS */

    .bk-off-grid-page .bk-off-grid-working {
        padding: 95px 0 100px;
        background: var(--bk-light-gray);
    }

    .bk-off-grid-page .bk-off-grid-working-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid var(--bk-border);
        border-bottom: 1px solid var(--bk-border);
    }

    .bk-off-grid-page .bk-off-grid-working-card {
        position: relative;
        padding: 30px 24px 32px;
        background: var(--bk-white);
        border-right: 1px solid var(--bk-border);
    }

        .bk-off-grid-page .bk-off-grid-working-card:last-child {
            border-right: 0;
        }

    .bk-off-grid-page .bk-off-grid-working-number {
        position: absolute;
        top: 18px;
        right: 18px;
        color: var(--bk-orange);
        font-size: 18px;
        font-weight: 800;
    }

    .bk-off-grid-page .bk-off-grid-working-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        margin-bottom: 24px;
        color: var(--bk-dark-green);
        background: var(--bk-soft-green);
        border: 1px solid rgba(18, 107, 53, 0.12);
        font-size: 23px;
    }

    .bk-off-grid-page .bk-off-grid-working-card h3 {
        margin: 0 0 11px;
        font-size: 18px;
        font-weight: 800;
    }

    .bk-off-grid-page .bk-off-grid-working-card p {
        font-size: 15px;
    }


    /* BENEFITS */

    .bk-off-grid-page .bk-off-grid-benefits {
        padding: 100px 0;
        background: var(--bk-white);
    }

    .bk-off-grid-page .bk-off-grid-benefits-grid {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        align-items: center;
        gap: 75px;
    }

    .bk-off-grid-page .bk-off-grid-benefits-visual {
        position: relative;
        min-width: 0;
    }

        .bk-off-grid-page .bk-off-grid-benefits-visual > img {
            width: 100%;
            height: 700px;
            object-fit: cover;
        }

    .bk-off-grid-page .bk-off-grid-image-label {
        position: absolute;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 17px 20px;
        color: var(--bk-white);
        background: var(--bk-deep-green);
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 1.2px;
    }

        .bk-off-grid-page .bk-off-grid-image-label span {
            width: 8px;
            height: 8px;
            background: var(--bk-orange);
            border-radius: 50%;
        }

    .bk-off-grid-page .bk-off-grid-benefits-content > p {
        margin-bottom: 25px;
    }

    .bk-off-grid-page .bk-off-grid-benefit-list {
        border-top: 1px solid var(--bk-border);
    }

    .bk-off-grid-page .bk-off-grid-benefit-item {
        display: grid;
        grid-template-columns: 45px 1fr;
        gap: 16px;
        padding: 19px 0;
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-off-grid-page .bk-off-grid-benefit-item > span {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 43px;
            height: 43px;
            color: var(--bk-dark-green);
            background: var(--bk-soft-green);
            font-size: 19px;
        }

        .bk-off-grid-page .bk-off-grid-benefit-item h3 {
            margin: 0 0 6px;
            font-size: 16px;
            font-weight: 800;
        }

        .bk-off-grid-page .bk-off-grid-benefit-item p {
            font-size: 15px;
        }


    /* SUITABILITY */

    .bk-off-grid-page .bk-off-grid-suitability {
        padding: 95px 0;
        background: var(--bk-light-gray);
    }

    .bk-off-grid-page .bk-off-grid-suitability-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .bk-off-grid-page .bk-off-grid-suitability-card {
        padding: 30px;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

        .bk-off-grid-page .bk-off-grid-suitability-card:hover {
            border-color: rgba(18, 107, 53, 0.3);
            box-shadow: var(--bk-shadow-sm);
        }

        .bk-off-grid-page .bk-off-grid-suitability-card > i {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 49px;
            height: 49px;
            margin-bottom: 22px;
            color: var(--bk-white);
            background: var(--bk-dark-green);
            font-size: 22px;
        }

        .bk-off-grid-page .bk-off-grid-suitability-card h3 {
            margin: 0 0 12px;
            font-size: 19px;
            font-weight: 800;
        }

    .bk-off-grid-page .bk-off-grid-suitability-note {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        max-width: 1000px;
        margin: 25px auto 0;
        padding: 18px 20px;
        background: #EAF4EC;
        border-left: 3px solid var(--bk-green);
    }

        .bk-off-grid-page .bk-off-grid-suitability-note > i {
            flex: 0 0 auto;
            margin-top: 4px;
            color: var(--bk-dark-green);
            font-size: 17px;
        }

        .bk-off-grid-page .bk-off-grid-suitability-note p {
            font-size: 15px;
        }


    /* BATTERY BACKUP */

    .bk-off-grid-page .bk-off-grid-backup {
        padding: 85px 0;
        background: var(--bk-white);
    }

    .bk-off-grid-page .bk-off-grid-backup-panel {
        display: grid;
        grid-template-columns: 60px 1fr;
        gap: 25px;
        padding: 40px;
        background: var(--bk-soft-green);
        border: 1px solid rgba(18, 107, 53, 0.15);
        border-left: 4px solid var(--bk-orange);
    }

    .bk-off-grid-page .bk-off-grid-backup-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 58px;
        height: 58px;
        color: var(--bk-white);
        background: var(--bk-dark-green);
        font-size: 25px;
    }

    .bk-off-grid-page .bk-off-grid-backup-content h2 {
        margin-bottom: 16px;
    }

    .bk-off-grid-page .bk-off-grid-backup-content > p + p {
        margin-top: 12px;
    }

    .bk-off-grid-page .bk-off-grid-backup-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 22px;
        color: var(--bk-orange);
        font-size: 16px;
        font-weight: 800;
    }

        .bk-off-grid-page .bk-off-grid-backup-link i {
            color: var(--bk-deep-green);
            transition: transform 0.3s ease;
        }

        .bk-off-grid-page .bk-off-grid-backup-link:hover i {
            transform: translate(3px, -2px);
        }


    /* INSTALLATION PROCESS */

    .bk-off-grid-page .bk-off-grid-process {
        padding: 95px 0 100px;
        background: var(--bk-light-gray);
    }

    .bk-off-grid-page .bk-off-grid-process-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid var(--bk-border);
    }

    .bk-off-grid-page .bk-off-grid-process-step {
        padding: 27px 23px;
        border-right: 1px solid var(--bk-border);
        border-bottom: 1px solid var(--bk-border);
        background: var(--bk-white);
    }

        .bk-off-grid-page .bk-off-grid-process-step:last-child {
            border-right: 0;
        }

        .bk-off-grid-page .bk-off-grid-process-step > span {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            margin-bottom: 22px;
            color: var(--bk-white);
            background: var(--bk-dark-green);
            font-size: 12px;
            font-weight: 800;
        }

        .bk-off-grid-page .bk-off-grid-process-step h3 {
            margin: 0 0 10px;
            font-size: 17px;
            font-weight: 800;
        }

        .bk-off-grid-page .bk-off-grid-process-step p {
            font-size: 15px;
        }


    /* SYSTEM COMPARISON */

    .bk-off-grid-page .bk-off-grid-comparison {
        padding: 95px 0 100px;
        background: var(--bk-white);
    }

    .bk-off-grid-page .bk-off-grid-comparison-heading {
        max-width: 760px;
        margin: 0 auto 40px;
        text-align: center;
    }

    .bk-off-grid-page .bk-off-grid-comparison-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .bk-off-grid-page .bk-off-grid-compare-card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 30px;
        border: 1px solid var(--bk-border);
        background: var(--bk-white);
    }

    .bk-off-grid-page .bk-off-grid-compare-current {
        background: var(--bk-soft-green);
        border-color: rgba(18, 107, 53, 0.35);
        border-top: 3px solid var(--bk-green);
    }

    .bk-off-grid-page .bk-off-grid-compare-tag {
        display: inline-block;
        margin-bottom: 10px;
        color: var(--bk-orange);
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 1.2px;
        line-height: 1.6;
    }

    .bk-off-grid-page .bk-off-grid-compare-card h3 {
        margin: 0 0 12px;
        font-size: 21px;
        font-weight: 800;
        color: var(--bk-deep-green);
    }

    .bk-off-grid-page .bk-off-grid-compare-card > p {
        margin-bottom: 22px;
    }

    .bk-off-grid-page .bk-off-grid-compare-card > a {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: auto;
        color: var(--bk-dark-green);
        font-size: 16px;
        font-weight: 800;
    }

        .bk-off-grid-page .bk-off-grid-compare-card > a i {
            color: var(--bk-orange);
        }

    .bk-off-grid-page .bk-off-grid-current-label {
        display: inline-block;
        margin-top: auto;
        padding-top: 12px;
        color: var(--bk-dark-green);
        font-size: 12px;
        font-weight: 800;
    }


    /* FAQ */

    .bk-off-grid-page .bk-off-grid-faq {
        padding: 90px 0;
        background: var(--bk-light-gray);
    }

    .bk-off-grid-page .bk-off-grid-faq-heading {
        max-width: 700px;
        margin: 0 auto 38px;
        text-align: center;
    }

    .bk-off-grid-page .bk-off-grid-faq-list {
        max-width: 900px;
        margin: 0 auto;
        border-top: 1px solid var(--bk-border);
    }

    .bk-off-grid-page .bk-off-grid-faq-item {
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-off-grid-page .bk-off-grid-faq-item summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 23px 5px;
            color: var(--bk-text);
            font-family: "Manrope", sans-serif;
            font-size: 15px;
            font-weight: 750;
            line-height: 1.6;
            cursor: pointer;
            list-style: none;
        }

            .bk-off-grid-page .bk-off-grid-faq-item summary::-webkit-details-marker {
                display: none;
            }

            .bk-off-grid-page .bk-off-grid-faq-item summary i {
                flex: 0 0 auto;
                color: var(--bk-dark-green);
                font-size: 17px;
                transition: transform 0.25s ease;
            }

        .bk-off-grid-page .bk-off-grid-faq-item[open] summary {
            color: var(--bk-dark-green);
        }

            .bk-off-grid-page .bk-off-grid-faq-item[open] summary i {
                color: var(--bk-orange);
                transform: rotate(45deg);
            }

    .bk-off-grid-page .bk-off-grid-faq-answer {
        padding: 0 35px 23px 5px;
    }

        .bk-off-grid-page .bk-off-grid-faq-answer p {
            max-width: 780px;
        }


    /* FINAL CTA */

    .bk-off-grid-page .bk-off-grid-cta {
        padding: 0 0 90px;
        background: var(--bk-light-gray);
    }

    .bk-off-grid-page .bk-off-grid-cta-inner {
        position: relative;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 45px;
        padding: 55px 60px;
        color: var(--bk-white);
        background: var(--bk-deep-green);
        overflow: hidden;
    }

        .bk-off-grid-page .bk-off-grid-cta-inner::after {
            content: "";
            position: absolute;
            top: -100px;
            right: -75px;
            width: 270px;
            height: 270px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 50%;
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.025), 0 0 0 60px rgba(255, 255, 255, 0.025);
            pointer-events: none;
        }

    .bk-off-grid-page .bk-off-grid-cta-content,
    .bk-off-grid-page .bk-off-grid-cta-actions {
        position: relative;
        z-index: 1;
    }

        .bk-off-grid-page .bk-off-grid-cta-content .bk-off-grid-eyebrow {
            color: #B9E9C1;
        }

        .bk-off-grid-page .bk-off-grid-cta-content h2 {
            max-width: 650px;
            margin-bottom: 15px;
            color: var(--bk-white);
            font-size: clamp(28px, 3vw, 39px);
        }

            .bk-off-grid-page .bk-off-grid-cta-content h2 span {
                color: #A8E5B3;
            }

        .bk-off-grid-page .bk-off-grid-cta-content > p {
            max-width: 620px;
            color: rgba(255, 255, 255, 0.78);
        }

    .bk-off-grid-page .bk-off-grid-cta-actions {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
    }

    .bk-off-grid-page .bk-off-grid-btn-light {
        color: var(--bk-deep-green);
        background: var(--bk-white);
        border-color: var(--bk-white);
        white-space: nowrap;
    }

        .bk-off-grid-page .bk-off-grid-btn-light:hover {
            color: var(--bk-deep-green);
            background: #EAF7EC;
            border-color: #EAF7EC;
        }

    .bk-off-grid-page .bk-off-grid-cta-phone {
        display: flex;
        align-items: center;
        gap: 12px;
        color: var(--bk-white);
    }

        .bk-off-grid-page .bk-off-grid-cta-phone > i {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            color: var(--bk-white);
            background: rgba(255, 255, 255, 0.12);
            font-size: 18px;
        }

        .bk-off-grid-page .bk-off-grid-cta-phone small,
        .bk-off-grid-page .bk-off-grid-cta-phone strong {
            display: block;
        }

        .bk-off-grid-page .bk-off-grid-cta-phone small {
            margin-bottom: 3px;
            color: rgba(255, 255, 255, 0.7);
            font-size: 12px;
        }

        .bk-off-grid-page .bk-off-grid-cta-phone strong {
            color: var(--bk-orange);
            font-size: 18px;
            font-weight: 800;
        }


/* RESPONSIVE */

@media (max-width: 991px) {
    .bk-off-grid-page .bk-off-grid-overview,
    .bk-off-grid-page .bk-off-grid-working,
    .bk-off-grid-page .bk-off-grid-benefits,
    .bk-off-grid-page .bk-off-grid-suitability,
    .bk-off-grid-page .bk-off-grid-process,
    .bk-off-grid-page .bk-off-grid-comparison {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .bk-off-grid-page .bk-off-grid-overview-grid {
        gap: 40px;
    }

    .bk-off-grid-page .bk-off-grid-overview-visual > img {
        height: 340px;
    }

    .bk-off-grid-page .bk-off-grid-working-grid,
    .bk-off-grid-page .bk-off-grid-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-off-grid-page .bk-off-grid-working-card:nth-child(2) {
        border-right: 0;
    }

    .bk-off-grid-page .bk-off-grid-working-card:nth-child(-n+2) {
        border-bottom: 1px solid var(--bk-border);
    }

    .bk-off-grid-page .bk-off-grid-benefits-grid {
        gap: 40px;
    }

    .bk-off-grid-page .bk-off-grid-benefits-visual > img {
        height: 540px;
    }

    .bk-off-grid-page .bk-off-grid-suitability-grid {
        gap: 15px;
    }

    .bk-off-grid-page .bk-off-grid-suitability-card {
        padding: 24px;
    }

    .bk-off-grid-page .bk-off-grid-process-step:nth-child(2) {
        border-right: 0;
    }

    .bk-off-grid-page .bk-off-grid-comparison-grid {
        gap: 14px;
    }

    .bk-off-grid-page .bk-off-grid-compare-card {
        padding: 23px;
    }

    .bk-off-grid-page .bk-off-grid-cta-inner {
        padding: 42px 35px;
        gap: 30px;
    }
}

@media (max-width: 767px) {
    .bk-off-grid-page .bk-off-grid-hero-actions {
        flex-direction: column;
        align-items: stretch;
        max-width: 300px;
    }

    .bk-off-grid-page .bk-off-grid-overview,
    .bk-off-grid-page .bk-off-grid-working,
    .bk-off-grid-page .bk-off-grid-benefits,
    .bk-off-grid-page .bk-off-grid-suitability,
    .bk-off-grid-page .bk-off-grid-process,
    .bk-off-grid-page .bk-off-grid-comparison,
    .bk-off-grid-page .bk-off-grid-faq {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .bk-off-grid-page .bk-off-grid-overview-grid,
    .bk-off-grid-page .bk-off-grid-benefits-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .bk-off-grid-page .bk-off-grid-overview-content h2,
    .bk-off-grid-page .bk-off-grid-section-heading h2,
    .bk-off-grid-page .bk-off-grid-benefits-content h2,
    .bk-off-grid-page .bk-off-grid-backup-content h2,
    .bk-off-grid-page .bk-off-grid-comparison-heading h2,
    .bk-off-grid-page .bk-off-grid-faq-heading h2 {
        font-size: 31px;
        letter-spacing: -0.8px;
    }

    .bk-off-grid-page .bk-off-grid-overview-visual > img {
        height: 300px;
    }

    .bk-off-grid-page .bk-off-grid-working-grid {
        grid-template-columns: 1fr;
    }

    .bk-off-grid-page .bk-off-grid-working-card {
        border-right: 0;
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-off-grid-page .bk-off-grid-working-card:last-child {
            border-bottom: 0;
        }

    .bk-off-grid-page .bk-off-grid-benefits-visual > img {
        height: 380px;
    }

    .bk-off-grid-page .bk-off-grid-suitability-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .bk-off-grid-page .bk-off-grid-backup {
        padding: 60px 0;
    }

    .bk-off-grid-page .bk-off-grid-backup-panel {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 27px 23px;
    }

    .bk-off-grid-page .bk-off-grid-process-grid {
        grid-template-columns: 1fr;
    }

    .bk-off-grid-page .bk-off-grid-process-step {
        border-right: 0;
    }

    .bk-off-grid-page .bk-off-grid-comparison-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .bk-off-grid-page .bk-off-grid-comparison-heading,
    .bk-off-grid-page .bk-off-grid-faq-heading {
        text-align: left;
    }

        .bk-off-grid-page .bk-off-grid-comparison-heading .bk-off-grid-eyebrow,
        .bk-off-grid-page .bk-off-grid-faq-heading .bk-off-grid-eyebrow {
            justify-content: flex-start;
        }

    .bk-off-grid-page .bk-off-grid-faq-item summary {
        padding: 20px 2px;
        font-size: 14px;
    }

    .bk-off-grid-page .bk-off-grid-faq-answer {
        padding-right: 20px;
    }

    .bk-off-grid-page .bk-off-grid-cta {
        padding-bottom: 60px;
    }

    .bk-off-grid-page .bk-off-grid-cta-inner {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 35px 25px;
    }

    .bk-off-grid-page .bk-off-grid-cta-content h2 {
        font-size: 30px;
        letter-spacing: -0.8px;
    }

    .bk-off-grid-page .bk-off-grid-cta-actions {
        gap: 18px;
    }
}

@media (max-width: 420px) {
    .bk-off-grid-page .bk-off-grid-overview-content h2,
    .bk-off-grid-page .bk-off-grid-section-heading h2,
    .bk-off-grid-page .bk-off-grid-benefits-content h2,
    .bk-off-grid-page .bk-off-grid-backup-content h2,
    .bk-off-grid-page .bk-off-grid-comparison-heading h2,
    .bk-off-grid-page .bk-off-grid-faq-heading h2 {
        font-size: 28px;
    }

    .bk-off-grid-page .bk-off-grid-visual-note {
        width: calc(100% - 18px);
        padding: 15px;
    }

    .bk-off-grid-page .bk-off-grid-cta-inner {
        padding: 30px 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bk-off-grid-page *,
    .bk-off-grid-page *::before,
    .bk-off-grid-page *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

/* ==========================================
   HYBRID SOLAR PAGE
   Root: .bk-hybrid-page
   Design reference: Off-Grid Solar Page
========================================== */

.bk-hybrid-page {
    --hybrid-orange: var(--bk-orange, #F58220);
    --hybrid-green: var(--bk-green, #3CB44A);
    --hybrid-dark: var(--bk-deep-green, #0B4A29);
    --hybrid-text: var(--bk-text, #18221C);
    --hybrid-muted: #5D665F;
    --hybrid-border: rgba(24, 34, 28, 0.12);
    --hybrid-light: #F5F7F6;
    --hybrid-soft: #F4FAF5;
    color: var(--hybrid-text);
    background: var(--bk-white, #FFFFFF);
    overflow: clip;
}

    .bk-hybrid-page *,
    .bk-hybrid-page *::before,
    .bk-hybrid-page *::after {
        box-sizing: border-box;
    }

    .bk-hybrid-page p {
        font-size: 15px;
        line-height: 1.85;
        color: var(--bk-muted);
        margin-bottom: 18px;
    }

    .bk-hybrid-page h1,
    .bk-hybrid-page h2,
    .bk-hybrid-page h3,
    .bk-hybrid-page h4 {
        font-family: "Manrope", sans-serif;
        color: var(--hybrid-dark);
        font-weight: 750;
        line-height: 1.2;
    }

    .bk-hybrid-page img {
        display: block;
        max-width: 100%;
    }

    .bk-hybrid-page a {
        text-decoration: none;
    }

    .bk-hybrid-page .bk-section {
        padding: 90px 0;
    }

    .bk-hybrid-page .bk-container {
        width: min(1320px, calc(100% - 48px));
        margin-inline: auto;
    }

    /* ==========================================
   COMMON INNER PAGE HERO
========================================== */

    .bk-hybrid-page .bk-page-hero {
        position: relative;
        display: flex;
        align-items: center;
        isolation: isolate;
        overflow: hidden;
        background: var(--hybrid-dark);
    }

    .bk-hybrid-page .bk-page-hero-bg,
    .bk-hybrid-page .bk-page-hero-overlay {
        position: absolute;
        inset: 0;
        z-index: -1;
    }

        .bk-hybrid-page .bk-page-hero-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .bk-hybrid-page .bk-page-hero-overlay {
        background: linear-gradient( 90deg, rgba(6, 39, 21, 0.94) 0%, rgba(6, 39, 21, 0.79) 48%, rgba(6, 39, 21, 0.35) 100% );
    }

    .bk-hybrid-page .bk-page-hero-content {
        max-width: 850px;
        
        position: relative;
        z-index: 2;
    }

    .bk-hybrid-page .bk-page-hero-kicker {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 22px;
        color: #FFFFFF;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

        .bk-hybrid-page .bk-page-hero-kicker span {
            display: inline-block;
            width: 35px;
            height: 2px;
            background: var(--hybrid-orange);
        }

    .bk-hybrid-page .bk-page-hero h1 {
        max-width: 850px;
        margin: 0 0 22px;
        color: #FFFFFF;
        font-size: clamp(36px, 4.5vw, 62px);
        letter-spacing: -1.6px;
    }

    .bk-hybrid-page .bk-page-hero-content > p {
        max-width: 730px;
        color: rgba(255, 255, 255, 0.86);
        margin-bottom: 30px;
    }

    .bk-hybrid-page .bk-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        margin-top: 28px;
        color: rgba(255, 255, 255, 0.76);
        font-size: 13px;
    }

        .bk-hybrid-page .bk-breadcrumb a {
            color: #FFFFFF;
            transition: color 0.25s ease;
        }

            .bk-hybrid-page .bk-breadcrumb a:hover {
                color: #FFB66D;
            }

        .bk-hybrid-page .bk-breadcrumb i {
            font-size: 10px;
            color: var(--hybrid-orange);
        }

    .bk-hybrid-page .bk-page-hero-scroll {
        position: absolute;
        right: max(24px, calc((100% - 1320px) / 2));
        bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        color: #FFFFFF;
        border: 1px solid rgba(255, 255, 255, 0.48);
        transition: background 0.3s ease, border-color 0.3s ease;
    }

        .bk-hybrid-page .bk-page-hero-scroll:hover {
            background: var(--hybrid-orange);
            border-color: var(--hybrid-orange);
        }

    /* ==========================================
   EYEBROW & BUTTONS
========================================== */

    .bk-hybrid-page .bk-hybrid-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 18px;
        color: var(--bk-dark-green);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.7px;
        text-transform: uppercase;
    }

        .bk-hybrid-page .bk-hybrid-eyebrow::before {
            content: "";
            width: 30px;
            height: 2px;
            background: var(--hybrid-orange);
        }

    .bk-hybrid-page .bk-hybrid-hero-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 14px;
        margin-top: 28px;
    }

    .bk-hybrid-page .bk-hybrid-btn {
        min-height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 13px 22px;
        border: 1px solid transparent;
        border-radius: 6px;
        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.4;
        transition: all 0.3s ease;
        margin-top:25px;
    }

    .bk-hybrid-page .bk-hybrid-btn-primary {
        color: #FFFFFF;
        background: var(--hybrid-orange);
        border-color: var(--hybrid-orange);
    }

        .bk-hybrid-page .bk-hybrid-btn-primary:hover {
            color: #FFFFFF;
            background: #D96A12;
            border-color: #D96A12;
            transform: translateY(-2px);
        }

    .bk-hybrid-page .bk-hybrid-btn-outline {
        color: #FFFFFF;
        background: transparent;
        border-color: rgba(255, 255, 255, 0.65);
    }

        .bk-hybrid-page .bk-hybrid-btn-outline:hover {
            color: var(--hybrid-dark);
            background: #FFFFFF;
            border-color: #FFFFFF;
        }

    .bk-hybrid-page .bk-hybrid-btn-light {
        color: var(--hybrid-dark);
        background: #FFFFFF;
        border-color: #FFFFFF;
    }

        .bk-hybrid-page .bk-hybrid-btn-light:hover {
            color: #FFFFFF;
            background: var(--hybrid-orange);
            border-color: var(--hybrid-orange);
        }

    /* ==========================================
   OVERVIEW
========================================== */

    .bk-hybrid-page .bk-hybrid-overview {
        background: #FFFFFF;
    }

    .bk-hybrid-page .bk-hybrid-overview-grid {
        display: grid;
        grid-template-columns: 1fr 0.95fr;
        align-items: center;
        gap: 75px;
    }

    .bk-hybrid-page .bk-hybrid-overview-content h2 {
        margin: 0 0 25px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: clamp(38px, 3.5vw, 58px);
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: -2px;
    }
        .bk-hybrid-page .bk-hybrid-overview-content h2 span {
            color: var(--bk-green);
        }
        .bk-hybrid-page .bk-hybrid-overview-content p:last-child {
        margin-bottom: 0;
    }

    .bk-hybrid-page .bk-hybrid-overview-visual {
        position: relative;
        min-width: 0;
        padding: 0 18px 18px 0;
    }

        .bk-hybrid-page .bk-hybrid-overview-visual::before {
            content: "";
            position: absolute;
            top: -12px;
            right: 0;
            width: 100px;
            height: 100px;
            border-top: 4px solid var(--hybrid-orange);
            border-right: 4px solid var(--hybrid-orange);
            pointer-events: none;
        }

        .bk-hybrid-page .bk-hybrid-overview-visual::after {
            content: "";
            position: absolute;
            left: -12px;
            bottom: 0;
            width: 80px;
            height: 80px;
            border-left: 4px solid var(--hybrid-green);
            border-bottom: 4px solid var(--hybrid-green);
            pointer-events: none;
        }

        .bk-hybrid-page .bk-hybrid-overview-visual > img {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 470px;
            object-fit: cover;
        }

    .bk-hybrid-page .bk-hybrid-visual-note {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: 16px;
        max-width: 360px;
        margin: -55px 0 0 -25px;
        padding: 22px;
        background: #FFFFFF;
        border: 1px solid var(--hybrid-border);
        box-shadow: var(--bk-shadow-sm, 0 8px 25px rgba(11, 74, 41, 0.07));
    }

    .bk-hybrid-page .bk-hybrid-visual-icon {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        background: var(--bk-orange);
        font-size: 21px;
    }
    .bk-hybrid-page .bk-hybrid-visual-note strong {
        color: var(--bk-deep-green);
        font-size: 18px;
    }
    .bk-hybrid-page .bk-hybrid-visual-note p {
        margin: 0;
        color: var(--hybrid-text);
        font-size: 15px;
        font-weight: 700;
        line-height: 1.6;
    }

    /* ==========================================
   SECTION HEADINGS
========================================== */

    .bk-hybrid-page .bk-hybrid-section-heading {
        max-width: 780px;
        margin: 0 auto 48px;
        text-align: center;
    }

        .bk-hybrid-page .bk-hybrid-section-heading h2 {
            margin: 0 0 18px;
            font-size: clamp(32px, 3.4vw, 46px);
            letter-spacing: -1px;
        }

        .bk-hybrid-page .bk-hybrid-section-heading h2 span{
            color:var(--bk-green);
        }
            .bk-hybrid-page .bk-hybrid-section-heading p {
            max-width: 690px;
            margin: 0 auto;
        }

    /* ==========================================
   HOW HYBRID SOLAR WORKS
========================================== */

    .bk-hybrid-page .bk-hybrid-working {
        background: var(--hybrid-light);
    }

    .bk-hybrid-page .bk-hybrid-working-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid var(--hybrid-border);
        border-bottom: 1px solid var(--hybrid-border);
    }

    .bk-hybrid-page .bk-hybrid-working-card {
        position: relative;
        min-width: 0;
        padding: 32px 25px 34px;
        border-right: 1px solid var(--hybrid-border);
        transition: background 0.3s ease;
        background-color:var(--bk-white);
    }

        .bk-hybrid-page .bk-hybrid-working-card:last-child {
            border-right: 0;
        }

        .bk-hybrid-page .bk-hybrid-working-card:hover {
            background: #FFFFFF;
        }

    .bk-hybrid-page .bk-hybrid-working-number {
        display: block;
        margin-bottom: 28px;
        color: var(--hybrid-orange);
        font-family: "Manrope", sans-serif;
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .bk-hybrid-page .bk-hybrid-working-icon {
        width: 56px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 23px;
        color: var(--bk-white);
        background: #FFFFFF;
        border: 1px solid var(--hybrid-border);
        font-size: 25px;
        background-color:var(--bk-green);
    }

    .bk-hybrid-page .bk-hybrid-working-card h3 {
        margin: 0 0 13px;
        font-size: 20px;
    }

    .bk-hybrid-page .bk-hybrid-working-card p {
        margin: 0;
    }

    /* ==========================================
   BENEFITS
========================================== */

    .bk-hybrid-page .bk-hybrid-benefits {
        background: #FFFFFF;
    }

    .bk-hybrid-page .bk-hybrid-benefits-grid {
        display: grid;
        grid-template-columns: 0.95fr 1fr;
        align-items: center;
        gap: 75px;
    }

    .bk-hybrid-page .bk-hybrid-benefits-visual {
        position: relative;
        min-width: 0;
    }

        .bk-hybrid-page .bk-hybrid-benefits-visual > img {
            width: 100%;
            
        }

    .bk-hybrid-page .bk-hybrid-image-label {
        position: absolute;
        right: 0;
        bottom: 0;
        max-width: 290px;
        padding: 20px 24px;
        color: #FFFFFF;
        background: var(--hybrid-dark);
        border-top: 3px solid var(--hybrid-orange);
        font-size: 14px;
        font-weight: 700;
        line-height: 1.65;
    }

    .bk-hybrid-page .bk-hybrid-benefits-content h2 {
        margin: 0 0 22px;
        font-size: clamp(32px, 3.3vw, 46px);
        letter-spacing: -1px;
    }
    .bk-hybrid-page .bk-hybrid-benefits-content h2 span{
        color:var(--bk-green);
    }
        .bk-hybrid-page .bk-hybrid-benefit-list {
        margin-top: 30px;
        border-top: 1px solid var(--hybrid-border);
    }

    .bk-hybrid-page .bk-hybrid-benefit-item {
        display: flex;
        align-items: flex-start;
        gap: 17px;
        padding: 20px 0;
        border-bottom: 1px solid var(--hybrid-border);
    }

        .bk-hybrid-page .bk-hybrid-benefit-item > i {
            flex: 0 0 25px;
            margin-top: 3px;
            color: var(--hybrid-orange);
            font-size: 21px;
        }

        .bk-hybrid-page .bk-hybrid-benefit-item h3 {
            margin: 0 0 7px;
            font-size: 18px;
        }

        .bk-hybrid-page .bk-hybrid-benefit-item p {
            margin: 0;
        }

    /* ==========================================
   SUITABILITY
========================================== */

    .bk-hybrid-page .bk-hybrid-suitability {
        background: var(--hybrid-light);
    }

    .bk-hybrid-page .bk-hybrid-suitability-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 22px;
    }

    .bk-hybrid-page .bk-hybrid-suitability-card {
        padding: 30px;
        background: #FFFFFF;
        border: 1px solid var(--hybrid-border);
        border-top: 3px solid transparent;
        transition: border-color 0.3s ease, transform 0.3s ease;
    }

        .bk-hybrid-page .bk-hybrid-suitability-card:hover {
            border-top-color: var(--hybrid-orange);
            transform: translateY(-4px);
        }

        .bk-hybrid-page .bk-hybrid-suitability-card > i {
            display: inline-flex;
            margin-bottom: 23px;
            color: var(--hybrid-dark);
            font-size: 30px;
        }

        .bk-hybrid-page .bk-hybrid-suitability-card h3 {
            margin: 0 0 13px;
            font-size: 21px;
        }

        .bk-hybrid-page .bk-hybrid-suitability-card p {
            margin: 0;
        }

    .bk-hybrid-page .bk-hybrid-suitability-note {
        max-width: 900px;
        margin: 30px auto 0;
        padding: 20px 24px;
        background: #FFFFFF;
        border-left: 3px solid var(--hybrid-orange);
    }

        .bk-hybrid-page .bk-hybrid-suitability-note p {
            margin: 0;
        }

    /* ==========================================
   BATTERY BACKUP INFORMATION
========================================== */

    .bk-hybrid-page .bk-hybrid-backup {
        padding: 55px 0;
        background: #FFFFFF;
    }

    .bk-hybrid-page .bk-hybrid-backup-panel {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: start;
        gap: 25px;
        padding: 38px;
        background: var(--hybrid-soft);
        border-left: 4px solid var(--hybrid-orange);
    }

    .bk-hybrid-page .bk-hybrid-backup-icon {
        width: 58px;
        height: 58px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        background: var(--hybrid-dark);
        font-size: 25px;
    }

    .bk-hybrid-page .bk-hybrid-backup-content h2 {
        margin: 0 0 14px;
        font-size: clamp(32px, 3.4vw, 46px);
        letter-spacing: -1px;
    }
    .bk-hybrid-page .bk-hybrid-backup-content h2 span{
        color:var(--bk-green);
    }
        .bk-hybrid-page .bk-hybrid-backup-content p {
        margin-bottom: 15px;
    }

        .bk-hybrid-page .bk-hybrid-backup-content p:last-of-type {
            margin-bottom: 0;
        }

    .bk-hybrid-page .bk-hybrid-backup-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 12px;
        color: var(--hybrid-dark);
        font-size: 14px;
        font-weight: 800;
        border-bottom: 1px solid var(--hybrid-orange);
        padding-bottom: 5px;
    }

        .bk-hybrid-page .bk-hybrid-backup-link:hover {
            color: var(--hybrid-orange);
        }

    /* ==========================================
   INSTALLATION PROCESS
========================================== */

    .bk-hybrid-page .bk-hybrid-process {
        color: #FFFFFF;
        background: var(--hybrid-dark);
    }

        .bk-hybrid-page .bk-hybrid-process .bk-hybrid-section-heading h2,
        .bk-hybrid-page .bk-hybrid-process .bk-hybrid-section-heading p {
            color: #FFFFFF;
        }

        .bk-hybrid-page .bk-hybrid-process .bk-hybrid-section-heading p {
            color: rgba(255, 255, 255, 0.75);
        }

        .bk-hybrid-page .bk-hybrid-process .bk-hybrid-eyebrow {
            color: #FFFFFF;
        }

    .bk-hybrid-page .bk-hybrid-process-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px;
    }

    .bk-hybrid-page .bk-hybrid-process-step {
        padding: 27px 24px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        transition: border-color 0.3s ease, background 0.3s ease;
    }

        .bk-hybrid-page .bk-hybrid-process-step:hover {
            background: rgba(255, 255, 255, 0.05);
            border-color: var(--hybrid-orange);
        }

        .bk-hybrid-page .bk-hybrid-process-step > span {
            display: block;
            margin-bottom: 24px;
            color: #F58220;
            font-family: "Manrope", sans-serif;
            font-size: 30px;
            font-weight: 800;
        }

        .bk-hybrid-page .bk-hybrid-process-step h3 {
            margin: 0 0 13px;
            color: #FFFFFF;
            font-size: 20px;
        }

        .bk-hybrid-page .bk-hybrid-process-step p {
            margin: 0;
            color: rgba(255, 255, 255, 0.75);
        }

    /* ==========================================
   SOLAR SYSTEM COMPARISON
========================================== */

    .bk-hybrid-page .bk-hybrid-comparison {
        background: #FFFFFF;
    }

    .bk-hybrid-page .bk-hybrid-comparison-heading {
        max-width: 760px;
        margin: 0 auto 45px;
        text-align: center;
    }

        .bk-hybrid-page .bk-hybrid-comparison-heading h2 {
            margin: 0 0 17px;
            font-size: clamp(32px, 3.4vw, 46px);
        }
        .bk-hybrid-page .bk-hybrid-comparison-heading h2 span{
            color:var(--bk-green);
        }
            .bk-hybrid-page .bk-hybrid-comparison-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 22px;
        align-items: stretch;
    }

    .bk-hybrid-page .bk-hybrid-compare-card {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 32px;
        background: #FFFFFF;
        border: 1px solid var(--hybrid-border);
        transition: border-color 0.3s ease, transform 0.3s ease;
    }

        .bk-hybrid-page .bk-hybrid-compare-card:hover {
            border-color: var(--hybrid-green);
            transform: translateY(-4px);
        }

    .bk-hybrid-page .bk-hybrid-compare-current {
        background: var(--hybrid-soft);
        border-color: var(--hybrid-green);
    }

    .bk-hybrid-page .bk-hybrid-compare-tag {
        display: inline-block;
        margin-bottom: 20px;
        padding: 7px 11px;
        color: #FFFFFF;
        background: var(--hybrid-orange);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .bk-hybrid-page .bk-hybrid-current-label {
        display: inline-block;
        margin-bottom: 14px;
        color: var(--hybrid-dark);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .bk-hybrid-page .bk-hybrid-compare-card h3 {
        margin: 0 0 14px;
        font-size: 24px;
    }

    .bk-hybrid-page .bk-hybrid-compare-card p {
        margin-bottom: 20px;
    }

    .bk-hybrid-page .bk-hybrid-compare-card a {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: auto;
        padding-top: 12px;
        color: var(--bk-orange);
        font-size: 16px;
        font-weight: 800;
    }

        .bk-hybrid-page .bk-hybrid-compare-card a:hover {
            color: var(--hybrid-orange);
        }

    /* ==========================================
   FAQ
========================================== */

    .bk-hybrid-page .bk-hybrid-faq {
        background: var(--hybrid-light);
    }

    .bk-hybrid-page .bk-hybrid-faq-heading {
        max-width: 750px;
        margin: 0 auto 42px;
        text-align: center;
    }

        .bk-hybrid-page .bk-hybrid-faq-heading h2 {
            margin: 0 0 16px;
            font-size: clamp(32px, 3.3vw, 44px);
        }
        .bk-hybrid-page .bk-hybrid-faq-heading h2 span{
            color:var(--bk-green);
        }
            .bk-hybrid-page .bk-hybrid-faq-list {
        max-width: 900px;
        margin: 0 auto;
        border-top: 1px solid var(--hybrid-border);
    }

    .bk-hybrid-page .bk-hybrid-faq-item {
        background: transparent;
        border-bottom: 1px solid var(--hybrid-border);
    }

        .bk-hybrid-page .bk-hybrid-faq-item summary {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 23px 4px;
            color: var(--hybrid-text);
            font-size: 17px;
            font-weight: 750;
            line-height: 1.55;
            cursor: pointer;
            list-style: none;
        }

            .bk-hybrid-page .bk-hybrid-faq-item summary::-webkit-details-marker {
                display: none;
            }

            .bk-hybrid-page .bk-hybrid-faq-item summary::after {
                content: "+";
                flex: 0 0 28px;
                width: 28px;
                height: 28px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #FFFFFF;
                background: var(--hybrid-dark);
                font-size: 21px;
                font-weight: 400;
            }

        .bk-hybrid-page .bk-hybrid-faq-item[open] summary::after {
            content: "−";
            background: var(--hybrid-orange);
        }

    .bk-hybrid-page .bk-hybrid-faq-answer {
        padding: 0 42px 20px 4px;
    }

        .bk-hybrid-page .bk-hybrid-faq-answer p {
            margin: 0;
        }

    /* ==========================================
   FINAL CTA
========================================== */

    .bk-hybrid-page .bk-hybrid-cta {
        padding: 75px 0;
        color: #FFFFFF;
        background: linear-gradient(110deg, rgba(11, 74, 41, 0.98), rgba(11, 74, 41, 0.91)), var(--hybrid-dark);
    }

    .bk-hybrid-page .bk-hybrid-cta-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 45px;
    }

    .bk-hybrid-page .bk-hybrid-cta-content {
        max-width: 760px;
    }

        .bk-hybrid-page .bk-hybrid-cta-content .bk-hybrid-eyebrow {
            color: #FFF;
        }

        .bk-hybrid-page .bk-hybrid-cta-content h2 {
            margin: 0 0 18px;
            color: #FFFFFF;
            font-size: clamp(30px, 3.4vw, 46px);
            letter-spacing: -1px;
        }
        .bk-hybrid-page .bk-hybrid-cta-content h2 span{

            color:var(--bk-orange);
        }
            .bk-hybrid-page .bk-hybrid-cta-content p {
            margin: 0;
            color: rgba(255, 255, 255, 0.82);
        }

    .bk-hybrid-page .bk-hybrid-cta-actions {
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 17px;
    }

    .bk-hybrid-page .bk-hybrid-cta-phone {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: 700;
    }

        .bk-hybrid-page .bk-hybrid-cta-phone i {
            color: #FFB66D;
            font-size: 18px;
        }

        .bk-hybrid-page .bk-hybrid-cta-phone:hover {
            color: #FFB66D;
        }

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1199.98px) {
    .bk-hybrid-page .bk-hybrid-overview-grid,
    .bk-hybrid-page .bk-hybrid-benefits-grid {
        gap: 45px;
    }

    .bk-hybrid-page .bk-hybrid-working-card {
        padding-inline: 20px;
    }

    .bk-hybrid-page .bk-hybrid-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .bk-hybrid-page .bk-section {
        padding: 70px 0;
    }

    .bk-hybrid-page .bk-hybrid-overview-grid,
    .bk-hybrid-page .bk-hybrid-benefits-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .bk-hybrid-page .bk-hybrid-overview-visual {
        max-width: 680px;
        width: 100%;
        margin-inline: auto;
    }

    .bk-hybrid-page .bk-hybrid-benefits-visual {
        max-width: 680px;
        width: 100%;
    }

        .bk-hybrid-page .bk-hybrid-benefits-visual > img {
            height: 500px;
        }

    .bk-hybrid-page .bk-hybrid-working-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-hybrid-page .bk-hybrid-working-card:nth-child(2) {
        border-right: 0;
    }

    .bk-hybrid-page .bk-hybrid-working-card:nth-child(-n+2) {
        border-bottom: 1px solid var(--hybrid-border);
    }

    .bk-hybrid-page .bk-hybrid-suitability-grid,
    .bk-hybrid-page .bk-hybrid-comparison-grid {
        grid-template-columns: 1fr 1fr;
    }

    .bk-hybrid-page .bk-hybrid-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
    }

    .bk-hybrid-page .bk-hybrid-cta-actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

@media (max-width: 767.98px) {
    .bk-hybrid-page .bk-container {
        width: min(100% - 32px, 1320px);
    }

    .bk-hybrid-page .bk-section {
        padding: 58px 0;
    }

    .bk-hybrid-page .bk-page-hero {
        min-height: 500px;
    }

    .bk-hybrid-page .bk-page-hero-content {
        padding: 75px 0 85px;
    }

    .bk-hybrid-page .bk-page-hero h1 {
        font-size: clamp(34px, 8vw, 46px);
        letter-spacing: -0.8px;
    }

    .bk-hybrid-page .bk-page-hero-overlay {
        background: linear-gradient( 90deg, rgba(6, 39, 21, 0.93), rgba(6, 39, 21, 0.70) );
    }

    .bk-hybrid-page .bk-hybrid-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

        .bk-hybrid-page .bk-hybrid-hero-actions .bk-hybrid-btn {
            width: 100%;
        }

    .bk-hybrid-page .bk-hybrid-overview-content h2,
    .bk-hybrid-page .bk-hybrid-benefits-content h2 {
        font-size: 34px;
    }

    .bk-hybrid-page .bk-hybrid-overview-visual > img {
        height: 360px;
    }

    .bk-hybrid-page .bk-hybrid-visual-note {
        max-width: calc(100% - 12px);
        margin: -35px 0 0 12px;
        padding: 17px;
    }

    .bk-hybrid-page .bk-hybrid-section-heading {
        margin-bottom: 34px;
    }

    .bk-hybrid-page .bk-hybrid-working-grid {
        grid-template-columns: 1fr;
    }

    .bk-hybrid-page .bk-hybrid-working-card {
        padding: 25px 20px;
        border-right: 0;
        border-bottom: 1px solid var(--hybrid-border);
    }

        .bk-hybrid-page .bk-hybrid-working-card:nth-child(2) {
            border-bottom: 1px solid var(--hybrid-border);
        }

        .bk-hybrid-page .bk-hybrid-working-card:last-child {
            border-bottom: 0;
        }

    .bk-hybrid-page .bk-hybrid-working-number {
        margin-bottom: 17px;
    }

    .bk-hybrid-page .bk-hybrid-benefits-visual > img {
        height: 380px;
    }

    .bk-hybrid-page .bk-hybrid-image-label {
        max-width: 240px;
        padding: 15px 18px;
    }

    .bk-hybrid-page .bk-hybrid-suitability-grid,
    .bk-hybrid-page .bk-hybrid-comparison-grid,
    .bk-hybrid-page .bk-hybrid-process-grid {
        grid-template-columns: 1fr;
    }

    .bk-hybrid-page .bk-hybrid-suitability-card,
    .bk-hybrid-page .bk-hybrid-compare-card {
        padding: 25px;
    }

    .bk-hybrid-page .bk-hybrid-backup-panel {
        grid-template-columns: 1fr;
        padding: 25px;
        gap: 18px;
    }

    .bk-hybrid-page .bk-hybrid-process-step {
        padding: 24px;
    }

    .bk-hybrid-page .bk-hybrid-faq-item summary {
        padding: 19px 0;
        font-size: 16px;
    }

    .bk-hybrid-page .bk-hybrid-faq-answer {
        padding-right: 8px;
    }

    .bk-hybrid-page .bk-hybrid-cta {
        padding: 58px 0;
    }

    .bk-hybrid-page .bk-hybrid-cta-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

        .bk-hybrid-page .bk-hybrid-cta-actions .bk-hybrid-btn {
            width: 100%;
        }

    .bk-hybrid-page .bk-page-hero-scroll {
        right: 16px;
        bottom: 16px;
    }
}

@media (max-width: 420px) {
    .bk-hybrid-page .bk-container {
        width: calc(100% - 28px);
    }

    .bk-hybrid-page .bk-page-hero h1 {
        font-size: 32px;
    }

    .bk-hybrid-page .bk-hybrid-overview-visual > img {
        height: 300px;
    }

    .bk-hybrid-page .bk-hybrid-benefits-visual > img {
        height: 310px;
    }

    .bk-hybrid-page .bk-hybrid-visual-note {
        gap: 12px;
        padding: 14px;
    }

    .bk-hybrid-page .bk-hybrid-visual-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bk-hybrid-page *,
    .bk-hybrid-page *::before,
    .bk-hybrid-page *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ==========================================
   SOLAR EPC PAGE
   Root: .bk-solar-epc-page
   Design: Premium Corporate
========================================== */

.bk-solar-epc-page {
    --epc-orange: var(--bk-orange, #F58220);
    --epc-green: var(--bk-green, #3CB44A);
    --epc-dark: var(--bk-deep-green, #0B4A29);
    --epc-text: var(--bk-text, #18221C);
    --epc-muted: #5D665F;
    --epc-border: rgba(24, 34, 28, 0.12);
    --epc-light: #F5F7F6;
    --epc-soft: #F4FAF5;
    color: var(--bk-muted);
    background: #FFFFFF;
    overflow: clip;
}

    .bk-solar-epc-page *,
    .bk-solar-epc-page *::before,
    .bk-solar-epc-page *::after {
        box-sizing: border-box;
    }

    .bk-solar-epc-page p {
        margin-bottom: 18px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.85;
    }

    .bk-solar-epc-page h1,
    .bk-solar-epc-page h2,
    .bk-solar-epc-page h3 {
        font-family: "Manrope", sans-serif;
        font-weight: 750;
        line-height: 1.22;
    }

    .bk-solar-epc-page h2,
    .bk-solar-epc-page h3 {
        color: var(--epc-dark);
    }

    .bk-solar-epc-page img {
        display: block;
        max-width: 100%;
    }

    .bk-solar-epc-page a {
        text-decoration: none;
    }

    .bk-solar-epc-page .bk-section {
        padding: 85px 0;
    }

    .bk-solar-epc-page .bk-container {
        width: min(1320px, calc(100% - 48px));
        margin-inline: auto;
    }

    /* ==========================================
   INNER PAGE HERO
========================================== */

    .bk-solar-epc-page .bk-page-hero {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 510px;
        isolation: isolate;
        overflow: hidden;
        background: var(--epc-dark);
    }

    .bk-solar-epc-page .bk-page-hero-bg,
    .bk-solar-epc-page .bk-page-hero-overlay {
        position: absolute;
        inset: 0;
        z-index: -1;
    }

        .bk-solar-epc-page .bk-page-hero-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .bk-solar-epc-page .bk-page-hero-overlay {
        background: linear-gradient( 90deg, rgba(6, 39, 21, 0.94) 0%, rgba(6, 39, 21, 0.80) 52%, rgba(6, 39, 21, 0.38) 100% );
    }

    .bk-solar-epc-page .bk-page-hero-content {
        position: relative;
        z-index: 2;
        max-width: 850px;
       
    }

    .bk-solar-epc-page .bk-page-hero-kicker {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 20px;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1.8px;
    }

        .bk-solar-epc-page .bk-page-hero-kicker span {
            width: 32px;
            height: 2px;
            flex-shrink: 0;
            background: var(--epc-orange);
        }

    .bk-solar-epc-page .bk-page-hero h1 {
        max-width: 800px;
        margin: 0;
        color: var(--bk-white);
        font-family: "Manrope", sans-serif;
        font-size: clamp(38px, 5vw, 62px);
        font-weight: 800;
        line-height: 1.12;
        letter-spacing: -1.8px;
    }
    .bk-solar-epc-page .bk-page-hero h1 span{
        color:var(--bk-green);
    }
        .bk-solar-epc-page .bk-page-hero-content > p {
        max-width: 700px;
        margin-bottom: 0;
        color: rgba(255, 255, 255, 0.84);
    }

    .bk-solar-epc-page .bk-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        margin-top: 27px;
        color: rgba(255, 255, 255, 0.78);
        font-size: 15px;
    }

        .bk-solar-epc-page .bk-breadcrumb a {
            color: #FFFFFF;
            transition: color 0.25s ease;
            font-size: 15px;
        }

            .bk-solar-epc-page .bk-breadcrumb a:hover {
                color: #FFB66D;
            }

        .bk-solar-epc-page .bk-breadcrumb i {
            color: var(--epc-orange);
            font-size: 15px;
        }

    .bk-solar-epc-page .bk-page-hero-scroll {
        position: absolute;
        right: max(24px, calc((100% - 1320px) / 2));
        bottom: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 43px;
        height: 43px;
        color: #FFFFFF;
        border: 1px solid rgba(255, 255, 255, 0.48);
        transition: background 0.3s ease, border-color 0.3s ease;
    }

        .bk-solar-epc-page .bk-page-hero-scroll:hover {
            color: #FFFFFF;
            background: var(--epc-orange);
            border-color: var(--epc-orange);
        }

    /* ==========================================
   EYEBROW
========================================== */

    .bk-solar-epc-page .bk-epc-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        color: var(--bk-green);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.6px;
        line-height: 1.6;
        text-transform: uppercase;
    }

        .bk-solar-epc-page .bk-epc-eyebrow::before {
            content: "";
            display: inline-block;
            width: 28px;
            height: 2px;
            flex-shrink: 0;
            background: var(--epc-orange);
        }

    /* ==========================================
   BUTTONS
========================================== */

    .bk-solar-epc-page .bk-epc-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 13px;
        margin-top: 28px;
    }

    .bk-solar-epc-page .bk-epc-btn {
        min-height: 49px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 11px;
        padding: 13px 21px;
        border: 1px solid transparent;
        border-radius: 5px;
        font-family: "DM Sans", sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.4;
        transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
    }

    .bk-solar-epc-page .bk-epc-btn-primary {
        color: #FFFFFF;
        background: var(--epc-orange);
        border-color: var(--epc-orange);
    }

        .bk-solar-epc-page .bk-epc-btn-primary:hover {
            color: #FFFFFF;
            background: #D96A12;
            border-color: #D96A12;
            transform: translateY(-2px);
        }

    .bk-solar-epc-page .bk-epc-btn-outline {
        color: #FFFFFF;
        background: transparent;
        border-color: rgba(255, 255, 255, 0.65);
    }

        .bk-solar-epc-page .bk-epc-btn-outline:hover {
            color: var(--epc-dark);
            background: #FFFFFF;
            border-color: #FFFFFF;
        }

    /* ==========================================
   OVERVIEW
========================================== */

    .bk-solar-epc-page .bk-epc-overview {
        background: #FFFFFF;
    }

    .bk-solar-epc-page .bk-epc-overview-grid {
        display: grid;
        grid-template-columns: 1fr 0.92fr;
        align-items: center;
        gap: 75px;
    }

    .bk-solar-epc-page .bk-epc-overview-content h2 {
        max-width: 590px;
        margin: 0 0 22px;
        font-size: clamp(32px, 3.5vw, 48px);
        letter-spacing: -1.1px;
    }
    .bk-solar-epc-page .bk-epc-overview-content h2 span{
        color:var(--bk-green);
    }
        .bk-solar-epc-page .bk-epc-overview-content p:last-of-type {
        margin-bottom: 22px;
    }

    .bk-solar-epc-page .bk-epc-overview-visual {
        position: relative;
        min-width: 0;
        padding: 0 16px 16px 0;
    }

        .bk-solar-epc-page .bk-epc-overview-visual::before {
            content: "";
            position: absolute;
            top: -12px;
            right: 0;
            width: 95px;
            height: 95px;
            border-top: 4px solid var(--epc-orange);
            border-right: 4px solid var(--epc-orange);
        }

        .bk-solar-epc-page .bk-epc-overview-visual::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: -12px;
            width: 75px;
            height: 75px;
            border-bottom: 4px solid var(--epc-green);
            border-left: 4px solid var(--epc-green);
        }

        .bk-solar-epc-page .bk-epc-overview-visual > img {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 420px;
            object-fit: cover;
        }

    .bk-solar-epc-page .bk-epc-image-note {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: 15px;
        max-width: 365px;
        margin: -38px 0 0 -22px;
        padding: 20px;
        background: #FFFFFF;
        border: 1px solid var(--epc-border);
        box-shadow: var(--bk-shadow-sm, 0 8px 25px rgba(11, 74, 41, 0.07));
    }

        .bk-solar-epc-page .bk-epc-image-note > i {
            flex: 0 0 46px;
            width: 46px;
            height: 46px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #FFFFFF;
            background: var(--epc-dark);
            font-size: 22px;
        }

        .bk-solar-epc-page .bk-epc-image-note strong,
        .bk-solar-epc-page .bk-epc-image-note span {
            display: block;
        }

        .bk-solar-epc-page .bk-epc-image-note strong {
            margin-bottom: 5px;
            color: var(--epc-dark);
            font-family: "Manrope", sans-serif;
            font-size: 14px;
            font-weight: 800;
        }

        .bk-solar-epc-page .bk-epc-image-note span {
            color: var(--epc-muted);
            font-size: 12px;
            line-height: 1.6;
        }

    .bk-solar-epc-page .bk-epc-text-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-height: 48px;
        padding: 13px 20px;
        border: 1px solid transparent;
        border-radius: 6px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.4;
        transition: var(--bk-transition);
        color: var(--bk-white);
        background: var(--bk-orange);
        border-color: var(--bk-orange);
    }

        .bk-solar-epc-page .bk-epc-text-link:hover {
            color: var(--bk-white);
            background: var(--bk-dark-green);
            border-color: var(--bk-dark-green);
        }

    /* ==========================================
   EPC SERVICE CARDS
========================================== */

    .bk-solar-epc-page .bk-epc-services {
        background: var(--epc-light);
    }

    .bk-solar-epc-page .bk-epc-section-heading {
        max-width: 760px;
        margin: 0 auto 42px;
        text-align: center;
    }

        .bk-solar-epc-page .bk-epc-section-heading h2 {
            margin: 0 0 17px;
            font-size: clamp(32px, 3.5vw, 48px);
            letter-spacing: -1.1px;
        }
        .bk-solar-epc-page .bk-epc-section-heading h2 span{
            color:var(--bk-green);
        }
            .bk-solar-epc-page .bk-epc-section-heading p {
            max-width: 620px;
            margin: 0 auto;
        }

    .bk-solar-epc-page .bk-epc-services-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-top: 1px solid var(--epc-border);
        border-bottom: 1px solid var(--epc-border);
    }

    .bk-solar-epc-page .bk-epc-service-card {
        min-width: 0;
        padding: 30px 29px 34px;
        background: var(--bk-white);
        border-right: 1px solid var(--epc-border);
        transition: background 0.3s ease;
    }

        .bk-solar-epc-page .bk-epc-service-card:last-child {
            border-right: 0;
        }

        .bk-solar-epc-page .bk-epc-service-card:hover {
            background: #FFFFFF;
        }

    .bk-solar-epc-page .bk-epc-service-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        margin-bottom: 31px;
    }

    .bk-solar-epc-page .bk-epc-service-number {
        color: var(--epc-orange);
        font-family: "Manrope", sans-serif;
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .bk-solar-epc-page .bk-epc-service-top > i {
        width: 53px;
        height: 53px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--epc-dark);
        background: #FFFFFF;
        border: 1px solid var(--epc-border);
        font-size: 24px;
        transition: color 0.3s ease, background 0.3s ease;
    }

    .bk-solar-epc-page .bk-epc-service-card:hover .bk-epc-service-top > i {
        color: #FFFFFF;
        background: var(--epc-dark);
    }

    .bk-solar-epc-page .bk-epc-service-card h3 {
        margin: 0 0 14px;
        font-size: 22px;
    }

    .bk-solar-epc-page .bk-epc-service-card p {
        margin: 0;
    }

    /* ==========================================
   PROJECT APPROACH
========================================== */

    .bk-solar-epc-page .bk-epc-approach {
        background: #FFFFFF;
    }

    .bk-solar-epc-page .bk-epc-approach-grid {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        align-items: start;
        gap: 75px;
    }

    .bk-solar-epc-page .bk-epc-approach-content h2 {
        margin: 0 0 20px;
        font-size: clamp(32px, 3.5vw, 48px);
        letter-spacing: -1.1px;
    }
    .bk-solar-epc-page .bk-epc-approach-content h2 span{
        color:var(--bk-green);
    }
        .bk-solar-epc-page .bk-epc-approach-content p {
        margin: 0;
    }

    .bk-solar-epc-page .bk-epc-approach-steps {
        border-top: 1px solid var(--epc-border);
    }

    .bk-solar-epc-page .bk-epc-approach-step {
        display: grid;
        grid-template-columns: 52px 1fr;
        gap: 20px;
        padding: 23px 0;
        border-bottom: 1px solid var(--epc-border);
    }

        .bk-solar-epc-page .bk-epc-approach-step > span {
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #FFFFFF;
            background: var(--epc-dark);
            font-family: "Manrope", sans-serif;
            font-size: 13px;
            font-weight: 800;
        }

        .bk-solar-epc-page .bk-epc-approach-step h3 {
            margin: 0 0 8px;
            font-size: 19px;
        }

        .bk-solar-epc-page .bk-epc-approach-step p {
            margin: 0;
        }

    /* ==========================================
   FAQ
========================================== */

    .bk-solar-epc-page .bk-epc-faq {
        background: var(--epc-light);
    }

    .bk-solar-epc-page .bk-epc-faq-grid {
        display: grid;
        grid-template-columns: 0.72fr 1.28fr;
        align-items: start;
        gap: 75px;
    }

    .bk-solar-epc-page .bk-epc-faq-heading {
        position: sticky;
        top: 35px;
    }

        .bk-solar-epc-page .bk-epc-faq-heading h2 {
            margin: 0 0 18px;
            font-size: clamp(32px, 3.5vw, 48px);
            letter-spacing: -1.1px;
        }
        .bk-solar-epc-page .bk-epc-faq-heading h2 span{
            color:var(--bk-green);
        }
            .bk-solar-epc-page .bk-epc-faq-heading > p {
            margin-bottom: 25px;
        }

    .bk-solar-epc-page .bk-epc-faq-list {
        border-top: 1px solid var(--epc-border);
    }

    .bk-solar-epc-page .bk-epc-faq-item {
        border-bottom: 1px solid var(--epc-border);
        background: transparent;
    }

        .bk-solar-epc-page .bk-epc-faq-item summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            padding: 22px 0;
            color: var(--epc-text);
            font-size: 16px;
            font-weight: 750;
            line-height: 1.55;
            cursor: pointer;
            list-style: none;
        }

            .bk-solar-epc-page .bk-epc-faq-item summary::-webkit-details-marker {
                display: none;
            }

            .bk-solar-epc-page .bk-epc-faq-item summary::after {
                content: "+";
                flex: 0 0 29px;
                width: 29px;
                height: 29px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #FFFFFF;
                background: var(--epc-dark);
                font-size: 21px;
                font-weight: 400;
                transition: background 0.25s ease;
            }

        .bk-solar-epc-page .bk-epc-faq-item[open] summary::after {
            content: "−";
            background: var(--epc-orange);
        }

    .bk-solar-epc-page .bk-epc-faq-answer {
        padding: 0 40px 20px 0;
    }

        .bk-solar-epc-page .bk-epc-faq-answer p {
            margin: 0;
        }

    /* ==========================================
   FINAL CTA
========================================== */

    .bk-solar-epc-page .bk-epc-cta {
        padding: 70px 0;
        color: #FFFFFF;
        background: var(--epc-dark);
    }

    .bk-solar-epc-page .bk-epc-cta-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 45px;
    }

    .bk-solar-epc-page .bk-epc-cta-content {
        max-width: 750px;
    }

        .bk-solar-epc-page .bk-epc-cta-content h2 {
            margin: 0 0 17px;
            color: #FFFFFF;
            font-size: clamp(32px, 3.5vw, 48px);
            letter-spacing: -1.1px;
        }
        .bk-solar-epc-page .bk-epc-cta-content h2 span{
            color:var(--bk-green);
        }
            .bk-solar-epc-page .bk-epc-cta-content p {
            margin: 0;
            color: rgba(255, 255, 255, 0.8);
        }

    .bk-solar-epc-page .bk-epc-cta-actions {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .bk-solar-epc-page .bk-epc-cta-phone {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #FFFFFF;
        font-size:21px;
        font-weight: 700;
    }

        .bk-solar-epc-page .bk-epc-cta-phone i {
            color: #FFB66D;
            font-size: 21px;
        }

        .bk-solar-epc-page .bk-epc-cta-phone:hover {
            color: #FFB66D;
        }

/* ==========================================
   RESPONSIVE: TABLET
========================================== */

@media (max-width: 991.98px) {
    .bk-solar-epc-page .bk-section {
        padding: 68px 0;
    }

    .bk-solar-epc-page .bk-epc-overview-grid,
    .bk-solar-epc-page .bk-epc-approach-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .bk-solar-epc-page .bk-epc-overview-visual {
        max-width: 680px;
        width: 100%;
        margin-inline: auto;
    }

    .bk-solar-epc-page .bk-epc-services-grid {
        grid-template-columns: 1fr;
    }

    .bk-solar-epc-page .bk-epc-service-card {
        display: grid;
        grid-template-columns: 75px 1fr;
        column-gap: 22px;
        padding: 25px;
        border-right: 0;
        border-bottom: 1px solid var(--epc-border);
    }

        .bk-solar-epc-page .bk-epc-service-card:last-child {
            border-bottom: 0;
        }

    .bk-solar-epc-page .bk-epc-service-top {
        grid-row: span 2;
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
    }

    .bk-solar-epc-page .bk-epc-service-card h3 {
        align-self: end;
    }

    .bk-solar-epc-page .bk-epc-service-card p {
        align-self: start;
    }

    .bk-solar-epc-page .bk-epc-faq-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .bk-solar-epc-page .bk-epc-faq-heading {
        position: static;
    }

    .bk-solar-epc-page .bk-epc-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .bk-solar-epc-page .bk-epc-cta-actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

/* ==========================================
   RESPONSIVE: MOBILE
========================================== */

@media (max-width: 767.98px) {
    .bk-solar-epc-page .bk-container {
        width: calc(100% - 32px);
    }

    .bk-solar-epc-page .bk-section {
        padding: 55px 0;
    }

    .bk-solar-epc-page .bk-page-hero {
        min-height: 490px;
    }

    .bk-solar-epc-page .bk-page-hero-content {
        padding: 70px 0 80px;
    }

    .bk-solar-epc-page .bk-page-hero h1 {
        font-size: clamp(33px, 8vw, 44px);
        letter-spacing: -0.8px;
    }

    .bk-solar-epc-page .bk-page-hero-overlay {
        background: linear-gradient( 90deg, rgba(6, 39, 21, 0.94), rgba(6, 39, 21, 0.72) );
    }

    .bk-solar-epc-page .bk-epc-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

        .bk-solar-epc-page .bk-epc-hero-actions .bk-epc-btn {
            width: 100%;
        }

    .bk-solar-epc-page .bk-epc-overview-content h2,
    .bk-solar-epc-page .bk-epc-approach-content h2 {
        font-size: 33px;
    }

    .bk-solar-epc-page .bk-epc-overview-visual > img {
        height: 320px;
    }

    .bk-solar-epc-page .bk-epc-image-note {
        max-width: calc(100% - 10px);
        margin: -30px 0 0 10px;
        padding: 15px;
        gap: 12px;
    }

        .bk-solar-epc-page .bk-epc-image-note > i {
            flex-basis: 42px;
            width: 42px;
            height: 42px;
        }

    .bk-solar-epc-page .bk-epc-section-heading {
        margin-bottom: 30px;
    }

    .bk-solar-epc-page .bk-epc-service-card {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 24px 20px;
    }

    .bk-solar-epc-page .bk-epc-service-top {
        grid-row: auto;
        flex-direction: row;
        align-items: center;
        margin-bottom: 5px;
    }

    .bk-solar-epc-page .bk-epc-service-card h3 {
        margin-bottom: 10px;
    }

    .bk-solar-epc-page .bk-epc-approach-step {
        grid-template-columns: 42px 1fr;
        gap: 14px;
        padding: 20px 0;
    }

        .bk-solar-epc-page .bk-epc-approach-step > span {
            width: 38px;
            height: 38px;
        }

    .bk-solar-epc-page .bk-epc-faq-item summary {
        padding: 19px 0;
        font-size: 15px;
    }

    .bk-solar-epc-page .bk-epc-faq-answer {
        padding-right: 5px;
    }

    .bk-solar-epc-page .bk-epc-cta {
        padding: 55px 0;
    }

    .bk-solar-epc-page .bk-epc-cta-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

        .bk-solar-epc-page .bk-epc-cta-actions .bk-epc-btn {
            width: 100%;
        }

    .bk-solar-epc-page .bk-page-hero-scroll {
        right: 16px;
        bottom: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bk-solar-epc-page *,
    .bk-solar-epc-page *::before,
    .bk-solar-epc-page *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ==========================================
   ENERGY STORAGE PAGE
   Root: .bk-energy-storage-page
========================================== */

.bk-energy-storage-page {
    --energy-green: var(--bk-green, #3CB44A);
    --energy-dark: var(--bk-deep-green, #0B4A29);
    --energy-orange: var(--bk-orange, #F58220);
    --energy-text: var(--bk-text, #18221C);
    --energy-muted: #5D665F;
    --energy-border: rgba(24, 34, 28, 0.12);
    --energy-light: #F5F7F6;
    --energy-soft: #F4FAF5;
    color: var(--energy-text);
    background: #FFFFFF;
    overflow: clip;
}

    .bk-energy-storage-page *,
    .bk-energy-storage-page *::before,
    .bk-energy-storage-page *::after {
        box-sizing: border-box;
    }

    .bk-energy-storage-page p {
        margin-bottom: 18px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.85;
    }

    .bk-energy-storage-page h1,
    .bk-energy-storage-page h2,
    .bk-energy-storage-page h3 {
        font-family: "Manrope", sans-serif;
        font-weight: 750;
        line-height: 1.25;
    }

    .bk-energy-storage-page h2,
    .bk-energy-storage-page h3 {
        color: var(--energy-dark);
    }

        .bk-energy-storage-page h2 span,
        .bk-energy-storage-page h1 span {
            color: var(--bk-green);
        }

    .bk-energy-storage-page img {
        display: block;
        max-width: 100%;
    }

    .bk-energy-storage-page a {
        text-decoration: none;
    }

    .bk-energy-storage-page .bk-section {
        padding: 85px 0;
    }

    .bk-energy-storage-page .bk-container {
        width: min(1320px, calc(100% - 48px));
        margin-inline: auto;
    }

    /* ==========================================
   COMMON INNER PAGE HERO
========================================== */

    .bk-energy-storage-page .bk-page-hero {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 510px;
        isolation: isolate;
        overflow: hidden;
        background: var(--energy-dark);
    }

    .bk-energy-storage-page .bk-page-hero-bg,
    .bk-energy-storage-page .bk-page-hero-overlay {
        position: absolute;
        inset: 0;
        z-index: -1;
    }

        .bk-energy-storage-page .bk-page-hero-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .bk-energy-storage-page .bk-page-hero-overlay {
        background: linear-gradient( 90deg, rgba(6, 39, 21, 0.94) 0%, rgba(6, 39, 21, 0.80) 52%, rgba(6, 39, 21, 0.38) 100% );
    }

    .bk-energy-storage-page .bk-page-hero-content {
        position: relative;
        z-index: 2;
        max-width: 850px;
    }

    .bk-energy-storage-page .bk-page-hero-kicker {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 20px;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1.3px;
    }

        .bk-energy-storage-page .bk-page-hero-kicker span {
            width: 32px;
            height: 2px;
            flex-shrink: 0;
            background: var(--energy-orange);
        }

    .bk-energy-storage-page .bk-page-hero h1 {
        max-width: 850px;
        margin: 0 0 22px;
        color: #FFFFFF;
        font-size: clamp(35px, 4.4vw, 58px);
        font-weight: 800;
        letter-spacing: -1.4px;
    }

        .bk-energy-storage-page .bk-page-hero h1 span {
            color: var(--energy-green);
        }

    .bk-energy-storage-page .bk-page-hero-content > p {
        max-width: 700px;
        margin-bottom: 0;
        color: rgba(255, 255, 255, 0.86);
    }

    .bk-energy-storage-page .bk-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        margin-top: 27px;
        color: rgba(255, 255, 255, 0.8);
        font-size: 15px;
    }

        .bk-energy-storage-page .bk-breadcrumb a {
            color: #FFFFFF;
            transition: color 0.25s ease;
        }

            .bk-energy-storage-page .bk-breadcrumb a:hover {
                color: #FFB66D;
            }

        .bk-energy-storage-page .bk-breadcrumb i {
            color: var(--energy-orange);
            font-size: 11px;
        }

    .bk-energy-storage-page .bk-page-hero-scroll {
        position: absolute;
        right: max(24px, calc((100% - 1320px) / 2));
        bottom: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 43px;
        height: 43px;
        color: #FFFFFF;
        border: 1px solid rgba(255, 255, 255, 0.48);
        transition: background 0.3s ease, border-color 0.3s ease;
    }

        .bk-energy-storage-page .bk-page-hero-scroll:hover {
            color: #FFFFFF;
            background: var(--energy-orange);
            border-color: var(--energy-orange);
        }

    /* ==========================================
   EYEBROW
========================================== */

    .bk-energy-storage-page .bk-energy-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        color: var(--bk-deep-green);
        font-size: 16px;
        font-weight: 750;
        letter-spacing: 0.8px;
        line-height: 1.6;
        text-transform: uppercase;
    }

        .bk-energy-storage-page .bk-energy-eyebrow::before {
            content: "";
            display: inline-block;
            width: 28px;
            height: 2px;
            flex-shrink: 0;
            background: var(--energy-orange);
        }

    /* ==========================================
   BUTTONS
========================================== */

    .bk-energy-storage-page .bk-energy-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 13px;
        margin-top: 28px;
    }

    .bk-energy-storage-page .bk-energy-btn {
        min-height: 49px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 11px;
        padding: 13px 21px;
        border: 1px solid transparent;
        border-radius: 5px;
        font-family: "DM Sans", sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.4;
        transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
    }

    .bk-energy-storage-page .bk-energy-btn-primary {
        color: #FFFFFF;
        background: var(--energy-orange);
        border-color: var(--energy-orange);
    }

        .bk-energy-storage-page .bk-energy-btn-primary:hover {
            color: #FFFFFF;
            background: #D96A12;
            border-color: #D96A12;
            transform: translateY(-2px);
        }

    .bk-energy-storage-page .bk-energy-btn-outline {
        color: #FFFFFF;
        background: transparent;
        border-color: rgba(255, 255, 255, 0.65);
    }

        .bk-energy-storage-page .bk-energy-btn-outline:hover {
            color: var(--energy-dark);
            background: #FFFFFF;
            border-color: #FFFFFF;
        }

    /* ==========================================
   OVERVIEW
========================================== */

    .bk-energy-storage-page .bk-energy-overview {
        background: #FFFFFF;
    }

    .bk-energy-storage-page .bk-energy-overview-grid {
        display: grid;
        grid-template-columns: 1fr 0.92fr;
        align-items: center;
        gap: 75px;
    }

    .bk-energy-storage-page .bk-energy-overview-content h2 {
        max-width: 620px;
        margin: 0 0 22px;
        font-size: clamp(32px, 3.5vw, 48px);
        letter-spacing: -1.1px;
    }
    .bk-energy-storage-page .bk-energy-overview-content h2 span{
        color:var(--bk-green);
    }
        .bk-energy-storage-page .bk-energy-overview-content p:last-of-type {
        margin-bottom: 22px;
    }

    .bk-energy-storage-page .bk-energy-overview-visual {
        position: relative;
        min-width: 0;
        padding: 0 16px 16px 0;
    }

        .bk-energy-storage-page .bk-energy-overview-visual::before {
            content: "";
            position: absolute;
            top: -12px;
            right: 0;
            width: 95px;
            height: 95px;
            border-top: 4px solid var(--energy-orange);
            border-right: 4px solid var(--energy-orange);
        }

        .bk-energy-storage-page .bk-energy-overview-visual::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: -12px;
            width: 75px;
            height: 75px;
            border-bottom: 4px solid var(--energy-green);
            border-left: 4px solid var(--energy-green);
        }

        .bk-energy-storage-page .bk-energy-overview-visual > img {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 420px;
            object-fit: cover;
        }

    .bk-energy-storage-page .bk-energy-image-note {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: 15px;
        max-width: 365px;
        margin: -38px 0 0 -22px;
        padding: 20px;
        background: #FFFFFF;
        border: 1px solid var(--energy-border);
        box-shadow: var(--bk-shadow-sm, 0 8px 25px rgba(11, 74, 41, 0.07));
    }

        .bk-energy-storage-page .bk-energy-image-note > i {
            flex: 0 0 46px;
            width: 46px;
            height: 46px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #FFFFFF;
            background: var(--energy-dark);
            font-size: 22px;
        }

        .bk-energy-storage-page .bk-energy-image-note strong,
        .bk-energy-storage-page .bk-energy-image-note span {
            display: block;
        }

        .bk-energy-storage-page .bk-energy-image-note strong {
            margin-bottom: 5px;
            color: var(--energy-dark);
            font-family: "Manrope", sans-serif;
            font-size: 16px;
            font-weight: 800;
        }

        .bk-energy-storage-page .bk-energy-image-note span {
            color: var(--energy-muted);
            font-size: 14px;
            line-height: 1.6;
        }

    .bk-energy-storage-page .bk-energy-text-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 12px 18px;
        color: #FFFFFF;
        background: var(--energy-orange);
        border: 1px solid var(--energy-orange);
        border-radius: 5px;
        font-size: 14px;
        font-weight: 700;
        transition: background 0.25s ease, transform 0.25s ease;
    }

        .bk-energy-storage-page .bk-energy-text-link:hover {
            color: #FFFFFF;
            background: #D96A12;
            transform: translateY(-2px);
        }

    /* ==========================================
   SECTION HEADING
========================================== */

    .bk-energy-storage-page .bk-energy-section-heading {
        max-width: 780px;
        margin: 0 auto 42px;
        text-align: center;
    }

        .bk-energy-storage-page .bk-energy-section-heading h2 {
            margin: 0 0 17px;
            font-size: clamp(31px, 3.3vw, 44px);
            letter-spacing: -0.8px;
        }

        .bk-energy-storage-page .bk-energy-section-heading p {
            max-width: 650px;
            margin: 0 auto;
        }

    /* ==========================================
   APPLICATIONS
========================================== */

    .bk-energy-storage-page .bk-energy-applications {
        background: var(--energy-light);
    }

    .bk-energy-storage-page .bk-energy-applications-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-top: 1px solid var(--energy-border);
        border-bottom: 1px solid var(--energy-border);
    }

    .bk-energy-storage-page .bk-energy-application-card {
        min-width: 0;
        padding: 30px 29px 34px;
        border-right: 1px solid var(--energy-border);
        transition: background 0.3s ease;
        background-color:var(--bk-white);
    }

        .bk-energy-storage-page .bk-energy-application-card:last-child {
            border-right: 0;
        }

        .bk-energy-storage-page .bk-energy-application-card:hover {
            background: #FFFFFF;
        }

    .bk-energy-storage-page .bk-energy-card-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        margin-bottom: 30px;
    }

        .bk-energy-storage-page .bk-energy-card-top > span {
            color: var(--energy-orange);
            font-family: "Manrope", sans-serif;
            font-size: 18px;
            font-weight: 800;
            letter-spacing: 1px;
        }

        .bk-energy-storage-page .bk-energy-card-top > i {
            width: 53px;
            height: 53px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--energy-dark);
            background: #FFFFFF;
            border: 1px solid var(--energy-border);
            font-size: 24px;
            transition: color 0.3s ease, background 0.3s ease;
        }

    .bk-energy-storage-page .bk-energy-application-card:hover .bk-energy-card-top > i {
        color: #FFFFFF;
        background: var(--energy-dark);
    }

    .bk-energy-storage-page .bk-energy-application-card h3 {
        margin: 0 0 14px;
        font-size: 21px;
    }

    .bk-energy-storage-page .bk-energy-application-card p {
        margin: 0;
    }

    /* ==========================================
   SYSTEM PLANNING
========================================== */

    .bk-energy-storage-page .bk-energy-planning {
        background: #FFFFFF;
    }

    .bk-energy-storage-page .bk-energy-planning-grid {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        align-items: start;
        gap: 75px;
    }

    .bk-energy-storage-page .bk-energy-planning-content h2 {
        margin: 0 0 22px;
        font-size: clamp(31px, 3.4vw, 45px);
        letter-spacing: -1px;
    }

    .bk-energy-storage-page .bk-energy-planning-list {
        border-top: 1px solid var(--energy-border);
    }

    .bk-energy-storage-page .bk-energy-planning-item {
        display: grid;
        grid-template-columns: 53px 1fr;
        align-items: start;
        gap: 19px;
        padding: 21px 0;
        border-bottom: 1px solid var(--energy-border);
    }

        .bk-energy-storage-page .bk-energy-planning-item > span {
            width: 46px;
            height: 46px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--energy-dark);
            background: var(--energy-soft);
            border: 1px solid var(--energy-border);
            font-size: 21px;
        }

        .bk-energy-storage-page .bk-energy-planning-item h3 {
            margin: 0 0 7px;
            font-size: 19px;
        }

        .bk-energy-storage-page .bk-energy-planning-item p {
            margin: 0;
        }

    /* ==========================================
   IMPORTANT NOTE
========================================== */

    .bk-energy-storage-page .bk-energy-note-section {
        padding: 0 0 85px;
        background: #FFFFFF;
    }

    .bk-energy-storage-page .bk-energy-note-panel {
        display: grid;
        grid-template-columns: 54px 1fr;
        gap: 22px;
        padding: 30px;
        background: var(--energy-soft);
        border-left: 4px solid var(--energy-orange);
    }

    .bk-energy-storage-page .bk-energy-note-icon {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        background: var(--energy-dark);
        font-size: 22px;
    }

    .bk-energy-storage-page .bk-energy-note-content h2 {
        margin: 0 0 10px;
        font-size: 22px;
    }

    .bk-energy-storage-page .bk-energy-note-content p {
        margin: 0;
    }

    /* ==========================================
   FAQ
========================================== */

    .bk-energy-storage-page .bk-energy-faq {
        background: var(--energy-light);
    }

    .bk-energy-storage-page .bk-energy-faq-grid {
        display: grid;
        grid-template-columns: 0.72fr 1.28fr;
        align-items: start;
        gap: 75px;
    }

    .bk-energy-storage-page .bk-energy-faq-heading {
        position: sticky;
        top: 35px;
    }

        .bk-energy-storage-page .bk-energy-faq-heading h2 {
            margin: 0 0 18px;
            font-size: clamp(32px, 3.4vw, 44px);
            letter-spacing: -0.9px;
        }

        .bk-energy-storage-page .bk-energy-faq-heading > p {
            margin-bottom: 25px;
        }

    .bk-energy-storage-page .bk-energy-faq-list {
        border-top: 1px solid var(--energy-border);
    }

    .bk-energy-storage-page .bk-energy-faq-item {
        border-bottom: 1px solid var(--energy-border);
        background: transparent;
    }

        .bk-energy-storage-page .bk-energy-faq-item summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            padding: 22px 0;
            color: var(--energy-text);
            font-size: 16px;
            font-weight: 750;
            line-height: 1.55;
            cursor: pointer;
            list-style: none;
        }

            .bk-energy-storage-page .bk-energy-faq-item summary::-webkit-details-marker {
                display: none;
            }

            .bk-energy-storage-page .bk-energy-faq-item summary::after {
                content: "+";
                flex: 0 0 29px;
                width: 29px;
                height: 29px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #FFFFFF;
                background: var(--energy-dark);
                font-size: 21px;
                font-weight: 400;
                transition: background 0.25s ease;
            }

        .bk-energy-storage-page .bk-energy-faq-item[open] summary::after {
            content: "−";
            background: var(--energy-orange);
        }

    .bk-energy-storage-page .bk-energy-faq-answer {
        padding: 0 40px 20px 0;
    }

        .bk-energy-storage-page .bk-energy-faq-answer p {
            margin: 0;
        }

    /* ==========================================
   FINAL CTA
========================================== */

    .bk-energy-storage-page .bk-energy-cta {
        padding: 70px 0;
        color: #FFFFFF;
        background: var(--energy-dark);
    }

    .bk-energy-storage-page .bk-energy-cta-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 45px;
    }

    .bk-energy-storage-page .bk-energy-cta-content {
        max-width: 750px;
    }

        .bk-energy-storage-page .bk-energy-cta-content h2 {
            margin: 0 0 17px;
            color: #FFFFFF;
            font-size: clamp(30px, 3.4vw, 44px);
            letter-spacing: -0.8px;
        }

            .bk-energy-storage-page .bk-energy-cta-content h2 span {
                color: var(--energy-green);
            }

        .bk-energy-storage-page .bk-energy-cta-content p {
            margin: 0;
            color: rgba(255, 255, 255, 0.82);
        }

    .bk-energy-storage-page .bk-energy-cta-actions {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .bk-energy-storage-page .bk-energy-cta-phone {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #FFFFFF;
        font-size: 21px;
        font-weight: 700;
    }

        .bk-energy-storage-page .bk-energy-cta-phone i {
            color: #FFB66D;
            font-size: 18px;
        }

        .bk-energy-storage-page .bk-energy-cta-phone:hover {
            color: #FFB66D;
        }

/* ==========================================
   TABLET
========================================== */

@media (max-width: 991.98px) {
    .bk-energy-storage-page .bk-section {
        padding: 68px 0;
    }

    .bk-energy-storage-page .bk-energy-overview-grid,
    .bk-energy-storage-page .bk-energy-planning-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .bk-energy-storage-page .bk-energy-overview-visual {
        max-width: 680px;
        width: 100%;
        margin-inline: auto;
    }

    .bk-energy-storage-page .bk-energy-applications-grid {
        grid-template-columns: 1fr;
    }

    .bk-energy-storage-page .bk-energy-application-card {
        display: grid;
        grid-template-columns: 75px 1fr;
        column-gap: 22px;
        padding: 25px;
        border-right: 0;
        border-bottom: 1px solid var(--energy-border);
    }

        .bk-energy-storage-page .bk-energy-application-card:last-child {
            border-bottom: 0;
        }

    .bk-energy-storage-page .bk-energy-card-top {
        grid-row: span 2;
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
    }

    .bk-energy-storage-page .bk-energy-application-card h3 {
        align-self: end;
    }

    .bk-energy-storage-page .bk-energy-application-card p {
        align-self: start;
    }

    .bk-energy-storage-page .bk-energy-faq-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .bk-energy-storage-page .bk-energy-faq-heading {
        position: static;
    }

    .bk-energy-storage-page .bk-energy-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .bk-energy-storage-page .bk-energy-cta-actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767.98px) {
    .bk-energy-storage-page .bk-container {
        width: calc(100% - 32px);
    }

    .bk-energy-storage-page .bk-section {
        padding: 55px 0;
    }

    .bk-energy-storage-page .bk-page-hero {
        min-height: 490px;
    }

    .bk-energy-storage-page .bk-page-hero-content {
        padding: 70px 0 80px;
    }

    .bk-energy-storage-page .bk-page-hero h1 {
        font-size: clamp(33px, 8vw, 44px);
        letter-spacing: -0.8px;
    }

    .bk-energy-storage-page .bk-page-hero-overlay {
        background: linear-gradient( 90deg, rgba(6, 39, 21, 0.94), rgba(6, 39, 21, 0.72) );
    }

    .bk-energy-storage-page .bk-energy-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

        .bk-energy-storage-page .bk-energy-hero-actions .bk-energy-btn {
            width: 100%;
        }

    .bk-energy-storage-page .bk-energy-overview-content h2,
    .bk-energy-storage-page .bk-energy-planning-content h2 {
        font-size: 33px;
    }

    .bk-energy-storage-page .bk-energy-overview-visual > img {
        height: 320px;
    }

    .bk-energy-storage-page .bk-energy-image-note {
        max-width: calc(100% - 10px);
        margin: -30px 0 0 10px;
        padding: 15px;
        gap: 12px;
    }

        .bk-energy-storage-page .bk-energy-image-note > i {
            flex-basis: 42px;
            width: 42px;
            height: 42px;
        }

    .bk-energy-storage-page .bk-energy-section-heading {
        margin-bottom: 30px;
    }

    .bk-energy-storage-page .bk-energy-application-card {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 24px 20px;
    }

    .bk-energy-storage-page .bk-energy-card-top {
        grid-row: auto;
        flex-direction: row;
        align-items: center;
        margin-bottom: 5px;
    }

    .bk-energy-storage-page .bk-energy-application-card h3 {
        margin-bottom: 10px;
    }

    .bk-energy-storage-page .bk-energy-planning-item {
        grid-template-columns: 45px 1fr;
        gap: 14px;
        padding: 19px 0;
    }

        .bk-energy-storage-page .bk-energy-planning-item > span {
            width: 40px;
            height: 40px;
        }

    .bk-energy-storage-page .bk-energy-note-section {
        padding-bottom: 55px;
    }

    .bk-energy-storage-page .bk-energy-note-panel {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 22px;
    }

    .bk-energy-storage-page .bk-energy-faq-item summary {
        padding: 19px 0;
        font-size: 15px;
    }

    .bk-energy-storage-page .bk-energy-faq-answer {
        padding-right: 5px;
    }

    .bk-energy-storage-page .bk-energy-cta {
        padding: 55px 0;
    }

    .bk-energy-storage-page .bk-energy-cta-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

        .bk-energy-storage-page .bk-energy-cta-actions .bk-energy-btn {
            width: 100%;
        }

    .bk-energy-storage-page .bk-page-hero-scroll {
        right: 16px;
        bottom: 15px;
    }
}

/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {
    .bk-energy-storage-page *,
    .bk-energy-storage-page *::before,
    .bk-energy-storage-page *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ==========================================
   SOLAR WATER HEATER PAGE
   Root: .bk-solar-water-heater-page
========================================== */

.bk-solar-water-heater-page {
    --swh-green: var(--bk-green, #3CB44A);
    --swh-dark: var(--bk-deep-green, #0B4A29);
    --swh-orange: var(--bk-orange, #F58220);
    --swh-text: var(--bk-text, #18221C);
    --swh-muted: #5D665F;
    --swh-border: rgba(24, 34, 28, 0.12);
    --swh-light: #F5F7F6;
    --swh-soft: #F4FAF5;
    color: var(--swh-text);
    background: #FFFFFF;
    overflow: clip;
}

    .bk-solar-water-heater-page *,
    .bk-solar-water-heater-page *::before,
    .bk-solar-water-heater-page *::after {
        box-sizing: border-box;
    }

    .bk-solar-water-heater-page p {
        margin-bottom: 18px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.85;
    }

    .bk-solar-water-heater-page h1,
    .bk-solar-water-heater-page h2,
    .bk-solar-water-heater-page h3 {
        font-family: "Manrope", sans-serif;
        font-weight: 750;
        line-height: 1.25;
    }

    .bk-solar-water-heater-page h2,
    .bk-solar-water-heater-page h3 {
        color: var(--swh-dark);
    }

        .bk-solar-water-heater-page h1 span,
        .bk-solar-water-heater-page h2 span {
            color: var(--swh-green);
        }

    .bk-solar-water-heater-page img {
        display: block;
        max-width: 100%;
    }

    .bk-solar-water-heater-page a {
        text-decoration: none;
    }

    .bk-solar-water-heater-page .bk-section {
        padding: 85px 0;
    }

    .bk-solar-water-heater-page .bk-container {
        width: min(1320px, calc(100% - 48px));
        margin-inline: auto;
    }

    /* ==========================================
   HERO
========================================== */

    .bk-solar-water-heater-page .bk-page-hero {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 510px;
        isolation: isolate;
        overflow: hidden;
        background: var(--swh-dark);
    }

    .bk-solar-water-heater-page .bk-page-hero-bg,
    .bk-solar-water-heater-page .bk-page-hero-overlay {
        position: absolute;
        inset: 0;
        z-index: -1;
    }

        .bk-solar-water-heater-page .bk-page-hero-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .bk-solar-water-heater-page .bk-page-hero-overlay {
        background: linear-gradient( 90deg, rgba(6, 39, 21, 0.94) 0%, rgba(6, 39, 21, 0.80) 52%, rgba(6, 39, 21, 0.38) 100% );
    }

    .bk-solar-water-heater-page .bk-page-hero-content {
        position: relative;
        z-index: 2;
        max-width: 850px;
    }

    .bk-solar-water-heater-page .bk-page-hero-kicker {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 20px;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1.3px;
    }

        .bk-solar-water-heater-page .bk-page-hero-kicker span {
            width: 32px;
            height: 2px;
            flex-shrink: 0;
            background: var(--swh-orange);
        }

    .bk-solar-water-heater-page .bk-page-hero h1 {
        max-width: 850px;
        margin: 0 0 22px;
        color: #FFFFFF;
        font-size: clamp(35px, 4.4vw, 58px);
        font-weight: 800;
        letter-spacing: -1.4px;
    }

        .bk-solar-water-heater-page .bk-page-hero h1 span {
            color: var(--swh-green);
        }

    .bk-solar-water-heater-page .bk-page-hero-content > p {
        max-width: 700px;
        margin-bottom: 0;
        color: rgba(255, 255, 255, 0.86);
    }

    .bk-solar-water-heater-page .bk-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        margin-top: 27px;
        color: rgba(255, 255, 255, 0.8);
        font-size: 15px;
    }

        .bk-solar-water-heater-page .bk-breadcrumb a {
            color: #FFFFFF;
            transition: color 0.25s ease;
        }

            .bk-solar-water-heater-page .bk-breadcrumb a:hover {
                color: #FFB66D;
            }

        .bk-solar-water-heater-page .bk-breadcrumb i {
            color: var(--swh-orange);
            font-size: 11px;
        }

    .bk-solar-water-heater-page .bk-page-hero-scroll {
        position: absolute;
        right: max(24px, calc((100% - 1320px) / 2));
        bottom: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 43px;
        height: 43px;
        color: #FFFFFF;
        border: 1px solid rgba(255, 255, 255, 0.48);
        transition: background 0.3s ease, border-color 0.3s ease;
    }

        .bk-solar-water-heater-page .bk-page-hero-scroll:hover {
            color: #FFFFFF;
            background: var(--swh-orange);
            border-color: var(--swh-orange);
        }

    /* ==========================================
   EYEBROW
========================================== */

    .bk-solar-water-heater-page .bk-swh-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        color: var(--bk-deep-green);
        font-size: 16px;
        font-weight: 750;
        letter-spacing: 0.8px;
        line-height: 1.6;
        text-transform: uppercase;
    }

        .bk-solar-water-heater-page .bk-swh-eyebrow::before {
            content: "";
            display: inline-block;
            width: 28px;
            height: 2px;
            flex-shrink: 0;
            background: var(--swh-orange);
        }

    /* ==========================================
   BUTTONS
========================================== */

    .bk-solar-water-heater-page .bk-swh-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 13px;
        margin-top: 28px;
    }

    .bk-solar-water-heater-page .bk-swh-btn {
        min-height: 49px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 11px;
        padding: 13px 21px;
        border: 1px solid transparent;
        border-radius: 5px;
        font-family: "DM Sans", sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.4;
        transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
    }

    .bk-solar-water-heater-page .bk-swh-btn-primary {
        color: #FFFFFF;
        background: var(--swh-orange);
        border-color: var(--swh-orange);
    }

        .bk-solar-water-heater-page .bk-swh-btn-primary:hover {
            color: #FFFFFF;
            background: #D96A12;
            border-color: #D96A12;
            transform: translateY(-2px);
        }

    .bk-solar-water-heater-page .bk-swh-btn-outline {
        color: #FFFFFF;
        background: transparent;
        border-color: rgba(255, 255, 255, 0.65);
    }

        .bk-solar-water-heater-page .bk-swh-btn-outline:hover {
            color: var(--swh-dark);
            background: #FFFFFF;
            border-color: #FFFFFF;
        }

    /* ==========================================
   OVERVIEW
========================================== */

    .bk-solar-water-heater-page .bk-swh-overview-grid {
        display: grid;
        grid-template-columns: 1fr 0.92fr;
        align-items: center;
        gap: 75px;
    }

    .bk-solar-water-heater-page .bk-swh-overview-content h2 {
        max-width: 620px;
        margin: 0 0 22px;
        font-size: clamp(32px, 3.5vw, 48px);
        letter-spacing: -1.1px;
    }

    .bk-solar-water-heater-page .bk-swh-overview-visual {
        position: relative;
        min-width: 0;
        padding: 0 16px 16px 0;
    }

        .bk-solar-water-heater-page .bk-swh-overview-visual::before {
            content: "";
            position: absolute;
            top: -12px;
            right: 0;
            width: 95px;
            height: 95px;
            border-top: 4px solid var(--swh-orange);
            border-right: 4px solid var(--swh-orange);
        }

        .bk-solar-water-heater-page .bk-swh-overview-visual::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: -12px;
            width: 75px;
            height: 75px;
            border-bottom: 4px solid var(--swh-green);
            border-left: 4px solid var(--swh-green);
        }

        .bk-solar-water-heater-page .bk-swh-overview-visual > img {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 420px;
            object-fit: cover;
        }

    .bk-solar-water-heater-page .bk-swh-image-note {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: 15px;
        max-width: 365px;
        margin: -38px 0 0 -22px;
        padding: 20px;
        background: #FFFFFF;
        border: 1px solid var(--swh-border);
        box-shadow: var(--bk-shadow-sm, 0 8px 25px rgba(11, 74, 41, 0.07));
    }

        .bk-solar-water-heater-page .bk-swh-image-note > i {
            flex: 0 0 46px;
            width: 46px;
            height: 46px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #FFFFFF;
            background: var(--swh-dark);
            font-size: 22px;
        }

        .bk-solar-water-heater-page .bk-swh-image-note strong,
        .bk-solar-water-heater-page .bk-swh-image-note span {
            display: block;
        }

        .bk-solar-water-heater-page .bk-swh-image-note strong {
            margin-bottom: 5px;
            color: var(--swh-dark);
            font-family: "Manrope", sans-serif;
            font-size: 16px;
            font-weight: 800;
        }

        .bk-solar-water-heater-page .bk-swh-image-note span {
            color: var(--txt-muted);
            font-size: 14px;
            line-height: 1.6;
        }

    .bk-solar-water-heater-page .bk-swh-text-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 12px 18px;
        color: #FFFFFF;
        background: var(--swh-orange);
        border: 1px solid var(--swh-orange);
        border-radius: 5px;
        font-size: 14px;
        font-weight: 700;
        transition: background 0.25s ease, transform 0.25s ease;
    }

        .bk-solar-water-heater-page .bk-swh-text-link:hover {
            color: #FFFFFF;
            background: #D96A12;
            transform: translateY(-2px);
        }

    /* ==========================================
   SECTION HEADING
========================================== */

    .bk-solar-water-heater-page .bk-swh-section-heading {
        max-width: 780px;
        margin: 0 auto 42px;
        text-align: center;
    }

        .bk-solar-water-heater-page .bk-swh-section-heading h2 {
            margin: 0 0 17px;
            font-size: clamp(31px, 3.3vw, 44px);
            letter-spacing: -0.8px;
        }

        .bk-solar-water-heater-page .bk-swh-section-heading p {
            max-width: 650px;
            margin: 0 auto;
        }

    /* ==========================================
   APPLICATIONS
========================================== */

    .bk-solar-water-heater-page .bk-swh-applications {
        background: var(--swh-light);
    }

    .bk-solar-water-heater-page .bk-swh-applications-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-top: 1px solid var(--swh-border);
        border-bottom: 1px solid var(--swh-border);
    }

    .bk-solar-water-heater-page .bk-swh-application-card {
        min-width: 0;
        padding: 30px 29px 34px;
        border-right: 1px solid var(--swh-border);
        transition: background 0.3s ease;
        background-color:var(--bk-white);
    }

        .bk-solar-water-heater-page .bk-swh-application-card:last-child {
            border-right: 0;
        }

        .bk-solar-water-heater-page .bk-swh-application-card:hover {
            background: #FFFFFF;
        }

    .bk-solar-water-heater-page .bk-swh-card-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        margin-bottom: 30px;
    }

        .bk-solar-water-heater-page .bk-swh-card-top > span {
            color: var(--swh-orange);
            font-family: "Manrope", sans-serif;
            font-size: 18px;
            font-weight: 800;
            letter-spacing: 1px;
        }

        .bk-solar-water-heater-page .bk-swh-card-top > i {
            width: 53px;
            height: 53px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--swh-dark);
            background: #FFFFFF;
            border: 1px solid var(--swh-border);
            font-size: 24px;
            transition: color 0.3s ease, background 0.3s ease;
        }

    .bk-solar-water-heater-page .bk-swh-application-card:hover .bk-swh-card-top > i {
        color: #FFFFFF;
        background: var(--swh-dark);
    }

    .bk-solar-water-heater-page .bk-swh-application-card h3 {
        margin: 0 0 14px;
        font-size: 21px;
    }

    .bk-solar-water-heater-page .bk-swh-application-card p {
        margin: 0;
    }

    /* ==========================================
   SYSTEM SELECTION
========================================== */

    .bk-solar-water-heater-page .bk-swh-selection {
        background: #FFFFFF;
    }

    .bk-solar-water-heater-page .bk-swh-selection-grid {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        align-items: start;
        gap: 75px;
    }

    .bk-solar-water-heater-page .bk-swh-selection-content h2 {
        margin: 0 0 22px;
        font-size: clamp(31px, 3.4vw, 45px);
        letter-spacing: -1px;
    }

    .bk-solar-water-heater-page .bk-swh-selection-list {
        border-top: 1px solid var(--swh-border);
    }

    .bk-solar-water-heater-page .bk-swh-selection-item {
        display: grid;
        grid-template-columns: 53px 1fr;
        align-items: start;
        gap: 19px;
        padding: 21px 0;
        border-bottom: 1px solid var(--swh-border);
    }

        .bk-solar-water-heater-page .bk-swh-selection-item > span {
            width: 46px;
            height: 46px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--swh-dark);
            background: var(--swh-soft);
            border: 1px solid var(--swh-border);
            font-size: 21px;
        }

        .bk-solar-water-heater-page .bk-swh-selection-item h3 {
            margin: 0 0 7px;
            font-size: 19px;
        }

        .bk-solar-water-heater-page .bk-swh-selection-item p {
            margin: 0;
        }

    /* ==========================================
   MAINTENANCE
========================================== */

    .bk-solar-water-heater-page .bk-swh-maintenance {
        background: var(--swh-light);
    }

    .bk-solar-water-heater-page .bk-swh-maintenance-grid {
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        align-items: center;
        gap: 75px;
    }

    .bk-solar-water-heater-page .bk-swh-maintenance-visual {
        position: relative;
        padding: 0 0 16px 16px;
    }

        .bk-solar-water-heater-page .bk-swh-maintenance-visual::before {
            content: "";
            position: absolute;
            top: -12px;
            left: 0;
            width: 90px;
            height: 90px;
            border-top: 4px solid var(--swh-orange);
            border-left: 4px solid var(--swh-orange);
        }

        .bk-solar-water-heater-page .bk-swh-maintenance-visual::after {
            content: "";
            position: absolute;
            right: -12px;
            bottom: 0;
            width: 75px;
            height: 75px;
            border-right: 4px solid var(--swh-green);
            border-bottom: 4px solid var(--swh-green);
        }

        .bk-solar-water-heater-page .bk-swh-maintenance-visual img {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 440px;
            object-fit: cover;
        }

    .bk-solar-water-heater-page .bk-swh-maintenance-content h2 {
        margin: 0 0 20px;
        font-size: clamp(31px, 3.4vw, 45px);
        letter-spacing: -1px;
    }

    .bk-solar-water-heater-page .bk-swh-maintenance-list {
        display: grid;
        gap: 14px;
        margin: 25px 0;
        padding: 0;
        list-style: none;
    }

        .bk-solar-water-heater-page .bk-swh-maintenance-list li {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            color: var(--swh-text);
            font-size: 15px;
            line-height: 1.7;
        }

        .bk-solar-water-heater-page .bk-swh-maintenance-list i {
            flex: 0 0 22px;
            width: 22px;
            height: 22px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-top: 1px;
            color: var(--swh-dark);
            background: #FFFFFF;
            border: 1px solid var(--swh-border);
            font-size: 14px;
        }

    /* ==========================================
   IMPORTANT NOTE
========================================== */

    .bk-solar-water-heater-page .bk-swh-note-section {
        padding: 0 0 85px;
        background: var(--swh-light);
    }

    .bk-solar-water-heater-page .bk-swh-note-panel {
        display: grid;
        grid-template-columns: 54px 1fr;
        gap: 22px;
        padding: 30px;
        background: var(--swh-soft);
        border-left: 4px solid var(--swh-orange);
    }

    .bk-solar-water-heater-page .bk-swh-note-icon {
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        background: var(--swh-dark);
        font-size: 22px;
    }

    .bk-solar-water-heater-page .bk-swh-note-content h2 {
        margin: 0 0 10px;
        font-size: 22px;
    }

    .bk-solar-water-heater-page .bk-swh-note-content p {
        margin: 0;
    }

    /* ==========================================
   FAQ
========================================== */

    .bk-solar-water-heater-page .bk-swh-faq {
        background: #FFFFFF;
    }

    .bk-solar-water-heater-page .bk-swh-faq-grid {
        display: grid;
        grid-template-columns: 0.72fr 1.28fr;
        align-items: start;
        gap: 75px;
    }

    .bk-solar-water-heater-page .bk-swh-faq-heading {
        position: sticky;
        top: 35px;
    }

        .bk-solar-water-heater-page .bk-swh-faq-heading h2 {
            margin: 0 0 18px;
            font-size: clamp(32px, 3.4vw, 44px);
            letter-spacing: -0.9px;
        }

        .bk-solar-water-heater-page .bk-swh-faq-heading > p {
            margin-bottom: 25px;
        }

    .bk-solar-water-heater-page .bk-swh-faq-list {
        border-top: 1px solid var(--swh-border);
    }

    .bk-solar-water-heater-page .bk-swh-faq-item {
        border-bottom: 1px solid var(--swh-border);
        background: transparent;
    }

        .bk-solar-water-heater-page .bk-swh-faq-item summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            padding: 22px 0;
            color: var(--swh-text);
            font-size: 16px;
            font-weight: 750;
            line-height: 1.55;
            cursor: pointer;
            list-style: none;
        }

            .bk-solar-water-heater-page .bk-swh-faq-item summary::-webkit-details-marker {
                display: none;
            }

            .bk-solar-water-heater-page .bk-swh-faq-item summary::after {
                content: "+";
                flex: 0 0 29px;
                width: 29px;
                height: 29px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #FFFFFF;
                background: var(--swh-dark);
                font-size: 21px;
                font-weight: 400;
                transition: background 0.25s ease;
            }

        .bk-solar-water-heater-page .bk-swh-faq-item[open] summary::after {
            content: "−";
            background: var(--swh-orange);
        }

    .bk-solar-water-heater-page .bk-swh-faq-answer {
        padding: 0 40px 20px 0;
    }

        .bk-solar-water-heater-page .bk-swh-faq-answer p {
            margin: 0;
        }

    /* ==========================================
   FINAL CTA
========================================== */

    .bk-solar-water-heater-page .bk-swh-cta {
        padding: 70px 0;
        color: #FFFFFF;
        background: var(--swh-dark);
    }

    .bk-solar-water-heater-page .bk-swh-cta-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 45px;
    }

    .bk-solar-water-heater-page .bk-swh-cta-content {
        max-width: 750px;
    }

        .bk-solar-water-heater-page .bk-swh-cta-content h2 {
            margin: 0 0 17px;
            color: #FFFFFF;
            font-size: clamp(30px, 3.4vw, 44px);
            letter-spacing: -0.8px;
        }

            .bk-solar-water-heater-page .bk-swh-cta-content h2 span {
                color: var(--swh-green);
            }

        .bk-solar-water-heater-page .bk-swh-cta-content p {
            margin: 0;
            color: rgba(255, 255, 255, 0.82);
        }

    .bk-solar-water-heater-page .bk-swh-cta-actions {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .bk-solar-water-heater-page .bk-swh-cta-phone {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #FFFFFF;
        font-size: 21px;
        font-weight: 700;
    }

        .bk-solar-water-heater-page .bk-swh-cta-phone i {
            color: #FFB66D;
            font-size: 18px;
        }

        .bk-solar-water-heater-page .bk-swh-cta-phone:hover {
            color: #FFB66D;
        }

/* ==========================================
   TABLET
========================================== */

@media (max-width: 991.98px) {
    .bk-solar-water-heater-page .bk-section {
        padding: 68px 0;
    }

    .bk-solar-water-heater-page .bk-swh-overview-grid,
    .bk-solar-water-heater-page .bk-swh-selection-grid,
    .bk-solar-water-heater-page .bk-swh-maintenance-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .bk-solar-water-heater-page .bk-swh-overview-visual,
    .bk-solar-water-heater-page .bk-swh-maintenance-visual {
        max-width: 680px;
        width: 100%;
        margin-inline: auto;
    }

    .bk-solar-water-heater-page .bk-swh-applications-grid {
        grid-template-columns: 1fr;
    }

    .bk-solar-water-heater-page .bk-swh-application-card {
        display: grid;
        grid-template-columns: 75px 1fr;
        column-gap: 22px;
        padding: 25px;
        border-right: 0;
        border-bottom: 1px solid var(--swh-border);
    }

        .bk-solar-water-heater-page .bk-swh-application-card:last-child {
            border-bottom: 0;
        }

    .bk-solar-water-heater-page .bk-swh-card-top {
        grid-row: span 2;
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
    }

    .bk-solar-water-heater-page .bk-swh-application-card h3 {
        align-self: end;
    }

    .bk-solar-water-heater-page .bk-swh-application-card p {
        align-self: start;
    }

    .bk-solar-water-heater-page .bk-swh-faq-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .bk-solar-water-heater-page .bk-swh-faq-heading {
        position: static;
    }

    .bk-solar-water-heater-page .bk-swh-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .bk-solar-water-heater-page .bk-swh-cta-actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767.98px) {
    .bk-solar-water-heater-page .bk-container {
        width: calc(100% - 32px);
    }

    .bk-solar-water-heater-page .bk-section {
        padding: 55px 0;
    }

    .bk-solar-water-heater-page .bk-page-hero {
        min-height: 490px;
    }

    .bk-solar-water-heater-page .bk-page-hero-content {
        padding: 70px 0 80px;
    }

    .bk-solar-water-heater-page .bk-page-hero h1 {
        font-size: clamp(33px, 8vw, 44px);
        letter-spacing: -0.8px;
    }

    .bk-solar-water-heater-page .bk-page-hero-overlay {
        background: linear-gradient( 90deg, rgba(6, 39, 21, 0.94), rgba(6, 39, 21, 0.72) );
    }

    .bk-solar-water-heater-page .bk-swh-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

        .bk-solar-water-heater-page .bk-swh-hero-actions .bk-swh-btn {
            width: 100%;
        }

    .bk-solar-water-heater-page .bk-swh-overview-content h2,
    .bk-solar-water-heater-page .bk-swh-selection-content h2,
    .bk-solar-water-heater-page .bk-swh-maintenance-content h2 {
        font-size: 33px;
    }

    .bk-solar-water-heater-page .bk-swh-overview-visual > img,
    .bk-solar-water-heater-page .bk-swh-maintenance-visual img {
        height: 320px;
    }

    .bk-solar-water-heater-page .bk-swh-image-note {
        max-width: calc(100% - 10px);
        margin: -30px 0 0 10px;
        padding: 15px;
        gap: 12px;
    }

        .bk-solar-water-heater-page .bk-swh-image-note > i {
            flex-basis: 42px;
            width: 42px;
            height: 42px;
        }

    .bk-solar-water-heater-page .bk-swh-section-heading {
        margin-bottom: 30px;
    }

    .bk-solar-water-heater-page .bk-swh-application-card {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 24px 20px;
    }

    .bk-solar-water-heater-page .bk-swh-card-top {
        grid-row: auto;
        flex-direction: row;
        align-items: center;
        margin-bottom: 5px;
    }

    .bk-solar-water-heater-page .bk-swh-application-card h3 {
        margin-bottom: 10px;
    }

    .bk-solar-water-heater-page .bk-swh-selection-item {
        grid-template-columns: 45px 1fr;
        gap: 14px;
        padding: 19px 0;
    }

        .bk-solar-water-heater-page .bk-swh-selection-item > span {
            width: 40px;
            height: 40px;
        }

    .bk-solar-water-heater-page .bk-swh-note-section {
        padding-bottom: 55px;
    }

    .bk-solar-water-heater-page .bk-swh-note-panel {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 22px;
    }

    .bk-solar-water-heater-page .bk-swh-faq-item summary {
        padding: 19px 0;
        font-size: 15px;
    }

    .bk-solar-water-heater-page .bk-swh-faq-answer {
        padding-right: 5px;
    }

    .bk-solar-water-heater-page .bk-swh-cta {
        padding: 55px 0;
    }

    .bk-solar-water-heater-page .bk-swh-cta-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

        .bk-solar-water-heater-page .bk-swh-cta-actions .bk-swh-btn {
            width: 100%;
        }

    .bk-solar-water-heater-page .bk-page-hero-scroll {
        right: 16px;
        bottom: 15px;
    }
}

/* ==========================================
   REDUCED MOTION
========================================== */

@media (prefers-reduced-motion: reduce) {
    .bk-solar-water-heater-page *,
    .bk-solar-water-heater-page *::before,
    .bk-solar-water-heater-page *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* =========================================
   MAINTENANCE & SUPPORT PAGE
   Root: .bk-maintenance-support-page
========================================= */

.bk-maintenance-support-page {
    color: var(--bk-text);
    font-family: "DM Sans", sans-serif;
    overflow: hidden;
}

    .bk-maintenance-support-page *,
    .bk-maintenance-support-page *::before,
    .bk-maintenance-support-page *::after {
        box-sizing: border-box;
    }

    .bk-maintenance-support-page p {
        font-size: 15px;
        line-height: 1.85;
        margin-bottom: 18px;
        color: var(--bk-muted);
    }

    .bk-maintenance-support-page h1,
    .bk-maintenance-support-page h2,
    .bk-maintenance-support-page h3 {
        font-family: "Manrope", sans-serif;
        color: var(--bk-deep-green);
        font-weight: 700;
        line-height: 1.2;
    }

    .bk-maintenance-support-page h2 {
        margin: 0 0 25px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: clamp(38px, 3.5vw, 58px);
        font-weight: 800;
        line-height: 1.08;
        letter-spacing: -2px;
    }
    .bk-maintenance-support-page h2 span{
        color:var(--bk-green);
    }
        .bk-maintenance-support-page h3 {
        font-size: 20px;
        letter-spacing: -0.4px;
        margin-bottom: 13px;
    }

    .bk-maintenance-support-page .bk-section {
        padding: 90px 0;
    }

    .bk-maintenance-support-page .bk-container {
        width: min(1320px, calc(100% - 48px));
        margin-inline: auto;
    }


    /* HERO */

    .bk-maintenance-support-page .bk-page-hero-content {
        max-width: 850px;
    }

        .bk-maintenance-support-page .bk-page-hero-content h1 {
            font-family: "Manrope", sans-serif;
            font-size: clamp(38px, 5vw, 66px);
            line-height: 1.12;
            letter-spacing: -1.8px;
            font-weight: 800;
            margin: 18px 0;
            color: var(--bk-white);
        }

            .bk-maintenance-support-page .bk-page-hero-content h1 span {
                display: block;
                color: var(--bk-orange);
            }

        .bk-maintenance-support-page .bk-page-hero-content p {
            max-width: 740px;
            font-size: 15px;
            line-height: 1.9;
            color: rgba(255, 255, 255, 0.88);
        }

    .bk-maintenance-support-page .bk-page-hero-kicker {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1.8px;
        color: var(--bk-white);
    }

        .bk-maintenance-support-page .bk-page-hero-kicker span {
            display: inline-block;
            width: 28px;
            height: 2px;
            background: var(--bk-orange);
            vertical-align: middle;
            margin-right: 9px;
        }

    .bk-maintenance-support-page .bk-breadcrumb {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 28px;
        font-size: 13px;
        color: rgba(255, 255, 255, 0.8);
    }

        .bk-maintenance-support-page .bk-breadcrumb a {
            color: var(--bk-white);
            text-decoration: none;
            transition: var(--bk-transition);
        }

            .bk-maintenance-support-page .bk-breadcrumb a:hover {
                color: var(--bk-orange);
            }

    .bk-maintenance-support-page .bk-maintenance-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 30px;
    }


    /* BUTTONS */

    .bk-maintenance-support-page .bk-maintenance-btn {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        min-height: 50px;
        padding: 13px 22px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid transparent;
        border-radius: 6px;
        transition: var(--bk-transition);
    }

    .bk-maintenance-support-page .bk-maintenance-btn-primary {
        background: var(--bk-orange);
        color: var(--bk-white);
    }

        .bk-maintenance-support-page .bk-maintenance-btn-primary:hover {
            background: var(--bk-dark-green);
            color: var(--bk-white);
            transform: translateY(-2px);
        }

    .bk-maintenance-support-page .bk-maintenance-btn-outline {
        color: var(--bk-white);
        border-color: rgba(255, 255, 255, 0.7);
        background: transparent;
    }

        .bk-maintenance-support-page .bk-maintenance-btn-outline:hover {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-white);
        }

    .bk-maintenance-support-page .bk-maintenance-btn-light {
        background: var(--bk-white);
        color: var(--bk-deep-green);
    }

        .bk-maintenance-support-page .bk-maintenance-btn-light:hover {
            background: var(--bk-orange);
            color: var(--bk-white);
        }


    /* EYEBROW AND SECTION HEADING */

    .bk-maintenance-support-page .bk-maintenance-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        color: var(--bk-dark-green);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.7px;
        line-height: 1.6;
    }
        .bk-maintenance-support-page .bk-maintenance-eyebrow::before {
            content: "";
            width: 25px;
            height: 2px;
            flex: 0 0 25px;
            background: var(--bk-orange);
        }

    .bk-maintenance-support-page .bk-maintenance-section-heading {
        max-width: 760px;
        margin: 0 auto 48px;
        text-align: center;
    }

        .bk-maintenance-support-page .bk-maintenance-section-heading h2 {
            margin-bottom: 16px;
        }

        .bk-maintenance-support-page .bk-maintenance-section-heading p {
            max-width: 660px;
            margin: 0 auto;
        }


    /* OVERVIEW */

    .bk-maintenance-support-page .bk-maintenance-overview {
        background: var(--bk-white);
    }

    .bk-maintenance-support-page .bk-maintenance-overview-grid {
        display: grid;
        grid-template-columns: 1fr 0.95fr;
        align-items: center;
        gap: 70px;
    }

    .bk-maintenance-support-page .bk-maintenance-overview-content h2 {
        max-width: 600px;
    }

    .bk-maintenance-support-page .bk-maintenance-text-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-height: 48px;
        padding: 13px 20px;
        border: 1px solid transparent;
        border-radius: 6px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.4;
        transition: var(--bk-transition);
        color: var(--bk-white);
        background: var(--bk-orange);
        border-color: var(--bk-orange);
    }

        .bk-maintenance-support-page .bk-maintenance-text-link i {
            color: var(--bk-white);
            transition: var(--bk-transition);
        }

        .bk-maintenance-support-page .bk-maintenance-text-link:hover {
            color: var(--bk-white);
            background: var(--bk-dark-green);
            border-color: var(--bk-dark-green);
        }

            .bk-maintenance-support-page .bk-maintenance-text-link:hover i {
                transform: translateX(5px);
            }

    .bk-maintenance-support-page .bk-maintenance-overview-visual {
        position: relative;
        min-width: 0;
        padding: 0 0 28px 28px;
    }

        .bk-maintenance-support-page .bk-maintenance-overview-visual::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 45%;
            height: 42%;
            border-left: 3px solid var(--bk-orange);
            border-bottom: 3px solid var(--bk-orange);
            pointer-events: none;
        }

        .bk-maintenance-support-page .bk-maintenance-overview-visual > img {
            display: block;
            position: relative;
            z-index: 1;
            width: 100%;
            height: 440px;
            object-fit: cover;
        }

    .bk-maintenance-support-page .bk-maintenance-image-note {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: 15px;
        width: calc(100% - 35px);
        margin: -45px 0 0 auto;
        padding: 20px;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        box-shadow: var(--bk-shadow-sm);
    }

        .bk-maintenance-support-page .bk-maintenance-image-note > i {
            flex: 0 0 48px;
            width: 48px;
            height: 48px;
            display: grid;
            place-items: center;
            background: var(--bk-soft-green);
            color: var(--bk-dark-green);
            font-size: 23px;
        }

        .bk-maintenance-support-page .bk-maintenance-image-note strong,
        .bk-maintenance-support-page .bk-maintenance-image-note span {
            display: block;
        }

        .bk-maintenance-support-page .bk-maintenance-image-note strong {
            margin-bottom: 5px;
            font-family: "Manrope", sans-serif;
            font-size: 16px;
            color: var(--bk-deep-green);
        }

        .bk-maintenance-support-page .bk-maintenance-image-note span {
            color: var(--bk-muted);
            font-size: 14px;
            line-height: 1.6;
        }


    /* SERVICE CARDS */

    .bk-maintenance-support-page .bk-maintenance-services {
        background: var(--bk-light-gray);
    }

    .bk-maintenance-support-page .bk-maintenance-services-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid var(--bk-border);
        border-bottom: 1px solid var(--bk-border);
    }

    .bk-maintenance-support-page .bk-maintenance-service-card {
        position: relative;
        padding: 32px 25px 35px;
        background-color: var(--bk-white);
        border-right: 1px solid var(--bk-border);
        transition: var(--bk-transition);
    }

        .bk-maintenance-support-page .bk-maintenance-service-card:last-child {
            border-right: 0;
        }

        .bk-maintenance-support-page .bk-maintenance-service-card:hover {
            background: var(--bk-white);
        }

    .bk-maintenance-support-page .bk-maintenance-service-number {
        display: block;
        margin-bottom: 24px;
        color: var(--bk-orange);
        font-family: "Manrope", sans-serif;
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .bk-maintenance-support-page .bk-maintenance-service-icon {
        display: grid;
        place-items: center;
        width: 54px;
        height: 54px;
        margin-bottom: 24px;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        color: var(--bk-dark-green);
        font-size: 24px;
        transition: var(--bk-transition);
    }

    .bk-maintenance-support-page .bk-maintenance-service-card:hover
    .bk-maintenance-service-icon {
        background: var(--bk-dark-green);
        color: var(--bk-white);
    }

    .bk-maintenance-support-page .bk-maintenance-service-card h3 {
        font-size: 18px;
        line-height: 1.4;
        font-weight:800;
    }

    .bk-maintenance-support-page .bk-maintenance-service-card p {
        margin: 0;
        font-size: 15px;
        line-height: 1.8;
    }


    /* PROCESS */

    .bk-maintenance-support-page .bk-maintenance-process {
        background: var(--bk-white);
    }

    .bk-maintenance-support-page .bk-maintenance-process-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid var(--bk-border);
    }

    .bk-maintenance-support-page .bk-maintenance-process-step {
        padding: 28px 25px 10px 0;
        margin-right: 25px;
        border-right: 1px solid var(--bk-border);
    }

        .bk-maintenance-support-page .bk-maintenance-process-step:last-child {
            margin-right: 0;
            padding-right: 0;
            border-right: 0;
        }

    .bk-maintenance-support-page .bk-maintenance-process-number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 43px;
        height: 43px;
        margin-bottom: 22px;
        background: var(--bk-soft-green);
        border-left: 3px solid var(--bk-orange);
        color: var(--bk-dark-green);
        font-family: "Manrope", sans-serif;
        font-size: 14px;
        font-weight: 800;
    }

    .bk-maintenance-support-page .bk-maintenance-process-step h3 {
        font-size: 18px;
        font-weight: 800;
    }

    .bk-maintenance-support-page .bk-maintenance-process-step p {
        margin-bottom: 0;
    }


    /* SAFETY PANEL */

    .bk-maintenance-support-page .bk-maintenance-safety {
        padding: 0 0 90px;
        background: var(--bk-white);
    }

    .bk-maintenance-support-page .bk-maintenance-safety-panel {
        display: flex;
        align-items: flex-start;
        gap: 24px;
        padding: 32px 35px;
        background: var(--bk-soft-green);
        border-left: 4px solid var(--bk-orange);
    }

    .bk-maintenance-support-page .bk-maintenance-safety-icon {
        flex: 0 0 48px;
        color: var(--bk-dark-green);
        font-size: 32px;
    }

    .bk-maintenance-support-page .bk-maintenance-safety-content h2 {
        font-size: 25px;
        letter-spacing: -0.5px;
        margin-bottom: 12px;
    }

    .bk-maintenance-support-page .bk-maintenance-safety-content p {
        margin: 0;
    }


    /* FAQ */

    .bk-maintenance-support-page .bk-maintenance-faq {
        background: var(--bk-light-gray);
    }

    .bk-maintenance-support-page .bk-maintenance-faq-list {
        max-width: 900px;
        margin: 0 auto;
        border-top: 1px solid var(--bk-border);
    }

    .bk-maintenance-support-page .bk-maintenance-faq-item {
        border-bottom: 1px solid var(--bk-border);
        background: transparent;
    }
    .bk-maintenance-support-page .bk-maintenance-support-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        margin-bottom: 31px;
    }
        .bk-maintenance-support-page .bk-maintenance-faq-item summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
            padding: 22px 5px;
            list-style: none;
            cursor: pointer;
            color: var(--bk-deep-green);
            font-family: "Manrope", sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.6;
        }

            .bk-maintenance-support-page .bk-maintenance-faq-item summary::-webkit-details-marker {
                display: none;
            }

            .bk-maintenance-support-page .bk-maintenance-faq-item summary i {
                flex: 0 0 auto;
                color: var(--bk-orange);
                font-size: 18px;
                transition: transform 0.25s ease;
            }

        .bk-maintenance-support-page .bk-maintenance-faq-item[open] summary i {
            transform: rotate(45deg);
        }

    .bk-maintenance-support-page .bk-maintenance-faq-answer {
        padding: 0 35px 20px 5px;
    }

        .bk-maintenance-support-page .bk-maintenance-faq-answer p {
            margin: 0;
        }


    /* FINAL CTA */

    .bk-maintenance-support-page .bk-maintenance-cta {
        padding: 70px 0;
        background: var(--bk-deep-green);
    }

    .bk-maintenance-support-page .bk-maintenance-cta-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 45px;
    }

    .bk-maintenance-support-page .bk-maintenance-cta-content {
        max-width: 720px;
    }

    .bk-maintenance-support-page .bk-maintenance-cta .bk-maintenance-eyebrow {
        color: var(--bk-green);
    }

    .bk-maintenance-support-page .bk-maintenance-cta-content h2 {
        color: var(--bk-white);
        margin-bottom: 15px;
    }

    .bk-maintenance-support-page .bk-maintenance-cta-content p {
        margin-bottom: 0;
        color: rgba(255, 255, 255, 0.82);
    }

    .bk-maintenance-support-page .bk-maintenance-cta-actions {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 17px;
    }

    .bk-maintenance-support-page .bk-maintenance-cta-phone {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--bk-white);
        font-size: 21px;
        font-weight: 700;
        text-decoration: none;
    }

        .bk-maintenance-support-page .bk-maintenance-cta-phone i {
            color: var(--bk-orange);
            font-size: 18px;
        }


/* RESPONSIVE */

@media (max-width: 1100px) {
    .bk-maintenance-support-page .bk-maintenance-overview-grid {
        gap: 42px;
    }

    .bk-maintenance-support-page .bk-maintenance-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-maintenance-support-page .bk-maintenance-service-card:nth-child(2) {
        border-right: 0;
    }

    .bk-maintenance-support-page .bk-maintenance-service-card:nth-child(-n+2) {
        border-bottom: 1px solid var(--bk-border);
    }

    .bk-maintenance-support-page .bk-maintenance-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 35px;
    }

    .bk-maintenance-support-page .bk-maintenance-process-step:nth-child(2) {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
    }
}

@media (max-width: 767px) {
    .bk-maintenance-support-page .bk-container {
        width: min(100% - 32px, 1320px);
    }

    .bk-maintenance-support-page .bk-section {
        padding: 62px 0;
    }

    .bk-maintenance-support-page h2 {
        font-size: 30px;
        letter-spacing: -0.7px;
    }

    .bk-maintenance-support-page .bk-page-hero-content h1 {
        font-size: clamp(34px, 9vw, 46px);
        letter-spacing: -1px;
    }

    .bk-maintenance-support-page .bk-maintenance-hero-actions {
        align-items: stretch;
        flex-direction: column;
        max-width: 320px;
    }

    .bk-maintenance-support-page .bk-maintenance-btn {
        width: 100%;
    }

    .bk-maintenance-support-page .bk-breadcrumb {
        gap: 7px;
        font-size: 12px;
    }

    .bk-maintenance-support-page .bk-maintenance-overview-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .bk-maintenance-support-page .bk-maintenance-overview-visual {
        padding-left: 15px;
    }

        .bk-maintenance-support-page .bk-maintenance-overview-visual > img {
            height: 320px;
        }

    .bk-maintenance-support-page .bk-maintenance-image-note {
        width: calc(100% - 15px);
        padding: 15px;
    }

    .bk-maintenance-support-page .bk-maintenance-section-heading {
        margin-bottom: 32px;
    }

    .bk-maintenance-support-page .bk-maintenance-services-grid {
        grid-template-columns: 1fr;
    }

    .bk-maintenance-support-page .bk-maintenance-service-card {
        padding: 26px 20px;
        border-right: 0;
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-maintenance-support-page .bk-maintenance-service-card:nth-child(2) {
            border-bottom: 1px solid var(--bk-border);
        }

        .bk-maintenance-support-page .bk-maintenance-service-card:last-child {
            border-bottom: 0;
        }

    .bk-maintenance-support-page .bk-maintenance-service-number {
        margin-bottom: 15px;
    }

    .bk-maintenance-support-page .bk-maintenance-service-icon {
        margin-bottom: 18px;
    }

    .bk-maintenance-support-page .bk-maintenance-process-grid {
        grid-template-columns: 1fr;
        row-gap: 0;
    }

    .bk-maintenance-support-page .bk-maintenance-process-step,
    .bk-maintenance-support-page .bk-maintenance-process-step:nth-child(2) {
        margin: 0;
        padding: 25px 0;
        border-right: 0;
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-maintenance-support-page .bk-maintenance-process-step:last-child {
            border-bottom: 0;
        }

    .bk-maintenance-support-page .bk-maintenance-safety {
        padding-bottom: 62px;
    }

    .bk-maintenance-support-page .bk-maintenance-safety-panel {
        flex-direction: column;
        gap: 12px;
        padding: 24px 20px;
    }

    .bk-maintenance-support-page .bk-maintenance-safety-content h2 {
        font-size: 24px;
    }

    .bk-maintenance-support-page .bk-maintenance-faq-item summary {
        padding: 19px 0;
        font-size: 15px;
        gap: 15px;
    }

    .bk-maintenance-support-page .bk-maintenance-faq-answer {
        padding-right: 5px;
    }

    .bk-maintenance-support-page .bk-maintenance-cta {
        padding: 55px 0;
    }

    .bk-maintenance-support-page .bk-maintenance-cta-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
    }

    .bk-maintenance-support-page .bk-maintenance-cta-actions {
        width: 100%;
    }

        .bk-maintenance-support-page .bk-maintenance-cta-actions .bk-maintenance-btn {
            max-width: 320px;
        }
}

@media (prefers-reduced-motion: reduce) {
    .bk-maintenance-support-page *,
    .bk-maintenance-support-page *::before,
    .bk-maintenance-support-page *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* =========================================
   PM SURYA GHAR MUFT BIJLI YOJANA PAGE
   Root: .bk-pm-surya-ghar-page
========================================= */

.bk-pm-surya-ghar-page {
    color: var(--bk-text);
    font-family: "DM Sans", sans-serif;
    overflow: clip;
}

    .bk-pm-surya-ghar-page *,
    .bk-pm-surya-ghar-page *::before,
    .bk-pm-surya-ghar-page *::after {
        box-sizing: border-box;
    }

    .bk-pm-surya-ghar-page p {
        margin-bottom: 18px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.85;
    }

    .bk-pm-surya-ghar-page h1,
    .bk-pm-surya-ghar-page h2,
    .bk-pm-surya-ghar-page h3 {
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-weight: 800;
        line-height: 1.2;
    }

    .bk-pm-surya-ghar-page h2 {
        margin-bottom: 22px;
       
        margin: 0 0 22px;
        font-size: clamp(32px, 3.5vw, 48px);
        letter-spacing: -1.1px;
    }
    .bk-pm-surya-ghar-page h2 span{
        color:var(--bk-green);
    }
        .bk-pm-surya-ghar-page h3 {
        margin-bottom: 13px;
        font-size: 19px;
        letter-spacing: -0.4px;
    }

    .bk-pm-surya-ghar-page .bk-section {
        padding: 90px 0;
    }

    .bk-pm-surya-ghar-page .bk-container {
        width: min(1320px, calc(100% - 48px));
        margin-inline: auto;
    }


    /* HERO */

    .bk-pm-surya-ghar-page .bk-page-hero-content {
        max-width: 850px;
    }

        .bk-pm-surya-ghar-page .bk-page-hero-content h1 {
            margin: 18px 0;
            color: var(--bk-white);
            font-family: "Manrope", sans-serif;
            font-size: clamp(38px, 5vw, 66px);
            font-weight: 800;
            line-height: 1.12;
            letter-spacing: -1.8px;
        }

            .bk-pm-surya-ghar-page .bk-page-hero-content h1 span {
                display: block;
                color: var(--bk-orange);
            }

        .bk-pm-surya-ghar-page .bk-page-hero-content p {
            max-width: 740px;
            color: rgba(255, 255, 255, 0.88);
            font-size: 15px;
            line-height: 1.9;
        }

    .bk-pm-surya-ghar-page .bk-page-hero-kicker {
        color: var(--bk-white);
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1.8px;
    }

        .bk-pm-surya-ghar-page .bk-page-hero-kicker span {
            display: inline-block;
            width: 28px;
            height: 2px;
            margin-right: 9px;
            background: var(--bk-orange);
            vertical-align: middle;
        }

    .bk-pm-surya-ghar-page .bk-pm-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 30px;
    }

    .bk-pm-surya-ghar-page .bk-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        margin-top: 28px;
        color: rgba(255, 255, 255, 0.8);
        font-size: 13px;
    }

        .bk-pm-surya-ghar-page .bk-breadcrumb a {
            color: var(--bk-white);
            text-decoration: none;
            transition: var(--bk-transition);
        }

            .bk-pm-surya-ghar-page .bk-breadcrumb a:hover {
                color: var(--bk-orange);
            }


    /* BUTTONS */

    .bk-pm-surya-ghar-page .bk-pm-btn {
        display: inline-flex;
        min-height: 50px;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 13px 22px;
        border: 1px solid transparent;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        transition: var(--bk-transition);
    }

    .bk-pm-surya-ghar-page .bk-pm-btn-primary {
        color: var(--bk-white);
        background: var(--bk-orange);
    }

        .bk-pm-surya-ghar-page .bk-pm-btn-primary:hover {
            color: var(--bk-white);
            background: var(--bk-dark-green);
            transform: translateY(-2px);
        }

    .bk-pm-surya-ghar-page .bk-pm-btn-outline {
        color: var(--bk-white);
        background: transparent;
        border-color: rgba(255, 255, 255, 0.7);
    }

        .bk-pm-surya-ghar-page .bk-pm-btn-outline:hover {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-white);
        }

    .bk-pm-surya-ghar-page .bk-pm-btn-light {
        color: var(--bk-deep-green);
        background: var(--bk-white);
    }

        .bk-pm-surya-ghar-page .bk-pm-btn-light:hover {
            color: var(--bk-white);
            background: var(--bk-orange);
        }


    /* SECTION HEADINGS */

    .bk-pm-surya-ghar-page .bk-pm-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        color: var(--bk-green);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.6px;
        line-height: 1.6;
        text-transform: uppercase;
    }
        .bk-pm-surya-ghar-page .bk-pm-eyebrow::before {
            content: "";
            display: inline-block;
            width: 28px;
            height: 2px;
            flex-shrink: 0;
            background: var(--bk-orange);
        }
    .bk-pm-surya-ghar-page .bk-pm-section-heading {
        max-width: 780px;
        margin: 0 auto 48px;
        text-align: center;
    }

        .bk-pm-surya-ghar-page .bk-pm-section-heading h2 {
            margin-bottom: 16px;
        }

        .bk-pm-surya-ghar-page .bk-pm-section-heading p {
            max-width: 700px;
            margin: 0 auto;
        }


    /* OVERVIEW */

    .bk-pm-surya-ghar-page .bk-pm-overview {
        background: var(--bk-white);
    }

    .bk-pm-surya-ghar-page .bk-pm-overview-grid {
        display: grid;
        grid-template-columns: 1fr 0.95fr;
        align-items: center;
        gap: 70px;
    }

    .bk-pm-surya-ghar-page .bk-pm-overview-content h2 {
        max-width: 600px;
    }

    .bk-pm-surya-ghar-page .bk-pm-text-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-height: 48px;
        padding: 13px 20px;
        border: 1px solid transparent;
        border-radius: 6px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.4;
        transition: var(--bk-transition);
        color: var(--bk-white);
        background: var(--bk-orange);
        border-color: var(--bk-orange);
    }
        .bk-pm-surya-ghar-page .bk-pm-text-link i {
            color: var(--bk-white);
            transition: var(--bk-transition);
        }


        .bk-pm-surya-ghar-page .bk-pm-text-link:hover {
            color: var(--bk-white);
            background: var(--bk-dark-green);
            border-color: var(--bk-dark-green);
        }

            .bk-pm-surya-ghar-page .bk-pm-text-link:hover i {
                transform: translateX(5px);
            }

    .bk-pm-surya-ghar-page .bk-pm-overview-visual {
        position: relative;
        min-width: 0;
        padding: 0 0 28px 28px;
    }

        .bk-pm-surya-ghar-page .bk-pm-overview-visual::before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 45%;
            height: 42%;
            border-bottom: 3px solid var(--bk-orange);
            border-left: 3px solid var(--bk-orange);
            content: "";
            pointer-events: none;
        }

        .bk-pm-surya-ghar-page .bk-pm-overview-visual > img {
            position: relative;
            z-index: 1;
            display: block;
            width: 100%;
            height: 440px;
            object-fit: cover;
        }

    .bk-pm-surya-ghar-page .bk-pm-overview-note {
        position: relative;
        z-index: 2;
        display: flex;
        width: calc(100% - 35px);
        align-items: center;
        gap: 15px;
        margin: -45px 0 0 auto;
        padding: 20px;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        box-shadow: var(--bk-shadow-sm);
    }

        .bk-pm-surya-ghar-page .bk-pm-overview-note > i {
            display: grid;
            width: 48px;
            height: 48px;
            flex: 0 0 48px;
            place-items: center;
            color: var(--bk-dark-green);
            background: var(--bk-soft-green);
            font-size: 23px;
        }

        .bk-pm-surya-ghar-page .bk-pm-overview-note strong,
        .bk-pm-surya-ghar-page .bk-pm-overview-note span {
            display: block;
        }

        .bk-pm-surya-ghar-page .bk-pm-overview-note strong {
            margin-bottom: 5px;
            color: var(--bk-deep-green);
            font-family: "Manrope", sans-serif;
            font-size: 16px;
        }

        .bk-pm-surya-ghar-page .bk-pm-overview-note span {
            color: var(--bk-muted);
            font-size: 14px;
            line-height: 1.6;
        }


    /* ASSISTANCE CARDS */

    .bk-pm-surya-ghar-page .bk-pm-assistance {
        background: var(--bk-light-gray);
    }

    .bk-pm-surya-ghar-page .bk-pm-assistance-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-top: 1px solid var(--bk-border);
        border-bottom: 1px solid var(--bk-border);
    }

    .bk-pm-surya-ghar-page .bk-pm-assistance-card {
        padding: 32px;
        border-right: 1px solid var(--bk-border);
        background-color: var(--bk-white);
        transition: var(--bk-transition);
    }

        .bk-pm-surya-ghar-page .bk-pm-assistance-card:last-child {
            border-right: 0;
        }

        .bk-pm-surya-ghar-page .bk-pm-assistance-card:hover {
            background: var(--bk-white);
        }

    .bk-pm-surya-ghar-page .bk-pm-assistance-featured {
        background: var(--bk-white);
        border-bottom: 3px solid var(--bk-orange);
    }

    .bk-pm-surya-ghar-page .bk-pm-capacity {
        display: block;
        margin-bottom: 18px;
        color: var(--bk-orange);
        font-size: 18px;
        font-weight: 800;
        letter-spacing: 1.5px;
    }

    .bk-pm-surya-ghar-page .bk-pm-amount {
        display: block;
        margin-bottom: 16px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: clamp(27px, 3vw, 38px);
        font-weight: 800;
        letter-spacing: -1px;
        line-height: 1.2;
    }

    .bk-pm-surya-ghar-page .bk-pm-assistance-card p {
        margin: 0;
    }

    .bk-pm-surya-ghar-page .bk-pm-assistance-disclaimer {
        max-width: 1000px;
        margin: 25px auto 0;
        font-size: 15px;
        line-height: 1.8;
    }

    .bk-pm-surya-ghar-page .bk-pm-official-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 25px;
        margin-top: 35px;
        padding: 23px 26px;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
    }

        .bk-pm-surya-ghar-page .bk-pm-official-link strong {
            display: block;
            margin-bottom: 5px;
            color: var(--bk-deep-green);
            font-family: "Manrope", sans-serif;
            font-size: 16px;
        }

        .bk-pm-surya-ghar-page .bk-pm-official-link p {
            margin: 0;
        }

        .bk-pm-surya-ghar-page .bk-pm-official-link > a {
            display: grid;
            width: 46px;
            height: 46px;
            flex: 0 0 46px;
            place-items: center;
            color: var(--bk-white);
            background: var(--bk-dark-green);
            text-decoration: none;
            transition: var(--bk-transition);
        }

            .bk-pm-surya-ghar-page .bk-pm-official-link > a:hover {
                background: var(--bk-orange);
            }


    /* ELIGIBILITY */

    .bk-pm-surya-ghar-page .bk-pm-eligibility {
        background: var(--bk-white);
    }

    .bk-pm-surya-ghar-page .bk-pm-eligibility-grid {
        display: grid;
        grid-template-columns: 1fr 0.9fr;
        align-items: center;
        gap: 70px;
    }

    .bk-pm-surya-ghar-page .bk-pm-check-list {
        display: grid;
        gap: 17px;
        margin: 28px 0;
        padding: 0;
        list-style: none;
    }

        .bk-pm-surya-ghar-page .bk-pm-check-list li {
            display: flex;
            align-items: center;
            gap: 13px;
            color: var(--bk-text);
            font-size: 15px;
            line-height: 1.7;
        }

        .bk-pm-surya-ghar-page .bk-pm-check-list i {
            flex: 0 0 auto;
            margin-top: 3px;
            color: var(--bk-green);
            font-size: 18px;
        }

    .bk-pm-surya-ghar-page .bk-pm-small-note {
        padding-left: 16px;
        border-left: 3px solid var(--bk-orange);
        font-size: 15px;
    }

    .bk-pm-surya-ghar-page .bk-pm-eligibility-visual {
        position: relative;
        padding: 0 0 24px 24px;
    }

        .bk-pm-surya-ghar-page .bk-pm-eligibility-visual::before {
            position: absolute;
            z-index: 0;
            bottom: 0;
            left: 0;
            width: 55%;
            height: 45%;
            border-bottom: 3px solid var(--bk-orange);
            border-left: 3px solid var(--bk-orange);
            content: "";
        }

        .bk-pm-surya-ghar-page .bk-pm-eligibility-visual img {
            position: relative;
            z-index: 1;
            display: block;
            width: 100%;
            height: 450px;
            object-fit: cover;
        }


    /* APPLICATION PROCESS */

    .bk-pm-surya-ghar-page .bk-pm-process {
        background: var(--bk-deep-green);
    }

        .bk-pm-surya-ghar-page .bk-pm-process .bk-pm-eyebrow {
            color: var(--bk-orange);
        }

        .bk-pm-surya-ghar-page .bk-pm-process .bk-pm-section-heading h2 {
            color: var(--bk-white);
        }

        .bk-pm-surya-ghar-page .bk-pm-process .bk-pm-section-heading p {
            color: rgba(255, 255, 255, 0.8);
        }

    .bk-pm-surya-ghar-page .bk-pm-process-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid var(--bk-border-light);
    }

    .bk-pm-surya-ghar-page .bk-pm-process-step {
        margin-right: 25px;
        padding: 30px 25px 10px 0;
        border-right: 1px solid var(--bk-border-light);
    }

        .bk-pm-surya-ghar-page .bk-pm-process-step:last-child {
            margin-right: 0;
            padding-right: 0;
            border-right: 0;
        }

    .bk-pm-surya-ghar-page .bk-pm-step-number {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        margin-bottom: 22px;
        color: var(--bk-white);
        background: rgba(255, 255, 255, 0.08);
        border-left: 3px solid var(--bk-orange);
        font-family: "Manrope", sans-serif;
        font-size: 14px;
        font-weight: 800;
    }

    .bk-pm-surya-ghar-page .bk-pm-process-step h3 {
        color: var(--bk-white);
        font-size: 18px;
    }

    .bk-pm-surya-ghar-page .bk-pm-process-step p {
        margin: 0;
        color: rgba(255, 255, 255, 0.78);
    }

    .bk-pm-surya-ghar-page .bk-pm-process-action {
        display: flex;
        justify-content: center;
        margin-top: 45px;
    }


    /* BHUMI KA SOLAR SUPPORT */

    .bk-pm-surya-ghar-page .bk-pm-support {
        background: var(--bk-white);
    }

    .bk-pm-surya-ghar-page .bk-pm-support-grid {
        display: grid;
        grid-template-columns: 0.9fr 1fr;
        align-items: center;
        gap: 70px;
    }

    .bk-pm-surya-ghar-page .bk-pm-support-visual img {
        display: block;
        width: 100%;
        height: 420px;
        object-fit: cover;
    }

    .bk-pm-surya-ghar-page .bk-pm-support-content h2 {
        max-width: 600px;
    }


    /* FAQ */

    .bk-pm-surya-ghar-page .bk-pm-faq {
        background: var(--bk-light-gray);
    }

    .bk-pm-surya-ghar-page .bk-pm-faq-list {
        max-width: 900px;
        margin: 0 auto;
        border-top: 1px solid var(--bk-border);
    }

    .bk-pm-surya-ghar-page .bk-pm-faq-item {
        background: transparent;
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-pm-surya-ghar-page .bk-pm-faq-item summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
            padding: 22px 5px;
            color: var(--bk-deep-green);
            font-family: "Manrope", sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.6;
            list-style: none;
            cursor: pointer;
        }

            .bk-pm-surya-ghar-page .bk-pm-faq-item summary::-webkit-details-marker {
                display: none;
            }

            .bk-pm-surya-ghar-page .bk-pm-faq-item summary i {
                flex: 0 0 auto;
                color: var(--bk-orange);
                font-size: 18px;
                transition: transform 0.25s ease;
            }

        .bk-pm-surya-ghar-page .bk-pm-faq-item[open] summary i {
            transform: rotate(45deg);
        }

    .bk-pm-surya-ghar-page .bk-pm-faq-answer {
        padding: 0 35px 20px 5px;
    }

        .bk-pm-surya-ghar-page .bk-pm-faq-answer p {
            margin: 0;
        }

        .bk-pm-surya-ghar-page .bk-pm-faq-answer a {
            color: var(--bk-dark-green);
            font-weight: 700;
            overflow-wrap: anywhere;
        }


    /* FINAL CTA */

    .bk-pm-surya-ghar-page .bk-pm-cta {
        padding: 70px 0;
        background: var(--bk-deep-green);
    }

    .bk-pm-surya-ghar-page .bk-pm-cta-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 45px;
    }

    .bk-pm-surya-ghar-page .bk-pm-cta-content {
        max-width: 720px;
    }

    .bk-pm-surya-ghar-page .bk-pm-cta .bk-pm-eyebrow {
        color: var(--bk-orange);
    }

    .bk-pm-surya-ghar-page .bk-pm-cta-content h2 {
        color: var(--bk-white);
    }

    .bk-pm-surya-ghar-page .bk-pm-cta-content p {
        margin: 0;
        color: rgba(255, 255, 255, 0.82);
    }

    .bk-pm-surya-ghar-page .bk-pm-cta-actions {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 17px;
    }

    .bk-pm-surya-ghar-page .bk-pm-phone {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--bk-white);
        font-size: 21px;
        font-weight: 700;
        text-decoration: none;
    }

        .bk-pm-surya-ghar-page .bk-pm-phone i {
            color: var(--bk-orange);
            font-size: 18px;
        }


/* RESPONSIVE */

@media (max-width: 1100px) {
    .bk-pm-surya-ghar-page .bk-pm-overview-grid,
    .bk-pm-surya-ghar-page .bk-pm-eligibility-grid,
    .bk-pm-surya-ghar-page .bk-pm-support-grid {
        gap: 40px;
    }

    .bk-pm-surya-ghar-page .bk-pm-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 35px;
    }

    .bk-pm-surya-ghar-page .bk-pm-process-step:nth-child(2) {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
    }
}

@media (max-width: 767px) {
    .bk-pm-surya-ghar-page .bk-container {
        width: min(100% - 32px, 1320px);
    }

    .bk-pm-surya-ghar-page .bk-section {
        padding: 62px 0;
    }

    .bk-pm-surya-ghar-page h2 {
        font-size: 30px;
        letter-spacing: -0.7px;
    }

    .bk-pm-surya-ghar-page .bk-page-hero-content h1 {
        font-size: clamp(34px, 9vw, 46px);
        letter-spacing: -1px;
    }

    .bk-pm-surya-ghar-page .bk-pm-hero-actions {
        flex-direction: column;
        align-items: stretch;
        max-width: 320px;
    }

    .bk-pm-surya-ghar-page .bk-pm-btn {
        width: 100%;
    }

    .bk-pm-surya-ghar-page .bk-breadcrumb {
        gap: 7px;
        font-size: 12px;
    }

    .bk-pm-surya-ghar-page .bk-pm-overview-grid,
    .bk-pm-surya-ghar-page .bk-pm-eligibility-grid,
    .bk-pm-surya-ghar-page .bk-pm-support-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .bk-pm-surya-ghar-page .bk-pm-overview-visual {
        padding-left: 15px;
    }

        .bk-pm-surya-ghar-page .bk-pm-overview-visual > img {
            height: 320px;
        }

    .bk-pm-surya-ghar-page .bk-pm-overview-note {
        width: calc(100% - 15px);
        padding: 15px;
    }

    .bk-pm-surya-ghar-page .bk-pm-section-heading {
        margin-bottom: 32px;
    }

    .bk-pm-surya-ghar-page .bk-pm-assistance-grid {
        grid-template-columns: 1fr;
    }

    .bk-pm-surya-ghar-page .bk-pm-assistance-card {
        padding: 25px 20px;
        border-right: 0;
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-pm-surya-ghar-page .bk-pm-assistance-card:last-child {
            border-bottom: 0;
        }

    .bk-pm-surya-ghar-page .bk-pm-official-link {
        align-items: flex-start;
        padding: 20px;
    }

    .bk-pm-surya-ghar-page .bk-pm-eligibility-visual {
        padding-left: 15px;
    }

        .bk-pm-surya-ghar-page .bk-pm-eligibility-visual img,
        .bk-pm-surya-ghar-page .bk-pm-support-visual img {
            height: 320px;
        }

    .bk-pm-surya-ghar-page .bk-pm-process-grid {
        grid-template-columns: 1fr;
        row-gap: 0;
    }

    .bk-pm-surya-ghar-page .bk-pm-process-step,
    .bk-pm-surya-ghar-page .bk-pm-process-step:nth-child(2) {
        margin: 0;
        padding: 25px 0;
        border-right: 0;
        border-bottom: 1px solid var(--bk-border-light);
    }

        .bk-pm-surya-ghar-page .bk-pm-process-step:last-child {
            border-bottom: 0;
        }

    .bk-pm-surya-ghar-page .bk-pm-faq-item summary {
        gap: 15px;
        padding: 19px 0;
        font-size: 15px;
    }

    .bk-pm-surya-ghar-page .bk-pm-faq-answer {
        padding-right: 5px;
    }

    .bk-pm-surya-ghar-page .bk-pm-cta {
        padding: 55px 0;
    }

    .bk-pm-surya-ghar-page .bk-pm-cta-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
    }

    .bk-pm-surya-ghar-page .bk-pm-cta-actions {
        width: 100%;
    }

        .bk-pm-surya-ghar-page .bk-pm-cta-actions .bk-pm-btn {
            max-width: 320px;
        }
}

@media (prefers-reduced-motion: reduce) {
    .bk-pm-surya-ghar-page *,
    .bk-pm-surya-ghar-page *::before,
    .bk-pm-surya-ghar-page *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* =====================================================
   MUKHYAMANTRI SAUR SWAROJGAR YOJANA PAGE
   Root: .bk-mukhyamantri-saur-page
===================================================== */

.bk-mukhyamantri-saur-page {
    color: var(--bk-text);
    background: var(--bk-white);
    overflow: clip;
}

    .bk-mukhyamantri-saur-page p {
        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        line-height: 1.85;
        color: var(--bk-muted);
        margin-bottom: 18px;
    }

    .bk-mukhyamantri-saur-page h1,
    .bk-mukhyamantri-saur-page h2,
    .bk-mukhyamantri-saur-page h3 {
        font-family: "Manrope", sans-serif;
        color: var(--bk-text);
        font-weight: 750;
        line-height: 1.25;
    }

    .bk-mukhyamantri-saur-page h2 {
        margin: 0 0 25px;
        color: var(--bk-deep-green);
        font-family: "Manrope", sans-serif;
        font-size: clamp(38px, 3.2vw, 58px);
        font-weight: 800;
        line-height: 1.28;
        letter-spacing: -2px;
    }
    .bk-mukhyamantri-saur-page h2 span{
        color:var(--bk-green);
    }
        .bk-mukhyamantri-saur-page h3 {
        font-size: 19px;
        margin-bottom: 12px;
    }

    .bk-mukhyamantri-saur-page .container {
        max-width: var(--bk-container);
    }

    /* HERO */

    .bk-mukhyamantri-saur-page .bk-msy-hero-content {
        max-width: 850px;
       
    }
        .bk-mukhyamantri-saur-page .bk-msy-hero-content .bk-msy-eyebrow {
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 1.8px;
            color: var(--bk-white);
        }
    .bk-mukhyamantri-saur-page .bk-msy-eyebrow,
    .bk-mukhyamantri-saur-page .bk-msy-kicker {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--bk-dark-green);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.7px;
        line-height: 1.6;
    }

        .bk-mukhyamantri-saur-page .bk-msy-eyebrow::before, .bk-mukhyamantri-saur-page .bk-msy-kicker::before {
            content: "";
            width: 25px;
            height: 2px;
            flex: 0 0 25px;
            background: var(--bk-orange);
        }

    .bk-mukhyamantri-saur-page .bk-msy-hero-content h1 {
        font-family: "Manrope", sans-serif;
        font-size: clamp(38px, 5vw, 66px);
        line-height: 1.12;
        letter-spacing: -1.8px;
        font-weight: 800;
        margin: 18px 0;
        color: var(--bk-white);
    }
    .bk-mukhyamantri-saur-page .bk-msy-hero-content h1 span{
        color:var(--bk-orange);
    }
    .bk-mukhyamantri-saur-page .bk-msy-hero-content p {
        max-width: 720px;
        font-size: 16px;
        color: rgba(255, 255, 255, .84) !important;
    }

    .bk-mukhyamantri-saur-page .bk-msy-hero-actions {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 30px;
    }

    /* BUTTONS */

    .bk-mukhyamantri-saur-page .bk-msy-btn {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        min-height: 50px;
        padding: 13px 22px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid transparent;
        border-radius: 6px;
        transition: var(--bk-transition);
    }

        .bk-mukhyamantri-saur-page .bk-msy-btn i {
            font-size: 16px;
            transition: transform 0.3s ease;
        }

        .bk-mukhyamantri-saur-page .bk-msy-btn:hover i {
            transform: translateX(4px);
        }

    .bk-mukhyamantri-saur-page .bk-msy-btn-primary {
        background: var(--bk-orange);
        color: var(--bk-white);
        border-color: var(--bk-orange);
    }

        .bk-mukhyamantri-saur-page .bk-msy-btn-primary:hover {
            background: var(--bk-dark-green);
            border-color: var(--bk-dark-green);
            color: var(--bk-white);
        }

    .bk-mukhyamantri-saur-page .bk-msy-btn-outline {
        color: var(--bk-white);
        border-color: rgba(255, 255, 255, 0.7);
        background: transparent;
    }

        .bk-mukhyamantri-saur-page .bk-msy-btn-outline:hover {
            color: var(--bk-deep-green);
            background: var(--bk-white);
            border-color: var(--bk-deep-green);
        }

    .bk-mukhyamantri-saur-page .bk-msy-btn-dark {
        color: var(--bk-white);
        background: var(--bk-deep-green);
    }

        .bk-mukhyamantri-saur-page .bk-msy-btn-dark:hover {
            color: var(--bk-white);
            background: var(--bk-dark-green);
        }

    .bk-mukhyamantri-saur-page .bk-msy-btn-light {
        background: var(--bk-white);
        color: var(--bk-deep-green);
    }

        .bk-mukhyamantri-saur-page .bk-msy-btn-light:hover {
            background: var(--bk-soft-green);
            color: var(--bk-deep-green);
        }

    /* SHARED SECTIONS */

    .bk-mukhyamantri-saur-page .bk-msy-section {
        padding: 95px 0;
    }

    .bk-mukhyamantri-saur-page .bk-msy-section-heading {
        max-width: 760px;
        margin-bottom: 48px;
        margin-left: auto;
        margin-right: auto;
        text-align:center;
    }

        .bk-mukhyamantri-saur-page .bk-msy-section-heading.text-center {
            margin-left: auto;
            margin-right: auto;
        }

        .bk-mukhyamantri-saur-page .bk-msy-section-heading p {
            max-width: 760px;
        }

        .bk-mukhyamantri-saur-page .bk-msy-section-heading.text-center p {
            margin-left: auto;
            margin-right: auto;
        }

    /* INTRODUCTION */

    .bk-mukhyamantri-saur-page .bk-msy-intro {
        background: var(--bk-white);
    }

    .bk-mukhyamantri-saur-page .bk-msy-image-wrap {
        position: relative;
        min-height: 400px;
        background: var(--bk-soft-green);
        border: 1px solid var(--bk-border);
    }

        .bk-mukhyamantri-saur-page .bk-msy-image-wrap > img {
            width: 100%;
            height: 450px;
            display: block;
            object-fit: cover;
        }

    .bk-mukhyamantri-saur-page .bk-msy-image-caption {
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 20px;
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 18px;
        background: var(--bk-white);
        border-left: 3px solid var(--bk-orange);
        box-shadow: var(--bk-shadow-md);
    }

    .bk-mukhyamantri-saur-page .bk-msy-caption-icon {
        display: flex;
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        background: var(--bk-soft-green);
        color: var(--bk-dark-green);
        font-size: 22px;
    }

    .bk-mukhyamantri-saur-page .bk-msy-image-caption strong,
    .bk-mukhyamantri-saur-page .bk-msy-image-caption span:not(.bk-msy-caption-icon) {
        display: block;
    }

    .bk-mukhyamantri-saur-page .bk-msy-image-caption strong {
        font-family: "Manrope", sans-serif;
        font-size: 15px;
        margin-bottom: 4px;
    }

    .bk-mukhyamantri-saur-page .bk-msy-image-caption div > span {
        font-size: 13px;
        color: var(--bk-muted);
    }

    .bk-mukhyamantri-saur-page .bk-msy-text-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        min-height: 48px;
        padding: 13px 20px;
        border: 1px solid transparent;
        border-radius: 6px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.4;
        transition: var(--bk-transition);
        color: var(--bk-white);
        background: var(--bk-orange);
        border-color: var(--bk-orange);
    }

        .bk-mukhyamantri-saur-page .bk-msy-text-link:hover {
            color: var(--bk-white);
            background: var(--bk-dark-green);
            border-color: var(--bk-dark-green);
        }

    /* OVERVIEW CARDS */

    .bk-mukhyamantri-saur-page .bk-msy-highlights {
        background: var(--bk-soft-green);
    }

    .bk-mukhyamantri-saur-page .bk-msy-info-card {
        height: 100%;
        padding: 32px 28px;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        border-top: 3px solid var(--bk-green);
        transition: var(--bk-transition);
    }

        .bk-mukhyamantri-saur-page .bk-msy-info-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--bk-shadow-md);
            border-top-color: var(--bk-orange);
        }

    .bk-mukhyamantri-saur-page .bk-msy-card-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 54px;
        height: 54px;
        margin-bottom: 24px;
        background: var(--bk-soft-green);
        color: var(--bk-dark-green);
        font-size: 25px;
    }

    .bk-mukhyamantri-saur-page .bk-msy-info-card h3 {
        font-size: 20px;
        color:var(--bk-deep-green);
    }

    .bk-mukhyamantri-saur-page .bk-msy-info-card p {
        margin-bottom: 0;
    }

    /* CAPACITY PANEL */

    .bk-mukhyamantri-saur-page .bk-msy-capacity {
        background: var(--bk-white);
    }

    .bk-mukhyamantri-saur-page .bk-msy-capacity-panel {
        padding: 32px;
        background: var(--bk-light-gray);
        border: 1px solid var(--bk-border);
    }

    .bk-mukhyamantri-saur-page .bk-msy-capacity-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        padding-bottom: 24px;
        margin-bottom: 6px;
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-mukhyamantri-saur-page .bk-msy-capacity-heading span,
        .bk-mukhyamantri-saur-page .bk-msy-official-link > div > span {
            display: block;
            color: var(--bk-orange);
            font-size: 16px;
            font-weight: 800;
            letter-spacing: 1.5px;
            margin-bottom: 9px;
        }

        .bk-mukhyamantri-saur-page .bk-msy-capacity-heading h3 {
            margin: 0;
            font-size: 32px;
            color: var(--bk-deep-green);
        }

        .bk-mukhyamantri-saur-page .bk-msy-capacity-heading > i {
            color: var(--bk-green);
            font-size: 35px;
        }

    .bk-mukhyamantri-saur-page .bk-msy-capacity-item {
        display: grid;
        grid-template-columns: 38px 1fr auto;
        align-items: center;
        gap: 15px;
        padding: 19px 0;
        border-bottom: 1px solid var(--bk-border);
    }

    .bk-mukhyamantri-saur-page .bk-msy-capacity-number {
        color: var(--bk-orange);
        font-size: 16px;
        font-weight: 800;
    }

    .bk-mukhyamantri-saur-page .bk-msy-capacity-label {
        color: var(--bk-text);
        font-size: 16px;
    }

    .bk-mukhyamantri-saur-page .bk-msy-capacity-item strong {
        color: var(--bk-dark-green);
        font-family: "Manrope", sans-serif;
        font-size: 18px;
        white-space: nowrap;
    }

    .bk-mukhyamantri-saur-page .bk-msy-capacity-note {
        margin: 20px 0 0;
        font-size: 15px;
        line-height: 1.7;
    }

    /* ELIGIBILITY */

    .bk-mukhyamantri-saur-page .bk-msy-eligibility {
        background: var(--bk-light-gray);
    }

    .bk-mukhyamantri-saur-page .bk-msy-check-item {
        display: flex;
        align-items: flex-start;
        gap: 17px;
        height: 100%;
        padding: 27px;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
    }

        .bk-mukhyamantri-saur-page .bk-msy-check-item > i {
            flex: 0 0 auto;
            color: var(--bk-green);
            font-size: 24px;
            margin-top: 1px;
        }

        .bk-mukhyamantri-saur-page .bk-msy-check-item h3 {
            font-size: 18px;
            margin-bottom: 9px;
        }

        .bk-mukhyamantri-saur-page .bk-msy-check-item p {
            margin-bottom: 0;
        }

    .bk-mukhyamantri-saur-page .bk-msy-notice {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        margin-top: 32px;
        padding: 22px 24px;
        background: #FFF8F0;
        border-left: 3px solid var(--bk-orange);
    }

        .bk-mukhyamantri-saur-page .bk-msy-notice > i {
            color: var(--bk-orange);
            font-size: 22px;
            margin-top: 3px;
        }

        .bk-mukhyamantri-saur-page .bk-msy-notice p {
            margin: 0;
            font-size: 15px;
        }

    /* PROCESS */

    .bk-mukhyamantri-saur-page .bk-msy-process {
        background: var(--bk-white);
    }

    .bk-mukhyamantri-saur-page .bk-msy-process-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border: 1px solid var(--bk-border);
    }

    .bk-mukhyamantri-saur-page .bk-msy-process-card {
        padding: 30px 24px;
        border-right: 1px solid var(--bk-border);
        transition: var(--bk-transition);
    }

        .bk-mukhyamantri-saur-page .bk-msy-process-card:last-child {
            border-right: 0;
        }

        .bk-mukhyamantri-saur-page .bk-msy-process-card:hover {
            background: var(--bk-soft-green);
        }

        .bk-mukhyamantri-saur-page .bk-msy-process-card > span {
            display: block;
            margin-bottom: 28px;
            color: var(--bk-orange);
            font-family: "Manrope", sans-serif;
            font-size: 30px;
            font-weight: 800;
        }

        .bk-mukhyamantri-saur-page .bk-msy-process-card h3 {
            font-size: 18px;
        }

        .bk-mukhyamantri-saur-page .bk-msy-process-card p {
            margin: 0;
        }

    /* OFFICIAL LINK */

    .bk-mukhyamantri-saur-page .bk-msy-official-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 32px;
        margin-top: 42px;
        padding: 32px;
        background: var(--bk-soft-green);
        border: 1px solid var(--bk-border);
        border-left: 4px solid var(--bk-green);
    }

        .bk-mukhyamantri-saur-page .bk-msy-official-link h3 {
            font-size: 21px;
            margin-bottom: 9px;
        }

        .bk-mukhyamantri-saur-page .bk-msy-official-link p {
            max-width: 700px;
            margin-bottom: 0;
        }

    /* SUPPORT */

    .bk-mukhyamantri-saur-page .bk-msy-support {
        background: var(--bk-soft-green);
    }

    .bk-mukhyamantri-saur-page .bk-msy-support-image {
        overflow: hidden;
        border: 1px solid var(--bk-border);
        background: var(--bk-white);
    }

        .bk-mukhyamantri-saur-page .bk-msy-support-image img {
            display: block;
            width: 100%;
            height: 400px;
            object-fit: cover;
            transition: transform 0.6s ease;
        }

        .bk-mukhyamantri-saur-page .bk-msy-support-image:hover img {
            transform: scale(1.035);
        }

    /* FAQ */

    .bk-mukhyamantri-saur-page .bk-msy-faq {
        background: var(--bk-white);
    }

    .bk-mukhyamantri-saur-page .bk-msy-faq-list {
        max-width: 950px;
        margin: 0 auto;
        border-top: 1px solid var(--bk-border);
    }

        .bk-mukhyamantri-saur-page .bk-msy-faq-list details {
            border-bottom: 1px solid var(--bk-border);
        }

        .bk-mukhyamantri-saur-page .bk-msy-faq-list summary {
            position: relative;
            padding: 23px 45px 23px 4px;
            color: var(--bk-text);
            font-family: "Manrope", sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.5;
            cursor: pointer;
            list-style: none;
        }

            .bk-mukhyamantri-saur-page .bk-msy-faq-list summary::-webkit-details-marker {
                display: none;
            }

            .bk-mukhyamantri-saur-page .bk-msy-faq-list summary::after {
                content: "+";
                position: absolute;
                right: 5px;
                top: 50%;
                transform: translateY(-50%);
                color: var(--bk-dark-green);
                font-family: "DM Sans", sans-serif;
                font-size: 27px;
                font-weight: 400;
            }

        .bk-mukhyamantri-saur-page .bk-msy-faq-list details[open] summary::after {
            content: "−";
            color: var(--bk-orange);
        }

        .bk-mukhyamantri-saur-page .bk-msy-faq-list details > p {
            padding: 0 40px 22px 4px;
            margin: 0;
        }

        .bk-mukhyamantri-saur-page .bk-msy-faq-list a {
            color: var(--bk-dark-green);
            font-weight: 700;
            text-decoration: underline;
            text-underline-offset: 3px;
        }

    /* FINAL CTA */

    .bk-mukhyamantri-saur-page .bk-msy-final-cta {
        padding: 65px 0;
        background: var(--bk-deep-green);
    }

    .bk-mukhyamantri-saur-page .bk-msy-cta-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
    }

        .bk-mukhyamantri-saur-page .bk-msy-cta-inner > div {
            max-width: 780px;
        }

            .bk-mukhyamantri-saur-page .bk-msy-cta-inner > div > span {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                margin-bottom: 17px;
                color: var(--bk-white);
                font-size: 16px;
                font-weight: 800;
                letter-spacing: 1.7px;
                line-height: 1.6;
            }
                .bk-mukhyamantri-saur-page .bk-msy-cta-inner > div > span:before {
                    content: "";
                    width: 25px;
                    height: 2px;
                    flex: 0 0 25px;
                    background: var(--bk-orange);
                }
        .bk-mukhyamantri-saur-page .bk-msy-cta-inner h2 {
            color: var(--bk-white);
            font-size: clamp(38px, 3.5vw, 58px);
            margin-bottom: 14px;
        }
        .bk-mukhyamantri-saur-page .bk-msy-cta-inner h2 span{
            color:var(--bk-orange);
        }
            .bk-mukhyamantri-saur-page .bk-msy-cta-inner p {
            color: rgba(255, 255, 255, 0.82);
            margin: 0;
        }

/* RESPONSIVE */

@media (max-width: 991px) {
    .bk-mukhyamantri-saur-page .bk-msy-section {
        padding: 75px 0;
    }

    .bk-mukhyamantri-saur-page .bk-msy-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-mukhyamantri-saur-page .bk-msy-process-card {
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-mukhyamantri-saur-page .bk-msy-process-card:nth-child(2) {
            border-right: 0;
        }

        .bk-mukhyamantri-saur-page .bk-msy-process-card:nth-child(3),
        .bk-mukhyamantri-saur-page .bk-msy-process-card:nth-child(4) {
            border-bottom: 0;
        }

    .bk-mukhyamantri-saur-page .bk-msy-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .bk-mukhyamantri-saur-page .bk-msy-official-link {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .bk-mukhyamantri-saur-page .bk-msy-hero-content {
        padding: 48px 0;
    }

        .bk-mukhyamantri-saur-page .bk-msy-hero-content h1 {
            font-size: 36px;
            letter-spacing: -1px;
        }

    .bk-mukhyamantri-saur-page .bk-msy-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .bk-mukhyamantri-saur-page .bk-msy-btn {
        width: 100%;
    }

    .bk-mukhyamantri-saur-page .bk-msy-section {
        padding: 60px 0;
    }

    .bk-mukhyamantri-saur-page .bk-msy-section-heading {
        margin-bottom: 32px;
    }

    .bk-mukhyamantri-saur-page .bk-msy-image-wrap > img {
        height: 330px;
    }

    .bk-mukhyamantri-saur-page .bk-msy-image-caption {
        left: 12px;
        right: 12px;
        bottom: 12px;
        padding: 13px;
    }

    .bk-mukhyamantri-saur-page .bk-msy-capacity-panel {
        padding: 22px 18px;
    }

    .bk-mukhyamantri-saur-page .bk-msy-capacity-item {
        grid-template-columns: 27px 1fr auto;
        gap: 9px;
    }

    .bk-mukhyamantri-saur-page .bk-msy-capacity-label {
        font-size: 13px;
    }

    .bk-mukhyamantri-saur-page .bk-msy-capacity-item strong {
        font-size: 16px;
    }

    .bk-mukhyamantri-saur-page .bk-msy-process-grid {
        grid-template-columns: 1fr;
    }

    .bk-mukhyamantri-saur-page .bk-msy-process-card,
    .bk-mukhyamantri-saur-page .bk-msy-process-card:nth-child(2),
    .bk-mukhyamantri-saur-page .bk-msy-process-card:nth-child(3) {
        border-right: 0;
        border-bottom: 1px solid var(--bk-border);
    }

        .bk-mukhyamantri-saur-page .bk-msy-process-card:last-child {
            border-bottom: 0;
        }

        .bk-mukhyamantri-saur-page .bk-msy-process-card > span {
            margin-bottom: 15px;
        }

    .bk-mukhyamantri-saur-page .bk-msy-official-link {
        padding: 24px 20px;
    }

    .bk-mukhyamantri-saur-page .bk-msy-support-image img {
        height: 300px;
    }

    .bk-mukhyamantri-saur-page .bk-msy-faq-list summary {
        font-size: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .bk-mukhyamantri-saur-page .bk-msy-final-cta {
        padding: 48px 0;
    }
}

/* =========================================================
   PROJECTS PAGE
   Root: .bk-projects-page
========================================================= */

.bk-projects-page {
    background: var(--bk-white);
    color: var(--bk-text);
    overflow: clip;
}
    .bk-projects-page .container {
        max-width: var(--bk-container);
    }
    .bk-projects-page p {
        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        line-height: 1.75;
    }

    .bk-projects-page h1,
    .bk-projects-page h2 {
        font-family: "Manrope", sans-serif;
        font-weight: 800;
    }

    /* HERO */

    .bk-projects-page .bk-projects-hero-content {
        max-width: 800px;
       
    }

    .bk-projects-page .bk-projects-eyebrow {
        display: inline-block;
        color: var(--bk-dark-green);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 1.8px;
        text-transform: uppercase;
    }
    .bk-projects-page .bk-projects-hero-content .bk-projects-eyebrow {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1.8px;
        color: var(--bk-white);
    }
    .bk-projects-page .bk-projects-eyebrow,
    .bk-projects-page .bk-projects-kicker {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--bk-dark-green);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.7px;
        line-height: 1.6;
    }

        .bk-projects-page .bk-projects-eyebrow::before, .bk-projects-page .bk-projects-kicker::before {
            content: "";
            width: 25px;
            height: 2px;
            flex: 0 0 25px;
            background: var(--bk-orange);
        }
   
    .bk-projects-page .bk-projects-hero-content h1 {
        font-family: "Manrope", sans-serif;
        font-size: clamp(38px, 5vw, 66px);
        line-height: 1.12;
        letter-spacing: -1.8px;
        font-weight: 800;
        margin: 18px 0;
        color: var(--bk-white);
    }

        .bk-projects-page .bk-projects-hero-content h1 span {
            color: var(--bk-orange);
        }
    .bk-projects-page .bk-projects-hero-content p {
        max-width: 720px;
        font-size: 16px;
        color: rgba(255, 255, 255, .84) !important;
        margin-bottom: 30px;
    }

    /* PROJECT SECTION */

    .bk-projects-page .bk-projects-list-section {
        padding: 55px 0 90px;
        background: var(--bk-white);
    }

    /* FILTER BAR */

    .bk-projects-page .bk-projects-filter-bar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 32px;
        padding: 18px 0;
        border-top: 1px solid var(--bk-border);
        border-bottom: 1px solid var(--bk-border);
    }

    .bk-projects-page .bk-projects-filter-label {
        color: var(--bk-deep-green);
        font-size: 15px;
        font-weight: 800;
        letter-spacing: 1.4px;
    }

    .bk-projects-page .bk-projects-filter-options {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .bk-projects-page .bk-projects-filter {
        padding: 10px 17px;
        border: 1px solid var(--bk-border);
        border-radius: 3px;
        background: var(--bk-white);
        color: var(--bk-text);
        font-family: "DM Sans", sans-serif;
        font-size: 15px;
        font-weight: 700;
        cursor: pointer;
        transition: var(--bk-transition);
    }

        .bk-projects-page .bk-projects-filter:hover {
            border-color: var(--bk-green);
            color: var(--bk-dark-green);
        }

        .bk-projects-page .bk-projects-filter.is-active {
            border-color: var(--bk-deep-green);
            background: var(--bk-deep-green);
            color: var(--bk-white);
        }

    /* TWO-COLUMN PROJECT GRID */

    .bk-projects-page .bk-projects-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px;
        align-items: stretch;
    }

    /* PROJECT CARD */

    .bk-projects-page .bk-project-card {
        min-width: 0;
        overflow: hidden;
        background: var(--bk-white);
        border: 1px solid var(--bk-border);
        transition: transform 0.35s ease, box-shadow 0.35s ease;
    }

        .bk-projects-page .bk-project-card:hover {
            transform: translateY(-4px);
            box-shadow: var(--bk-shadow-md);
        }

    /* IMAGE */

    .bk-projects-page .bk-project-card-image {
        position: relative;
        display: block;
        height: 320px;
        overflow: hidden;
        background: var(--bk-light-gray);
        text-decoration: none;
    }

        .bk-projects-page .bk-project-card-image img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.65s cubic-bezier(.2, .65, .3, 1);
        }

    .bk-projects-page .bk-project-card:hover .bk-project-card-image img {
        transform: scale(1.045);
    }

    .bk-projects-page .bk-project-card-capacity {
        position: absolute;
        left: 20px;
        bottom: 20px;
        display: block;
        align-items: center;
        min-height: 38px;
        padding: 10px 14px;
        background: var(--bk-deep-green);
        color: var(--bk-white-text);
        font-family: "Manrope", sans-serif;
        font-size: 13px;
        font-weight: 800;
    }
    .bk-projects-page .bk-project-card-capacity strong {
        font-size: 25px;
        display:block;
        color:var(--bk-orange);
    }
        .bk-projects-page .bk-project-card-image-icon {
        position: absolute;
        top: 16px;
        right: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        background: var(--bk-white);
        color: var(--bk-deep-green);
        font-size: 18px;
        transition: background 0.3s ease, color 0.3s ease;
    }

    .bk-projects-page .bk-project-card:hover .bk-project-card-image-icon {
        background: var(--bk-orange);
        color: var(--bk-white);
    }

    /* CARD CONTENT */

    .bk-projects-page .bk-project-card-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 25px 27px 28px;
    }

    .bk-projects-page .bk-project-card-meta {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 9px 14px;
        width: 100%;
        margin-bottom: 17px;
    }

    .bk-projects-page .bk-project-card-category {
        color: var(--bk-orange);
        font-size: 15px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .bk-projects-page .bk-project-card-location {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: var(--bk-muted);
        font-size: 16px;
        font-weight: 600;
    }

        .bk-projects-page .bk-project-card-location i {
            color: var(--bk-orange);
        }

    .bk-projects-page .bk-project-card-content h2 {
        margin: 0 0 12px;
        color: var(--bk-deep-green);
        font-size: clamp(22px, 2.4vw, 29px);
        line-height: 1.25;
        letter-spacing: -0.5px;
    }

    .bk-projects-page .bk-project-card-content p {
        margin: 0 0 22px;
        color: var(--bk-muted);
    }

    .bk-projects-page .bk-project-card-link {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        margin-top: auto;
        padding-bottom: 5px;
        border-bottom: 1px solid var(--bk-orange);
        color: var(--bk-deep-green);
        font-size: 16px;
        font-weight: 800;
        text-decoration: none;
        transition: gap 0.3s ease, color 0.3s ease;
    }

        .bk-projects-page .bk-project-card-link:hover {
            gap: 14px;
            color: var(--bk-dark-green);
        }

    /* EMPTY FILTER RESULT */

    .bk-projects-page .bk-projects-empty {
        margin: 30px 0 0;
        padding: 25px;
        border: 1px solid var(--bk-border);
        text-align: center;
    }

        .bk-projects-page .bk-projects-empty[hidden] {
            display: none !important;
        }

    /* ==========================================
   PROJECTS LOAD MORE
========================================== */

    .bk-projects-page .bk-projects-load-more-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        margin-top: 42px;
    }

    .bk-projects-page .bk-projects-load-more {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 14px 26px;
        border: 1px solid var(--bk-dark-green);
        background: var(--bk-dark-green);
        color: var(--bk-white);
        font-family: "DM Sans", sans-serif;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: var(--bk-transition);
    }

        .bk-projects-page .bk-projects-load-more:hover {
            background: var(--bk-deep-green);
            border-color: var(--bk-deep-green);
        }

        .bk-projects-page .bk-projects-load-more i {
            font-size: 16px;
            transition: transform 0.3s ease;
        }

        .bk-projects-page .bk-projects-load-more:hover i {
            transform: translateY(3px);
        }

        .bk-projects-page .bk-projects-load-more[hidden],
        .bk-projects-page .bk-project-card[hidden] {
            display: none !important;
        }

    .bk-projects-page .bk-projects-count {
        margin: 0;
        color: var(--bk-muted);
        font-family: "DM Sans", sans-serif;
        font-size: 13px;
    }

@media (max-width: 767px) {
    .bk-projects-page .bk-projects-load-more-wrap {
        margin-top: 30px;
    }

    .bk-projects-page .bk-projects-load-more {
        width: 100%;
        max-width: 320px;
    }
}


/* TABLET */

@media (max-width: 991px) {
    .bk-projects-page .bk-projects-list-section {
        padding: 45px 0 70px;
    }

    .bk-projects-page .bk-projects-grid {
        gap: 20px;
    }

    .bk-projects-page .bk-project-card-image {
        height: 260px;
    }

    .bk-projects-page .bk-project-card-content {
        padding: 22px 20px 25px;
    }

    .bk-projects-page .bk-project-card-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .bk-projects-page .bk-projects-hero-content {
        padding: 40px 0 45px;
    }

        .bk-projects-page .bk-projects-hero-content h1 {
            font-size: 36px;
            letter-spacing: -1px;
        }

    .bk-projects-page .bk-projects-list-section {
        padding: 35px 0 60px;
    }

    .bk-projects-page .bk-projects-filter-bar {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
        margin-bottom: 24px;
    }

    .bk-projects-page .bk-projects-filter-options {
        gap: 7px;
    }

    .bk-projects-page .bk-projects-filter {
        padding: 9px 12px;
        font-size: 12px;
    }

    .bk-projects-page .bk-projects-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .bk-projects-page .bk-project-card-image {
        height: 280px;
    }

    .bk-projects-page .bk-project-card-meta {
        align-items: center;
        flex-direction: row;
    }

    .bk-projects-page .bk-project-card-content h2 {
        font-size: 25px;
    }
}

@media (max-width: 380px) {
    .bk-projects-page .bk-projects-hero-content h1 {
        font-size: 31px;
    }

    .bk-projects-page .bk-project-card-image {
        height: 230px;
    }

    .bk-projects-page .bk-project-card-content {
        padding: 20px 17px 23px;
    }

    .bk-projects-page .bk-projects-filter {
        padding: 8px 10px;
        font-size: 11px;
    }
}


/* =========================================================
   BHUMI KA SOLAR
   PROJECT DETAILS PAGE
   File: project-details.css
========================================================= */

/* =========================================================
   ROOT / BASE
========================================================= */

.bk-project-details-page {
    --bk-pd-green: #3CB44A;
    --bk-pd-dark-green: #126B35;
    --bk-pd-deep-green: #0B4A29;
    --bk-pd-orange: #F58220;
    --bk-pd-text: #18221C;
    --bk-pd-muted: #65716A;
    --bk-pd-border: #E1E8E2;
    --bk-pd-light: #F5F8F5;
    --bk-pd-white: #FFFFFF;
    width: 100%;
    overflow: clip;
    color: var(--bk-pd-text);
    background: #FFFFFF;
    font-family: "DM Sans", sans-serif;
}

    .bk-project-details-page *,
    .bk-project-details-page *::before,
    .bk-project-details-page *::after {
        box-sizing: border-box;
    }

    .bk-project-details-page img {
        display: block;
        max-width: 100%;
    }

    .bk-project-details-page button,
    .bk-project-details-page a {
        -webkit-tap-highlight-color: transparent;
    }

    .bk-project-details-page button {
        font: inherit;
    }

    .bk-project-details-page a {
        color: inherit;
        text-decoration: none;
    }

    .bk-project-details-page h1,
    .bk-project-details-page h2,
    .bk-project-details-page h3,
    .bk-project-details-page p {
        margin-top: 0;
    }

    .bk-project-details-page h1,
    .bk-project-details-page h2,
    .bk-project-details-page h3 {
        font-family: "Manrope", sans-serif;
        letter-spacing: -0.035em;
    }

    .bk-project-details-page p {
        font-size: 15px;
        line-height: 1.8;
        margin-bottom:30px;
    }

    .bk-project-details-page .bk-container {
        max-width: var(--bk-container);
    }


/* =========================================================
   01. PROJECT HERO
========================================================= */

.bk-project-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: flex-end;
    padding: 80px 0 ;
    overflow: hidden;
    color: #FFFFFF;
    background: var(--bk-pd-deep-green);
}

.bk-project-hero-bg,
.bk-project-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
}

    .bk-project-hero-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.bk-project-hero-overlay {
    background: linear-gradient( 90deg, rgba(5, 35, 19, 0.94) 0%, rgba(5, 35, 19, 0.80) 48%, rgba(5, 35, 19, 0.54) 100% ), linear-gradient( 0deg, rgba(5, 35, 19, 0.45), transparent 65% );
}

.bk-project-hero-container {
    position: relative;
    z-index: 1;
}

.bk-project-breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .bk-project-breadcrumb a {
        color: var(--bk-white);
        text-decoration: none;
        transition: var(--bk-transition);
        font-size: 15px;
    }

        .bk-project-breadcrumb a:hover {
            color: var(--bk-orange);
        }
    .bk-project-breadcrumb i {
        color: var(--bk-orange);
        font-size: 15px;
        padding:0px 10px;
    }

    .bk-project-breadcrumb span {
        color: rgba(255, 255, 255, .72);
        font-size: 15px;
    }

.bk-breadcrumb-separator {
    color: var(--bk-pd-orange);
    font-size: 15px;
}

.bk-breadcrumb-current {
    max-width: 320px;
    overflow: hidden;
    color: #FFFFFF;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bk-project-hero-content {
    text-align:center;
}

.bk-project-hero-main {
    max-width: 100%;
}

.bk-project-hero-eyebrow,
.bk-project-section-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 7px;
    color: var(--bk-deep-green);
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
}

.bk-project-hero-eyebrow {
    color: #A6E6AC;
}

    .bk-project-hero-eyebrow::before,
    .bk-project-section-eyebrow::before {
        width: 24px;
        height: 2px;
        content: "";
        background: var(--bk-pd-orange);
    }

.bk-project-hero-title {
    
    margin-bottom: 20px;
    color: #FFFFFF;
    font-size: clamp(34px, 4.3vw, 58px);
    font-weight: 800;
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.bk-project-hero-description {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    line-height: 1.85;
    text-align: center;
    width:100%;
}

.bk-project-hero-highlights {
    display: grid;
    grid-template-columns: 1fr;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.bk-project-hero-highlight {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.bk-project-highlight-label {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.64);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.bk-project-hero-highlight strong {
    color: #FFFFFF;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
    overflow-wrap: anywhere;
}


/* =========================================================
   02. MAIN IMAGE + HIGHLIGHTS
========================================================= */

.bk-project-overview-section {
    padding: 90px 0 84px;
    background: #FFFFFF;
}

.bk-project-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.8fr);
    align-items: stretch;
    gap: 36px;
}

.bk-project-main-visual {
    position: relative;
    min-width: 0;
}

.bk-project-main-image-button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 420px;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: #E8EEE9;
    cursor: zoom-in;
    text-align: left;
}

.bk-project-main-image {
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
    object-position: center;
    transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.bk-project-main-image-button:hover .bk-project-main-image {
    transform: scale(1.035);
}

.bk-project-image-zoom-icon {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.55);
    color: #FFFFFF;
    background: rgba(11, 74, 41, 0.88);
    font-size: 24px;
    transition: background 0.25s ease, color 0.25s ease;
}

.bk-project-main-image-button:hover .bk-project-image-zoom-icon {
    color: #FFFFFF;
    background: var(--bk-pd-orange);
}

.bk-project-main-image-caption {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 14px;
    color: var(--bk-pd-muted);
    font-size: 12px;
    font-weight: 600;
}

.bk-project-image-caption-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--bk-pd-green);
}

.bk-project-highlights-card {
    display: flex;
    flex-direction: column;
    padding: 36px 34px;
    border: 1px solid var(--bk-pd-border);
    background: #FFFFFF;
}

.bk-project-highlights-title {
    margin-bottom: 12px;
    color: var(--bk-pd-deep-green);
    font-size: clamp(26px, 3.5vw, 42px) !important;
    font-weight: 800;
    line-height: 1.25;
}
.bk-project-highlights-title span{
    color: var(--bk-green);
}
.bk-project-highlights-intro
{
    color:var(--bk-muted) !important;
}
.bk-project-highlights-intro {
    margin-bottom: 24px;
    color: var(--bk-pd-muted);
    font-size: 14px !important;
    line-height: 1.75;
}

.bk-project-highlight-list {
    border-top: 1px solid var(--bk-pd-border);
}

.bk-project-highlight-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 19px 0;
    border-bottom: 1px solid var(--bk-pd-border);
}

.bk-project-detail-icon {
    display: grid;
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    place-items: center;
    border: 1px solid #DDEBDF;
    color: var(--bk-pd-dark-green);
    background: #F2F8F3;
    font-size: 20px;
}

.bk-project-highlight-item > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
    padding-top: 2px;
}

.bk-project-detail-label {
    color: var(--bk-pd-muted);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.bk-project-highlight-item strong {
    color: var(--bk-pd-text);
    font-family: "Manrope", sans-serif;
    font-size: 21px;
    font-weight: 750;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.bk-project-highlights-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: auto;
    padding: 17px 19px;
    color: #FFFFFF !important;
    background: var(--bk-orange);
    font-size: 15px;
    font-weight: 700;
    transition: background 0.25s ease;
}

    .bk-project-highlights-cta span {
        color: #FFFFFF;
        font-size: 19px;
        transition: transform 0.25s ease;
    }

    .bk-project-highlights-cta:hover {
        background: var(--bk-pd-dark-green);
    }

        .bk-project-highlights-cta:hover span {
            transform: translate(3px, -3px);
        }


/* =========================================================
   03. PROJECT DESCRIPTION
========================================================= */

.bk-project-description-section {
    padding: 80px 0 86px;
    border-top: 1px solid #EDF1ED;
    background: var(--bk-pd-light);
}

.bk-project-description-layout {
    display: grid;
    grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
    gap: 70px;
}

.bk-project-description-heading {
    position: relative;
    align-self: start;
}

    .bk-project-description-heading h2 {
        max-width: 380px;
        margin-bottom: 0;
        color: var(--bk-pd-deep-green);
        font-size: clamp(30px, 3vw, 42px);
        font-weight: 800;
        line-height: 1.22;
    }
        .bk-project-description-heading h2 span {
            color: var(--bk-green);
        }
        .bk-project-description-content {
    min-width: 0;
    padding-left: 35px;
    border-left: 2px solid #DDE8DE;
}

.bk-project-description {
    color: var(--bk-muted);
    font-size: 15px;
    line-height: 1.95;
    overflow-wrap: anywhere;
}

    .bk-project-description p {
        margin-bottom: 18px;
        color: inherit;
        font-size: 15px;
        line-height: 1.95;
    }

        .bk-project-description p:last-child {
            margin-bottom: 0;
        }

    .bk-project-description h2,
    .bk-project-description h3,
    .bk-project-description h4 {
        margin: 26px 0 12px;
        color: var(--bk-pd-deep-green);
        font-weight: 750;
        line-height: 1.35;
    }

    .bk-project-description ul,
    .bk-project-description ol {
        margin: 16px 0;
        padding-left: 22px;
    }

    .bk-project-description li {
        margin-bottom: 8px;
        padding-left: 4px;
        font-size: 15px;
        line-height: 1.8;
    }


/* =========================================================
   04. PROJECT GALLERY
========================================================= */

.bk-project-gallery-section {
    padding: 90px 0 100px;
    background: #FFFFFF;
}

.bk-project-gallery-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 38px;
    padding-bottom: 27px;
    border-bottom: 1px solid var(--bk-pd-border);
}

    .bk-project-gallery-heading > div:first-child {
        max-width: 700px;
    }

    .bk-project-gallery-heading h2 {
        margin-bottom: 13px;
        color: var(--bk-pd-deep-green);
        font-size: clamp(32px, 3.2vw, 44px);
        font-weight: 800;
        line-height: 1.2;
    }
        .bk-project-gallery-heading h2 span {
            color: var(--bk-green);
        }
        .bk-project-gallery-heading p {
        max-width: 620px;
        margin-bottom: 0;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.8;
    }

.bk-project-gallery-count {
    display: flex;
    flex-shrink: 0;
    align-items:baseline;
    gap: 8px;
    padding-bottom: 5px;
    color: var(--bk-muted);
    font-size: 15px;
    font-weight: 600;
}

.bk-project-gallery-count-number {
    color: var(--bk-pd-dark-green);
    font-family: "Manrope", sans-serif;
    font-size: 30px;
    font-weight: 800;
}

.bk-project-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px 24px;
}

.bk-project-gallery-card {
    display: block;
    min-width: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--bk-pd-border);
    color: var(--bk-pd-text);
    background: #FFFFFF;
    cursor: zoom-in;
    text-align: left;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

    .bk-project-gallery-card:hover {
        border-color: #B6D6BB;
        box-shadow: 0 15px 38px rgba(11, 74, 41, 0.09);
        transform: translateY(-4px);
    }

.bk-project-gallery-card-image {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #E8EEE9;
}

    .bk-project-gallery-card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1);
    }

.bk-project-gallery-card:hover .bk-project-gallery-card-image img {
    transform: scale(1.06);
}

.bk-project-gallery-zoom {
    position: absolute;
    right: 14px;
    bottom: 14px;
    display: grid;
    width: 39px;
    height: 39px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #FFFFFF;
    background: rgba(11, 74, 41, 0.88);
    font-size: 21px;
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 0.25s ease, transform 0.25s ease, background 0.25s ease;
}

.bk-project-gallery-card:hover .bk-project-gallery-zoom,
.bk-project-gallery-card:focus-visible .bk-project-gallery-zoom {
    opacity: 1;
    transform: translateY(0);
}

.bk-project-gallery-card:hover .bk-project-gallery-zoom {
    background: var(--bk-pd-orange);
}

.bk-project-gallery-card-caption {
    display: flex;
    min-height: 65px;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 16px 18px;
}

.bk-project-gallery-card-title {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    color: #26352B;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.bk-project-gallery-card-arrow {
    display: grid;
    flex: 0 0 29px;
    width: 29px;
    height: 29px;
    place-items: center;
    border: 1px solid var(--bk-pd-border);
    color: var(--bk-pd-dark-green);
    font-size: 15px;
    transition: color 0.25s ease, background 0.25s ease;
}

.bk-project-gallery-card:hover .bk-project-gallery-card-arrow {
    border-color: var(--bk-pd-dark-green);
    color: #FFFFFF;
    background: var(--bk-pd-dark-green);
}


/* =========================================================
   GALLERY EMPTY STATE
========================================================= */

.bk-project-gallery-empty {
    padding: 50px 25px;
    border: 1px dashed #C9D8CB;
    background: var(--bk-pd-light);
    text-align: center;
}

    .bk-project-gallery-empty h3 {
        margin-bottom: 10px;
        color: var(--bk-pd-deep-green);
        font-size: 23px;
        font-weight: 800;
    }

    .bk-project-gallery-empty p {
        margin-bottom: 0;
        color: var(--bk-muted) !important;
        font-size: 14px;
    }


/* =========================================================
   05. NOT FOUND
========================================================= */

.bk-project-not-found-section {
    padding: 65px 0;
}

.bk-project-not-found {
    max-width: 650px;
    margin: 0 auto;
    padding: 60px 25px;
    border: 1px solid var(--bk-pd-border);
    text-align: center;
}

.bk-project-not-found-icon {
    display: grid;
    width: 54px;
    height: 54px;
    margin: 0 auto 22px;
    place-items: center;
    border: 1px solid #F2D8C4;
    color: var(--bk-pd-orange);
    font-family: "Manrope", sans-serif;
    font-size: 25px;
    font-weight: 800;
}

.bk-project-not-found h2 {
    margin-bottom: 12px;
    color: var(--bk-pd-deep-green);
    font-size: 30px;
}

.bk-project-not-found p {
    margin-bottom: 25px;
    color: var(--bk-pd-muted);
    font-size: 15px;
}

.bk-project-not-found > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 23px;
    color: #FFFFFF;
    background: var(--bk-pd-deep-green);
    font-size: 13px;
    font-weight: 700;
    transition: background 0.25s ease;
}

    .bk-project-not-found > a:hover {
        background: var(--bk-pd-dark-green);
    }


/* =========================================================
   06. LIGHTBOX
========================================================= */

.bk-project-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 75px 100px 65px;
    overflow: hidden;
    background: rgba(5, 14, 8, 0.97);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

    .bk-project-lightbox.is-active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

body.bk-lightbox-open {
    overflow: hidden;
}

.bk-project-lightbox-close {
    position: absolute;
    top: 22px;
    right: 28px;
    z-index: 5;
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.06);
    cursor: pointer;
    font-size: 31px;
    font-weight: 300;
    line-height: 1;
    transition: color 0.25s ease, background 0.25s ease;
}

    .bk-project-lightbox-close:hover {
        border-color: var(--bk-pd-orange);
        color: #FFFFFF;
        background: var(--bk-pd-orange);
    }

.bk-project-lightbox-toolbar {
    position: absolute;
    top: 25px;
    left: 30px;
    right: 95px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.bk-project-lightbox-counter {
    display: flex;
    align-items: center;
    gap: 9px;
    color: rgba(255, 255, 255, 0.62);
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.bk-lightbox-current {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 800;
}

.bk-lightbox-counter-separator {
    color: var(--bk-pd-orange);
}

.bk-project-lightbox-play {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.06);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    transition: border-color 0.25s ease, background 0.25s ease;
}

    .bk-project-lightbox-play:hover,
    .bk-project-lightbox-play[aria-pressed="true"] {
        border-color: var(--bk-pd-green);
        background: rgba(60, 180, 74, 0.18);
    }

.bk-lightbox-play-icon {
    color: #A6E6AC;
    font-size: 12px;
}

.bk-project-lightbox-stage {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 0;
}

.bk-project-lightbox-image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
}

.bk-project-lightbox-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 45px 20px 16px;
    color: #FFFFFF;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    pointer-events: none;
}

.bk-project-lightbox-prev,
.bk-project-lightbox-next {
    position: absolute;
    top: 50%;
    z-index: 4;
    display: grid;
    width: 52px;
    height: 64px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.07);
    cursor: pointer;
    font-size: 42px;
    font-weight: 300;
    line-height: 1;
    transform: translateY(-50%);
    transition: border-color 0.25s ease, background 0.25s ease;
}

.bk-project-lightbox-prev {
    left: 27px;
}

.bk-project-lightbox-next {
    right: 27px;
}

    .bk-project-lightbox-prev:hover,
    .bk-project-lightbox-next:hover {
        border-color: var(--bk-pd-orange);
        background: var(--bk-pd-orange);
    }

.bk-project-lightbox button:focus-visible,
.bk-project-gallery-card:focus-visible,
.bk-project-main-image-button:focus-visible {
    outline: 3px solid var(--bk-pd-orange);
    outline-offset: 4px;
}


/* =========================================================
   07. RESPONSIVE - TABLET
========================================================= */

@media (max-width: 1100px) {

    .bk-project-hero {
        min-height: 480px;
    }

    .bk-project-hero-content {
        grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
        gap: 35px;
    }

    .bk-project-overview-grid {
        grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
        gap: 25px;
    }

    .bk-project-highlights-card {
        padding: 28px 25px;
    }

    .bk-project-main-image-button,
    .bk-project-main-image {
        min-height: 380px;
    }

    .bk-project-description-layout {
        gap: 40px;
    }

    .bk-project-gallery-grid {
        gap: 24px 18px;
    }

    .bk-project-lightbox {
        padding-right: 80px;
        padding-left: 80px;
    }
}


/* =========================================================
   08. RESPONSIVE - TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 850px) {

    .bk-project-details-page .bk-container {
        width: min(100% - 36px, 720px);
    }

    .bk-project-hero {
        min-height: auto;
        padding: 36px 0 45px;
    }

    .bk-project-breadcrumb {
        margin-bottom: 38px;
    }

    .bk-project-hero-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .bk-project-hero-title {
        max-width: 700px;
        font-size: clamp(34px, 6vw, 48px);
    }

    .bk-project-hero-highlights {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-top: 1px solid rgba(255, 255, 255, 0.25);
    }

    .bk-project-hero-highlight {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        gap: 7px;
        padding: 15px 14px 15px 0;
    }

        .bk-project-hero-highlight:nth-child(odd) {
            border-right: 1px solid rgba(255, 255, 255, 0.2);
        }

        .bk-project-hero-highlight:nth-child(even) {
            padding-left: 16px;
        }

        .bk-project-hero-highlight strong {
            text-align: left;
        }

    .bk-project-overview-section {
        padding: 60px 0;
    }

    .bk-project-overview-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .bk-project-main-image-button,
    .bk-project-main-image {
        min-height: 0;
        height: auto;
        aspect-ratio: 16 / 10;
    }

    .bk-project-highlights-card {
        padding: 30px;
    }

    .bk-project-description-section {
        padding: 60px 0;
    }

    .bk-project-description-layout {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .bk-project-description-heading h2 {
        max-width: 100%;
    }

    .bk-project-description-content {
        padding-left: 23px;
    }

    .bk-project-gallery-section {
        padding: 65px 0 75px;
    }

    .bk-project-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px 18px;
    }

    .bk-project-lightbox {
        padding: 85px 65px 55px;
    }

    .bk-project-lightbox-prev {
        left: 12px;
    }

    .bk-project-lightbox-next {
        right: 12px;
    }

    .bk-project-lightbox-prev,
    .bk-project-lightbox-next {
        width: 43px;
        height: 55px;
    }
}


/* =========================================================
   09. RESPONSIVE - MOBILE
========================================================= */

@media (max-width: 520px) {

    .bk-project-details-page .bk-container {
        width: calc(100% - 30px);
    }

    .bk-project-hero {
        padding: 28px 0 34px;
    }

    .bk-project-breadcrumb {
        gap: 7px;
        margin-bottom: 30px;
        font-size: 11px;
    }

    .bk-breadcrumb-current {
        max-width: 150px;
    }

    .bk-project-hero-eyebrow,
    .bk-project-section-eyebrow {
        margin-bottom: 13px;
        font-size: 16px;
        letter-spacing: 0.13em;
    }

    .bk-project-hero-title {
        margin-bottom: 15px;
        font-size: clamp(30px, 8vw, 39px);
        line-height: 1.15;
    }

    .bk-project-hero-description {
        font-size: 14px;
        line-height: 1.75;
    }

    .bk-project-hero-content {
        gap: 25px;
    }

    .bk-project-highlight-label {
        font-size: 9px;
        line-height: 1.5;
    }

    .bk-project-hero-highlight strong {
        font-size: 13px;
        line-height: 1.5;
    }

    .bk-project-overview-section {
        padding: 42px 0 48px;
    }

    .bk-project-main-image-button,
    .bk-project-main-image {
        aspect-ratio: 4 / 3;
    }

    .bk-project-image-zoom-icon {
        right: 12px;
        bottom: 12px;
        width: 39px;
        height: 39px;
        font-size: 21px;
    }

    .bk-project-highlights-card {
        padding: 25px 20px;
    }

    .bk-project-highlights-title {
        font-size: 27px;
    }

    .bk-project-highlight-item {
        gap: 12px;
        padding: 16px 0;
    }

    .bk-project-detail-icon {
        flex-basis: 35px;
        width: 35px;
        height: 35px;
        font-size: 18px;
    }

    .bk-project-highlight-item strong {
        font-size: 13px;
    }

    .bk-project-highlights-cta {
        padding: 15px;
        font-size: 12px;
    }

    .bk-project-description-section {
        padding: 45px 0;
    }

    .bk-project-description-heading h2 {
        font-size: 31px;
    }

    .bk-project-description-content {
        padding-left: 17px;
    }

    .bk-project-description,
    .bk-project-description p,
    .bk-project-description li {
        font-size: 14px;
        line-height: 1.85;
    }

    .bk-project-gallery-section {
        padding: 48px 0 55px;
    }

    .bk-project-gallery-heading {
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 25px;
        padding-bottom: 22px;
    }

        .bk-project-gallery-heading h2 {
            margin-bottom: 10px;
            font-size: 30px;
        }

        .bk-project-gallery-heading p {
            font-size: 15px;
            line-height: 1.7;
            color:var(--bk-muted);
        }

    .bk-project-gallery-count {
        gap: 4px;
        font-size: 10px;
    }

    .bk-project-gallery-count-number {
        font-size: 24px;
    }

    .bk-project-gallery-grid {
        gap: 16px 12px;
    }

    .bk-project-gallery-card-caption {
        min-height: 55px;
        gap: 7px;
        padding: 11px 10px;
    }

    .bk-project-gallery-card-title {
        font-size: 11px;
        line-height: 1.5;
    }

    .bk-project-gallery-card-arrow {
        flex-basis: 25px;
        width: 25px;
        height: 25px;
        font-size: 13px;
    }

    .bk-project-gallery-zoom {
        right: 8px;
        bottom: 8px;
        width: 32px;
        height: 32px;
        font-size: 18px;
        opacity: 1;
        transform: none;
    }

    .bk-project-not-found {
        padding: 42px 18px;
    }

        .bk-project-not-found h2 {
            font-size: 26px;
        }

    .bk-project-lightbox {
        padding: 90px 42px 45px;
    }

    .bk-project-lightbox-toolbar {
        top: 16px;
        right: 63px;
        left: 15px;
        gap: 8px;
    }

    .bk-project-lightbox-close {
        top: 13px;
        right: 13px;
        width: 39px;
        height: 39px;
        font-size: 27px;
    }

    .bk-project-lightbox-play {
        min-height: 36px;
        gap: 7px;
        padding: 0 9px;
        font-size: 10px;
    }

    .bk-project-lightbox-counter {
        gap: 5px;
        font-size: 12px;
    }

    .bk-lightbox-current {
        font-size: 15px;
    }

    .bk-project-lightbox-prev,
    .bk-project-lightbox-next {
        top: 48%;
        width: 32px;
        height: 45px;
        font-size: 32px;
    }

    .bk-project-lightbox-prev {
        left: 5px;
    }

    .bk-project-lightbox-next {
        right: 5px;
    }

    .bk-project-lightbox-caption {
        padding: 35px 8px 10px;
        font-size: 11px;
    }
}


/* =========================================================
   10. ACCESSIBILITY / REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .bk-project-details-page *,
    .bk-project-details-page *::before,
    .bk-project-details-page *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* =========================================================
   BHUMI KA SOLAR - LOCATIONS PAGE
   File: locations.css
========================================================= */

.bk-locations-page {
    --loc-orange: var(--bk-orange, #F58220);
    --loc-green: var(--bk-green, #3CB44A);
    --loc-dark: var(--bk-deep-green, #0B4A29);
    --loc-text: var(--bk-text, #18221C);
    --loc-muted: #5D665F;
    --loc-border: rgba(24, 34, 28, .12);
    --loc-light: #F5F7F6;
    color: var(--loc-text);
    background: #FFFFFF;
    overflow: clip;
}

    .bk-locations-page *,
    .bk-locations-page *::before,
    .bk-locations-page *::after {
        box-sizing: border-box;
    }

    .bk-locations-page p {
        font-size: 15px;
        line-height: 1.85;
        color: var(--bk-muted);
    }

    .bk-locations-page h1,
    .bk-locations-page h2,
    .bk-locations-page h3 {
        font-family: "Manrope", sans-serif;
        font-weight: 800;
        line-height: 1.2;
    }

    .bk-locations-page a {
        text-decoration: none;
    }

    .bk-locations-page .bk-container {
        width: min(1320px, calc(100% - 48px));
        margin-inline: auto;
    }

    .bk-locations-page .bk-section {
        padding: 85px 0;
    }


    /* =========================================================
   HERO
========================================================= */

    .bk-locations-page .bk-page-hero {
        position: relative;
        display: flex;
        align-items: center;
        isolation: isolate;
        overflow: hidden;
        background: var(--loc-dark);
    }

    .bk-locations-page .bk-page-hero-bg,
    .bk-locations-page .bk-page-hero-overlay {
        position: absolute;
        inset: 0;
        z-index: -1;
    }

        .bk-locations-page .bk-page-hero-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .bk-locations-page .bk-page-hero-overlay {
        background: linear-gradient( 90deg, rgba(6, 39, 21, .95) 0%, rgba(6, 39, 21, .78) 52%, rgba(6, 39, 21, .30) 100% );
    }

    .bk-locations-page .bk-page-hero-content {
        position: relative;
        z-index: 2;
        max-width: 850px;
    }

    .bk-locations-page .bk-page-hero-kicker {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 22px;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 2px;
    }

        .bk-locations-page .bk-page-hero-kicker span {
            width: 35px;
            height: 2px;
            background: var(--loc-orange);
        }

    .bk-locations-page .bk-page-hero h1 {
        margin: 0 0 22px;
        color: #FFFFFF;
        font-size: clamp(36px, 4.5vw, 62px);
        letter-spacing: -1.5px;
    }

        .bk-locations-page .bk-page-hero h1 span {
            display: block;
            color: var(--loc-green);
        }

    .bk-locations-page .bk-page-hero-content > p {
        max-width: 730px;
        margin-bottom: 24px;
        color: rgba(255, 255, 255, .85);
    }

    .bk-locations-page .bk-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        margin-top: 28px;
        color: rgba(255, 255, 255, .78);
        font-size: 13px;
    }

        .bk-locations-page .bk-breadcrumb a {
            color: #FFFFFF;
        }

            .bk-locations-page .bk-breadcrumb a:hover {
                color: #FFB66D;
            }

        .bk-locations-page .bk-breadcrumb i {
            color: var(--loc-orange);
            font-size: 10px;
        }

    .bk-locations-page .bk-page-hero-scroll {
        position: absolute;
        right: max(24px, calc((100% - 1320px) / 2));
        bottom: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        color: #FFFFFF;
        border: 1px solid rgba(255, 255, 255, .5);
        transition: .3s ease;
    }

        .bk-locations-page .bk-page-hero-scroll:hover {
            background: var(--loc-orange);
            border-color: var(--loc-orange);
        }


    /* =========================================================
   BUTTONS
========================================================= */

    .bk-locations-page .bk-locations-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 25px;
    }

    .bk-locations-page .bk-location-btn {
        min-height: 49px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 11px;
        padding: 13px 22px;
        border: 1px solid transparent;
        border-radius: 4px;
        font-size: 15px;
        font-weight: 700;
        transition: .3s ease;
    }

    .bk-locations-page .bk-location-btn-primary {
        color: #FFFFFF;
        background: var(--loc-orange);
        border-color: var(--loc-orange);
    }

        .bk-locations-page .bk-location-btn-primary:hover {
            color: #FFFFFF;
            background: #D96A12;
            border-color: #D96A12;
            transform: translateY(-2px);
        }

    .bk-locations-page .bk-location-btn-outline {
        color: #FFFFFF;
        background: transparent;
        border-color: rgba(255, 255, 255, .65);
    }

        .bk-locations-page .bk-location-btn-outline:hover {
            color: var(--loc-dark);
            background: #FFFFFF;
        }


    /* =========================================================
   INTRODUCTION
========================================================= */

    .bk-locations-page .bk-locations-intro {
        background: #FFFFFF;
    }

    .bk-locations-page .bk-locations-intro-grid {
        display: grid;
        grid-template-columns: .9fr 1.1fr;
        align-items: center;
        gap: 70px;
    }

    .bk-locations-page .bk-locations-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        color: var(--loc-dark);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.7px;
        text-transform: uppercase;
    }

        .bk-locations-page .bk-locations-eyebrow::before {
            content: "";
            width: 27px;
            height: 2px;
            background: var(--loc-orange);
        }

    .bk-locations-page .bk-locations-intro h2,
    .bk-locations-page .bk-locations-section-heading h2 {
        margin: 0;
        color: var(--loc-dark);
        font-size: clamp(32px, 3.5vw, 46px);
        letter-spacing: -1px;
    }

        .bk-locations-page .bk-locations-intro h2 span,
        .bk-locations-page .bk-locations-section-heading h2 span {
            color: var(--loc-green);
        }

    .bk-locations-page .bk-locations-intro-text p:last-child {
        margin-bottom: 0;
    }


    /* =========================================================
   LOCATION LIST AND GRID
========================================================= */

    .bk-locations-page .bk-locations-list {
        background: var(--loc-light);
    }

    .bk-locations-page .bk-locations-section-heading {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 35px;
        margin-bottom: 40px;
    }

        .bk-locations-page .bk-locations-section-heading > p {
            max-width: 420px;
            margin: 0;
        }

    .bk-locations-page .bk-location-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 25px;
    }


    /* =========================================================
   LOCATION CARD
========================================================= */

    .bk-locations-page .bk-location-card {
        position: relative;
        display: block;
        width: 100%;
        height: 321px;
        min-width: 0;
        overflow: hidden;
        background: var(--loc-dark);
        box-shadow: 0 18px 45px rgba(11, 74, 41, .09);
        transition: transform .45s cubic-bezier(.2, .65, .3, 1), box-shadow .45s ease;
    }

        .bk-locations-page .bk-location-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 25px 55px rgba(11, 74, 41, .16);
        }

    .bk-locations-page .bk-location-image {
        position: absolute;
        inset: 0;
        overflow: hidden;
    }

        .bk-locations-page .bk-location-image img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .8s cubic-bezier(.2, .65, .3, 1);
        }

    .bk-locations-page .bk-location-card:hover .bk-location-image img {
        transform: scale(1.07);
    }

    .bk-locations-page .bk-location-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient( 180deg, rgba(11, 74, 41, .05) 0%, rgba(11, 74, 41, .15) 35%, rgba(11, 74, 41, .93) 100% );
        transition: background .4s ease;
    }

    .bk-locations-page .bk-location-card:hover .bk-location-overlay {
        background: linear-gradient( 180deg, rgba(11, 74, 41, .08) 0%, rgba(11, 74, 41, .23) 35%, rgba(11, 74, 41, .97) 100% );
    }

    .bk-locations-page .bk-location-content {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        padding: 25px 25px 27px;
    }

    .bk-locations-page .bk-location-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .bk-locations-page .bk-location-number {
        color: rgba(255, 255, 255, .8);
        font-family: "Manrope", sans-serif;
        font-size: 15px;
        font-weight: 800;
        letter-spacing: 1.5px;
    }

    .bk-locations-page .bk-location-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border: 1px solid rgba(245, 130, 32, .55);
        border-radius: 50%;
        background: rgba(11, 74, 41, .35);
        color: var(--loc-orange);
        font-size: 16px;
        backdrop-filter: blur(8px);
        transition: .3s ease;
    }

    .bk-locations-page .bk-location-card:hover .bk-location-icon {
        background: var(--loc-orange);
        color: #FFFFFF;
        transform: rotate(6deg);
    }

    .bk-locations-page .bk-location-bottom {
        position: relative;
    }

    .bk-locations-page .bk-location-state {
        display: block;
        margin-bottom: 8px;
        color: var(--loc-orange);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1.8px;
        text-transform: uppercase;
    }

    .bk-locations-page .bk-location-bottom h3 {
        margin: 0 0 20px;
        color: #FFFFFF;
        font-size: 32px;
        line-height: 1.1;
    }

    .bk-locations-page .bk-location-link {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 800;
        transition: gap .3s ease;
    }

        .bk-locations-page .bk-location-link i {
            color: var(--loc-orange);
        }

    .bk-locations-page .bk-location-card:hover .bk-location-link {
        gap: 14px;
    }


    /* =========================================================
   EMPTY STATE
========================================================= */

    .bk-locations-page .bk-locations-empty {
        padding: 55px 25px;
        text-align: center;
        background: #FFFFFF;
        border: 1px solid var(--loc-border);
    }

    .bk-locations-page .bk-locations-empty-icon {
        margin-bottom: 18px;
        color: var(--loc-orange);
        font-size: 34px;
    }

    .bk-locations-page .bk-locations-empty h3 {
        margin: 0 0 12px;
        color: var(--loc-dark);
        font-size: 25px;
    }

    .bk-locations-page .bk-locations-empty p {
        max-width: 540px;
        margin: 0 auto 15px;
    }


    /* =========================================================
   FINAL CTA
========================================================= */

    .bk-locations-page .bk-locations-cta {
        padding: 75px 0;
        color: #FFFFFF;
        background: var(--loc-dark);
    }

    .bk-locations-page .bk-locations-cta-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 45px;
    }

    .bk-locations-page .bk-locations-cta-content {
        max-width: 760px;
    }

        .bk-locations-page .bk-locations-cta-content .bk-locations-eyebrow {
            color: #FFFFFF;
        }

        .bk-locations-page .bk-locations-cta-content h2 {
            margin: 0 0 18px;
            color: #FFFFFF;
            font-size: clamp(30px, 3.4vw, 46px);
            letter-spacing: -1px;
        }

            .bk-locations-page .bk-locations-cta-content h2 span {
                color: var(--loc-orange);
            }

        .bk-locations-page .bk-locations-cta-content p {
            margin: 0;
            color: rgba(255, 255, 255, .82);
        }

    .bk-locations-page .bk-locations-cta-actions {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 17px;
        flex: 0 0 auto;
    }

    .bk-locations-page .bk-location-btn-light {
        color: var(--loc-dark);
        background: #FFFFFF;
        border-color: #FFFFFF;
    }

        .bk-locations-page .bk-location-btn-light:hover {
            color: #FFFFFF;
            background: var(--loc-orange);
            border-color: var(--loc-orange);
        }

    .bk-locations-page .bk-locations-phone {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        color: #FFFFFF;
        font-size: 21px;
        font-weight: 700;
    }

        .bk-locations-page .bk-locations-phone > i {
            color: #FFB66D;
            font-size: 20px;
        }

        .bk-locations-page .bk-locations-phone small {
            display: block;
            margin-bottom: 4px;
            color: rgba(255, 255, 255, .7);
            font-size: 12px;
            font-weight: 500;
        }

        .bk-locations-page .bk-locations-phone:hover {
            color: #FFB66D;
        }


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1100px) {
    .bk-locations-page .bk-location-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-locations-page .bk-locations-intro-grid {
        gap: 40px;
    }
}

@media (max-width: 767px) {
    .bk-locations-page .bk-container {
        width: calc(100% - 32px);
    }

    .bk-locations-page .bk-section {
        padding: 58px 0;
    }

    .bk-locations-page .bk-page-hero {
        min-height: 500px;
    }

    .bk-locations-page .bk-page-hero-content {
        padding: 70px 0 85px;
    }

    .bk-locations-page .bk-page-hero h1 {
        font-size: clamp(34px, 8vw, 46px);
        letter-spacing: -.8px;
    }

    .bk-locations-page .bk-page-hero-overlay {
        background: linear-gradient( 90deg, rgba(6, 39, 21, .94), rgba(6, 39, 21, .72) );
    }

    .bk-locations-page .bk-locations-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

        .bk-locations-page .bk-locations-hero-actions .bk-location-btn {
            width: 100%;
        }

    .bk-locations-page .bk-locations-intro-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .bk-locations-page .bk-locations-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .bk-locations-page .bk-location-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .bk-locations-page .bk-location-card {
        height: 320px;
    }

    .bk-locations-page .bk-locations-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .bk-locations-page .bk-locations-cta-actions {
        width: 100%;
    }

        .bk-locations-page .bk-locations-cta-actions .bk-location-btn {
            width: 100%;
        }

    .bk-locations-page .bk-page-hero-scroll {
        right: 16px;
        bottom: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bk-locations-page *,
    .bk-locations-page *::before,
    .bk-locations-page *::after {
        transition-duration: .01ms !important;
    }
}
/* =========================================================
   LOCATION DETAILS SEO PAGE
   File: bhumika-custom.css
========================================================= */

.bk-location-detail-page {
    --bk-location-green: var(--bk-green, #3CB44A);
    --bk-location-dark: var(--bk-dark-green, #126B35);
    --bk-location-deep: var(--bk-deep-green, #0B4A29);
    --bk-location-orange: var(--bk-orange, #F58220);
    --bk-location-text: var(--bk-text, #18221C);
    --bk-location-muted: #66736B;
    --bk-location-light: #F4FAF5;
    --bk-location-border: #DDE7DF;
    overflow: hidden;
    color: var(--bk-location-text);
    background: #fff;
    font-family: "DM Sans", sans-serif;
}

    .bk-location-detail-page *,
    .bk-location-detail-page *::before,
    .bk-location-detail-page *::after {
        box-sizing: border-box;
    }

    .bk-location-detail-page img {
        display: block;
        max-width: 100%;
    }

    .bk-location-detail-page h1,
    .bk-location-detail-page h2,
    .bk-location-detail-page h3 {
        font-family: "Manrope", sans-serif;
    }

    .bk-location-detail-page p {
        font-size: 15px;
        line-height: 1.85;
    }

    .bk-location-detail-page a {
        text-decoration: none;
    }

    .bk-location-detail-page .bk-container {
        width: min(100% - 48px, 1240px);
        margin-inline: auto;
    }

    .bk-location-detail-page .bk-section {
        padding: 90px 0;
    }

    .bk-location-detail-page h2 {
        margin: 0;
        font-size: clamp(29px, 3.1vw, 43px);
        line-height: 1.22;
        letter-spacing: -1.2px;
        font-weight: 750;
        color: var(--bk-deep-green);
    }

        .bk-location-detail-page h2 span,
        .bk-location-detail-page h1 span {
            color: var(--bk-location-orange);
        }

    .bk-location-detail-page p {
        margin-top: 15px;
        margin-bottom: 0;
        color: var(--bk-muted);
    }

/* =========================================================
   HERO SECTION
========================================================= */

.bk-location-detail-hero {
    position: relative;
    isolation: isolate;
    min-height: 650px;
    display: flex;
    align-items: center;
    padding: 76px 0 84px;
    background: var(--bk-location-deep);
    color: #fff;
}

.bk-location-detail-hero-bg,
.bk-location-detail-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -2;
}

    .bk-location-detail-hero-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.bk-location-detail-hero-overlay {
    z-index: -1;
    background: linear-gradient(90deg, rgba(5, 40, 22, .96) 0%, rgba(7, 53, 28, .90) 43%, rgba(8, 53, 29, .76) 100%);
}

.bk-location-detail-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr);
    align-items: center;
    gap: 65px;
}

.bk-location-detail-hero-content {
    max-width: 700px;
    padding: 10px 0;
}

.bk-location-detail-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 11px;
    margin-bottom: 35px;
    color: rgba(255, 255, 255, .75);
    font-size: 12px;
}

    .bk-location-detail-breadcrumb a {
        color: rgba(255, 255, 255, .78);
        transition: color .25s ease;
    }

        .bk-location-detail-breadcrumb a:hover {
            color: var(--bk-location-orange);
        }

    .bk-location-detail-breadcrumb i {
        font-size: 10px;
        color: var(--bk-location-orange);
    }

    .bk-location-detail-breadcrumb span {
        color: #fff;
    }

.bk-location-detail-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

    .bk-location-detail-eyebrow i {
        color: var(--bk-location-orange);
        font-size: 17px;
    }

.bk-location-detail-hero h1 {
    max-width: 720px;
    margin: 0;
    color: #fff;
    font-size: clamp(37px, 4.5vw, 59px);
    line-height: 1.14;
    letter-spacing: -2px;
    font-weight: 800;
}

.bk-location-detail-hero-content > p {
    max-width: 650px;
    margin-top: 23px;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 1.9;
}
.mblog-detail-hero-content .bk-blogs-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}
.mblog-detail-hero-content .bk-blogs-btn {
    min-height: 49px;
    padding: 0 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 700;
    border-radius: 6px;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

/* Primary button */

.mblog-detail-hero-content .bk-blogs-btn-primary {
    color: #ffffff;
    background: var(--bk-orange, #3CB44A);
    border-color: var(--bk-orange, #3CB44A);
}

    .mblog-detail-hero-content .bk-blogs-btn-primary:hover {
        color: #ffffff;
        background: var(--bk-dark-green, #126B35);
        border-color: var(--bk-dark-green, #126B35);
    }

    .mblog-detail-hero-content .bk-blogs-btn-primary i {
        font-size: 16px;
    }

/* Outline button */

.mblog-detail-hero-content .bk-blogs-btn-outline {
    color: #ffffff;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.55);
}

    .mblog-detail-hero-content .bk-blogs-btn-outline:hover {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.12);
        border-color: #ffffff;
    }
.bk-location-detail-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 32px;
}

.bk-location-detail-btn {
    min-height: 52px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 14px 21px;
    border: 1px solid var(--bk-location-orange);
    background: var(--bk-location-orange);
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    transition: background .25s ease, border-color .25s ease;
    border-radius:6px;
}

    .bk-location-detail-btn i {
        font-size: 17px;
        transition: transform .25s ease;
    }

    .bk-location-detail-btn:hover {
        background: #DB6C10;
        border-color: #DB6C10;
    }

        .bk-location-detail-btn:hover i {
            transform: translate(3px, -3px);
        }

.bk-location-detail-text-link {
    min-height: 52px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 14px 21px;
    border: 1px solid var(--bk-white);
    background: none;
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    border-radius: 6px;
    transition: background .25s ease, border-color .25s ease;
}

    .bk-location-detail-text-link:hover {
        background: #fff;
        border-color: #fff;
        color:#F58220 !important;
    }

.bk-location-detail-hero-note {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 29px;
    color: rgba(255, 255, 255, .83);
    font-size: 16px;
}

    .bk-location-detail-hero-note i {
        color: var(--bk-location-green);
        font-size: 17px;
    }

.bk-location-detail-hero-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px;
    background: linear-gradient( 90deg, var(--bk-location-orange) 0 25%, var(--bk-location-green) 25% 100% );
}

/* =========================================================
   HERO ENQUIRY PANEL
========================================================= */

.bk-location-detail-enquiry {
    padding: 32px;
    background: #fff;
    color: var(--bk-location-text);
    border-top: 4px solid var(--bk-location-orange);
    box-shadow: 0 22px 65px rgba(0, 0, 0, .2);
}

.bk-location-detail-enquiry-heading > span {
    color: var(--bk-location-dark);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.bk-location-detail-enquiry-heading h2 {
    margin-top: 13px;
    font-size: 32px;
    line-height: 1.3;
    letter-spacing: -.6px;
    color:var(--bk-deep-green);
}
.bk-location-detail-enquiry-heading h2 span{
    color:#F58220;
}
    .bk-location-detail-enquiry-heading p {
    font-size: 15px;
    line-height: 1.8;
    color:var(--bk-muted);
}

.bk-location-detail-enquiry-location {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 27px;
    padding: 17px;
    background: var(--bk-location-light);
    border: 1px solid var(--bk-location-border);
}

    .bk-location-detail-enquiry-location > i {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 43px;
        width: 43px;
        height: 43px;
        background: var(--bk-location-dark);
        color: #fff;
        font-size: 19px;
    }

    .bk-location-detail-enquiry-location div {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .bk-location-detail-enquiry-location small {
        color: var(--bk-location-muted);
        font-size: 13px;
    }

    .bk-location-detail-enquiry-location strong {
        color: var(--bk-location-deep);
        font-family: "Manrope", sans-serif;
        font-size: 17px;
    }

.bk-location-detail-enquiry-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-top: 19px;
    padding: 17px 20px;
    background: var(--bk-location-dark);
    color: #fff !important;
    font-size: 15px;
    font-weight: 800;
    transition: background .25s ease;
}

    .bk-location-detail-enquiry-btn:hover {
        background: var(--bk-location-orange);
    }

    .bk-location-detail-enquiry-btn i {
        font-size: 18px;
    }

.bk-location-detail-enquiry-footer {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
    color: var(--bk-location-muted);
    font-size: 15px;
    line-height: 1.7;
}

    .bk-location-detail-enquiry-footer i {
        color: var(--bk-location-orange);
        font-size: 17px;
    }

/* =========================================================
   COMMON SECTION LABEL
========================================================= */

.bk-location-detail-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 17px;
    color: var(--bk-deep-green);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}
    .bk-location-detail-label::before {
        content: "";
        width: 27px;
        height: 2px;
        background: var(--bk-orange);
    }
.bk-location-detail-section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 45px;
    margin-bottom: 42px;
}

    .bk-location-detail-section-header > div {
        flex: 1;
    }

    .bk-location-detail-section-header > p {
        max-width: 400px;
        margin-top: 0;
    }

/* =========================================================
   INTRODUCTION
========================================================= */

.bk-location-detail-intro {
    background: #fff;
}

.bk-location-detail-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 85px;
    align-items: start;
}

.bk-location-detail-section-heading {
    position: relative;
    padding-left: 23px;
    border-left: 3px solid var(--bk-location-orange);
}

    .bk-location-detail-section-heading h2 {
        max-width: 490px;
    }

.bk-location-detail-intro-content p:first-child {
    margin-top: 0;
}

.bk-location-detail-intro-content p + p {
    margin-top: 17px;
}

/* =========================================================
   SOLAR SOLUTIONS CARDS
========================================================= */

.bk-location-detail-solutions {
    background: var(--bk-location-light);
}

.bk-location-detail-solution-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
}

.bk-location-detail-solution-card {
    min-width: 0;
    background: #fff;
    border: 1px solid var(--bk-location-border);
    transition: transform .3s ease, box-shadow .3s ease;
}

    .bk-location-detail-solution-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 16px 38px rgba(11, 74, 41, .11);
    }

.bk-location-detail-solution-image {
    position: relative;
    height: 285px;
    overflow: hidden;
    background: #DDE7DF;
}

    .bk-location-detail-solution-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .55s ease;
    }

.bk-location-detail-solution-card:hover
.bk-location-detail-solution-image img {
    transform: scale(1.055);
}

.bk-location-detail-solution-number {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 48px;
    padding: 0 14px;
    background: var(--bk-location-orange);
    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 800;
}

.bk-location-detail-solution-content {
    padding: 27px 25px 28px;
}

.bk-location-detail-solution-tag {
    display: inline-block;
    margin-bottom: 5px;
    color: var(--bk-orange);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.bk-location-detail-solution-content h3 {
    margin: 0;
    color: var(--bk-location-deep);
    font-size: 28px;
    line-height: 1.35;
    font-weight: 800;
}

.bk-location-detail-solution-content p {
    min-height: 110px;
    margin-top: 13px;
    font-size: 15px;
    line-height: 1.8;
    color:var(--bk-muted);
}

.bk-location-detail-solution-content > a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 22px;
    padding-top: 17px;
    border-top: 1px solid var(--bk-location-border);
    color: var(--bk-deep-green);
    font-size: 15px;
    font-weight: 800;
    transition: color .25s ease, gap .25s ease;
}

    .bk-location-detail-solution-content > a i {
        color: var(--bk-location-orange);
        font-size: 16px;
    }

    .bk-location-detail-solution-content > a:hover {
        gap: 17px;
        color: var(--bk-location-orange);
    }

/* =========================================================
   WHY CHOOSE US
========================================================= */

.bk-location-detail-why {
    background: #fff;
}

.bk-location-detail-why-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 90px;
    align-items: center;
}

.bk-location-detail-why-content > p {
    max-width: 540px;
}

.bk-location-detail-why-content > .bk-location-detail-btn {
    margin-top: 28px;
}

.bk-location-detail-why-list {
    border-top: 1px solid var(--bk-location-border);
}

.bk-location-detail-why-item {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 20px;
    padding: 26px 0;
    border-bottom: 1px solid var(--bk-location-border);
}

.bk-location-detail-why-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: var(--bk-location-light);
    border: 1px solid var(--bk-location-border);
    color: var(--bk-location-dark);
    font-size: 23px;
    transition: background .25s ease, color .25s ease;
}

.bk-location-detail-why-item:hover .bk-location-detail-why-icon {
    background: var(--bk-location-dark);
    color: #fff;
}

.bk-location-detail-why-item h3 {
    margin: 0;
    color: var(--bk-location-deep);
    font-size: 18px;
    line-height: 1.5;
    font-weight: 800;
}

.bk-location-detail-why-item p {
    margin-top: 7px;
    font-size: 14px;
    line-height: 1.8;
}

/* =========================================================
   SOLAR BENEFITS
========================================================= */

.bk-location-detail-benefits {
    background: #F5F7F6;
}

.bk-location-detail-benefit-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 38px;
}

.bk-location-detail-benefit-card {
    padding: 30px 23px;
    background: #fff;
    border: 1px solid #E0E7E2;
    border-top: 3px solid transparent;
    transition: border-color .25s ease, transform .25s ease;
}

    .bk-location-detail-benefit-card:hover {
        border-top-color: var(--bk-location-orange);
        transform: translateY(-4px);
    }

    .bk-location-detail-benefit-card > i {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        margin-bottom: 22px;
        background: #EAF5EC;
        color: var(--bk-location-dark);
        font-size: 24px;
    }

    .bk-location-detail-benefit-card h3 {
        margin: 0;
        color: var(--bk-location-deep);
        font-size: 18px;
        line-height: 1.5;
        font-weight: 800;
    }

    .bk-location-detail-benefit-card p {
        margin-top: 10px;
        font-size: 15px;
        line-height: 1.8;
    }

/* =========================================================
   INSTALLATION PROCESS
========================================================= */

.bk-location-detail-process {
    background: #fff;
}

.bk-location-detail-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--bk-location-border);
    border-bottom: 1px solid var(--bk-location-border);
}

.bk-location-detail-process-item {
    position: relative;
    padding: 32px 25px 35px;
    border-right: 1px solid var(--bk-location-border);
}

    .bk-location-detail-process-item:first-child {
        border-left: 1px solid var(--bk-location-border);
    }

    .bk-location-detail-process-item > span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 43px;
        height: 43px;
        margin-bottom: 23px;
        background: var(--bk-location-deep);
        color: #fff;
        font-family: "Manrope", sans-serif;
        font-size: 13px;
        font-weight: 800;
        transition: background .25s ease;
    }

    .bk-location-detail-process-item:hover > span {
        background: var(--bk-location-orange);
    }

    .bk-location-detail-process-item h3 {
        margin: 0;
        color: var(--bk-location-deep);
        font-size: 18px;
        line-height: 1.5;
        font-weight: 800;
    }

    .bk-location-detail-process-item p {
        margin-top: 10px;
        font-size: 15px;
        line-height: 1.8;
    }

/* =========================================================
   LOCAL SERVICE AREAS
========================================================= */

.bk-location-detail-areas {
    background: var(--bk-location-light);
}

.bk-location-detail-areas-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .85fr);
    gap: 65px;
    align-items: center;
}

    .bk-location-detail-areas-grid > div:first-child {
        max-width: 620px;
    }

.bk-location-detail-areas-note {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 20px;
    padding: 30px;
    background: #fff;
    border: 1px solid var(--bk-location-border);
    border-left: 4px solid var(--bk-location-orange);
}

    .bk-location-detail-areas-note > i {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        background: var(--bk-location-deep);
        color: #fff;
        font-size: 23px;
    }

    .bk-location-detail-areas-note h3 {
        margin: 0;
        color: var(--bk-location-deep);
        font-size: 19px;
        line-height: 1.5;
        font-weight: 800;
    }

    .bk-location-detail-areas-note p {
        font-size: 15px;
    }

    .bk-location-detail-areas-note a {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 17px;
        color: var(--bk-location-dark);
        font-size: 16px;
        font-weight: 800;
    }

        .bk-location-detail-areas-note a i {
            color: var(--bk-location-orange);
            transition: transform .25s ease;
        }

        .bk-location-detail-areas-note a:hover i {
            transform: translateX(4px);
        }

/* =========================================================
   FAQ SECTION
========================================================= */

.bk-location-detail-faq {
    background: #fff;
}

.bk-location-detail-faq-grid {
    display: grid;
    grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
    gap: 75px;
    align-items: start;
}

.bk-location-detail-faq-heading {
    position: sticky;
    top: 30px;
}

    .bk-location-detail-faq-heading > p {
        max-width: 420px;
    }

    .bk-location-detail-faq-heading > a {
        margin-top: 25px;
        color: var(--bk-location-dark);
    }

.bk-location-detail-faq-list {
    border-top: 1px solid var(--bk-location-border);
}

.bk-location-detail-faq-item {
    border-bottom: 1px solid var(--bk-location-border);
}

    .bk-location-detail-faq-item summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding: 23px 0;
        color: var(--bk-location-deep);
        font-family: "Manrope", sans-serif;
        font-size: 15px;
        font-weight: 750;
        line-height: 1.65;
        cursor: pointer;
        list-style: none;
    }

        .bk-location-detail-faq-item summary::-webkit-details-marker {
            display: none;
        }

        .bk-location-detail-faq-item summary::marker {
            content: "";
        }

        .bk-location-detail-faq-item summary i {
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 31px;
            width: 31px;
            height: 31px;
            border: 1px solid var(--bk-location-border);
            color: var(--bk-location-dark);
            font-size: 13px;
            transition: transform .25s ease, background .25s ease, color .25s ease;
        }

    .bk-location-detail-faq-item[open] summary i {
        transform: rotate(45deg);
        background: var(--bk-location-dark);
        border-color: var(--bk-location-dark);
        color: #fff;
    }

.bk-location-detail-faq-answer {
    padding: 0 40px 23px 0;
}

    .bk-location-detail-faq-answer p {
        margin: 0;
        font-size: 15px;
        line-height: 1.9;
    }

/* =========================================================
   FINAL CTA
========================================================= */

.bk-location-detail-cta {
    position: relative;
    overflow: hidden;
    padding: 65px 0;
    background: var(--bk-location-deep);
}

    .bk-location-detail-cta::after {
        position: absolute;
        top: -110px;
        right: -75px;
        width: 330px;
        height: 330px;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 50%;
        box-shadow: 0 0 0 35px rgba(255, 255, 255, .025), 0 0 0 70px rgba(255, 255, 255, .02);
        content: "";
        pointer-events: none;
    }

.bk-location-detail-cta-inner {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.bk-location-detail-cta-content {
    max-width: 770px;
}

    .bk-location-detail-cta-content > span {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        color: var(--bk-green);
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.7px;
        text-transform: uppercase;
    }

        .bk-location-detail-cta-content > span::before {
            content: "";
            width: 27px;
            height: 2px;
            background: var(--bk-orange);
        }

    .bk-location-detail-cta-content h2 {
        color: #fff;
    }

    .bk-location-detail-cta-content p {
        max-width: 650px;
        color: rgba(255, 255, 255, .78);
    }

.bk-location-detail-cta-action {
    flex-shrink: 0;
}

/* =========================================================
   RESPONSIVE: TABLETS
========================================================= */

@media (max-width: 1100px) {

    .bk-location-detail-page .bk-section {
        padding: 72px 0;
    }

    .bk-location-detail-hero-grid {
        grid-template-columns: minmax(0, 1.1fr) minmax(285px, .9fr);
        gap: 35px;
    }

    .bk-location-detail-hero h1 {
        font-size: clamp(35px, 4.5vw, 48px);
    }

    .bk-location-detail-enquiry {
        padding: 25px;
    }

    .bk-location-detail-intro-grid,
    .bk-location-detail-why-grid {
        gap: 45px;
    }

    .bk-location-detail-solution-grid {
        gap: 18px;
    }

    .bk-location-detail-solution-image {
        height: 215px;
    }

    .bk-location-detail-solution-content {
        padding: 23px 20px 25px;
    }

        .bk-location-detail-solution-content h3 {
            font-size: 21px;
        }

    .bk-location-detail-benefit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-location-detail-process-item {
        padding-inline: 18px;
    }

    .bk-location-detail-faq-grid {
        gap: 45px;
    }
}

/* =========================================================
   RESPONSIVE: TABLETS / SMALL LAPTOPS
========================================================= */

@media (max-width: 850px) {

    .bk-location-detail-page .bk-container {
        width: min(100% - 36px, 720px);
    }

    .bk-location-detail-hero {
        padding: 55px 0 65px;
    }

    .bk-location-detail-hero-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .bk-location-detail-hero-content {
        max-width: 700px;
    }

    .bk-location-detail-hero h1 {
        max-width: 650px;
        font-size: clamp(38px, 6vw, 53px);
    }

    .bk-location-detail-enquiry {
        width: 100%;
        max-width: 580px;
    }

    .bk-location-detail-intro-grid,
    .bk-location-detail-why-grid,
    .bk-location-detail-areas-grid,
    .bk-location-detail-faq-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .bk-location-detail-section-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 17px;
    }

        .bk-location-detail-section-header > p {
            max-width: 600px;
        }

    .bk-location-detail-solution-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-location-detail-solution-card:last-child {
        grid-column: 1 / -1;
    }

        .bk-location-detail-solution-card:last-child
        .bk-location-detail-solution-image {
            height: 280px;
        }

    .bk-location-detail-solution-content p {
        min-height: 0;
    }

    .bk-location-detail-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-location-detail-process-item:nth-child(3) {
        border-left: 1px solid var(--bk-location-border);
    }

    .bk-location-detail-process-item:nth-child(n+3) {
        border-top: 1px solid var(--bk-location-border);
    }

    .bk-location-detail-faq-heading {
        position: static;
    }

    .bk-location-detail-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
    }
}

/* =========================================================
   RESPONSIVE: MOBILE
========================================================= */

@media (max-width: 575px) {

    .bk-location-detail-page .bk-container {
        width: calc(100% - 30px);
    }

    .bk-location-detail-page .bk-section {
        padding: 55px 0;
    }

    .bk-location-detail-page h2 {
        font-size: 32px;
        letter-spacing: -.7px;
        color:var(--bk-deep-green);
    }

    .bk-location-detail-hero {
        min-height: 0;
        padding: 35px 0 45px;
    }

    .bk-location-detail-hero-overlay {
        background: rgba(5, 42, 23, .91);
    }

    .bk-location-detail-breadcrumb {
        gap: 8px;
        margin-bottom: 27px;
        font-size: 11px;
    }

    .bk-location-detail-eyebrow {
        gap: 8px;
        margin-bottom: 16px;
        font-size: 9px;
        letter-spacing: 1.2px;
    }

    .bk-location-detail-hero h1 {
        font-size: clamp(34px, 9vw, 43px);
        letter-spacing: -1.2px;
    }

    .bk-location-detail-hero-content > p {
        margin-top: 18px;
        font-size: 14px;
        line-height: 1.8;
    }

    .bk-location-detail-hero-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
        margin-top: 25px;
    }

    .bk-location-detail-btn {
        min-height: 49px;
        gap: 15px;
        padding: 13px 16px;
        font-size: 12px;
    }

    .bk-location-detail-hero-note {
        align-items: flex-start;
        margin-top: 23px;
        line-height: 1.7;
    }

    .bk-location-detail-enquiry {
        padding: 23px 20px;
    }

    .bk-location-detail-enquiry-heading h2 {
        font-size: 25px;
    }

    .bk-location-detail-enquiry-location {
        padding: 13px;
    }

    .bk-location-detail-intro-grid {
        gap: 25px;
    }

    .bk-location-detail-section-heading {
        padding-left: 17px;
    }

    .bk-location-detail-intro-content p {
        font-size: 14px;
    }

    .bk-location-detail-section-header {
        margin-bottom: 29px;
    }

    .bk-location-detail-solution-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .bk-location-detail-solution-card:last-child {
        grid-column: auto;
    }

        .bk-location-detail-solution-image,
        .bk-location-detail-solution-card:last-child
        .bk-location-detail-solution-image {
            height: 235px;
        }

    .bk-location-detail-solution-content {
        padding: 23px 21px 25px;
    }

        .bk-location-detail-solution-content h3 {
            font-size: 22px;
        }

        .bk-location-detail-solution-content p {
            font-size: 14px;
        }

    .bk-location-detail-why-item {
        grid-template-columns: 45px minmax(0, 1fr);
        gap: 14px;
        padding: 22px 0;
    }

    .bk-location-detail-why-icon {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .bk-location-detail-why-item h3 {
        font-size: 16px;
    }

    .bk-location-detail-benefit-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 27px;
    }

    .bk-location-detail-benefit-card {
        padding: 24px 21px;
    }

        .bk-location-detail-benefit-card > i {
            width: 46px;
            height: 46px;
            margin-bottom: 17px;
            font-size: 21px;
        }

    .bk-location-detail-process-grid {
        grid-template-columns: 1fr;
    }

    .bk-location-detail-process-item,
    .bk-location-detail-process-item:first-child,
    .bk-location-detail-process-item:nth-child(3) {
        padding: 25px 20px;
        border-right: 1px solid var(--bk-location-border);
        border-left: 1px solid var(--bk-location-border);
        border-top: 1px solid var(--bk-location-border);
    }

        .bk-location-detail-process-item:first-child {
            border-top: 0;
        }

        .bk-location-detail-process-item > span {
            margin-bottom: 16px;
        }

    .bk-location-detail-areas-note {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 14px;
        padding: 22px 17px;
    }

        .bk-location-detail-areas-note > i {
            width: 42px;
            height: 42px;
            font-size: 19px;
        }

        .bk-location-detail-areas-note h3 {
            font-size: 17px;
        }

    .bk-location-detail-faq-item summary {
        gap: 12px;
        padding: 19px 0;
        font-size: 14px;
    }

    .bk-location-detail-faq-answer {
        padding-right: 5px;
        padding-bottom: 20px;
    }

        .bk-location-detail-faq-answer p {
            font-size: 14px;
        }

    .bk-location-detail-cta {
        padding: 48px 0;
    }

    .bk-location-detail-cta-inner {
        gap: 25px;
    }

    .bk-location-detail-cta-content h2 {
        font-size: 29px;
    }

    .bk-location-detail-cta-content p {
        font-size: 14px;
    }
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .bk-location-detail-page *,
    .bk-location-detail-page *::before,
    .bk-location-detail-page *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* =========================================
   BLOG HERO
========================================= */

.mblog-hero {
    position: relative;
    padding: 80px 0;
    background-image: url("../../assets/img/breadcrumb-bg.jpg");
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.mblog-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(7, 20, 48, 0.96), rgba(7, 20, 48, 0.82), rgba(7, 20, 48, 0.70) );
}

.mblog-hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
}

.mblog-hero-small {
    display: inline-block;
    margin-bottom: 15px;
    color: #B88720;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.mblog-hero h1 {
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(38px, 5vw, 62px);
    line-height: 1.12;
    font-weight: 700;
}

.mblog-hero p {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 17px;
    line-height: 1.8;
}


/* =========================================
   BLOG LIST
========================================= */

.mblog-list {
    padding: 80px 0;
    background: #f7faff;
}

.mblog-section-title {
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

    .mblog-section-title > span {
        display: block;
        margin-bottom: 8px;
        color: #B88720;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .mblog-section-title h2 {
        margin: 0 0 15px;
        color: #071530;
        font-size: 38px;
        line-height: 1.2;
        font-weight: 700;
    }

    .mblog-section-title p {
        margin: 0;
        color: #68758a;
        font-size: 16px;
        line-height: 1.7;
    }


/* =========================================
   BLOG GRID
========================================= */

.mblog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}


/* =========================================
   BLOG CARD
========================================= */

.mblog-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e3e9f1;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(20, 45, 80, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

    .mblog-card:hover {
        transform: translateY(-6px);
        border-color: rgba(169, 201, 182, 0.35);
        box-shadow: 0 18px 40px rgba(20, 45, 80, 0.10);
    }


/* =========================================
   BLOG IMAGE
========================================= */

.mblog-image {
    position: relative;
    height: 245px;
    overflow: hidden;
    background: #edf2f7;
}

    .mblog-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

.mblog-card:hover .mblog-image img {
    transform: scale(1.04);
}


/* =========================================
   CATEGORY
========================================= */

.mblog-category {
    position: absolute;
    left: 18px;
    bottom: 18px;
    display: inline-flex;
    align-items: center;
    padding: 7px 13px;
    border-radius: 4px;
    background: #F58220;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
}


/* =========================================
   BLOG CONTENT
========================================= */

.mblog-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 23px 24px 25px;
}

.mblog-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    color: #02190b;
    font-size: 15px;
    font-weight: 600;
}
    .mblog-meta span i {
        color: var(--bk-orange);
    }
    .mblog-meta span:last-child {
        color: #6f8b7a;
        font-weight: 500;
    }

.mblog-content h3 {
    margin: 0 0 12px;
    color:#042a13;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 800;
}
.mblog-content h3 a:hover{
    color:var(--bk-dark-green);
}
    .mblog-content p {
    margin: 0 0 20px;
    color: var(--bk-muted);
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================
   READ ARTICLE
========================================= */
.bk-blogs-page .bk-blogs-card-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 9px;
    margin-top: auto;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--bk-orange);
    color: var(--bk-deep-green);
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    transition: gap 0.3s ease, color 0.3s ease;
}

    .bk-blogs-page .bk-project-card-link:hover {
        gap: 14px;
        color: var(--bk-dark-green);
    }
.mblog-read {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 8px;
    margin-top: auto;
    color: #071530;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.3s ease;
}

    .mblog-read i {
        font-size: 12px;
        transition: transform 0.3s ease;
    }

    .mblog-read:hover {
        color: #B88720;
    }

        .mblog-read:hover i {
            transform: translateX(4px);
        }


/* =========================================
   LOAD MORE
========================================= */

.mblog-load-more {
    margin-top: 45px;
    text-align: center;
}

.mblog-btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 27px;
    border: 1px solid #F58220;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    background: #F58220;
}

    .mblog-btn-outline:hover {
        background: var(--bk-deep-green);
        border: 1px solid var(--bk-deep-green);
        color: #fff;
    }


/* =========================================
   CTA
========================================= */

.mblog-cta {
    position: relative;
    padding: 90px 0;
    background: url("../../assets/img/breadcrumb-bg.jpg") center / cover no-repeat;
    overflow: hidden;
}

.mblog-cta-overlay {
    position: absolute;
    inset: 0;
    background: rgba(7, 21, 48, 0.94);
}

.mblog-cta-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: auto;
    text-align: center;
}

    .mblog-cta-content > span {
        display: block;
        margin-bottom: 10px;
        color: #B88720;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .mblog-cta-content h2 {
        margin: 0 0 15px;
        color: #fff;
        font-size: 40px;
        line-height: 1.2;
    }

    .mblog-cta-content p {
        max-width: 650px;
        margin: 0 auto 28px;
        color: rgba(255, 255, 255, 0.78);
        font-size: 16px;
        line-height: 1.7;
    }

.mblog-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 28px;
    border: 1px solid #B88720;
    border-radius: 5px;
    background: #B88720;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .mblog-btn:hover {
        background: transparent;
        color: #fff;
    }


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .mblog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 25px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .mblog-hero {
        padding: 65px 0;
    }

        .mblog-hero h1 {
            font-size: 36px;
        }

        .mblog-hero p {
            font-size: 15px;
        }


    .mblog-list {
        padding: 60px 0;
    }

    .mblog-section-title {
        margin-bottom: 35px;
    }

        .mblog-section-title h2 {
            font-size: 30px;
        }


    .mblog-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }


    .mblog-image {
        height: 230px;
    }


    .mblog-content {
        padding: 21px 20px 23px;
    }

        .mblog-content h3 {
            font-size: 20px;
        }


    .mblog-cta {
        padding: 65px 0;
    }

    .mblog-cta-content h2 {
        font-size: 30px;
    }
}
/* =========================================
   BLOG DETAIL HERO
========================================= */

.mblog-detail-hero {
    position: relative;
    padding: 75px 0;
    background-image: url("../../assets/images/hero-bg.jpg");
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.mblog-detail-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(7, 20, 48, 0.97), rgba(7, 20, 48, 0.86), rgba(7, 20, 48, 0.72) );
}

.mblog-detail-hero-content {
    position: relative;
    z-index: 2;
    max-width: 900px;
}

.mblog-detail-hero-small {
    display: inline-block;
    margin-bottom: 14px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
    .mblog-detail-hero-small span {
        display: inline-block;
        width: 28px;
        height: 2px;
        margin-right: 9px;
        background: var(--bk-orange);
        vertical-align: middle;
    }
    .mblog-detail-hero h1 {
    margin: 0 0 22px;
    color: #fff;
    font-size: clamp(36px, 3.5vw, 58px);
    line-height: 1.15;
    font-weight: 800;
}

.mblog-detail-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
}

    .mblog-detail-meta span {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: rgba(255, 255, 255, 0.78);
        font-size: 13px;
    }

    .mblog-detail-meta i {
        color: var(--bk-green);
    }

    .mblog-detail-meta > span i {
        font-size: 16px;
        line-height: 1;
    }

#readingTimeWrap {
    color: #ffffff;
}


/* =========================================
   MERCURIO BLOG - DIRECT ANSWER
========================================= */

.mblog-detail-direct-answer {
    margin: 0 0 35px;
    padding: 25px 28px;
    background: #fef9f4;
    border: 1px solid #f7dfc8;
    border-left: 4px solid #F58220;
    border-radius: 8px;
}

    .mblog-detail-direct-answer h2 {
        margin: 0 0 14px;
        color: #1d2b45;
        font-size: 24px;
        line-height: 1.4;
        font-weight: 700;
    }

.mblog-detail-direct-answer-text {
    color: var(--bk-muted);
    font-size: 16px;
    line-height: 1.85;
    overflow-wrap: anywhere;
}

    .mblog-detail-direct-answer-text br {
        display: block;
        content: "";
        margin-top: 5px;
    }


/* =========================================
   MERCURIO BLOG - KEY TAKEAWAYS
========================================= */

.mblog-detail-key-takeaways {
    margin: 35px 0;
    padding: 27px 30px;
    background: #fef9f4;
    border: 1px solid #f7dfc8;
    border-radius: 10px;
}

    .mblog-detail-key-takeaways h2 {
        position: relative;
        margin: 0 0 22px;
        padding-bottom: 14px;
        color: #1d2b45;
        font-size: 25px;
        line-height: 1.4;
        font-weight: 700;
    }

        .mblog-detail-key-takeaways h2::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 55px;
            height: 3px;
            background: #F58220;
            border-radius: 3px;
        }

    .mblog-detail-key-takeaways ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .mblog-detail-key-takeaways ul li {
            position: relative;
            margin: 0;
            padding: 0 0 15px 30px;
            color: #4a5568;
            font-size: 15px;
            line-height: 1.8;
            overflow-wrap: anywhere;
        }

            .mblog-detail-key-takeaways ul li:last-child {
                padding-bottom: 0;
            }

            .mblog-detail-key-takeaways ul li::before {
                content: "\f00c";
                position: absolute;
                top: 5px;
                left: 0;
                width: 19px;
                height: 19px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #F58220;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                font-size: 11px;
            }


/* =========================================
   RESPONSIVE - BLOG DETAIL CONTENT
========================================= */

@media (max-width: 767px) {

    .mblog-detail-meta {
        gap: 10px 16px;
    }

        .mblog-detail-meta > span {
            font-size: 13px;
        }

    .mblog-detail-direct-answer {
        margin-bottom: 25px;
        padding: 20px;
    }

        .mblog-detail-direct-answer h2 {
            font-size: 20px;
            margin-bottom: 10px;
        }

    .mblog-detail-direct-answer-text {
        font-size: 15px;
        line-height: 1.75;
    }

    .mblog-detail-key-takeaways {
        margin: 25px 0;
        padding: 22px 20px;
    }

        .mblog-detail-key-takeaways h2 {
            font-size: 21px;
            margin-bottom: 18px;
        }

        .mblog-detail-key-takeaways ul li {
            padding-left: 27px;
            padding-bottom: 13px;
            font-size: 14px;
            line-height: 1.75;
        }
}

/* =========================================
   MERCURIO BLOG DETAIL - BREADCRUMB
========================================= */

.mblog-breadcrumb {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 26px 0 0px 0px;
   
}

.mblog-breadcrumb-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .mblog-breadcrumb-list li {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0;
        padding: 0;
        color: #6b7280;
        font-size: 15px;
        line-height: 1.7;
        overflow-wrap: anywhere;
    }

        

        .mblog-breadcrumb-list li a {
            color: var(--bk-white);
            text-decoration: none;
            transition: color 0.2s ease;
        }

            .mblog-breadcrumb-list li a:hover {
                color: var(--bk-orange);
                text-decoration: none;
            }

        .mblog-breadcrumb-list li.mblog-breadcrumb-current {
            color: rgba(255, 255, 255, .72);
            font-weight: 600;
        }
    .mblog-breadcrumb-list i {
        color: var(--bk-orange);
        font-size: 15px;
    }

@media (max-width: 767px) {
    .mblog-breadcrumb {
        padding: 12px 0;
    }

    .mblog-breadcrumb-list {
        gap: 5px 7px;
    }

        .mblog-breadcrumb-list li {
            gap: 7px;
            font-size: 12px;
        }
}

/* =========================================
   MERCURIO BLOG - SOCIAL SHARING
========================================= */

.mblog-detail-share {
    margin: 0 42px 42px;
    padding: 24px;
    border-top: 1px solid #e6eaf0;
    border-bottom: 1px solid #e6eaf0;
}

    .mblog-detail-share h3 {
        margin: 0 0 17px;
        color: #1d2b45;
        font-size: 20px;
        font-weight: 700;
    }

.mblog-detail-share-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.mblog-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 42px;
    padding: 10px 15px;
    border: 1px solid #dfe5ed;
    border-radius: 6px;
    background: #ffffff;
    color: #344054;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

    .mblog-share-btn i {
        font-size: 16px;
    }

    .mblog-share-btn:hover {
        transform: translateY(-2px);
        text-decoration: none;
    }

.mblog-share-whatsapp:hover {
    color: #16864b;
    border-color: #16864b;
    background: #f0fbf5;
}

.mblog-share-facebook:hover {
    color: #1877f2;
    border-color: #1877f2;
    background: #f2f7ff;
}

.mblog-share-linkedin:hover {
    color: #0a66c2;
    border-color: #0a66c2;
    background: #f1f7fd;
}

.mblog-share-copy:hover {
    color: #032c13;
    border-color: #032c13;
    background: #f3f7fc;
}

.mblog-share-copy-message {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    color: #284b9b;
    font-size: 13px;
}

@media (max-width: 575px) {
    .mblog-detail-share {
        margin-top: 25px;
        padding: 20px 0;
    }

        .mblog-detail-share h3 {
            font-size: 18px;
        }

    .mblog-detail-share-buttons {
        gap: 8px;
    }

    .mblog-share-btn {
        min-height: 40px;
        padding: 9px 11px;
        font-size: 13px;
    }
}
/* =========================================
   MAIN ARTICLE
========================================= */

.mblog-detail {
    padding: 80px 0;
    background: #f7faff;
}

.mblog-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 45px;
    align-items: start;
}


/* =========================================
   ARTICLE
========================================= */

.mblog-detail-article {
    min-width: 0;
    background: #fff;
    border: 1px solid #e3e9f1;
    border-radius: 10px;
    overflow: hidden;
}

.mblog-detail-featured {
    width: 100%;
    height: 450px;
    overflow: hidden;
    background: #edf2f7;
}

    .mblog-detail-featured img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

.mblog-detail-content {
    padding: 38px 42px 40px;
}

    .mblog-detail-content p {
        margin: 0 0 20px;
        color: var(--bk-muted);
        font-size: 16px;
        line-height: 1.9;
    }

    .mblog-detail-content .mblog-detail-intro {
        margin-bottom: 30px;
        color: #273852;
        font-size: 19px;
        line-height: 1.8;
        font-weight: 500;
    }

    .mblog-detail-content h2 {
        margin: 0px 0 14px;
        color: var(--bk-muted);
        font-size: 28px;
        line-height: 1.35;
        font-weight: 800;
    }


/* =========================================
   HIGHLIGHT
========================================= */

.mblog-detail-highlight {
    margin: 32px 0;
    padding: 25px 28px;
    border-left: 4px solid #B88720;
    background: #f7f8fb;
}

    .mblog-detail-highlight span {
        display: block;
        color: #071530;
        font-size: 19px;
        line-height: 1.6;
        font-weight: 600;
    }


/* =========================================
   TAGS
========================================= */

.mblog-detail-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid #e6ebf2;
}

    .mblog-detail-tags span {
        padding: 7px 12px;
        border-radius: 4px;
        background: #fceedf;
        color: var(--bk-muted);
        font-size: 15px;
        font-weight: 600;
    }

/* BLOG DETAIL FAQ */
.mblog-detail-faq {
    margin: 40px 0;
    padding: 30px;
    background: #f7f9fc;
    border-radius: 12px;
    border-top: 1px solid #e6ebf2;
}

.mblog-detail-faq-heading {
    margin-bottom: 25px;
}

    .mblog-detail-faq-heading > span {
        display: inline-block;
        margin-bottom: 8px;
        color: #284b9b;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1.5px;
    }

    .mblog-detail-faq-heading h2 {
        margin: 0 0 10px;
        color: #222c38;
        font-size: 28px;
        font-weight: 700;
    }

    .mblog-detail-faq-heading p {
        margin: 0;
        color: #666;
        line-height: 1.7;
    }

.mblog-detail-faq-item {
    margin-bottom: 12px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 8px;
}

.mblog-detail-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
    padding: 18px 20px;
    border: 0;
    background: #fff;
    color: #222c38;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

    .mblog-detail-faq-question i {
        flex-shrink: 0;
        color: #071530;
        transition: transform 0.25s ease;
    }

.mblog-detail-faq-item.active
.mblog-detail-faq-question {
    color: #071530;
}

.mblog-detail-faq-answer {
    display: none;
    padding: 0 20px 20px;
    color: #606975;
    font-size: 15px;
    line-height: 1.8;
}

.mblog-detail-faq-item.active
.mblog-detail-faq-answer {
    display: block;
}

.mblog-detail-faq-question:focus-visible {
    outline: 2px solid #284b9b;
    outline-offset: -3px;
}

@media (max-width: 767px) {
    .mblog-detail-faq {
        padding: 20px 15px;
        margin: 30px 0;
    }

    .mblog-detail-faq-heading h2 {
        font-size: 23px;
    }

    .mblog-detail-faq-question {
        padding: 15px;
        font-size: 15px;
    }

    .mblog-detail-faq-answer {
        padding: 0 15px 16px;
    }
}
/* =========================================
   AUTHOR
========================================= */

.mblog-detail-author {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 42px 42px;
    padding: 24px;
    border: 1px solid #f7dfc8;
    border-radius: 8px;
    background: #f5f5f5;
}

.mblog-detail-author-image {
    flex: 0 0 75px;
    width: 75px;
    height: 75px;
    overflow: hidden;
    border-radius: 50%;
    background: #e9eef5;
}

    .mblog-detail-author-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.mblog-detail-author-content span {
    display: block;
    margin-bottom: 4px;
    color: var(--bk-deep-green);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mblog-detail-author-content h3 {
    margin: 0 0 6px;
    color: #071530;
    font-size: 20px;
}
.mblog-detail-author-content h6 {
    margin: 0 0 6px;
    color: #5D665F;
    font-size:16px;
    margin:10px 0px;
}
.mblog-detail-author-content p {
    margin: 0;
    color: #68758a;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================
   SIDEBAR
========================================= */

.mblog-detail-sidebar {
    position: sticky;
    top: 100px;
}

.mblog-detail-widget {
    margin-bottom: 25px;
    padding: 24px;
    background: #fff;
    border: 1px solid #e3e9f1;
    border-radius: 8px;
}

    .mblog-detail-widget h3 {
        margin: 0 0 18px;
        color: var(--bk-muted);
        font-size: 20px;
        font-weight: 700;
    }


/* SEARCH */

.mblog-detail-search {
    display: flex;
    border: 1px solid #dfe5ed;
    border-radius: 5px;
    overflow: hidden;
}

    .mblog-detail-search input {
        width: 100%;
        min-width: 0;
        padding: 12px 13px;
        border: 0;
        outline: 0;
        background: #fff;
        color: #071530;
        font-family: inherit;
        font-size: 13px;
    }

    .mblog-detail-search button {
        flex: 0 0 45px;
        border: 0;
        background: var(--bk-deep-green);
        color: #fff;
        cursor: pointer;
    }

        .mblog-detail-search button:hover {
            background: var(--bk-green);
        }


/* CATEGORIES */

.mblog-detail-category-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .mblog-detail-category-list li {
        border-bottom: 1px solid #edf0f4;
    }

        .mblog-detail-category-list li:last-child {
            border-bottom: 0;
        }

    .mblog-detail-category-list a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 11px 0;
        color: var(--bk-muted);
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
        transition: color 0.3s ease;
    }

        .mblog-detail-category-list a span {
            color: var(--bk-deep-green);
        }

        .mblog-detail-category-list a:hover {
            color: var(--bk-orange);
        }


/* RECENT */

.mblog-detail-recent {
    display: flex;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #edf0f4;
    text-decoration: none;
}

    .mblog-detail-recent:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .mblog-detail-recent:first-of-type {
        padding-top: 0;
    }

.mblog-detail-recent-image {
    flex: 0 0 72px;
    width: 72px;
    height: 65px;
    overflow: hidden;
    border-radius: 5px;
    background: #edf2f7;
}

    .mblog-detail-recent-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

.mblog-detail-recent:hover img {
    transform: scale(1.05);
}

.mblog-detail-recent span {
    display: block;
    margin-bottom: 4px;
    color: var(--bk-deep-green);
    font-size: 13px;
}

.mblog-detail-recent h4 {
    margin: 0;
    color: var(--bk--muted);
    
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;
}
.mblog-detail-recent:hover {
    color: var(--bk-deep-green);
}
    /* =========================================
   RELATED BLOGS
========================================= */

    .mblog-related {
    padding: 75px 0;
    background: #fff;
}

    .mblog-related .mblog-section-title {
        margin-bottom: 40px;
        text-align: center;
    }

.mblog-section-title > span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--bk-dark-green);
}
    .mblog-section-title > span::before {
        content: "";
        width: 28px;
        height: 2px;
        background: var(--bk-orange);
    }
.mblog-section-title h2 {
    margin: 0;
    color: var(--bk-deep-green);
    font-size: 42px;
    line-height: 1.2;
    font-weight: 800;
}
    .mblog-section-title h2 span {
        color: var(--bk-orange);
    }
    /* RELATED GRID */

    .mblog-related-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}

.mblog-related-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e3e9f1;
    border-radius: 9px;
    transition: all 0.3s ease;
}

    .mblog-related-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(20, 45, 80, 0.09);
    }

.mblog-related-image {
    height: 210px;
    overflow: hidden;
    background: #edf2f7;
}

    .mblog-related-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform 0.4s ease;
    }

.mblog-related-card:hover .mblog-related-image img {
    transform: scale(1.04);
}

.mblog-related-content {
    padding: 21px 22px 23px;
}

    .mblog-related-content > span {
        display: block;
        margin-bottom: 4px;
        color: #F58220;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .mblog-related-content h3 {
        margin: 0 0 16px;
        color: #071530;
        font-size: 22px;
        line-height: 1.45;
        font-weight: 700;
    }

        .mblog-related-content h3 a {
            margin: 0 0 5px;
            color: var(--bk-muted);
            font-size: 21px;
            line-height: 1.45;
            font-weight:800;
        }

    .mblog-related-content a {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--bk-deep-green);
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
    }

        .mblog-related-content a:hover {
            color: #3CB44A;
        }


/* =========================================
   CTA
========================================= */

.mblog-detail-cta {
    position: relative;
    padding: 90px 0;
    background: url("../../assets/img/breadcrumb-bg.jpg") center / cover no-repeat;
    overflow: hidden;
}

.mblog-detail-cta-overlay {
    position: absolute;
    inset: 0;
    background: rgba(7, 21, 48, 0.94);
}

.mblog-detail-cta-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: auto;
    text-align: center;
}

    .mblog-detail-cta-content > span {
        display: block;
        margin-bottom: 10px;
        color: #B88720;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .mblog-detail-cta-content h2 {
        margin: 0 0 15px;
        color: #fff;
        font-size: 40px;
        line-height: 1.2;
    }

    .mblog-detail-cta-content p {
        max-width: 650px;
        margin: 0 auto 28px;
        color: rgba(255, 255, 255, 0.78);
        font-size: 16px;
        line-height: 1.7;
    }

.mblog-detail-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 28px;
    border: 1px solid #B88720;
    border-radius: 5px;
    background: #B88720;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .mblog-detail-btn:hover {
        background: transparent;
        color: #fff;
    }


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .mblog-detail-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .mblog-detail-sidebar {
        position: static;
    }

    .mblog-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .mblog-detail-hero {
        padding: 65px 0;
    }

        .mblog-detail-hero h1 {
            font-size: 35px;
        }

    .mblog-detail-meta {
        gap: 12px 18px;
    }


    .mblog-detail {
        padding: 55px 0;
    }

    .mblog-detail-featured {
        height: 280px;
    }

    .mblog-detail-content {
        padding: 28px 20px 30px;
    }

        .mblog-detail-content p {
            font-size: 15px;
        }

        .mblog-detail-content .mblog-detail-intro {
            font-size: 17px;
        }

        .mblog-detail-content h2 {
            font-size: 25px;
        }


    .mblog-detail-author {
        margin: 0 20px 25px;
        padding: 18px;
        align-items: flex-start;
    }


    .mblog-related {
        padding: 60px 0;
    }

    .mblog-section-title h2 {
        font-size: 30px;
    }

    .mblog-related-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }


    .mblog-detail-cta {
        padding: 65px 0;
    }

    .mblog-detail-cta-content h2 {
        font-size: 30px;
    }
}
/* =========================================================
   BLOGS PAGE HERO
========================================================= */

.bk-blogs-hero {
    position: relative;
}

    /* Hero content width */

    .bk-blogs-hero .bk-page-hero-content {
        max-width: 790px;
    }

        /* Heading */

        .bk-blogs-hero .bk-page-hero-content h1 {
            max-width: 780px;
        }

            .bk-blogs-hero .bk-page-hero-content h1 span {
                display: block;
            }

        /* Description */

        .bk-blogs-hero .bk-page-hero-content > p {
            max-width: 680px;
        }

    /* Actions */

    .bk-blogs-hero .bk-blogs-hero-actions {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 28px;
    }
.bk-blogs-page .bk-container {
    width: min(1320px, calc(100% - 48px));
    margin-inline: auto;
}

.bk-blogs-hero .bk-blogs-btn {
    min-height: 49px;
    padding: 0 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 700;
    border-radius: 6px;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

    /* Primary button */

    .bk-blogs-hero .bk-blogs-btn-primary {
        color: #ffffff;
        background: var(--bk-orange, #3CB44A);
        border-color: var(--bk-orange, #3CB44A);
    }

        .bk-blogs-hero .bk-blogs-btn-primary:hover {
            color: #ffffff;
            background: var(--bk-dark-green, #126B35);
            border-color: var(--bk-dark-green, #126B35);
        }

        .bk-blogs-hero .bk-blogs-btn-primary i {
            font-size: 16px;
        }

    /* Outline button */

    .bk-blogs-hero .bk-blogs-btn-outline {
        color: #ffffff;
        background: transparent;
        border-color: rgba(255, 255, 255, 0.55);
    }

        .bk-blogs-hero .bk-blogs-btn-outline:hover {
            color: #ffffff;
            background: rgba(255, 255, 255, 0.12);
            border-color: #ffffff;
        }

    /* Breadcrumb spacing */

    .bk-blogs-hero .bk-breadcrumb {
        margin-top: 30px;
    }

/* Responsive */

@media (max-width: 767px) {

    .bk-blogs-hero .bk-blogs-hero-actions {
        align-items: stretch;
        flex-direction: column;
        max-width: 280px;
        gap: 11px;
        margin-top: 23px;
    }

    .bk-blogs-hero .bk-blogs-btn {
        width: 100%;
        min-height: 47px;
        padding: 0 16px;
    }

    .bk-blogs-hero .bk-breadcrumb {
        margin-top: 25px;
    }
}

/* =========================================================
   BLOGS CTA SECTION
========================================================= */

.bk-blogs-cta {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
    background: #F4FAF5;
}

.bk-blogs-cta-inner {
    position: relative;
    display: grid;
    grid-template-columns: 1.35fr 0.65fr;
    align-items: center;
    gap: 50px;
    padding: 65px 70px;
    overflow: hidden;
    background: var(--bk-deep-green);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

    /* Subtle background accent */

    .bk-blogs-cta-inner::before {
        content: "";
        position: absolute;
        top: -180px;
        right: -100px;
        width: 430px;
        height: 430px;
        border: 1px solid rgba(255, 255, 255, 0.09);
        border-radius: 50%;
        pointer-events: none;
    }

    .bk-blogs-cta-inner::after {
        content: "";
        position: absolute;
        top: -115px;
        right: -35px;
        width: 300px;
        height: 300px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 50%;
        pointer-events: none;
    }

/* Content */

.bk-blogs-cta-content {
    position: relative;
    z-index: 2;
}

.bk-blogs-cta-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #C9E8CE;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.bk-blogs-cta-dot {
    content: "";
    width: 25px;
    height: 2px;
    flex: 0 0 25px;
    background: var(--bk-orange);
}

.bk-blogs-cta-content h2 {
    max-width: 680px;
    margin: 0 0 20px;
    color: #FFFFFF;
    font-family: "Manrope", sans-serif;
    font-size: clamp(30px, 3.5vw, 46px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.3px;
}

    .bk-blogs-cta-content h2 span {
        display: block;
        color: #8FDEA0;
    }

.bk-blogs-cta-content p {
    max-width: 620px;
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.9;
}

/* Buttons */

.bk-blogs-cta-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.bk-blogs-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 49px;
    padding: 13px 21px;
    font-size: 15px;
    font-weight: 700;
    border-radius:6px;
    text-decoration: none;
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

    .bk-blogs-cta-btn i {
        font-size: 16px;
        transition: transform 0.3s ease;
    }

    .bk-blogs-cta-btn:hover i {
        transform: translate(3px, -2px);
    }

.bk-blogs-cta-btn-primary {
    color: #FFFFFF;
    background: var(--bk-orange);
    border: 1px solid var(--bk-orange);
}

    .bk-blogs-cta-btn-primary:hover {
        color: #FFFFFF;
        background: #DF6D12;
        border-color: #DF6D12;
        transform: translateY(-2px);
    }

.bk-blogs-cta-btn-outline {
    color: #FFFFFF;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

    .bk-blogs-cta-btn-outline:hover {
        color: var(--bk-deep-green);
        background: #FFFFFF;
        border-color: #FFFFFF;
        transform: translateY(-2px);
    }

/* Visual */

.bk-blogs-cta-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 270px;
    z-index: 1;
}

.bk-blogs-cta-orbit {
    position: absolute;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
}

    .bk-blogs-cta-orbit::before,
    .bk-blogs-cta-orbit::after {
        content: "";
        position: absolute;
        border: 1px solid rgba(255, 255, 255, 0.13);
        border-radius: 50%;
    }

    .bk-blogs-cta-orbit::before {
        inset: 22px;
    }

    .bk-blogs-cta-orbit::after {
        inset: 45px;
    }

.bk-blogs-cta-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 50%;
    box-shadow: 0 0 50px rgba(60, 180, 74, 0.15);
}

    .bk-blogs-cta-icon i {
        color: #FFB84D;
        font-size: 58px;
    }

.bk-blogs-cta-stat {
    position: absolute;
    right: -5px;
    bottom: 5px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 255px;
    padding: 15px 18px;
    background: #FFFFFF;
    border-left: 3px solid var(--bk-orange);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
}

.bk-blogs-cta-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    color: var(--bk-deep-green);
    background: #EAF6EC;
    font-size: 20px;
}
.mblog-card-category:hover
{
    color:#ffffff;
}
.bk-blogs-cta-stat div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bk-blogs-cta-stat strong {
    color: var(--bk-deep-green);
    font-size: 16px;
    font-weight: 800;
}

.bk-blogs-cta-stat div > span {
    color: #68736B;
    font-size: 13px;
    line-height: 1.5;
}

/* Responsive */

@media (max-width: 991px) {
    .bk-blogs-cta {
        padding: 60px 0;
    }

    .bk-blogs-cta-inner {
        grid-template-columns: 1fr 0.55fr;
        gap: 25px;
        padding: 45px 35px;
    }

    .bk-blogs-cta-visual {
        min-height: 230px;
    }

    .bk-blogs-cta-orbit {
        width: 200px;
        height: 200px;
    }

    .bk-blogs-cta-icon {
        width: 95px;
        height: 95px;
    }

        .bk-blogs-cta-icon i {
            font-size: 45px;
        }

    .bk-blogs-cta-stat {
        right: -8px;
        bottom: 0;
        padding: 12px;
    }
}

@media (max-width: 767px) {
    .bk-blogs-cta {
        padding: 45px 0;
    }

    .bk-blogs-cta-inner {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 35px 24px 30px;
    }

    .bk-blogs-cta-content h2 {
        font-size: 32px;
        letter-spacing: -0.7px;
    }

    .bk-blogs-cta-content p {
        font-size: 15px;
        line-height: 1.8;
    }

    .bk-blogs-cta-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .bk-blogs-cta-btn {
        width: 100%;
    }

    .bk-blogs-cta-visual {
        min-height: 230px;
        margin-top: 5px;
    }

    .bk-blogs-cta-stat {
        right: 0;
        bottom: 0;
    }
}

@media (max-width: 400px) {
    .bk-blogs-cta-inner {
        padding: 30px 18px;
    }

    .bk-blogs-cta-content h2 {
        font-size: 28px;
    }

    .bk-blogs-cta-kicker {
        font-size: 10px;
        letter-spacing: 1.2px;
    }
}

/* =========================================================
   COMMON HERO ACTION BUTTONS
   Reusable across all pages
========================================================= */

.bk-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin: 28px 0px;
}

    /* Common Button */

    .bk-hero-actions .bk-hero-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-height: 50px;
        padding: 13px 22px;
        border: 1px solid transparent;
        border-radius: 3px;
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.4;
        text-decoration: none;
        cursor: pointer;
        transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
    }

    /* Primary Button */

    .bk-hero-actions .bk-hero-btn-primary {
        background: var(--bk-orange, #F58220);
        border-color: var(--bk-orange, #F58220);
        color: #fff;
    }

        .bk-hero-actions .bk-hero-btn-primary:hover {
            background: #dc6d12;
            border-color: #dc6d12;
            color: #fff;
            transform: translateY(-2px);
        }

        .bk-hero-actions .bk-commercial-btn-primary i {
            font-size: 16px;
            transition: transform 0.3s ease;
        }

    .bk-hero-actions .bk-hero-btn-primary:hover i {
        transform: translate(3px, -3px);
    }

    /* Outline Button */

    .bk-hero-actions .bk-hero-btn-outline {
        background: transparent;
        border-color: rgba(255, 255, 255, 0.65);
        color: #fff;
    }

        .bk-hero-actions .bk-hero-btn-outline:hover {
            background: #fff;
            border-color: #fff;
            color: var(--bk-deep-green, #0B4A29);
            transform: translate(3px, -3px);
        }
    .bk-hero-actions .bk-hero-btn-dark-outline {
       
        background: var(--bk-deep-green);
        border-color: var(--bk-deep-green);
        color: var(--bk-white, #ffffff);
    }

        .bk-hero-actions .bk-hero-btn-dark-outline:hover {
            background: transparent;
            border-color: var(--bk-deep-green);
            color: var(--bk-deep-green);

        }
    /* Keyboard Accessibility */

    .bk-hero-actions .bk-hero-btn:focus-visible {
        outline: 3px solid #fff;
        outline-offset: 4px;
    }

/* Responsive */

@media (max-width: 576px) {
    .bk-hero-actions {
        gap: 10px;
        margin-top: 22px;
    }

        .bk-hero-actions .bk-hero-btn {
            min-height: 46px;
            padding: 11px 16px;
            font-size: 14px;
        }
}
/* =========================================
   FAQ LIST
========================================= */

.mfaq-list {
    padding: 80px 0;
    background: #f7faff;
}

.mfaq-section-title {
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

    .mfaq-section-title > span {
        display: block;
        margin-bottom: 8px;
        color: #B88720;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .mfaq-section-title h2 {
        margin: 0 0 15px;
        color: #071530;
        font-size: 38px;
        line-height: 1.2;
        font-weight: 700;
    }

    .mfaq-section-title p {
        margin: 0;
        color: #68758a;
        font-size: 16px;
        line-height: 1.7;
    }


/* =========================================
   FAQ GRID

   1 | 2
   3 | 4
   5 | 6
   7 | 8
========================================= */

.mfaq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 25px;
    row-gap: 18px;
    align-items: start;
}


/* =========================================
   FAQ ITEM
========================================= */

.mfaq-item {
    align-self: start;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e3e9f1;
    border-radius: 8px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

    .mfaq-item:hover {
        border-color: rgba(37, 94, 57, 0.45);
        box-shadow: 0 10px 30px rgba(20, 45, 80, 0.07);
    }

    .mfaq-item.active {
        border-color: rgba(37, 94, 57, 0.45);
    }


/* =========================================
   QUESTION
========================================= */

.mfaq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 21px 22px;
    border: 0;
    background: transparent;
    color: #071530;
    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    cursor: pointer;
}

    .mfaq-question span {
        flex: 1;
    }

    .mfaq-question i {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #eef3f9;
        color: #071530;
        font-size: 13px;
        transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
    }


/* =========================================
   ACTIVE QUESTION
========================================= */

.mfaq-item.active .mfaq-question {
    color: var(--bk-deep-green);
}

    .mfaq-item.active .mfaq-question i {
        background: var(--bk-deep-green);
        color: #fff;
        transform: rotate(45deg);
    }


/* =========================================
   ANSWER
========================================= */

.mfaq-answer {
    display: none;
    padding: 0 22px 22px;
}

    .mfaq-answer p {
        margin: 0;
        padding-top: 2px;
        color: var(--bk-muted);
        font-size: 15px;
        line-height: 1.8;
    }

@media (max-width: 991px) {

    .mfaq-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 20px;
        row-gap: 16px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    

    .mfaq-list {
        padding: 60px 0;
    }

    .mfaq-section-title {
        margin-bottom: 35px;
    }

        .mfaq-section-title h2 {
            font-size: 30px;
        }


    .mfaq-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }


    .mfaq-question {
        padding: 18px;
        font-size: 15px;
    }

        .mfaq-question i {
            width: 28px;
            height: 28px;
        }

    .mfaq-answer {
        padding: 0 18px 20px;
    }


    
}
/* =========================================================
   FAQ CTA SECTION
========================================================= */

.bk-faq-cta {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background: #F4FAF5;
}

.bk-faq-cta-inner {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 65px;
}

.bk-faq-cta-content {
    max-width: 620px;
}

.bk-faq-cta-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    color: var(--bk-dark-green, #126B35);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

    .bk-faq-cta-kicker > span {
        width: 28px;
        height: 2px;
        background: var(--bk-orange, #F58220);
    }

.bk-faq-cta-content h2 {
    margin: 0 0 20px;
    color: var(--bk-deep-green, #18221C);
    font-family: 'Manrope', sans-serif;
    font-size: clamp(30px, 3.5vw, 46px);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -1.3px;
}

    .bk-faq-cta-content h2 span {
        display: block;
        color: var(--bk-green, #126B35);
    }

.bk-faq-cta-content p {
    margin: 0;
    color: #5D6961;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.9;
}

.bk-faq-cta-content .bk-hero-actions {
    margin-top: 28px;
}

/* Visual */

.bk-faq-cta-visual {
    position: relative;
    min-width: 0;
    padding: 0 0 35px 25px;
}

.bk-faq-cta-image {
    position: relative;
    height: 400px;
    overflow: hidden;
    background: #E7ECE9;
}

    .bk-faq-cta-image::before {
        position: absolute;
        z-index: 1;
        inset: 0;
        content: "";
        border: 1px solid rgba(255, 255, 255, 0.25);
        pointer-events: none;
    }

    .bk-faq-cta-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
    }

.bk-faq-cta-visual:hover .bk-faq-cta-image img {
    transform: scale(1.04);
}

/* Floating Note */

.bk-faq-cta-note {
    position: absolute;
    z-index: 2;
    right: 20px;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: #fff;
    border-left: 3px solid var(--bk-orange, #F58220);
    box-shadow: 0 12px 35px rgba(11, 74, 41, 0.10);
}

.bk-faq-cta-note-icon {
    display: flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: #F4FAF5;
    color: var(--bk-dark-green, #126B35);
    font-size: 23px;
}

.bk-faq-cta-note strong {
    display: block;
    margin-bottom: 5pxcolor: var(--bk-text, #18221C);
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 800;
}

.bk-faq-cta-note div > span {
    display: block;
    color: #68736C;
    font-size: 13px;
    line-height: 1.6;
}

/* Responsive */

@media (max-width: 991px) {
    .bk-faq-cta {
        padding: 70px 0;
    }

    .bk-faq-cta-inner {
        grid-template-columns: 1fr 0.85fr;
        gap: 35px;
    }

    .bk-faq-cta-image {
        height: 340px;
    }

    .bk-faq-cta-content h2 {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .bk-faq-cta {
        padding: 55px 0;
    }

    .bk-faq-cta-inner {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .bk-faq-cta-content h2 {
        font-size: 32px;
        letter-spacing: -0.7px;
    }

    .bk-faq-cta-visual {
        padding-left: 15px;
    }

    .bk-faq-cta-image {
        height: 300px;
    }

    .bk-faq-cta-note {
        right: 10px;
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .bk-faq-cta-content h2 {
        font-size: 28px;
    }

    .bk-faq-cta-image {
        height: 250px;
    }

    .bk-faq-cta-note-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }
}

/* =========================================
   SOLAR CALCULATOR HERO
========================================= */
.bk-calculator-hero .bk-page-hero-content {
    max-width: 850px;
}

.bk-calculator-hero .bk-page-hero-content h1 {
    max-width: 800px;
}

.bk-calculator-hero .bk-page-hero-content p {
    max-width: 660px;
}


/* =========================================
   SOLAR CALCULATOR CTA
========================================= */

.bk-calculator-cta {
    position: relative;
    padding: 0px 0 90px 0px;
    background: #F4FAF5;
    overflow: hidden;
}

.bk-calculator-cta-inner {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 60px;
    padding: 54px;
    background: #fff;
    border: 1px solid #E0E9E2;
    border-radius: 4px;
}

.bk-calculator-cta-content {
    min-width: 0;
}

.bk-calculator-cta-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    color: var(--bk-dark-green, #126B35);
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

    .bk-calculator-cta-kicker span {
        display: inline-block;
        width: 27px;
        height: 2px;
        background: var(--bk-orange, #F58220);
    }

.bk-calculator-cta-content h2 {
    margin: 0 0 20px;
    color: var(--bk-deep-green, #0B4A29);
    font-family: 'Manrope', sans-serif;
    font-size: clamp(30px, 3.2vw, 44px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.2px;
}

    .bk-calculator-cta-content h2 span {
        display: block;
        color: var(--bk-green, #3CB44A);
    }

.bk-calculator-cta-content p {
    margin: 0;
    color: var(--bk-muted);
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.85;
}

.bk-calculator-cta-content .bk-hero-actions {
    margin-top: 26px;
}

    .bk-calculator-cta-content
    .bk-hero-actions
    .bk-commercial-btn-outline {
        color: var(--bk-deep-green, #0B4A29);
        border-color: #C9D8CC;
    }

        .bk-calculator-cta-content
        .bk-hero-actions
        .bk-commercial-btn-outline:hover {
            color: #fff;
            background: var(--bk-deep-green, #0B4A29);
            border-color: var(--bk-deep-green, #0B4A29);
        }

.bk-calculator-cta-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 24px;
    color: var(--bk-muted);
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.6;
}

    .bk-calculator-cta-note i {
        flex-shrink: 0;
        color: var(--bk-green, #3CB44A);
        font-size: 17px;
    }

.bk-calculator-cta-visual {
    position: relative;
    min-width: 0;
    min-height: 360px;
}

    .bk-calculator-cta-visual > img {
        display: block;
        width: 100%;
        height: 390px;
        object-fit: cover;
        border-radius: 3px;
    }

.bk-calculator-cta-stat {
    position: absolute;
    right: -15px;
    bottom: 24px;
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: calc(100% - 20px);
    padding: 18px 22px;
    background: #fff;
    border: 1px solid #E0E9E2;
    border-left: 3px solid var(--bk-orange, #F58220);
    box-shadow: 0 12px 35px rgba(11, 74, 41, .10);
}

.bk-calculator-cta-stat-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: #fff;
    background: var(--bk-dark-green, #126B35);
    font-size: 22px;
}

.bk-calculator-cta-stat strong,
.bk-calculator-cta-stat div > span {
    display: block;
    font-family: 'DM Sans', sans-serif;
}

.bk-calculator-cta-stat strong {
    margin-bottom: 4px;
    color: #18221C;
    font-size: 16px;
    font-weight: 800;
}

.bk-calculator-cta-stat div > span {
    color: #68746B;
    font-size: 14px;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {
    .bk-calculator-cta {
        padding: 65px 0;
    }

    .bk-calculator-cta-inner {
        grid-template-columns: 1fr;
        gap: 35px;
        padding: 35px;
    }

    .bk-calculator-cta-visual {
        min-height: 320px;
    }

        .bk-calculator-cta-visual > img {
            height: 350px;
        }

    .bk-calculator-cta-stat {
        right: 12px;
    }
}

@media (max-width: 576px) {
    .bk-calculator-cta {
        padding: 45px 0;
    }

    .bk-calculator-cta-inner {
        gap: 28px;
        padding: 24px 18px;
    }

    .bk-calculator-cta-content h2 {
        font-size: 30px;
        letter-spacing: -.7px;
    }

    .bk-calculator-cta-visual {
        min-height: 270px;
    }

        .bk-calculator-cta-visual > img {
            height: 280px;
        }

    .bk-calculator-cta-stat {
        right: 8px;
        bottom: 12px;
        gap: 10px;
        padding: 12px;
    }

    .bk-calculator-cta-stat-icon {
        width: 38px;
        height: 38px;
        font-size: 19px;
    }

    .bk-calculator-cta-stat strong {
        font-size: 12px;
    }

    .bk-calculator-cta-stat div > span {
        font-size: 11px;
    }
}

.solar-savings-calc
{
    padding-top:100px;
}
/* =========================================
   VIDEOS & MEDIA
========================================= */
.mvideo-hero {
    position: relative;
    padding: 80px 0;
    background-image: url("../../assets/img/breadcrumb-bg.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.mvideo-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(11, 74, 41, .96) 0%, rgba(11, 74, 41, .84) 48%, rgba(11, 74, 41, .53) 100% ), linear-gradient( 0deg, rgba(11, 74, 41, .38), transparent );
}

.mvideo-hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
  
    color: #fff;
}

.mvideo-hero-small {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--bk-white);
}

    .mvideo-hero-small::before {
        content: "";
        width: 28px;
        height: 2px;
        background: var(--bk-orange);
    }

.mvideo-hero-content h1 {
    max-width: 900px;
    margin: 0;
    color: var(--bk-white);
    font-family: "Manrope", sans-serif;
    font-size: clamp(38px, 5vw, 62px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.8px;
}

    .mvideo-hero-content h1 span {
        color: var(--bk-orange);
    }
.mvideo-hero-content p {
    max-width: 650px;
    margin: 22px 0 25px;
    color: rgba(255, 255, 255, .84) !important;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================
   VIDEO LIST
========================================= */

.mvideo-list {
    padding: 80px 0;
    background: #f7faff;
}

.mvideo-section-title {
    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;
}

    .mvideo-section-title span {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #B88720;
    }

    .mvideo-section-title h2 {
        margin: 0 0 15px;
        font-size: clamp(30px, 3.5vw, 42px);
        line-height: 1.2;
        font-weight: 600;
        color: #102a43;
    }

    .mvideo-section-title p {
        max-width: 720px;
        margin: 0 auto;
        font-size: 16px;
        line-height: 1.8;
        color: #607080;
    }


/* =========================================
   FOLDER GRID
========================================= */

.mvideo-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
}

.mvideo-folder {
    display: block;
    background: #fff;
    border: 1px solid #e5edf4;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    transition: all 0.35s ease;
}

    .mvideo-folder:hover {
        transform: translateY(-7px);
        box-shadow: 0 18px 40px rgba(16, 42, 67, 0.13);
    }


/* =========================================
   FOLDER IMAGE
========================================= */

.mvideo-folder-image {
    position: relative;
    height: 300px;
    overflow: hidden;
    background: #eef3f8;
}

    .mvideo-folder-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
        transition: transform 0.6s ease;
    }

.mvideo-folder:hover .mvideo-folder-image img {
    transform: scale(1.05);
}

.mvideo-folder-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( to top, rgba(35, 118, 68, 0.72), rgba(35, 118, 68, 0.05) 65% );
    pointer-events: none;
}


/* Folder icon */

.mvideo-folder-icon {
    position: absolute;
    left: 25px;
    bottom: 22px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.95);
    color: #F58220;
    font-size: 23px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
}

.mvideo-folder:hover .mvideo-folder-icon {
    background: #F58220;
    color: #fff;
    transform: translateY(-3px);
}


/* Video count */

.mvideo-folder-count {
    position: absolute;
    right: 20px;
    bottom: 22px;
    padding: 7px 14px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.94);
    color: #0B4A29;
    font-size: 13px;
    font-weight: 700;
}


/* =========================================
   FOLDER CONTENT
========================================= */

.mvideo-folder-content {
    padding: 25px 25px 28px;
}

    .mvideo-folder-content h3 {
        margin: 0 0 8px;
        font-size: 22px;
        line-height: 1.35;
        font-weight: 800;
        color: #0B4A29;
    }

    .mvideo-folder-content p {
        margin: 0 0 18px;
        font-size: 15px;
        line-height: 1.7;
        color: var(--bk-muted);
    }

.mvideo-folder-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 700;
    color: #F58220;
    transition: all 0.3s ease;
}

    .mvideo-folder-link i {
        transition: transform 0.3s ease;
    }

.mvideo-folder:hover .mvideo-folder-link i {
    transform: translateX(5px);
}


/* =========================================
   CTA
========================================= */

.mvideo-cta {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}

.mvideo-cta-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 165deg, #011329, #021323 );
}

.mvideo-cta-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

    .mvideo-cta-content span {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #B88720;
    }

    .mvideo-cta-content h2 {
        margin: 0 0 18px;
        font-size: clamp(30px, 3.5vw, 46px);
        line-height: 1.2;
        font-weight: 500;
        color: #fff;
    }

    .mvideo-cta-content p {
        max-width: 700px;
        margin: 0 auto 28px;
        font-size: 16px;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.92);
    }

.mvideo-btn {
    display: inline-block;
    padding: 13px 30px;
    border-radius: 4px;
    background: #B88720;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .mvideo-btn:hover {
        background: #fff;
        color: #B88720;
    }


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .mvideo-hero {
        padding: 85px 0;
    }

    .mvideo-list {
        padding: 65px 0;
    }

    .mvideo-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .mvideo-folder-image {
        height: 280px;
    }

    .mvideo-cta {
        padding: 70px 0;
    }
}


@media (max-width: 767px) {

    .mvideo-hero {
        padding: 70px 0;
    }

    .mvideo-hero-content h1 {
        font-size: 36px;
    }

    .mvideo-hero-content p {
        font-size: 15px;
    }

    .mvideo-list {
        padding: 55px 0;
    }

    .mvideo-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .mvideo-folder-image {
        height: 250px;
    }

    .mvideo-folder-content {
        padding: 22px 20px 25px;
    }

        .mvideo-folder-content h3 {
            font-size: 20px;
        }

    .mvideo-cta {
        padding: 65px 0;
    }

    .mvideo-cta-content h2 {
        font-size: 32px;
    }
}
/* =========================================
   VIDEO DETAIL HERO
========================================= */

.mvideo-detail-hero {
    position: relative;
    padding: 80px 0;
    background-image: url("../../assets/img/breadcrumb-bg.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.mvideo-detail-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(11, 74, 41, .96) 0%, rgba(11, 74, 41, .84) 48%, rgba(11, 74, 41, .53) 100% ), linear-gradient( 0deg, rgba(11, 74, 41, .38), transparent );
}

.mvideo-detail-hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    color: #fff;
}

.mvideo-detail-hero-small {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--bk-white);
}

    .mvideo-detail-hero-small::before {
        content: "";
        width: 28px;
        height: 2px;
        background: var(--bk-orange);
    }

.mvideo-detail-hero-content h1 {
    max-width: 900px;
    margin: 0;
    color: var(--bk-white);
    font-family: "Manrope", sans-serif;
    font-size: clamp(38px, 5vw, 62px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.8px;
}

    .mvideo-detail-hero-content h1 span {
        color: var(--bk-orange);
    }


.mvideo-detail-hero-content p {
    max-width: 650px;
    margin: 22px 0 25px;
    color: rgba(255, 255, 255, .84) !important;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================
   VIDEO GALLERY
========================================= */

.mvideo-detail-list {
    padding: 80px 0;
    background: #f7faff;
}

.mvideo-detail-section-title {
    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;
}

    .mvideo-detail-section-title span {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #B88720;
    }

    .mvideo-detail-section-title h2 {
        margin: 0;
        font-size: clamp(30px, 3.5vw, 42px);
        line-height: 1.2;
        font-weight: 600;
        color: #102a43;
    }


/* =========================================
   VIDEO GRID
========================================= */

.mvideo-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
}


/* =========================================
   VIDEO CARD
========================================= */

.mvideo-detail-card {
    background: #fff;
    border: 1px solid #e5edf4;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.35s ease;
}

    .mvideo-detail-card:hover {
        transform: translateY(-7px);
        box-shadow: 0 18px 40px rgba(16, 42, 67, 0.13);
    }


/* =========================================
   VIDEO THUMBNAIL
========================================= */

.mvideo-detail-image {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
    background: #e9eef4;
}

    .mvideo-detail-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
        transition: transform 0.5s ease;
    }

.mvideo-detail-card:hover .mvideo-detail-image img {
    transform: scale(1.04);
}


/* =========================================
   PLAY BUTTON
========================================= */

.mvideo-detail-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    color: #F58220;
    font-size: 25px;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
    transition: all 0.3s ease;
}

    .mvideo-detail-play i {
        margin-left: 3px;
    }

    .mvideo-detail-play:hover {
        background: #F58220;
        color: #fff;
        transform: translate(-50%, -50%) scale(1.1);
    }


/* =========================================
   VIDEO TITLE
========================================= */

.mvideo-detail-content {
    padding: 22px 25px 25px;
    text-align: center;
}

    .mvideo-detail-content h3 {
        margin: 0;
        font-size: 20px;
        line-height: 1.45;
        font-weight: 800;
        color: #0B4A29;
    }


/* =========================================
   VIDEO LIGHTBOX
========================================= */

.mvideo-detail-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

    .mvideo-detail-lightbox.active {
        opacity: 1;
        visibility: visible;
    }

.mvideo-detail-lightbox-overlay {
    position: absolute;
    inset: 0;
    background: rgba(1, 12, 24, 0.96);
}

.mvideo-detail-lightbox-content {
    position: relative;
    z-index: 2;
    width: 90vw;
    max-width: 1100px;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 5px;
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.5);
    overflow: visible;
}

    .mvideo-detail-lightbox-content iframe {
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
        border-radius: 5px;
    }


/* =========================================
   CLOSE BUTTON
========================================= */

.mvideo-detail-lightbox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    z-index: 5;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    color: #0B4A29;
    font-size: 28px;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

    .mvideo-detail-lightbox-close:hover {
        background: #F58220;
        color: #fff;
        transform: rotate(90deg);
    }

/* =========================================
   VIDEO POPUP - COMMON
========================================= */

.mvideo-video-stage {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    overflow: hidden;
}

.mvideo-video-frame {
    position: relative;
    width: 100%;
    height: 100%;
}

    .mvideo-video-frame iframe {
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
    }


/* =========================================
   YOUTUBE SHORT / REELS
   CENTERED VERTICAL AREA
========================================= */

.mvideo-youtube-short-popup,
.mvideo-facebook-reel-popup,
.mvideo-instagram-reel-popup {
    width: 90vw;
    max-width: 1100px;
    height: 90vh;
    max-height: 700px;
    background: #000;
    overflow: hidden;
}


/* Vertical video */

.mvideo-vertical-stage .mvideo-video-frame {
    width: auto;
    height: 100%;
    aspect-ratio: 9 / 16;
    flex: 0 0 auto;
    background: #000;
}


/* =========================================
   NORMAL 16:9 VIDEOS
========================================= */

.mvideo-facebook-popup,
.mvideo-instagram-popup {
    width: 90vw;
    max-width: 1100px;
    aspect-ratio: 16 / 9;
    height: auto;
    max-height: 90vh;
    background: #000;
    overflow: hidden;
}


/* =========================================
   NORMAL HORIZONTAL STAGE
========================================= */

.mvideo-horizontal-stage {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
}
/* =========================================
   FACEBOOK REEL - VERTICAL VIDEO
========================================= */

.mvideo-detail-lightbox-content {
    position: relative;
    width: 90vw;
    max-width: 1100px;
    aspect-ratio: 16 / 9;
    background: #000;
}

    /* Normal videos remain full width */
    .mvideo-detail-lightbox-content iframe {
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
    }

        /* Facebook Reel only */
        .mvideo-detail-lightbox-content iframe[src*="facebook.com/plugins/video.php"] {
            width: 33% !important;
            height: 100% !important;
            display: block;
            margin: 0 auto !important;
            border: 0;
            background: #000;
        }

/* =========================================
   CLOSE BUTTON
========================================= */

.mvideo-facebook-reel-popup
.mvideo-detail-lightbox-close,
.mvideo-instagram-reel-popup
.mvideo-detail-lightbox-close,
.mvideo-youtube-short-popup
.mvideo-detail-lightbox-close {
    z-index: 50;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .mvideo-youtube-short-popup,
    .mvideo-facebook-reel-popup,
    .mvideo-instagram-reel-popup {
        width: 94vw;
        height: 86vh;
        max-height: none;
    }


    .mvideo-vertical-stage .mvideo-video-frame {
        height: 100%;
        width: auto;
        aspect-ratio: 9 / 16;
        max-width: 100%;
    }


    .mvideo-facebook-popup,
    .mvideo-instagram-popup {
        width: 94vw;
        height: auto;
        aspect-ratio: 16 / 9;
        max-height: 80vh;
    }
}
/* =========================================
   CTA
========================================= */

.mvideo-detail-cta {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}

.mvideo-detail-cta-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 165deg, #011329, #021323 );
}

.mvideo-detail-cta-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

    .mvideo-detail-cta-content span {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #B88720;
    }

    .mvideo-detail-cta-content h2 {
        margin: 0 0 18px;
        font-size: clamp(30px, 3.5vw, 46px);
        line-height: 1.2;
        font-weight: 500;
        color: #fff;
    }

    .mvideo-detail-cta-content p {
        max-width: 700px;
        margin: 0 auto 28px;
        font-size: 16px;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.92);
    }

.mvideo-detail-btn {
    display: inline-block;
    padding: 13px 30px;
    border-radius: 4px;
    background: #B88720;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .mvideo-detail-btn:hover {
        background: #fff;
        color: #B88720;
    }


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .mvideo-detail-hero {
        padding: 75px 0;
    }

    .mvideo-detail-list {
        padding: 65px 0;
    }

    .mvideo-detail-grid {
        gap: 25px;
    }

    .mvideo-detail-image {
        height: 300px;
    }

    .mvideo-detail-cta {
        padding: 70px 0;
    }
}


@media (max-width: 767px) {

    .mvideo-detail-hero {
        padding: 65px 0;
    }

    .mvideo-detail-hero-content h1 {
        font-size: 36px;
    }

    .mvideo-detail-hero-content p {
        font-size: 15px;
    }

    .mvideo-detail-list {
        padding: 55px 0;
    }

    .mvideo-detail-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .mvideo-detail-image {
        height: 250px;
    }

    .mvideo-detail-play {
        width: 62px;
        height: 62px;
        font-size: 22px;
    }

    .mvideo-detail-content {
        padding: 20px 18px 23px;
    }

        .mvideo-detail-content h3 {
            font-size: 18px;
        }

    .mvideo-detail-lightbox {
        padding: 20px;
    }

    .mvideo-detail-lightbox-content {
        width: 94vw;
    }

    .mvideo-detail-lightbox-close {
        top: -15px;
        right: -10px;
        width: 38px;
        height: 38px;
        font-size: 25px;
        z-index: 99;
    }

    .mvideo-detail-cta {
        padding: 65px 0;
    }

    .mvideo-detail-cta-content h2 {
        font-size: 32px;
    }
}

/* =========================================
   PHOTOS & ALBUMS HERO
========================================= */
.mphoto-hero {
    position: relative;
    padding: 80px 0;
    background-image: url("../../assets/img/breadcrumb-bg.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.mphoto-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(11, 74, 41, .96) 0%, rgba(11, 74, 41, .84) 48%, rgba(11, 74, 41, .53) 100% ), linear-gradient( 0deg, rgba(11, 74, 41, .38), transparent );
}

.mphoto-hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    color: #fff;
}

.mphoto-hero-small {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--bk-white);
}
    .mphoto-hero-small::before {
        content: "";
        width: 28px;
        height: 2px;
        background: var(--bk-orange);
    }
.mphoto-hero-content h1 {
    max-width: 900px;
    margin: 0;
    color: var(--bk-white);
    font-family: "Manrope", sans-serif;
    font-size: clamp(38px, 5vw, 62px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.8px;
}
    .mphoto-hero-content h1 span {
        color: var(--bk-orange);
    }
.mphoto-hero-content p {
    max-width: 650px;
    margin: 22px 0 25px;
    color: rgba(255, 255, 255, .84) !important;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================
   PHOTO ALBUM LIST
========================================= */

.mphoto-list {
    padding: 80px 0;
    background: #f7faff;
}


/* =========================================
   SECTION TITLE
========================================= */

.mphoto-section-title {
    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;
}

    .mphoto-section-title span {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #B88720;
    }

    .mphoto-section-title h2 {
        margin: 0;
        font-size: clamp(30px, 3.5vw, 42px);
        line-height: 1.2;
        font-weight: 600;
        color: #102a43;
    }


/* =========================================
   ALBUM GRID
========================================= */

.mphoto-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}


/* =========================================
   ALBUM CARD
========================================= */

.mphoto-card {
    background: #fff;
    border: 1px solid #e5edf4;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.35s ease;
}

    .mphoto-card:hover {
        transform: translateY(-7px);
        box-shadow: 0 18px 40px rgba(16, 42, 67, 0.13);
    }


/* =========================================
   ALBUM IMAGE
========================================= */

.mphoto-image {
    position: relative;
    width: 100%;
    height: 270px;
    overflow: hidden;
    background: #e9eef4;
}

    .mphoto-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
        transition: transform 0.5s ease;
    }

.mphoto-card:hover .mphoto-image img {
    transform: scale(1.05);
}


/* =========================================
   IMAGE OVERLAY
========================================= */

.mphoto-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( to top, rgba(35, 118, 68, 0.72), rgba(35, 118, 68, 0.05) 65% );
    pointer-events: none;
}


/* =========================================
   FOLDER ICON
========================================= */

.mphoto-folder-icon {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    color: #F58220;
    font-size: 20px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
}

.mphoto-card:hover .mphoto-folder-icon {
    background: #F58220;
    color: #fff;
    transform: scale(1.08);
}


/* =========================================
   PHOTO COUNT
========================================= */

.mphoto-count {
    position: absolute;
    right: 18px;
    bottom: 18px;
    padding: 6px 13px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.94);
    color: var(--bk-deep-green);
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
}


/* =========================================
   ALBUM CONTENT
========================================= */

.mphoto-content {
    padding: 25px 25px 28px;
    text-align: center;
}

    .mphoto-content h3 {
        margin: 0 0 10px;
        font-size: 21px;
        line-height: 1.4;
        font-weight: 800;
        color: var(--bk-deep-green);
    }

    .mphoto-content p {
        margin: 0 auto 20px;
        max-width: 390px;
        font-size: 15px;
        line-height: 1.7;
        color: var(--bk-muted);
    }


/* =========================================
   EXPLORE BUTTON
========================================= */

.mphoto-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 23px;
    border-radius: 4px;
    background: var(--bk-orange);
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .mphoto-btn i {
        font-size: 12px;
        transition: transform 0.3s ease;
    }

    .mphoto-btn:hover {
        background: var(--bk-deep-green);
        color: #fff;
    }

        .mphoto-btn:hover i {
            transform: translateX(4px);
        }


/* =========================================
   CTA
========================================= */

.mphoto-cta {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}

.mphoto-cta-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 165deg, #011329, #021323 );
}

.mphoto-cta-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

    .mphoto-cta-content span {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #B88720;
    }

    .mphoto-cta-content h2 {
        margin: 0 0 18px;
        font-size: clamp(30px, 3.5vw, 46px);
        line-height: 1.2;
        font-weight: 500;
        color: #fff;
    }

    .mphoto-cta-content p {
        max-width: 700px;
        margin: 0 auto 28px;
        font-size: 16px;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.92);
    }


/* CTA BUTTON */

.mphoto-cta .mphoto-btn {
    padding: 13px 30px;
    background: #B88720;
    color: #fff;
}

    .mphoto-cta .mphoto-btn:hover {
        background: #fff;
        color: #B88720;
    }


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .mphoto-hero {
        padding: 75px 0;
    }

    .mphoto-list {
        padding: 65px 0;
    }

    .mphoto-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .mphoto-image {
        height: 280px;
    }

    .mphoto-content {
        padding: 23px 22px 26px;
    }

    .mphoto-cta {
        padding: 70px 0;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .mphoto-hero {
        padding: 65px 0;
    }

    .mphoto-hero-content h1 {
        font-size: 36px;
    }

    .mphoto-hero-content p {
        font-size: 15px;
    }

    .mphoto-list {
        padding: 55px 0;
    }

    .mphoto-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .mphoto-image {
        height: 250px;
    }

    .mphoto-folder-icon {
        width: 44px;
        height: 44px;
        top: 15px;
        left: 15px;
        font-size: 18px;
    }

    .mphoto-count {
        right: 15px;
        bottom: 15px;
    }

    .mphoto-content {
        padding: 22px 20px 25px;
    }

        .mphoto-content h3 {
            font-size: 20px;
        }

        .mphoto-content p {
            font-size: 14px;
        }

    .mphoto-cta {
        padding: 65px 0;
    }

    .mphoto-cta-content h2 {
        font-size: 32px;
    }
}

/* =========================================
   PHOTO DETAIL HERO
========================================= */
.mphoto-detail-hero {
    position: relative;
    padding: 80px 0;
    background-image: url("../../assets/img/breadcrumb-bg.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.mphoto-detail-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 135deg, rgba(1, 19, 41, 0.97), rgba(2, 19, 35, 0.92) );
}

.mphoto-detail-hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    
    color: #fff;
}

.mphoto-detail-hero-small {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--bk-white);
}

    .mphoto-detail-hero-small::before {
        content: "";
        width: 28px;
        height: 2px;
        background: var(--bk-orange);
    }

.mphoto-detail-hero-content h1 {
    max-width: 900px;
    margin: 0;
    color: var(--bk-white);
    font-family: "Manrope", sans-serif;
    font-size: clamp(38px, 5vw, 62px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.8px;
}

    .mphoto-detail-hero-content h1 span {
        color: var(--bk-orange);
    }

.mphoto-detail-hero-content p {
    max-width: 650px;
    margin: 22px 0 25px;
    color: rgba(255, 255, 255, .84) !important;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================
   PHOTO LIST
========================================= */

.mphoto-detail-list {
    padding: 80px 0;
    background: #f7faff;
}


/* =========================================
   SECTION TITLE
========================================= */

.mphoto-detail-section-title {
    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;
}

    .mphoto-detail-section-title span {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #B88720;
    }

    .mphoto-detail-section-title h2 {
        margin: 0;
        font-size: clamp(30px, 3.5vw, 42px);
        line-height: 1.2;
        font-weight: 600;
        color: #102a43;
    }


/* =========================================
   GALLERY GRID
========================================= */

.mphoto-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}


/* =========================================
   PHOTO CARD
========================================= */

.mphoto-detail-card {
    position: relative;
    background: #fff;
    border: 1px solid #e5edf4;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.35s ease;
}

    .mphoto-detail-card:hover {
        transform: translateY(-7px);
        box-shadow: 0 18px 40px rgba(16,42,67,0.13);
    }


/* =========================================
   IMAGE
========================================= */

.mphoto-detail-image {
    position: relative;
    width: 100%;
    height: 360px;
    overflow: hidden;
    background: #e9eef4;
}

    .mphoto-detail-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
        transition: transform 0.5s ease;
    }

.mphoto-detail-card:hover .mphoto-detail-image img {
    transform: scale(1.04);
}


/* =========================================
   ZOOM BUTTON
========================================= */

.mphoto-detail-zoom {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: rgba(255,255,255,0.52);
    color: #F58220;
    font-size: 20px;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.22);
    transition: all 0.3s ease;
}

.mphoto-detail-card:hover .mphoto-detail-zoom {
    opacity: 1;
    visibility: visible;
}

.mphoto-detail-zoom:hover {
    background: #F58220;
    color: #fff;
    transform: translate(-50%, -50%) scale(1.1);
}


/* =========================================
   LIGHTBOX
========================================= */

.mphoto-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

    .mphoto-lightbox.active {
        opacity: 1;
        visibility: visible;
    }


/* OVERLAY */

.mphoto-lightbox-overlay {
    position: absolute;
    inset: 0;
    background: rgba(11, 74, 41,0.96);
}


/* CONTENT */

.mphoto-lightbox-content {
    position: relative;
    z-index: 2;
    width: 90vw;
    max-width: 1200px;
    height: 88vh;
    display: flex;
    align-items: center;
    justify-content: center;
}


    /* IMAGE */

    .mphoto-lightbox-content img {
        max-width: 100%;
        max-height: 82vh;
        width: auto;
        height: auto;
        display: block;
        object-fit: contain;
        border-radius: 4px;
        box-shadow: 0 20px 70px rgba(0,0,0,0.5);
    }


/* =========================================
   CLOSE BUTTON
========================================= */

.mphoto-lightbox-close {
    position: absolute;
    top: -10px;
    right: 0;
    z-index: 5;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    color: #0B4A29;
    font-size: 28px;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

    .mphoto-lightbox-close:hover {
        background: #F58220;
        color: #fff;
        transform: rotate(90deg);
    }


/* =========================================
   PREVIOUS / NEXT
========================================= */

.mphoto-lightbox-prev,
.mphoto-lightbox-next {
    position: absolute;
    top: 50%;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    border-radius: 50%;
    background: rgba(255,255,255,0.94);
    color: #0B4A29;
    font-size: 20px;
    text-decoration: none;
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
    transition: all 0.3s ease;
    z-index: 5;
}

.mphoto-lightbox-prev {
    left: -70px;
}

.mphoto-lightbox-next {
    right: -70px;
}

    .mphoto-lightbox-prev:hover,
    .mphoto-lightbox-next:hover {
        background: #F58220;
        color: #fff;
    }


/* =========================================
   PLAY / PAUSE
========================================= */

.mphoto-lightbox-play {
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #F58220;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    z-index: 5;
}

    .mphoto-lightbox-play:hover {
        background: #fff;
        color: #F58220;
    }


/* =========================================
   COUNTER
========================================= */

.mphoto-lightbox-counter {
    position: absolute;
    bottom: -5px;
    right: 0;
    padding: 8px 14px;
    border-radius: 30px;
    background: rgba(255,255,255,0.95);
    color: #102a43;
    font-size: 13px;
    font-weight: 700;
    z-index: 5;
}


/* =========================================
   CTA
========================================= */

.mphoto-detail-cta {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}

.mphoto-detail-cta-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 165deg, #011329, #021323 );
}

.mphoto-detail-cta-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

    .mphoto-detail-cta-content span {
        display: inline-block;
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #B88720;
    }

    .mphoto-detail-cta-content h2 {
        margin: 0 0 18px;
        font-size: clamp(30px, 3.5vw, 46px);
        line-height: 1.2;
        font-weight: 500;
        color: #fff;
    }

    .mphoto-detail-cta-content p {
        max-width: 700px;
        margin: 0 auto 28px;
        font-size: 16px;
        line-height: 1.8;
        color: rgba(255,255,255,0.92);
    }

.mphoto-detail-btn {
    display: inline-block;
    padding: 13px 30px;
    border-radius: 4px;
    background: #B88720;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .mphoto-detail-btn:hover {
        background: #fff;
        color: #B88720;
    }


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .mphoto-detail-hero {
        padding: 75px 0;
    }

    .mphoto-detail-list {
        padding: 65px 0;
    }

    .mphoto-detail-grid {
        gap: 25px;
    }

    .mphoto-detail-image {
        height: 300px;
    }

    .mphoto-lightbox-prev {
        left: -20px;
    }

    .mphoto-lightbox-next {
        right: -20px;
    }

    .mphoto-detail-cta {
        padding: 70px 0;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .mphoto-detail-hero {
        padding: 65px 0;
    }

    .mphoto-detail-hero-content h1 {
        font-size: 36px;
    }

    .mphoto-detail-hero-content p {
        font-size: 15px;
    }

    .mphoto-detail-list {
        padding: 55px 0;
    }

    .mphoto-detail-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .mphoto-detail-image {
        height: 280px;
    }

    .mphoto-detail-zoom {
        width: 48px;
        height: 48px;
        opacity: 1;
        visibility: visible;
        top: 15px;
        right: 15px;
        left: auto;
        transform: none;
    }

    .mphoto-detail-card:hover .mphoto-detail-zoom {
        transform: none;
    }

    .mphoto-detail-zoom:hover {
        transform: scale(1.08);
    }


    /* LIGHTBOX */

    .mphoto-lightbox {
        padding: 20px;
    }

    .mphoto-lightbox-content {
        width: 100%;
        height: 82vh;
    }

        .mphoto-lightbox-content img {
            max-width: 100%;
            max-height: 70vh;
        }

    .mphoto-lightbox-close {
        top: -15px;
        right: 0;
        width: 38px;
        height: 38px;
        font-size: 25px;
    }

    .mphoto-lightbox-prev,
    .mphoto-lightbox-next {
        top: auto;
        bottom: 15px;
        width: 42px;
        height: 42px;
        transform: none;
    }

    .mphoto-lightbox-prev {
        left: 10px;
    }

    .mphoto-lightbox-next {
        right: 10px;
    }

    .mphoto-lightbox-play {
        bottom: 15px;
        width: 42px;
        height: 42px;
    }

    .mphoto-lightbox-counter {
        bottom: 70px;
        right: 50%;
        transform: translateX(50%);
    }


    .mphoto-detail-cta {
        padding: 65px 0;
    }

    .mphoto-detail-cta-content h2 {
        font-size: 32px;
    }
}
/* =========================================
   PRESS & MEDIA HERO
========================================= */

.mpress-hero {
    position: relative;
    padding: 80px 0;
    background-image: url("../../assets/img/breadcrumb-bg.jpg");
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.mpress-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(7, 20, 48, 0.96), rgba(7, 20, 48, 0.82), rgba(7, 20, 48, 0.70) );
}

.mpress-hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
}

.mpress-hero-small {
    display: inline-block;
    margin-bottom: 15px;
    color: #B88720;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.mpress-hero h1 {
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(38px, 5vw, 62px);
    line-height: 1.12;
    font-weight: 700;
}

.mpress-hero p {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 17px;
    line-height: 1.8;
}


/* =========================================
   PRESS LIST
========================================= */

.mpress-list {
    padding: 80px 0;
    background: #f7faff;
}

.mpress-section-title {
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

    .mpress-section-title > span {
        display: block;
        margin-bottom: 8px;
        color: #B88720;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .mpress-section-title h2 {
        margin: 0 0 15px;
        color: #071530;
        font-size: 38px;
        line-height: 1.2;
        font-weight: 700;
    }

    .mpress-section-title p {
        margin: 0;
        color: #68758a;
        font-size: 16px;
        line-height: 1.7;
    }


/* =========================================
   GRID
========================================= */

.mpress-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}


/* =========================================
   CARD
========================================= */

.mpress-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5eaf2;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(20, 45, 80, 0.05);
    transition: all 0.3s ease;
}

    .mpress-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 40px rgba(20, 45, 80, 0.11);
    }


/* =========================================
   IMAGE
========================================= */

.mpress-image {
    position: relative;
    height: 350px;
    overflow: hidden;
    background: #eef3f8;
}

    .mpress-image img {
        display: block;
        width: 100%;
        height: 100%;
        transition: transform 0.4s ease;
    }


/* =========================================
   NEWSPAPER IMAGE
========================================= */

.mpress-newspaper .mpress-image {
    background: #eef1f5;
}

    .mpress-newspaper .mpress-image img {
        padding: 15px;
        object-fit: contain;
        background: #f2f4f7;
    }


/* Newspaper par halka zoom */
.mpress-newspaper:hover .mpress-image img {
    transform: scale(1.015);
}


/* =========================================
   ONLINE MEDIA IMAGE
========================================= */

.mpress-online .mpress-image img {
    object-fit: cover;
}

.mpress-online:hover .mpress-image img {
    transform: scale(1.04);
}


/* =========================================
   MEDIA BADGE
========================================= */

.mpress-media-badge {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    padding: 6px 11px;
    border-radius: 4px;
    background: rgba(18, 75, 40, 0.90);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}


/* =========================================
   ZOOM / EXTERNAL BUTTON
========================================= */

.mpress-zoom,
.mpress-external {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #0B4A29;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -40%);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, background 0.3s ease, color 0.3s ease;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.20);
    text-decoration: none;
    cursor: pointer;
}

    .mpress-zoom i,
    .mpress-external i {
        font-size: 18px;
        line-height: 1;
    }


/* Show on hover */

.mpress-card:hover .mpress-zoom,
.mpress-card:hover .mpress-external {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
}


/* Button hover */

.mpress-zoom:hover,
.mpress-external:hover {
    background: #F58220;
    color: #fff;
}


/* =========================================
   CONTENT
========================================= */

.mpress-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 24px 25px 27px;
}

.mpress-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 10px;
    color: #F58220;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.mpress-content h3 {
    margin: 0 0 10px;
    color: #0B4A29;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 800;
}

.mpress-publication {
    margin-bottom: 12px !important;
    color: #B88720 !important;
    font-weight: 600;
}

.mpress-content p {
    margin: 0 0 18px;
    color: var(--bk-muted);
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================
   ACTION
========================================= */

.mpress-view {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 8px;
    margin-top: auto;
    color: #0B4A29;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.3s ease;
    border-radius: 10px !important;
    padding: 5px 0px;
    height: 45px;
}

    .mpress-view i {
        font-size: 12px;
        transition: transform 0.3s ease;
    }

    .mpress-view:hover {
        color: #F58220;
    }

        .mpress-view:hover i {
            transform: translateX(4px);
        }


/* =========================================
   PRESS & MEDIA LIGHTBOX
========================================= */

.mpress-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

    .mpress-lightbox.active {
        opacity: 1;
        visibility: visible;
    }


/* Overlay */

.mpress-lightbox-overlay {
    position: absolute;
    inset: 0;
    background: rgba(3, 10, 25, 0.96);
}


/* Content */

.mpress-lightbox-content {
    position: relative;
    z-index: 2;
    width: 92vw;
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Image wrapper */

.mpress-lightbox-image-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 85px;
}


    /* Actual image */

    .mpress-lightbox-image-wrap img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 82vh;
        object-fit: contain;
        box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35);
    }


/* =========================================
   LIGHTBOX CLOSE
========================================= */

.mpress-lightbox-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 31px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .mpress-lightbox-close:hover {
        background: #B88720;
    }


/* =========================================
   LIGHTBOX PREV / NEXT
========================================= */

.mpress-lightbox-prev,
.mpress-lightbox-next {
    position: absolute;
    top: 50%;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    transform: translateY(-50%);
    transition: all 0.3s ease;
}

.mpress-lightbox-prev {
    left: 10px;
}

.mpress-lightbox-next {
    right: 10px;
}

    .mpress-lightbox-prev:hover,
    .mpress-lightbox-next:hover {
        background: #B88720;
    }


/* =========================================
   LIGHTBOX PLAY
========================================= */

.mpress-lightbox-play {
    position: absolute;
    bottom: 12px;
    left: 50%;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #B88720;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transform: translateX(-50%);
}


/* =========================================
   LIGHTBOX COUNTER
========================================= */

.mpress-lightbox-counter {
    position: absolute;
    right: 15px;
    bottom: 20px;
    z-index: 20;
    padding: 7px 12px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}


/* =========================================
   CTA
========================================= */

.mpress-cta {
    position: relative;
    padding: 90px 0;
    background: url("../../assets/img/breadcrumb-bg.jpg") center/cover no-repeat;
    overflow: hidden;
}

.mpress-cta-overlay {
    position: absolute;
    inset: 0;
    background: rgba(7, 21, 48, 0.94);
}

.mpress-cta-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: auto;
    text-align: center;
}

    .mpress-cta-content > span {
        display: block;
        margin-bottom: 10px;
        color: #B88720;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .mpress-cta-content h2 {
        margin: 0 0 15px;
        color: #fff;
        font-size: 40px;
        line-height: 1.2;
    }

    .mpress-cta-content p {
        max-width: 650px;
        margin: 0 auto 28px;
        color: rgba(255, 255, 255, 0.78);
        font-size: 16px;
        line-height: 1.7;
    }

.mpress-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 28px;
    border: 1px solid #B88720;
    border-radius: 5px;
    background: #B88720;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .mpress-btn:hover {
        background: transparent;
        color: #fff;
    }


/* =========================================
   TABLET
========================================= */

@media (max-width: 1199px) {

    .mpress-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .mpress-hero {
        padding: 65px 0;
    }

        .mpress-hero h1 {
            font-size: 36px;
        }

        .mpress-hero p {
            font-size: 15px;
        }


    .mpress-list {
        padding: 60px 0;
    }

    .mpress-section-title h2 {
        font-size: 30px;
    }


    .mpress-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }


    .mpress-image {
        height: 300px;
    }


    .mpress-content {
        padding: 21px;
    }


    /* Mobile zoom button */

    .mpress-zoom,
    .mpress-external {
        top: 15px;
        right: 15px;
        left: auto;
        width: 44px;
        height: 44px;
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .mpress-card:hover .mpress-zoom,
    .mpress-card:hover .mpress-external {
        transform: none;
    }


    /* Lightbox */

    .mpress-lightbox {
        padding: 15px;
    }

    .mpress-lightbox-content {
        width: 100%;
        height: 90vh;
    }

    .mpress-lightbox-image-wrap {
        padding: 55px 5px 85px;
    }

        .mpress-lightbox-image-wrap img {
            max-width: 100%;
            max-height: 72vh;
        }


    .mpress-lightbox-prev,
    .mpress-lightbox-next {
        width: 42px;
        height: 42px;
        font-size: 20px;
    }

    .mpress-lightbox-prev {
        left: 0;
    }

    .mpress-lightbox-next {
        right: 0;
    }


    .mpress-lightbox-close {
        top: 0;
        right: 0;
        width: 42px;
        height: 42px;
        font-size: 28px;
    }


    .mpress-lightbox-play {
        bottom: 12px;
    }

    .mpress-lightbox-counter {
        right: 10px;
        bottom: 18px;
    }


    /* CTA */

    .mpress-cta {
        padding: 65px 0;
    }

    .mpress-cta-content h2 {
        font-size: 30px;
    }
}

/* =========================================================
   BHUMI KA SOLAR - CONTACT US PAGE
   File: bhumika-custom.css
========================================================= */
.bk-contact-hero {
    position: relative;
    overflow: hidden;
}

.bk-contact-hero .bk-page-hero-content {
    max-width: 820px;
}


/* =========================================================
   COMMON CONTACT STYLES
========================================================= */

.bk-contact-main-section {
    padding: 100px 0;
    background: #F5F7F6;
}

   

.bk-contact-heading {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.bk-contact-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: #126B35;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 1.6;
    text-transform: uppercase;
}

    .bk-contact-eyebrow::before {
        content: "";
        display: inline-block;
        width: 25px;
        height: 2px;
        flex-shrink: 0;
        background: #F58220;
    }

.bk-contact-heading h2,
.bk-contact-benefits-heading h2 {
    margin: 0 0 18px;
    color: var(--bk-deep-green, #0B4A29);
    font-family: 'Manrope', sans-serif;
    font-size: clamp(30px, 3.4vw, 44px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.2px;
}

    .bk-contact-heading h2 span,
    .bk-contact-benefits-heading h2 span {
        color: var(--bk-green, #3CB44A);
    }

.bk-contact-heading > p {
    max-width: 680px;
    margin: 0 auto;
    color: var(--bk-muted);
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.9;
}


/* =========================================================
   MAIN CONTACT LAYOUT
========================================================= */

.bk-contact-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1.45fr);
    align-items: stretch;
    gap: 30px;
}


/* =========================================================
   LEFT CONTACT INFORMATION PANEL
========================================================= */

.bk-contact-info {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 38px 30px;
    overflow: hidden;
    background: var(--bk-deep-green, #0B4A29);
    color: #fff;
}

    .bk-contact-info::before {
        content: "";
        position: absolute;
        top: -100px;
        right: -100px;
        width: 250px;
        height: 250px;
        border: 1px solid rgba(255,255,255,.12);
        border-radius: 50%;
        pointer-events: none;
    }

    .bk-contact-info::after {
        content: "";
        position: absolute;
        top: -65px;
        right: -65px;
        width: 180px;
        height: 180px;
        border: 1px solid rgba(255,255,255,.09);
        border-radius: 50%;
        pointer-events: none;
    }

.bk-contact-info-top {
    position: relative;
    z-index: 1;
    margin-bottom: 32px;
}

.bk-contact-info-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: #3CB44A;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 1.6;
    text-transform: uppercase;
}

    .bk-contact-info-label::before {
        content: "";
        display: inline-block;
        width: 25px;
        height: 2px;
        flex-shrink: 0;
        background: #F58220;
    }

.bk-contact-info-top h3 {
    margin: 0 0 15px;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-size: 29px;
    font-weight: 800;
    line-height: 1.3;
}

.bk-contact-info-top p {
    margin: 0;
    color: rgba(255,255,255,.76);
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.85;
}


/* Contact information items */

.bk-contact-info-item {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 21px 0;
    border-top: 1px solid rgba(255,255,255,.16);
    color: #fff;
    text-decoration: none;
    transition: border-color .25s ease;
}

    .bk-contact-info-item:last-of-type {
        border-bottom: 1px solid rgba(255,255,255,.16);
    }

a.bk-contact-info-item:hover {
    border-top-color: rgba(245,130,32,.8);
    color: #fff;
}

.bk-contact-info-icon {
    display: flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(255,255,255,.07);
    color: #FFAC61;
    font-size: 20px;
}

.bk-contact-info-text {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

    .bk-contact-info-text small {
        color: rgba(255,255,255,.65);
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        font-weight: 600;
    }

    .bk-contact-info-text strong {
        color: #fff;
        font-family: 'DM Sans', sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.6;
        overflow-wrap: anywhere;
    }

.bk-contact-info-arrow {
    color: #FFAC61;
    font-size: 18px;
    transition: transform .25s ease;
}

.bk-contact-info-item:hover .bk-contact-info-arrow {
    transform: translate(3px, -3px);
}

.bk-contact-info-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: auto;
    padding-top: 30px;
    font-size: 15px;
}

    .bk-contact-info-note > i {
        flex: 0 0 auto;
        color: #A8E6B1;
        font-size: 21px;
    }

    .bk-contact-info-note p {
        margin: 0;
        color: rgba(255,255,255,.76);
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.8;
    }


/* =========================================================
   CONTACT FORM CARD
========================================================= */

.bk-contact-form-card {
    min-width: 0;
    padding: 42px;
    border: 1px solid #E1E8E3;
    background: #fff;
    box-shadow: 0 15px 45px rgba(11,74,41,.045);
    scroll-margin-top: 100px;
}

.bk-contact-form-heading {
    margin-bottom: 32px;
}

.bk-contact-form-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: #3CB44A;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 1.6;
    text-transform: uppercase;
}

    .bk-contact-form-kicker::before {
        content: "";
        display: inline-block;
        width: 25px;
        height: 2px;
        flex-shrink: 0;
        background: #F58220;
    }

.bk-contact-form-heading h3 {
    margin: 0 0 12px;
    color: var(--bk-deep-green, #0B4A29);
    font-family: 'Manrope', sans-serif;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.3;
}

.bk-contact-form-heading p {
    margin: 0;
    color: var(--bk-muted);
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   FORM GRID & FIELDS
========================================================= */

.bk-contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 23px 20px;
}

.bk-contact-field {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.bk-contact-field-full {
    grid-column: 1 / -1;
}

.bk-contact-field label {
    display: block;
    margin-bottom: 9px;
    color: var(--bk-muted);
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.bk-contact-input {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 52px;
    padding: 13px 15px;
    border: 1px solid #DCE5DE;
    border-radius: 2px;
    outline: none;
    background-color: #FBFCFB;
    color: #18221C;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    transition: border-color .25s ease, background-color .25s ease, box-shadow .25s ease;
}

    .bk-contact-input::placeholder {
        color: #9AA39C;
        opacity: 1;
    }

    .bk-contact-input:hover {
        border-color: #B8CCBD;
    }

    .bk-contact-input:focus {
        border-color: var(--bk-green, #3CB44A);
        background-color: #fff;
        box-shadow: 0 0 0 3px rgba(60,180,74,.10);
    }

    .bk-contact-input:focus-visible {
        outline: none;
    }

select.bk-contact-input {
    padding-right: 38px;
    cursor: pointer;
}

.bk-contact-textarea {
    min-height: 145px;
    resize: vertical;
}


/* =========================================================
   FORM FOOTER & SUBMIT BUTTON
========================================================= */

.bk-contact-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 27px;
    padding-top: 23px;
    border-top: 1px solid #E8EDE9;
}

    .bk-contact-form-footer > p {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        max-width: 280px;
        margin: 0;
        color: var(--bk-muted);
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.7;
    }

        .bk-contact-form-footer > p i {
            flex: 0 0 auto;
            margin-top: 2px;
            color: var(--bk-dark-green, #126B35);
            font-size: 16px;
        }

.bk-contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 25px;
    border: 1px solid var(--bk-orange, #F58220);
    border-radius: 2px;
    background: var(--bk-orange, #F58220);
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
    cursor: pointer;
    transition: background-color .25s ease, border-color .25s ease, transform .25s ease;
}

    .bk-contact-submit:hover {
        transform: translateY(-2px);
        border-color: #DC6D12;
        background: #DC6D12;
        color: #fff;
    }

    .bk-contact-submit:focus-visible {
        outline: 3px solid rgba(245,130,32,.35);
        outline-offset: 4px;
    }

.bk-contact-form-message {
    display: block;
    margin-top: 20px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   WHY CONTACT US / BENEFITS SECTION
========================================================= */

.bk-contact-benefits {
    padding: 90px 0 100px;
    background: #F5F7F6;
}

.bk-contact-benefits-heading {
    max-width: 720px;
    margin: 0 auto 45px;
    text-align: center;
}

.bk-contact-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.bk-contact-benefit-card {
    position: relative;
    padding: 32px 28px;
    border: 1px solid #E2E9E3;
    background: #fff;
    transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

    .bk-contact-benefit-card:hover {
        transform: translateY(-4px);
        border-color: #B8DDBF;
        box-shadow: 0 15px 35px rgba(11,74,41,.07);
    }

.bk-contact-benefit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 24px;
    border: 1px solid #D7EBDD;
    background: #F0F8F1;
    color: var(--bk-dark-green, #126B35);
    font-size: 23px;
    transition: background-color .25s ease, color .25s ease;
}

.bk-contact-benefit-card:hover .bk-contact-benefit-icon {
    background: var(--bk-dark-green, #126B35);
    color: #fff;
}

.bk-contact-benefit-card h3 {
    margin: 0 0 12px;
    color: var(--bk-deep-green, #0B4A29);
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.4;
}

.bk-contact-benefit-card p {
    margin: 0;
    color: var(--bk-muted);
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.85;
}


/* =========================================================
   RESPONSIVE: TABLET
========================================================= */

@media (max-width: 991px) {

    .bk-contact-main-section {
        padding: 75px 0;
    }

    .bk-contact-layout {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .bk-contact-info {
        padding: 34px;
    }

    .bk-contact-info-top {
        max-width: 650px;
        margin-bottom: 25px;
    }

        .bk-contact-info-top h3 {
            font-size: 27px;
        }

    .bk-contact-info-note {
        margin-top: 24px;
        padding-top: 0;
    }

    .bk-contact-benefits {
        padding: 75px 0;
    }

    .bk-contact-benefits-grid {
        gap: 16px;
    }

    .bk-contact-benefit-card {
        padding: 25px 20px;
    }

        .bk-contact-benefit-card h3 {
            font-size: 18px;
        }
}


/* =========================================================
   RESPONSIVE: MOBILE
========================================================= */

@media (max-width: 767px) {

    .bk-contact-main-section .bk-container,
    .bk-contact-benefits .bk-container {
        width: calc(100% - 32px);
    }

    .bk-contact-main-section {
        padding: 60px 0;
    }

    .bk-contact-heading {
        margin-bottom: 35px;
        text-align: left;
    }

        .bk-contact-heading h2,
        .bk-contact-benefits-heading h2 {
            font-size: 31px;
            letter-spacing: -.7px;
        }

        .bk-contact-heading > p {
            margin: 0;
        }

    .bk-contact-info {
        padding: 28px 23px;
    }

    .bk-contact-info-top h3 {
        font-size: 25px;
    }

    .bk-contact-info-item {
        gap: 12px;
        padding: 18px 0;
    }

    .bk-contact-info-icon {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
        font-size: 18px;
    }

    .bk-contact-info-text strong {
        font-size: 14px;
    }

    .bk-contact-form-card {
        padding: 28px 22px;
    }

    .bk-contact-form-heading {
        margin-bottom: 25px;
    }

        .bk-contact-form-heading h3 {
            font-size: 24px;
        }

    .bk-contact-form-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .bk-contact-field-full {
        grid-column: auto;
    }

    .bk-contact-form-footer {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

        .bk-contact-form-footer > p {
            max-width: none;
        }

    .bk-contact-submit {
        width: 100%;
    }

    .bk-contact-benefits {
        padding: 60px 0;
    }

    .bk-contact-benefits-heading {
        margin-bottom: 30px;
        text-align: left;
    }

    .bk-contact-benefits-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .bk-contact-benefit-card {
        padding: 25px;
    }

    .bk-contact-benefit-icon {
        margin-bottom: 18px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .bk-contact-main-section .bk-container,
    .bk-contact-benefits .bk-container {
        width: calc(100% - 24px);
    }

    .bk-contact-form-card {
        padding: 24px 17px;
    }

    .bk-contact-info {
        padding: 25px 18px;
    }

    .bk-contact-heading h2,
    .bk-contact-benefits-heading h2 {
        font-size: 28px;
    }

    .bk-contact-form-heading h3 {
        font-size: 22px;
    }

    .bk-contact-info-top h3 {
        font-size: 23px;
    }
}

/* ======================================
   CONTACT PAGE - OFFICE MAP
========================================= */
.bk-contact-map-section {
    padding: 85px 0;
    background: #Ffffff;
}

.bk-contact-map-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 32px;
}

    .bk-contact-map-heading h2 {
        margin: 0 0 15px;
        color: var(--bk-deep-green, #0B4A29);
        font-family: 'Manrope', sans-serif;
        font-size: clamp(30px, 3vw, 42px);
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: -1px;
    }

        .bk-contact-map-heading h2 span {
            color: var(--bk-green, #3CB44A);
        }

    .bk-contact-map-heading p {
        max-width: 650px;
        margin: 0;
        color: var(--bk-muted);
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.8;
    }

.bk-contact-map-directions {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 49px;
    padding: 12px 20px;
    border: 1px solid var(--bk-orange, #F58220);
    background: var(--bk-orange, #F58220);
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: .25s ease;
}

    .bk-contact-map-directions:hover {
        border-color: #DC6D12;
        background: #DC6D12;
        color: #fff;
    }

.bk-contact-map-frame {
    position: relative;
    overflow: hidden;
    border: 1px solid #DCE5DE;
    background: #fff;
    box-shadow: 0 15px 40px rgba(11, 74, 41, .06);
    line-height: 0;
}

    .bk-contact-map-frame iframe {
        display: block;
        width: 100%;
        height: 450px;
        border: 0;
        filter: saturate(.85);
    }

@media (max-width: 767px) {
    .bk-contact-map-section {
        padding: 60px 0;
    }

    .bk-contact-map-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 22px;
        margin-bottom: 25px;
    }

        .bk-contact-map-heading h2 {
            font-size: 31px;
        }

    .bk-contact-map-directions {
        width: 100%;
    }

    .bk-contact-map-frame iframe {
        height: 340px;
    }
}

/* =========================================================
   BHUMI KA SOLAR — GET A QUOTE PAGE
   File: bhumika-custom.css
   ========================================================= */
/* ---------- HERO ---------- */
.bk-quote-hero {
    position: relative;
    overflow: hidden;
}

.bk-quote-hero .bk-page-hero-content {
    max-width: 900px;
}

.bk-quote-hero .bk-page-hero-kicker {
    color: #F58220;
}

.bk-quote-hero .bk-page-hero-scroll {
    color: #fff;
}


/* ---------- QUOTE MAIN SECTION ---------- */

.bk-quote-main {
    position: relative;
    padding: 90px 0;
    background: #F4FAF5;
}

.bk-quote-intro {
    max-width: 780px;
    margin: 0 auto 48px;
    text-align: center;
}
.bk-quote-sidebar-kicker {
    display: inline-block;
    margin-bottom: 16px;
    color: #F58220;
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.6;
    text-transform: uppercase;
}

    .bk-quote-sidebar-kicker::before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 2px;
        margin: 0 9px 3px 0;
        background: #F58220;
    }

    .bk-quote-intro .bk-commercial-eyebrow {
        display: inline-block;
        margin-bottom: 14px;
        color: #126B35;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .bk-quote-intro h2 {
        margin: 0 0 18px;
        color: #18221C;
        font-family: 'Manrope', sans-serif;
        font-size: clamp(30px, 4vw, 44px);
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: -1.3px;
    }

        .bk-quote-intro h2 span {
            color: #126B35;
        }

    .bk-quote-intro p {
        max-width: 700px;
        margin: 0 auto;
        color: #657168;
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.9;
    }


/* ---------- TWO-COLUMN LAYOUT ---------- */

.bk-quote-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.5fr);
    align-items: start;
    gap: 30px;
}

.bk-quote-sidebar {
    position: relative;
    padding: 34px 28px;
    background: #0B4A29;
    border: 1px solid rgba(255, 255, 255, 0.12);
    overflow: hidden;
}

    .bk-quote-sidebar::before {
        content: "";
        position: absolute;
        top: -90px;
        right: -90px;
        width: 220px;
        height: 220px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 50%;
        pointer-events: none;
    }

    .bk-quote-sidebar::after {
        content: "";
        position: absolute;
        top: -55px;
        right: -55px;
        width: 150px;
        height: 150px;
        border: 1px solid rgba(245, 130, 32, 0.35);
        border-radius: 50%;
        pointer-events: none;
    }

    .bk-quote-sidebar > * {
        position: relative;
        z-index: 1;
    }

    .bk-quote-sidebar h3 {
        margin: 0 0 13px;
        color: #fff;
        font-family: 'Manrope', sans-serif;
        font-size: 25px;
        font-weight: 800;
        line-height: 1.35;
    }

    .bk-quote-sidebar > p {
        margin: 0 0 30px;
        color: rgba(255, 255, 255, 0.76);
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.8;
    }


/* ---------- BENEFIT CARDS ---------- */

.bk-quote-benefit {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 19px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.bk-quote-benefit-icon {
    display: flex;
    flex: 0 0 45px;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    color: #F58220;
    background: rgba(245, 130, 32, 0.13);
    border: 1px solid rgba(245, 130, 32, 0.32);
    font-size: 20px;
}

.bk-quote-benefit-content {
    flex: 1;
    min-width: 0;
}

.bk-quote-benefit h4 {
    margin: 0 0 6px;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.5;
}

.bk-quote-benefit p {
    margin: 0;
    color: rgba(255, 255, 255, 0.70);
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1.75;
}
@media (max-width: 767px) {
    .bk-quote-sidebar-kicker {
        font-size: 10px;
        letter-spacing: 1.6px;
    }
}

/* Quote Form Kicker */
.bk-quote-form-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: #126B35;
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 1.6;
    text-transform: uppercase;
}

.bk-quote-form-kicker::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 2px;
    flex-shrink: 0;
    background: #F58220;
}

@media (max-width: 767px) {
    .bk-quote-form-kicker {
        font-size: 10px;
        letter-spacing: 1.4px;
        gap: 8px;
    }

        .bk-quote-form-kicker::before {
            width: 20px;
        }
}

/* ---------- SIDEBAR CONTACT ---------- */
.bk-quote-sidebar-contact {
    margin-top: 25px;
    padding: 21px;
    background: rgba(255, 255, 255, 0.07);
    border-left: 3px solid #F58220;
}

    .bk-quote-sidebar-contact span {
        display: block;
        margin-bottom: 8px;
        color: rgba(255, 255, 255, 0.72);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .bk-quote-sidebar-contact a {
        display: inline-block;
        color: #fff;
        font-family: 'Manrope', sans-serif;
        font-size: 19px;
        font-weight: 800;
        text-decoration: none;
        overflow-wrap: anywhere;
        transition: color 0.25s ease;
    }

        .bk-quote-sidebar-contact a:hover {
            color: #F58220;
        }


/* ---------- QUOTE FORM CARD ---------- */

.bk-quote-form-card {
    min-width: 0;
    padding: 38px;
    background: #fff;
    border: 1px solid #E0E9E2;
    box-shadow: 0 18px 55px rgba(11, 74, 41, 0.07);
}

.bk-quote-form-heading {
    margin-bottom: 30px;
    padding-bottom: 23px;
    border-bottom: 1px solid #E7ECE9;
}

    .bk-quote-form-heading .bk-commercial-eyebrow {
        display: inline-block;
        margin-bottom: 11px;
        color: #126B35;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 1.7px;
        text-transform: uppercase;
    }

    .bk-quote-form-heading h3 {
        margin: 0 0 10px;
        color: #18221C;
        font-family: 'Manrope', sans-serif;
        font-size: 28px;
        font-weight: 800;
        line-height: 1.3;
        letter-spacing: -0.5px;
    }

    .bk-quote-form-heading p {
        margin: 0;
        color: #6B756E;
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.8;
    }


/* ---------- FORM GRID ---------- */

.bk-quote-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 20px;
}

    .bk-quote-form-grid .bk-contact-field {
        min-width: 0;
        margin: 0;
    }

    .bk-quote-form-grid .bk-contact-field-full {
        grid-column: 1 / -1;
    }

    .bk-quote-form-grid .bk-contact-field label {
        display: block;
        margin-bottom: 9px;
        color: #25352A;
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.5;
    }

    .bk-quote-form-grid .bk-contact-input,
    .bk-quote-form-grid select.bk-contact-input,
    .bk-quote-form-grid .bk-contact-textarea {
        display: block;
        width: 100%;
        min-width: 0;
        min-height: 52px;
        padding: 13px 15px;
        color: #18221C;
        background: #FAFCFA;
        border: 1px solid #DCE5DE;
        border-radius: 0;
        outline: none;
        box-shadow: none;
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.5;
        transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
    }

        .bk-quote-form-grid .bk-contact-input::placeholder,
        .bk-quote-form-grid .bk-contact-textarea::placeholder {
            color: #9AA49C;
            opacity: 1;
        }

        .bk-quote-form-grid .bk-contact-input:focus,
        .bk-quote-form-grid select.bk-contact-input:focus,
        .bk-quote-form-grid .bk-contact-textarea:focus {
            background: #fff;
            border-color: #3CB44A;
            box-shadow: 0 0 0 3px rgba(60, 180, 74, 0.10);
        }

    .bk-quote-form-grid select.bk-contact-input {
        cursor: pointer;
    }

    .bk-quote-form-grid .bk-contact-textarea {
        min-height: 125px;
        resize: vertical;
    }

        .bk-quote-form-grid .bk-contact-input:disabled,
        .bk-quote-form-grid select.bk-contact-input:disabled,
        .bk-quote-form-grid .bk-contact-textarea:disabled {
            cursor: not-allowed;
            opacity: 0.65;
        }


/* ---------- FORM FOOTER & SUBMIT ---------- */

.bk-quote-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #E7ECE9;
}

.bk-quote-form-note {
    max-width: 310px;
    margin: 0;
    color: #758078;
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    line-height: 1.8;
}

.bk-quote-form-card .bk-contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 53px;
    padding: 15px 25px;
    color: #fff;
    background: #126B35;
    border: 1px solid #126B35;
    border-radius: 0;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.3px;
    text-align: center;
    cursor: pointer;
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

    .bk-quote-form-card .bk-contact-submit:hover {
        background: #0B4A29;
        border-color: #0B4A29;
        transform: translateY(-2px);
    }

    .bk-quote-form-card .bk-contact-submit:focus-visible {
        outline: 3px solid rgba(245, 130, 32, 0.45);
        outline-offset: 3px;
    }

.bk-quote-form-card .bk-contact-form-message {
    display: block;
    margin-top: 18px;
    padding: 12px 15px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

    .bk-quote-form-card .bk-contact-form-message:empty {
        display: none;
    }


/* ---------- PROCESS SECTION ---------- */

.bk-quote-process {
    padding: 85px 0;
    background: #fff;
}

.bk-quote-process-heading {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}

    .bk-quote-process-heading .bk-commercial-eyebrow {
        display: inline-block;
        margin-bottom: 13px;
        color: #126B35;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 1.8px;
        text-transform: uppercase;
    }

    .bk-quote-process-heading h2 {
        margin: 0 0 15px;
        color: #18221C;
        font-family: 'Manrope', sans-serif;
        font-size: clamp(28px, 3.5vw, 40px);
        font-weight: 800;
        line-height: 1.25;
        letter-spacing: -1px;
    }

    .bk-quote-process-heading p {
        margin: 0;
        color: #69746C;
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.9;
    }

.bk-quote-process-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.bk-quote-process-card {
    position: relative;
    padding: 32px 27px;
    background: #F5F7F6;
    border: 1px solid #E3EAE5;
    transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

    .bk-quote-process-card:hover {
        border-color: #3CB44A;
        box-shadow: 0 15px 35px rgba(11, 74, 41, 0.07);
        transform: translateY(-5px);
    }

.bk-quote-process-number {
    display: inline-block;
    margin-bottom: 22px;
    color: #F58220;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 2px;
}

.bk-quote-process-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 22px;
    color: #126B35;
    background: #E5F5E8;
    border: 1px solid #D1EBD6;
    font-size: 23px;
}

.bk-quote-process-card h3 {
    margin: 0 0 12px;
    color: #0B4A29;
    font-family: 'Manrope', sans-serif;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.45;
}

.bk-quote-process-card p {
    margin: 0;
    color: var(--bk-muted);
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    line-height: 1.85;
}


/* ---------- FINAL CTA ---------- */

.bk-quote-final-cta {
    padding: 0 0 85px;
    background: #fff;
}

.bk-quote-final-cta-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    padding: 48px 50px;
    background: #0B4A29;
    overflow: hidden;
}

    .bk-quote-final-cta-inner::after {
        content: "";
        position: absolute;
        top: -130px;
        right: 100px;
        width: 280px;
        height: 280px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 50%;
        pointer-events: none;
    }

.bk-quote-final-cta-content {
    position: relative;
    z-index: 1;
    max-width: 680px;
}

    .bk-quote-final-cta-content .bk-contact-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 12px;
        color: #F58220;
        font-family: 'DM Sans', sans-serif;
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1.8px;
        line-height: 1.6;
        text-transform: uppercase;
    }

.bk-contact-eyebrow::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 2px;
    flex-shrink: 0;
    background: #F58220;
}

    .bk-quote-final-cta-content h2 {
        margin: 0 0 14px;
        color: #fff;
        font-family: 'Manrope', sans-serif;
        font-size: clamp(26px, 3.3vw, 38px);
        font-weight: 800;
        line-height: 1.3;
        letter-spacing: -0.7px;
    }

        .bk-quote-final-cta-content h2 span {
            color: #F58220;
        }

    .bk-quote-final-cta-content p {
        max-width: 620px;
        margin: 0;
        color: rgba(255, 255, 255, 0.78);
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.85;
    }

.bk-quote-final-cta-actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.bk-quote-phone-link {
   
    color: var(--bk-white);
    font-size: 21px;
    font-weight: 800;
    text-decoration: none;
}


/* ---------- TABLET ---------- */

@media (max-width: 991px) {
    .bk-quote-main {
        padding: 70px 0;
    }

    .bk-quote-layout {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .bk-quote-sidebar {
        padding: 30px;
    }

        .bk-quote-sidebar > p {
            max-width: 650px;
        }

    .bk-quote-process {
        padding: 70px 0;
    }

    .bk-quote-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bk-quote-process-card:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

    .bk-quote-final-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        padding: 40px;
    }

    .bk-quote-final-cta-actions {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }
}


/* ---------- MOBILE ---------- */

@media (max-width: 767px) {
    .bk-quote-main {
        padding: 55px 0;
    }

    .bk-quote-intro {
        margin-bottom: 32px;
        text-align: left;
    }

        .bk-quote-intro h2 {
            font-size: 31px;
            letter-spacing: -0.8px;
        }

        .bk-quote-intro p {
            margin-left: 0;
        }

    .bk-quote-sidebar {
        padding: 27px 22px;
    }

        .bk-quote-sidebar h3 {
            font-size: 23px;
        }

    .bk-quote-form-card {
        padding: 25px 20px;
    }

    .bk-quote-form-heading {
        margin-bottom: 24px;
    }

        .bk-quote-form-heading h3 {
            font-size: 24px;
        }

    .bk-quote-form-grid {
        grid-template-columns: 1fr;
        gap: 19px;
    }

        .bk-quote-form-grid .bk-contact-field-full {
            grid-column: auto;
        }

    .bk-quote-form-footer {
        align-items: stretch;
        flex-direction: column;
        gap: 17px;
    }

    .bk-quote-form-note {
        max-width: none;
    }

    .bk-quote-form-card .bk-contact-submit {
        width: 100%;
    }

    .bk-quote-process {
        padding: 55px 0;
    }

    .bk-quote-process-heading {
        margin-bottom: 30px;
        text-align: left;
    }

        .bk-quote-process-heading h2 {
            font-size: 30px;
        }

    .bk-quote-process-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .bk-quote-process-card,
    .bk-quote-process-card:last-child:nth-child(odd) {
        grid-column: auto;
        padding: 26px 23px;
    }

    .bk-quote-final-cta {
        padding-bottom: 55px;
    }

    .bk-quote-final-cta-inner {
        gap: 25px;
        padding: 30px 23px;
    }

    .bk-quote-final-cta-content h2 {
        font-size: 29px;
    }

    .bk-quote-final-cta-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

        .bk-quote-final-cta-actions .bk-commercial-btn {
            width: 100%;
            justify-content: center;
            text-align: center;
        }
}


/* ---------- SMALL MOBILE ---------- */

@media (max-width: 400px) {
    .bk-quote-intro h2 {
        font-size: 27px;
    }

    .bk-quote-form-card {
        padding: 22px 15px;
    }

    .bk-quote-form-heading h3 {
        font-size: 22px;
    }

    .bk-quote-sidebar {
        padding: 24px 17px;
    }

    .bk-quote-benefit {
        gap: 11px;
    }

    .bk-quote-benefit-icon {
        flex-basis: 39px;
        width: 39px;
        height: 39px;
    }

    .bk-quote-final-cta-inner {
        padding: 26px 17px;
    }
}

/* =========================================
   PRIVACY POLICY PAGE
   ========================================= */
.bk-privacy-container {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
}

/* Hero */

.bk-privacy-hero {
    position: relative;
    padding: 75px 0 65px;
    
    overflow: hidden;
}

    .bk-privacy-hero::after {
        content: "";
        position: absolute;
        top: -150px;
        right: 8%;
        width: 350px;
        height: 350px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 50%;
        pointer-events: none;
    }

.bk-privacy-kicker {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 20px;
    color: var(--bk-white-text);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

    .bk-privacy-kicker span {
        display: inline-block;
        flex: 0 0 28px;
        width: 28px;
        height: 2px;
        background: var(--bk-orange);
    }


.bk-privacy-hero h1 {
    max-width: 900px;
    margin: 0;
    color: var(--bk-white);
    font-family: "Manrope", sans-serif;
    font-size: clamp(38px, 5vw, 62px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.8px;
}

    .bk-privacy-hero h1 span {
        color: var(--bk-orange);
    }

.bk-privacy-hero p {
    max-width: 650px;
    margin: 22px 0 25px;
    color: rgba(255, 255, 255, .84) !important;
    font-size: 16px;
    line-height: 1.8;
}

.bk-privacy-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
    color: rgba(255, 255, 255, 0.7);
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
}

    .bk-privacy-breadcrumb a {
        color: #fff;
        text-decoration: none;
        transition: color 0.2s ease;
    }

        .bk-privacy-breadcrumb a:hover {
            color: #F58220;
        }

/* Main Content */

.bk-privacy-main {
    padding: 70px 0 85px;
    background: #F5F7F6;
}

.bk-privacy-content {
    max-width: 900px;
    margin: 0 auto;
    padding: 48px;
    background: #fff;
    border: 1px solid #E3EAE5;
}

.bk-privacy-intro {
    margin: 0 0 35px;
    padding: 0 0 28px;
    color: var(--bk-muted);
    border-bottom: 1px solid #E3EAE5;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.95;
}

.bk-privacy-section {
    margin-bottom: 32px;
}

    .bk-privacy-section h2 {
        position: relative;
        margin: 0 0 14px;
        padding-left: 16px;
        color: #18221C;
        font-family: 'Manrope', sans-serif;
        font-size: 21px;
        font-weight: 800;
        line-height: 1.5;
    }

        .bk-privacy-section h2::before {
            content: "";
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 0;
            width: 3px;
            background: #3CB44A;
        }

    .bk-privacy-section p,
    .bk-privacy-section li {
        color: var(--bk-muted);
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.9;
    }
    .bk-privacy-section li {
        position: relative;
        margin-bottom: 12px;
        padding-left: 30px;
        color: var(--bk-muted);
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.85;
    }

        .bk-privacy-section li::before {
            content: "\2713";
            position: absolute;
            top: 3px;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 19px;
            height: 19px;
            color: #126B35;
            background: #E5F5E8;
            border: 1px solid #CBE9D1;
            font-size: 12px;
            font-weight: 800;
            line-height: 1;
        }

        .bk-privacy-section li::marker {
            content: "";
        }
    .bk-privacy-section p {
        margin: 0 0 13px;
    }

    .bk-privacy-section ul {
        margin: 12px 0 18px;
    }

    .bk-privacy-section li {
        margin-bottom: 8px;
       
    }

        .bk-privacy-section li::marker {
            color: #3CB44A;
        }

/* Contact Panel */

.bk-privacy-contact {
    margin-top: 45px;
    padding: 32px;
    background: #F4FAF5;
    border: 1px solid #DCE9DE;
    border-left: 4px solid #3CB44A;
}

    .bk-privacy-contact .bk-privacy-kicker {
        margin-bottom: 10px;
        color: #126B35;
    }

    .bk-privacy-contact h2 {
        margin: 0 0 12px;
        color: #18221C;
        font-family: 'Manrope', sans-serif;
        font-size: 25px;
        font-weight: 800;
        line-height: 1.4;
    }

    .bk-privacy-contact p {
        margin: 0 0 22px;
        color: var(--bk-muted);
        font-family: 'DM Sans', sans-serif;
        font-size: 15px;
        line-height: 1.9;
    }

.bk-privacy-contact-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 48px;
    padding: 13px 21px;
    color: #fff;
    background: #126B35;
    border: 1px solid #126B35;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

    .bk-privacy-contact-btn:hover {
        color: #fff;
        background: #0B4A29;
        border-color: #0B4A29;
        transform: translateY(-2px);
    }

/* Responsive */

@media (max-width: 767px) {
    .bk-privacy-container {
        width: calc(100% - 32px);
    }

    .bk-privacy-hero {
        padding: 55px 0 45px;
    }

        .bk-privacy-hero h1 {
            font-size: 36px;
            letter-spacing: -0.8px;
        }

    .bk-privacy-main {
        padding: 40px 0 55px;
    }

    .bk-privacy-content {
        padding: 27px 21px;
    }

    .bk-privacy-intro {
        font-size: 15px;
    }

    .bk-privacy-section {
        margin-bottom: 27px;
    }

        .bk-privacy-section h2 {
            font-size: 19px;
        }

        .bk-privacy-section p,
        .bk-privacy-section li {
            font-size: 14px;
        }

    .bk-privacy-contact {
        margin-top: 32px;
        padding: 24px 20px;
    }

        .bk-privacy-contact h2 {
            font-size: 22px;
        }
}

@media (max-width: 400px) {
    .bk-privacy-content {
        padding: 23px 16px;
    }

    .bk-privacy-hero h1 {
        font-size: 31px;
    }
}

.bk-contact-validation-summary {
    margin: 0 0 22px;
    padding: 14px 18px;
    color: #a12622;
    background: #fff4f2;
    border: 1px solid #f2c6c2;
    font-size: 14px;
}

.bk-contact-error {
    display: block;
    margin-top: 6px;
    color: #b42318;
    font-size: 12px;
    line-height: 1.5;
}

.bk-contact-captcha {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.bk-contact-captcha-question {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
    min-height: 46px;
    padding: 8px 16px;
    background: #f4faf5;
    border: 1px solid #d8e8dc;
    color: #126b35;
    font-weight: 700;
    letter-spacing: 1px;
}

.bk-contact-captcha .bk-contact-input {
    max-width: 180px;
}

.bk-contact-success {
    display: block;
    margin-top: 16px;
    color: #126b35;
}

.bk-contact-error.bk-contact-form-message {
    display: block;
    margin-top: 16px;
}

/* =========================================
   BHUMI KA SOLAR - THANK YOU PAGE
   ========================================= */

.bk-thankyou-page {
    position: relative;
    overflow: hidden;
    padding: 85px 20px 70px;
    background: #F4FAF5;
}

    .bk-thankyou-page::before,
    .bk-thankyou-page::after {
        content: "";
        position: absolute;
        border: 1px solid rgba(60, 180, 74, 0.12);
        border-radius: 50%;
        pointer-events: none;
    }

    .bk-thankyou-page::before {
        width: 360px;
        height: 360px;
        top: -190px;
        left: -140px;
    }

    .bk-thankyou-page::after {
        width: 440px;
        height: 440px;
        right: -230px;
        bottom: -240px;
    }

.bk-thankyou-container {
    position: relative;
    z-index: 1;
    width: min(100%, 820px);
    margin: 0 auto;
}

.bk-thankyou-card {
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #DFEAE1;
    box-shadow: 0 18px 55px rgba(18, 107, 53, 0.07);
}

.bk-thankyou-top-line {
    height: 5px;
    background: linear-gradient( 90deg, #126B35 0%, #3CB44A 65%, #F58220 100% );
}

.bk-thankyou-content {
    padding: 58px 65px 42px;
    text-align: center;
}

.bk-thankyou-icon {
    width: 76px;
    height: 76px;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #126B35;
    background: #E8F7EB;
    border: 1px solid #C8EBD0;
    font-size: 39px;
}

.bk-thankyou-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: var(--bk-deep-green);
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 1.6;
    text-transform: uppercase;
}

    .bk-thankyou-eyebrow::before {
        content: "";
        display: inline-block;
        width: 25px;
        height: 2px;
        flex-shrink: 0;
        background: #F58220;
    }


.bk-thankyou-content h1 {
    max-width: 900px;
    margin: 0;
    color: var(--bk-deep-green);
    font-family: "Manrope", sans-serif;
    font-size: clamp(38px, 5vw, 62px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.8px;
}

    .bk-thankyou-content h1 span {
        display: block;
        color: var(--bk-green);
    }

.bk-thankyou-description {
    max-width: 590px;
    margin: 0 auto;
    color: var(--bk-muted);
    font-family: 'DM Sans', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.85;
    margin-top: 25px;
}

.bk-thankyou-divider {
    width: 100%;
    height: 1px;
    margin: 34px 0;
    background: #E8EEE9;
}

.bk-thankyou-next-step {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 22px;
    text-align: left;
    background: #F7FAF7;
    border: 1px solid #E5EEE6;
}

.bk-thankyou-next-icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #126B35;
    background: #E4F4E7;
    font-size: 21px;
}

.bk-thankyou-next-step h3 {
    margin: 0 0 7px;
    color: #18221C;
    font-family: 'Manrope', Arial, sans-serif;
    font-size: 17px;
    font-weight: 800;
}

.bk-thankyou-next-step p {
    margin: 0;
    color: var(--bk-muted);
    font-size: 15px;
    line-height: 1.75;
}

.bk-thankyou-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.bk-thankyou-btn-primary,
.bk-thankyou-btn-secondary {
    min-height: 49px;
    padding: 14px 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 11px;
    font-family: 'DM Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.25s ease;
}

.bk-thankyou-btn-primary {
    color: #FFFFFF;
    background: #126B35;
    border: 1px solid #126B35;
}

    .bk-thankyou-btn-primary:hover {
        color: #FFFFFF;
        background: #0B4A29;
        border-color: #0B4A29;
        transform: translateY(-2px);
    }

.bk-thankyou-btn-secondary {
    color: #126B35;
    background: #FFFFFF;
    border: 1px solid #C8DCCB;
}

    .bk-thankyou-btn-secondary:hover {
        color: #0B4A29;
        background: #F0F8F1;
        border-color: #126B35;
    }

.bk-thankyou-footer-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 36px;
    color: #7A857C;
    font-size: 15px;
}

    .bk-thankyou-footer-note i {
        color: #F58220;
        font-size: 16px;
    }

.bk-thankyou-bottom-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 24px;
    color: #68756A;
    font-size: 15px;
    text-align: center;
}

.bk-thankyou-bottom-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    background: #3CB44A;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .bk-thankyou-page {
        padding: 55px 16px 45px;
    }

    .bk-thankyou-content {
        padding: 42px 24px 30px;
    }

        .bk-thankyou-content h1 {
            letter-spacing: -0.7px;
        }

    .bk-thankyou-divider {
        margin: 26px 0;
    }

    .bk-thankyou-next-step {
        padding: 18px;
        gap: 13px;
    }

    .bk-thankyou-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .bk-thankyou-btn-primary,
    .bk-thankyou-btn-secondary {
        width: 100%;
    }

    .bk-thankyou-footer-note {
        line-height: 1.7;
    }
}

@media (max-width: 380px) {
    .bk-thankyou-content {
        padding-right: 17px;
        padding-left: 17px;
    }

    .bk-thankyou-next-step {
        flex-direction: column;
    }
}
.bk-quote-validation-summary {
    margin: 0 0 24px;
    padding: 16px 20px;
    border: 1px solid #e5b7b7;
    border-left: 4px solid #c62828;
    background: #fff7f7;
    color: #8b1e1e;
    font-size: 14px;
}

    .bk-quote-validation-summary ul {
        margin: 8px 0 0;
        padding-left: 20px;
    }

.bk-quote-validator {
    display: block;
    margin-top: 6px;
    color: #c62828;
    font-size: 12px;
    line-height: 1.5;
}

.bk-quote-captcha {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
    padding: 18px;
    border: 1px solid #e1e8e2;
    background: #f7faf7;
}

.bk-quote-captcha-question {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    min-height: 44px;
    padding: 8px 16px;
    background: #0b4a29;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
}

.bk-quote-captcha-refresh {
    padding: 8px 12px;
    border: 1px solid #cbd8cd;
    background: #fff;
    color: #126b35;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
}

.bk-quote-captcha-input {
    max-width: 180px;
}

.bk-quote-form-message {
    display: block;
    margin-top: 18px;
    padding: 12px 15px;
    font-size: 14px;
}

    .bk-quote-form-message.error {
        border: 1px solid #e5b7b7;
        background: #fff7f7;
        color: #a32121;
    }

    .bk-quote-form-message.success {
        border: 1px solid #b8dfc0;
        background: #f1fbf3;
        color: #126b35;
    }

.bk-quote-captcha-note {
    width: 100%;
    margin: 0;
    color: #647168;
    font-size: 12px;
}

@media (max-width: 575px) {
    .bk-quote-captcha {
        align-items: stretch;
    }

    .bk-quote-captcha-input {
        max-width: 100%;
        width: 100%;
    }
}
.bk-testimonial-avatar {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .bk-testimonial-avatar .bk-testimonial-photo {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .bk-testimonial-avatar span {
        font-size: 18px;
        font-weight: 700;
    }