/* GLOBAL STYLE */

/* SPACEGROTESK FONT */
@font-face {
  font-family: 'playfair_display';
  src: url("../fonts/playfair_display.woff2") format("woff2");
  font-style: normal;}

/* GLOBAL ANIMATION EFFECTS*/

/* 1. Hide the calendar icon in Chrome, Safari, and Edge */
.modal-input::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

/* 2. Optional: Hide the up/down arrows (spin buttons) */
.modal-input::-webkit-inner-spin-button,
.modal-input::-webkit-clear-button {
    display: none;
    -webkit-appearance: none;
}

/* 3. Ensure the input-group container handles the absolute positioning */
.input-group {
    position: relative;
}

/* The Spinner Animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.fa-spinner {
    animation: spin 1s linear infinite;
}

/* Success State for the Button */
.btn-gold-final.success {
    background-color: #28a745 !important; /* Success Green */
    border-color: #28a745 !important;
}

/* Basic button styling if not already defined */
.btn-gold-final {
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}


/* Container for the icon + input */
.input-group {
    position: relative;
    width: 100%;
    background-color: transparent !important;
}

/* The Icon */
.input-group i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #D4AF37; /* Stratfin Gold */
    font-size: 14px;
    pointer-events: none; /* User clicks 'through' icon to input */
}

/* Adjust the input to make room for the icon */
.modal-input {
    width: 100%;
    padding: 12px 12px 12px 40px !important; /* Left padding = 40px */
    background: #002147; /* Navy */
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: white;
    border-radius: 5px;
    outline: none;
}

.modal-input:focus {
    border-color: #D4AF37;
    box-shadow: 0 0 5px rgba(212, 175, 55, 0.2);
}

/* Layout fix for the columns */
#section-personal, #section-corporate {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.form-column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}


