.financial
        /* ============ BRAND SYSTEM ============ */
        :root {
          --fs-h2: 1.8rem;
          --fs-h3: 1.25rem;
          --fs-h4: 1.15rem;
          --fs-p: 1rem;
          --fs-span: 1rem;

          --color-h2: #053e84;
          --color-h4: #734b8e;
          --color-p: #475569;
          --color-span: #475569;
           --secondary: #A67C52;
          
          --border-color: #e5e7eb;
          --bg-light: #f9fafb;
          --bg-offwhite: #ffffff;
          --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* ============ TYPOGRAPHY RULES ============ */
        h2 {
          font-size: var(--fs-h2);
          color: var(--color-h2);
          font-weight: 500;
          margin-bottom: 1rem;
          line-height: 1.3;
        }

        h3 {
          font-size: var(--fs-h3);
          color: var(--color-h2);
          font-weight: 500;
          margin-bottom: 0.75rem;
          line-height: 1.4;
        }

        h4 {
          font-size: var(--fs-h4);
          color: var(--color-h4);
          font-weight: 500;
          margin-bottom: 0.75rem;
          line-height: 1.4;
        }

        p {
          font-size: var(--fs-p);
          color: var(--color-p);
          line-height: 1.6;
          margin-bottom: 1rem;
        }

        span {
          font-size: var(--fs-span);
          /*color: var(--color-span);*/
        }

        /* ============ GLOBAL STYLES ============ */
        body {
          font-family: 'Outfit', sans-serif;
          background-color: var(--bg-offwhite);
          color: var(--color-p);
          line-height: 1.6;
          overflow-x: hidden;
        }

        .container {
          max-width: 1200px;
          padding-left: 1rem;
          padding-right: 1rem;
        }

        /* ============ SECTION SPACING ============ */
        .section-padding {
          padding: 3rem 0;
        }

        .section-title {
          text-align: center;
          margin-bottom: 2.5rem;
        }

        .section-title h2 {
          margin-bottom: 0.75rem;
        }

        .section-title p {
          max-width: 700px;
          margin-left: auto;
          margin-right: auto;
          font-size: 1.1rem;
        }
        .request_add span {
            color: #fff;
        }
         .financial { color: #fff!important; font-weight: normal;}
         
          .elite-primary-cta {
        display: inline-flex;
        align-items: center;
        /* background: linear-gradient(135deg, var(--color-h2) 0%, var(--color-h4) 100%); */
        background: linear-gradient(135deg, var(--secondary), #C9A86A);
        color: white;
        padding: 0.5rem 1rem;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 600;
        font-size: 1.05rem;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(115, 75, 142, 0.2);
        border: none;
    }
    
    .elite-primary-cta:hover {
        color: white;
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(115, 75, 142, 0.3);
        text-decoration: none;
    }
    
    /* Elite Apply Button */
    .elite-apply-btn {
        display: inline-flex;
        align-items: center;
        /* background: var(--color-h2); */
        background: linear-gradient(135deg, var(--secondary), #C9A86A);
        color: white;
        padding: 0.5rem 1rem!important;
        border-radius: 6px;
        text-decoration: none;
        font-weight: 500;
        transition: all 0.3s ease;
    }
    
    .elite-apply-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 62, 132, 0.2);
    }
    
    /* Elite Details Button */
    .elite-details-btn {
        display: inline-flex;
        align-items: center;
        background: transparent;
        color: #C9A86A;
        padding: 0.5rem 1rem;
        border-radius: 6px;
        text-decoration: none;
        font-weight: 500;
        border: 1px solid #C9A86A;
        transition: all 0.3s ease;
    }
    
    .elite-details-btn:hover {
        background: linear-gradient(135deg, var(--secondary), #C9A86A);
        color: white;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(5, 62, 132, 0.1);
    }
    
    /* Elite Checklist Button */
    .elite-checklist-btn {
        display: inline-flex;
        align-items: center;
        color: var(--color-h4);
        text-decoration: none;
        font-weight: 500;
        font-size: 0.95rem;
        transition: all 0.2s ease;
    }
    
    .elite-checklist-btn:hover {
        color: var(--color-h2);
        text-decoration: none;
    }
    
    /* Elite Guide Button */
    .elite-guide-btn {
        display: inline-flex;
        align-items: center;
        background: var(--bg-light);
        color: var(--color-h2);
        padding: 1rem 2rem;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 600;
        font-size: 1.05rem;
        border: 2px solid var(--border-color);
        transition: all 0.3s ease;
        width: 100%;
        justify-content: center;
    }
    
    .elite-guide-btn:hover {
        background: white;
        color: var(--color-h2);
        border-color: var(--color-h2);
        box-shadow: 0 6px 20px rgba(5, 62, 132, 0.1);
        text-decoration: none;
        transform: translateY(-2px);
    }
    
    /* Responsive Adjustments */
    @media (max-width: 992px) {
        .elite-primary-cta {
            margin-top: 1rem;
            width: 100%;
            justify-content: center;
        }
        
        .elite-guide-btn {
            padding: 0.875rem 1.5rem;
            font-size: 1rem;
        }
    }
    
    @media (max-width: 768px) {
        .d-flex.gap-3 {
            gap: 1rem !important;
        }
        
        .elite-apply-btn,
        .elite-details-btn {
            flex: 1;
            justify-content: center;
        }
    }

        @media (max-width: 768px) {
          .section-padding {
            padding: 2rem 0;
          }
          .section-title {
            margin-bottom: 2rem;
          }
        }

        /* ============ COMPACT GRID SYSTEM ============ */
        .compact-grid {
          margin-left: -0.75rem;
          margin-right: -0.75rem;
        }

        .compact-grid > [class*="col-"] {
          padding-left: 0.75rem;
          padding-right: 0.75rem;
        }

        /* ============ TABBED NAVIGATION ============ */
        .tabbed-navigation-container {
          background: var(--bg-offwhite);
          border-bottom: 1px solid var(--border-color);
          position: sticky;
          top: 81px!important;
          z-index: 1000;
          /* margin-bottom: 1.5rem; */
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        }

        .tabbed-nav-wrapper {
          position: relative;
          max-width: 1200px;
          margin: 0 auto;
          padding: 0 0.5rem;
        }

        .tabbed-navigation {
          display: flex;
          overflow-x: auto;
          scroll-behavior: smooth;
          scrollbar-width: none;
          -ms-overflow-style: none;
          padding: 0.5rem 0;
          gap: 0.5rem;
          -webkit-overflow-scrolling: touch;
        }

        .tabbed-navigation::-webkit-scrollbar {
          display: none;
        }

        .nav-tab {
          padding: 0.1rem 1rem;
          background: transparent;
          border: 1px solid var(--border-color);
          border-radius: 50px;
          color: var(--color-p);
          font-weight: 500;
          font-size: 0.9rem;
          white-space: nowrap;
          cursor: pointer;
          transition: var(--transition);
          flex-shrink: 0;
          position: relative;
          overflow: hidden;
          margin: auto; 
        }

        .nav-tab:hover {
          background: rgba(5, 62, 132, 0.05);
          border-color: rgba(5, 62, 132, 0.3);
          color: var(--color-h2);
          transform: translateY(-1px);
        }

        .nav-tab.active {
          background: var(--color-h2);
          color: white;
          border-color: var(--color-h2);
          transform: translateY(-1px);
          box-shadow: 0 3px 8px rgba(5, 62, 132, 0.2);
        }

        .nav-tab.active::after {
          content: '';
          position: absolute;
          bottom: -1px;
          left: 50%;
          transform: translateX(-50%);
          width: 20px;
          height: 2px;
          background: white;
          border-radius: 1px;
        }

        @media (max-width: 768px) {
          .nav-tab {
            padding: 0.5rem 1.25rem;
            font-size: 0.85rem;
          }
        }

        /* ============ COMPACT CARDS ============ */
        .compact-card {
          border: 1px solid var(--border-color);
          border-radius: 10px;
          background: var(--bg-offwhite);
          transition: var(--transition);
          overflow: hidden;
          height: 100%;
          padding: 1.5rem;
        }

        .compact-card:hover {
          border-color: var(--color-h2);
          transform: translateY(-3px);
          box-shadow: 0 6px 18px rgba(5, 62, 132, 0.08);
        }

        .card-icon {
          font-size: 2.2rem;
          margin-bottom: 1rem;
          color: var(--color-h2);
          transition: var(--transition);
        }

        /* ============ HERO SECTION ============ */
        .hero-section {
          padding: 4rem 0 3rem;
          background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
          border-bottom: 1px solid var(--border-color);
        }

        .hero-headline {
          font-size: 2.5rem;
          font-weight: 600;
          color: var(--color-h2);
          line-height: 1.2;
          margin-bottom: 1.25rem;
        }

        .hero-subtitle {
          font-size: 1.1rem;
          color: var(--color-p);
          margin-bottom: 1.5rem;
          max-width: 600px;
        }

        @media (max-width: 768px) {
          .hero-headline {
            font-size: 2rem;
          }
          .hero-section {
            padding: 3rem 0 2rem;
          }
        }

        /* ============ COMPACT BUTTONS ============ */
        .btn {
          border-radius: 6px;
          padding: 0.75rem 1.75rem;
          font-weight: 500;
          font-size: 0.95rem;
          border: 2px solid transparent;
          transition: var(--transition);
        }

        .btn-primary {
          background: var(--color-h2);
          color: white;
        }

        .btn-primary:hover {
          background: #042a60;
          transform: translateY(-2px);
          box-shadow: 0 4px 12px rgba(5, 62, 132, 0.25);
        }

        .btn-outline-primary {
          background: transparent;
          border-color: var(--color-h2);
          color: var(--color-h2);
        }

        .btn-outline-primary:hover {
          background: var(--color-h2);
          color: white;
          transform: translateY(-2px);
          box-shadow: 0 4px 12px rgba(5, 62, 132, 0.2);
        }

        /* ============ TRUST BADGES ============ */
        .trust-badge {
          text-align: center;
          padding: 1.5rem;
          border: 1px solid var(--border-color);
          border-radius: 10px;
          background: var(--bg-offwhite);
          transition: var(--transition);
          height: 100%;
        }

        .trust-badge:hover {
          transform: translateY(-3px);
          box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
          border-color: var(--color-h2);
        }

        .trust-icon {
          font-size: 2.2rem;
          color: var(--color-h2);
          margin-bottom: 1rem;
        }

        /* ============ PILLAR CARDS ============ */
        .pillar-card {
          padding: 1.5rem;
          border: 1px solid var(--border-color);
          border-radius: 10px;
          height: 100%;
          border-top: 3px solid var(--color-h2);
          transition: var(--transition);
        }

        .pillar-card:hover {
          transform: translateY(-3px);
          box-shadow: 0 6px 18px rgba(5, 62, 132, 0.08);
        }

        .pillar-icon {
          font-size: 2.2rem;
          color: var(--color-h2);
          margin-bottom: 1rem;
        }

        /* ============ LAYER CARDS ============ */
        .layer-card {
          padding: 1.5rem;
          border: 1px solid var(--border-color);
          border-radius: 10px;
          height: 100%;
          transition: var(--transition);
          position: relative;
          overflow: hidden;
        }

        .layer-card::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 3px;
          background: var(--color-h4);
        }

        .layer-card:hover {
          transform: translateY(-3px);
          box-shadow: 0 6px 18px rgba(5, 62, 132, 0.08);
        }

        .step-number {
          width: 2.5rem;
          height: 2.5rem;
          background: var(--color-h2);
          color: white;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 600;
          margin-right: 1rem;
          flex-shrink: 0;
          font-size: 1rem;
        }

        /* ============ HORIZONTAL TIMELINE ============ */
        .horizontal-timeline {
          display: flex;
          overflow-x: auto;
          gap: 1.5rem;
          padding: 1rem 0.5rem;
          scrollbar-width: none;
          -ms-overflow-style: none;
        }

        .horizontal-timeline::-webkit-scrollbar {
          display: none;
        }

        .timeline-item {
          flex: 0 0 auto;
          width: 280px;
          position: relative;
        }

        .timeline-step {
          background: white;
          border: 1px solid var(--border-color);
          border-radius: 10px;
          padding: 1.5rem;
          position: relative;
          transition: var(--transition);
          height: 100%;
          min-height: 200px;
        }

        .timeline-step:hover {
          border-color: var(--color-h2);
          transform: translateY(-3px);
          box-shadow: 0 6px 18px rgba(5, 62, 132, 0.08);
        }

        .timeline-number {
          width: 2.5rem;
          height: 2.5rem;
          background: var(--color-h2);
          color: white;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 600;
          margin-bottom: 1rem;
          font-size: 1rem;
        }

        .timeline-connector {
          display: none;
          position: absolute;
          top: 50%;
          right: -1.75rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1px;
          background: var(--border-color);
          z-index: 1;
        }

        .timeline-connector::after {
          content: '';
          position: absolute;
          top: 50%;
          right: -3px;
          transform: translateY(-50%);
          width: 6px;
          height: 6px;
          background: var(--color-h2);
          border-radius: 50%;
        }

        @media (max-width: 768px) {
          .horizontal-timeline {
            gap: 1rem;
          }
          .timeline-item {
            width: 260px;
          }
          .timeline-connector {
            right: -1.25rem;
            width: 1rem;
          }
        }

        /* ============ CHECKLIST ============ */
        .checklist-item {
          display: flex;
          align-items: flex-start;
          margin-bottom: 0.75rem;
        }
        .checklist-item span strong{ font-weight: normal!important; color: #053e84!important;}

        .checklist-icon {
          color: var(--color-h2);
          margin-right: 0.75rem;
          margin-top: 0.15rem;
          flex-shrink: 0;
          font-size: 1.1rem;
        }

        /* ============ AUDIENCE CARDS ============ */
        .audience-card {
          padding: 1.5rem;
          border: 1px solid var(--border-color);
          border-radius: 10px;
          background: var(--bg-offwhite);
          text-align: center;
          transition: var(--transition);
          height: 100%;
        }

        .audience-card:hover {
          transform: translateY(-3px);
          box-shadow: 0 6px 18px rgba(5, 62, 132, 0.08);
          border-color: var(--color-h2);
        }

        .audience-icon {
          font-size: 2.5rem;
          color: var(--color-h2);
          margin-bottom: 1rem;
        }

        /* ============ ELITE SECTION ============ */
        .elite-section {
          background: linear-gradient(135deg, #f9f7fc 0%, #f0ebf5 100%);
          border-radius: 12px;
          padding: 2rem;
          border: 1px solid var(--border-color);
          font-family: 'Playfair Display', serif!important;
        }

        @media (max-width: 768px) {
          .elite-section {
            padding: 1.5rem;
          }
        }

        /* ============ ETHICAL STRIP ============ */
        .ethical-strip {
          background: var(--bg-light);
          border-left: 3px solid var(--color-h4);
          padding: 1.5rem;
          border-radius: 8px;
          border: 1px solid var(--border-color);
        }

        /* ============ FORM STYLES ============ */
        .form-control, .form-select {
          border: 1px solid var(--border-color);
          border-radius: 6px;
          padding: 0.75rem;
          font-size: 0.95rem;
          transition: var(--transition);
        }

        .form-control:focus, .form-select:focus {
          border-color: var(--color-h2);
          box-shadow: 0 0 0 2px rgba(5, 62, 132, 0.1);
        }

        /* ============ CTA SECTION ============ */
        .cta-section {
          background: linear-gradient(135deg, var(--color-h2) 0%, #0a4b9e 100%);
          border-radius: 12px;
          overflow: hidden;
          position: relative;
          z-index: 1;
        }

        .cta-primary {
          padding: 2.5rem;
          color: white;
        }

        .cta-primary h3, .cta-primary h4, .cta-primary p {
          color: white;
        }

        /* ============ ACCORDION ============ */
        .accordion-button {
          font-size: 0.95rem;
          color: var(--color-p);
          padding: 1rem;
          border: 1px solid var(--border-color);
          border-radius: 8px !important;
          margin-bottom: 0.5rem;
          background: var(--bg-offwhite);
          transition: var(--transition);
        }

        .accordion-button:not(.collapsed) {
          color: var(--color-h2);
          background: var(--bg-light);
          border-color: var(--color-h2);
          box-shadow: 0 3px 10px rgba(5, 62, 132, 0.08);
        }

        .accordion-button:focus {
          border-color: var(--color-h2);
          box-shadow: 0 0 0 2px rgba(5, 62, 132, 0.1);
        }

        /* ============ IMAGES ============ */
        .img-fluid {
          border-radius: 10px;
          border: 1px solid var(--border-color);
          transition: var(--transition);
        }

        .img-fluid:hover {
          transform: scale(1.01);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
        }

        /* ============ FOOTER ============ */
        .footer {
          background-color: #0f172a;
          color: #cbd5e1;
          padding: 2.5rem 0 1.5rem;
          margin-top: 2rem;
        }

        .footer h4, .footer h5 {
          color: white;
        }

        .footer a {
          color: #cbd5e1;
          text-decoration: none;
        }

        .footer a:hover {
          color: white;
        }

        /* ============ UTILITY CLASSES ============ */
        .bg-light {
          background: var(--bg-light) !important;
        }

        .shadow-sm {
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
        }

        .rounded-lg {
          border-radius: 10px !important;
        }

        /* ============ SCROLL MARGINS FOR TABS ============ */
        .scroll-margin {
          scroll-margin-top: 80px;
        }

        /* ============ COMPACT SPACING ============ */
        .mt-n1 { margin-top: -0.25rem !important; }
        .mb-n1 { margin-bottom: -0.25rem !important; }
        .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
        .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }