/*
Theme Name: SRB Child
Theme URI: https://srbsolarenergy.in/
Description: Pro-level Child theme for Astra (SRB Solar & Energy Solutions)
Author: Parvat Singh
Template: astra
Version: 1.0.0
Text Domain: srb-child
*/

/* ==========================================================================
   SRB SOLAR & ENERGY SOLUTIONS - 1-CLICK MASTER CONTROL PANEL
   Sirf niche diye gaye hex codes change karne se puri website ka color badal jayega!
   ========================================================================== */
:root {
    /* 1. Brand Colors (Yahan se 1-Click me color badlein) */
    --srb-primary: #0A2540;          /* Deep Solar Navy - Main Brand Color */
    --srb-primary-light: #163A5F;    /* Lighter Navy for hovers/cards */
    --srb-accent: #F59E0B;           /* Sunburst Solar Gold - Main CTA & Highlights */
    --srb-accent-hover: #D97706;     /* Darker Gold for CTA Hover */
    --srb-green: #10B981;            /* Eco Emerald - Savings, Subsidy & WhatsApp */
    --srb-green-dark: #059669;

    /* 2. Background & Surface Colors */
    --srb-bg-main: #FFFFFF;
    --srb-bg-alt: #F8FAFC;           /* Soft Slate for alternating sections */
    --srb-bg-dark: #061626;          /* Ultra Dark Navy for Footer/Hero */
    --srb-surface-glass: rgba(255, 255, 255, 0.92);

    /* 3. Text Colors */
    --srb-text-dark: #0F172A;
    --srb-text-body: #475569;
    --srb-text-muted: #94A3B8;
    --srb-text-light: #FFFFFF;

    /* 4. Gradients */
    --srb-grad-hero: linear-gradient(135deg, #061626 0%, #0A2540 60%, #163A5F 100%);
    --srb-grad-accent: linear-gradient(135deg, #F59E0B 0%, #EA580C 100%);
    --srb-grad-green: linear-gradient(135deg, #10B981 0%, #059669 100%);

    /* 5. Typography */
    --srb-font-heading: 'Plus Jakarta Sans', sans-serif;
    --srb-font-body: 'Inter', sans-serif;

    /* 6. Borders, Shadows & Radius (Pro UI Feel) */
    --srb-radius-sm: 8px;
    --srb-radius-md: 16px;
    --srb-radius-lg: 24px;
    --srb-radius-pill: 9999px;
    --srb-border: 1px solid #E2E8F0;
    --srb-shadow-sm: 0 4px 12px rgba(10, 37, 64, 0.05);
    --srb-shadow-md: 0 12px 32px rgba(10, 37, 64, 0.08);
    --srb-shadow-hover: 0 20px 40px rgba(10, 37, 64, 0.14);
    --srb-shadow-glow: 0 8px 25px rgba(245, 158, 11, 0.35);
    --srb-transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    --srb-container: 1240px;
}

/* ==========================================================================
   GLOBAL RESET & BASE STYLING
   ========================================================================== */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--srb-font-body);
    color: var(--srb-text-body);
    background-color: var(--srb-bg-main);
    line-height: 1.65;
    overflow-x: hidden;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--srb-font-heading);
    color: var(--srb-text-dark);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.02em;
    margin-top: 0;
    margin-bottom: 16px;
}

h1 { font-size: clamp(2.2rem, 4vw, 3.4rem); }
h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); }
h3 { font-size: 1.45rem; }
h4 { font-size: 1.2rem; }

p {
    margin-top: 0;
    margin-bottom: 16px;
}

a {
    color: var(--srb-primary);
    text-decoration: none;
    transition: var(--srb-transition);
}

a:hover {
    color: var(--srb-accent);
}

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

/* ==========================================================================
   ASTRA CONTAINER OVERRIDES - STRICT 0PX TOP GAP ON ALL HERO SECTIONS
   ========================================================================== */
#content,
#content.site-content,
.site-content,
#primary,
.site-main,
main#primary,
.ast-container,
.site-content > .ast-container,
.ast-separate-container #primary,
.ast-plain-container #primary,
.ast-page-builder-template .site-content #primary,
.ast-separate-container .site-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure no bottom margin on header */
.srb-header,
#srb-main-header {
    margin-bottom: 0 !important;
}

/* Ensure all hero and banner sections start directly flush at 0px */
.srb-hero,
.srb-hero-v2,
.srb-page-hero,
.srb-page-header-banner,
.srb-about-hero,
.srb-services-hero,
.srb-products-hero,
.srb-subsidy-hero,
.srb-contact-hero {
    margin-top: 0 !important;
}

/* ==========================================================================
   MASTER LAYOUT CONTAINERS & UTILITIES
   ========================================================================== */
.srb-container {
    max-width: var(--srb-container);
    margin: 0 auto;
    padding: 0 24px;
    width: 100%;
}

.srb-section {
    padding: 90px 0;
    position: relative;
}

.srb-section-alt {
    background-color: var(--srb-bg-alt);
}

.srb-section-dark {
    background: var(--srb-grad-hero);
    color: var(--srb-text-light);
}

.srb-section-dark h1,
.srb-section-dark h2,
.srb-section-dark h3,
.srb-section-dark h4 {
    color: var(--srb-text-light);
}

.srb-sec-header {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 56px auto;
}

.srb-sec-header p {
    font-size: 1.12rem;
    color: var(--srb-text-body);
}

.srb-text-gradient {
    background: var(--srb-grad-accent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.srb-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: var(--srb-radius-pill);
    background: rgba(245, 158, 11, 0.12);
    color: var(--srb-accent-hover);
    font-weight: 700;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 16px;
}

.srb-section-dark .srb-eyebrow {
    background: rgba(245, 158, 11, 0.2);
    color: #FBBF24;
    border: 1px solid rgba(245, 158, 11, 0.35);
}

/* ==========================================================================
   BUTTONS SYSTEM
   ========================================================================== */
.srb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    border-radius: var(--srb-radius-pill);
    font-family: var(--srb-font-heading);
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none !important;
    transition: var(--srb-transition);
    cursor: pointer;
    border: none;
    line-height: 1;
}

.srb-btn-sm {
    padding: 10px 20px;
    font-size: 0.9rem;
}

.srb-btn-primary {
    background: var(--srb-grad-accent);
    color: #FFFFFF !important;
    box-shadow: var(--srb-shadow-glow);
}

.srb-btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(245, 158, 11, 0.5);
}

.srb-btn-green {
    background: var(--srb-grad-green);
    color: #FFFFFF !important;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3);
}

.srb-btn-green:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(16, 185, 129, 0.45);
}

.srb-btn-outline {
    background: transparent;
    color: var(--srb-primary) !important;
    border: 2px solid var(--srb-primary);
}

.srb-btn-outline:hover {
    background: var(--srb-primary);
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

/* ==========================================================================
   TOP NOTIFICATION BAR (ULTRA-SLEEK LUXURY)
   ========================================================================== */
.srb-topbar {
    background: linear-gradient(90deg, #040E1A 0%, #0A2540 50%, #040E1A 100%);
    color: #94A3B8;
    font-size: 0.82rem;
    padding: 7px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    z-index: 1000;
}

.srb-topbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.srb-topbar-left {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #E2E8F0;
}

.srb-topbar-pill {
    background: rgba(245, 158, 11, 0.16);
    border: 1px solid rgba(245, 158, 11, 0.4);
    color: #FBBF24;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: var(--srb-radius-pill);
    font-size: 0.72rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    letter-spacing: 0.03em;
}

.srb-pulse-dot {
    width: 6px;
    height: 6px;
    background-color: #10B981;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    animation: srbPulseGlow 1.8s infinite;
}

@keyframes srbPulseGlow {
    0% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.8);
        transform: scale(0.95);
    }
    70% {
        box-shadow: 0 0 0 7px rgba(16, 185, 129, 0);
        transform: scale(1.1);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
        transform: scale(0.95);
    }
}

.srb-topbar-msg {
    font-size: 0.82rem;
    color: #CBD5E1;
}

.srb-topbar-msg strong {
    color: #FBBF24;
}

.srb-topbar-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.srb-topbar-location {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #94A3B8;
    font-size: 0.80rem;
    font-weight: 500;
}

.srb-topbar-location svg {
    color: var(--srb-accent);
}

.srb-topbar-sep {
    color: rgba(255, 255, 255, 0.2);
    font-size: 0.75rem;
}

.srb-topbar-wa {
    color: #34D399;
    font-weight: 600;
    font-size: 0.80rem;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.srb-topbar-wa:hover {
    color: #6EE7B7;
}

.srb-topbar-phone {
    color: #FBBF24;
    font-weight: 700;
    font-size: 0.82rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.srb-topbar-phone:hover {
    color: #FFFFFF;
}

/* ==========================================================================
   STICKY GLASSMORPHISM HEADER (WORLD-CLASS LUXURY)
   ========================================================================== */
.srb-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid rgba(226, 232, 240, 0.85);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* WordPress Admin Bar Compatibility */
.admin-bar .srb-header {
    top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar .srb-header {
        top: 46px;
    }
}

.srb-header.srb-header-scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 10px 30px -5px rgba(10, 37, 64, 0.08), 0 1px 3px rgba(10, 37, 64, 0.04);
    border-bottom-color: rgba(226, 232, 240, 0.6);
}

.srb-header .srb-container {
    max-width: 1400px;
    padding: 0 20px;
    width: 100%;
}

.srb-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    gap: 14px;
    transition: height 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.srb-header.srb-header-scrolled .srb-header-inner {
    height: 70px;
}

/* ==========================================================================
   BRAND LOGO (PRO EMBLEM & TYPOGRAPHY)
   ========================================================================== */
.srb-brand {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.srb-logo-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.srb-logo-link:hover {
    transform: translateY(-1px) scale(1.02);
}

.srb-logo-img {
    height: 52px;
    width: auto;
    max-width: 235px;
    object-fit: contain;
    display: block;
    transition: height 0.3s cubic-bezier(0.16, 1, 0.3, 1), max-width 0.3s ease;
}

.srb-header.srb-header-scrolled .srb-logo-img {
    height: 44px;
    max-width: 195px;
}

/* Mobile Drawer Logo */
.srb-drawer-logo-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
}

.srb-drawer-logo-img {
    height: 42px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
    display: block;
}

.srb-brand-emblem {
    display: flex;
    align-items: center;
    gap: 12px;
}

.srb-emblem-badge {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(10, 37, 64, 0.12);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.srb-logo-link:hover .srb-emblem-badge {
    transform: scale(1.05) rotate(2deg);
}

.srb-emblem-svg {
    width: 40px;
    height: 40px;
    display: block;
}

.srb-brand-details {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.srb-brand-title-wrap {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.srb-brand-srb {
    font-family: var(--srb-font-heading);
    font-weight: 900;
    font-size: 1.36rem;
    color: #0A2540;
    letter-spacing: -0.03em;
    line-height: 1;
}

.srb-brand-solar {
    font-family: var(--srb-font-heading);
    font-weight: 900;
    font-size: 1.36rem;
    color: #F59E0B;
    letter-spacing: -0.02em;
    line-height: 1;
}

.srb-brand-subtitle {
    font-family: var(--srb-font-heading);
    font-size: 0.65rem;
    font-weight: 800;
    color: #64748B;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-top: 2px;
    margin-bottom: 2px;
}

.srb-brand-tagline {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.60rem;
    font-weight: 700;
    color: #059669;
    letter-spacing: 0.08em;
}

.srb-tag-dot {
    width: 5px;
    height: 5px;
    background: #10B981;
    border-radius: 50%;
    display: inline-block;
}

/* ==========================================================================
   SEGMENTED FLOATING NAV (NO TEXT WRAP - COMPACT & LUXURY)
   ========================================================================== */
.srb-nav-desktop {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.srb-nav-list {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0;
    padding: 3px 5px;
    background: rgba(241, 245, 249, 0.7);
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: var(--srb-radius-pill);
    box-shadow: inset 0 1px 3px rgba(10, 37, 64, 0.03);
}

.srb-nav-list li,
.srb-nav-item,
.srb-nav-list .menu-item {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: nowrap !important;
}

.srb-nav-list li a,
.srb-nav-item a,
.srb-nav-list .menu-item a,
.srb-nav-link {
    font-family: var(--srb-font-heading);
    font-weight: 600;
    font-size: 0.88rem;
    color: #334155 !important;
    padding: 7px 13px;
    border-radius: var(--srb-radius-pill);
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    line-height: 1.2;
}

.srb-nav-list li a:hover,
.srb-nav-item a:hover,
.srb-nav-list .menu-item a:hover,
.srb-nav-link:hover {
    color: #0A2540 !important;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(10, 37, 64, 0.06);
}

/* Active Menu Item */
.srb-nav-list li.current-menu-item a,
.srb-nav-list li.srb-nav-active a,
.srb-nav-item.srb-nav-active a,
.srb-nav-link.srb-nav-active {
    color: #0A2540 !important;
    background: #FFFFFF;
    font-weight: 700;
    box-shadow: 0 2px 10px rgba(10, 37, 64, 0.08);
    position: relative;
}

.srb-nav-list li.current-menu-item a::after,
.srb-nav-list li.srb-nav-active a::after,
.srb-nav-item.srb-nav-active a::after,
.srb-nav-link.srb-nav-active::after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: 14px;
    height: 2px;
    background: var(--srb-accent);
    border-radius: 2px;
}

/* ==========================================================================
   RIGHT HEADER ACTIONS (CALL PILL & SHIMMER CTA)
   ========================================================================== */
.srb-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

/* Call Pill */
.srb-call-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 12px 5px 6px;
    border-radius: var(--srb-radius-pill);
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    box-shadow: 0 2px 8px rgba(10, 37, 64, 0.04);
    text-decoration: none !important;
    transition: var(--srb-transition);
    flex-shrink: 0;
}

.srb-call-pill:hover {
    border-color: var(--srb-accent);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(245, 158, 11, 0.15);
}

.srb-call-badge {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0A2540 0%, #163A5F 100%);
    color: var(--srb-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(10, 37, 64, 0.15);
}

.srb-call-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
    text-align: left;
}

.srb-call-tag {
    font-size: 0.58rem;
    font-weight: 800;
    color: #64748B;
    letter-spacing: 0.06em;
    display: flex;
    align-items: center;
    gap: 4px;
    text-transform: uppercase;
}

.srb-call-dot {
    width: 5px;
    height: 5px;
    background: #10B981;
    border-radius: 50%;
    display: inline-block;
}

.srb-call-number {
    font-family: var(--srb-font-heading);
    font-size: 0.92rem;
    font-weight: 800;
    color: var(--srb-primary);
    letter-spacing: -0.01em;
}

/* CTA Header Button with Shimmer & Slide Arrow */
.srb-btn-header {
    padding: 10px 18px;
    font-size: 0.88rem;
    white-space: nowrap !important;
    position: relative;
    overflow: hidden;
    gap: 6px;
    border-radius: var(--srb-radius-pill);
    box-shadow: 0 6px 18px rgba(245, 158, 11, 0.32);
    flex-shrink: 0;
}

.srb-btn-header .srb-btn-arrow {
    display: inline-flex;
    align-items: center;
    transition: transform 0.25s ease;
}

.srb-btn-header:hover .srb-btn-arrow {
    transform: translateX(3px);
}

.srb-btn-header::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -70%;
    width: 45%;
    height: 200%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: rotate(25deg);
    transition: left 0.6s ease;
}

.srb-btn-header:hover::before {
    left: 130%;
}

/* Responsive Helper Spans */
.srb-msg-desktop { display: inline; }
.srb-msg-mobile { display: none; }
.srb-btn-text-desktop { display: inline; }
.srb-btn-text-mobile { display: none; }

/* Mobile Hamburger Button */
.srb-hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 42px;
    height: 42px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px;
    z-index: 1001;
    transition: var(--srb-transition);
}

.srb-hamburger:hover {
    border-color: var(--srb-accent);
    background: #F8FAFC;
}

.srb-hamburger .srb-bar {
    width: 100%;
    height: 2.2px;
    background-color: var(--srb-primary);
    border-radius: 2px;
    transition: var(--srb-transition);
}

/* ==========================================================================
   MOBILE DRAWER NAVIGATION
   ========================================================================== */
.srb-mobile-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1100;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.srb-mobile-drawer.active {
    visibility: visible;
    opacity: 1;
}

.srb-drawer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(6, 22, 38, 0.65);
    backdrop-filter: blur(6px);
}

