* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Master Section Content Alignments Layout Settings */
.page-02-tabs-calc-section {
    width: 100%;
    background-color: #ffffff;
    padding: 60px 16px 80px 16px;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .page-02-tabs-calc-section {
        padding: 80px 32px 100px 32px;
    }
}

.page-02-tabs-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

/* --- 1. Top Tabs Navigation Row Configuration Framework --- */
.page-02-tabs-nav-bar {
    display: flex;
        justify-content: space-between;
    gap: 30px 45px;
    align-items: center;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 60px;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 640px) {
    .page-02-tabs-nav-bar {
        gap: 20px 24px;
        justify-content: center;
    }
}

.page-02-tab-link {
    background: none;
    border: none;
    outline: none;
    font-family: 'Playfair Display', Georgia, serif;
    color: #063430;
    font-size: clamp(15px, 1.8vw, 20px);
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    transition: opacity 0.2s ease;
}

.page-02-tab-link:hover {
    opacity: 0.7;
}

/* Active Navigation Node Text Override */
.page-02-tab-link.page-02-tab-active {
    color: #F7A707; /* आपका स्पेसिफिक ब्रांड गोल्ड कलर शेड */
    opacity: 1 !important;
}

/* Gold Circle Active Indicator Circle sitting underneath title text node */
.page-02-active-dot {
    width: 12px;
    height: 12px;
    background-color: F7A707;
    border-radius: 50%;
    position: absolute;
    bottom: -22px; /* अलाइनमेंट को डिवाइडर लाइन के ऊपर टिकाने के लिए */
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    display: none;
}

.page-02-tab-link.page-02-tab-active .page-02-active-dot {
    display: block;
}

/* --- 2. Dynamic Panes Layout System Container Configs --- */
.page-02-tabs-contents-wrapper {
    width: 100%;
    padding-top: 50px;
}

.page-02-tab-pane-content {
    display: none; /* डिफ़ॉल्ट रूप से छुपे रहेंगे */
    width: 100%;
    box-sizing: border-box;
}

.page-02-tab-pane-content.page-02-pane-active {
    display: block; /* केवल एक्टिव क्लास वाला पैन डिस्प्ले होगा */
}

/* --- 3. Calculator Content Block Layout --- */
.page-02-calc-main-heading {
    font-family: 'Playfair Display', Georgia, serif;
    color: #063430;
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 400;
    margin: 0 0 50px 0;
}

.page-02-calc-split-architecture {
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 100%;
}

@media (min-width: 960px) {
    .page-02-calc-split-architecture {
        flex-direction: row; /* लैपटॉप/डेस्कटॉप स्क्रीन्स पर आमने-सामने का स्प्लिट */
        justify-content: space-between;
        align-items: flex-start;
    }
}

/* Left Range Inputs Box Area */
.page-02-calc-controls-pane {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

@media (min-width: 960px) {
    .page-02-calc-controls-pane {
        width: 62%; /* लेफ्ट साइड स्प्लिट वेट */
    }
}

.page-02-range-control-group {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.page-02-range-labels-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 12px;
}

.page-02-limit-label {
      font-family: "Poppins", sans-serif;
    color: #063430;
    font-size: 16px;
    font-weight: 600;
}

.page-02-control-bottom-title {
      font-family: "Poppins", sans-serif;
    color: #063430;
    font-size: 16px;
    font-weight: 500;
    margin-top: 12px;
}

/* Minimal Custom HTML5 Range Sliders Layout Rules */
.page-02-custom-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 2px; /* स्क्रीनशॉट के अनुसार स्लीक और पतली ब्लैक लाइन */
    background: #063430;
    outline: none;
    margin: 0;
    padding: 0;
}

/* Slider Thumb element webkit specifications */
.page-02-custom-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: #063430;
    border-radius: 50%; /* परफेक्ट सॉलिड ब्लैक राउंड सर्कल अंगूठा */
    cursor: pointer;
    transition: transform 0.15s ease;
}

.page-02-custom-slider::-webkit-slider-thumb:hover {
    transform: scale(1.25);
}

.page-02-custom-slider::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #063430;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.15s ease;
}