.white-bg{
    background-color: var(--white);
    /*background-attachment: fixed;
    background-image: url("../images/jpg/stratfin_complex.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
}

.plain-white-bg{
    background: linear-gradient(#f7f0e6 60%,#fffcf6 80%);
    /*background-attachment: fixed;
    background-image: url("../images/jpg/stratfin_lite_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
}

/* Base state: Hidden */
.reveal {
    opacity: 0;
    /* Use 'will-change' only on the property being animated for better performance */
    will-change: transform, opacity; 
}

.reveal.active {
    animation-duration: 1.1s;
    animation-fill-mode: forwards;
    /* This timing function helps the bounce feel snappier */
    animation-timing-function: cubic-bezier(0.25, 1.1, 0.5, 1);
}

/* 🚀 More Aggressive Keyframes (Increase the 'overshoot' from 10px to 25px) */
@keyframes slideBounceUp {
    0% { opacity: 0; transform: translateY(-200px); }
    45% { opacity: 1; transform: translateY(25px); }  /* Aggressive overshoot */
    70% { transform: translateY(-12px); }             /* Bounce 1 */
    85% { transform: translateY(5px); }               /* Bounce 2 */
    100% { opacity: 1; transform: translateY(0); }    /* Settle */
}

/* Apply similar logic to from-down, from-left, and from-right... */
@keyframes slideBounceDown {
    0% { opacity: 0; transform: translateY(200px); }
    45% { opacity: 1; transform: translateY(-25px); } 
    70% { transform: translateY(12px); }               
    85% { transform: translateY(-5px); }              
    100% { opacity: 1; transform: translateY(0); }
}

/* Directional Logic */
.from-up { animation-name: slideBounceUp; }
.from-down { animation-name: slideBounceDown; }
.from-left { animation-name: slideBounceLeft; }
.from-right { animation-name: slideBounceRight; }

/* 🚀 KEYFRAMES: The Double Bounce Logic 
   Logic: Slide In (0-50%) -> Bounce 1 (70%) -> Bounce 2 (90%) -> Settle (100%)
*/

@keyframes slideBounceLeft {
    0% { opacity: 0; transform: translateX(-200px); }
    50% { opacity: 1; transform: translateX(10px); } 
    70% { transform: translateX(-5px); }               
    90% { transform: translateX(2px); }              
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes slideBounceRight {
    0% { opacity: 0; transform: translateX(200px); }
    50% { opacity: 1; transform: translateX(-10px); } 
    70% { transform: translateX(5px); }               
    90% { transform: translateX(-2px); }              
    100% { opacity: 1; transform: translateX(0); }
}

/* MOBILE SCREENS */
@media screen and (max-width: 970px) {
    /* 1. LAYOUT & POSITIONING */
    .cookie-notice-wrapper {
        position: fixed;
        bottom: 20px;
        left: 20px;
        right: 20px;
        z-index: 999999999; /* Ensure it stays above everything */
        max-width: 450px;
        background: rgba(26, 26, 26, 0.95);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(200, 155, 60, 0.3); /* Soft Gold Border */
        border-radius: 20px;
        padding: 20px;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
        display: none; /* Hidden by default, shown via JS */
        animation: slideInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }

    /* 2. TYPOGRAPHY */

    .cookie-text h2 {
        color: #e0e0e0;
        font-size: 14.6px;
        line-height: 1.6;
        margin: 0 0 20px 0;
        font-weight: 400;
        font-family: 'Inter', sans-serif; /* Use your site's font */
    }

    .cookie-text p {
        color: #e0e0e0;
        font-size: 13px;
        line-height: 1.6;
        margin-bottom: 20px;
        font-family: 'Inter', sans-serif; /* Use your site's font */
    }
    

    .gold-link {
        color: #C89B3C;
        text-decoration: underline;
        transition: opacity 0.3s;
    }
    .gold-link:hover { opacity: 0.8; }

    /* 3. BUTTONS */
    .cookie-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
    }

    .btn-sharing {
        font-size: 12px;
        color: #aaa;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-decoration: none;
        font-weight: 500;
        transition: color 0.3s;
        font-family: 'Inter',sans-serif;
    }

    .btn-sharing:hover { 
        color: #fff; 
        text-decoration-style: solid;
        text-decoration-thickness: 1px;
        text-decoration: underline;
        text-underline-offset: 7px;
        text-decoration-color: var(--gold);
        /*text-decoration-color: rgba(200, 155, 60, 0.3);*/
    }

    .btn-agree {
        background: #C89B3C;
        color: #fff;
        border: none;
        padding: 8px 16px;
        border-radius: 50px;
        font-weight: 400;
        letter-spacing: 1.2px;
        font-size: 13px;
        cursor: pointer;
        transition: transform 0.2s, background 0.3s;
        font-family: 'Inter', sans-serif;
        text-transform: uppercase;
    }

    .btn-agree:hover {
        padding: 10px 16px;
        border: 2px solid #b08935;
        background: transparent !important;        
        /*border: 2px solid rgba(200, 155, 60, 0.3); */       
        border-radius: 50px;
        transition: transform 0.2s, background 0.3s;
    }

    /* COOKIE SHARING SETTING - RESTORED & FIXED */
    .settings-modal {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.8);
        backdrop-filter: blur(5px);
        z-index: 9999999999; /* Restored your z-index */
        align-items: center;
        justify-content: center;
        padding: 20px;
    }

    .modal-content {
        background: #1a1a1a;
        width: 100%;
        max-width: 500px;
        border: 1px solid #C89B3C;
        border-radius: 12px;
        color: #fff;
        overflow: hidden;
        padding: 0 0 20px 0;
        margin: 160px 0 0 0;
    }

    .modal-header {
        padding: 20px;
        border-bottom: 1px solid #333;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .modal-header h3 { color: #C89B3C; margin: 0; font-size: 1.2rem; }

    .close-modal { 
        background: none; 
        border: none; 
        color: #b70101;
        font-size: 32px; /* Made slightly larger for easier clicking */
        cursor: pointer; 
        line-height: 1;
        padding: 0 5px;
        position: relative;
        z-index: 99999999999999; /* Ensures it stays on top of header text */
    }

    .modal-body { padding: 20px; }

    .modal-footer { padding: 0 20px; }

    .setting-item {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 15px 0;
        border-bottom: 1px solid #333;
    }

    .setting-info p { font-size: 12px; color: #aaa; margin: 5px 0 0; }

    .setting-label { font-weight: 500; font-size: 14px; letter-spacing: .9px; }

    /* FIXED SLIDER LOGIC */
    .switch { position: relative; display: inline-block; width: 70px; height: 20px; }

    .switch input { opacity: 0; width: 0; height: 0; }

    .slider {
        position: absolute; 
        cursor: pointer; 
        inset: 0;
        background-color: #444; 
        transition: .4s; 
        border-radius: 34px;
    }

    .slider:before {
        position: absolute; 
        content: ""; 
        height: 14px; 
        width: 28px; /* Your original wide knob */
        left: 3px; 
        bottom: 3px;
        background-color: white; 
        transition: .4s; 
        border-radius: 15px; /* Adjusted to fit the wider shape */
    }

    input:checked + .slider { background-color: #C89B3C;    
        display: flex;
        align-items: center;
        justify-items: center; }

    /* THE FIX: Translation calculated for a 60px track with a 28px knob */
    input:checked + .slider:before { 
        transform: translateX(36px); 
        background-color: #fff; 
    }

    /* #tinSider */
    .toggle-switch input:checked + .slider:before { 
        transform: translateX(30px); 
        background-color: #fff; 
    }


    .btn-save {
        width: 100%; padding: 15px; border: none; background: #C89B3C;
        color: white; font-weight: bold; cursor: pointer; border-radius: 50px;
    }

    .nav .active-page{
    color: var(--gold) !important;
    }

    .visible-sm{display: block !important;}

    .visible-lg{display: none;}

    /* Initial Form Styling */
    .main-form-wrapper { max-width: 400px; margin: 50px auto; }
    .btn-submit-main {
        width: 100%; padding: 15px; background: var(--gold);
        border: none; border-radius: 50px; color: #fff; font-weight: 700; cursor: pointer;
    }

    /* Modal Overlay */
    /* CRITICAL: High Z-Index to ensure it's on top */
    .modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: #061023;
        backdrop-filter: blur(10px);
        z-index: 999999 !important; /* Force to front */
        display: none; /* JS will change this to flex */
        justify-content: center;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
    }

    .modal-content {
        /*background: var(--background--light);*/
        /*padding: 40px 0 0 0;*/
        box-sizing: border-box;
        width: 100%;
        /*height: 100%;*/
        position: relative;
        color: var(--white);
        overflow: scroll;
    }

    .modal-content form{
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        /*background: var(--background--light);*/
        box-sizing: border-box;        
        height: 100%;
        padding: 0;        
        margin:0 20px 10px 20px;
        overflow: scroll;
    }

    .modal-content h2{
        font-family: 'playfair_display', sans-serif;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        color: var(--white);
        font-size: 22px;
        padding: 0;
        margin: 50px 0 5px 0;
        text-align: center;

    }

    .modal-input, input, input[type="date"] {
        width: 100%;
        padding: 12px;
        margin: 10px 0;
        background: transparent;
        border: 1px solid #444;
        color: var(--charcoal);
        border-radius: 50px;
        box-sizing: border-box;
    }

    @keyframes slideUp {
        from { opacity: 0; transform: translateY(30px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* Custom Styled Checkbox */
    /**/

    input[type="checkbox"]{
        transition: all 0.2s ease-in-out;
        animation: burgerPop 0.4s ease forwards;
    }    

    /* Specific override for disabled*/
    #disabled{
        border-color: var(--white); /* A bright blue for analytics */
    }

    #disabled:checked::before {
        box-shadow: inset 1em 1em var(--gold); /* Blue checkmark instead of Gold */
    }

    /* Specific override for Analytics and pref-marketing*/
    #pref-analytics, #pref-marketing, #form-toggle {
        transition: all 0.2s ease-in-out;
        animation: burgerPop 0.4s ease forwards;
        border-color:transparent; /* A bright blue for analytics */
    }

    #pref-analytics:checked::before, #pref-marketing:checked::before, #form-toggle:checked::before  {
        box-shadow: inset 1em 1em transparent; /* Blue checkmark instead of Gold */
    }

    /* The Checkmark (using a pseudo-element) */
    input[type="checkbox"]::before {
        content: "";
        width: 10px;
        height: 10px;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--gold, #D4AF37);
        transform-origin: bottom left;
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    }

    /* Display checkmark when checked */
    input[type="checkbox"]:checked::before {
        transform: scale(1);
    }

    /* Subtle 'Locked' effect for disabled state */
    input[type="checkbox"]:disabled {
        border-color: #b8860b !important; /* Slightly darker gold */
        background-color: #001a38 !important; /* Deeper Navy */
        opacity: 0.9;
        filter: drop-shadow(0 0 2px rgba(212, 175, 55, 0.2));
        width: 20px;
        height: 20px;
        border-radius: 4px;
        transition: all 0.2s ease-in-out;
        appearance: none !important;        
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-content: center !important;
    }

    /* The Checkmark (using a pseudo-element) */
    input[type="checkbox"]::before {
        content: "";
        width: 10px;
        height: 10px;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--gold, #D4AF37);
        transform-origin: bottom left;
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    }

    /* Display checkmark when checked */
    input[type="checkbox"]:checked::before {
        transform: scale(1);
    }    

/**/


    /* Switch & Form Elements */
    /* TIN STYLE STARTS */
        .switch-wrapper { 
        display: flex; 
        justify-content: center; 
        align-items: center; 
        gap: 20px; 
        padding: 15px 0;
        margin: 10px 0 ;
        border-bottom: 1px solid #333; /* Cleaner separation than a full border */
    }

    .toggle-switch { 
        position: relative; 
        width: 50px; 
        height: 24px; 
    }

    .toggle-switch input { opacity: 0; width: 0; height: 0; }

    .slider { 
        position: absolute; 
        cursor: pointer; 
        inset: 0; 
        background: #444; 
        border-radius: 34px; 
        transition: 0.4s; 
    }

    .slider:before { 
        position: absolute; 
        content: ""; 
        height: 14px; 
        width: 14px; 
        left: 3px; 
        bottom: 3px; 
        background: white; 
        border-radius: 50%; 
        transition: 0.4s; 
    }

    /* Toggle Active State */
    input:checked + .slider { background: var(--gold); }
    input:checked + .slider:before { transform: translateX(23px); }

    input[type="checkbox"]{    
    -webkit-appearance: none !important;
    appearance: none !important;
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-content: center !important;
    }

    /* Label Styling */
    .switch-label { 
        color: #fff; 
        font-weight: 700; 
        font-size: 14px; 
        transition: color 0.3s ease; 
    }

    .active-label { 
        color: var(--gold) !important; 
    }

    .btn-gold-final { 
        width: 100%; 
        padding: 15px;
        margin-top: 10px;
        background: var(--gold); 
        border: none; 
        border-radius: 50px; 
        color: #fff; 
        font-weight: 700; 
        cursor: pointer; 
    }

    .close-modal { 
        position: absolute; 
        top: 20px; 
        right: 20px; 
        background: none; 
        border: none; 
        color: #b70101; 
        font-size: 30px; 
        cursor: pointer;
    }
    /* TIN STYLE ENDS */

    .main_summary{
        display: block;
        box-sizing: border-box;
        overflow: hidden;
        width: 100%;
        margin: -50px 0 0 0;
    }

     .main_summary .liner2 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0;
        height: 2px;
        width: 100%;
        background-color: var(--gold);
        border-radius: 3px;
    }

    .main_summary #container{
        display: block;
        box-sizing: border-box;
        overflow: hidden;
        width: 100%;
        padding: 20px;
        margin: 0 0 100px 0;
    }

    .main_summary #container h2{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        color: var(--gold);
        font-size: 18px;
        margin: 0 0 0 20px;
    }

    .main_summary #container h3{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        color: var(--black);
    }

    .main_summary #container p{
        display: block;
        box-sizing: border-box;
        overflow: hidden;
        width: 100%;
        line-height: 24px;
        font-size: 16px;
    }  

    .main_summary #container .signal{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 40px 0;
    }

    .main_summary #who-we-are, .main_summary #the-problem, .main_summary #our-solution, .main_summary #why-stratfin, .main_summary #who-we-serve {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        text-align: center;
        align-items: center;
        justify-items: center;
        margin: 40px 0;        
        padding:  0;
        box-sizing: border-box;
        
    }

    .main_summary #the-problem{
        text-align: left !important;
    }

    .wrapper left{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        text-align: center;
        align-items: center;
        justify-items: center;
        width: 100%;
    }

    .main_summary #container .signal h2{
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 0;
        line-height: 24px; /* Adjust as needed */
        align-items: flex-start;
        font-size: 18px;
        color: var(--navy);
    }

    .main_summary #container .signal h3{
        display: flex;
        flex-direction: column;
        margin: 40px 0 0 0;
        padding: 0; 
        font-size: 16px;
        line-height: 28px;
        color: var(--gold);
        text-align: left;
    }

    .main_summary #container .signal h3 strong{
        margin: 0;
        padding: 0;
        display: block; /* Ensures it behaves fully as a block-level flex item */
        color: var(--gold);
        font-weight: 600;
    }

    .main_summary #container .signal h2{
        display: flex;
        flex-direction: row;        
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        text-align: center;
        align-items: center;
        justify-items: center;
        width: 100%;
        margin: 0 0 20px 0;
        font-size: 24px;
        font-family: 'playfair_display', sans-serif;
        text-transform: capitalize!important;
        color: #252625;
    }

    .main_summary #container .signal h3{
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 5px 0 0 0;
        line-height: 28px; /* Adjust as needed */
        align-items: flex-start;
        font-size: 18px;
        letter-spacing: -0.16px;
        font-weight: 400;
        color: #4a4d4a;
        font-family: 'Inter',sans-serif;
    }

    .main_summary #container .signal p{
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 10px 0;
        line-height: 28px; /* Adjust as needed */
        align-items: flex-start;
        font-size: 16px;
        letter-spacing: -0.16px;
        font-weight: 400;
        color: #4a4d4a;
    }

    .main_summary #container .signal p strong{
        margin: 0;
        padding: 0;
        display: block; /* Ensures it behaves fully as a block-level flex item */
        font-weight: 600;
    } 
    
    .stratfin-view{
        background:#F4F5F7;
        padding: 40px;
        margin: 64px 0;
        border-radius: 20px;
    }
    

    .forced-padding{
        padding: 40px 60px !important;
    }

    :root { 
        --black: #000000;
        --white: #FFFFFF;
        --navy: #0A1D3E; 
        --gold: #C89B3C; 
        --charcoal: #2E2E2E; 
        --lite-charcoal: #C5C7C9;
        --background--light: #f1f4f9;
        --primary: #C89B3C;
        --accent: #C89B3C;
        --modal-bg: #222222;
        --input-bg: #2b2b2b;
        }

        html{ 
            background-color: #1b1405;
        }

        body { font-family: 'Inter',sans-serif; 
            color: var(--charcoal); 
            margin:0;
            font-size: 14.6px;
            font-weight: 300;            
        }

        p{  
            letter-spacing: .36px;}

        h1,h2,h3 { 
            font-family: 'Montserrat', sans-serif;  
            color: #0A1D3E;
        }

        .scroll-btn {
            position: fixed;
            bottom: 100px;
            right: 12px;
            width: 20px;
            height: auto;
            cursor: pointer;
            display: none; /* Hidden by default */
            z-index: 2;
            transition: transform 0.3s ease, opacity 0.3s ease;
            background-color: rgb(255, 255, 255);
            backdrop-filter: blur(5px);
            animation: Initial 'Pop' scale;
            animation: burgerPop 0.4s ease forwards;
            border-radius: 50px;
            padding: 16px 5px 10px 5px;
        }

        .scroll-btn img {
            width: 100%;
            height: auto;
            /* Optional: Add a CSS bounce if the image isn't already animated */
            animation: bounce 2s infinite;
            transform: rotate(90deg);
            transform-origin: left;
        }

        .scroll-btn:hover {
            transform: scale(1.1);
        }

        /* Optional CSS Animation */
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
            40% {transform: translateY(-10px);}
            60% {transform: translateY(-5px);}
        }

        .grainy-bg, .grainy-bg2 {
            width: 100%;
            height: auto;
            /* Define your base gradient */
            background: linear-gradient(135deg, var(--gold) 0%, var(--navy) 100%);
            position: relative;
            }

            .grainy-bg::before, .grainy-bg2::before {
            content: "";
            position: relative;
            inset: 0;
            /* Apply the SVG filter */
            filter: url(#irregularGrain);
            /* Use contrast/brightness to sharpen grain */
            filter: url(#irregularGrain) contrast(150%) brightness(1000%);
            pointer-events: none;
        }

        .grainy-bg2{
            background: linear-gradient(135deg, var(--white) 0%, #fad0c4 100%);
        }
        
        h1{
            font-size: 48px;
            font-weight: 100;
        }

        .body-container{
            background-color: #0000;
            background-image: linear-gradient(180deg, #061023dd, #061023dd), url("../images/jpg/q005-failed-2.jpg");
            /*background-position: 50%;*/
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll,scroll;
            background-origin: padding-box,padding-box;
            background-clip: border-box,border-box;
            border-bottom: 4px solid var(--gold);
        }

        .insights-container{
            position: relative;
            background-color: #0000;
            background-image: linear-gradient(180deg, #061023dd, #061023dd), url("../images/jpg/q005-failed.jpg");
            /*background-position: 50%;*/
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll,scroll;
            background-origin: padding-box,padding-box;
            background-clip: border-box,border-box;
            border-radius: 0 0 30px 30px;
        }

        .cta_container{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            width: 100%;
            padding: 20px ;
            margin: 0;
            box-sizing: border-box;
            justify-content: right;
            align-items: flex-end;
        }

        .about-container{
            background-color: #0000;
            /*background-image: linear-gradient(180deg, #e9ecf0dd, #e9ecf0dd), url("../images/jpg/stratfin_fin_bg.jpg");*/
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll,scroll;
            background-origin: padding-box,padding-box;
            background-clip: border-box,border-box;
        }

        .menu-container{
            background-color: #0000;
            background-image: linear-gradient(180deg, #0A1D3Edd, #0A1D3E), url("../images/jpg/q005-failed-2.jpg");
            /*background-position: 50%;*/
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll,scroll;
            background-origin: padding-box,padding-box;
            background-clip: border-box,border-box;
            overflow-y: scroll;
            animation: slideUp 0.3s ease;
            transition: transform 0.5s ease;

        }

        /* Floating Button Styles */
        .whiteflask {
            display: none;
            position: fixed;            
        }

        .whiteflask.isfixed1 {
            position: fixed;
            display: block;
            width: 100%;
            height: 70px;
            background-color: var(--white);
            backdrop-filter: blur(8px);
            /*background-color: var(--white);*/
            border-radius: 0 0 30px 30px;
            top: 0px;
            right: 0px;
            left: 0;
            backdrop-filter: blur(5px);
            Animation: Initial 'Pop' scale;
            animation: burgerPop 0.4s ease forwards;
            z-index: 9999999;
            box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px;
        }

        .whiteflask span.btn-text {
            display: flex; /* Hide text in minimized state */
            margin: 0 10px;
        }
       
        .whiteflask span.btn-icon img{
            width: 40px;
        }       

        .whiteflask.btn-text {
            display: none; /* Hide text in minimized state */
        }

        /* State 3: Minimized AND Fixed (Top corner) */
        

        /* Floating Button Styles */
        .contact-trigger {
            position: fixed;
            top: 320px;
            right: 10px; /* Initial Position */
            background: var(--gold);
            color: white;
            border: none;            
            border-radius: 50px;
            /* padding: 7px 10px;
            cursor: pointer;
            z-index: 999;
            /*box-shadow: 4px 4px var(--navy);*/
            /*transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
            display: flex;
            align-items: center;
            gap: 10px;
            white-space: nowrap;
            font-family: 'Lato', sans-serif;
        }

        .contact-trigger span.btn-text {
            display: flex; /* Hide text in minimized state */
            margin: 0 10px;
        }

        .contact-trigger span.btn-icon img{
            width: 40px;
        }

       .contact-trigger.minimized.is_fixed img {
            width: 100%;
            height: auto;
        }
       
        /* State 2: Minimized (Icon only) (Triggered by JS after 5s) */
        .contact-trigger.minimized {
            right: 0px;
            border-radius: 50px 0 0 50px;
            /*  padding: 10px; Square/Circle padding */
            /*  width: 30px;   Force a small size  */
            /*  height: 30px; Force a small size  */
            justify-content: center;
        }

        .contact-trigger.minimized .btn-text {
            display: none; /* Hide text in minimized state */
        }

        /* State 3: Minimized AND Fixed (Top corner) */
        .contact-trigger.minimized.is_fixed {
            top: 22px;
            right: 120px; 
            width: 30px;   /*  Force a small size */
            height: 30px;
            position: fixed;
            border-radius: 50px;  
            bottom: auto; /* Reset the bottom: 130px from the base class */
            animation: burgerPop 0.4s ease forwards;
            background: transparent !important;
            padding: 3px !important;
            animation: burgerPop 0.4s ease forwards;
            z-index: 99999999;
        }
        

        /* Overlay & Form Styling */
        .form-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.7);
            display: none; /* Hidden by default */
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }

        .form-card {
            background: white;
            padding: 40px;
            border-radius: 30px;
            width: 90%;
            max-width: 400px;
            position: relative;
            animation: slideUp 0.3s ease;
            border-top: solid 6px var(--gold);
        }

        .form-card h2{}

        .form-card p{
            color: #666 !important;
        }

        @keyframes slideUp {
            from { transform: translateY(50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }

        .close-btn {
            position: absolute;
            top: 15px;
            right: 20px;
            font-size: 30px;
            background: none;
            border: none;
            cursor: pointer;
            color: #b70101;
            animation: burgerPop 0.4s ease forwards;
        }

        /* Form Elements */
        .form-group { margin-bottom: 15px; }
        input, textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 50px;
            box-sizing: border-box;
            font-family: 'Inter',sans-serif;
            animation: burgerPop 0.4s ease forwards;
        }

        .form-actions {
            display: flex;
            gap: 10px;
            margin-top: 20px;
            width: 100%;
            justify-content: space-between;
            align-content: space-between;
            align-items: center;
            justify-items: center;
        }

        .btn-submit { 
            background: var(--primary); 
            color: white; 
            border: none; 
            padding: 10px 20px; 
            border-radius: 50px; 
            cursor: pointer; 
            flex: 2; 
            font-family: 'Inter', sans-serif;
            animation: burgerPop 0.4s ease forwards;
            /*background-image: url("../images/stratfin_advisory_group_logo.svg");
            background-position: center right;
            background-position-x: ;
            background-position-y: ;
            background-size: 1000px;
            background-repeat: no-repeat;*/
        }
        
        .btn-reset { 
            background: #f0f0f0; 
            border: none; 
            padding: 10px 20px; 
            border-radius: 5px; 
            cursor: pointer; 
            /*flex: 1;*/ 
            color: #666; 
            border-radius: 50px;
            animation: burgerPop 0.4s ease forwards;
        }

         
        /*For Chat*/

        .chat{
            width: 30px;
            height: auto;
            position: fixed;
            display: block;
            right: 70px;
            top: 22px;
            overflow: visible;
            box-sizing: border-box;
            z-index: 999;
            animation: burgerPop 0.4s ease forwards;
        }

        .chat a{
            display: block;
            box-sizing: border-box;
            overflow: visible;
            text-decoration: none;
            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transform: scale3d(1, 1, 1); /* Initial state */
        }

        .chat a:hover{
            overflow: hidden;
            text-decoration: none;
            transform: scale3d(1.1, 1.1, 1);
        }

        .chat a img{
            width: 100%;
            height: auto;
        }

        .credit {
            position: fixed;
            left: 0px;
            bottom: 0px;
            z-index: 1000;
            
            /* 1. Hidden State */
            opacity: 0;
            visibility: hidden;
            transform: translateY(20px); 
            
            /* 2. Smooth Transition */
            transition: all 0.4s ease-in-out;
            pointer-events: none; /* Prevents clicking while invisible */
            }

        /* 3. The "Visible" State (triggered by JS) */
        .credit.show {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
            pointer-events: auto;
        }

        /* Your existing styles (optimized) */
        .credit a {
            display: block;
            text-decoration: none !important;
        }

        .credit a img {
            width: 30px;
            height: auto;
            transition: transform 0.3s ease;
            display: block;
        }

        /* Using transform: scale is smoother than changing width */
        .credit a:hover img {
            transform: scale(1.6); /* Equivalent to 50px */
        }

        .hero_bg {
        z-index: 8;
        background-image: url("../images/jpg/q005-failed.jpg");
        background-position: 50% 100%;
        background-size: cover;
        height: auto;
        position: relative;
        overflow: hidden;
        }

        #about{
            /*background-color: var(--background--light);*/
        }

        .image-stripe-bottom {
            display: flex;
            flex-direction: row;
            width: 100%;            
            margin: 0;
            padding: 0;
            overflow: hidden;
            position: relative;
        }

        .image-stripe-bottom img{
            display: flex;
            flex-direction: row;
            width: 100%;
            height: 20px;
        }
        
        .gold-rule { height:2px; background:var(--gold); width:80px; margin:1.5rem 0; }

        
        .top-head, .top-head h1, .top-head h2{
            display: flex;
            flex-direction: row;
            width: 100%;
            flex-wrap: wrap;
            box-sizing: border-box;
        } 

        .top-head .intro{
            display: flex;
            flex-direction: row;
            width: 100%;
            margin: 0 0 0 20px;
            flex-wrap: wrap;
            box-sizing: border-box;
        } 


        .top-head .intro h1 {
            color: var(--black); 
            font-size: 28px; 
            padding: 0;
            margin: 0;
            font-weight: 700;
            font-family: 'playfair_display', sans-serif;
            line-height: 30px;
        } 

        .top-head h1.intro2  {
            color: var(--black); 
            font-size: 34px; 
            padding: 0 20px 0 20px;
            margin: 10px 0 20px 0;
            font-weight: 400;
            font-family: 'playfair_display', sans-serif;
            line-height: 38px;
        } 

        .top-head h2 {
            color:var(--gold); 
            font-size: 12px; 
            padding: 0 20px;
            margin: 20px 0 0 0;
            font-weight: 800;
        } 

        .top-head .gold-rule {
            display: flex;
            flex-direction: row;
            width: 25%;
            margin: 0 20px 30px 20px;
            flex-wrap: wrap;
            box-sizing: border-box;

        } 

        header { 
            /*background: var(--white); 
            position: sticky; */
            background-color: transparent;
            color: #FFF; 
            padding:20px;             
            top: 0; 
            z-index: 9999999; 
            width: 100%;
            box-sizing: border-box;
        }

        .header-inner { 
            display:flex; 
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content:space-between; 
            align-items:center; 
            justify-items: center;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            /*max-width: 1280px;*/
        }

        .body-inner { 
            display:flex; 
            flex-direction: row;
            flex-wrap: wrap;
            justify-content:space-between; 
            align-items:center; 
            /*max-width: 1280px;
            margin-top: 40px;*/            
            margin-left: auto;
            margin-right: auto;
            position: relative;
            overflow: visible;           
            /*background-image: url("../images/jpg/stratfin_lite_bg.jpg");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;*/
            gap: 20px;
            column-gap: 20px;
        }

        /*.logo {
            display:flex; 
            flex-direction: row;
            flex-wrap: wrap;
            width: 100px;
            height: auto;
        }*/
        
        .logo a{
            display:flex; 
            flex-direction: row;
            flex-wrap: wrap;
            padding: 0;
            margin: 0;
        }
    

        /* --- LOGO --- */
        .logo img {
            transition: transform 0.3s ease;
            width: 110px; /* Base size */
        }

        .logo.isfixed{
            width: 120px; /* Shrink slightly when sticky */
            position: fixed;
            z-index: 999;
            display: block;
            left: 20px;
            top: 20px;
        }

       .logo.isfixed img {
            width: 110px; /* Shrink slightly when sticky */
            position: fixed;
            z-index: 999;
            display: block;
            left: 0px;
        }       
       

        .nav { 
            display:none; 
            flex-direction: row;
            flex-wrap: wrap;
            justify-content:space-between;
            align-content: space-between;
            justify-items: center;
            align-items: center;
            column-gap: 30px;
        }

       .nav a { 
            display:flex; 
            flex-direction: column;
            flex-wrap: wrap;
            color: var(--white); 
            margin: 0; 
            padding: 0;
            text-decoration: none; 
            font-family: 'Lato', sans-serif;
            font-weight: 400; 
            font-size: 16px;
            letter-spacing: .9px;
            text-transform:capitalize;
            /*font-family: 'Inter', sans-serif;
            font-family: 'Montserrat', sans-serif;*/            
        }

        .nav a.login{
            border-radius: 6.25rem;
            border: 1px solid #C89B3C;
            padding: 8px 16px;
        }

        footer .nav { 
            display: none;
            /*display:grid;*/
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-content:flex-end;
            justify-items:center;
            align-items: center;
            align-self: flex-end;
            text-align: center;
            justify-self: flex-end;
            row-gap: 10px;
            width: 100%;
            padding: 0px;
            margin: 20px 0 0 0;
            border-radius: 20px;
            /*background-color: rgba(255, 255, 255, 0.6);
            backdrop-filter: blur(8px);*/
        }

         footer .nav a{
            display:flex;
            flex-direction: row;
            flex-wrap: nowrap;
            margin: 0;
            text-align: right;            
            align-self: flex-end;
            justify-items:right;
          }

        .nav a.register{
            border-radius: 50px;
            /*background-color: var(--gold);
            padding: 8px 16px;*/
        }

        .nav a.register:hover{
            border-radius: 50px;
            background-color: var(--white) !important;
            color: var(--gold) !important; 
            padding: 8px 16px;
        }

        .nav a:hover {
            color: var(--gold);
        }

        .nav a:hover {
            color: var(--gold);
         }

        .hero .wrapper{
            color:white; 
            padding:0; 
            text-align:left; 
        }
        
        .hero .wrapper left{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            overflow: visible;
            align-self: center;
            align-items: center;
            justify-items: center;
            margin: 0 0 40px 0;
            order: 2;
        }

        .hero .wrapper middle{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            overflow: hidden;
            padding: 40px 0;
        }

        .hero .wrapper right{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            overflow: hidden;
            text-align: left !important;
            margin: 40px 0 0 0;
            order: 1;
        }

        #about {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;            
            color: var(--charcoal); 
            padding:0; 
            text-align:left; 
            border-radius: 20px;
            margin: 0 10px;
        }

        #services {
            display: flex;
            flex-direction: row;
            flex-wrap:wrap;
            justify-content: space-between;
            align-content: space-between;
            width: 100%;
            text-align: left;
            border-radius: 30px;
            margin: 0 20px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
        }
        
        #services h2{
            display: flex;
            flex-direction: row;
            flex-wrap:nowrap; 
            width: 100%;
            margin: 10px 0;
            padding: 0 0 10px 0;
            font-family: 'Lato', sans-serif;
            font-weight: 200;
            font-size: 16px;
            color: var(--white);
        }

        #services h2.quote {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            width: 100%;
            margin: 0;
            padding: 54px;
            border-left: #F4F5F7 solid 4px;
            overflow: hidden;
            align-self: center;
            align-items: center;
            justify-items: center;
            line-height: 40px;
            background-color: #0A1D3E;
            border-radius: 0 13px 13px 0;
        }

         {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            margin: 0 10px;
            color: white;
            text-align: left;
            color: var(--black);
            font-size: 28px;
            font-family: 'playfair_display', sans-serif;  
            line-height: 30px;
            font-weight: 700;
        }
        
        #services .services{
            display: flex;
            flex-direction: row;
            flex-wrap:wrap;
            justify-content: space-between;
            align-content: space-between;
            width: 100%;
            row-gap: 40px;
            overflow: visible;
            padding: 0;
        }

        /*Tax Filing Starts*/
        /*filing starts*/
         #tax-filing {
            display: flex;
            flex-direction: row;
            flex-wrap:wrap;
            justify-content: space-between;
            align-content: space-between;
            width:100%;
            height: 300px;
            text-align: left;            
            background-color: var(--gold);
            /*background: #DDC798;*/
            border-radius: 50%;
            margin: 80px auto 200px auto;
            padding: 0;

        }

        #tax-filing wrapper-inner {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            padding: 0;
            overflow: visible;
            align-self: center;
            align-items: center;
            justify-items: center;
            row-gap: 40px;
            margin: 0;
            background-color: #DDC798;
            border-radius: 30px;
            background-image: url("../images/svg/tax_bg_small.svg");
            background-position-x: center;
            background-position-y: 240px;
            background-size: contain;
            background-repeat: no-repeat;
        }
        
        #tax-filing h2{
            display: flex;
            flex-direction: row;
            flex-wrap:nowrap; 
            width: 100%;
            margin: 0 ;
            padding: 0;
            line-height: 40px;
            font-family: 'Lato', sans-serif;
        }

        #tax-filing h2.quote {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            width: 100%;
            margin: 0;
            padding: 54px;
            border-left: #F4F5F7 solid 4px;
            overflow: hidden;
            align-self: center;
            align-items: center;
            justify-items: center;
            line-height: 40px;
            background-color: #0A1D3E;
            border-radius: 0 13px 13px 0;
        }

        #tax-filing h1 {
            font-family: 'playfair_display', sans-serif;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            margin: 0;
            font-size: 36px;
            font-weight: 700;
            color: white;
            text-align: left;
            color: var(--black);
        }
        
        #tax-filing .tax-filing{
            display: flex;
            flex-direction: row;
            flex-wrap:nowrap;
            justify-content: space-between;
            align-content: space-between;
            width: 100%;
            row-gap: 40px;
            column-gap: 20px;
            padding: 0 0 10px 0;
            overflow: visible;
        }

        #tax-filing tax-filing{
            display: flex;
            position: relative;
            top: 120px;
            flex-direction: row;
            flex-wrap:nowrap;
            justify-content: space-between;
            align-content: space-between;
            width: 100%;
            height: auto;
            row-gap: 40px;
            column-gap: 20px;
            padding: 0 0 10px 0;
            overflow: visible;
            margin: 0;
        }

        #tax-filing tax-filing wrapper{ 
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: row;
            flex-wrap:nowrap;
        }

        #tax-filing tax-filing wrapper img{ 
            width: 80%;
            height: auto;
            margin: 0 auto;
            animation: burgerPop 0.4s ease forwards;
        }

        #tax-filing new-tax-filing{
            display: flex;
            flex-direction: row;
            flex-wrap:nowrap;
            justify-content: space-between;
            align-content: space-between;
            width: 100%;
            height: auto;
            row-gap: 20px;
            column-gap: 20px;
            padding: 20px 20px 20px 20px;
            margin: 100px 0 0 0;
            border-radius: 0 0 30px 30px;
            overflow: visible;
            background-color: var(--white);
        }

        #tax-filing new-tax-filing wrapper{ 
            display: flex;
            flex-direction: row;
            flex-wrap:nowrap;
            width: 100%;
            box-sizing: border-box;
        }

        #tax-filing new-tax-filing wrapper #tax-filing-form{
            display: flex;
            flex-direction: row;             
            flex-wrap: wrap;           
            width: 100%;
            font-family: 'Inter',sans-serif;
         }

        #tax-filing new-tax-filing wrapper #tax-filing-form .form-group {
            display: flex;
            flex-direction: row;             
            flex-wrap: wrap;           
            width: 100%;
            margin: 0;
        }

        #tax-filing new-tax-filing wrapper #tax-filing-form .form-group input, textarea{
            border: solid 2px var(--navy);
            font-family: 'Inter', sans-serif;
            letter-spacing: .36px;
            border-radius: 50px;
        }

        #tax-filing new-tax-filing wrapper #tax-filing-form .form-actions .btn-submit{
            flex: 2;
            padding: 10px 16px;  
            animation: burgerPop 0.4s ease forwards;
            border-radius: 50px;
            cursor: pointer;
        }

        #tax-filing new-tax-filing wrapper #tax-filing-form .form-actions .btn-submit p{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-content: space-between;
            padding: 0;
            margin: 0;
            width: 100%;
            box-sizing: border-box;
            font-size: 14.6px;
            letter-spacing: .36px;
            font-weight: 300;
            font-family: 'Inter', sans-serif;
            animation: burgerPop 0.4s ease forwards;            
            cursor: pointer;
        }

        .btn-submit{ 
            background: var(--gold);
            border: none; 
        }

        .btn-submit p{             
            color: var(--navy);      
        }

        .btn-submit p:hover{ 
            color: var(--gold) !important;      
        }

        .btn-submit:hover{ 
            background:var(--navy) !important;  
            color:var(--gold) !important;  
            fill:var(--gold);     
        }

        .btn-submit:hover .fil77{            
            fill:var(--gold);           
        }

        /* Optional: Make the arrow move slightly to the right */
        .btn-submit:hover .dynamic-link-arrow{
            transform: translateX(5px);
        }   

        .dynamic-link-arrow {
        transition: transform 0.3s ease; /* For the nudge effect */}  
       
        
        #tax-filing new-tax-filing wrapper img{ }

        /* Get TAX ID */
        .tax-filing-form {
            display: flex;
            flex-direction: row;
            /*background: white;*/
            padding: 10px;
            border-radius: 30px;
            border: 3px solid var(--gold);
            position: relative;
            animation: slideUp 0.3s ease;
            font-family: 'Inter',sans-serif;
            margin: 50px 0 150px 0;
            padding: 20px;
            row-gap: 10px;
        }

        
        .form-card p {
            color: var(--charcoal);
        }   
        
         
        
        .btn-submit svg{ 
            display:flex; 
            flex-direction: row;
            flex-wrap:nowrap;            
            justify-content: space-between;
            align-content: space-between;
            padding: 0;
            margin: 0;
            width: 20px;
            height: 20px;
        }  
        

        /* Form Elements */
        #contactForm { 
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            margin: 0 !important;
        }

        #contactForm .form-group { 
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            margin:  0 !important;
            padding: 0 !important;
        }

        #contactForm .form-group textarea {
            display: flex;
            flex-direction: row;    
            width: 100%;
            padding: 12px;
            margin: 10px 0 0 0;
            font-size: 14px;
            border: 2px solid #ddd;
            border-radius: 20px;
            box-sizing: border-box;
            font-family: 'Inter',sans-serif;
            animation: burgerPop 0.4s ease forwards;
        }

        #contactForm .form-group input{
            display: flex;
            flex-direction: row;    
            width: 100%;
            padding: 12px;
            font-size: 14px;
            border: 2px solid #ddd;
            border-radius: 50px;
            box-sizing: border-box;
            font-family: 'Inter',sans-serif;
            animation: burgerPop 0.4s ease forwards;
            background-color: ;
        }

         #tax-filing new-tax-filing wrapper #tax-filing-form .form-actions {
            display: flex;
            width: 100%;
            gap: 10px;
            margin: 0 !important;
        }

        .tax-filing-form .btn-submit { 
            background: var(--primary); 
            color: var(--navy);
            border: none; 
            padding: 6px 20px;
            font-size: 14.6px;
            font-weight: 300;
            line-height: 24px;
            letter-spacing: 0.36;
            border-radius: 50px; 
            cursor: pointer; 
            flex: 2;
            animation: burgerPop 0.4s ease forwards; 
            font-family: 'Inter',sans-serif;
        }

        /*Tax filing Ends*/

        .cta_1, .cta_2{ 
            width: 100%;
            display:inline-flex; 
            flex-direction: row;
            flex-wrap: nowrap;
            padding: 0;             
            margin: 0; 
            text-decoration:none; 
            border-radius:50px; 
            transition:0.3s; 
            justify-content: space-between;
            align-content: space-between;
            transform-origin: 50% 50% 0px;
            transform: translate(0px);
            overflow: hidden;
            justify-items: center;
            align-items: center;
        }

        .btn-back{
            display:inline-flex; 
            flex-direction: row;
            flex-wrap: nowrap;
            padding: 0;
            margin: 0;
            width: 100px !important;
            text-decoration:none; 
            border-radius:50px; 
            transition:0.3s; 
            justify-content: space-between;
            align-content: space-between;
            transform-origin: 50% 50% 0px;
            transform: translate(0px);
            overflow: hidden;
            justify-items: center;
            align-items: center;
        }

        
        /* Target the internal path of the SVG */
        .fil0 {
        fill: var(--gold); /* Your original color */
        transition: fill 0.3s ease;
        }

        /* Target the internal path of the SVG */
        .fil00 {
        fill: var(--navy); /* Your original color */
        transition: fill 0.3s ease;
        }

        .cta_1, .btn-back{             
            border:2px solid var(--gold);
            background-color: transparent; 
        }

        .cta_1 p{ 
            color:var(--gold);      
        }

        .btn-back p{ 
            color:var(--gold); 
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-content: space-between;
            padding: 10px 16px;
            margin: 0;
            width: 100%;
            box-sizing: border-box;     
        }

        .cta_1 p:hover, .btn-back p:hover{ 
            color:var(--navy) !important;      
        }

        .cta_1:hover, .btn-back:hover{ 
            background:var(--gold) !important;  
            color:var(--navy) !important;  
            fill:var(--navy);     
        }

        .cta_1:hover .fil0, .btn-back:hover .fil0{            
            fill:var(--navy);           
        }

        /* Optional: Make the arrow move slightly to the right */
        .cta_1:hover .dynamic-link-arrow,
        .cta_2:hover .dynamic-link-arrow {
            transform: translateX(5px);
        }  
        
        /* Optional: Make the arrow move slightly to the right */
        .btn-back:hover .dynamic-link-arrow{
            transform: translateX(-5px);
        }  

        .dynamic-link-arrow {
        transition: transform 0.3s ease; /* For the nudge effect */}

        .cta_2{
            background:var(--gold);
            border:2px solid var(--gold); 
        }

        .cta_2 p{ 
            color:var(--navy);      
        }

        .cta_2 p:hover{ 
            color:var(--gold);      
        }

        .cta_2:hover{ 
            background: transparent;  
            border:2px solid var(--gold);    
        }
        
        .cta_2:hover .fil00{            
            fill:var(--gold);
        }

        .cta_1 p, .cta_2 p{ 
            display:flex; 
            flex-direction: row;
            flex-wrap:nowrap;            
            justify-content: space-between;
            align-content: space-between;
            padding: 10px 16px;
            margin: 0;
            width: 100%;
            box-sizing: border-box;
        }

        .cta_1 svg, .cta_2 svg{ 
            display:flex; 
            flex-direction: row;
            flex-wrap:nowrap;            
            justify-content: space-between;
            align-content: space-between;
            padding: 0;
            margin: 0;
            width: 20px;
            height: 20px;
        }  
        
        .btn-back svg{ 
            display:flex; 
            flex-direction: row;
            flex-wrap:nowrap;            
            justify-content: space-between;
            align-content: space-between;
            padding: 0;
            margin: 0;
            width: 16px;
            height: 16px;
        }  
        

        middle .cta_container{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            margin: 10px 0;
            padding: 0 20px;
            row-gap: 10px;
            justify-content: space-between;
            align-content: space-between;
            width: 100%;
        }        

        .service-card .cta_container{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            margin: 0;
            padding: 0 ;
            column-gap: 40px;
            justify-content: space-between;
            align-content: space-between;
            width: 100%;
        }        

       .service-card .cta_container{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            margin: 0;
            padding: 0 10px;
            column-gap: 40px;
            justify-content: space-between;
            align-content: space-between;
            width: 100%;
        }        

       .service-card .cta{
            display: flex;
            flex-wrap:nowrap;           
            border: none !important;
            color: var(--gold);
            margin: 0 0 0 auto;
            padding: 0;
            text-decoration: none;
            border-radius: 50px;
            transition: 0.3s;
            justify-content:space-between;
            align-content:flex-end;
            width: 100%;
            row-gap: 10px;
        }

        .service-card .cta p {
            display: inline-flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-items: center;
            align-items: center;
            margin: 0 0 20px 10px;
        }

        .service-card .cta span {
            display: inline-flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-items: center;
            align-items: center;
            margin: 0 0 0 20px;
        }

        .service-card .cta span svg {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-content: space-between;
            padding: 0;
            margin: 0;
            width: 16px;
            height: 16px;
        }

        .service-card .cta:hover { background: transparent !important; }

        .cta:hover { background:var(--gold); color:var(--navy); }

        .wrapper{
            display: flex;
            flex-direction: row;
            flex-wrap:wrap;
            width: 100%;
            overflow: visible;
            padding: 0;
            margin: 0 auto;        
        }

        .remove-padding{
            /*padding: 50px 0;*/
        }

        left wrapped-in{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            box-sizing: border-box;
            margin: 0;
            padding:0;
            align-self: center;
            align-items: center;
            justify-items: center;
            row-gap: 20px;
            overflow: visible;
        }

        left wrapped-in img{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 80%;
            box-sizing: border-box;
            margin: 20px auto;
            padding:0;
            align-self: center;
            align-items: center;
            justify-items: center;
            overflow: visible;
            animation: burgerPop 0.4s ease forwards;
        }

        left wrapped-in h1{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            font-size: 46px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 0 20px;
            /*border-left: #C89B3C solid 2px;*/
            overflow: visible;
            color: var(--white);
        }

        left wrapped-in h2{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            font-size: 36px;
            font-weight: 600;
            margin: 0;
            padding: 0;            
            overflow: visible;
        }

        left wrapped-in p{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            font-size: 22px;
            font-weight: 400;
            line-height: 30px;
            max-width: 600px;
        }

        /*wrapper-inner{
            display: flex;
            flex-direction: row;
            flex-wrap:wrap;
            width: 100%;
            padding:20px;
            overflow: visible;
            align-self: center;
            align-items: center;
            justify-items: center;
            row-gap: 20px;
            margin: 40px auto;
            max-width: 1280px;            
            background: linear-gradient(#fffcf6 80%, #f7ede1 90%);
            border-radius: 30px;
        }*/

        .about-container wrapper-inner{
            display: flex;
            flex-direction: row;
            flex-wrap:wrap;
            width: 100%;
            padding:20px;
            overflow: visible;
            align-self: center;
            align-items: center;
            justify-items: center;
            row-gap: 20px;
            margin: 40px auto;
            max-width: 1280px;            
            background: transparent !important;
            border-radius: 30px;
        }


        wrapper-inner h1, .services-container h1{            
            font-family: 'SpaceGrotesk-Regular', sans-serif;
            display: flex;
            flex-direction: row;
            flex-wrap:wrap;
            width: 100%;
            margin: 0;
            color: var(--white);
            animation: burgerPop 0.4s ease forwards;
        }

        wrapper-inner h1 strong, .services-container h1 strong {
            width: 100%;
            display: flex;
            color: var(--gold);
            font-family: 'SpaceGrotesk-Bold', sans-serif;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            font-size: 16px;
            padding: 0;
            margin: 0;
            line-height: 30px;
            position: relative;
            left: 30px;
            top: 20px;
        }

        wrapper-inner h2.quote{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            width: 100%;
            margin: 0 0 54px 0;
            padding: 30px;
            /*border-left: var(--gold) solid 4px;
            border-bottom: var(--gold) solid 4px;*/
            overflow: hidden;
            align-self: center;
            align-items: center;
            justify-items: center;
            line-height: 30px;
            color: var(--white) !important;
            background-color: #0A1D3E; /* */
            border-radius: 20px;
            font-size: 18px;
            font-weight: 400;
            font-family: 'Lato', sans-serif;

        }        

        .wrapper right img{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 70%;
            margin: 70px auto;
            overflow: hidden;
        }

        section { padding:0; width:100%; margin:auto; overflow: visible;}

        section.hero{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            max-width: 1280px;
            border-radius: 0 0 30px 30px;
        }

        .pager-container {
            background-color: #0000;
            background-image: linear-gradient(180deg, #061023dd, #061023dd), url("../images/jpg/q005-failed.jpg");
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll,scroll;
            background-origin: padding-box,padding-box;
            background-clip: border-box,border-box;
            border-bottom: 4px solid var(--gold);
        }

        /*section#who-we-are, section#the-problem, section#our-solution, section#why-stratfin, section#who-we-serve {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            max-width: 1280px;
            padding: 100px 0;
        }*/


         #who-we-are h2, #the-problem h2, #our-solution h2, #why-stratfin h2, #who-we-serve h2 {
            display: flex;
            flex-flow: wrap;
            width: 100%;
            font-size: 28px;
            font-weight: 700;
            color: var(--navy);
        }

        #who-we-are p, #the-problem p, #our-solution p, #why-stratfin p, #who-we-serve p {
            display: flex;
            flex-flow: wrap;
            width: 100%;
        }      

        .problem-list { 
            list-style: none; 
            margin: 0 0 0 20px !important;
            padding: 0 !important; 
            text-align: left;
            font-size: 16px;
            letter-spacing: -0.16px;
            font-weight: 400;
            color: #4a4d4a;
        }

        .problem-list li { margin:10px 0; padding: 0; position: relative; }
        
        .problem-list li::before { content: '•'; color: var(--gold); position: absolute; left: -1.2rem; }

        .why-list { 
            list-style: none;
            margin: 0  !important;
            padding: 0 !important;
            text-align: left;
            font-size: 16px;
            letter-spacing: -0.16px;
            font-weight: 400;
            color: #4a4d4a;
        }

        .why-list li { 
            margin:10px 0; 
            padding-left: 1.5rem; 
            position: relative; 
        }

        .why-list li::before { content: '•'; color: var(--gold); position: absolute; left: 0; }

        .edge-grid {             
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            margin: 0;
            overflow: visible;
            align-self: center;
            align-items: center;
            justify-items: center;
            justify-content: space-between;
            align-content: space-between;
            row-gap: 50px;
        }

        .card { 
            padding:20px 20px 0 20px ;
            color: var(--charcoal);
            box-shadow:0 4px 20px rgba(0,0,0,0.05); 
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            margin: 0;
            border-radius: 30px;
            overflow:visible;
            position: relative;
            /* 
            background: var(--navy);
            background-image: url("../images/svg/fluent_web_dark_2_bf5f23287bc9f60c9be2.svg");
            background-image: /*linear-gradient(180deg, #989898cc, #2E2E2Ecc ),*/ url("../images/jpg/stratfin_complex_failed.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll,scroll;
            background-origin: padding-box,padding-box;
            background-clip: border-box,border-box;
            border: 1px solid rgba(200, 155, 60, 0.3);
            /*border: solid 2px var(--lite-charcoal);*/
            animation: burgerPop 0.4s ease forwards;
        }

        /* 1. Bottom Left Shadow */
        .box-1 {
        /* Negative X (left), Positive Y (down) */
        /*box-shadow: -8px 8px 25px rgba(0, 0, 0, 15);*/
        box-shadow: 0 5px 0 #362707;
        }

        /* 2. Bottom Left & Right (Centered Bottom) */
        .box-2 {
        /* Zero X (centered), Positive Y (down) */
        /*box-shadow: 0px 10px 25px rgba(0, 0, 0, 15);*/
        box-shadow: 0 5px 0  #362707;
        }

        /* 3. Bottom Right Shadow */
        .box-3 {
        /* Positive X (right), Positive Y (down) */
        /*box-shadow: 8px 8px 25px rgba(0, 0, 0, 15);*/
       box-shadow: 0 5px 0 #362707;
        }
       

        card-wrapper {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            overflow: visible;
            position: relative;
            bottom: 40px;
            justify-content:flex-start;
            align-content: flex-start;
            row-gap: 20px;
        }

        card-wrapper wrapper{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            width: 100%;
            overflow: visible;           
            justify-content:flex-start;
            align-content: flex-start;
            background-color: #1b1405;
        }             
        
        .card card-wrapper wrapper img{  
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;             
            border-radius: 20px;
            width: 70px;
            height: 70px;
            padding: 10px;
            box-sizing: border-box;
            background-color: var(--white);
        }

        .card card-wrapper wrapper h2{   
            font-family: 'SpaceGrotesk-Regular', sans-serif;          
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;             
            font-size: 22px;
            font-weight: 100;
            text-align: left;
            align-items: center;
            align-self: center;
            padding: 0 0 0 20px;
            margin: 0;
            color: var(--navy);
            border-radius: 20px;
            width: 60%;
            color: var(--white);
        }

        .card card-wrapper p{
            font-family: 'Lato', sans-serif;
            font-weight: 200;
            font-size: 16px;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            padding: 0;
            margin: 0;            
            color: var(--white);  
            line-height: 24px; 
        }

        .card card-wrapper .liner{            
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            padding: 0;
            margin: 0;
            position: relative;
            bottom: 20px;  
            height: 4px;
            width: 100%;  
            background-image: repeating-linear-gradient(90deg, var(--gold), var(--gold) 10px, var(--white) 10px, var(--white) 20px);
            border-radius: 3px;        
        }

        .liner{            
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            padding: 0;
            margin: 10px 0; 
            width: 100%;  
            height: 4px;
            background-image: repeating-linear-gradient(90deg, var(--gold), var(--gold) 10px, var(--white) 10px, var(--white) 20px);
            border-radius: 3px;        
        }

         #services .liner{            
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            padding: 0;
            margin: 0 10px; 
            width: 100%;  
            height: 4px;
            background-image: url("../images/jpg/blue_plaid.jpg");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            border-radius: 3px;        
        }        
               
        middle wrapped-in{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            overflow: hidden;
        }

        middle wrapped-in h1{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            margin: 0 0 20px 20px;
            padding: 0 20px;
            border-left: #C89B3C solid 2px;
            width: 100%;
        }

        middle wrapped-in h1 span{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            font-size: 46px;
            font-weight: 400;
            /*margin: 0 0 20px 20px;
            padding: 0 20px;*/
            color: var(--white) !important;
        }

        middle wrapped-in p{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            font-size: 14.6px;
            font-weight: 300;
            line-height: 24px;
            /*max-width: 600px;*/
            padding: 0 20px 0 20px;
            margin: 20px 0;
        }
       
        .service-card { 
            /*border: 4px solid var(--gold);*/
            padding: 0;
            /*background: #fff;*/
            color: var(--charcoal);
            /*box-shadow: 0 4px 20px rgba(0,0,0,0.05);*/
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            margin: 0;
            border-radius: 30px;
            row-gap: 10px;
        }

        service-card-wrapper {             
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            margin: 0;
            border-radius: 20px;
            border: 1px solid rgba(200, 155, 60, 0.3);
            overflow: hidden;
        }

        service-card-wrapper .liner2{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            padding: 0;
            margin: 0;
            position: relative;
            bottom: 20px;
            height: 2px;
            width: 100%;
            background-color: var(--gold);
            border-radius: 4px;
        }

        .wrapper .liner2{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            padding: 0;
            margin: 0;
            height: 4px;
            width: 100%;
            background-color: var(--gold);
            width: 100%;
            background-image: repeating-linear-gradient(90deg, var(--gold), var(--gold) 10px, var(--white) 10px, var(--white) 20px);
            border-radius: 3px;
        }

         .signature .wrapped-inner .liner2{
            display: none;
            flex-direction: row;
            flex-wrap: nowrap;
            padding: 0;
            margin: 0;
            position: relative;
            bottom: 40px;
            height: 2px;
            width: 100%;
            background-color: var(--gold);
            border-radius: 3px;
        }


        .service-card h3{ 
            font-family: 'Montserrat', sans-serif;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            font-size: 22px;
            font-weight: 700;
            text-align: left;
            justify-content: center;
            align-items: center;
            align-self: center;
            padding: 16px 20px 10px 20px ;
            margin: 0;
            color: var(--white);
            line-height: 25px;
        }

        .service-card img {             
            width:100%; 
            height: 140px; 
            border-radius: 20px;            
            object-fit:cover;
            /*
            border: 4px solid var(--gold);
            border: 2px solid var(--white);
            background: var(--gold); 
            margin:0;  
            background-image: url("../images/jpg/blue_plaid.jpg");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;*/  
        }

        .signature { 
            display:flex; 
            flex-direction: row;
            flex-wrap: wrap;
            /*background:#FFF;*/
            width: 100%;
        }
        .wrapped-inner{
            display:flex; 
            flex-direction: row;
            flex-wrap: wrap;
            /*background:#FFF;*/
            width: 100%;
            padding: 40px 20px;
            margin: 0;
            box-sizing: border-box;
        }        
        
        #insights { 
            display:flex; 
            flex-direction: row;
            flex-wrap: wrap;
            background:#362707;
            width: 100%;            
            border-radius: 30px;
            overflow: visible;
            margin: 20px;
        }

        .wrapped-inner_no_bg{
            display:flex; 
            flex-direction: row;
            flex-wrap: wrap;            
            width: 100%;
            box-sizing: border-box;
            padding: 40px 20px;
            margin: 0;
            justify-content: space-between;
            align-content: flex-start;
        }

        .padded_block{
            display:flex; 
            flex-direction: row;
            flex-wrap: wrap;
            background-color: #FFFFFF;
            padding: 20px;
            overflow: hidden;
            box-shadow:0 4px 15px rgba(0,0,0,0.08);
            border-radius: 25px;
        }

        .padded_block .wrap{
            display:flex; 
            flex-direction: row;
            flex-wrap: wrap;
        }

        .padded_block .wrap h3{
            display:inline-flex; 
            flex-direction: row;
            flex-wrap:wrap; 
            padding: 5px 0;           
            margin: 0;
            color: var(--charcoal);
            font-family: 'Inter', sans-serif;
            font-weight: 600;
            font-size: 16px;
            line-height: 22px;
            width: 100%;
        }

        .padded_block .wrap h3 span{
            display:inline-flex; 
            flex-direction: row;
            flex-wrap: wrap; 
            padding: 0;           
            margin: 0;
            color: var(--charcoal);
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            width: 100%;
        }

        .padded_block .wrap img{
            display:flex; 
            flex-direction: row;
            flex-wrap: wrap; 
            padding: 0;           
            margin: 10px 0;
            width: 100%;
            border-radius: 20px;
        }

        .padded_block .wrap p{
            display:flex; 
            flex-direction: row;
            flex-wrap: wrap;            
        }

        .padded_block .wrap a{
            display:flex; 
            flex-direction: row;
            flex-wrap: wrap;            
        }

        .signature h2{ 
            font-family: 'playfair_display', sans-serif;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            color:var(--white); 
            font-size: 28px;
            padding: 0 0 20px 0;
            margin: 0;
            line-height: 30px;
        }

        .signature h2 strong{ 
            width: 100%;
            display:flex;
            color: var(--gold);
            font-family: 'playfair_display', sans-serif;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            font-size: 28px;
            padding: 0;
            margin: 0;
            line-height: 30px;
        }

        .signature img{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            width: 100%;
            border-radius:13px;
        }

        #insights h2 { 
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            color:var(--white);            
            padding: 0 0 20px 0; 
            margin: 0; 
            font-size: 24px;       
            font-family: 'playfair_display', sans-serif; 
        }

        .padded200{
            margin: 20px 0 !important;
        }

        .signature p{ 
            font-family: 'Lato', sans-serif;
            font-weight: 400;
            font-size: 16px;
            width: 100%;
            padding: 30px 0 20px 0;
            margin: 0;
            color: var(--white);
        }

         #insights p { 
            font-family: 'Lato', sans-serif;
            font-weight: 400;
            font-size: 16px;
            width: 100%;
            color: var(--charcoal);
        }

        #insights a, .signature a { 
            font-family: 'Lato', sans-serif;
            font-weight: 400;
            font-size: 16px;
            color: var(--gold) !important;
            text-decoration: none;
            text-underline-offset: 7px;
        }

        #insights a:hover, .signature a:hover { 
            font-family: 'Lato', sans-serif;
            font-weight: 400;
            font-size: 16px;
            color: var(--gold) !important;
            text-decoration: underline;
            text-underline-offset: 7px;
        }


        footer { 
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            padding: 0;
            margin: 0;                       
            border-radius: 30px 30px 0 0;
            background: #0E0901;
            background-image: url("../images/svg/stratfin_footer_bg_small.svg");
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll,scroll;
            background-origin: padding-box,padding-box;
            background-clip: border-box,border-box;
            border-top: 4px solid #FABF4F;
        }

        .insights_bg{
            background: #0E0901;
        }
        
        footer-wrapper { 
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            padding: 0px 40px 20px 40px;
            margin: 0 auto;
            width: 100%; 
        }

        footer-wrapper left{ 
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            margin: 0 auto;
            justify-content: center;
            align-content: center;
            margin: 20px auto 0px auto;
            padding: 20px 0 0 0;
        }

        footer-wrapper centre{ 
            display: flex;
            flex-direction: row;
            flex-wrap:wrap;
            width: 100%;
            justify-content: center;
            align-content: center;
            align-items: center;
            justify-items: center;
            text-align: center;
            padding: 10px 0 0 0;
        }

        footer-wrapper centre p{ 
            display: flex;
            flex-direction: row;
            flex-wrap:wrap;
            width: 100%;
            text-align: center;
            font-size: 10px;
            padding: 0;
            margin: 10px 0;
            justify-content: center;
            align-content: center;
            align-items: center;
            justify-items: center;
            color: var(--white);
        }

        footer-wrapper centre .footer-links{ 
            display: flex;
            flex-direction: row;
            flex-wrap:wrap;
            width: 100%;
            text-align: center;
            justify-content: center;
            align-content: center;
            align-items: center;
            justify-items: center;
        }

        footer-wrapper right{ 
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            width: 100%;
        }

        .footer-links a { 
            color:var(--gold); 
            margin:0 1rem; 
            text-decoration:none; 
            font-size: 10px;
        }
}