.srb-drawer-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 320px;
    max-width: 85%;
    height: 100%;
    background: #FFFFFF;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.2);
    padding: 24px;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    overflow-y: auto;
}

.srb-mobile-drawer.active .srb-drawer-content {
    transform: translateX(0);
}

.srb-drawer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 18px;
    border-bottom: 1px solid #E2E8F0;
}

.srb-drawer-close {
    background: #F1F5F9;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    color: #475569;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--srb-transition);
}

.srb-drawer-close:hover {
    background: #E2E8F0;
    color: #0F172A;
}

.srb-drawer-nav {
    margin: 20px 0;
    flex-grow: 1;
}

.srb-mobile-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.srb-mobile-nav-list li {
    list-style: none;
    margin: 0;
}

.srb-mobile-nav-list a {
    font-family: var(--srb-font-heading);
    font-weight: 700;
    font-size: 1.05rem;
    color: #0F172A;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-radius: var(--srb-radius-sm);
    text-decoration: none;
    transition: var(--srb-transition);
}

.srb-mobile-nav-list a:hover,
.srb-mobile-nav-list li.current-menu-item a,
.srb-mobile-nav-list .srb-nav-active a {
    background: rgba(245, 158, 11, 0.1);
    color: var(--srb-accent-hover);
}

.srb-drawer-info {
    font-size: 0.78rem;
    color: #64748B;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 16px;
    padding-top: 14px;
    border-top: 1px solid #E2E8F0;
}
/* ==========================================================================
   FOOTER STYLING
   ========================================================================== */
.srb-footer {
    background: var(--srb-bg-dark);
    color: #94A3B8;
    position: relative;
    padding-top: 0;
}

.srb-footer-cta-strip {
    background: var(--srb-grad-hero);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 50px 0;
}

.srb-footer-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.srb-footer-cta-text h3 {
    color: #FFFFFF;
    font-size: 1.8rem;
    margin-bottom: 8px;
}

.srb-footer-cta-text p {
    color: #CBD5E1;
    margin: 0;
    font-size: 1.05rem;
}

.srb-footer-cta-buttons {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.srb-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.3fr;
    gap: 48px;
    padding: 80px 24px 60px 24px;
}

/* Footer Brand Logo Card */
.srb-footer-logo-link {
    display: inline-block;
    text-decoration: none !important;
    margin-bottom: 22px;
}

.srb-footer-logo-card {
    display: inline-flex;
    align-items: center;
    background: #FFFFFF;
    padding: 10px 18px;
    border-radius: var(--srb-radius-md, 12px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4);
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
    max-width: 290px;
}

.srb-footer-logo-link:hover .srb-footer-logo-card {
    transform: translateY(-3px);
    box-shadow: 0 14px 34px rgba(245, 158, 11, 0.35);
    border-color: var(--srb-accent);
}

.srb-footer-logo-img {
    width: 100%;
    height: auto;
    max-height: 52px;
    object-fit: contain;
    display: block;
}

.srb-footer-brand-title {
    font-family: var(--srb-font-heading);
    font-weight: 800;
    font-size: 1.5rem;
    color: #FFFFFF;
    display: block;
}

.srb-footer-brand-sub {
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--srb-accent);
    letter-spacing: 0.08em;
    display: block;
    margin-bottom: 16px;
}

.srb-footer-desc {
    color: #94A3B8;
    font-size: 0.95rem;
    line-height: 1.7;
    margin-bottom: 20px;
}

.srb-trust-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}

.srb-trust-pill {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #E2E8F0;
    padding: 4px 10px;
    border-radius: var(--srb-radius-pill);
    font-size: 0.76rem;
    font-weight: 600;
}

.srb-social-links {
    display: flex;
    gap: 12px;
}

.srb-social-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--srb-transition);
}

.srb-social-icon:hover {
    background: var(--srb-accent);
    color: #000000;
    transform: translateY(-3px);
}

.srb-social-wa:hover {
    background: var(--srb-green);
    color: #FFFFFF;
}

.srb-social-ig:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
    color: #FFFFFF !important;
    transform: translateY(-3px) scale(1.08);
}

.srb-footer-title {
    color: #FFFFFF;
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 10px;
}

.srb-footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 2px;
    background: var(--srb-accent);
    border-radius: 2px;
}

.srb-footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.srb-footer-menu a {
    color: #94A3B8;
    font-size: 0.95rem;
    transition: var(--srb-transition);
}

.srb-footer-menu a:hover {
    color: var(--srb-accent);
    padding-left: 6px;
}

.srb-contact-item {
    display: flex;
    gap: 14px;
    margin-bottom: 18px;
    font-size: 0.92rem;
}

.srb-contact-item a {
    color: #CBD5E1;
}

.srb-contact-item a:hover {
    color: var(--srb-accent);
}

.srb-contact-item strong {
    display: block;
    color: #FFFFFF;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 2px;
}

.srb-contact-icon {
    font-size: 1.2rem;
    flex-shrink: 0;
}

.srb-footer-bottom {
    background: #030C16;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding: 24px 0;
    font-size: 0.88rem;
}

.srb-footer-bottom-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.srb-copyright-text strong {
    color: #FFFFFF;
}

.srb-footer-bottom-tags {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #64748B;
}

.srb-footer-tag-dot {
    color: var(--srb-accent);
}

.srb-developer-credit {
    width: 100%;
    text-align: center;
    padding-top: 16px;
    margin-top: 6px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: #94A3B8;
    font-size: 0.84rem;
    letter-spacing: 0.2px;
}

.srb-developer-credit .srb-dev-link {
    color: var(--srb-accent);
    font-weight: 600;
    text-decoration: none;
    transition: var(--srb-transition);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 4px;
    border-radius: 4px;
}

.srb-developer-credit .srb-dev-link svg {
    transition: transform 0.2s ease;
}

.srb-developer-credit .srb-dev-link:hover {
    color: #FCD34D;
    text-decoration: none;
}

.srb-developer-credit .srb-dev-link:hover svg {
    transform: translate(2px, -2px);
}

/* ==========================================================================
   FLOATING ACTION BUTTONS
   ========================================================================== */
.srb-floating-actions {
    position: fixed;
    bottom: 28px;
    right: 28px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    z-index: 990;
}

.srb-float-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    transition: var(--srb-transition);
    position: relative;
}

.srb-float-btn:hover {
    transform: translateY(-4px) scale(1.05);
}

.srb-float-wa {
    background: #25D366;
}

.srb-float-call {
    background: var(--srb-primary);
}

.srb-float-label {
    position: absolute;
    right: 66px;
    background: rgba(10, 37, 64, 0.95);
    color: #FFFFFF;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: var(--srb-radius-pill);
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translateX(10px);
    transition: var(--srb-transition);
}

.srb-float-btn:hover .srb-float-label {
    opacity: 1;
    transform: translateX(0);
}

/* ==========================================================================
   HERO & PAGE HERO SECTIONS
   ========================================================================== */
.srb-hero {
    padding: 100px 0 80px 0;
}

.srb-hero-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.95fr;
    gap: 60px;
    align-items: center;
}

.srb-hero-title {
    font-size: clamp(2.4rem, 4.5vw, 3.6rem);
    margin-bottom: 24px;
}

.srb-hero-sub {
    font-size: 1.18rem;
    color: #CBD5E1;
    line-height: 1.7;
    margin-bottom: 36px;
}

.srb-hero-actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.srb-hero-trust-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.srb-trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #E2E8F0;
}

.srb-trust-icon {
    color: var(--srb-green);
    font-weight: 800;
}

/* Page Hero */
.srb-page-hero {
    padding: 80px 0;
    text-align: center;
}

.srb-page-title {
    font-size: clamp(2.2rem, 4vw, 3.2rem);
    margin-bottom: 18px;
}

.srb-page-subtitle {
    font-size: 1.15rem;
    color: #CBD5E1;
    max-width: 760px;
    margin: 0 auto;
    line-height: 1.7;
}

/* ==========================================================================
   HERO SUBSIDY CALCULATOR CARD
   ========================================================================== */
.srb-calculator-card {
    background: var(--srb-bg-main);
    color: var(--srb-text-dark);
    border-radius: var(--srb-radius-lg);
    padding: 36px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.srb-card-tag {
    display: inline-block;
    background: rgba(245, 158, 11, 0.15);
    color: var(--srb-accent-hover);
    font-weight: 800;
    font-size: 0.72rem;
    padding: 4px 10px;
    border-radius: var(--srb-radius-pill);
    letter-spacing: 0.06em;
    margin-bottom: 8px;
}

.srb-calculator-card h3 {
    margin-bottom: 6px;
}

.srb-subsidy-table {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 24px 0;
}

.srb-table-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    border-radius: var(--srb-radius-md);
    background: var(--srb-bg-alt);
    border: 1px solid #E2E8F0;
    transition: var(--srb-transition);
}

.srb-table-row.highlighted {
    background: rgba(16, 185, 129, 0.08);
    border-color: var(--srb-green);
}

.srb-kw-tag {
    font-family: var(--srb-font-heading);
    font-weight: 700;
    color: var(--srb-primary);
    font-size: 0.95rem;
}

.srb-saving-val {
    font-family: var(--srb-font-heading);
    font-weight: 800;
    color: var(--srb-text-dark);
}

.srb-saving-val.max {
    color: var(--srb-green-dark);
    font-size: 1.05rem;
}

.srb-calculator-footer {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px;
    border-top: 1px solid #E2E8F0;
}

.srb-quick-call {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.88rem;
}

.srb-calc-phone {
    font-weight: 800;
    color: var(--srb-primary);
}

/* ==========================================================================
   STATS COUNTER BAR
   ========================================================================== */
.srb-stats-bar {
    background: var(--srb-primary);
    color: #FFFFFF;
    padding: 40px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.srb-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    text-align: center;
}

.srb-stat-number {
    font-family: var(--srb-font-heading);
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--srb-accent);
    line-height: 1;
    margin-bottom: 8px;
}

.srb-stat-label {
    font-size: 0.92rem;
    color: #CBD5E1;
    font-weight: 500;
}

/* ==========================================================================
   BENTO GRID & CARDS
   ========================================================================== */
.srb-grid-3 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 30px;
}

.srb-card {
    background: var(--srb-bg-main);
    border: var(--srb-border);
    border-radius: var(--srb-radius-md);
    overflow: hidden;
    box-shadow: var(--srb-shadow-sm);
    transition: var(--srb-transition);
    display: flex;
    flex-direction: column;
    position: relative;
}

.srb-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--srb-shadow-hover);
    border-color: var(--srb-accent);
}

.srb-card-img-wrap {
    position: relative;
    height: 220px;
    overflow: hidden;
    background: var(--srb-bg-alt);
}

.srb-card-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    background: var(--srb-primary);
    color: #FFFFFF;
    padding: 6px 14px;
    border-radius: var(--srb-radius-pill);
    font-size: 0.78rem;
    font-weight: 700;
    z-index: 2;
}