/* Right Output Fields Panels Layer */
.page-02-calc-outputs-pane {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

@media (min-width: 960px) {
    .page-02-calc-outputs-pane {
        width: 32%; /* राइट साइड स्प्लिट वेट */
    }
}

/* Output Display Text Underline Container Boxes Configs */
.page-02-output-underline-box {
    width: 100%;
    border-bottom: 2px solid #063430; /* थिक ब्लैक अंडरलाइन जैसा स्क्रीनशॉट में है */
    padding-bottom: 8px;
    box-sizing: border-box;
}

.page-02-value-row {
    display: flex;
    align-items: center;
    width: 100%;
}

.page-02-currency-symbol {
     font-family: "Poppins", sans-serif;
    color: #063430;
    font-size: 18px;
    font-weight: 600;
    margin-right: 6px;
}

.page-02-unit-label {
     font-family: "Poppins", sans-serif;
    color: #063430;
    font-size: 16px;
    font-weight: 700;
    margin-left: 10px;
    white-space: nowrap;
}

.page-02-live-text-input {
    width: 100%;
    border: none;
    background: transparent;
    outline: none;
      font-family: "Poppins", sans-serif;
    color: #063430;
    font-size: 18px;
    font-weight: 600;
    padding: 0;
    letter-spacing: 0.5px;
}

/* म्यूटेड और ऑफ-व्हाइट फेडेड लुक देने के लिए प्लेसहोल्डर स्टाइलिंग */
.page-02-live-text-input.page-02-placeholder-style {
    color: #E2E2E2 !important;
}

.text-right-align {
    text-align: right;
}

/* Live Computed Output Card Widget Style */
.page-02-monthly-emi-result-card {
    background-color: #F8F8F8;
    border: 1px solid #EAEAEA;
    padding: 20px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
    text-align: center;
}

.page-02-emi-card-lbl {
      font-family: "Poppins", sans-serif;
    color: #666666;
    font-size: 14px;
    font-weight: 500;
}

.page-02-emi-calculated-value {
    font-family: "Poppins", sans-serif;
    color: #F7A707;
    font-size: 26px;
    font-weight: 700;
}

/* Master Grid Layout Structural Setup Context */
.page-02-emi-summary-section {
    width: 100%;
    background-color: #ffffff;
    padding: 40px 16px 80px 16px;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .page-02-emi-summary-section {
        padding: 50px 32px 100px 32px;
    }
}

.page-02-summary-layout-container {
    position: relative;
    width: 100%;
    max-width: 1000px; /* प्रपोर्शन मेंटेन रखने के लिए कॉम्पैक्ट विड्थ */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .page-02-summary-layout-container {
        flex-direction: row; /* टैबलेट और डेस्कटॉप पर आमने-सामने स्प्लिट */
        align-items: stretch;
    }
}

/* --- Left Side Solid Black Box Layout Configurations --- */
.page-02-summary-black-pane {
    background-color: #063430;
    width: 100%;
    padding: 40px 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 35px; /* रोस के बीच का स्पेस */
}

@media (min-width: 768px) {
    .page-02-summary-black-pane {
        width: 75%; /* लेफ्ट ब्लैक बॉक्स का वेट */
        padding: 50px 60px;
    }
}

.page-02-summary-data-row {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.page-02-summary-label {
    font-family: 'Playfair Display', Georgia, serif;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.page-02-summary-sub-label {
      font-family: "Poppins", sans-serif;
    color: #555555; /* म्यूटेड फेडेड ग्रे कलर जैसा इमेज में है */
    font-size: 13px;
    margin-top: 2px;
    margin-bottom: 4px;
}

/* प्रीमियम डल गोल्ड नंबर क्लास जो ब्लैक बैकग्राउंड पर दिखेगी */
.page-02-summary-number-value {
    font-family: 'Playfair Display', Georgia, serif;
    color: #F7A707; /* आपका स्पेसिफिक ब्रांड गोल्ड टोन */
    font-size: clamp(1.8rem, 3.5vw, 2.5rem);
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0.5px;
}

/* --- Right Side Overlapping Solid Gold Box Layout Configurations --- */
.page-02-summary-gold-pane {
    background-color: #F7A707; /* आपका स्पेसिफिक ब्रांड गोल्ड कलर */
    width: 100%;
    padding: 40px 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .page-02-summary-gold-pane {
        width: 32%; /* राइट साइड स्प्लिट वेट */
        /* एब्सोल्यूट स्टाइल लुक देने के लिए वर्टिकल ओवरलैप ब्लीड */
        position: absolute;
        right: 0;
        top: 25px;
        bottom: 25px;
        z-index: 20;
        padding: 40px 35px;
        box-shadow: 0 15px 35px rgba(0,0,0,0.15);
    }
}

.page-02-gold-pane-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}

.page-02-gold-summary-title {
    font-family: 'Playfair Display', Georgia, serif;
    color: #ffffff;
    font-weight: 400;
    line-height: 1.25;
    margin: 0;
    text-transform: capitalize;
    font-size: clamp(1.8rem, 3vw, 2.4rem);
}

.page-02-gold-number-value {
    font-family: 'Playfair Display', Georgia, serif;
    color: #ffffff;
    font-size: clamp(1.8rem, 3.5vw, 2.5rem);
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

/* --- Media Queries Handle Mobile Screens Safely --- */
@media (max-width: 767px) {
    .page-02-summary-layout-container {
        gap: 0;
    }
    
    .page-02-summary-gold-pane {
        margin-top: 0;
        text-align: center;
    }
    
    .page-02-gold-pane-content {
        align-items: center;
    }
}

/* Container block to center the component vertically/horizontally */
.page-02-apply-now-block {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 16px;
    box-sizing: border-box;
    background-color: #ffffff;
    margin-top: 100px;
}

/* Outer Thin Frame Layout Box */
.page-02-apply-now-frame {
    border: 1px solid #063430; /* पतली बाहरी ब्लैक बॉर्डर लाइन */
    padding: 6px; /* बॉर्डर और इनर बटन के बीच का परफेक्ट स्पेस */
    display: inline-block;
    width: 100%;
    max-width: 480px; /* डेस्कटॉप पर बटन का मैक्सिमम साइज लॉक करने के लिए */
    box-sizing: border-box;
}

/* Inner Solid Black Interactive Button Node */
.page-02-apply-now-btn {
    display: block;
    width: 100%;
    background-color: #063430;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    font-family: 'Playfair Display', Georgia, serif; /* इमेज के अनुसार एलिगेंट सेरिफ फॉन्ट */
    font-size: clamp(15px, 2vw, 18px);
    font-weight: 500;
    padding: 24px 20px; /* ऊपर-नीचे का वर्टिकल स्पेसिंग प्रपोर्शन */
    box-sizing: border-box;
    letter-spacing: 0.3px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover Interaction Style Effect */
.page-02-apply-now-btn:hover {
    background-color: F7A707; /* होवर करने पर आपके थीम का सिग्नेचर गोल्ड कलर */
    color: #ffffff;
}


/* --- Eligibility Section Grid Architecture --- */
.page-02-elig-main-heading {
    font-family: 'Playfair Display', Georgia, serif;
    color: #063430;
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 400;
    margin: 0 0 50px 0;
}

.page-02-elig-split-architecture {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 70px;
}

@media (min-width: 768px) {
    .page-02-elig-split-architecture {
        flex-direction: row;
        align-items: stretch;
    }
}

/* Left Controls Muted Grey Field Box Area */
.page-02-elig-controls-pane {
    background-color: #EAEAEA; /* लाइट म्यूटेड ग्रे बैकग्राउंड जैसा स्क्रीनशॉट में है */
    width: 100%;
    padding: 45px 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

@media (min-width: 768px) {
    .page-02-elig-controls-pane {
        width: 70%; /* लेफ्ट ब्लॉक विड्थ */
        padding: 50px 60px;
    }
}

/* Individual Form Fields Rules Container */
.page-02-elig-input-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
}

.page-02-elig-label {
      font-family: "Poppins", sans-serif;
    color: #063430;
    font-size: 15px;
    font-weight: 600;
}

/* Thny Black Underline Field Block */
.page-02-elig-underline-field {
    border-bottom: 2px solid #063430; /* थिन अंडरलाइन */
    padding-bottom: 4px;
    width: 140px; /* डिफ़ॉल्ट नंबर फील्ड साइज */
    box-sizing: border-box;
}

.page-02-elig-underline-field.text-long-field {
    width: 200px; /* करेंसी अमाउंट फील्ड्स के लिए बड़ा साइज */
}

.page-02-elig-text-input {
    width: 100%;
    border: none;
    background: transparent;
    outline: none;
     font-family: "Poppins", sans-serif;
    color: #063430;
    font-size: 16px;
    font-weight: 600;
    text-align: right; /* इनपुट्स को दाईं तरफ अलाइन रखेगा जैसा स्क्रीनशॉट में है */
    padding: 0;
}

/* --- Right Side Overlapping Solid Black Area Box --- */
.page-02-elig-result-pane {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .page-02-elig-result-pane {
        width: 38%;
        position: absolute;
        right: -70px;
        top: 40px;
        bottom: 40px;
        z-index: 20;
    }
}

.page-02-elig-black-box {
    background-color: #063430;
    aspect-ratio: 1 / 1;
    height: 100%;
    padding: 40px 35px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.page-02-elig-box-title {
    font-family: 'Playfair Display', Georgia, serif;
    color: #ffffff;
    font-weight: 400;
    line-height: 1.25;
    margin: 0;
    font-size: clamp(1.8rem, 3.5vw, 2.8rem);
}

.page-02-elig-calculated-value {
    font-family: 'Playfair Display', Georgia, serif;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

/* --- Bottom Area: Documents Paragraph Details & CTA --- */
.page-02-elig-documents-showcase {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}

.page-02-elig-editorial-paragraph {
     font-family: "Poppins", sans-serif;
    color: #F7A707; /* आपका स्पेसिफिक प्रीमियम डल गोल्ड टेक्स्ट कलर */
    font-size: 18px;
    line-height: 1.7;
    text-align: justify;
    margin: 0 0 50px 0;
}

.page-02-elig-subtitle {
    font-family: 'Playfair Display', Georgia, serif;
    color: #063430;
    font-size: clamp(1.8rem, 3.2vw, 2.6rem);
    font-weight: 400;
    margin: 0 0 35px 0;
    text-align: center;
}

/* Action button double bounding layout frame */
.page-02-submit-docs-frame {
    border: 1px solid #063430;
    padding: 6px;
    display: inline-block;
    width: 100%;
    max-width: 440px;
    box-sizing: border-box;
}

.page-02-submit-docs-btn {
    display: block;
    width: 100%;
    background-color: #063430;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
      font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 22px 20px;
    box-sizing: border-box;
    transition: background-color 0.3s ease;
}

.page-02-submit-docs-btn:hover {
    background-color: #F7A707;
}

/* --- FAQs Accordion Structural Layout Context --- */
.page-02-faq-main-title {
    font-family: 'Playfair Display', Georgia, serif;
    color: #063430;
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    font-weight: 400;
    text-align: center;
    margin: 0 0 60px 0;
}

.page-02-accordion-container {
    width: 100%;
    max-width: 1200px; /* प्रपोर्शन लॉक रखने के लिए */
    margin: 0 auto 60px auto;
    display: flex;
    flex-direction: column;
    gap: 20px; /* प्रत्येक रो बक्से के बीच की खाली दूरी */
}

/* Individual Accordion Title Box Frame Container */
.page-02-accordion-item {
    width: 100%;
    border: 1px solid #CCCCCC; /* म्यूटेड लाइट आउटर बॉर्डर */
    background-color: #ffffff;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

/* Accordion Click Trigger Header Bar Button */
.page-02-accordion-trigger {
    width: 100%;
    background: none;
    border: none;
    outline: none;
    padding: 22px 28px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 600;
    
    color: #F7A707; /* शुरुआत में सभी हेडर लेबल्स गोल्ड रहेंगे */
    transition: color 0.3s ease; /* कलर चेंज को स्मूथ बनाने के लिए */
}

/* जब किसी अकॉर्डियन आइटम पर '.page-02-accordion-open' क्लास एक्टिव होगी */
.page-02-accordion-item.page-02-accordion-open .page-02-accordion-trigger {
    color: #063430 !important; /* एक्टिव होने पर लेबल तुरंत ब्लैक हो जाएगा */
}

/* एक्टिव होने पर प्लस (+) आइकॉन का कलर भी ब्लैक करने के लिए */
.page-02-accordion-item.page-02-accordion-open .page-02-accordion-arrow {
    color: #063430;
}

.page-02-accordion-arrow {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #CCCCCC;
    transition: color 0.3s ease;
}

/* Inner Description Dropdown Panel Box Context */
.page-02-accordion-panel {
    max-height: 0;
    overflow: hidden;
    display: none; /* जावास्क्रिप्ट शो/हाइड इंजन सपोर्ट के लिए */
    box-sizing: border-box;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.page-02-panel-inner {
    padding: 0 28px 30px 28px;
    box-sizing: border-box;
}

/* Description Text Block Rules Copy */
.page-02-faq-long-text {
    font-family: "Poppins", sans-serif;
    color: #888888; /* म्यूटेड एस्थेटिक ग्रे फॉन्ट कलर जैसा इमेज में है */
    font-size: 18px;
    line-height: 1.7;
    text-align: justify;
    margin: 0;
}

/* Active State Styles Override on open items */
.page-02-accordion-item.page-02-accordion-open {
    border-color: #063430; /* खुलने पर बक्से का बॉर्डर कलर डार्क ब्लैक होगा */
}

.page-02-accordion-item.page-02-accordion-open .page-02-accordion-arrow {
    color: #063430;
}

/* --- Bottom Center Button Placement --- */
.page-02-faq-action-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.page-02-faq-btn-frame {
    border: 1px solid #063430;
    padding: 6px;
    display: inline-block;
    width: 100%;
    max-width: 440px;
    box-sizing: border-box;
}

.page-02-faq-submit-btn {
    display: block;
    width: 100%;
    background-color: #063430;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
      font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 22px 20px;
    box-sizing: border-box;
    transition: background-color 0.3s ease;
}

.page-02-faq-submit-btn:hover {
    background-color: #F7A707;
}


/* --- Stepper Multi-Stage Architecture --- */
.page-02-stepper-form-wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    box-sizing: border-box;
}

.page-02-form-stage-block {
    display: none; /* डिफ़ॉल्ट रूप से बंद रहेंगे स्टेजेस */
    width: 100%;
    animation: slideFadeIn 0.4s ease-in-out forwards;
}

.page-02-form-stage-block.page-02-stage-active {
    display: block; /* केवल एक्टिव स्टेज दिखाई देगा */
}

.page-02-stage-indicator-title {
      font-family: "Poppins", sans-serif;
    color: #063430;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 40px 0;
    border-bottom: 1px solid #063430;
    padding-bottom: 10px;
}

/* --- Symmetric Split Matrix Grid Layout (Labels Left, Fields Right) --- */
.page-02-form-grid-layout {
    display: flex;
    flex-direction: column;
    gap: 30px; /* रोस के बीच का एस्थेटिक गैप */
    width: 100%;
    margin-bottom: 50px;
}

.page-02-form-row {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 640px) {
    .page-02-form-row {
        flex-direction: row; /* टैबलेट/लैपटॉप पर आमने-सामने का एलाइनमेंट */
        align-items: center;
        justify-content: space-between;
    }
}

.page-02-form-label {
    font-family: "Poppins", sans-serif;
    color: #063430;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
}

@media (min-width: 640px) {
    .page-02-form-label {
        width: 35%; /* लेफ्ट साइड लेबल विड्थ */
    }
}

/* --- Sleek Underline Input Fields Context --- */
.page-02-form-input {
    width: 100%;
    border: none;
    border-bottom: 1.5px solid #063430; /* शुद्ध ब्लैक क्लीन अंडरलाइन */
    background: transparent;
    outline: none;
    font-family: "Poppins", sans-serif;
    color: #063430;
    font-size: 15px;
    font-weight: 500;
    padding: 6px 4px;
    box-sizing: border-box;
    transition: border-color 0.25s ease;
}

@media (min-width: 640px) {
    .page-02-form-input {
        width: 60%; /* राइट साइड इनपुट फील्ड विड्थ */
    }
}

.page-02-form-input:focus {
    border-bottom-color: #F7A707; /* फोकस करने पर आपका सिगनेचर गोल्ड */
}

/* OTP Inline Box Layout */
.page-02-otp-input-container {
    display: flex;
    gap: 14px;
    width: 100%;
}

@media (min-width: 640px) {
    .page-02-otp-input-container {
        width: 60%;
    }
}

.page-02-otp-input-container .page-02-form-input {
    width: 70%;
}

.page-02-send-otp-btn {
    width: 30%;
    background-color: transparent;
    border: 1px solid #063430;
    color: #063430;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.page-02-send-otp-btn:hover {
    background-color: #082523;
    color: #ffffff;
}

/* Checkbox Alignment Framework */
.page-02-checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

@media (min-width: 640px) {
    .page-02-checkbox-wrapper {
        width: 60%;
    }
}

.page-02-checkbox-wrapper label {
    font-family: "Poppins", sans-serif;
    color: #555555;
    font-size: 13.5px;
    font-weight: 500;
}

/* --- Premium Custom PDF Upload Input Field UI --- */
.page-02-file-upload-wrapper {
    position: relative;
    border: 1.5px dashed #F7A707; /* गोल्ड डैश बॉर्डर */
    background-color: #FAF6F0; /* हल्का क्रीम ऑफ-व्हाइट बैकग्राउंड */
    padding: 16px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.25s ease;
}

@media (min-width: 640px) {
    .page-02-file-upload-wrapper {
        width: 60%;
    }
}

.page-02-file-upload-wrapper:hover {
    background-color: #F3EAE0;
}

.page-02-file-native-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 5;
}

.page-02-file-custom-placeholder {
    font-family: "Poppins", sans-serif;
    color: #F7A707;
    font-size: 13px;
    font-weight: 600;
    pointer-events: none;
}

/* File Selected Status Modifier */
.page-02-file-upload-wrapper.page-02-file-uploaded {
    border-style: solid;
    border-color: #25D366; /* सक्सेस ग्रीन */
    background-color: #E8F8EF;
}
.page-02-file-upload-wrapper.page-02-file-uploaded .page-02-file-custom-placeholder {
    color: #25D366;
}

/* --- Action Centers (Double Frame Capsule Buttons) --- */
.page-02-form-action-center {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.page-02-submit-frame {
    border: 1px solid #063430;
    padding: 6px;
    display: inline-block;
    width: 100%;
    max-width: 440px;
    box-sizing: border-box;
}

.page-02-form-next-btn {
    display: block;
    width: 100%;
    background-color: #063430;
    color: #ffffff;
    border: none;
    outline: none;
   font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 22px 20px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.page-02-form-next-btn:hover {
    background-color: #F7A707;
}

/* Keyframes Animation */
@keyframes slideFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}


/* Master Layout Base Setup */
.page-02-ad-banner-section {
    width: 100%;
    background-color: #ffffff;
    padding: 60px 24px 120px 24px; /* बॉटम पैडिंग एक्स्ट्रा है ताकि ओवरलैपिंग बॉक्स नीचे वाले सेक्शन को न दबाए */
    box-sizing: border-box;
}

.page-02-banner-main-container {
    width: 100%;
    max-width: 1100px; /* प्रीमियम कॉम्पैक्ट ग्रिड अलाइनमेंट */
    margin: 0 auto;
    margin-left: 100px;
    position: relative;
}

/* --- Banner Ad Area Wireframe Box Structure --- */
.page-02-banner-space-viewport {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.05; /* इमेज के अनुसार वर्टिकल रेक्टेंगल आस्पेक्ट रेशियो */
    background-color: #EAEAEA; /* लाइट ग्रे बैकग्राउंड */
    border: 1px solid #063430; /* थिन ब्लैक आउटर बॉर्डर */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* स्क्रीनशॉट की तरह डायगोनल क्रॉस लाइन्स बनाने का लॉजिक */
.page-02-wireframe-cross-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.page-02-wireframe-cross-line.line-diagonal-1 {
    background: linear-gradient(to top right, transparent calc(50% - 0.5px), #000000 50%, transparent calc(50% + 0.5px));
}

.page-02-wireframe-cross-line.line-diagonal-2 {
    background: linear-gradient(to bottom right, transparent calc(50% - 0.5px), #000000 50%, transparent calc(50% + 0.5px));
}

/* Placeholder Text Centered Elements */
.page-02-banner-placeholder-text {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    background-color: #EAEAEA; /* लाइन्स के ऊपर टेक्स्ट को साफ दिखाने के लिए थोड़ा पैडिंग बैकग्राउंड */
    padding: 10px 20px;
    text-align: center;
}

.page-02-ad-label {
    font-family: "Poppins", sans-serif;
    color: #000000;
    font-size: clamp(16px, 2.5vw, 24px);
    font-weight: 600;
    letter-spacing: 0.05em;
}

.page-02-ad-dimensions {
    font-family: "Poppins", sans-serif;
    color: #063430;
    font-size: clamp(14px, 2vw, 20px);
    font-weight: 500;
}

/* --- Absolute Overlapping Solid Black Action Badge --- */
.page-02-banner-action-badge {
    background-color: #063430;
    box-sizing: border-box;
    padding: 35px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 350px;
    height: 350px; 
    position: absolute;
    right: -250px;
    bottom: -250px;
    z-index: 20;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

/* Badge Premium Typography Context */
.page-02-badge-gold-title {
    font-family: "Poppins", sans-serif;
    color: #F7A707; /* आपका स्पेसिफिक ब्रांड गोल्ड कलर शेड */
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.03em;
    margin: 0;
}

.page-02-badge-footer-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.page-02-badge-white-text {
    font-family: "Poppins", sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0;
}

.page-02-badge-action-link {
    font-family: "Poppins", sans-serif;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    align-self: flex-start;
    transition: color 0.2s ease;
}

.page-02-badge-action-link:hover {
    color: #F7A707;
}

/* --- Media Queries Handle All Form Factor Devices Fluidly --- */

@media (max-width: 1024px) {
    /* लैपटॉप और टैबलेट स्क्रीन पर ओवरलैप बाहर न भागे इसलिए राइट मार्जिन एडजस्टमेंट */
    .page-02-banner-action-badge {
        right: 0;
    }
}

@media (max-width: 640px) {
    .page-02-banner-space-viewport {
        aspect-ratio: 1 / 1; /* मोबाइल पर परफेक्ट स्क्वायर कस्टमाइज़ेशन */
    }
    
    .page-02-ad-banner-section {
        padding: 40px 16px 60px 16px; /* पैडिंग रीसेट */
    }
}



/* Master Grid Layout Context */
.page-01-enquiry-grid-section {
    width: 100%;
    background-color: #ffffff;
    padding: 150px 24px;
    box-sizing: border-box;
    margin-top: 100px;
}

.page-01-enquiry-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: grid;
    /* डिफ़ॉल्ट रूप से मोबाइल पर १ कॉलम लेआउट रहेगा */
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
}

/* Screen Size Adaptations (Responsive Grid Columns split) */
@media (min-width: 640px) {
    .page-01-enquiry-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)); /* टैबलेट पर २x२ का ग्रिड */
        gap: 24px;
    }
}

@media (min-width: 1024px) {
    .page-01-enquiry-container {
        grid-template-columns: repeat(4, minmax(0, 1fr)); /* डेस्कटॉप/लैपटॉप पर परफेक्ट ४ कॉलम रो */
        gap: 20px;
    }
}

/* Individual Grid Card Structure */
.page-01-enquiry-card {
    width: 100%;
    aspect-ratio: 1.15 / 1; /* स्क्रीनशॉट के रेक्टेंगल आस्पेक्ट रेशियो को मेंटेन करता है */
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.page-01-enquiry-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.page-01-enquiry-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 28px; /* टेक्स्ट और लिंक बटन के बीच का स्पेस */
}

/* Typography Editorial Elements */
.page-01-enquiry-text {
    font-family: "Poppins", sans-serif;
    font-size: clamp(14px, 1.3vw, 16px);
    line-height: 1.55;
    margin: 0;
}

.page-01-enquiry-link {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 15px;
    text-decoration: none;
    align-self: flex-start;
    display: inline-block;
    position: relative;
}



/* --- Color Assignments Matching Reference Screenshot --- */

/* Off-White / Soft Gray Variant style definitions */
.page-01-bg-soft-gray {
    background-color: #F4F4F4; /* सॉफ़्ट न्यूट्रल ग्रे */
}

.text-dark {
    color: #063430;
}

/* Highlighted Signature Gold Variant style definitions */
.page-01-bg-brand-gold {
    background-color: #F7A707; /* आपका स्पेसिफिक प्रीमियम गोल्ड शेड */
}

.text-light {
    color: #ffffff;
}

.font-medium {
    font-weight: 500;
}

/* --- Dynamic Hover State Rules --- */

/* 1. जब ग्रे कार्ड पर होवर हो, तो उसका बैकग्राउंड गोल्ड करें */
.page-01-enquiry-card.page-01-bg-soft-gray:hover {
    background-color: #F7A707; /* आपका ब्रांड गोल्ड कलर */
}

/* 2. होवर होने पर ग्रे कार्ड के अंदर के टेक्स्ट को व्हाइट करें */
.page-01-enquiry-card.page-01-bg-soft-gray:hover .page-01-enquiry-text.text-dark {
    color: #ffffff !important;
}

/* 3. होवर होने पर ग्रे कार्ड के अंदर के 'Click Here' लिंक को व्हाइट करें */
.page-01-enquiry-card.page-01-bg-soft-gray:hover .page-01-enquiry-link.text-dark {
    color: #ffffff !important;
}


/* --- Smooth Transitions Setup (यदि पहले से नहीं जोड़ा है) --- */
.page-01-enquiry-card {
    /* बैकग्राउंड चेंज को स्मूथ बनाने के लिए */
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.35s ease;
}

.page-01-enquiry-text, 
.page-01-enquiry-link {
    /* टेक्स्ट का कलर बदलने वाले इफ़ेक्ट को स्मूथ बनाने के लिए */
    transition: color 0.3s ease;
}



/* --- BANNER AD SECTION CONTAINER --- */
.agent-page-banner-ad-section {
    width: 100%;
    background-color: #ffffff;
    padding: 60px 40px 100px 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
}

.agent-page-banner-ad-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* --- MAIN BANNER AD PLACEHOLDER BOX --- */
.agent-page-banner-ad-box {
    width: 100%;
    aspect-ratio: 16 / 9; /* Standard banner aspect ratio */
    max-height: 820px;
    border: 1px solid #737373;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    box-sizing: border-box;
}

/* Background Cross Lines (Placeholder SVG) */
.agent-page-banner-svg-cross {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

/* Center Text Inside Banner */
.agent-page-banner-text-content {
    position: relative;
    z-index: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    pointer-events: none;
}

.agent-page-banner-title {
    font-family: 'Poppins', sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    font-weight: 400;
    color: #a3a3a3;
    letter-spacing: 1px;
    line-height: 1.1;
    text-transform: uppercase;
}

.agent-page-banner-dimensions {
    font-family: 'Poppins', sans-serif;
    font-size: clamp(1.6rem, 3.5vw, 2.1rem);
    font-weight: 400;
    color: #a3a3a3;
    letter-spacing: 0.5px;
    line-height: 1.1;
}

/* --- FLOATING BLACK BADGE CARD (Bottom-Right Offset) --- */
.agent-page-banner-badge-card-link {
    text-decoration: none !important;
    position: absolute;
    bottom: -60px;
    right: -40px;
    z-index: 10;
}

.agent-page-banner-badge-card {
    width: 250px;
    height: 250px;
    background-color: #063430;
    padding: 30px 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.agent-page-banner-badge-card-link:hover .agent-page-banner-badge-card {
    transform: translateY(-4px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}

.agent-page-badge-main-text {
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 1.65rem;
    font-weight: 400;
    color: #c8a355; /* Gold Brand Tone */
    line-height: 1.25;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
}

.agent-page-badge-sub-text {
    font-family: 'Poppins', sans-serif;
    font-size: 0.72rem;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    display: block;
    margin-top: auto;
    margin-bottom: 2px;
}

.agent-page-badge-action-text {
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 0.95rem;
    font-weight: 400;
    color: #ffffff;
    display: block;
}

/* --- RESPONSIVE MEDIA QUERIES --- */
@media (max-width: 900px) {
    .agent-page-banner-badge-card-link {
        bottom: -40px;
        right: -20px;
    }
    .agent-page-banner-badge-card {
        width: 200px;
        height: 200px;
        padding: 20px;
    }
    .agent-page-badge-main-text {
        font-size: 1.3rem;
    }
}

@media (max-width: 600px) {
    .agent-page-banner-ad-section {
        padding: 40px 20px 80px 20px;
    }

    .agent-page-banner-ad-box {
        aspect-ratio: 4 / 3;
    }

    /* Mobile screen par offset overlap adjust */
    .agent-page-banner-badge-card-link {
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: -30px;
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .agent-page-banner-badge-card {
        width: 170px;
        height: 170px;
        padding: 16px;
    }

    .agent-page-badge-main-text {
        font-size: 1.1rem;
    }

    .agent-page-badge-sub-text {
        font-size: 0.62rem;
    }

    .agent-page-badge-action-text {
        font-size: 0.85rem;
    }
}
/* --- MAIN BANNER AD PLACEHOLDER BOX (STRICT SQUARE) --- */
.agent-page-banner-ad-box {
    width:700px;           /* Fixed Width */
    height: 700px;          /* Fixed Height for exact Square */
    max-width: 100%;        /* Screen se bahar na jaye */
    margin: 0 auto;         /* Center Align */
    border: 1px solid #737373;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    box-sizing: border-box;
}

/* --- FLOATING BLACK BADGE CARD --- */
.agent-page-banner-badge-card-link {
    text-decoration: none !important;
    position: absolute;
    bottom: -35px;
    right: -35px;
    z-index: 10;
}

.agent-page-banner-badge-card {
    width: 180px;
    height: 180px;
    background-color: #063430;
    padding: 20px 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.agent-page-banner-badge-card-link:hover .agent-page-banner-badge-card {
    transform: translateY(-4px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 600px) {
    .agent-page-banner-ad-box {
        width: 300px;       /* Mobile Par Perfect Small Square */
        height: 300px;
    }

    .agent-page-banner-badge-card-link {
        bottom: -20px;
        right: -10px;
    }

    .agent-page-banner-badge-card {
        width: 140px;
        height: 140px;
        padding: 12px;
    }

    .agent-page-badge-main-text {
        font-size: 1.1rem;
    }

    .agent-page-badge-sub-text {
        font-size: 0.6rem;
    }

    .agent-page-badge-action-text {
        font-size: 0.75rem;
    }
}


/* Individual Grid Card Structure */
.page-01-enquiry-card {
    width: 100%;
    aspect-ratio: 1 / 1; /* Pure Square Aspect Ratio (Width and Height Same) */
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 24px; /* Padding thoda adjust kiya taaki content fit rahe */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.page-01-enquiry-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.page-01-enquiry-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px; /* Square shape ke mutabiq spacing adjust ki hai */
}

/* Typography Editorial Elements */
.page-01-enquiry-text {
      font-family: "Poppins", sans-serif;
    font-size: clamp(14px, 1.2vw, 16px);
    line-height: 1.5;
    margin: 0;
}

.page-01-enquiry-link {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 15px;
    text-decoration: none;
    align-self: flex-start;
    display: inline-block;
    position: relative;
}


/* Container & Section Setup */
.banner-ad-section {
    width: 100%;
    max-width: 700px; /* Layout Limit */
    margin: 40px auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.banner-ad-wrapper {
    position: relative;
    width: 100%;
}

/* 1:1 Aspect Ratio Box (700px x 700px relative) */
.banner-slider-container {
    width: 100%;
    aspect-ratio: 1 / 1;
    position: relative;
    overflow: hidden;
    background-color: #e5e5e5;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Slide Transition Setup */
.banner-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 1;
}

.banner-slide.active {
    opacity: 1;
    z-index: 2;
}

.banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Size Spec Badge */
.banner-size-badge {
    position: absolute;
    top: -40px;
    right: 15px;
    background-color: rgba(6, 52, 48, 0.85); /* Premium Dark Teal Accent */
    color: #ffffff;
      font-family: "Poppins", sans-serif;
    font-size: 12px;
    letter-spacing: 0.5px;
    padding: 6px 14px;
    border-radius: 0;
    z-index: 10;
    backdrop-filter: blur(4px);
}

/* Bottom Right Deals Card Badge */
.deals-badge-card {
    position: absolute;
    bottom: -150px;
    right: -150px;
    width: 220px;
    aspect-ratio: 1 / 1;
    background-color: #063430;
    color: #ffffff;
    text-decoration: none;
    padding: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 15;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.deals-badge-card:hover {
    transform: translateY(-4px);
    background-color: #063430; /* Smooth Dark Teal Hover */
}

/* Deals Typography */
.deals-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.deals-title {
    font-family: 'Playfair Display', Georgia, serif;
    color: #F7A707; /* Gold Tone */
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    letter-spacing: 1px;
}

.deals-subtitle {
      font-family: "Poppins", sans-serif;
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #cccccc;
    margin: 6px 0 0 0;
}

.deals-link {
    font-family: 'Playfair Display', serif;
    font-size: 13px;
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 3px;
    margin-top: 4px;
}

/* Responsive adjustments for Mobile Screen */
@media (max-width: 600px) {
    .deals-badge-card {
        position: relative;
        bottom: 0;
        right: 0;
        width: 100%;
        aspect-ratio: auto;
        margin-top: 15px;
    }
    
    .banner-ad-section {
        padding: 0 10px;
    }
}

.page-02-apply-now-frame:hover .page-02-apply-now-btn,
.page-02-apply-now-btn:hover {
    background-color: #FFC107; /* होवर पर बैकग्राउंड पीला */
    color: #063430; /* होवर पर टेक्स्ट डार्क */
    border-color: #FFC107;
}