/* LARGE SCREENS */
@media screen and (min-width: 969px) {

    /* 1. LAYOUT & POSITIONING */
    .cookie-notice-wrapper {
        position: fixed;
        bottom: 30px;
        left: 30px;
        z-index: 999999999; /* Ensure it stays above everything */
        max-width: 450px;
        background: rgba(26, 26, 26, 0.95);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(200, 155, 60, 0.3); /* Soft Gold Border */
        border-radius: 20px;
        padding: 25px;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
        display: none; /* Hidden by default, shown via JS */
        animation: slideInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }

    /* 2. TYPOGRAPHY */

    .cookie-text h2 {
        color: #e0e0e0;
        font-size: 14.6px;
        line-height: 1.6;
        letter-spacing: 1.2px;
        margin: 0 0 20px 0;
        font-family: 'Inter', sans-serif; /* Use your site's font */
    }

    .cookie-text p {
        color: #e0e0e0;
        font-size: 13px;
        line-height: 1.6;
        margin-bottom: 20px;
        font-family: 'Inter', sans-serif; /* Use your site's font */
    }
    

    .gold-link {
        color: #C89B3C;
        text-decoration: underline;
        transition: opacity 0.3s;
    }
    .gold-link:hover { opacity: 0.8; }

    /* 3. BUTTONS */
    .cookie-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
    }

    .btn-sharing {
        font-size: 12px;
        color: var(--gold);
        text-transform: uppercase;
        letter-spacing: 1px;
        text-decoration: none;
        font-weight: 500;
        transition: color 0.3s;
        font-family: 'Inter',sans-serif;
        text-decoration-style: solid;
        text-decoration-thickness: 1px;
        text-decoration: underline;
        text-underline-offset: 7px;
        text-decoration-color: var(--gold);
    }

    .btn-sharing:hover { 
        color: #fff; 
        text-decoration-style: solid;
        text-decoration-thickness: 1px;
        text-decoration: underline;
        text-underline-offset: 7px;
        text-decoration-color: var(--white);
        /*text-decoration-color: rgba(200, 155, 60, 0.3);*/
    }

    .btn-agree {
        background: #C89B3C;
        color: #fff;
        border: none;
        padding: 8px 16px;
        border-radius: 50px;
        font-weight: 500;
        font-size: 13px;
        letter-spacing: 1.2px;
        cursor: pointer;
        transition: transform 0.2s, background 0.3s;
        font-family: 'Inter', sans-serif;
    }

    .btn-agree:hover {
        padding: 6.5px 14px;
        border: 2px solid #b08935;
        background: transparent !important;        
        /*border: 2px solid rgba(200, 155, 60, 0.3); */       
        border-radius: 50px;
        transition: transform 0.2s, background 0.3s;
    }

    /* COOKIE SHARING SETTING - RESTORED & FIXED */
    .settings-modal {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.8);
        backdrop-filter: blur(5px);
        z-index: 9999999999; /* Restored your z-index */
        align-items: center;
        justify-content: center;
        padding: 20px;
    }

    .modal-content {
        background: #1a1a1a;
        width: 100%;
        max-width: 500px;
        border: 1px solid #C89B3C;
        border-radius: 12px;
        color: #fff;
        overflow: hidden;
    }

    .modal-header {
        padding: 20px;
        border-bottom: 1px solid #333;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .modal-header h3 { color: #C89B3C; margin: 0; font-size: 1.2rem; }

    .close-modal { 
        background: none; 
        border: none; 
        color: #b70101;
        font-size: 32px; /* Made slightly larger for easier clicking */
        cursor: pointer; 
        line-height: 1;
        padding: 0 5px;
        position: relative;
        z-index: 10; /* Ensures it stays on top of header text */
    }

    .modal-body { padding: 20px; }

    .setting-item {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 15px 0;
        border-bottom: 1px solid #333;
    }

    #form-toggle input[type="checkbox"]{
        -webkit-appearance: none;
        appearance: none;
        display: none;
    }

    #form-toggle input[type="checkbox"]::before {
        display: none;
    }

    
    /**/

    /* Specific override for disabled*/
    #disabled{
        border-color: var(--white); /* A bright blue for analytics */
    }

    #disabled:checked::before {
        box-shadow: inset 1em 1em var(--gold); /* Blue checkmark instead of Gold */
    }

    /* Specific override for Analytics and pref-marketing*/
    #pref-analytics, #pref-marketing {
        border-color:transparent; /* A bright blue for analytics */
    }

    #pref-analytics:checked::before, #pref-marketing:checked::before {
        box-shadow: inset 1em 1em transparent; /* Blue checkmark instead of Gold */
    }

    /* The Checkmark (using a pseudo-element) */
    input[type="checkbox"]::before {
        content: "";
        width: 10px;
        height: 10px;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--gold, #D4AF37);
        
        /* Creating a sharp checkmark shape */
        transform-origin: bottom left;
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    }

    /* Display checkmark when checked */
    input[type="checkbox"]:checked::before {
        transform: scale(1);
    }

    /* Subtle 'Locked' effect for disabled state */
    input[type="checkbox"]:disabled {
        border-color: #b8860b !important; /* Slightly darker gold */
        background-color: #001a38 !important; /* Deeper Navy */
        opacity: 0.9;
        filter: drop-shadow(0 0 2px rgba(212, 175, 55, 0.2));
        width: 20px;
        height: 20px;
        border-radius: 4px;
        transition: all 0.2s ease-in-out;
        appearance: none !important;        
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        place-content: center !important;
    }

    /* The Checkmark (using a pseudo-element) */
    input[type="checkbox"]::before {
        content: "";
        width: 10px;
        height: 10px;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--gold, #D4AF37);
        transform-origin: bottom left;
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    }

    /* Display checkmark when checked */
    input[type="checkbox"]:checked::before {
        transform: scale(1);
    }    