.srb-card-body {
    padding: 28px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.srb-card-features {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--srb-primary-light);
}

.srb-bullet-list {
    padding-left: 20px;
    margin: 16px 0;
    font-size: 0.95rem;
}

.srb-bullet-list li {
    margin-bottom: 6px;
}

/* Package Cards */
.srb-package-card {
    border: 2px solid #E2E8F0;
}

.srb-featured-pkg {
    border-color: var(--srb-accent);
    box-shadow: var(--srb-shadow-md);
}

.srb-pkg-type {
    font-size: 0.82rem;
    text-transform: uppercase;
    color: var(--srb-text-muted);
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

.srb-pkg-title {
    font-size: 1.6rem;
    margin-bottom: 12px;
}

.srb-price-tag {
    font-family: var(--srb-font-heading);
    font-size: 1.45rem;
    font-weight: 800;
    color: var(--srb-green-dark);
    margin-bottom: 16px;
}

.srb-pkg-specs {
    background: var(--srb-bg-alt);
    padding: 18px;
    border-radius: var(--srb-radius-sm);
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.srb-spec-row {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
}

.srb-spec-row strong {
    color: var(--srb-text-dark);
}

/* ==========================================================================
   FEATURES GRID & PROCESS STEPS
   ========================================================================== */
.srb-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 28px;
}

.srb-feature-box {
    background: var(--srb-bg-main);
    border: var(--srb-border);
    border-radius: var(--srb-radius-md);
    padding: 32px;
    transition: var(--srb-transition);
}

.srb-feature-box:hover {
    transform: translateY(-6px);
    box-shadow: var(--srb-shadow-md);
    border-color: var(--srb-accent);
}

.srb-feat-icon {
    font-size: 2.2rem;
    margin-bottom: 16px;
}

/* Process Grid */
.srb-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

.srb-process-step {
    background: var(--srb-bg-main);
    border: var(--srb-border);
    border-radius: var(--srb-radius-md);
    padding: 32px 24px;
    text-align: center;
    position: relative;
}

.srb-step-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--srb-grad-accent);
    color: #FFFFFF;
    font-family: var(--srb-font-heading);
    font-weight: 800;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px auto;
    box-shadow: var(--srb-shadow-glow);
}

/* ==========================================================================
   TWO COLUMN GRIDS & CONTACT SECTIONS
   ========================================================================== */
.srb-two-col-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 60px;
    align-items: center;
}

.srb-mission-card {
    background: var(--srb-bg-alt);
    border: var(--srb-border);
    border-radius: var(--srb-radius-md);
    padding: 32px;
    margin-bottom: 24px;
}

.srb-card-icon {
    font-size: 2rem;
    margin-bottom: 12px;
}

.srb-num-badge {
    display: inline-block;
    font-family: var(--srb-font-heading);
    font-weight: 800;
    font-size: 1.5rem;
    color: var(--srb-accent);
    margin-bottom: 12px;
}

.srb-highlight-box {
    background: rgba(245, 158, 11, 0.08);
    border-left: 4px solid var(--srb-accent);
    padding: 18px 24px;
    border-radius: 0 var(--srb-radius-sm) var(--srb-radius-sm) 0;
    margin-top: 24px;
    font-size: 0.98rem;
    color: var(--srb-text-dark);
}

/* ==========================================================================
   TABLES & CHECKLISTS
   ========================================================================== */
.srb-table-container {
    overflow-x: auto;
    background: var(--srb-bg-main);
    border-radius: var(--srb-radius-md);
    box-shadow: var(--srb-shadow-sm);
    border: var(--srb-border);
    margin-bottom: 24px;
}

.srb-data-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.srb-data-table th,
.srb-data-table td {
    padding: 18px 24px;
    border-bottom: 1px solid #E2E8F0;
}

.srb-data-table th {
    background: var(--srb-primary);
    color: #FFFFFF;
    font-family: var(--srb-font-heading);
    font-weight: 700;
    font-size: 0.95rem;
}

.srb-highlight-row {
    background: rgba(16, 185, 129, 0.05);
}

.srb-badge-green {
    background: rgba(16, 185, 129, 0.15);
    color: var(--srb-green-dark);
    font-weight: 800;
    padding: 6px 14px;
    border-radius: var(--srb-radius-pill);
    display: inline-block;
}

.srb-badge-gold {
    background: rgba(245, 158, 11, 0.18);
    color: var(--srb-accent-hover);
    font-weight: 800;
    padding: 6px 14px;
    border-radius: var(--srb-radius-pill);
    display: inline-block;
}

.srb-subsidy-note {
    background: var(--srb-bg-alt);
    padding: 16px 24px;
    border-radius: var(--srb-radius-sm);
    border-left: 4px solid var(--srb-primary);
    font-size: 0.92rem;
}

.srb-doc-checklist {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
}

.srb-doc-item {
    display: flex;
    gap: 16px;
    padding: 16px;
    background: var(--srb-bg-main);
    border: var(--srb-border);
    border-radius: var(--srb-radius-sm);
}

.srb-doc-icon {
    font-size: 1.8rem;
    flex-shrink: 0;
}

.srb-doc-item strong {
    display: block;
    color: var(--srb-text-dark);
    margin-bottom: 2px;
}

.srb-doc-item span {
    font-size: 0.88rem;
    color: var(--srb-text-body);
}

.srb-emi-card {
    background: var(--srb-bg-main);
    border: var(--srb-border);
    border-radius: var(--srb-radius-md);
    padding: 36px;
    box-shadow: var(--srb-shadow-md);
}

.srb-bank-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
}

.srb-bank-pill {
    background: var(--srb-bg-alt);
    border: 1px solid #E2E8F0;
    padding: 4px 12px;
    border-radius: var(--srb-radius-pill);
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--srb-primary);
}

.srb-emi-highlight {
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid var(--srb-green);
    border-radius: var(--srb-radius-sm);
    padding: 16px;
    margin: 20px 0;
}

.srb-emi-highlight h4 {
    margin-bottom: 6px;
    color: var(--srb-green-dark);
}

.srb-emi-highlight p {
    margin: 0;
    font-size: 0.92rem;
}

/* ==========================================================================
   CONTACT PAGE & FORMS
   ========================================================================== */
.srb-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

.srb-info-cards-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 28px 0;
}

.srb-info-card {
    display: flex;
    gap: 16px;
    background: var(--srb-bg-alt);
    border: var(--srb-border);
    border-radius: var(--srb-radius-md);
    padding: 20px;
    transition: var(--srb-transition);
}

.srb-info-card:hover {
    border-color: var(--srb-accent);
    transform: translateY(-2px);
}

.srb-info-icon {
    font-size: 1.8rem;
    flex-shrink: 0;
}

.srb-info-body strong {
    display: block;
    color: var(--srb-text-dark);
    margin-bottom: 4px;
}

.srb-info-body p {
    margin: 0;
    font-size: 0.95rem;
}

.srb-link-strong {
    color: var(--srb-primary);
    font-weight: 700;
}

.srb-tag-sub {
    font-size: 0.8rem;
    color: var(--srb-text-muted);
    display: block;
    margin-top: 2px;
}

.srb-map-box {
    background: var(--srb-bg-alt);
    border: var(--srb-border);
    border-radius: var(--srb-radius-md);
    overflow: hidden;
    padding: 24px;
    text-align: center;
}

.srb-map-header {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--srb-primary);
    margin-bottom: 12px;
}

.srb-survey-form-card {
    background: var(--srb-bg-main);
    border: var(--srb-border);
    border-radius: var(--srb-radius-lg);
    padding: 40px;
    box-shadow: var(--srb-shadow-md);
}

.srb-form-group {
    margin-bottom: 20px;
}

.srb-form-group label {
    display: block;
    font-family: var(--srb-font-heading);
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--srb-text-dark);
    margin-bottom: 8px;
}

.srb-input {
    width: 100%;
    padding: 14px 18px;
    border-radius: var(--srb-radius-sm);
    border: 1px solid #CBD5E1;
    font-family: var(--srb-font-body);
    font-size: 0.95rem;
    color: var(--srb-text-dark);
    background: var(--srb-bg-alt);
    transition: var(--srb-transition);
}

.srb-input:focus {
    outline: none;
    border-color: var(--srb-primary);
    background: #FFFFFF;
    box-shadow: 0 0 0 3px rgba(10, 37, 64, 0.1);
}

.srb-form-note {
    font-size: 0.82rem;
    color: var(--srb-text-muted);
    text-align: center;
    margin-top: 14px;
    margin-bottom: 0;
}

/* FAQ Styles */
.srb-faq-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.srb-faq-item {
    background: var(--srb-bg-alt);
    border: var(--srb-border);
    border-radius: var(--srb-radius-md);
    padding: 24px;
}

.srb-faq-item h4 {
    color: var(--srb-primary);
    margin-bottom: 8px;
}

.srb-faq-item p {
    margin: 0;
    font-size: 0.95rem;
}

/* ==========================================================================
   HOMEPAGE: 7 CORE PRODUCTION SECTIONS (SRB SOLAR)
   ========================================================================== */

/* 1. HERO SECTION V2 */
.srb-hero-v2 {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 110px 0 90px 0;
    color: #FFFFFF;
}

.srb-hero-glow {
    position: absolute;
    top: -20%;
    left: -10%;
    width: 650px;
    height: 650px;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.16) 0%, transparent 65%);
    pointer-events: none;
}

.srb-hero-v2-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.95fr;
    gap: 50px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.srb-hero-badge {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.35);
    margin-bottom: 20px;
}

.srb-pulse-icon {
    display: inline-block;
    animation: srbPulse 2s infinite ease-in-out;
}

@keyframes srbPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}

.srb-hero-v2-title {
    font-size: clamp(2.3rem, 4.2vw, 3.5rem);
    font-weight: 800;
    color: #FFFFFF;
    line-height: 1.2;
    margin-bottom: 22px;
    letter-spacing: -0.02em;
}

.srb-hero-v2-sub {
    font-size: 1.15rem;
    color: #CBD5E1;
    line-height: 1.7;
    margin-bottom: 34px;
    max-width: 640px;
}

.srb-hero-v2-ctas {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

.srb-btn-lg {
    padding: 16px 32px;
    font-size: 1.05rem;
}

.srb-btn-call {
    background: rgba(255, 255, 255, 0.08);
    color: #FFFFFF !important;
    border: 1.5px solid rgba(255, 255, 255, 0.28);
    backdrop-filter: blur(8px);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: var(--srb-radius-pill);
    font-family: var(--srb-font-heading);
    font-weight: 700;
    transition: var(--srb-transition);
}

.srb-btn-call:hover {
    background: #FFFFFF;
    color: var(--srb-primary) !important;
    border-color: #FFFFFF;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.srb-btn-call-icon {
    font-size: 1.1rem;
}

.srb-hero-highlights {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 20px;
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.srb-highlight-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9rem;
    color: #E2E8F0;
}

.srb-highlight-check {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(16, 185, 129, 0.2);
    color: #10B981;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.78rem;
    border: 1px solid rgba(16, 185, 129, 0.4);
    flex-shrink: 0;
}

.srb-hero-stat-card {
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(16px);
    border-radius: var(--srb-radius-lg);
    padding: 36px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: var(--srb-text-dark);
    position: relative;
}

.srb-stat-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.srb-stat-badge {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    background: rgba(245, 158, 11, 0.15);
    color: var(--srb-accent-hover);
    padding: 4px 10px;
    border-radius: var(--srb-radius-pill);
    letter-spacing: 0.05em;
}

.srb-stat-verified {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #10B981;
}

.srb-stat-title {
    font-size: 1.45rem;
    color: var(--srb-primary);
    margin-bottom: 6px;
}

.srb-stat-desc {
    font-size: 0.88rem;
    color: var(--srb-text-body);
    margin-bottom: 20px;
}

.srb-stat-rows {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 22px;
}

.srb-stat-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-radius: var(--srb-radius-sm);
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    font-size: 0.9rem;
    transition: var(--srb-transition);
}

.srb-stat-row-highlight {
    background: rgba(16, 185, 129, 0.08);
    border-color: rgba(16, 185, 129, 0.4);
    font-weight: 700;
}

.srb-text-gold {
    color: #D97706;
    font-weight: 800;
}

.srb-stat-card-bottom {
    padding-top: 18px;
    border-top: 1px solid #E2E8F0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.srb-location-pill {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--srb-primary);
    background: #F1F5F9;
    padding: 5px 12px;
    border-radius: var(--srb-radius-pill);
    text-align: center;
}

.srb-stat-link {
    font-family: var(--srb-font-heading);
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--srb-accent-hover);
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    transition: var(--srb-transition);
}

.srb-stat-link:hover {
    color: var(--srb-primary);
}

/* 2. AUTHORIZED PARTNERS STRIP */
.srb-partners-section {
    background: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    padding: 56px 0;
    position: relative;
}

.srb-partners-header {
    text-align: center;
    margin-bottom: 36px;
}

.srb-partners-eyebrow {
    font-size: 0.78rem;
    font-weight: 800;
    color: var(--srb-accent-hover);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
}

.srb-partners-title {
    font-size: clamp(1.4rem, 2.5vw, 1.9rem);
    color: var(--srb-primary);
    margin-bottom: 12px;
    font-weight: 800;
}

.srb-partners-divider {
    width: 50px;
    height: 3px;
    background: var(--srb-accent);
    margin: 0 auto;
    border-radius: 2px;
}

.srb-partners-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.srb-partner-card {
    background: #F8FAFC;
    border: 1.5px solid #E2E8F0;
    border-radius: var(--srb-radius-md);
    padding: 22px 20px;
    text-align: left;
    transition: var(--srb-transition);
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: space-between;
}