/**/





    .setting-info p { font-size: 12px; color: #aaa; margin: 5px 0 0; }

    .setting-label { font-weight: 600; font-size: 14px; }

    /* FIXED SLIDER LOGIC */
    .switch { 
        position: relative; 
        display: inline-block; 
        width: 50px; 
        height: 20px; 
    }

    

    .switch input { opacity: 0; width: 0; height: 0; }

    .slider {
        position: absolute; cursor: pointer; inset: 0;
        background-color: #444; transition: .4s; border-radius: 34px;
    }

    .slider:before {
        position: absolute; 
        content: ""; 
        height: 14px; 
        width: 28px; /* Your original wide knob */
        left: 3px; 
        bottom: 3px;
        background-color: white; 
        transition: .4s; 
        border-radius: 15px; /* Adjusted to fit the wider shape */
    }

    input:checked + .slider { background-color: #C89B3C; }

    /* THE FIX: Translation calculated for a 60px track with a 28px knob */
    input:checked + .slider:before { 
        transform: translateX(26px); 
        background-color: #fff; 
    }

    .btn-save {
        width: 100%; padding: 15px; border: none; background: #C89B3C;
        color: white; font-weight: bold; cursor: pointer; border-radius: 50px;
    }

    .nav .active-page{
    color: var(--gold) !important;
    }

    .visible-lg{display: block !important;}

    .visible-sm{display: none;}

    /* Initial Form Styling */
    .main-form-wrapper { max-width: 400px; margin: 50px auto; }
    .btn-submit-main {
        width: 100%; padding: 15px; background: var(--gold);
        border: none; border-radius: 50px; color: #fff; font-weight: 700; cursor: pointer;
    }

    /* Modal Overlay */
    /* CRITICAL: High Z-Index to ensure it's on top */
    .modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.9);
        backdrop-filter: blur(10px);
        z-index: 999999 !important; /* Force to front */
        display: none; /* JS will change this to flex */
        justify-content: center;
        align-items: center;
    }

    .modal-content h2{
        font-family: 'playfair_display', sans-serif;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        color: var(--white);
        font-size: 28px;
        padding: 20px 0;
        margin: 20px 0 0 0;
        line-height: 30px;
        text-align: center;
    }

    .modal-content {
        background: #222;
        padding: 40px;
        border-radius: 20px;
        width: 90%;
        max-width: 500px;
        position: relative;
        color: white;
    }

    .modal-content #tin-registration-form{display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
    }

    .modal-content #tin-registration-form #section-personal{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        width: 100%;
        column-gap: 20px;
        justify-content: space-around;
        align-content: space-between;
    }

    .modal-content #tin-registration-form #section-personal left{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 50%;
        justify-content: space-around;
        align-content: space-between;
    }

    .modal-content #tin-registration-form #section-personal right{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 50%;
        justify-content: space-around;
        align-content: space-between;
    }

    .modal-content #tin-registration-form #section-corporate{
        display: flex;
        flex-wrap:nowrap;
        flex-direction: row;
        width: 100%;
        column-gap: 40px;
        justify-content: space-around;
        align-content: space-between;
    }

    .modal-content #tin-registration-form #section-corporate left{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 50%;
        justify-content: space-around;
        align-content: space-between;
    }

    .modal-content #tin-registration-form #section-corporate right{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 50%;
        justify-content: space-around;
        align-content: space-between;
    }

    .modal-content #tin-registration-form .modal-input {
        width: 100%;
        padding: 12px;
        margin: 10px 0;
        background: transparent;
        border: 1px solid #444;
        border-radius: 50PX;
        color: white;
    }

    .modal-content #tin-registration-form .modal-input input[type="date"] {}

    @keyframes slideUp {
        from { opacity: 0; transform: translateY(30px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* Switch & Form Elements */
    .switch-wrapper { display: flex; justify-content: center; align-items: center; gap: 15px; margin: 25px 0; }
    
    .toggle-switch { position: relative; width: 50px; height: 24px; }
    
    .toggle-switch input { opacity: 0; }
    
    .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #444; border-radius: 34px; transition: 0.4s; }
    
    .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background: white; border-radius: 50%; transition: 0.4s; }
    input:checked + .slider { background: var(--gold); }

    input:checked + .slider:before { transform: translateX(26px); }
    
    .hidden { display: none; }

    .active-label { color: var(--gold); font-weight: 700; }

    .form-row { display: flex; gap: 10px; }

    .form-group { margin-bottom: 15px; flex: 1; }

    label { display: block; font-size: 12px; margin-bottom: 5px; color: #aaa; }

    input { width: 100%; padding: 12px; background: var(--input-bg); border: 1px solid #444; border-radius: 8px; color: #fff; box-sizing: border-box; }
    
    .btn-gold-final { 
        width: 100%; 
        padding: 15px; 
        background: var(--gold); 
        border: none; 
        border-radius: 50px; 
        color: #fff; 
        font-weight: 700; 
        cursor: pointer; 
        margin: 12px 0 0 0;
    }
    
    .close-modal { 
        position: absolute; 
        top: 40px; 
        right: 40px; 
        background: none; 
        border: none; 
        color: #b70101; 
        font-size: 60px; 
        cursor: pointer; 
    }

    .main_summary{
        display: block;
        box-sizing: border-box;
        overflow: hidden;
        width: 100%;
    }

    .main_summary #container{
        display: block;
        box-sizing: border-box;
        overflow: hidden;
        width: 100%;
        padding: 0 160px;
        margin: 0 0 100px 0;
    }

    .btn-back{
        padding: 40px 100px 0 200px;
        margin: 0;  
        width: 100px;
    }

    .top-head, .top-head h1, .top-head h2{
        display: flex;
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
        box-sizing: border-box;
    } 

    .top-head h1 {
        color:var(--navy); 
        font-size: 64px; 
        font-weight: 400;
        padding: 0 200px;
    } 

    .top-head h2 {
        color:var(--gold); 
        font-size:20px; 
        letter-spacing:3px;
        padding: 50px 200px 0 200px;
        margin: 0;
    } 

    .top-head .gold-rule {
        display: flex;
        flex-direction: row;
        width: 400px;
        margin: 0 0 100px 200px;
        flex-wrap: wrap;
        box-sizing: border-box;
    } 

    
    :root { 
        --black: #000000;
        --white: #FFFFFF;
        --navy: #0A1D3E; 
        --gold: #C89B3C; 
        --charcoal: #2E2E2E; 
        --lite-charcoal: #C5C7C9;
        --background--light: #f1f4f9;
        --primary: #C89B3C;
        --accent: #C89B3C;
        --modal-bg: #222222;
        --input-bg: #2b2b2b;
    }

    html{ 
        /*background-color: #1b1405;*/
        background-color: #241900;
    }

    body{ font-family: 'Inter',sans-serif; 
        color: var(--charcoal); 
        margin:0;  
        font-size: 16px;
        font-weight: 300;
    }


    p{
        letter-spacing: .36px;}

    h1,h2,h3 { 
        font-family: 'Montserrat', sans-serif;  
        color: #0A1D3E;
    }

    .scroll-btn {
        position: fixed;
        border-radius: 50px;
        padding: 20px 10px 20px 10px ;
        background-color: var(--white);
        bottom: 220px;
        right: 60px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: none; /* Hidden by default */
        z-index: 1000;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .scroll-btn img {
        width: 100%;
        height: auto;
        /* Optional: Add a CSS bounce if the image isn't already animated */
        animation: bounce 2s infinite;
        transform: rotate(90deg);
        transform-origin: left;
    }

    .scroll-btn:hover {
        transform: scale(1.1);
    }

    /* Optional CSS Animation */
    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
        40% {transform: translateY(-10px);}
        60% {transform: translateY(-5px);}
    }

    .grainy-bg {
        width: 100%;
        height: auto;
        /* Define your base gradient */
        background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
        position: relative;
        }

        .grainy-bg::before {
        content: "";
        position: relative;
        inset: 0;
        /* Apply the SVG filter */
        filter: url(#irregularGrain);
        /* Use contrast/brightness to sharpen grain */
        filter: url(#irregularGrain) contrast(150%) brightness(1000%);
        pointer-events: none;
    }

    .negative-margin{
        margin: 0 -100px !important;
    }
    
    h1{
        font-size: 48px;
        font-weight: 100;
    }

    .body-container{
        background-color: #0000;
        background-image: linear-gradient(180deg, #0A1D3Edd, #0A1D3Edd ), url("../images/jpg/q005-failed.jpg");
        /*background-position: 50%;*/
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll,scroll;
        background-origin: padding-box,padding-box;
        background-clip: border-box,border-box;
    }

    .about-container{
        background-color: #0000;
        /*background-image: linear-gradient(180deg, #e9ecf0dd, #e9ecf0dd), url("../images/jpg/stratfin_fin_bg.jpg");*/
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll,scroll;
        background-origin: padding-box,padding-box;
        background-clip: border-box,border-box;
    }

    .menu-container{
        background-color: #0000;
        background-image: linear-gradient(180deg, #0A1D3Edd, #0A1D3E), url("../images/jpg/q005-failed-2.jpg");
        /*background-position: 50%;*/
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll,scroll;
        background-origin: padding-box,padding-box;
        background-clip: border-box,border-box;
    }

    /* Floating Button Styles */

    /* State 1: Normal full text with phone icon*/
    .contact-trigger {
        position: fixed;
        bottom: 130px;
        right: 64px; /* Initial Position */
        background: var(--gold);
        color: white;
        border: none;
        /*padding: 10px 12px;*/
        border-radius: 50px;
        cursor: pointer;
        z-index: 999;
        box-shadow: 4px 4px var(--navy);
        /*transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
        display: flex;
        align-items: center;
        gap: 10px;
        white-space: nowrap;
        font-family: 'Lato', sans-serif;
    }
    
    /* State 2: Minimized (Icon only) (Triggered by JS after 5s) */
    .contact-trigger.minimized {
        right: 50px;
        border-radius: 100%;
        /* border: solid 3px var(--gold);
         padding: 10px; Square/Circle padding */
        width: 45px;   /* Force a small size */
        height: 45px;  
        justify-content: center;
        align-items: center;
        justify-items: center;
        background-color: var(--white) !important;
        
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        justify-items: center;

    }

    .contact-trigger.minimized .btn-text {
        display: none; /* Hide text in minimized state */
    }


    /* State 3: Minimized AND Fixed (Top corner) */
    .contact-trigger.minimized.is_fixed {
        width: 40px;
        height: 40px;
        border-radius: 50px;
        position: fixed;
        z-index: 99999999;
        top: 35px;
        right: 220px; 
        bottom: auto; /* Reset the bottom: 130px from the base class */
        animation: burgerPop 0.4s ease forwards;
        box-shadow: none !important;
    }

    .contact-trigger span.btn-text {
        display: flex; /* Hide text in minimized state */
        margin: 0 10px;
    }
    
    .contact-trigger span.btn-icon img{
        display: flex;
        width: 40px;
        height: auto;
    }

    .contact-trigger.minimized.is_fixed img {
        display: flex;
        width: 40px;
        height: auto;
        border: solid 3px var(--white);
        border-radius: 100%;
    }       

    .contact-trigger.minimized .btn-text {
        display: none; /* Hide text, keep icon */
    }

    /* Overlay & Form Styling */
    @keyframes slideUp {
        from { transform: translateY(50px); opacity: 0; }
        to { transform: translateY(0); opacity: 1; }
    }

    .form-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
        display: none; /* Hidden by default */
        justify-content: center;
        align-items: center;
        z-index: 999999999;
    }

    .form-card {
        background: white;
        padding: 40px;
        border-radius: 15px;
        width: 90%;
        max-width: 400px;
        position: relative;
        animation: slideUp 0.3s ease;
        font-family: 'Inter',sans-serif;
    }

    .form-card p {
        color: var(--charcoal);
    }       
    
    .form-card #contactForm{
        
    }

    .form-card #contactForm .form-group{
        
    }

    .form-card #contactForm .form-actions .btn-reset {
        background: #f0f0f0;
        border: none;
        padding: 10px 20px;
        border-radius: 50px;
        cursor: pointer;
        flex: 1;
        color: #666;
        animation: burgerPop 0.4s ease forwards;
        font-family: 'Inter',sans-serif;
    }

    .form-card #contactForm .form-actions .btn-submit{
        background: var(--gold);
        border: none;
        border-radius: 50px;
        padding: 10px 20px;
        border-radius: 50px;
        cursor: pointer;
        flex: 1;
        color: var(--white);
        animation: burgerPop 0.4s ease forwards;
        font-family: 'Inter',sans-serif;
    }

    .form-card #contactForm .form-group input{
        width: 100%;
        padding: 12px;
        font-size: 16px;
        border: 2px solid #ddd;
        border-radius: 50px;
        box-sizing: border-box;
        font-family: 'Inter',sans-serif;
        animation: burgerPop 0.4s ease forwards;            
        background-color: var(--white);
        color: var(--charcoal);
    }

    .form-card #contactForm .form-group textarea {
        width: 100%;
        padding: 12px;
        font-size: 16px;
        border: 2px solid #ddd;
        border-radius: 20px;
        box-sizing: border-box;
        font-family: 'Inter',sans-serif;
        animation: burgerPop 0.4s ease forwards;
        background-color: var(--white);
        color: var(--charcoal);
    }


    /* Form Elements */
        #tax-filing {
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        justify-content: space-between;
        align-content: space-between;
        width:100%;
        height: auto;
        text-align: left;
        background: #DDC798;
        border-radius: 50%;
        margin: 80px auto 200px auto;
        padding: 0;

    }

    #tax-filing wrapper-inner {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
        overflow: visible;
        align-self: center;
        align-items: center;
        justify-items: center;
        row-gap: 20px;
        margin: 0;
    }
    
    #tax-filing h2{
        display: flex;
        flex-direction: row;
        flex-wrap:nowrap; 
        width: 100%;
        margin: 0 ;
        padding: 0;
        line-height: 40px;
        font-family: 'Lato', sans-serif;
    }

    #tax-filing h2.quote {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        margin: 0;
        padding: 54px;
        border-left: #F4F5F7 solid 4px;
        overflow: hidden;
        align-self: center;
        align-items: center;
        justify-items: center;
        line-height: 40px;
        background-color: #0A1D3E;
        border-radius: 0 13px 13px 0;
    }

    #tax-filing h1 {
        font-family: 'playfair_display', sans-serif;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
        font-size: 36px;
        font-weight: 700;
        color: white;
        text-align: left;
        color: var(--black);
    }
    
    #tax-filing .tax-filing{
        display: flex;
        flex-direction: row;
        flex-wrap:nowrap;
        justify-content: space-between;
        align-content: space-between;
        width: 100%;
        row-gap: 40px;
        column-gap: 20px;
        padding: 0 0 10px 0;
        overflow: visible;
    }

    #tax-filing tax-filing{
        display: flex;
        position: relative;
        top: 120px;
        flex-direction: row;
        flex-wrap:nowrap;
        justify-content: space-between;
        align-content: space-between;
        width: 100%;
        height: auto;
        row-gap: 40px;
        column-gap: 20px;
        padding: 0 0 10px 0;
        overflow: visible;
        margin: 0;
    }

    #tax-filing tax-filing wrapper{ 
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap:nowrap;
    }

    #tax-filing new-tax-filing wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
    }

    #tax-filing new-tax-filing wrapper #tax-filing-form{
        display: flex;
        flex-direction: row;             
        flex-wrap: wrap;           
        width: 100%;
        font-family: 'Inter',sans-serif;
    }

    #tax-filing new-tax-filing wrapper #tax-filing-form .form-group {
        display: flex;
        flex-direction: row;             
        flex-wrap: wrap;           
        width: 100%;
        margin: 0;
    }

    #tax-filing new-tax-filing wrapper #tax-filing-form .form-group input{
        border: solid 3px var(--black);
        border-radius: 50px 'Inter', sans-serif;
        letter-spacing: .36px;
        font-size: 24px;
        background-color: var(--white);
        color: var(--charcoal);
    }

    #tax-filing new-tax-filing wrapper #tax-filing-form .form-group textarea{
        border: solid 3px var(--black);
        border-radius: 20px;
        font-family: 'Inter', sans-serif;
        letter-spacing: .36px;
        font-size: 24px;
        background-color: var(--white);
        color: var(--charcoal);
    }

    #tax-filing new-tax-filing wrapper #tax-filing-form .form-actions {
        display: flex;
        flex-direction: row;             
        flex-wrap: wrap;           
        width: 100%;
    }

    #tax-filing new-tax-filing wrapper #tax-filing-form .form-actions .btn-submit{
        width: 100%;
        display: flex;
        flex-direction: row;             
        flex-wrap: wrap;     
        padding: 10px 20px;  
        animation: burgerPop 0.4s ease forwards;
        border-radius: 50px;
        cursor: pointer; 
        justify-items: center;
    }

    #tax-filing new-tax-filing wrapper #tax-filing-form .form-actions .btn-submit p{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-content: space-between;
        justify-items: center;
        padding: 0;
        margin: 0;
        width: 100%;
        box-sizing: border-box;                       
        font-size: 24px;
        letter-spacing: .36px;
        font-weight: 300;
        font-family: 'Inter', sans-serif;
        animation: burgerPop 0.4s ease forwards;            
        cursor: pointer;
    }

    .btn-submit{ 
        background: var(--gold);
        border: none; 
    }

        .btn-submit svg {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-content: space-between;
        padding: 0;
        margin: 0;
        width: 20px;
        height: 20px;
    }

    .btn-submit p{             
        color: var(--navy);      
    }

    .btn-submit p:hover{ 
        color: var(--gold) !important;      
    }

    .btn-submit:hover{ 
        background:var(--navy) !important;  
        color:var(--gold) !important;  
        fill:var(--gold);     
    }

    .btn-submit:hover .fil77{            
        fill:var(--gold);           
    }

    /* Optional: Make the arrow move slightly to the right */
    .btn-submit:hover .dynamic-link-arrow{
        transform: translateX(5px);
    }   

    .dynamic-link-arrow {
    transition: transform 0.3s ease; /* For the nudge effect */}  
    
    

    .btn-reset { 
        background: #f0f0f0; 
        border: none; 
        padding: 10px 20px; 
        border-radius: 5px; 
        cursor: pointer; 
        flex: 1; 
        color: #666; 
        animation: burgerPop 0.4s ease forwards;
        font-family: 'Inter',sans-serif;
    }

    .close-btn {
        position: absolute;
        top: 15px;
        right: 20px;
        font-size: 30px;
        background: none;
        border: none;
        cursor: pointer;
        color: #b70101;
        animation: burgerPop 0.4s ease forwards;
    }

    /* Get TAX ID */
    .tax-filing-form {
        background: white;
        padding: 40px;
        border-radius: 50px 50px 50px 30px;
        border: 6px solid var(--gold);
        width: 90%;
        max-width: 400px;
        position: relative;
        animation: slideUp 0.3s ease;
        font-family: 'Inter',sans-serif;
        margin: 0 0 0 -6px;
    }

    .form-card p {
        color: var(--charcoal);
    }       
    

    /* Form Elements */
    .form-group { margin-bottom: 15px; }
    input, 
    textarea {
        width: 100%;
        padding: 12px;
        font-size: 16px;
        border: 2px solid var(--navy);
        border-radius: 50px;
        box-sizing: border-box;
        font-family: 'Inter',sans-serif;
        animation: burgerPop 0.4s ease forwards;
    }

    .form-actions {
        display: flex;
        gap: 10px;
        margin-top: 20px;
    }

    .tax-filing-form .btn-submit { 
        background: var(--primary); 
        color: var(--navy);
        border: none; 
        padding: 6px 20px;
        font-size: 24px; 
        font-weight: 400;
        line-height: 40px;
        letter-spacing: 0.36;
        border-radius: 50px; 
        cursor: pointer; 
        flex: 2;
        animation: burgerPop 0.4s ease forwards; 
        font-family: 'Inter',sans-serif;
    }

    /* 1. The "Sticky" whiteflask */
    .whiteflask.isfixed1 {
        position: fixed;
        display: block;
        width: 460px;
        height: 80px;
        padding: 10px;
        background-color: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(8px);
        border-radius: 0 0 0 50px;
        top: 0px;   /* Spacing from top */
        right: 0px;   /* Spacing from right */
        /* background: var(--gold); Semi-transparent dark background */
        /* backdrop-filter: blur(5px);      Modern glass effect */
        /* padding: 10px; */
        /* border-radius: 8px; */
        /* box-shadow: 5px 5px #362707; */
        /* box-shadow: 0 10px 30px rgba(0,0,0,0.3); */    
        /* Animation: Initial 'Pop' scale */
        animation: burgerPop 0.4s ease forwards;
        z-index: 9999999;
        box-shadow: 0 4px 15px rgba(0,0,0,0.08);
        border-left: 4px solid var(--gold);
        border-bottom: 4px solid var(--gold);
    }

    .whiteflask.isfixed1 img{
        width: 40px;
        height: auto;
    }

    .whiteflask{
        
    }

    
    

    /* 2. The "Sticky" State */
    .chat.isfixed {
        position: fixed;
        top: 32px;   /* Spacing from top */
        right: 136px;   /* Spacing from right */
        /* background: var(--gold); Semi-transparent dark background */
        /* backdrop-filter: blur(5px);      Modern glass effect */
        /* padding: 10px; */
        /* border-radius: 8px; */
        /* box-shadow: 5px 5px #362707; */
        /* box-shadow: 0 10px 30px rgba(0,0,0,0.3); */    
        /* Animation: Initial 'Pop' scale */
        animation: burgerPop 0.4s ease forwards;
        z-index: 999;
    }

    .chat.isfixed img{
        width: 44px;
        height: auto;
    }

    .chat{
        position: fixed;
        display: block;
        right: 50px;
        bottom: 40px;
        overflow: visible;
        box-sizing: border-box;
    }

    .chat a{
        display: block;
        box-sizing: border-box;
        overflow: visible;
        text-decoration: none;
        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transform: scale3d(1, 1, 1); /* Initial state */
    }

    .chat a:hover{
        overflow: hidden;
        text-decoration: none;
        transform: scale3d(1.1, 1.1, 1);
    }

    .chat a img{
        width: 50px;
        height: auto;
    }

    .credit {
        position: fixed;
        left: 0px;
        bottom: 0px;
        z-index: 1000;
        
        /* 1. Hidden State */
        opacity: 0;
        visibility: hidden;
        transform: translateY(20px); 
        
        /* 2. Smooth Transition */
        transition: all 0.4s ease-in-out;
        pointer-events: none; /* Prevents clicking while invisible */
        }

    /* 3. The "Visible" State (triggered by JS) */
    .credit.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }

    /* Your existing styles (optimized) */
    .credit a {
        display: block;
        text-decoration: none !important;
    }

    .credit a img {
        width: 30px;
        height: auto;
        transition: transform 0.3s ease;
        display: block;
    }

    /* Using transform: scale is smoother than changing width */
    .credit a:hover img {
        transform: scale(1.6); /* Equivalent to 50px */
    }
    .hero_bg {
    z-index: 8;
    background-image: url("../images/jpg/q005-failed.jpg");
    background-position: 50% 100%;
    background-size: cover;
    height: auto;
    position: relative;
    overflow: hidden;
    }

    #about{
        /*background-color: var(--background--light);*/
    }

    .image-stripe-bottom {
        display: flex;
        flex-direction: row;
        width: 100%;            
        height: 40px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        position: relative;
    }

    .image-stripe-bottom.pc {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .image-stripe-bottom.pc img{
        width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        object-fit: cover; /* This crops the edges slightly to fill the space without distortion */
        display: block;
    }
    
    .gold-rule { 
        height:2px; 
        background:var(--gold); 
        width:200px; 
        margin:1.5rem 0; }

    header { 
        /*background: var(--white); 
        position: sticky; */
        background-color: transparent;
        color: #FFF; 
        padding: 60px 60px 40px 60px;             
        top: 0; 
        z-index: 9999999;
        width: 100%;
        box-sizing: border-box;
    }

    .header-inner { 
        display:flex; 
        justify-content:space-between; 
        align-items:center; 
        justify-items: center;
        margin: 0 auto;
        position: relative;
        width: 100%;
        /*max-width: 1280px;*/
    }

    .body-inner { 
        display:flex; 
        flex-direction: row;
        flex-wrap: wrap;
        justify-content:space-between; 
        align-items:center; 
        /*max-width: 1280px;
        margin-top: 40px;*/            
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: visible;
        /*background-image: url("../images/jpg/stratfin_lite_bg.jpg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;*/
        gap: 20px;
        column-gap: 20px;
        column-gap: 20px;
    }

    
    .logo {
        display:flex; 
        flex-direction: row;
        flex-wrap: wrap;
        width: 200px;
        height: auto;
    }
    
    .logo a{
        display:flex; 
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
    }

    
    /* --- LOGO --- */
    .logo img {
        transition: transform 0.3s ease;
        width: 180px; /* Base size */
    }

    .logo.isfixed img {
        width: 120px; /* Shrink slightly when sticky */            
        position: fixed;
        z-index: 999999999;
        display: block;
        right: 170px;
        top: 28px;
    }

    footer .nav { 
        display:grid; 
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: left;
        align-content:flex-end;
        justify-items:left;
        align-items: center;
        align-self: flex-end;
        text-align: left;
        justify-self: flex-end;
        row-gap: 10px;
        width: 100%;
        padding: 0px;
        margin: 20px 0 0 0;
        border-radius: 20px;
        /*background-color: rgba(255, 255, 255, 0.6);
        backdrop-filter: blur(8px);*/
    }

        footer .nav a{
        display:flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0;
        text-align: right;            
        align-self: flex-end;
        justify-items:right;
        }

    .nav { 
        display:flex; 
        flex-direction: row;
        flex-wrap: wrap;
        justify-content:space-between;
        align-content: space-between;
        justify-items: center;
        align-items: center;
        column-gap: 30px;
    }

    .nav.isfixed { 
        display:none; 
    }

    .nav a { 
        display:flex; 
        flex-direction: column;
        flex-wrap: wrap;
        color: var(--white); 
        margin: 0; 
        padding: 0;
        text-decoration: none; 
        font-family: 'Lato', sans-serif;
        font-weight: 400; 
        font-size: 16px;
        letter-spacing: .9px;
        text-transform:capitalize;
        /*font-family: 'Inter', sans-serif;
        font-family: 'Montserrat', sans-serif;*/            
    }

    .nav a.login{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-radius: 50px;
        border: 2px solid var(--gold);
        padding: 7px 10px;
        row-gap: 20px;
        justify-content: space-between;
        align-content: space-between;            
        overflow: hidden;
        justify-items: center;
        align-items: center;
        transform-origin: 50% 50% 0px;
        transform: translate(0px);
    }

    .nav a.login:hover{ 
        background:var(--gold) !important;  
        color:var(--white) !important;  
        fill:var(--white);     
    }

    .nav a.login p{
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0;
        padding: 0;
        align-items: center;
        color: var(--white);
    }

    .nav a.login p span{            
        display: inline-flex; 
        flex-direction: row;
        flex-wrap: nowrap;            
        padding: 0;
        margin: 0 0 0 10px;
        width: 20px;
        height: 20px;
        align-items: center;
    }

        .nav a.login p span svg{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-content: space-between;
        padding: 0;
        margin: 0;
        width: 16px;
        height: 16px;
        fill:var(--white);
        color: var(--white);
    }

    .nav a.login .fil9{            
        fill:var(--white);
        transition: fill 0.3s ease;
        transform: translateX(5px);
    }

    .nav a.login:hover .fil9{            
        fill:var(--white);
        transition: fill 0.3s ease;
        transform: translateX(5px);
    }
    
    
    .nav a.login svg{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-content: space-between;
        padding: 0;
        margin: 0;
        width: 16px;
        height: 16px;
        fill:var(--white);
    }


        /* Optional: Make the arrow move slightly to the right */
    .nav a.login:hover .dynamic-link-arrow {
        display: flex;
        flex-direction: row;
        transform: translateX(5px);
        transition: transform 0.3s ease; /* For the nudge effect */
    } 

    .nav a.register{
        border-radius: 50px;
        /*background-color: var(--gold);
        padding: 8px 16px;*/
    }

    .nav a.register:hover{
        border-radius: 50px;
        background-color: var(--white) !important;
        color: var(--gold) !important; 
        padding: 8px 16px;
    }

    .nav a:hover {
        color: var(--gold);
        }

    .hero .wrapper{
        color:white; 
        padding:0; 
        text-align:left; 
    }

        .main_summary #container .hero .wrapper {
        color: white;
        padding: 0;
        margin: 50px auto 0 auto;
        text-align: left;
    }
    
    .hero .wrapper left{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 60%;
        overflow: hidden;
        align-self: center;
        align-items: center;
        justify-items: center;
        padding: 40px 0;
        box-sizing: border-box;
    }

    .hero .wrapper middle{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        overflow: hidden;
        padding: 60px 0;
    }

    .hero .wrapper right{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 40%;
        overflow: hidden;
        text-align: left !important;
    }

        #about {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;            
        color: var(--charcoal); 
        padding:0; 
        margin: 40px;
        text-align:left; 
        border-radius: 30px;
    }

    #services {
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        justify-content: space-between;
        align-content: space-between;
        width: 100%;
        text-align: left;
        border-radius: 30px;
        margin: 20px 40px;
        padding: 40px;
    }
    
    #services h2{
        display: flex;
        flex-direction: row;
        flex-wrap:nowrap; 
        width: 100%;
        margin: 0 ;
        padding: 0;
        line-height: 40px;
        font-family: 'Lato', sans-serif;
    }

    #services h2.quote {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        margin: 0;
        padding: 54px;
        border-left: #F4F5F7 solid 4px;
        overflow: hidden;
        align-self: center;
        align-items: center;
        justify-items: center;
        line-height: 40px;
        background-color: #0A1D3E;
        border-radius: 0 13px 13px 0;
    }
       
    #services .services{
        display: flex;
        flex-direction: row;
        flex-wrap:nowrap;
        justify-content: space-between;
        align-content: space-between;
        width: 100%;
        row-gap: 40px;
        column-gap: 20px;
        padding: 0 20px 10px 20px;
        overflow: visible;
    }

    /*filing starts*/
        #tax-filing {
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        justify-content: space-between;
        align-content: space-between;
        justify-items: center;
        align-items: center;
        width: 100%;
        height: 400px;
        text-align: left;
        background: #DDC798;
        border-radius: 30px 30px 100px 100px;
        margin: 30px 80px 300px 80px;
        padding: 0px 40px 40px 40px;
        overflow: visible;
        background-image: url("../images/svg/tax_bg_large.svg");
        background-position: bottom center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    #tax-filing wrapper-inner {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-items: center;
        align-items: center;
        width: 100%;
        padding: 0;
        overflow: visible;
        align-self: center;
        align-items: center;
        justify-items: center;
        row-gap: 20px;
        margin: 0 100px;
    }
    
    #tax-filing h2{
        display: flex;
        flex-direction: row;
        flex-wrap:nowrap; 
        width: 100%;
        margin: 0 ;
        padding: 0;
        line-height: 40px;
        font-family: 'Lato', sans-serif;
    }

    #tax-filing h2.quote {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        margin: 0;
        padding: 54px;
        border-left: #F4F5F7 solid 4px;
        overflow: hidden;
        align-self: center;
        align-items: center;
        justify-items: center;
        line-height: 40px;
        background-color: #0A1D3E;
        border-radius: 0 13px 13px 0;
    }

    #tax-filing h1 {
        font-family: 'playfair_display', sans-serif;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
        font-size: 36px;
        font-weight: 700;
        color: white;
        text-align: left;
        color: var(--black);
    }
    
    #tax-filing .tax-filing{
        display: flex;
        flex-direction: row;
        flex-wrap:nowrap;
        justify-content: space-between;
        align-content: space-between;
        width: 100%;
        row-gap: 40px;
        column-gap: 20px;
        padding: 0 0 10px 0;
        overflow: visible;
    }

    #tax-filing tax-filing{
        display: flex;
        flex-direction: row;
        flex-wrap:nowrap;
        justify-content: space-between;
        align-content: space-between;
        width: 60%;
        row-gap: 40px;
        column-gap: 20px;
        padding: 0 0 10px 0;
        overflow: visible;
    }

    #tax-filing tax-filing wrapper{ 
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap:nowrap;
    }

    #tax-filing tax-filing wrapper img{ 
        width: 100%;
        height: auto;
    }

    #tax-filing new-tax-filing{
        display: flex;
        flex-direction: row;
        flex-wrap:nowrap;
        justify-content: space-between;
        align-content: space-between;
        width: 30%;
        row-gap: 20px;
        column-gap: 20px;
        padding: 40px;
        overflow: visible;
        /*margin: 200px 0 0 -10px;*/
        border-radius: 30px;
        overflow: visible;
        background-color: #391b13;
        border: solid 6px var(--gold);
        position: relative;
        bottom: -150px;
        left: -10px;
    }

    tax-filing new-tax-filing wrapper{ }

    #tax-filing new-tax-filing wrapper img{ }

    /*Filing ends*/

    middle .cta_container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 10px 0;
        padding: 0 54px;
        column-gap: 20px;
        justify-content: space-between;
        align-content: space-between;
        width: 80%;
    }

    .insights-container{
        background-color: #0000;
        background-image: linear-gradient(180deg, #061023dd, #061023dd), url("../images/jpg/q005-failed.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll,scroll;
        background-origin: padding-box,padding-box;
        background-clip: border-box,border-box;
        border-radius: 0 0 30px 30px;
        border-bottom: 4px solid var(--gold);
    }

    .cta_container{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 40px 60px 0 60px;
        justify-content: right;
        align-content: flex-end;
    }

    .top-head{
        display: flex;
        flex-direction: row;
        width: 100%;
        margin:0;
        padding: 0 160px;
        flex-wrap: wrap;
        box-sizing: border-box;
    } 

    .top-head .intro {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin: 0;
        flex-wrap: wrap;
        box-sizing: border-box;

    }

    .top-head h1, .top-head h2{
        display: flex;
        flex-direction: row;
        width: 100%;
        margin:0 200px;
        flex-wrap: wrap;
        box-sizing: border-box;
    } 

    .top-head .intro h1 {
        color: var(--lite-charcoal); 
        font-size: 36px; 
        padding: 0;
        margin: 0;
        font-weight: 700;
        font-family: 'playfair_display', sans-serif;
        line-height: 60px;
        box-sizing: border-box;
    } 

    .top-head h1.intro2  {
        color: var(--black); 
        font-size: 64px; 
        padding: 0 0 40px 0;
        margin: 10px 0 20px 0;
        font-weight: 400;
        font-family: 'playfair_display', sans-serif;
        line-height: 80px;
        width: 60%;
        box-sizing: border-box;
    } 

    .top-head h2 {
        color:var(--gold); 
        font-size: 24px; 
        padding: 0 20px 0 0;
        margin: 10px 0 0 0;
        font-weight: 800;
    } 

    .top-head .gold-rule {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin: 0 20px 30px 0;
        flex-wrap: wrap;
        box-sizing: border-box;
    } 

    .main_summary #container h2{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: var(--black);
}