.srb-partner-card:hover {
    border-color: var(--srb-accent);
    background: #FFFFFF;
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(10, 37, 64, 0.08);
}

.srb-partner-logo-box {
    display: flex;
    align-items: center;
    gap: 12px;
}

.srb-partner-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, #0A2540 0%, #163A5F 100%);
    color: var(--srb-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(10, 37, 64, 0.12);
}

.srb-partner-brand {
    font-family: var(--srb-font-heading);
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--srb-text-dark);
    display: block;
    line-height: 1.2;
}

.srb-partner-sub {
    font-size: 0.76rem;
    color: #64748B;
    font-weight: 500;
    display: block;
    margin-top: 3px;
}

.srb-partner-verified {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--srb-green-dark);
    background: rgba(16, 185, 129, 0.1);
    padding: 4px 10px;
    border-radius: var(--srb-radius-pill);
    display: inline-block;
    width: fit-content;
}

/* 3. CORE SOLAR SOLUTIONS */
.srb-solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.srb-solution-card {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: var(--srb-radius-md);
    overflow: hidden;
    transition: var(--srb-transition);
    display: flex;
    flex-direction: column;
}

.srb-solution-card:hover {
    transform: translateY(-8px);
    border-color: var(--srb-accent);
    box-shadow: var(--srb-shadow-hover);
}

.srb-solution-img-wrap {
    position: relative;
    height: 240px;
    overflow: hidden;
    background: #0A2540;
}

.srb-solution-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    display: block;
}

.srb-solution-card:hover .srb-solution-img {
    transform: scale(1.08);
}

.srb-solution-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(6, 22, 38, 0.75) 0%, transparent 60%);
}

.srb-badge-res {
    background: var(--srb-primary) !important;
    color: #FFFFFF !important;
}

.srb-badge-comm {
    background: #061626 !important;
    color: var(--srb-accent) !important;
    border: 1px solid rgba(245, 158, 11, 0.4);
}

.srb-badge-agri {
    background: var(--srb-green-dark) !important;
    color: #FFFFFF !important;
}

.srb-solution-body {
    padding: 28px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.srb-solution-title {
    font-size: 1.35rem;
    color: var(--srb-primary);
    margin-bottom: 12px;
}

.srb-solution-text {
    font-size: 0.95rem;
    color: var(--srb-text-body);
    line-height: 1.6;
    margin-bottom: 18px;
}

.srb-solution-footer {
    margin-top: auto;
    padding-top: 22px;
}

.srb-btn-full {
    width: 100%;
    justify-content: center;
}

/* 4. FEATURED PRODUCTS & PACKAGES */
.srb-products-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

.srb-product-card {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: var(--srb-radius-lg);
    padding: 32px;
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 28px;
    align-items: center;
    transition: var(--srb-transition);
    box-shadow: var(--srb-shadow-sm);
}

.srb-product-card:hover {
    transform: translateY(-6px);
    border-color: var(--srb-accent);
    box-shadow: var(--srb-shadow-hover);
}

.srb-product-img-box {
    position: relative;
    border-radius: var(--srb-radius-md);
    overflow: hidden;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.srb-product-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 12px;
    transition: transform 0.5s ease;
    display: block;
}

.srb-product-card:hover .srb-product-img {
    transform: scale(1.06);
}

.srb-product-tag {
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
    background: rgba(10, 37, 64, 0.92);
    color: var(--srb-accent);
    font-size: 0.65rem;
    font-weight: 800;
    text-align: center;
    padding: 4px 6px;
    border-radius: var(--srb-radius-pill);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.srb-tag-eco {
    color: #10B981 !important;
}

.srb-product-category {
    font-size: 0.78rem;
    font-weight: 800;
    color: var(--srb-accent-hover);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
}

.srb-product-title {
    font-size: 1.45rem;
    color: var(--srb-primary);
    margin-bottom: 10px;
}

.srb-product-text {
    font-size: 0.92rem;
    color: var(--srb-text-body);
    margin-bottom: 18px;
    line-height: 1.55;
}

.srb-product-spec-pills {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 22px;
}

.srb-spec-item {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: var(--srb-radius-sm);
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
}

.srb-spec-label {
    font-size: 0.72rem;
    color: #64748B;
    font-weight: 600;
    text-transform: uppercase;
}

.srb-spec-value {
    font-family: var(--srb-font-heading);
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--srb-text-dark);
}

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

.srb-product-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.srb-btn-whatsapp-subtle {
    background: rgba(37, 211, 102, 0.1);
    color: #059669 !important;
    border: 1.5px solid rgba(37, 211, 102, 0.3);
    border-radius: var(--srb-radius-pill);
    font-family: var(--srb-font-heading);
    font-weight: 700;
    font-size: 0.9rem;
    padding: 10px 18px;
    transition: var(--srb-transition);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.srb-btn-whatsapp-subtle:hover {
    background: #25D366;
    color: #FFFFFF !important;
    border-color: #25D366;
}

/* 5. SUBSIDY & FINANCING SPLIT SECTION */
.srb-subsidy-split-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.95fr;
    gap: 60px;
    align-items: center;
}

.srb-subsidy-heading {
    font-size: clamp(2rem, 3.2vw, 2.7rem);
    color: var(--srb-primary);
    margin-bottom: 18px;
}

.srb-subsidy-lead {
    font-size: 1.1rem;
    color: var(--srb-text-body);
    line-height: 1.7;
    margin-bottom: 28px;
}

.srb-subsidy-checklist {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 34px;
}

.srb-subsidy-check-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: var(--srb-radius-md);
    padding: 18px 20px;
    transition: var(--srb-transition);
}

.srb-subsidy-check-item:hover {
    border-color: var(--srb-green);
    transform: translateX(6px);
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.1);
}

.srb-check-circle {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--srb-green);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}

.srb-check-content strong {
    display: block;
    font-size: 1rem;
    color: var(--srb-text-dark);
    margin-bottom: 3px;
    font-family: var(--srb-font-heading);
}

.srb-check-content span {
    font-size: 0.88rem;
    color: var(--srb-text-body);
    line-height: 1.5;
    display: block;
}

.srb-subsidy-cta-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.srb-subsidy-guarantee {
    font-size: 0.85rem;
    font-weight: 700;
    color: #64748B;
}

.srb-subsidy-visual-frame {
    position: relative;
    border-radius: var(--srb-radius-lg);
    overflow: hidden;
    box-shadow: var(--srb-shadow-hover);
    border: 4px solid #FFFFFF;
}

.srb-subsidy-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: calc(var(--srb-radius-lg) - 4px);
}

.srb-floating-badge {
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    border-radius: var(--srb-radius-md);
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.6);
    animation: srbFloat 4s ease-in-out infinite alternate;
}

.srb-badge-top {
    top: 24px;
    left: 24px;
}

.srb-badge-bottom {
    bottom: 24px;
    right: 24px;
    animation-delay: 2s;
}

@keyframes srbFloat {
    0% { transform: translateY(0); }
    100% { transform: translateY(-8px); }
}

.srb-float-icon {
    font-size: 1.8rem;
}

.srb-float-text strong {
    display: block;
    font-family: var(--srb-font-heading);
    font-size: 0.98rem;
    color: var(--srb-primary);
}

.srb-float-text span {
    font-size: 0.76rem;
    color: #64748B;
    font-weight: 600;
}

/* 6. AFTER-SALES & MAINTENANCE BANNER */
.srb-maintenance-banner-wrap {
    background-size: cover;
    background-position: center;
    color: #FFFFFF;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.srb-maintenance-banner-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 50px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.srb-maint-eyebrow {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.35);
    margin-bottom: 18px;
}

.srb-maintenance-title {
    font-size: clamp(2rem, 3.2vw, 2.7rem);
    color: #FFFFFF;
    margin-bottom: 18px;
}

.srb-maintenance-text {
    font-size: 1.15rem;
    color: #CBD5E1;
    line-height: 1.7;
    margin-bottom: 28px;
}

.srb-maint-perks {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 34px;
}

.srb-maint-perk {
    display: flex;
    gap: 14px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 16px 20px;
    border-radius: var(--srb-radius-md);
    backdrop-filter: blur(8px);
}

.srb-perk-icon {
    font-size: 1.6rem;
    flex-shrink: 0;
}

.srb-perk-text strong {
    display: block;
    font-size: 0.98rem;
    color: #FFFFFF;
    margin-bottom: 4px;
}

.srb-perk-text span {
    font-size: 0.86rem;
    color: #94A3B8;
    line-height: 1.5;
    display: block;
}

.srb-maintenance-action {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.srb-btn-outline-light {
    background: transparent;
    color: #FFFFFF !important;
    border: 1.5px solid rgba(255, 255, 255, 0.4);
    border-radius: var(--srb-radius-pill);
    font-family: var(--srb-font-heading);
    font-weight: 700;
    padding: 14px 28px;
    transition: var(--srb-transition);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.srb-btn-outline-light:hover {
    background: #FFFFFF;
    color: var(--srb-primary) !important;
    border-color: #FFFFFF;
    transform: translateY(-3px);
}

.srb-maint-preview-box {
    position: relative;
    border-radius: var(--srb-radius-lg);
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.srb-maint-thumb {
    width: 100%;
    height: 340px;
    object-fit: cover;
    display: block;
}

.srb-maint-tag-live {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    background: rgba(6, 22, 38, 0.92);
    backdrop-filter: blur(8px);
    padding: 10px 16px;
    border-radius: var(--srb-radius-pill);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #E2E8F0;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.srb-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10B981;
    box-shadow: 0 0 10px #10B981;
}

/* 7. FINAL CALL TO ACTION */
.srb-final-cta-section {
    padding: 90px 0;
    background: var(--srb-bg-main);
}

.srb-final-cta-card {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #061626 0%, #0A2540 60%, #163A5F 100%);
    border-radius: var(--srb-radius-lg);
    padding: 70px 48px;
    text-align: center;
    color: #FFFFFF;
    box-shadow: 0 25px 60px rgba(10, 37, 64, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.srb-final-cta-glow {
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.2) 0%, transparent 70%);
    pointer-events: none;
}

.srb-final-cta-inner {
    position: relative;
    z-index: 2;
    max-width: 820px;
    margin: 0 auto;
}

.srb-cta-eyebrow {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.3);
    margin-bottom: 18px;
}

.srb-final-cta-title {
    font-size: clamp(2.2rem, 4vw, 3.2rem);
    color: #FFFFFF;
    margin-bottom: 18px;
    font-weight: 800;
}

.srb-final-cta-text {
    font-size: 1.2rem;
    color: #CBD5E1;
    line-height: 1.7;
    margin-bottom: 38px;
}

.srb-final-cta-buttons {
    display: flex;
    gap: 18px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

.srb-btn-xl {
    padding: 18px 36px;
    font-size: 1.1rem;
    border-radius: var(--srb-radius-pill);
}

.srb-btn-whatsapp {
    background: #25D366;
    color: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(37, 211, 102, 0.35);
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.srb-btn-whatsapp:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(37, 211, 102, 0.5);
    background: #20BD5A;
}

.srb-btn-directions {
    background: rgba(255, 255, 255, 0.12);
    color: #FFFFFF !important;
    border: 1.5px solid rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(8px);
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.srb-btn-directions:hover {
    background: #FFFFFF;
    color: var(--srb-primary) !important;
    border-color: #FFFFFF;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.srb-cta-direct-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 0.92rem;
    color: #94A3B8;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.srb-cta-direct-info a {
    color: var(--srb-accent);
    font-weight: 700;
}

.srb-dot-sep {
    color: rgba(255, 255, 255, 0.3);
}

/* ==========================================================================
   PAGE-SERVICES: ZIG-ZAG SERVICES SHOWCASE & HERO BANNER
   ========================================================================== */

/* 1. Services Page Hero Banner */
.srb-page-header-banner {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0 85px 0;
    color: #FFFFFF;
    text-align: center;
}

.srb-header-banner-glow {
    position: absolute;
    top: -30%;
    left: 50%;
    transform: translateX(-50%);
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.18) 0%, transparent 65%);
    pointer-events: none;
}

.srb-header-banner-content {
    max-width: 860px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* Breadcrumbs */
.srb-breadcrumbs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    padding: 5px 16px;
    border-radius: var(--srb-radius-pill);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.srb-breadcrumb-link {
    color: #CBD5E1 !important;
    text-decoration: none;
    transition: var(--srb-transition);
}

.srb-breadcrumb-link:hover {
    color: var(--srb-accent) !important;
}

.srb-breadcrumb-sep {
    color: var(--srb-accent);
}

.srb-breadcrumb-current {
    color: #FFFFFF;
}

.srb-banner-badge {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.35);
    margin-bottom: 20px;
}

.srb-header-banner-title {
    font-size: clamp(2.3rem, 4.2vw, 3.4rem);
    font-weight: 800;
    color: #FFFFFF;
    line-height: 1.25;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
}

.srb-header-banner-sub {
    font-size: 1.16rem;
    color: #CBD5E1;
    line-height: 1.7;
    max-width: 760px;
    margin: 0 auto 30px auto;
}

.srb-banner-pills {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.srb-banner-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--srb-radius-pill);
    padding: 6px 16px;
    font-size: 0.84rem;
    font-weight: 600;
    color: #E2E8F0;
}

.srb-pill-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10B981;
    box-shadow: 0 0 8px #10B981;
}

/* 2. Alternating Zig-Zag Services Section */
.srb-zigzag-section {
    padding: 90px 0;
    background: #FFFFFF;
}

.srb-zigzag-intro {
    margin-bottom: 70px;
}

.srb-services-zigzag-list {
    display: flex;
    flex-direction: column;
    gap: 90px;
}

.srb-zigzag-row {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 60px;
    align-items: center;
}

/* Reverse layout: Text Left, Image Right */
.srb-zigzag-reverse {
    grid-template-columns: 1.15fr 1fr;
}

.srb-zigzag-reverse .srb-zigzag-text-col {
    order: 1;
}

.srb-zigzag-reverse .srb-zigzag-img-col {
    order: 2;
}

.srb-zigzag-normal .srb-zigzag-img-col {
    order: 1;
}

.srb-zigzag-normal .srb-zigzag-text-col {
    order: 2;
}

/* Image Column & Frame */
.srb-zigzag-img-frame {
    position: relative;
    border-radius: var(--srb-radius-lg);
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(10, 37, 64, 0.12);
    border: 4px solid #FFFFFF;
    background: #0A2540;
    transition: var(--srb-transition);
}

.srb-zigzag-img-frame:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 60px rgba(10, 37, 64, 0.18);
}

.srb-zigzag-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.srb-zigzag-img-frame:hover .srb-zigzag-img {
    transform: scale(1.06);
}

.srb-zigzag-img-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(6, 22, 38, 0.75) 0%, transparent 60%);
    pointer-events: none;
}

.srb-zigzag-badge {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 2;
    font-size: 0.78rem;
    font-weight: 800;
    padding: 6px 14px;
    border-radius: var(--srb-radius-pill);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.srb-badge-meter {
    background: #F59E0B !important;
    color: #061626 !important;
}

.srb-badge-maint {
    background: #059669 !important;
    color: #FFFFFF !important;
}

.srb-zigzag-stat-tag {
    position: absolute;
    bottom: 18px;
    left: 18px;
    right: 18px;
    z-index: 2;
    background: rgba(6, 22, 38, 0.88);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--srb-radius-md);
    padding: 12px 18px;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.srb-zigzag-stat-tag strong {
    font-family: var(--srb-font-heading);
    font-size: 0.95rem;
    color: var(--srb-accent);
}

.srb-zigzag-stat-tag span {
    font-size: 0.8rem;
    color: #CBD5E1;
}

/* Text Column */
.srb-zigzag-text-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.srb-zigzag-tag {
    font-size: 0.78rem;
    font-weight: 800;
    color: var(--srb-accent-hover);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
    display: inline-block;
}

.srb-tag-comm { color: #0284C7; }
.srb-tag-agri { color: #059669; }
.srb-tag-meter { color: #D97706; }
.srb-tag-maint { color: #10B981; }

.srb-zigzag-title {
    font-size: clamp(1.8rem, 2.8vw, 2.3rem);
    color: var(--srb-primary);
    margin-bottom: 16px;
    font-weight: 800;
    line-height: 1.25;
}

.srb-zigzag-desc {
    font-size: 1.05rem;
    color: var(--srb-text-body);
    line-height: 1.7;
    margin-bottom: 24px;
}

/* Bullet Points / Checklist */
.srb-zigzag-features {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 32px;
}

.srb-feature-item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: var(--srb-radius-md);
    padding: 12px 18px;
    transition: var(--srb-transition);
}

.srb-feature-item:hover {
    background: #FFFFFF;
    border-color: var(--srb-accent);
    transform: translateX(5px);
    box-shadow: 0 4px 14px rgba(10, 37, 64, 0.05);
}

.srb-feature-check {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(16, 185, 129, 0.15);
    color: #10B981;
    font-weight: 800;
    font-size: 0.82rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.srb-feature-info strong {
    display: block;
    font-family: var(--srb-font-heading);
    font-size: 0.95rem;
    color: var(--srb-text-dark);
    margin-bottom: 2px;
}

.srb-feature-info span {
    font-size: 0.85rem;
    color: #64748B;
}

.srb-zigzag-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
}

/* 3. Bottom CTA Banner */
.srb-services-cta-banner {
    background: linear-gradient(135deg, #061626 0%, #0A2540 60%, #163A5F 100%);
    color: #FFFFFF;
    padding: 85px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.srb-services-cta-inner {
    max-width: 840px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.srb-services-cta-eyebrow {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.35);
    margin-bottom: 18px;
}

.srb-services-cta-title {
    font-size: clamp(2.1rem, 3.8vw, 3rem);
    font-weight: 800;
    color: #FFFFFF;
    margin-bottom: 18px;
    line-height: 1.25;
}

.srb-services-cta-text {
    font-size: 1.15rem;
    color: #CBD5E1;
    line-height: 1.7;
    margin-bottom: 34px;
}

.srb-services-cta-buttons {
    display: flex;
    gap: 18px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.srb-btn-ghost-light {
    background: transparent;
    color: #FFFFFF !important;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-radius: var(--srb-radius-pill);
    font-family: var(--srb-font-heading);
    font-weight: 700;
    padding: 16px 32px;
    font-size: 1.05rem;
    transition: var(--srb-transition);
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.srb-btn-ghost-light:hover {
    background: #FFFFFF;
    color: var(--srb-primary) !important;
    border-color: #FFFFFF;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.srb-services-cta-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 0.92rem;
    color: #94A3B8;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.srb-cta-dot {
    color: var(--srb-accent);
}

/* ==========================================================================
   PAGE-PRODUCTS: PREMIUM PRODUCT CATALOG & PACKAGES
   ========================================================================== */

/* 1. Products Catalog Hero Banner */
.srb-products-hero {
    background-size: cover;
    background-position: center;
}

/* 2. Catalog Section & 3-Column Grid */
.srb-catalog-section {
    padding: 90px 0;
    background: #FFFFFF;
}

.srb-catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

/* Product Card */
.srb-catalog-card {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: var(--srb-radius-lg);
    box-shadow: var(--srb-shadow-sm);
    transition: var(--srb-transition);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
}

.srb-catalog-card:hover {
    transform: translateY(-8px);
    border-color: var(--srb-accent);
    box-shadow: var(--srb-shadow-hover);
}

/* Product Image Wrap & Image */
.srb-catalog-img-wrap {
    height: 250px;
    position: relative;
    overflow: hidden;
    background: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.srb-catalog-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 18px;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.srb-catalog-card:hover .srb-catalog-img {
    transform: scale(1.08);
}

/* Badges */
.srb-catalog-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: var(--srb-radius-pill);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.srb-badge-featured {
    background: var(--srb-accent);
    color: #061626;
}

.srb-badge-backup {
    background: var(--srb-primary);
    color: #FFFFFF;
}

.srb-badge-agri {
    background: var(--srb-green-dark);
    color: #FFFFFF;
}

.srb-badge-eco {
    background: #0284C7;
    color: #FFFFFF;
}

.srb-badge-brands {
    background: #0F172A;
    color: var(--srb-accent);
    border: 1px solid rgba(245, 158, 11, 0.4);
}

.srb-badge-clean {
    background: #10B981;
    color: #FFFFFF;
}

/* Card Body */
.srb-catalog-body {
    padding: 28px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.srb-catalog-category {
    font-size: 0.76rem;
    font-weight: 800;
    color: var(--srb-accent-hover);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
    display: block;
}

.srb-catalog-title {
    font-size: 1.32rem;
    color: var(--srb-primary);
    margin-bottom: 12px;
    font-weight: 800;
    line-height: 1.3;
}

/* Price Box */
.srb-catalog-price-box {
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.25);
    border-radius: var(--srb-radius-sm);
    padding: 10px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.srb-price-label {
    font-size: 0.76rem;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.srb-catalog-price {
    font-family: var(--srb-font-heading);
    font-size: 1.32rem;
    font-weight: 800;
    color: var(--srb-green-dark);
    letter-spacing: -0.01em;
}

.srb-catalog-desc {
    font-size: 0.94rem;
    color: var(--srb-text-body);
    line-height: 1.6;
    margin-bottom: 18px;
}

.srb-catalog-features {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px;
    font-size: 0.88rem;
    color: var(--srb-primary-light);
    font-weight: 600;
}

.srb-catalog-footer {
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid #F1F5F9;
}

/* 3. Bottom CTA Section (Soft Grey / Accent Background) */
.srb-products-bottom-cta {
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
    padding: 85px 0;
}

.srb-bottom-cta-card {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: var(--srb-radius-lg);
    padding: 60px 48px;
    text-align: center;
    box-shadow: var(--srb-shadow-sm);
    max-width: 860px;
    margin: 0 auto;
}

.srb-cta-accent-badge {
    background: rgba(10, 37, 64, 0.08) !important;
    color: var(--srb-primary) !important;
    border: 1px solid rgba(10, 37, 64, 0.15);
    margin-bottom: 18px;
}

.srb-bottom-cta-title {
    font-size: clamp(2rem, 3.5vw, 2.7rem);
    color: var(--srb-primary);
    margin-bottom: 16px;
    font-weight: 800;
}

.srb-bottom-cta-desc {
    font-size: 1.15rem;
    color: var(--srb-text-body);
    line-height: 1.7;
    margin-bottom: 34px;
}

.srb-bottom-cta-actions {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.srb-bottom-cta-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 0.9rem;
    color: #64748B;
    font-weight: 500;
    padding-top: 20px;
    border-top: 1px solid #E2E8F0;
}

/* ==========================================================================
   PAGE-SUBSIDY: PM SURYA GHAR SUBSIDIES & EASY EMI FINANCING
   ========================================================================== */

/* 1. Subsidy Hero Banner */
.srb-subsidy-hero {
    background-size: cover;
    background-position: center;
}

.srb-badge-dbt {
    background: rgba(16, 185, 129, 0.18) !important;
    color: #10B981 !important;
    border: 1px solid rgba(16, 185, 129, 0.35);
    margin-bottom: 20px;
}

/* 2. Split Layout (Government Scheme & Easy EMI) */
.srb-subsidy-govt-section {
    padding: 95px 0;
    background: #FFFFFF;
}

.srb-subsidy-emi-section {
    padding: 95px 0;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
}

.srb-split-grid {
    display: grid;
    grid-template-columns: 1fr 1.08fr;
    gap: 60px;
    align-items: center;
}

.srb-split-text-left {
    grid-template-columns: 1.08fr 1fr;
}

/* Visual Frame & Image */
.srb-split-visual-frame {
    position: relative;
    border-radius: var(--srb-radius-lg);
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(10, 37, 64, 0.12);
    border: 4px solid #FFFFFF;
    background: #0A2540;
    transition: var(--srb-transition);
}

.srb-split-visual-frame:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 60px rgba(10, 37, 64, 0.18);
}

.srb-split-img {
    width: 100%;
    height: 440px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.srb-split-visual-frame:hover .srb-split-img {
    transform: scale(1.05);
}

.srb-split-img-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(6, 22, 38, 0.8) 0%, transparent 60%);
    pointer-events: none;
}

.srb-split-floating-tag {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 2;
    font-size: 0.78rem;
    font-weight: 800;
    padding: 6px 14px;
    border-radius: var(--srb-radius-pill);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}

.srb-tag-scheme {
    background: #059669;
    color: #FFFFFF;
}

.srb-tag-bank {
    background: var(--srb-accent);
    color: #061626;
}

/* Floating Glassmorphic Stat Pill */
.srb-split-stat-glass {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 2;
    background: rgba(6, 22, 38, 0.88);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--srb-radius-md);
    padding: 14px 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.srb-stat-money-icon {
    font-size: 1.6rem;
    flex-shrink: 0;
}

.srb-split-stat-glass strong {
    display: block;
    font-family: var(--srb-font-heading);
    font-size: 1.05rem;
    color: #10B981;
    font-weight: 800;
    margin-bottom: 2px;
}

.srb-stat-emi-glass strong {
    color: var(--srb-accent);
}

.srb-split-stat-glass span {
    font-size: 0.82rem;
    color: #CBD5E1;
    line-height: 1.35;
    display: block;
}

/* Split Text Column */
.srb-split-text-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.srb-eyebrow-green {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #059669 !important;
    border: 1px solid rgba(16, 185, 129, 0.25);
    margin-bottom: 12px;
}

.srb-eyebrow-accent {
    background: rgba(245, 158, 11, 0.15) !important;
    color: var(--srb-accent-hover) !important;
    border: 1px solid rgba(245, 158, 11, 0.3);
    margin-bottom: 12px;
}

.srb-split-title {
    font-size: clamp(2rem, 3.2vw, 2.6rem);
    color: var(--srb-primary);
    margin-bottom: 16px;
    font-weight: 800;
    line-height: 1.25;
}

.srb-split-desc {
    font-size: 1.06rem;
    color: var(--srb-text-body);
    line-height: 1.7;
    margin-bottom: 26px;
}

/* Checklist Cards */
.srb-split-checklist {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 32px;
}

.srb-check-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: var(--srb-radius-md);
    padding: 16px 20px;
    transition: var(--srb-transition);
}

.srb-check-card:hover {
    border-color: #10B981;
    transform: translateX(6px);
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.08);
}

.srb-check-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(16, 185, 129, 0.15);
    color: #10B981;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}

.srb-check-icon.srb-icon-gold {
    background: rgba(245, 158, 11, 0.15);
    color: var(--srb-accent-hover);
}

.srb-check-body strong {
    display: block;
    font-family: var(--srb-font-heading);
    font-size: 0.98rem;
    color: var(--srb-text-dark);
    margin-bottom: 4px;
    font-weight: 700;
    line-height: 1.35;
}

.srb-check-body span {
    font-size: 0.86rem;
    color: #64748B;
    line-height: 1.5;
    display: block;
}

.srb-split-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
}

.srb-btn-whatsapp-subtle {
    background: rgba(37, 211, 102, 0.1);
    color: #059669 !important;
    border: 1px solid rgba(37, 211, 102, 0.3);
    border-radius: var(--srb-radius-pill);
    font-family: var(--srb-font-heading);
    font-weight: 700;
    padding: 14px 24px;
    font-size: 0.95rem;
    transition: var(--srb-transition);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none !important;
}

.srb-btn-whatsapp-subtle:hover {
    background: #25D366;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(37, 211, 102, 0.25);
}

/* 3. Hassle-Free Paperwork Section & Steps Grid */
.srb-paperwork-section {
    padding: 95px 0;
    background: #FFFFFF;
}

.srb-paperwork-layout {
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    gap: 60px;
    align-items: center;
    margin-top: 50px;
}

.srb-paperwork-frame {
    position: relative;
    border-radius: var(--srb-radius-lg);
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(10, 37, 64, 0.12);
    border: 4px solid #FFFFFF;
    background: #0A2540;
    transition: var(--srb-transition);
}

.srb-paperwork-frame:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 60px rgba(10, 37, 64, 0.18);
}

.srb-paperwork-img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.srb-paperwork-frame:hover .srb-paperwork-img {
    transform: scale(1.05);
}

.srb-paperwork-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(6, 22, 38, 0.75) 0%, transparent 60%);
    pointer-events: none;
}

.srb-paperwork-badge {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: rgba(6, 22, 38, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--srb-radius-md);
    padding: 12px 18px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.srb-badge-check {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #10B981;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 900;
    flex-shrink: 0;
}

/* 3-Step Vertical Timeline */
.srb-timeline-steps {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.srb-timeline-card {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: var(--srb-radius-lg);
    padding: 24px;
    box-shadow: var(--srb-shadow-sm);
    transition: var(--srb-transition);
}

.srb-timeline-card:hover {
    transform: translateX(8px);
    border-color: #10B981;
    box-shadow: 0 12px 30px rgba(16, 185, 129, 0.1);
}

.srb-timeline-num-badge {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, #0A2540 0%, #163A5F 100%);
    color: var(--srb-accent);
    font-family: var(--srb-font-heading);
    font-size: 1.25rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(10, 37, 64, 0.2);
    transition: var(--srb-transition);
}

.srb-timeline-card:hover .srb-timeline-num-badge {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    color: #FFFFFF;
}

.srb-timeline-content {
    flex-grow: 1;
}

.srb-step-tag {
    font-size: 0.72rem;
    font-weight: 800;
    color: #059669;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
}

.srb-timeline-content h3 {
    font-size: 1.18rem;
    color: var(--srb-primary);
    margin-bottom: 8px;
    font-weight: 800;
    line-height: 1.3;
}

.srb-timeline-content p {
    font-size: 0.95rem;
    color: var(--srb-text-body);
    line-height: 1.6;
    margin: 0;
}

/* 4. Bottom Lead Generation Banner */
.srb-subsidy-bottom-banner {
    background: linear-gradient(135deg, #041220 0%, #061A2E 50%, #0A2C4A 100%);
    color: #FFFFFF;
    padding: 85px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.srb-subsidy-banner-inner {
    max-width: 860px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.srb-banner-alert-pill {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #10B981 !important;
    border: 1px solid rgba(16, 185, 129, 0.4);
    margin-bottom: 20px;
}

.srb-subsidy-banner-title {
    font-size: clamp(2.1rem, 4vw, 3rem);
    font-weight: 800;
    color: #FFFFFF;
    margin-bottom: 18px;
    line-height: 1.25;
}

.srb-subsidy-banner-text {
    font-size: 1.15rem;
    color: #CBD5E1;
    line-height: 1.7;
    margin-bottom: 34px;
}

.srb-subsidy-banner-actions {
    display: flex;
    gap: 18px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.srb-btn-subsidy-cta {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.35) !important;
    border: none !important;
}

.srb-btn-subsidy-cta:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 12px 30px rgba(16, 185, 129, 0.45) !important;
}

.srb-btn-outline-white {
    background: transparent;
    color: #FFFFFF !important;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: var(--srb-radius-pill);
    font-family: var(--srb-font-heading);
    font-weight: 700;
    padding: 16px 32px;
    font-size: 1.05rem;
    transition: var(--srb-transition);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
}

.srb-btn-outline-white:hover {
    background: #25D366;
    color: #FFFFFF !important;
    border-color: #25D366;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.35);
}

.srb-subsidy-banner-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 0.92rem;
    color: #94A3B8;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.srb-subsidy-banner-meta a {
    color: var(--srb-accent);
    text-decoration: none;
    font-weight: 700;
}

.srb-subsidy-banner-meta a:hover {
    text-decoration: underline;
}

/* ==========================================================================
   PAGE-CONTACT: CONTACT & LEAD GENERATION
   ========================================================================== */

/* 1. Contact Hero Banner */
.srb-contact-hero {
    background-size: cover;
    background-position: center;
}

.srb-badge-contact {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.35);
    margin-bottom: 20px;
}

/* 2. Contact Split Section (Details on Left, Form on Right) */
.srb-contact-split-section {
    padding: 95px 0;
    background: #FFFFFF;
}

.srb-contact-split-grid {
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 48px;
    align-items: flex-start;
}

/* Left Column: Details Card */
.srb-details-card {
    background: #F8FAFC;
    border: 1.5px solid #E2E8F0;
    border-radius: var(--srb-radius-lg);
    padding: 38px;
    box-shadow: var(--srb-shadow-sm);
    transition: var(--srb-transition);
}

.srb-details-card:hover {
    box-shadow: var(--srb-shadow-md);
    border-color: #CBD5E1;
}

.srb-details-title {
    font-size: 1.85rem;
    color: var(--srb-primary);
    font-weight: 800;
    margin-bottom: 12px;
}

.srb-details-intro {
    font-size: 1.02rem;
    color: var(--srb-text-body);
    line-height: 1.65;
    margin-bottom: 28px;
}

/* Contact Items List */
.srb-contact-items-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 28px;
}

.srb-detail-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: var(--srb-radius-md);
    padding: 16px 20px;
    transition: var(--srb-transition);
}

.srb-detail-item:hover {
    border-color: var(--srb-accent);
    transform: translateX(4px);
    box-shadow: 0 4px 14px rgba(10, 37, 64, 0.05);
}

.srb-detail-icon-wrap {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}

.srb-icon-person {
    background: rgba(10, 37, 64, 0.08);
    color: var(--srb-primary);
}

.srb-icon-phone {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.srb-icon-email {
    background: rgba(2, 132, 199, 0.12);
    color: #0284C7;
}

.srb-icon-address {
    background: rgba(245, 158, 11, 0.15);
    color: #D97706;
}

.srb-icon-hours {
    background: rgba(139, 92, 246, 0.12);
    color: #7C3AED;
}

.srb-detail-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.srb-detail-label {
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748B;
    letter-spacing: 0.06em;
}

.srb-detail-val {
    font-family: var(--srb-font-heading);
    font-size: 1.08rem;
    font-weight: 800;
    color: var(--srb-text-dark);
    text-decoration: none !important;
}

.srb-link-phone {
    color: var(--srb-primary) !important;
    transition: var(--srb-transition);
}

.srb-link-phone:hover {
    color: var(--srb-accent-hover) !important;
}

.srb-link-email {
    color: var(--srb-primary) !important;
    transition: var(--srb-transition);
}

.srb-link-email:hover {
    color: #0284C7 !important;
    text-decoration: underline !important;
}

.srb-detail-subtag {
    font-size: 0.82rem;
    color: #64748B;
}

/* Working Hours Live Pulse Dot */
.srb-hours-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.srb-live-pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10B981;
    display: inline-block;
    box-shadow: 0 0 0 rgba(16, 185, 129, 0.6);
    animation: srbLivePulse 2s infinite;
}

@keyframes srbLivePulse {
    0% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    }
    70% {
        box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
    }
}

/* WhatsApp Block Button */
.srb-details-wa-strip {
    margin-bottom: 28px;
}

.srb-btn-wa-block {
    background: #25D366;
    color: #FFFFFF !important;
    border-radius: var(--srb-radius-md);
    font-family: var(--srb-font-heading);
    font-weight: 700;
    padding: 14px 20px;
    font-size: 0.98rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(37, 211, 102, 0.28);
    transition: var(--srb-transition);
}

.srb-btn-wa-block:hover {
    background: #1EBE5D;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.38);
    color: #FFFFFF !important;
}

/* Office Consultation Image Frame */
.srb-consultation-img-wrap {
    margin-top: 10px;
}

.srb-consultation-frame {
    position: relative;
    border-radius: var(--srb-radius-md);
    overflow: hidden;
    box-shadow: 0 14px 35px rgba(10, 37, 64, 0.12);
    border: 3px solid #FFFFFF;
    background: #0A2540;
}

.srb-consultation-img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.srb-consultation-frame:hover .srb-consultation-img {
    transform: scale(1.04);
}

.srb-consultation-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(6, 22, 38, 0.75) 0%, transparent 60%);
    pointer-events: none;
}