.main_summary #container p{
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    width: 80%;
    line-height: 40px;
    font-size: 20px;
}  

.main_summary #container .signal{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;        
    margin: 60px 0 0 0;
    padding: 0;
}

.main_summary #container .signal .solution-grid{
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;        
    margin: 0;
    padding: 0;
    width: 100%;
}

.main_summary #container .signal .solution-grid .solution-card{
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;        
    margin: 0;
    padding: 0;
    width: 70%;
}

.main_summary #container .signal h2{
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    line-height: 50px; /* Adjust as needed */
    align-items: flex-start;
    font-size: 28px;
    width: 100%;
}

.main_summary #container .signal h3{
    display: flex;
    flex-direction: column;
    margin: 40px 0 0 0;
    padding: 0;
    line-height: 50px; /* Adjust as needed */
    align-items: flex-start;
    font-size: 28px;
    width: 100%;
}

.main_summary #container .signal h3 strong{
    margin: 0;
    padding: 0;
    display: block; /* Ensures it behaves fully as a block-level flex item */
    color: var(--gold);
    font-weight: 600;
    font-size: 22px;
}

.main_summary #container .signal h2{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.main_summary #container .signal p{
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 10px 0 0 0;
    box-sizing: border-box;
    overflow: hidden;
    width: 80%;
    line-height: 40px;
    font-size: 20px;     
}

.main_summary #container .signal p strong{
    margin: 0;
    padding: 0;
    display: block; /* Ensures it behaves fully as a block-level flex item */
    font-weight: 600;
} 

.problem-list { 
    list-style: none; 
    margin: 0 0 0 20px !important;
    padding: 0 !important; 
}

.problem-list li { margin:10px 0; padding: 0; position: relative; }

.problem-list li::before { content: '•'; color: var(--gold); position: absolute; left: -1.2rem; }

.why-list { 
    list-style: none;
    margin: 0 !important; 
    padding: 0 !important;
}

.why-list li { 
    margin:10px 0; 
    padding-left: 1.5rem; 
    position: relative; 
    font-size: 20px;
}

.why-list li::before { content: '•'; color: var(--gold); position: absolute; left: 0; }


.stratfin-view{
    background:#F4F5F7;
    padding: 60px;
    margin: 64px 0;
    border-radius: 30px;
    width: auto;
    box-sizing: border-box;
}

.stratfin-view p{
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    width: 70%;
    line-height: 40px;
    font-size: 20px;
}

.stratfin-view h3{
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    line-height: 50px;
    align-items: flex-start;
    font-size: 28px;
    width: 100%;  
}

/* Target the internal path of the SVG */
    .fil0 {
    fill: var(--gold); /* Your original color */
    transition: fill 0.3s ease;
    }

    /* Target the internal path of the SVG */
    .fil00 {
    fill: var(--navy); /* Your original color */
    transition: fill 0.3s ease;
    }

    .cta_1, .cta_2, .btn-back{
        border-radius: 50px;
    }

    a.cta_1, a.cta_2{
        text-decoration: none;
        width: 100%;
        justify-items: center;
        align-items: center;
    }

    a.btn-back{
        text-decoration: none;
        justify-items: center;
        align-items: center;
    }

    .cta_1, .btn-back{             
        border:2px solid var(--gold);
        background-color: transparent; 
    }

    .cta{     
        background-color: transparent; 
    }

    .cta_1 p{ 
        color:var(--gold);      
    }

    .btn-back p{ 
        color:var(--gold); 
        padding: 10px 16px;
        margin: 0;
        width: 100%;  
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-content: space-between;
        align-items: center;
        justify-items: center;
        row-gap: 20px;
    }

    .cta p{ 
        color:var(--gold);      
    }

    .cta_1 p span, .btn-back p span{ 
        display: inline-flex; 
        justify-items: center;
        align-items: center;   
    }

    .cta p span{ 
        display: inline-flex; 
        justify-items: center;
        align-items: center;   
    }

    .cta p:hover{ 
        color:var(--navy) !important;      
    }

    .cta_1 p:hover, .btn-back p:hover{ 
        color:var(--navy) !important;      
    }

    .cta_1:hover, .btn-back:hover{ 
        background:var(--gold) !important;  
        color:var(--navy) !important;  
        fill:var(--navy);     
    }

    .cta:hover{ 
        background:var(--gold) !important;  
        color:var(--navy) !important;  
        fill:var(--navy);     
    }

    .cta_1:hover .fil0, .btn-back:hover .fil0{            
        fill:var(--navy);           
    }

    .cta:hover .fil0{            
        fill:var(--navy);           
    }

    .cta_1, .cta_2 {
        width: 100%;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0;
        text-decoration: none;
        border-radius: 50px;
        transition: 0.3s;
        justify-content: space-between;
        align-content: space-between;
        transform-origin: 50% 50% 0px;
        transform: translate(0px);
        overflow: hidden;
        justify-items: center;
        align-items: center;
    }

    .btn-back{
        width: 100px;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0;
        text-decoration: none;
        border-radius: 50px;
        transition: 0.3s;
        justify-content: space-between;
        align-content: space-between;
        transform-origin: 50% 50% 0px;
        transform: translate(0px);
        overflow: hidden;
        justify-items: center;
        align-items: center;
    }

    /* Optional: Make the arrow move slightly to the right */
    .cta_1:hover .dynamic-link-arrow, .cta:hover .dynamic-link-arrow, .cta_2:hover .dynamic-link-arrow{
        transform: translateX(5px);
    }      
    

    /* Optional: FOR BACK BUTTON Make the arrow move slightly to the right */
    .btn-back:hover .dynamic-link-arrow{
        transform: translateX(-5px);
    }  
    
    .dynamic-link-arrow {
    transition: transform 0.3s ease; /* For the nudge effect */}

    .cta_2{
        background:var(--gold);
    }

    .cta_2 p{ 
        color:var(--navy);      
    }

    .cta_2 p span{ 
        display: inline-flex; 
        justify-items: center;
        align-items: center;   
    }

    .cta_2 p:hover{ 
        color:var(--gold);      
    }

    .cta_2:hover{ 
        background: transparent;  
        border:2px solid var(--gold);    
    }
    
    .cta_2:hover .fil00{            
        fill:var(--gold);
    }

    .cta_1 p, .cta_2 p{ 
        display:flex; 
        flex-direction: row;
        flex-wrap:nowrap;            
        justify-content: space-between;
        align-content: space-between;
        padding: 6px 20px;
        margin: 0;
        box-sizing: border-box;
        width: 100%;
    }

    .cta_1 svg, .cta_2 svg, .btn-back svg{ 
        display:flex; 
        flex-direction: row;
        flex-wrap:nowrap;            
        justify-content: space-between;
        align-content: space-between;
        padding: 0;
        margin: 0;
        width: 20px;
        height: 20px;
    }  
            

    .dynamic-link-arrow{
        color: var(--gold);            
    }

    .dynamic-link-arrow:hover{
        color: var(--navy);
    }

    .dynamic-link-arrow2{
        color: var(--navy);            
    }

    .dynamic-link-arrow2:hover{
        color: var(--gold);
    }

    .cta:hover { 
        background:var(--gold); color:var(--navy); 
    }   
    

    .service-card .cta_container{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0;
        padding: 0 ;
        column-gap: 40px;
        justify-content: space-between;
        align-content: space-between;
        width: 100%;
    }        

    .service-card .cta{
        display: flex;
        flex-wrap:nowrap;           
        border: none !important;
        color: var(--gold);
        padding: 0;
        text-decoration: none;
        border-radius: 50px;
        transition: 0.3s;
        justify-content:space-between;
        align-content:flex-end;
        width: 100%;
        row-gap: 10px;
    }

    .service-card .cta p {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-items: center;
        align-items: center;
        justify-content: space-between;
        align-content: space-between;
        row-gap: 20px;
        width: 100%;
        margin: 0;
        padding: 10px 0 0 0;
    }

    .service-card .cta p span {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-items: center;
        align-items: center;
    }

    .service-card .cta span svg {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-content: space-between;
        padding: 0;
        margin: 0;
        width: 20px;
        height: 20px;
    }

    .service-card .cta:hover { background: transparent !important; }

    .cta:hover { background:var(--gold); color:var(--navy); }
    
    .wrapper{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        overflow: visible;
        padding: 50px 0;
        margin: 0 60px;
        border-radius: 50px;
        justify-content: space-between;
        align-content: space-between;
        row-gap: 20px;
    }

    left wrapped-in{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 90%;
        margin: 0;
        padding:0;
        overflow: hidden;
        align-self: center;
        align-items: center;
        justify-items: center;
        row-gap: 20px;
    }

    left wrapped-in h1{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        font-size: 3.4rem;
        font-weight: 600;
        margin: 0;
        padding: 0 0 0 40px;
        border-left: #C89B3C solid 2px;
    }

    left wrapped-in p{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        font-size: 22px;
        font-weight: 400;
        line-height: 30px;
        max-width: 600px;
    }

     .about-container wrapper-inner{
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        width: 100%;
        padding: 20px 0;
        overflow: visible;
        align-self: center;
        align-items: center;
        justify-items: center;
        row-gap: 40px;
        margin: 0 40px;   
        border-radius: 30px;
    }

    .services-container wrapper-inner {
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        width: 100%;
        padding: 40px;
        overflow: visible;
        align-self: center;
        align-items: center;
        justify-items: center;
        row-gap: 20px;
        margin: 40px 0 0 0;   
        border-radius: 30px;             
        background: linear-gradient(#fffcf6 80%, #f7ede1 90%);
    }

    wrapper-inner h1, .services-container h1{
        font-family: 'SpaceGrotesk-Regular', sans-serif;
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        width: 100%;
        margin: 0;
        color: var(--white);
    }

    wrapper-inner h2.quote{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 70%;
        margin: 20px 0;
        padding:20px 54px;
        border-left: var(--white) solid 4px;
        overflow: hidden;
        align-self: center;
        align-items: center;
        justify-items: center;
        line-height: 40px;
        /*background-color: #0A1D3E;*/
        border-radius: 0 13px 13px 0;
        font-weight: 400;
        font-family: 'Lato', sans-serif;
        color: var(--white) !important;
    }        

    .wrapper right img{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        overflow: hidden;
    }

    h1.resize {
        font-size: 90px !important;
    }

    h2.resize {
        font-size: 40px !important;
        font-style: italic;
        color: var(--gold);
    }

    section { padding:0; width:100%; margin:auto; overflow: visible;}

    section.hero{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
        border-radius: 0 0 30px 30px;
    }

    /*section#who-we-are,
    section#the-problem, 
    section#our-solution, 
    section#why-stratfin, 
    section#who-we-serve{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        max-width: 1280px;
        padding: 100px 0;
    }*/

    #who-we-are p,
    #the-problem p, 
    #our-solution p, 
    #why-stratfin p, 
    #who-we-serve p{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        margin: 0;
        padding: 20px 0;
        overflow: hidden;
        align-self: center;
        align-items: center;
        justify-items: center;
        line-height: 40px;
        border-radius: 0 13px 13px 0;
        font-weight: 400;
        font-family: 'Lato', sans-serif;
        letter-spacing: .36px;
        font-size: 24px;
    }

    #who-we-are h2,
    #the-problem h2, 
    #our-solution h2, 
    #why-stratfin h2, 
    #who-we-serve h2{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
        font-weight: 700;
        color: var(--navy);
        font-size: 48px;
        text-transform: uppercase;
    }

    .edge-grid {             
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        margin: 20px 0 0 0;
        padding: 0 20px;
        overflow: visible;
        align-self: center;
        align-items: center;
        justify-items: center;
        justify-content: space-between;
        align-content: space-between;
    }

    .card { 
        padding:0 40px; 
        background: transparent;
        color: var(--charcoal);
        box-shadow:0 4px 20px rgba(0,0,0,0.05); 
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 25%;
        margin: 0;
        border-radius: 30px;
        overflow:visible;
        position: relative;                       
        /*  background-image: url("../images/svg/fluent_web_dark_2_bf5f23287bc9f60c9be2.svg");
        background-repeat:no-repeat;
        background-size: cover;        
        background-image: linear-gradient(180deg, #989898cc, #2E2E2Ecc ),url("../images/jpg/stratfin_complex_failed.jpg");
        background-repeat:no-repeat;
        background-size: cover;
        background-attachment: scroll,scroll;
        background-origin: padding-box,padding-box;
        background-clip: border-box,border-box; 
        */
        border: solid 4px var(--gold);
    }

    /* 1. Bottom Left Shadow */
    .box-1 {
    /* Negative X (left), Positive Y (down) */
    /*box-shadow: -8px 8px 25px rgba(0, 0, 0, 15);*/
    box-shadow: -20px 20px #362707;
    }

    /* 2. Bottom Left & Right (Centered Bottom) */
    .box-2 {
    /* Zero X (centered), Positive Y (down) */
    /*box-shadow: 0px 10px 25px rgba(0, 0, 0, 15);*/
    box-shadow: 0 20px 0  #362707;
    }

    /* 3. Bottom Right Shadow */
    .box-3 {
    /* Positive X (right), Positive Y (down) */
    /*box-shadow: 8px 8px 25px rgba(0, 0, 0, 15);*/
    box-shadow: 20px 20px #362707;
    }
    

    card-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        overflow: visible;
        position: relative;
        bottom: 40px;
        justify-content: flex-start;
        align-content: flex-start;
        row-gap: 20px;
    }

    card-wrapper wrapper{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        overflow: visible;
        position: relative;
        justify-content:flex-start;
        align-content: flex-start;
        background-color: #241900;
        border-radius: 20px;
    }             
    
    .card card-wrapper wrapper img{  
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        border-radius: 20px;
        width: 120px;
        height: 120px;
        padding: 10px;
        box-sizing: border-box;
        background-color: var(--white);
    }

    .card card-wrapper wrapper h2{             
        font-family: 'SpaceGrotesk-Regular', sans-serif;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        font-size: 30px;
        font-weight: 700;
        text-align: left;
        align-items: center;
        align-self: center;
        padding: 20px;
        margin: 0;
        color: var(--navy);
        border-radius: 20px;
        line-height: 30px;
        width: 60%;
        color: var(--white);
    }
   
    .card card-wrapper p{    
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-size: 16px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0;
        color: var(--white);
        line-height: 30px;
    }

    .card card-wrapper .liner{            
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0;
        position: relative;
        bottom: 20px;  
        height: 4px;
        width: 100%;  
        background-image: repeating-linear-gradient(90deg, var(--gold), var(--gold) 10px, var(--white) 10px, var(--white) 20px);
        border-radius: 3px;        
    }

    middle wrapped-in{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 70%;
        overflow: hidden;
        row-gap: 20px;
    }

    middle wrapped-in h1{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;            
        margin: 0;
        padding: 0 0 0 54px;
        border-left: #C89B3C solid 4px;
    }        

    middle wrapped-in h1 span{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        font-size: 76px;
        font-weight: 400;
        color: var(--white) !important;
    }

    middle wrapped-in p{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        font-size: 24px;
        font-weight: 400;
        line-height: 40px;
        width: 85%;
        padding: 0 0 0 54px;
        margin: 0 0 20px 0;
    }
    
    .service-card { 
        border: 4px solid var(--gold);
        padding: 0 30px 20px 30px;
        background: #fff;
        color: var(--charcoal);
        /*box-shadow: 0 4px 20px rgba(0,0,0,0.05);*/
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 25%;
        margin: 0;
        border-radius: 30px;
        row-gap: 10px;
    }

    service-card-wrapper {             
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
        border-radius: 50px;
    }

    service-card-wrapper .liner2{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0;
        position: relative;
        bottom: 20px;
        height: 4px;
        width: 100%;
        background-color: var(--gold);
        border-radius: 3px;
    }

    .wrapper .liner2{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0;
        height: 4px;
        width: 100%;
        background-color: var(--gold);
        border-radius: 3px;
    }

        .signature .wrapped-inner .liner2{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0;
        position: relative;
        bottom: 40px;
        height: 4px;
        width: 100%;
        background-color: var(--gold);
        border-radius: 3px;
    }


    .service-card h3{ 
        font-family: 'Montserrat', sans-serif;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        font-size: 26px;
        font-weight: 700;
        text-align: left;
        justify-content: center;
        align-items: center;
        align-self: center;
        padding: 0;
        margin: 0;
        color: var(--navy);
        line-height: 30px;
    }

    .service-card img { 
        width:100%; 
        height: 160px;
        object-fit:cover; 
        border-radius: 0 0 30px 30px;
        /*       
        border: 4px solid var(--white);  
        background: var(--gold); */
        margin:0 0 20px 0; 
    }

    .signature { 
        display:flex; 
        flex-direction: row;
        flex-wrap: wrap;
        background:#FFF;
        border-radius: 30px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.08);       
    }

    .wrapped-inner{
        display:flex; 
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        padding: 40px;
    }        
    
    #insights { 
        display:flex; 
        flex-direction: row;
        flex-wrap: wrap;
        background: #362707;
        width: 30%;            
        border-radius: 30px;
        overflow: visible;
    }

    .wrapped-inner_no_bg{
        display:flex; 
        flex-direction: row;
        flex-wrap: wrap;            
        width: 100%;
        padding: 40px;
        margin: 0;
        justify-content: space-between;
        align-content: flex-start;
    }

    .padded_block{
        display:flex; 
        flex-direction: row;
        flex-wrap: wrap;
        background-color: #FFFFFF;
        padding: 20px;
        overflow: hidden;
        box-shadow:0 4px 15px rgba(0,0,0,0.08);
        border-radius: 30px;
    }

    .padded_block .wrap{
        display:flex; 
        flex-direction: row;
        flex-wrap: wrap;
    }

    .padded_block .wrap h3{
        display:flex; 
        flex-direction: row;
        flex-wrap: wrap; 
        padding: 0;           
        margin: 0;
        font-family: 'Inter', sans-serif;
    }

    .padded_block .wrap img{
        display:flex; 
        flex-direction: row;
        flex-wrap: wrap; 
        padding: 0;           
        margin: 10px 0;
        width: 100%;
        border-radius: 20px;
    }

    .padded_block .wrap p{
        display:flex; 
        flex-direction: row;
        flex-wrap: wrap;            
    }

    .padded_block .wrap a{
        display:flex; 
        flex-direction: row;
        flex-wrap: wrap;            
    }

    .signature h2{ 
        font-family: 'playfair_display', sans-serif;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        color:var(--black); 
        font-size:2.2rem;               
        line-height: 40px !important;        
    }

    .signature h2 strong{ 
        width: 100%;
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        color: var(--gold);    
    }

    .signature img{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 80%;
        border-radius: 30px;
    }

    #insights h2 { 
        font-family: 'playfair_display', sans-serif;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        color:var(--white);             
        padding: 0 0 20px 0; 
        margin: 0;  
                
    }

    .padded200{
        margin: 20px 0 !important;
    }

    .signature p{ 
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-size: 22px;
        width: 80%;
        padding: 30px 0 20px 0;
    }

        #insights p { 
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-size: 16px;
        width: 100%;
        color: var(--charcoal);
    }

    #insights a, .signature a { 
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: var(--gold) !important;
        text-decoration: none;
        text-underline-offset: 7px;
    }

    #insights a:hover, .signature a:hover { 
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: var(--gold) !important;
        text-decoration: underline;
        text-underline-offset: 7px;
    }


    footer { 
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;      
        background-image: url("../images/svg/stratfin_footer_bg.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center right;
        background-attachment: scroll,scroll;
        background-origin: padding-box,padding-box;
        background-clip: border-box,border-box;
        border-radius: 30px 30px 0 0;
        background: #0E0901;
    }

    .insights_bg{
        background-color: #1b1405;
    }
    
    footer-wrapper { 
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 100px;
        margin: 0;
        width: 100%;            
        border-radius: 30px 30px 0 0;
        border-top: 4px solid var(--gold);
    }

    footer-wrapper left{ 
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 25%;
    }

    footer-wrapper centre{ 
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        width: 50%;
        justify-content: center;
        align-content: center;
        align-items: center;
        justify-items: center;
        text-align: center;
    }

    footer-wrapper centre p{ 
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        width: 100%;
        text-align: center;
        justify-content: center;
        align-content: center;
        align-items: center;
        justify-items: center;
        color: var(--white);
    }

    footer-wrapper centre .footer-links{ 
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        width: 100%;
        text-align: center;
        justify-content: center;
        align-content: center;
        align-items: center;
        justify-items: center;
    }

    footer-wrapper right{ 
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 25%;
        justify-content: right;
        align-content: flex-end;
    }

    .footer-links a { 
        color:var(--gold); 
        margin:0 1rem; 
        text-decoration:none; 
    }
}