.srb-consultation-glass-tag {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
    background: rgba(6, 22, 38, 0.88);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--srb-radius-sm);
    padding: 8px 14px;
    color: #FFFFFF;
    font-size: 0.82rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
}

.srb-consult-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10B981;
    display: inline-block;
}

/* Right Column: High-Converting Lead Generation Form Card */
/* Right Column: High-Converting Lead Generation Form Card */
.srb-lead-gen-card {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-top: 4px solid var(--srb-accent);
    border-radius: var(--srb-radius-lg);
    padding: 42px 38px;
    box-shadow: 0 20px 45px -10px rgba(10, 37, 64, 0.1);
    position: relative;
}

.srb-badge-survey {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #059669 !important;
    border: 1px solid rgba(16, 185, 129, 0.3);
    margin-bottom: 12px;
}

.srb-form-title {
    font-size: 1.9rem;
    color: var(--srb-primary);
    font-weight: 800;
    margin-bottom: 10px;
}

.srb-form-sub {
    font-size: 0.98rem;
    color: var(--srb-text-body);
    line-height: 1.6;
    margin-bottom: 28px;
}

/* Form Elements */
.srb-contact-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.srb-field-group {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.srb-field-label {
    font-family: var(--srb-font-heading);
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--srb-primary);
}

.srb-required {
    color: #EF4444;
}

.srb-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.srb-input-icon {
    position: absolute;
    left: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748B;
    pointer-events: none;
    z-index: 3;
    transition: color 0.2s ease;
}

.srb-input-icon svg {
    width: 18px;
    height: 18px;
    display: block;
    stroke: currentColor;
}

.srb-input-wrap:focus-within .srb-input-icon {
    color: var(--srb-accent);
}

/* High Specificity Form Control - completely overrides Astra defaults */
.srb-contact-form input[type="text"],
.srb-contact-form input[type="tel"],
.srb-contact-form select,
.srb-lead-gen-card .srb-form-control {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    background: #F8FAFC !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: var(--srb-radius-md) !important;
    padding: 12px 18px 12px 48px !important;
    font-family: var(--srb-font-body) !important;
    font-size: 0.96rem !important;
    line-height: normal !important;
    color: var(--srb-text-dark) !important;
    transition: var(--srb-transition) !important;
    outline: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.srb-contact-form input[type="text"]:focus,
.srb-contact-form input[type="tel"]:focus,
.srb-contact-form select:focus,
.srb-lead-gen-card .srb-form-control:focus {
    background: #FFFFFF !important;
    border-color: var(--srb-accent) !important;
    box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.16) !important;
}

.srb-contact-form input::placeholder,
.srb-contact-form textarea::placeholder {
    color: #94A3B8 !important;
    font-size: 0.92rem !important;
    opacity: 1 !important;
}

/* Custom Select styling - perfect vertical text alignment without cutoffs */
.srb-contact-form select.srb-select,
.srb-lead-gen-card select.srb-form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: #F8FAFC !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 16px) center !important;
    background-size: 16px !important;
    padding-left: 48px !important;
    padding-right: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 52px !important;
    line-height: 50px !important;
    cursor: pointer !important;
}

.srb-contact-form select.srb-select:invalid,
.srb-contact-form select.srb-select option[value=""] {
    color: #94A3B8 !important;
}

.srb-contact-form select.srb-select option {
    background-color: #FFFFFF !important;
    color: #0F172A !important;
    padding: 12px 14px !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
}

/* Textarea override */
.srb-contact-form textarea.srb-textarea,
.srb-lead-gen-card textarea.srb-form-control {
    height: auto !important;
    min-height: 110px !important;
    padding: 14px 18px !important;
    line-height: 1.6 !important;
    resize: vertical !important;
}

/* Submit Button: Request Free Quote */
.srb-submit-wrap {
    margin-top: 8px;
}

.srb-btn-submit-cta {
    width: 100%;
    justify-content: center;
    font-size: 1.08rem !important;
    padding: 16px 28px !important;
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%) !important;
    color: #061626 !important;
    font-weight: 800 !important;
    border: none !important;
    border-radius: var(--srb-radius-pill) !important;
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.38) !important;
    transition: var(--srb-transition);
    cursor: pointer;
}

.srb-btn-submit-cta:hover {
    background: linear-gradient(135deg, #D97706 0%, #B45309 100%) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(245, 158, 11, 0.48) !important;
}

.srb-btn-submit-cta:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none !important;
}

/* Feedback Message */
.srb-feedback-success {
    background: rgba(16, 185, 129, 0.1);
    border: 1.5px solid #10B981;
    border-radius: var(--srb-radius-md);
    padding: 22px;
    margin-top: 10px;
}

.srb-feedback-badge {
    display: inline-block;
    background: #10B981;
    color: #FFFFFF;
    font-weight: 800;
    font-size: 0.72rem;
    padding: 3px 10px;
    border-radius: var(--srb-radius-pill);
    margin-bottom: 10px;
}

.srb-feedback-success h4 {
    color: #065F46;
    font-size: 1.25rem;
    margin-bottom: 6px;
    font-weight: 800;
}

.srb-feedback-success p {
    color: #047857;
    font-size: 0.95rem;
    line-height: 1.55;
    margin-bottom: 16px;
}

.srb-btn-wa-confirm {
    background: #25D366;
    color: #FFFFFF !important;
    border-radius: var(--srb-radius-pill);
    font-family: var(--srb-font-heading);
    font-weight: 700;
    padding: 12px 24px;
    font-size: 0.94rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.3);
    transition: var(--srb-transition);
}

.srb-btn-wa-confirm:hover {
    background: #1EBE5D;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(37, 211, 102, 0.4);
}

.srb-form-security-note {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: #64748B;
    line-height: 1.4;
    padding-top: 8px;
}

.srb-form-security-note svg {
    color: #10B981;
    flex-shrink: 0;
}

/* 3. Google Map Section (Full Width Responsive) */
.srb-map-section {
    padding: 90px 0 100px 0;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
}

.srb-map-header {
    text-align: center;
    margin-bottom: 45px;
}

.srb-map-section-title {
    font-size: clamp(2rem, 3.5vw, 2.7rem);
    color: var(--srb-primary);
    font-weight: 800;
    margin-bottom: 12px;
}

.srb-map-section-sub {
    font-size: 1.06rem;
    color: var(--srb-text-body);
    max-width: 680px;
    margin: 0 auto;
    line-height: 1.65;
}

.srb-map-container-card {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: var(--srb-radius-lg);
    overflow: hidden;
    box-shadow: var(--srb-shadow-md);
}

.srb-map-embed-wrapper {
    position: relative;
    width: 100%;
    height: 480px;
    overflow: hidden;
    background: #E2E8F0;
}

.srb-map-embed-wrapper iframe {
    width: 100% !important;
    height: 100% !important;
    display: block;
    border: 0;
}

/* Quick Bar Below Map */
.srb-map-quickbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 32px;
    background: #FFFFFF;
    border-top: 1px solid #E2E8F0;
    flex-wrap: wrap;
    gap: 20px;
}

.srb-map-quick-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.srb-quick-icon {
    font-size: 1.4rem;
}

.srb-map-quick-item strong {
    display: block;
    font-family: var(--srb-font-heading);
    font-size: 0.96rem;
    color: var(--srb-primary);
}

.srb-map-quick-item span {
    font-size: 0.84rem;
    color: #64748B;
}

/* ==========================================================================
   PAGE-ABOUT: ABOUT US, FOUNDER'S DESK & SRB ADVANTAGE
   ========================================================================== */

/* 1. About Hero Banner */
.srb-about-hero {
    background-size: cover;
    background-position: center;
}

.srb-badge-about {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.35);
    margin-bottom: 20px;
}

/* 2. Common Split Grid for About Page */
.srb-about-split-grid {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 60px;
    align-items: center;
}

.srb-mission-grid {
    grid-template-columns: 1.15fr 1fr;
}

.srb-about-sec-title {
    font-size: clamp(2rem, 3.2vw, 2.7rem);
    color: var(--srb-primary);
    font-weight: 800;
    margin-bottom: 18px;
    line-height: 1.25;
}

/* 3. Founder's Desk Section */
.srb-founder-section {
    padding: 95px 0;
    background: #FFFFFF;
}

.srb-founder-portrait-frame {
    position: relative;
    border-radius: var(--srb-radius-lg);
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(10, 37, 64, 0.16);
    border: 5px solid #FFFFFF;
    background: #0A2540;
    max-width: 480px;
    margin: 0 auto;
    transition: var(--srb-transition);
}

.srb-founder-portrait-frame:hover {
    transform: translateY(-6px);
    box-shadow: 0 32px 75px rgba(10, 37, 64, 0.22);
}

.srb-founder-img {
    width: 100%;
    height: 540px;
    object-fit: cover;
    object-position: top center !important;
    transform-origin: top center;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.srb-founder-portrait-frame:hover .srb-founder-img {
    transform: scale(1.03);
}

.srb-founder-img-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(6, 22, 38, 0.85) 0%, transparent 60%);
    pointer-events: none;
}

.srb-founder-badge-card {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: rgba(6, 22, 38, 0.9);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--srb-radius-md);
    padding: 14px 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.srb-founder-badge-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #10B981;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.srb-founder-badge-text strong {
    display: block;
    font-family: var(--srb-font-heading);
    font-size: 1.05rem;
    color: #FFFFFF;
    font-weight: 800;
}

.srb-founder-badge-text span {
    font-size: 0.82rem;
    color: var(--srb-accent);
}

.srb-founder-origin-tag {
    position: absolute;
    top: 18px;
    right: 18px;
    background: rgba(6, 22, 38, 0.85);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--srb-radius-pill);
    padding: 5px 14px;
    color: #FFFFFF;
    font-size: 0.78rem;
    font-weight: 700;
}

/* Founder Text & Quote */
.srb-founder-name-wrap {
    margin-bottom: 22px;
}

.srb-founder-name {
    font-size: 1.85rem;
    color: var(--srb-primary);
    font-weight: 800;
    margin-bottom: 4px;
}

.srb-founder-designation {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--srb-accent-hover);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.srb-founder-quote-box {
    position: relative;
    background: #F8FAFC;
    border-left: 4px solid var(--srb-accent);
    border-radius: 0 var(--srb-radius-md) var(--srb-radius-md) 0;
    padding: 24px 28px 24px 34px;
    margin-bottom: 28px;
    box-shadow: 0 4px 18px rgba(10, 37, 64, 0.04);
}

.srb-quote-mark {
    position: absolute;
    top: -10px;
    left: 12px;
    font-family: Georgia, serif;
    font-size: 3.5rem;
    line-height: 1;
    color: rgba(245, 158, 11, 0.25);
    pointer-events: none;
}

.srb-founder-desc {
    font-size: 1.08rem;
    color: var(--srb-text-dark);
    line-height: 1.75;
    font-style: italic;
    margin: 0;
    position: relative;
    z-index: 1;
}

.srb-founder-highlights {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 32px;
}

.srb-founder-highlight-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.94rem;
    color: var(--srb-primary);
    font-weight: 600;
}

.srb-f-check {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(16, 185, 129, 0.15);
    color: #10B981;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 900;
    flex-shrink: 0;
}

.srb-founder-action-strip {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
}

/* 4. Our Mission & Vision Section */
.srb-mission-section {
    padding: 95px 0;
    background: #F8FAFC;
    border-top: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
}

.srb-mission-desc {
    font-size: 1.1rem;
    color: var(--srb-text-body);
    line-height: 1.75;
    margin-bottom: 32px;
}

.srb-mission-pillars {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.srb-pillar-card {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: var(--srb-radius-md);
    padding: 18px 22px;
    transition: var(--srb-transition);
}

.srb-pillar-card:hover {
    border-color: #10B981;
    transform: translateX(6px);
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.08);
}

.srb-pillar-icon {
    font-size: 1.8rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.srb-pillar-info strong {
    display: block;
    font-family: var(--srb-font-heading);
    font-size: 1.05rem;
    color: var(--srb-primary);
    margin-bottom: 4px;
    font-weight: 700;
}

.srb-pillar-info p {
    font-size: 0.9rem;
    color: var(--srb-text-body);
    line-height: 1.55;
    margin: 0;
}

/* Mission Visual Frame */
.srb-mission-visual-frame {
    position: relative;
    border-radius: var(--srb-radius-lg);
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(10, 37, 64, 0.12);
    border: 4px solid #FFFFFF;
    background: #0A2540;
    transition: var(--srb-transition);
}

.srb-mission-visual-frame:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 60px rgba(10, 37, 64, 0.18);
}

.srb-mission-img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.srb-mission-visual-frame:hover .srb-mission-img {
    transform: scale(1.05);
}

.srb-mission-img-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(6, 22, 38, 0.8) 0%, transparent 60%);
    pointer-events: none;
}

.srb-mission-stat-glass {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: rgba(6, 22, 38, 0.9);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--srb-radius-md);
    padding: 14px 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.srb-stat-leaf-icon {
    font-size: 1.6rem;
    flex-shrink: 0;
}

.srb-mission-stat-glass strong {
    display: block;
    font-family: var(--srb-font-heading);
    font-size: 1.05rem;
    color: #10B981;
    font-weight: 800;
}

.srb-mission-stat-glass span {
    font-size: 0.82rem;
    color: #CBD5E1;
}

/* 5. Why Choose SRB Solar (4-Card Advantage Grid) */
.srb-advantage-section {
    padding: 95px 0;
    background: #FFFFFF;
}

.srb-advantage-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
    margin-top: 55px;
}

.srb-adv-card {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: var(--srb-radius-lg);
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    box-shadow: var(--srb-shadow-sm);
    transition: var(--srb-transition);
    position: relative;
}

.srb-adv-card:hover {
    transform: translateY(-8px);
    border-color: var(--srb-accent);
    box-shadow: var(--srb-shadow-hover);
}

.srb-adv-icon-box {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: var(--srb-transition);
}

.srb-adv-card:hover .srb-adv-icon-box {
    transform: scale(1.08);
}

.srb-adv-star {
    background: rgba(245, 158, 11, 0.15);
    color: #D97706;
}

.srb-adv-shield {
    background: rgba(10, 37, 64, 0.08);
    color: var(--srb-primary);
}

.srb-adv-doc {
    background: rgba(16, 185, 129, 0.15);
    color: #059669;
}

.srb-adv-support {
    background: rgba(2, 132, 199, 0.15);
    color: #0284C7;
}

.srb-adv-rating-strip {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.srb-rating-num {
    font-size: 0.82rem;
    font-weight: 800;
    color: #D97706;
}

.srb-badge-cert {
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 3px 8px;
    border-radius: var(--srb-radius-pill);
    background: #F1F5F9;
    color: #475569;
}

.srb-adv-card-title {
    font-size: 1.25rem;
    color: var(--srb-primary);
    font-weight: 800;
    margin-bottom: 12px;
    line-height: 1.35;
}

.srb-adv-card-text {
    font-size: 0.94rem;
    color: var(--srb-text-body);
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
}

.srb-adv-tag {
    font-size: 0.76rem;
    font-weight: 700;
    color: #64748B;
    padding-top: 14px;
    border-top: 1px solid #F1F5F9;
}

/* 6. Bottom Call-To-Action (Full Width Solid Background) */
.srb-about-bottom-cta {
    background: linear-gradient(135deg, #061626 0%, #0A2540 60%, #163A5F 100%);
    color: #FFFFFF;
    padding: 85px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.srb-about-cta-inner {
    max-width: 860px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.srb-about-cta-badge {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.4);
    margin-bottom: 20px;
}

.srb-about-cta-headline {
    font-size: clamp(2.1rem, 4vw, 3rem);
    font-weight: 800;
    color: #FFFFFF;
    margin-bottom: 18px;
    line-height: 1.25;
}

.srb-about-cta-text {
    font-size: 1.15rem;
    color: #CBD5E1;
    line-height: 1.7;
    margin-bottom: 34px;
}

.srb-about-cta-buttons {
    display: flex;
    gap: 18px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.srb-btn-about-cta {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%) !important;
    color: #061626 !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.35) !important;
    border: none !important;
}

.srb-btn-about-cta:hover {
    background: linear-gradient(135deg, #D97706 0%, #B45309 100%) !important;
    color: #FFFFFF !important;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 12px 30px rgba(245, 158, 11, 0.45) !important;
}

.srb-about-cta-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 0.92rem;
    color: #94A3B8;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES (PERFECT DESKTOP, TABLET & MOBILE VIEWPORTS)
   ========================================================================== */

/* 1. Moderate Desktop / Laptops (1180px - 1320px) */
@media (max-width: 1320px) {
    .srb-header .srb-container {
        padding: 0 16px;
    }
    .srb-brand-tagline {
        display: none;
    }
    .srb-nav-list li a,
    .srb-nav-item a,
    .srb-nav-list .menu-item a,
    .srb-nav-link {
        padding: 6px 10px;
        font-size: 0.84rem;
    }
    .srb-call-tag {
        display: none;
    }
    .srb-call-pill {
        padding: 5px 10px 5px 6px;
    }
    .srb-call-number {
        font-size: 0.88rem;
    }
    .srb-btn-header {
        padding: 9px 15px;
        font-size: 0.84rem;
    }
}

/* 2. Tablets & Small Laptops (Switch Nav to Hamburger at 1160px) */
@media (max-width: 1160px) {
    .srb-nav-desktop {
        display: none !important;
    }

    .srb-hamburger {
        display: flex !important;
    }

    .srb-call-pill {
        display: inline-flex;
    }
}

/* 3. Landscape Tablets & Medium Screens */
@media (max-width: 1024px) {
    .srb-hero-grid,
    .srb-hero-v2-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .srb-partners-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .srb-solutions-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .srb-products-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .srb-subsidy-split-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .srb-maintenance-banner-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    /* Services Page Zig-Zag on Tablet */
    .srb-zigzag-row {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }

    .srb-zigzag-reverse .srb-zigzag-img-col {
        order: 1 !important;
    }

    .srb-zigzag-reverse .srb-zigzag-text-col {
        order: 2 !important;
    }

    .srb-zigzag-normal .srb-zigzag-img-col {
        order: 1 !important;
    }

    .srb-zigzag-normal .srb-zigzag-text-col {
        order: 2 !important;
    }

    .srb-services-zigzag-list {
        gap: 60px !important;
    }

    .srb-zigzag-img {
        height: 320px !important;
    }

    /* Products Catalog on Tablet (2 Columns) */
    .srb-catalog-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 24px !important;
    }

    /* Subsidy & EMI Page on Tablet */
    .srb-split-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }

    .srb-split-img {
        height: 350px !important;
    }

    .srb-paperwork-layout {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }

    .srb-paperwork-img {
        height: 350px !important;
    }

    /* Contact Page on Tablet */
    .srb-contact-split-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }

    .srb-map-embed-wrapper {
        height: 400px !important;
    }

    /* About Us Page on Tablet */
    .srb-about-split-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }

    .srb-founder-img {
        height: 480px !important;
        object-position: top center !important;
    }

    .srb-mission-img {
        height: 350px !important;
    }

    .srb-advantage-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    .srb-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 36px;
    }

    .srb-process-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* 4. Portrait Tablets & Mobile Phones (<= 768px) */
@media (max-width: 768px) {
    /* Prevent any horizontal page overflow */
    html, body {
        overflow-x: hidden;
        max-width: 100vw;
    }

    .srb-section {
        padding: 60px 0;
    }

    /* Topbar on Mobile */
    .srb-topbar {
        padding: 5px 0;
        font-size: 0.74rem;
    }

    .srb-topbar-right {
        display: none !important;
    }

    .srb-topbar-inner {
        justify-content: center;
        text-align: center;
    }

    .srb-topbar-left {
        justify-content: center;
        width: 100%;
        gap: 6px;
    }

    .srb-msg-desktop {
        display: none !important;
    }

    .srb-msg-mobile {
        display: inline !important;
        font-size: 0.74rem;
    }

    .srb-topbar-pill {
        font-size: 0.68rem;
        padding: 1px 7px;
    }

    /* Header Container on Mobile */
    .srb-header .srb-container {
        padding: 0 12px;
    }

    .srb-header-inner {
        height: 64px;
        gap: 8px;
    }

    /* Logo on Mobile */
    .srb-logo-img {
        height: 38px;
        max-width: 155px;
    }

    /* Footer Logo Card on Mobile */
    .srb-footer-logo-card {
        max-width: 240px;
        padding: 8px 14px;
        margin-bottom: 16px;
    }

    .srb-footer-logo-img {
        max-height: 44px;
    }

    /* Actions on Mobile */
    .srb-header-actions {
        gap: 8px;
    }

    /* Call Pill turned into sleek circular icon button */
    .srb-call-pill {
        padding: 0;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        justify-content: center;
        border: none;
        background: transparent;
        box-shadow: none;
    }

    .srb-call-badge {
        width: 36px;
        height: 36px;
    }

    .srb-call-text {
        display: none !important;
    }

    /* CTA Button on Mobile */
    .srb-btn-text-desktop {
        display: none !important;
    }

    .srb-btn-text-mobile {
        display: inline !important;
    }

    .srb-btn-header {
        padding: 8px 12px;
        font-size: 0.78rem;
        gap: 4px;
    }

    .srb-btn-header .srb-btn-arrow {
        display: none !important;
    }

    /* Hamburger on Mobile */
    .srb-hamburger {
        display: flex !important;
        width: 36px;
        height: 36px;
        padding: 8px;
        border-radius: 8px;
        flex-shrink: 0;
    }

    /* 1. Hero Mobile */
    .srb-hero-v2 {
        padding: 60px 0 50px 0;
    }

    .srb-hero-v2-title {
        font-size: clamp(1.85rem, 5.5vw, 2.4rem);
    }

    .srb-hero-v2-sub {
        font-size: 0.98rem;
        margin-bottom: 24px;
    }

    .srb-hero-v2-ctas {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .srb-hero-v2-ctas .srb-btn {
        width: 100%;
        justify-content: center;
    }

    .srb-hero-highlights {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .srb-hero-stat-card {
        padding: 24px 20px;
    }

    /* 2. Partners Mobile */
    .srb-partners-section {
        padding: 40px 0;
    }

    .srb-partners-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    /* 3. Solutions Mobile */
    .srb-solution-img-wrap {
        height: 200px;
    }

    .srb-solution-body {
        padding: 22px;
    }

    /* 4. Products Mobile */
    .srb-product-card {
        grid-template-columns: 1fr;
        padding: 22px;
        gap: 20px;
    }

    .srb-product-img-box {
        height: 200px;
    }

    .srb-product-spec-pills {
        grid-template-columns: 1fr;
    }

    .srb-product-actions {
        flex-direction: column;
        width: 100%;
    }

    .srb-product-actions .srb-btn {
        width: 100%;
    }

    /* 5. Subsidy Mobile */
    .srb-subsidy-visual-frame {
        max-width: 480px;
        margin: 0 auto;
    }

    .srb-floating-badge {
        padding: 10px 14px;
    }

    .srb-badge-top {
        top: 12px;
        left: 12px;
    }

    .srb-badge-bottom {
        bottom: 12px;
        right: 12px;
    }

    .srb-float-icon {
        font-size: 1.3rem;
    }

    .srb-float-text strong {
        font-size: 0.85rem;
    }

    .srb-float-text span {
        font-size: 0.68rem;
    }

    /* 6. Maintenance Mobile */
    .srb-maintenance-banner-wrap {
        padding: 60px 0;
    }

    .srb-maintenance-action {
        flex-direction: column;
        width: 100%;
    }

    .srb-maintenance-action .srb-btn {
        width: 100%;
    }

    .srb-maint-thumb {
        height: 220px;
    }

    /* 7. Final CTA Mobile */
    .srb-final-cta-section {
        padding: 60px 0;
    }

    .srb-final-cta-card {
        padding: 40px 20px;
    }

    .srb-final-cta-buttons {
        flex-direction: column;
    }

    .srb-final-cta-buttons .srb-btn {
        width: 100%;
        justify-content: center;
    }

    .srb-cta-direct-info {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }

    .srb-dot-sep {
        display: none;
    }

    /* Services Page Mobile */
    .srb-page-header-banner {
        padding: 60px 0 50px 0;
    }

    .srb-header-banner-title {
        font-size: clamp(1.85rem, 5.5vw, 2.3rem);
    }

    .srb-header-banner-sub {
        font-size: 1rem;
        margin-bottom: 24px;
    }

    .srb-zigzag-section {
        padding: 60px 0;
    }

    .srb-zigzag-intro {
        margin-bottom: 40px;
    }

    .srb-zigzag-img {
        height: 250px;
    }

    .srb-zigzag-title {
        font-size: 1.5rem;
    }

    .srb-zigzag-desc {
        font-size: 0.96rem;
    }

    .srb-zigzag-actions {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    .srb-zigzag-actions .srb-btn {
        width: 100%;
        justify-content: center;
    }

    .srb-services-cta-banner {
        padding: 60px 0;
    }

    .srb-services-cta-inner {
        padding: 0 16px;
    }

    .srb-services-cta-title {
        font-size: 1.85rem;
    }

    .srb-services-cta-text {
        font-size: 1rem;
        margin-bottom: 24px;
    }

    .srb-services-cta-buttons {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .srb-services-cta-buttons .srb-btn {
        width: 100%;
        justify-content: center;
    }

    .srb-services-cta-trust {
        flex-direction: column;
        gap: 6px;
        font-size: 0.82rem;
    }

    /* Products Catalog Mobile (1 Column) */
    .srb-catalog-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .srb-catalog-card {
        max-width: 480px;
        margin: 0 auto;
        width: 100%;
    }

    .srb-catalog-img-wrap {
        height: 220px;
    }

    .srb-catalog-body {
        padding: 22px;
    }

    .srb-products-bottom-cta {
        padding: 60px 0;
    }

    .srb-bottom-cta-card {
        padding: 40px 20px;
    }

    .srb-bottom-cta-title {
        font-size: 1.85rem;
    }

    .srb-bottom-cta-desc {
        font-size: 1rem;
        margin-bottom: 24px;
    }

    .srb-bottom-cta-actions {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .srb-bottom-cta-actions .srb-btn {
        width: 100%;
        justify-content: center;
    }

    .srb-bottom-cta-meta {
        flex-direction: column;
        gap: 6px;
        font-size: 0.82rem;
    }

    /* Subsidy & EMI Page Mobile */
    .srb-subsidy-govt-section,
    .srb-subsidy-emi-section,
    .srb-paperwork-section {
        padding: 60px 0;
    }

    .srb-split-img {
        height: 260px !important;
    }

    .srb-paperwork-img {
        height: 260px !important;
    }

    .srb-split-stat-glass {
        padding: 12px 14px;
        gap: 10px;
    }

    .srb-split-stat-glass strong {
        font-size: 0.92rem;
    }

    .srb-split-stat-glass span {
        font-size: 0.74rem;
    }

    .srb-split-title {
        font-size: 1.6rem;
    }

    .srb-split-desc {
        font-size: 0.98rem;
    }

    .srb-check-card {
        padding: 14px 16px;
        gap: 12px;
    }

    .srb-check-body strong {
        font-size: 0.92rem;
    }

    .srb-check-body span {
        font-size: 0.82rem;
    }

    .srb-split-actions {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    .srb-split-actions .srb-btn {
        width: 100%;
        justify-content: center;
    }

    .srb-paperwork-layout {
        margin-top: 36px;
    }

    .srb-timeline-card {
        padding: 18px 16px;
        gap: 14px;
    }

    .srb-timeline-num-badge {
        width: 38px;
        height: 38px;
        font-size: 1.1rem;
        border-radius: 10px;
    }

    .srb-timeline-content h3 {
        font-size: 1.05rem;
    }

    .srb-timeline-content p {
        font-size: 0.9rem;
    }

    .srb-subsidy-bottom-banner {
        padding: 60px 0;
    }

    .srb-subsidy-banner-title {
        font-size: 1.85rem;
    }

    .srb-subsidy-banner-text {
        font-size: 1rem;
        margin-bottom: 24px;
    }

    .srb-subsidy-banner-actions {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .srb-subsidy-banner-actions .srb-btn {
        width: 100%;
        justify-content: center;
    }

    .srb-subsidy-banner-meta {
        flex-direction: column;
        gap: 6px;
        font-size: 0.82rem;
        text-align: center;
    }

    /* Contact Page Mobile */
    .srb-contact-split-section {
        padding: 60px 0;
    }

    .srb-details-card {
        padding: 26px 20px;
    }

    .srb-details-title {
        font-size: 1.6rem;
    }

    .srb-detail-item {
        padding: 14px 16px;
        gap: 12px;
    }

    .srb-detail-icon-wrap {
        width: 38px;
        height: 38px;
        border-radius: 10px;
    }

    .srb-detail-val {
        font-size: 0.98rem;
    }

    .srb-lead-gen-card {
        padding: 30px 20px;
    }

    .srb-form-title {
        font-size: 1.6rem;
    }

    .srb-form-sub {
        font-size: 0.92rem;
        margin-bottom: 22px;
    }

    .srb-contact-form input[type="text"],
    .srb-contact-form input[type="tel"],
    .srb-contact-form select,
    .srb-lead-gen-card .srb-form-control {
        padding-left: 46px !important;
        padding-right: 14px !important;
        font-size: 0.92rem !important;
    }

    .srb-btn-submit-cta {
        font-size: 1rem !important;
        padding: 14px 20px !important;
    }

    .srb-map-section {
        padding: 60px 0;
    }

    .srb-map-section-title {
        font-size: 1.85rem;
    }

    .srb-map-embed-wrapper {
        height: 320px !important;
    }

    .srb-map-quickbar {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
        gap: 16px;
    }

    .srb-map-quick-item:last-child {
        width: 100%;
    }

    .srb-map-quick-item:last-child .srb-btn {
        width: 100%;
        justify-content: center;
    }

    /* About Us Page Mobile */
    .srb-founder-section,
    .srb-mission-section,
    .srb-advantage-section {
        padding: 60px 0;
    }

    .srb-founder-portrait-frame {
        max-width: 420px;
        margin: 0 auto;
    }

    .srb-founder-img {
        height: 440px !important;
        object-position: top center !important;
    }

    .srb-founder-quote-box {
        padding: 20px 20px 20px 24px;
    }

    .srb-founder-desc {
        font-size: 1rem;
    }

    .srb-founder-action-strip {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    .srb-founder-action-strip .srb-btn {
        width: 100%;
        justify-content: center;
    }

    .srb-mission-img {
        height: 260px !important;
    }

    .srb-advantage-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        margin-top: 36px;
    }

    .srb-adv-card {
        padding: 24px 20px;
    }

    .srb-about-bottom-cta {
        padding: 60px 0;
    }

    .srb-about-cta-headline {
        font-size: 1.85rem;
    }

    .srb-about-cta-text {
        font-size: 1rem;
        margin-bottom: 24px;
    }

    .srb-about-cta-buttons {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .srb-about-cta-buttons .srb-btn {
        width: 100%;
        justify-content: center;
    }

    .srb-about-cta-meta {
        flex-direction: column;
        gap: 6px;
        font-size: 0.82rem;
        text-align: center;
    }

    /* General Layout Grids */
    .srb-grid-3,
    .srb-two-col-grid,
    .srb-contact-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .srb-stats-grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .srb-footer-grid {
        grid-template-columns: 1fr;
        padding: 50px 24px;
    }

    .srb-footer-cta-inner {
        flex-direction: column;
        text-align: center;
    }

    .srb-footer-bottom-inner {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }

    .srb-survey-form-card {
        padding: 24px;
    }
}

/* 5. Ultra Small Phones (<= 380px) */
@media (max-width: 380px) {
    .srb-logo-img {
        height: 32px;
        max-width: 130px;
    }

    .srb-btn-header {
        padding: 6px 8px;
        font-size: 0.70rem;
    }
}

@media (max-width: 480px) {
    .srb-stats-grid {
        grid-template-columns: 1fr;
    }

    .srb-hero-actions {
        flex-direction: column;
    }

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

    .srb-floating-actions {
        bottom: 18px;
        right: 18px;
    }
}