/* /Components/Consultation/ConsultationForm.razor.rz.scp.css */
.form-card[b-01awv9s6po] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 40px 36px;
    max-width: 540px;
    width: 100%;
}

.form-title[b-01awv9s6po] {
    font-size: 24px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 32px;
    text-align: center;
    line-height: 1.3;
}

.form-row[b-01awv9s6po] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
}

.form-group[b-01awv9s6po] {
    margin-bottom: 20px;
}



.helper-text[b-01awv9s6po] {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 6px;
    line-height: 1.4;
}

input[b-01awv9s6po] {
    width: 100%;
    padding: 12px 16px;
    font-size: 15px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}

    input:focus[b-01awv9s6po] {
        outline: none;
        border-color: #1565c0;
        box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.1);
    }

    input[b-01awv9s6po]::placeholder {
        color: var(--text-placeholder);
    }

    .btn-primary[b-01awv9s6po] {
        width:100%;
    }

.submit-button[b-01awv9s6po] {
    width: 100%;
    padding: 14px 24px;
    background-color: #1565c0;
    color: white;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
}

    .submit-button:hover[b-01awv9s6po] {
        background-color: #0d47a1;
    }

.arrow[b-01awv9s6po] {
    font-size: 24px;
    font-weight: 300;
}


.email-text[b-01awv9s6po] {
    text-decoration: none;
    color: var(--logo-blue-color);
    margin-top: 3px;
}










/* Existing CSS remains the same, add these new styles: */

.general-error[b-01awv9s6po] {
    margin-bottom: 16px;
}

.submit-button:disabled[b-01awv9s6po] {
    background-color: #90caf9;
    cursor: not-allowed;
    opacity: 0.7;
}

    .submit-button:disabled:hover[b-01awv9s6po] {
        background-color: #90caf9;
    }

input:disabled[b-01awv9s6po] {
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: 0.6;
}






@media (max-width: 650px) {


    .form-card[b-01awv9s6po] {
        /*padding: 10px 30px;*/

        padding: 0;
        margin-right: 120px;
        max-width: 90%;
        margin:0 auto;
        padding:0 10px;
        margin-top:15px;
    }

    form[b-01awv9s6po] {
       padding:0 15px;
       margin:0 10px;
    }


    .form-row[b-01awv9s6po] {
        grid-template-columns: 1fr;
        gap: 0px;
    }

    input[b-01awv9s6po] {
        padding: 7px;
    }
}



/* /Components/Deliverables.razor.rz.scp.css */

.section-text-1[b-0thd3zlvm4] {
    max-width: 1200px;
    margin: 10px 0px 30px 0px;
}



/* Deliverables Section */
.deliverables-section-container[b-0thd3zlvm4] {
    display: flex;
    justify-content: center;
}

.deliverables-section[b-0thd3zlvm4] {
    max-width: 1000px;
    width: 100%;
    text-align: center;
}

.deliverables-grid[b-0thd3zlvm4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.deliverable-item[b-0thd3zlvm4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.deliverable-icon[b-0thd3zlvm4] {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
}

    .deliverable-icon svg[b-0thd3zlvm4] {
        width: 64px;
        height: 64px;
    }

.deliverable-label[b-0thd3zlvm4] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--heading-primary);
    margin: 0;
}
/* /Components/Footer/FooterPanel.razor.rz.scp.css */


.footer-container[b-d69lmszsq3] {
    max-width: 1400px;
    margin: 0 auto;
    user-select:none;
}

.footer-main[b-d69lmszsq3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    margin-bottom: 50px;
}

.footer-brand h3[b-d69lmszsq3] {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.footer-brand p[b-d69lmszsq3] {
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    max-width: 600px;
}

.footer-links h3[b-d69lmszsq3] {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.footer-links div[b-d69lmszsq3]{
    list-style: none;
    margin-bottom:10px;
}

.footer-links li[b-d69lmszsq3] {
    margin-bottom: 12px;
}

.footer-links a[b-d69lmszsq3], .l-contact[b-d69lmszsq3] {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 16px;
    transition: color 0.2s ease;
}

    .footer-links a:hover[b-d69lmszsq3], .l-contact:hover[b-d69lmszsq3] {
        color: white;
        text-decoration: none;
        cursor: pointer;
    }

.footer-divider[b-d69lmszsq3] {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin: 20px 0 10px;
}

.footer-bottom[b-d69lmszsq3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-copyright[b-d69lmszsq3] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}

.footer-legal[b-d69lmszsq3] {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

    .footer-legal a[b-d69lmszsq3] {
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none;
        font-size: 14px;
        transition: color 0.2s ease;
    }

        .footer-legal a:hover[b-d69lmszsq3] {
            color: white;
        }

@media (max-width: 768px) {
    footer[b-d69lmszsq3] {
        padding: 40px 20px 20px;
    }

    .footer-main[b-d69lmszsq3] {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .footer-bottom[b-d69lmszsq3] {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-legal[b-d69lmszsq3] {
        flex-direction: column;
        gap: 12px;
    }
}
/* /Components/Footer/PrivacyPolicy.razor.rz.scp.css */
/* Reset and Base Styles */


/* Navigation Bar */
.navbar[b-g0grrdza76] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fcfcfc;
    border-bottom: 1px solid #e0e0e0;
    padding: 0;
    margin: 0 !important;
    width: 100%;
    z-index: 1000;
   
}

.navbar-container[b-g0grrdza76] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 48px;
    margin: 0;
}

.navbar-brand[b-g0grrdza76] {
    flex-shrink: 0;
}

.brand-link[b-g0grrdza76] {
    font-size: 20px;
    font-weight: 700;
    color: #003d6b;
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

    .brand-link:hover[b-g0grrdza76] {
        color: #002a4a;
    }

.navbar-menu[b-g0grrdza76] {
    display: flex;
    gap: 40px;
    align-items: center;
    flex: 1;
    justify-content: center;
}

.nav-link[b-g0grrdza76] {
    color: #333333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    transition: color 0.2s ease;
}

    .nav-link:hover[b-g0grrdza76] {
        color: #003d6b;
    }

.navbar-actions[b-g0grrdza76] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.btn-signin[b-g0grrdza76] {
    background: transparent;
    color: #003d6b;
    border: 1px solid #003d6b;
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-signin:hover[b-g0grrdza76] {
        background-color: #f0f4f8;
    }

.btn-getstarted[b-g0grrdza76] {
    background: linear-gradient(135deg, #003d6b 0%, #0056a3 100%);
    color: white;
    border: none;
    padding: 8px 24px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-getstarted:hover[b-g0grrdza76] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0, 61, 107, 0.3);
    }

/* Hero Section */
.hero[b-g0grrdza76] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 120px 0 60px 0;
    margin-top: 60px;
}

.container[b-g0grrdza76] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 48px;
}

.breadcrumb[b-g0grrdza76] {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 16px;
}

.hero h1[b-g0grrdza76] {
    font-size: 42px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 16px;
}

.hero-subtitle[b-g0grrdza76] {
    font-size: 18px;
    color: #495057;
    max-width: 700px;
}

/* Section Styles */
.section[b-g0grrdza76] {
    padding: 80px 0;
}

.section-white[b-g0grrdza76] {
    background-color: #ffffff;
}

.content-container[b-g0grrdza76] {
    max-width: 900px;
    margin: 0 auto;
}

/* Last Updated */
.last-updated[b-g0grrdza76] {
    text-align: center;
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9ecef;
}

/* Intro Box */
.intro-box[b-g0grrdza76] {
    background: linear-gradient(135deg, #f0f7ff 0%, #e6f2ff 100%);
    border-left: 4px solid #003d6b;
    padding: 32px;
    border-radius: 8px;
    margin-bottom: 48px;
}

    .intro-box h2[b-g0grrdza76] {
        font-size: 24px;
        color: #003d6b;
        margin-bottom: 16px;
    }

    .intro-box p[b-g0grrdza76] {
        margin-bottom: 12px;
        font-size: 16px;
        line-height: 1.7;
    }

        .intro-box p:last-child[b-g0grrdza76] {
            margin-bottom: 0;
        }

.highlight-text[b-g0grrdza76] {
    color: #003d6b;
    font-weight: 600;
    font-size: 17px !important;
    margin-top: 16px;
}

/* Policy Sections */
.policy-section[b-g0grrdza76] {
    margin-bottom: 56px;
}

    .policy-section h2[b-g0grrdza76] {
        font-size: 28px;
        color: #1a1a1a;
        margin-bottom: 20px;
        padding-bottom: 12px;
        border-bottom: 2px solid #e9ecef;
    }

    .policy-section h3[b-g0grrdza76] {
        font-size: 20px;
        color: #495057;
        margin-top: 28px;
        margin-bottom: 12px;
    }

    .policy-section h4[b-g0grrdza76] {
        font-size: 17px;
        color: #003d6b;
        margin-bottom: 8px;
        font-weight: 600;
    }

    .policy-section p[b-g0grrdza76] {
        font-size: 16px;
        line-height: 1.8;
        color: #333;
        margin-bottom: 16px;
    }

    .policy-section ul[b-g0grrdza76] {
        margin: 16px 0 24px 0;
        padding-left: 0;
        list-style: none;
    }

    .policy-section li[b-g0grrdza76] {
        padding: 8px 0 8px 32px;
        position: relative;
        font-size: 16px;
        line-height: 1.7;
    }

        .policy-section li[b-g0grrdza76]:before {
            content: "•";
            color: #003d6b;
            font-weight: bold;
            font-size: 20px;
            position: absolute;
            left: 12px;
        }

/* Highlight Section */
.highlight-section[b-g0grrdza76] {
    background-color: #f8f9fa;
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #dee2e6;
}

.important-notice[b-g0grrdza76] {
    background-color: #fff;
    border-left: 4px solid #003d6b;
    padding: 20px 24px;
    margin-bottom: 32px;
    border-radius: 4px;
    font-size: 17px;
    line-height: 1.7;
    color: #003d6b;
}

.exception-item[b-g0grrdza76] {
    background-color: #fff;
    padding: 20px 24px;
    margin-bottom: 16px;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

    .exception-item h4[b-g0grrdza76] {
        margin-top: 0;
    }

    .exception-item p[b-g0grrdza76] {
        margin-bottom: 0;
        color: #495057;
    }

.consent-note[b-g0grrdza76] {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #dee2e6;
    font-size: 16px;
}

/* Rights Grid */
.rights-grid[b-g0grrdza76] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 32px 0;
}

.right-item[b-g0grrdza76] {
    background-color: #f8f9fa;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
}

    .right-item:hover[b-g0grrdza76] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        border-color: #003d6b;
    }

    .right-item h4[b-g0grrdza76] {
        margin-top: 0;
        margin-bottom: 8px;
    }

    .right-item p[b-g0grrdza76] {
        margin-bottom: 0;
        font-size: 15px;
        color: #495057;
    }

/* Contact Section */
.contact-section[b-g0grrdza76] {
    margin-bottom: 48px;
}

.contact-box[b-g0grrdza76] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 32px;
    border-radius: 8px;
    margin-top: 24px;
}

    .contact-box h3[b-g0grrdza76] {
        font-size: 22px;
        color: #003d6b;
        margin-bottom: 16px;
    }

    .contact-box p[b-g0grrdza76] {
        margin-bottom: 8px;
        font-size: 16px;
    }

        .contact-box p:last-child[b-g0grrdza76] {
            margin-bottom: 0;
        }

/* Links */
a[b-g0grrdza76] {
    color: #003d6b;
    text-decoration: none;
    transition: color 0.2s ease;
}

    a:hover[b-g0grrdza76] {
        color: #0056a3;
        text-decoration: underline;
    }

/* Footer Note */
.footer-note[b-g0grrdza76] {
    background-color: #f0f7ff;
    border: 2px solid #003d6b;
    padding: 24px;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    color: #003d6b;
    margin-top: 56px;
}

/* Site Footer */
.site-footer[b-g0grrdza76] {
    background-color: #1a1a1a;
    color: #adb5bd;
    padding: 32px 0;
    text-align: center;
}

    .site-footer p[b-g0grrdza76] {
        margin: 0;
        font-size: 14px;
    }

    .site-footer a[b-g0grrdza76] {
        color: #adb5bd;
        margin: 0 8px;
    }

        .site-footer a:hover[b-g0grrdza76] {
            color: #fff;
        }

/* Responsive Design */
@media (max-width: 768px) {
    .navbar-container[b-g0grrdza76] {
        padding: 8px 24px;
    }

    .navbar-menu[b-g0grrdza76] {
        gap: 20px;
    }

    .nav-link[b-g0grrdza76] {
        font-size: 14px;
    }

    .hero[b-g0grrdza76] {
        padding: 100px 0 40px 0;
    }

        .hero h1[b-g0grrdza76] {
            font-size: 32px;
        }

    .hero-subtitle[b-g0grrdza76] {
        font-size: 16px;
    }

    .container[b-g0grrdza76] {
        padding: 0 24px;
    }

    .intro-box[b-g0grrdza76] {
        padding: 24px;
    }

    .policy-section h2[b-g0grrdza76] {
        font-size: 24px;
    }

    .highlight-section[b-g0grrdza76] {
        padding: 24px;
    }

    .rights-grid[b-g0grrdza76] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .navbar-menu[b-g0grrdza76] {
        display: none;
    }

    .navbar-actions[b-g0grrdza76] {
        flex: 1;
        justify-content: flex-end;
    }

    .hero h1[b-g0grrdza76] {
        font-size: 28px;
    }

    .policy-section h2[b-g0grrdza76] {
        font-size: 22px;
    }
}
/* /Components/Footer/Regulatory.razor.rz.scp.css */
/* Reset and Base Styles */
*[b-0r0fbfg91n] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-0r0fbfg91n] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #fafafa;
    color: #333;
    line-height: 1.6;
}

/* Navigation Bar */
.navbar[b-0r0fbfg91n] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fcfcfc;
    border-bottom: 1px solid #e0e0e0;
    padding: 0;
    margin: 0 !important;
    width: 100%;
    z-index: 1000;
}

.navbar-container[b-0r0fbfg91n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 48px;
    margin: 0;
}

.navbar-brand[b-0r0fbfg91n] {
    flex-shrink: 0;
}

.brand-link[b-0r0fbfg91n] {
    font-size: 20px;
    font-weight: 700;
    color: #003d6b;
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

    .brand-link:hover[b-0r0fbfg91n] {
        color: #002a4a;
    }

.navbar-menu[b-0r0fbfg91n] {
    display: flex;
    gap: 40px;
    align-items: center;
    flex: 1;
    justify-content: center;
}

.nav-link[b-0r0fbfg91n] {
    color: #333333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    transition: color 0.2s ease;
}

    .nav-link:hover[b-0r0fbfg91n] {
        color: #003d6b;
    }

.navbar-actions[b-0r0fbfg91n] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.btn-signin[b-0r0fbfg91n] {
    background: transparent;
    color: #003d6b;
    border: 1px solid #003d6b;
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-signin:hover[b-0r0fbfg91n] {
        background-color: #f0f4f8;
    }

.btn-getstarted[b-0r0fbfg91n] {
    background: linear-gradient(135deg, #003d6b 0%, #0056a3 100%);
    color: white;
    border: none;
    padding: 8px 24px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-getstarted:hover[b-0r0fbfg91n] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0, 61, 107, 0.3);
    }

/* Hero Section */
.hero[b-0r0fbfg91n] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 120px 0 60px 0;
    margin-top: 60px;
}

.container[b-0r0fbfg91n] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 48px;
}

.breadcrumb[b-0r0fbfg91n] {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 16px;
}

.hero h1[b-0r0fbfg91n] {
    font-size: 42px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 16px;
}

.hero-subtitle[b-0r0fbfg91n] {
    font-size: 18px;
    color: #495057;
    max-width: 700px;
}

/* Section Styles */
.section[b-0r0fbfg91n] {
    padding: 80px 0;
}

.section-white[b-0r0fbfg91n] {
    background-color: #ffffff;
}

.content-container[b-0r0fbfg91n] {
    max-width: 900px;
    margin: 0 auto;
}

/* Last Updated */
.last-updated[b-0r0fbfg91n] {
    text-align: center;
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9ecef;
}

/* Intro Box */
.intro-box[b-0r0fbfg91n] {
    background: linear-gradient(135deg, #f0f7ff 0%, #e6f2ff 100%);
    border-left: 4px solid #003d6b;
    padding: 32px;
    border-radius: 8px;
    margin-bottom: 48px;
}

    .intro-box h2[b-0r0fbfg91n] {
        font-size: 24px;
        color: #003d6b;
        margin-bottom: 16px;
    }

    .intro-box p[b-0r0fbfg91n] {
        margin-bottom: 12px;
        font-size: 16px;
        line-height: 1.7;
    }

        .intro-box p:last-child[b-0r0fbfg91n] {
            margin-bottom: 0;
        }

.highlight-text[b-0r0fbfg91n] {
    color: #003d6b;
    font-weight: 600;
    font-size: 17px !important;
    margin-top: 16px;
}

/* Policy Sections */
.policy-section[b-0r0fbfg91n] {
    margin-bottom: 56px;
}

    .policy-section h2[b-0r0fbfg91n] {
        font-size: 28px;
        color: #1a1a1a;
        margin-bottom: 20px;
        padding-bottom: 12px;
        border-bottom: 2px solid #e9ecef;
    }

    .policy-section h3[b-0r0fbfg91n] {
        font-size: 20px;
        color: #495057;
        margin-top: 28px;
        margin-bottom: 12px;
    }

    .policy-section h4[b-0r0fbfg91n] {
        font-size: 17px;
        color: #003d6b;
        margin-bottom: 8px;
        font-weight: 600;
    }

    .policy-section p[b-0r0fbfg91n] {
        font-size: 16px;
        line-height: 1.8;
        color: #333;
        margin-bottom: 16px;
    }

    .policy-section ul[b-0r0fbfg91n] {
        margin: 16px 0 24px 0;
        padding-left: 0;
        list-style: none;
    }

    .policy-section li[b-0r0fbfg91n] {
        padding: 8px 0 8px 32px;
        position: relative;
        font-size: 16px;
        line-height: 1.7;
    }

        .policy-section li[b-0r0fbfg91n]:before {
            content: "•";
            color: #003d6b;
            font-weight: bold;
            font-size: 20px;
            position: absolute;
            left: 12px;
        }

/* Info Notice */
.info-notice[b-0r0fbfg91n] {
    background-color: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 20px 24px;
    margin: 24px 0;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.7;
}

    .info-notice strong[b-0r0fbfg91n] {
        color: #856404;
    }

/* Highlight Section */
.highlight-section[b-0r0fbfg91n] {
    background-color: #f8f9fa;
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #dee2e6;
}

/* Membership Grid */
.membership-grid[b-0r0fbfg91n] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 32px;
    margin: 32px 0;
}

.membership-card[b-0r0fbfg91n] {
    background-color: #fff;
    padding: 32px;
    border-radius: 12px;
    border: 2px solid #003d6b;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

    .membership-card h3[b-0r0fbfg91n] {
        font-size: 22px;
        color: #003d6b;
        margin-bottom: 16px;
        margin-top: 0;
    }

.logo-placeholder[b-0r0fbfg91n] {
    background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
    border: 2px dashed #adb5bd;
    padding: 40px 20px;
    text-align: center;
    border-radius: 8px;
    margin: 20px 0;
    color: #6c757d;
    font-size: 14px;
    font-weight: 500;
}

.details-box[b-0r0fbfg91n] {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
}

    .details-box h4[b-0r0fbfg91n] {
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 16px;
    }

    .details-box ul[b-0r0fbfg91n] {
        margin: 0;
    }

    .details-box li[b-0r0fbfg91n] {
        font-size: 15px;
        padding: 6px 0 6px 28px;
    }

        .details-box li[b-0r0fbfg91n]:before {
            font-size: 16px;
            left: 8px;
        }

.website-link[b-0r0fbfg91n] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e9ecef;
    font-size: 15px;
}

/* Standards Grid */
.standards-grid[b-0r0fbfg91n] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 32px 0;
}

.standard-item[b-0r0fbfg91n] {
    background-color: #fff;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
}

    .standard-item:hover[b-0r0fbfg91n] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        border-color: #003d6b;
    }

    .standard-item h4[b-0r0fbfg91n] {
        margin-top: 0;
        margin-bottom: 8px;
    }

    .standard-item p[b-0r0fbfg91n] {
        margin-bottom: 0;
        font-size: 15px;
        color: #495057;
    }

/* Complaints Box */
.complaints-box[b-0r0fbfg91n] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    margin: 24px 0;
}

.complaint-option[b-0r0fbfg91n] {
    background-color: #f8f9fa;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #dee2e6;
}

    .complaint-option h4[b-0r0fbfg91n] {
        margin-top: 0;
        margin-bottom: 12px;
        color: #003d6b;
    }

    .complaint-option p[b-0r0fbfg91n] {
        margin-bottom: 8px;
        font-size: 15px;
    }

        .complaint-option p:last-child[b-0r0fbfg91n] {
            margin-bottom: 0;
        }

/* Contact Section */
.contact-section[b-0r0fbfg91n] {
    margin-bottom: 48px;
}

.contact-box[b-0r0fbfg91n] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 32px;
    border-radius: 8px;
    margin-top: 24px;
}

    .contact-box h3[b-0r0fbfg91n] {
        font-size: 22px;
        color: #003d6b;
        margin-bottom: 16px;
    }

    .contact-box p[b-0r0fbfg91n] {
        margin-bottom: 8px;
        font-size: 16px;
    }

        .contact-box p:last-child[b-0r0fbfg91n] {
            margin-bottom: 0;
        }

/* Links */
a[b-0r0fbfg91n] {
    color: #003d6b;
    text-decoration: none;
    transition: color 0.2s ease;
}

    a:hover[b-0r0fbfg91n] {
        color: #0056a3;
        text-decoration: underline;
    }

/* Footer Note */
.footer-note[b-0r0fbfg91n] {
    background-color: #f0f7ff;
    border: 2px solid #003d6b;
    padding: 24px;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    color: #003d6b;
    margin-top: 56px;
}

/* Site Footer */
.site-footer[b-0r0fbfg91n] {
    background-color: #1a1a1a;
    color: #adb5bd;
    padding: 32px 0;
    text-align: center;
}

    .site-footer p[b-0r0fbfg91n] {
        margin: 0;
        font-size: 14px;
    }

    .site-footer a[b-0r0fbfg91n] {
        color: #adb5bd;
        margin: 0 8px;
    }

        .site-footer a:hover[b-0r0fbfg91n] {
            color: #fff;
        }

/* Responsive Design */
@media (max-width: 768px) {
    .navbar-container[b-0r0fbfg91n] {
        padding: 8px 24px;
    }

    .navbar-menu[b-0r0fbfg91n] {
        gap: 20px;
    }

    .nav-link[b-0r0fbfg91n] {
        font-size: 14px;
    }

    .hero[b-0r0fbfg91n] {
        padding: 100px 0 40px 0;
    }

        .hero h1[b-0r0fbfg91n] {
            font-size: 32px;
        }

    .hero-subtitle[b-0r0fbfg91n] {
        font-size: 16px;
    }

    .container[b-0r0fbfg91n] {
        padding: 0 24px;
    }

    .intro-box[b-0r0fbfg91n] {
        padding: 24px;
    }

    .policy-section h2[b-0r0fbfg91n] {
        font-size: 24px;
    }

    .highlight-section[b-0r0fbfg91n] {
        padding: 24px;
    }

    .membership-grid[b-0r0fbfg91n] {
        grid-template-columns: 1fr;
    }

    .membership-card[b-0r0fbfg91n] {
        padding: 24px;
    }

    .standards-grid[b-0r0fbfg91n] {
        grid-template-columns: 1fr;
    }

    .complaints-box[b-0r0fbfg91n] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .navbar-menu[b-0r0fbfg91n] {
        display: none;
    }

    .navbar-actions[b-0r0fbfg91n] {
        flex: 1;
        justify-content: flex-end;
    }

    .hero h1[b-0r0fbfg91n] {
        font-size: 28px;
    }

    .policy-section h2[b-0r0fbfg91n] {
        font-size: 22px;
    }

    .membership-card h3[b-0r0fbfg91n] {
        font-size: 20px;
    }
}
/* /Components/Footer/Terms.razor.rz.scp.css */
/* Reset and Base Styles */
*[b-6ggrv079vy] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-6ggrv079vy] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #fafafa;
    color: #333;
    line-height: 1.6;
}

/* Navigation Bar */
.navbar[b-6ggrv079vy] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fcfcfc;
    border-bottom: 1px solid #e0e0e0;
    padding: 0;
    margin: 0 !important;
    width: 100%;
    z-index: 1000;
}

.navbar-container[b-6ggrv079vy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 48px;
    margin: 0;
}

.navbar-brand[b-6ggrv079vy] {
    flex-shrink: 0;
}

.brand-link[b-6ggrv079vy] {
    font-size: 20px;
    font-weight: 700;
    color: #003d6b;
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

    .brand-link:hover[b-6ggrv079vy] {
        color: #002a4a;
    }

.navbar-menu[b-6ggrv079vy] {
    display: flex;
    gap: 40px;
    align-items: center;
    flex: 1;
    justify-content: center;
}

.nav-link[b-6ggrv079vy] {
    color: #333333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    transition: color 0.2s ease;
}

    .nav-link:hover[b-6ggrv079vy] {
        color: #003d6b;
    }

.navbar-actions[b-6ggrv079vy] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.btn-signin[b-6ggrv079vy] {
    background: transparent;
    color: #003d6b;
    border: 1px solid #003d6b;
    padding: 8px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-signin:hover[b-6ggrv079vy] {
        background-color: #f0f4f8;
    }

.btn-getstarted[b-6ggrv079vy] {
    background: linear-gradient(135deg, #003d6b 0%, #0056a3 100%);
    color: white;
    border: none;
    padding: 8px 24px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-getstarted:hover[b-6ggrv079vy] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0, 61, 107, 0.3);
    }

/* Hero Section */
.hero[b-6ggrv079vy] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 120px 0 60px 0;
    margin-top: 60px;
}

.container[b-6ggrv079vy] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 48px;
}

.breadcrumb[b-6ggrv079vy] {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 16px;
}

.hero h1[b-6ggrv079vy] {
    font-size: 42px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 16px;
}

.hero-subtitle[b-6ggrv079vy] {
    font-size: 18px;
    color: #495057;
    max-width: 700px;
}

/* Section Styles */
.section[b-6ggrv079vy] {
    padding: 80px 0;
}

.section-white[b-6ggrv079vy] {
    background-color: #ffffff;
}

.content-container[b-6ggrv079vy] {
    max-width: 900px;
    margin: 0 auto;
}

/* Last Updated */
.last-updated[b-6ggrv079vy] {
    text-align: center;
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9ecef;
}

/* Intro Box */
.intro-box[b-6ggrv079vy] {
    background: linear-gradient(135deg, #f0f7ff 0%, #e6f2ff 100%);
    border-left: 4px solid #003d6b;
    padding: 32px;
    border-radius: 8px;
    margin-bottom: 48px;
}

    .intro-box h2[b-6ggrv079vy] {
        font-size: 24px;
        color: #003d6b;
        margin-bottom: 16px;
    }

    .intro-box p[b-6ggrv079vy] {
        margin-bottom: 12px;
        font-size: 16px;
        line-height: 1.7;
    }

        .intro-box p:last-child[b-6ggrv079vy] {
            margin-bottom: 0;
        }

.highlight-text[b-6ggrv079vy] {
    color: #003d6b;
    font-weight: 600;
    font-size: 17px !important;
    margin-top: 16px;
}

/* Policy Sections */
.policy-section[b-6ggrv079vy] {
    margin-bottom: 56px;
}

    .policy-section h2[b-6ggrv079vy] {
        font-size: 28px;
        color: #1a1a1a;
        margin-bottom: 20px;
        padding-bottom: 12px;
        border-bottom: 2px solid #e9ecef;
    }

    .policy-section h3[b-6ggrv079vy] {
        font-size: 20px;
        color: #495057;
        margin-top: 28px;
        margin-bottom: 12px;
    }

    .policy-section h4[b-6ggrv079vy] {
        font-size: 17px;
        color: #003d6b;
        margin-bottom: 8px;
        font-weight: 600;
    }

    .policy-section p[b-6ggrv079vy] {
        font-size: 16px;
        line-height: 1.8;
        color: #333;
        margin-bottom: 16px;
    }

    .policy-section ul[b-6ggrv079vy] {
        margin: 16px 0 24px 0;
        padding-left: 0;
        list-style: none;
    }

    .policy-section li[b-6ggrv079vy] {
        padding: 8px 0 8px 32px;
        position: relative;
        font-size: 16px;
        line-height: 1.7;
    }

        .policy-section li[b-6ggrv079vy]:before {
            content: "•";
            color: #003d6b;
            font-weight: bold;
            font-size: 20px;
            position: absolute;
            left: 12px;
        }

/* Info Notice */
.info-notice[b-6ggrv079vy] {
    background-color: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 20px 24px;
    margin: 24px 0;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.7;
}

    .info-notice strong[b-6ggrv079vy] {
        color: #856404;
    }

/* Highlight Section */
.highlight-section[b-6ggrv079vy] {
    background-color: #f8f9fa;
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #dee2e6;
}

/* Membership Grid */
.membership-grid[b-6ggrv079vy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 32px;
    margin: 32px 0;
}

.membership-card[b-6ggrv079vy] {
    background-color: #fff;
    padding: 32px;
    border-radius: 12px;
    border: 2px solid #003d6b;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

    .membership-card h3[b-6ggrv079vy] {
        font-size: 22px;
        color: #003d6b;
        margin-bottom: 16px;
        margin-top: 0;
    }

.logo-placeholder[b-6ggrv079vy] {
    background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
    border: 2px dashed #adb5bd;
    padding: 40px 20px;
    text-align: center;
    border-radius: 8px;
    margin: 20px 0;
    color: #6c757d;
    font-size: 14px;
    font-weight: 500;
}

.details-box[b-6ggrv079vy] {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
}

    .details-box h4[b-6ggrv079vy] {
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 16px;
    }

    .details-box ul[b-6ggrv079vy] {
        margin: 0;
    }

    .details-box li[b-6ggrv079vy] {
        font-size: 15px;
        padding: 6px 0 6px 28px;
    }

        .details-box li[b-6ggrv079vy]:before {
            font-size: 16px;
            left: 8px;
        }

.website-link[b-6ggrv079vy] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e9ecef;
    font-size: 15px;
}

/* Standards Grid */
.standards-grid[b-6ggrv079vy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 32px 0;
}

.standard-item[b-6ggrv079vy] {
    background-color: #fff;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
}

    .standard-item:hover[b-6ggrv079vy] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        border-color: #003d6b;
    }

    .standard-item h4[b-6ggrv079vy] {
        margin-top: 0;
        margin-bottom: 8px;
    }

    .standard-item p[b-6ggrv079vy] {
        margin-bottom: 0;
        font-size: 15px;
        color: #495057;
    }

/* Complaints Box */
.complaints-box[b-6ggrv079vy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    margin: 24px 0;
}

.complaint-option[b-6ggrv079vy] {
    background-color: #f8f9fa;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #dee2e6;
}

    .complaint-option h4[b-6ggrv079vy] {
        margin-top: 0;
        margin-bottom: 12px;
        color: #003d6b;
    }

    .complaint-option p[b-6ggrv079vy] {
        margin-bottom: 8px;
        font-size: 15px;
    }

        .complaint-option p:last-child[b-6ggrv079vy] {
            margin-bottom: 0;
        }

/* Contact Section */
.contact-section[b-6ggrv079vy] {
    margin-bottom: 48px;
}

.contact-box[b-6ggrv079vy] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 32px;
    border-radius: 8px;
    margin-top: 24px;
}

    .contact-box h3[b-6ggrv079vy] {
        font-size: 22px;
        color: #003d6b;
        margin-bottom: 16px;
    }

    .contact-box p[b-6ggrv079vy] {
        margin-bottom: 8px;
        font-size: 16px;
    }

        .contact-box p:last-child[b-6ggrv079vy] {
            margin-bottom: 0;
        }

/* Links */
a[b-6ggrv079vy] {
    color: #003d6b;
    text-decoration: none;
    transition: color 0.2s ease;
}

    a:hover[b-6ggrv079vy] {
        color: #0056a3;
        text-decoration: underline;
    }

/* Footer Note */
.footer-note[b-6ggrv079vy] {
    background-color: #f0f7ff;
    border: 2px solid #003d6b;
    padding: 24px;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    color: #003d6b;
    margin-top: 56px;
}

/* Site Footer */
.site-footer[b-6ggrv079vy] {
    background-color: #1a1a1a;
    color: #adb5bd;
    padding: 32px 0;
    text-align: center;
}

    .site-footer p[b-6ggrv079vy] {
        margin: 0;
        font-size: 14px;
    }

    .site-footer a[b-6ggrv079vy] {
        color: #adb5bd;
        margin: 0 8px;
    }

        .site-footer a:hover[b-6ggrv079vy] {
            color: #fff;
        }

/* Responsive Design */
@media (max-width: 768px) {
    .navbar-container[b-6ggrv079vy] {
        padding: 8px 24px;
    }

    .navbar-menu[b-6ggrv079vy] {
        gap: 20px;
    }

    .nav-link[b-6ggrv079vy] {
        font-size: 14px;
    }

    .hero[b-6ggrv079vy] {
        padding: 100px 0 40px 0;
    }

        .hero h1[b-6ggrv079vy] {
            font-size: 32px;
        }

    .hero-subtitle[b-6ggrv079vy] {
        font-size: 16px;
    }

    .container[b-6ggrv079vy] {
        padding: 0 24px;
    }

    .intro-box[b-6ggrv079vy] {
        padding: 24px;
    }

    .policy-section h2[b-6ggrv079vy] {
        font-size: 24px;
    }

    .highlight-section[b-6ggrv079vy] {
        padding: 24px;
    }

    .membership-grid[b-6ggrv079vy] {
        grid-template-columns: 1fr;
    }

    .membership-card[b-6ggrv079vy] {
        padding: 24px;
    }

    .standards-grid[b-6ggrv079vy] {
        grid-template-columns: 1fr;
    }

    .complaints-box[b-6ggrv079vy] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .navbar-menu[b-6ggrv079vy] {
        display: none;
    }

    .navbar-actions[b-6ggrv079vy] {
        flex: 1;
        justify-content: flex-end;
    }

    .hero h1[b-6ggrv079vy] {
        font-size: 28px;
    }

    .policy-section h2[b-6ggrv079vy] {
        font-size: 22px;
    }

    .membership-card h3[b-6ggrv079vy] {
        font-size: 20px;
    }
}
/* /Components/HeaderMenu.razor.rz.scp.css */
/* Base Navbar Styles */
.navbar[b-0pluib3bze] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fefefe;
    border-bottom: 1px solid #e0e0e0;
    padding: 0;
    margin: 0 !important;
    width: 100%;
    z-index: 1000;
}



.navbar-container[b-0pluib3bze] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 50px;
    margin: 0;
    position: relative;
    padding-left: 5%;
}

.navbar-brand[b-0pluib3bze] {
   
    width:257px;
}

.brand-link[b-0pluib3bze] {
    font-size: 30px;
    font-weight: 700;
    color: var(--logo-blue-color);
    text-decoration: none;
    cursor: pointer;
    user-select: none;
}

    .brand-link:hover[b-0pluib3bze] {
        color: #002a4a;
    }



/* Desktop Menu */
.navbar-menu[b-0pluib3bze] {
    display: flex;
    gap: 35px;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
}

.nav-link[b-0pluib3bze] {
    color: #333333;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    transition: color 0.2s ease;
    white-space: nowrap;
}

    .nav-link:hover[b-0pluib3bze] {
        color: #003d6b;
    }

.selected-page[b-0pluib3bze] {
    color: var(--logo-blue-color);
    font-weight: 500;
}

.l-adaptive[b-0pluib3bze] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
/* Desktop Actions */
.navbar-actions[b-0pluib3bze] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-shrink: 0;
}

.btn-signin[b-0pluib3bze] {
    background: transparent;
    border: none;
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    cursor: pointer;
    transition: color 0.2s ease;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    cursor: pointer;
}

    .btn-signin:hover[b-0pluib3bze] {
        color: #003d6b;
    }

.btn-getstarted[b-0pluib3bze] {
    background-color: #0066b2;
    border: none;
    border-radius: 4px;
    color: white;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

    .btn-getstarted:hover[b-0pluib3bze] {
        background-color: #005299;
    }

/* Hamburger Menu Button - Hidden by default, shown on mobile */
.hamburger[b-0pluib3bze] {
    display: none;
    flex-direction: column;
    cursor: pointer;
    padding: 8px;
    background: none;
    border: none;
    z-index: 1001;
}

    .hamburger span[b-0pluib3bze] {
        display: block;
        width: 25px;
        height: 3px;
        background-color: #003d6b;
        margin: 3px 0;
        transition: all 0.3s ease;
        border-radius: 2px;
    }

    .hamburger.active span:nth-child(1)[b-0pluib3bze] {
        transform: rotate(45deg) translate(8px, 8px);
    }

    .hamburger.active span:nth-child(2)[b-0pluib3bze] {
        opacity: 0;
    }

    .hamburger.active span:nth-child(3)[b-0pluib3bze] {
        transform: rotate(-45deg) translate(7px, -7px);
    }

/* Mobile Menu Dropdown - Hidden by default */
.mobile-menu[b-0pluib3bze] {
    display: none;
    position: fixed;
    top: 66px;
    left: 0;
    right: 0;
    background-color: #fcfcfc;
    border-bottom: 1px solid #e0e0e0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

    .mobile-menu.active[b-0pluib3bze] {
        max-height: 500px;
    }

.mobile-menu-content[b-0pluib3bze] {
    padding: 20px;
}

.mobile-nav-links[b-0pluib3bze] {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

    .mobile-nav-links .nav-link[b-0pluib3bze] {
        padding: 15px 10px;
        font-size: 18px;
        border-bottom: 1px solid #f0f0f0;
    }

        .mobile-nav-links .nav-link:last-child[b-0pluib3bze] {
            border-bottom: none;
        }

.mobile-actions[b-0pluib3bze] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .mobile-actions .btn-signin[b-0pluib3bze],
    .mobile-actions .btn-getstarted[b-0pluib3bze] {
        width: 100%;
        padding: 12px 20px;
        font-size: 16px;
        text-align: center;
    }


   

/* RESPONSIVE BREAKPOINTS */

@media (max-width: 1100px) {

    .l-adaptive[b-0pluib3bze] {
        flex-direction: column;
        gap:0;
    }
}

/* Tablet and Mobile - Show hamburger menu */
@media (max-width: 900px) {

    .l-adaptive[b-0pluib3bze] {
        flex-direction: column;
    }

    .navbar-container[b-0pluib3bze] {
        padding: 12px 20px;
        padding-left: 20px;
    }

    .brand-link[b-0pluib3bze] {
        font-size: 24px;
    }

    /* HIDE desktop menu and actions */
    .navbar-menu[b-0pluib3bze] {
        display: none !important;
    }

    .navbar-actions[b-0pluib3bze] {
        display: none !important;
    }

    /* SHOW hamburger button */
    .hamburger[b-0pluib3bze] {
        display: flex !important;
    }

    /* SHOW mobile menu container */
    .mobile-menu[b-0pluib3bze] {
        display: block !important;
        top: 67px;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    .navbar-container[b-0pluib3bze] {
        padding: 10px 15px;
        padding-left: 15px;
    }

    .brand-link[b-0pluib3bze] {
        font-size: 20px;
    }

    .mobile-menu[b-0pluib3bze] {
        top: 63px;
    }

    .mobile-menu-content[b-0pluib3bze] {
        padding: 15px;
    }

    .mobile-nav-links .nav-link[b-0pluib3bze] {
        padding: 12px 8px;
        font-size: 16px;
    }

    .mobile-actions .btn-signin[b-0pluib3bze],
    .mobile-actions .btn-getstarted[b-0pluib3bze] {
        padding: 10px 16px;
        font-size: 15px;
    }

    .hamburger span[b-0pluib3bze] {
        width: 22px;
    }
}
/* /Components/MessagePanel.razor.rz.scp.css */


.message-panel[b-kfsolsraun] {
    position: relative;
    background: white;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    max-width: 500px;
    width: 100%;
    padding: 32px;
    animation: slideUp-b-kfsolsraun 0.3s ease-out;
    box-sizing: border-box;
    user-select: none;
}

@keyframes slideUp-b-kfsolsraun {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.close-button[b-kfsolsraun] {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    padding: 0;
}

    .close-button:hover[b-kfsolsraun] {
        background-color: #f3f4f6;
        color: #1f2937;
    }

    .close-button:active[b-kfsolsraun] {
        background-color: #e5e7eb;
        transform: scale(0.95);
    }

.message-content[b-kfsolsraun] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
}

.icon-wrapper[b-kfsolsraun] {
    display: flex;
    align-items: center;
    justify-content: center;
    animation: scaleIn-b-kfsolsraun 0.4s ease-out 0.1s both;
}

@keyframes scaleIn-b-kfsolsraun {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.status-icon[b-kfsolsraun] {
    display: block;
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
}

.message-text[b-kfsolsraun] {
    font-size: 16px;
    line-height: 1.6;
    color: #1f2937;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    animation: fadeInUp-b-kfsolsraun 0.4s ease-out 0.2s both;
}

@keyframes fadeInUp-b-kfsolsraun {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .message-panel[b-kfsolsraun] {
        padding: 24px;
        margin: 16px;
        max-width: calc(100% - 32px);
    }

    .message-content[b-kfsolsraun] {
        gap: 20px;
    }

    .message-text[b-kfsolsraun] {
        font-size: 15px;
    }

    .close-button[b-kfsolsraun] {
        width: 28px;
        height: 28px;
        top: 12px;
        right: 12px;
    }
}

@media (max-width: 400px) {
    .message-panel[b-kfsolsraun] {
        padding: 20px;
    }

    .message-text[b-kfsolsraun] {
        font-size: 14px;
    }

    .icon-wrapper[b-kfsolsraun] {
        transform: scale(0.9);
    }
}

/* Dark mode support (optional) */
@media (prefers-color-scheme: dark) {
    .message-panel[b-kfsolsraun] {
        background: #1f2937;
    }

    .message-text[b-kfsolsraun] {
        color: #f9fafb;
    }

    .close-button[b-kfsolsraun] {
        color: var(--text-placeholder);
    }

        .close-button:hover[b-kfsolsraun] {
            background-color: #374151;
            color: #f9fafb;
        }

        .close-button:active[b-kfsolsraun] {
            background-color: #4b5563;
        }
}
/* /Components/PopUps/ContactUsForm.razor.rz.scp.css */
.background[b-nc5fpqyixj] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9998;
    animation: fadeIn-b-nc5fpqyixj 0.2s ease-out;
    padding: 20px;
    box-sizing: border-box;
}

@keyframes fadeIn-b-nc5fpqyixj {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.form-card[b-nc5fpqyixj] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    padding: 32px 28px;
    max-width: 480px;
    width: 100%;
    animation: slideUp-b-nc5fpqyixj 0.3s ease-out;
    box-sizing: border-box;
}

@keyframes slideUp-b-nc5fpqyixj {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.form-title[b-nc5fpqyixj] {
    font-size: 24px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 8px;
    text-align: center;
    line-height: 1.3;
}

.form-subtitle[b-nc5fpqyixj] {
    font-size: 14px;
    color: #6b7280;
    text-align: center;
    margin-bottom: 24px;
    line-height: 1.5;
}

.form-group[b-nc5fpqyixj] {
    margin-bottom: 18px;
}

label[b-nc5fpqyixj] {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 6px;
}

.required[b-nc5fpqyixj] {
    color: #d32f2f;
}

input[b-nc5fpqyixj], textarea[b-nc5fpqyixj] {
    width: 100%;
    padding: 12px 16px;
    font-size: 15px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
    font-family: inherit;
}

    input:focus[b-nc5fpqyixj], textarea:focus[b-nc5fpqyixj] {
        outline: none;
        border-color: #1565c0;
        box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.1);
    }

    input[b-nc5fpqyixj]::placeholder, textarea[b-nc5fpqyixj]::placeholder {
        color: var(--text-placeholder);
    }

    input:disabled[b-nc5fpqyixj], textarea:disabled[b-nc5fpqyixj] {
        background-color: #f5f5f5;
        cursor: not-allowed;
        opacity: 0.6;
    }

textarea[b-nc5fpqyixj] {
    resize: vertical;
    min-height: 100px;
}

.submit-button[b-nc5fpqyixj] {
    width: 100%;
    padding: 14px 24px;
    background-color: #1565c0;
    color: white;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
}

    .submit-button:hover[b-nc5fpqyixj] {
        background-color: #0d47a1;
    }

    .submit-button:disabled[b-nc5fpqyixj] {
        background-color: #90caf9;
        cursor: not-allowed;
        opacity: 0.7;
    }

        .submit-button:disabled:hover[b-nc5fpqyixj] {
            background-color: #90caf9;
        }

.arrow[b-nc5fpqyixj] {
    font-size: 24px;
    font-weight: 300;
}

.spinner[b-nc5fpqyixj] {
    width: 16px;
    height: 16px;
    border: 2px solid #ffffff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-b-nc5fpqyixj 0.8s linear infinite;
}

@keyframes spin-b-nc5fpqyixj {
    to {
        transform: rotate(360deg);
    }
}

.security-text[b-nc5fpqyixj] {
    text-align: center;
    font-size: 12px;
    color: #6b7280;
    margin-top: 16px;
    margin-bottom: 0;
}

.error-message[b-nc5fpqyixj] {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 6px;
    padding: 10px 12px;
    margin-top: 6px;
    font-size: 13px;
    color: #856404;
}

    .error-message[b-nc5fpqyixj]::before {
        content: "!";
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        background-color: #ff9800;
        color: white;
        border-radius: 50%;
        font-weight: bold;
        font-size: 14px;
        flex-shrink: 0;
    }

.general-error[b-nc5fpqyixj] {
    margin-bottom: 12px;
}

@media (max-width: 768px) {
    .form-card[b-nc5fpqyixj] {
        padding: 28px 24px;
        max-width: 440px;
    }
}

@media (max-width: 480px) {
    .background[b-nc5fpqyixj] {
        padding: 16px;
    }

    .form-card[b-nc5fpqyixj] {
        padding: 24px 20px;
        max-width: 100%;
    }

    .form-title[b-nc5fpqyixj] {
        font-size: 21px;
    }

    .form-subtitle[b-nc5fpqyixj] {
        font-size: 13px;
        margin-bottom: 20px;
    }

    input[b-nc5fpqyixj], textarea[b-nc5fpqyixj] {
        padding: 10px 14px;
        font-size: 14px;
    }

    .submit-button[b-nc5fpqyixj] {
        padding: 12px 20px;
        font-size: 15px;
    }

    textarea[b-nc5fpqyixj] {
        min-height: 90px;
    }
}

@media (max-width: 360px) {
    .form-card[b-nc5fpqyixj] {
        padding: 20px 16px;
    }

    .form-title[b-nc5fpqyixj] {
        font-size: 19px;
    }

    input[b-nc5fpqyixj], textarea[b-nc5fpqyixj] {
        padding: 9px 12px;
        font-size: 13px;
    }
}
/* /Pages/P1_Main/P1_MainPage.razor.rz.scp.css */
main[b-bijxwx0gbz] {
    margin-top: 150px;
}

@media (max-width: 1500px) {
    main[b-bijxwx0gbz] {
        margin-top: 100px;
    }
}

@media (max-width: 968px) {
    main[b-bijxwx0gbz] {
        padding: 0 5px;
    }
}

@media (max-width: 480px) {
    main[b-bijxwx0gbz] {
        margin-top: 70px;
        padding: 0 5px;
    }
}
/* /Pages/P1_Main/P1_S1/P1_S1_Header_Left.razor.rz.scp.css */


.container[b-62cxbhwd8n] {
    max-width: 600px;
}

.content[b-62cxbhwd8n] {
    display: flex;
    justify-content: start;
    align-items: flex-start;
    flex-direction: column;
    padding: 0; /* Add this if you want no padding at all */
}


.section-text-1[b-62cxbhwd8n] {
    margin-top:10px;
}


.testimonial[b-62cxbhwd8n] {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 24px;
    margin: 20px 0px 5px 0px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}


.testimonial-author[b-62cxbhwd8n] {
    margin-top:15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.author-image[b-62cxbhwd8n] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.author-name[b-62cxbhwd8n] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1a1a1a;
}

.featured[b-62cxbhwd8n] {
    font-size: 0.875rem;
    color: var(--text-primary);
}

.featured-link[b-62cxbhwd8n] {
    color: #003d82;
    text-decoration: none;
    font-weight: 600;
}

    .featured-link:hover[b-62cxbhwd8n] {
        text-decoration: underline;
    }


@media (max-width: 1120px) {
}

@media (max-width: 480px) {

    
}

/* /Pages/P1_Main/P1_S1_Header.razor.rz.scp.css */
.l-main[b-71ozzb4041] {
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Aligns both components to the top */
    flex-direction: row;
    gap: 60px;
    max-width: 1400px;
    margin: 0 auto; /* Changed from 'margin: 0 20px' to centre the container */
    padding: 0 20px; /* Added padding to maintain spacing on smaller screens */
}


@media (max-width: 1120px) {
    .l-main[b-71ozzb4041] {
        align-items: center; /* Changed from flex-start */
        flex-direction: column;
        gap: 0;
    }
}
/* /Pages/P1_Main/P1_S2_Maximise.razor.rz.scp.css */
.benefits-section[b-qf5qp4hwc8] {
    max-width: 1200px;
    margin: 0 auto;
}

.benefits-header[b-qf5qp4hwc8] {
    text-align: center;
    margin-bottom: 35px;
}


.benefits-grid[b-qf5qp4hwc8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    justify-items: center;
}

.benefit-card[b-qf5qp4hwc8] {
    background: rgba(215, 230, 241, 1);
    max-width: 300px;
    width: 100%;
    border-radius: 16px;
    padding: 20px 32px;
    position: relative;
    transition: transform 0.2s ease;
}

    .benefit-card:hover[b-qf5qp4hwc8] {
        transform: translateY(-4px);
    }

.benefit-icon[b-qf5qp4hwc8] {
    width: 56px;
    height: 56px;
    background: var(--icon-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

    .benefit-icon svg[b-qf5qp4hwc8] {
        width: 28px;
        height: 28px;
        stroke: white;
        stroke-width: 2;
        fill: none;
    }

.benefit-badge[b-qf5qp4hwc8] {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #1976d2;
    color: white;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.benefit-title[b-qf5qp4hwc8] {
    font-size: 20px;
    font-weight: 700;
    color: #003d5c;
    margin-bottom: 16px;
}

.benefit-description[b-qf5qp4hwc8] {
    font-size: 15px;
    color: #475569;
    line-height: 1.6;
}

@media (max-width: 1100px) {
    .benefits-section[b-qf5qp4hwc8] {
        padding: 0 20px;
    }

    .benefits-grid[b-qf5qp4hwc8] {
        grid-template-columns: 1fr;
    }

    .benefit-card[b-qf5qp4hwc8] {
        max-width: 400px;
    }
}

@media (max-width: 768px) {
    
}

@media (max-width: 480px) {
    .benefits-grid[b-qf5qp4hwc8] {
        margin: 0 20px;
    }
}

/* /Pages/P1_Main/P1_S3_SeeWhatYoullReceive.razor.rz.scp.css */
/* Sample Plans CTA Section */


.btn-container[b-z9clf2de65] {
    margin-top:40px;
    width:100%;
    text-align:center;
}

.btn-view-samples[b-z9clf2de65] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

    .btn-view-samples:hover[b-z9clf2de65] {
        background-color: #005299;
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0, 102, 178, 0.3);
    }

    .btn-view-samples .arrow[b-z9clf2de65] {
        transition: transform 0.3s ease;
        font-size: 20px;
    }

    .btn-view-samples:hover .arrow[b-z9clf2de65] {
        transform: translateX(4px);
    }

/* Responsive Design */
@media (max-width: 768px) {
    .samples-cta-section[b-z9clf2de65] {
        padding: 60px 0;
    }

    .samples-cta-title[b-z9clf2de65] {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .samples-cta-description[b-z9clf2de65] {
        font-size: 18px;
        margin-bottom: 36px;
    }

    .samples-cta-features[b-z9clf2de65] {
        gap: 32px;
        margin-bottom: 36px;
    }

    .feature-icon[b-z9clf2de65] {
        font-size: 40px;
    }

    .feature-text[b-z9clf2de65] {
        font-size: 15px;
    }

    .btn-view-samples[b-z9clf2de65] {
        font-size: 16px;
        padding: 14px 32px;
    }
}

@media (max-width: 480px) {
    .samples-cta-section[b-z9clf2de65] {
        padding: 48px 0;
    }

    .samples-cta-title[b-z9clf2de65] {
        font-size: 28px;
        margin-bottom: 16px;
    }

    .samples-cta-description[b-z9clf2de65] {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 32px;
    }

    .samples-cta-features[b-z9clf2de65] {
        flex-direction: column;
        gap: 24px;
        margin-bottom: 32px;
    }

    .feature-icon[b-z9clf2de65] {
        font-size: 36px;
    }

    .feature-text[b-z9clf2de65] {
        font-size: 14px;
    }

    .btn-view-samples[b-z9clf2de65] {
        width: 100%;
        justify-content: center;
        font-size: 16px;
        padding: 14px 24px;
    }
}
/* /Pages/P1_Main/P1_S4_ClearSpendingGuide.razor.rz.scp.css */
.container[b-ppwni0x6vi] {
    max-width: 1300px;
    margin: 0 auto;
}

.header[b-ppwni0x6vi] {
    text-align: center;
    margin-bottom: 50px;
    
}



.spending-card[b-ppwni0x6vi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
    max-width: 1050px;
    margin: 0 auto;
}

.left-section[b-ppwni0x6vi] {
    background: #1a2332;
    padding: 55px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.icon-wrapper[b-ppwni0x6vi] {
    width: 70px;
    height: 70px;
    background: var(--icon-blue);
    
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
}

    .icon-wrapper svg[b-ppwni0x6vi] {
        width: 36px;
        height: 36px;
        stroke: white;
        stroke-width: 2;
        fill: none;
    }

.left-title[b-ppwni0x6vi] {
    font-size: 38px;
    font-weight: 700;
    color: white;
    line-height: 1.2;
    margin-bottom: 24px;
}

.left-description[b-ppwni0x6vi] {
    font-size: 16px;
    color: #b8c5d6;
    line-height: 1.7;
}

.right-section[b-ppwni0x6vi] {
    background: linear-gradient(135deg, var(--icon-blue) 0%, #3db8d8 100%);
    padding: 55px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.budget-amount[b-ppwni0x6vi] {
    font-size: 72px;
    font-weight: 700;
    color: white;
    margin-bottom: 8px;
    letter-spacing: -2px;
}

.budget-label[b-ppwni0x6vi] {
    font-size: 22px;
    font-weight: 600;
    color: white;
    margin-bottom: 50px;
}

.bonus-amount[b-ppwni0x6vi] {
    font-size: 48px;
    font-weight: 700;
    color: white;
    margin-bottom: 8px;
}

.bonus-label[b-ppwni0x6vi] {
    font-size: 20px;
    font-weight: 600;
    color: white;
    margin-bottom: 12px;
}

.confidence-level[b-ppwni0x6vi] {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.85);
}

@media (max-width: 968px) {


    .container[b-ppwni0x6vi] {
        padding: 0 20px; /* Added this line */
        padding-bottom:0px;
    }

    .spending-card[b-ppwni0x6vi] {
        grid-template-columns: 1fr;
    }

    .main-title[b-ppwni0x6vi] {
        font-size: 32px;
    }

    .left-section[b-ppwni0x6vi],
    .right-section[b-ppwni0x6vi] {
        padding: 50px 40px;
    }

    .left-title[b-ppwni0x6vi] {
        font-size: 32px;
    }

    .budget-amount[b-ppwni0x6vi] {
        font-size: 56px;
    }

    .bonus-amount[b-ppwni0x6vi] {
        font-size: 38px;
    }
}
/* /Pages/P1_Main/P1_S5_HowWeCompare.razor.rz.scp.css */
.container[b-e9kyw0kb4w] {
    max-width: 1400px;
    margin: 0 auto;
}

.header[b-e9kyw0kb4w] {
    text-align: center;
    margin-bottom: 50px;
}


.comparison-table[b-e9kyw0kb4w] {
    display: grid;
    grid-template-columns: 280px 1fr 1fr;
    background-color: #e0f2fe;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.table-header[b-e9kyw0kb4w] {
    padding: 10px 35px;
    font-size: 20px;
    font-weight: 700;
    color: #003d6b;
}

.feature-header[b-e9kyw0kb4w] {
    background-color: #e0f2fe;
    border-right: 4px solid #003d6b;
}

.intersolve-header[b-e9kyw0kb4w] {
    background-color: #dbeafe;
}

.traditional-header[b-e9kyw0kb4w] {
    background-color: #e0f2fe;
}

.row[b-e9kyw0kb4w] {
    display: contents;
}

.feature-cell[b-e9kyw0kb4w] {
    padding: 10px 35px;
    background-color: #f0f9ff;
    border-right: 4px solid #003d6b;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
    border-top: 1px solid #e0f2fe;
}

.approach-cell[b-e9kyw0kb4w] {
    padding: 10px 35px;
    background-color: #fafbfc;
    display: flex;
    gap: 20px;
    border-top: 1px solid #e0f2fe;
}

.traditional-cell[b-e9kyw0kb4w] {
    padding: 25px 35px;
    background-color: #f0f9ff;
    display: flex;
    gap: 20px;
    border-top: 1px solid #e0f2fe;
}

.icon[b-e9kyw0kb4w] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.check-icon[b-e9kyw0kb4w] {
    background-color: #22c55e;
}

.x-icon[b-e9kyw0kb4w] {
    background-color: #ef4444;
}

.icon svg[b-e9kyw0kb4w] {
    width: 18px;
    height: 18px;
    fill: white;
}

.content[b-e9kyw0kb4w] {
    flex: 1;
}

.content-title[b-e9kyw0kb4w] {
    font-size: 18px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 8px;
}

.content-description[b-e9kyw0kb4w] {
    font-size: 15px;
    color: #6b7280;
    line-height: 1.5;
}

@media (max-width: 1200px) {
    .container[b-e9kyw0kb4w] {
        display: none;
    }
}
/* /Pages/P1_Main/P1_S6_HowItWroks.razor.rz.scp.css */
.container[b-bkc14i3265] {
    max-width: 1200px;
    margin: 0 auto;
}

.header[b-bkc14i3265] {
    text-align: center;
    margin-bottom: 35px;
}



.steps-container[b-bkc14i3265] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    justify-items: center;
  
}

.step-card[b-bkc14i3265] {
    background-color: white;
    border-radius: 16px;
    padding: 30px 25px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 300px;
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

    .step-card:hover[b-bkc14i3265] {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    }

.icon-wrapper[b-bkc14i3265] {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
}

.icon-circle[b-bkc14i3265] {
    width: 60px;
    height: 60px;
    background-color: var(--icon-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .icon-circle svg[b-bkc14i3265] {
        width: 32px;
        height: 32px;
        fill: white;
        stroke: white;
    }

.step-number[b-bkc14i3265] {
    position: absolute;
    top: -5px;
    right: -15px;
    width: 28px;
    height: 28px;
    background-color: var(--icon-blue);
    border: 3px solid white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: white;
}

.step-title[b-bkc14i3265] {
    font-size: 19px;
    font-weight: 700;
    color: var(--panel-header-color);
    margin-bottom: 5px;
}

.step-description[b-bkc14i3265] {
    font-size: 14px;
    color: var(--section-text-color);
    line-height: 1.5;
}

.arrow[b-bkc14i3265] {
    color: #cbd5e1;
    font-size: 28px;
    font-weight: 300;
    text-align: center;
}

@media (max-width: 1200px) {
    .steps-container[b-bkc14i3265] {
        grid-template-columns: 1fr;
        gap:20px;
    }

    .step-card[b-bkc14i3265] {
        margin: 0 auto;
        max-width: 400px;
        width: calc(100% - 40px);
    }

    .arrow[b-bkc14i3265] {
        display: none;
    }
}

@media (max-width: 768px) {

    

    .main-title[b-bkc14i3265] {
        font-size: 32px;
    }

    .subtitle[b-bkc14i3265] {
        font-size: 16px;
    }

    .step-card[b-bkc14i3265] {
        padding: 30px 20px;
    }

    .step-title[b-bkc14i3265] {
        font-size: 18px;
    }

    .step-description[b-bkc14i3265] {
        font-size: 14px;
    }
}
/* /Pages/P1_Main/P1_S8_FAQs.razor.rz.scp.css */
.faq-container[b-0c86gd43fi] {
    max-width: 900px;
    margin: 0 auto;
    
}

.faq-header[b-0c86gd43fi] {
    text-align: center;
    margin-bottom: 50px;
}


.faq-list[b-0c86gd43fi] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.faq-item[b-0c86gd43fi] {
    background-color: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .faq-item:hover[b-0c86gd43fi] {
        border-color: #0066a1;
    }

.faq-question[b-0c86gd43fi] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 28px;
    background: none;
    border: none;
    font-size: 18px;
    font-weight: 600;
    color: var(--panel-header-color);
    text-align: left;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .faq-question:hover[b-0c86gd43fi] {
        background-color: #f9fafb;
    }

    .faq-question span[b-0c86gd43fi] {
        flex: 1;
        padding-right: 20px;
    }

.faq-icon[b-0c86gd43fi] {
    width: 24px;
    height: 24px;
    color: #6b7280;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.faq-item.expanded .faq-icon[b-0c86gd43fi] {
    transform: rotate(180deg);
}

.faq-answer[b-0c86gd43fi] {
    padding: 0 28px 24px 28px;
    animation: slideDown-b-0c86gd43fi 0.3s ease;
}

    .faq-answer p[b-0c86gd43fi] {
        font-size: 16px;
        color: var(--panel-text-color);
        line-height: 1.6;
        margin: 0;
    }

@keyframes slideDown-b-0c86gd43fi {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .faq-title[b-0c86gd43fi] {
        font-size: 32px;
    }

    .faq-subtitle[b-0c86gd43fi] {
        font-size: 16px;
    }

    .faq-question[b-0c86gd43fi] {
        padding: 20px;
        font-size: 16px;
    }

    .faq-answer[b-0c86gd43fi] {
        padding: 0 20px 20px 20px;
    }

        .faq-answer p[b-0c86gd43fi] {
            font-size: 15px;
        }
}
/* /Pages/P2_Samples/P2_SM_S3_YouAreUnique.razor.rz.scp.css */
/* CTA Section */
.cta-section-container[b-3e6ed02uip] {
    display: flex;
    justify-content: center;
}

.cta-section[b-3e6ed02uip] {
    max-width: 900px;
    width: 100%;
}

.cta-card[b-3e6ed02uip] {
    background: var(--white);
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.cta-gradient-bar[b-3e6ed02uip] {
    height: 6px;
    background: linear-gradient(90deg, #8b5fbf 0%, #c94d8f 50%, #f5a462 100%);
}

.cta-content[b-3e6ed02uip] {
    padding: 3rem 2.5rem;
    text-align: center;
}

.section-heading-line-1[b-3e6ed02uip] {
    text-align: center;
}

.section-text-1[b-3e6ed02uip] {
    margin-top: 15px;
    margin-bottom: 35px;
    max-width:900px;
}




.btn-cta[b-3e6ed02uip] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, var(--button-gradient-start) 0%, var(--button-gradient-end) 100%);
    color: var(--white);
    border: none;
    border-radius: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px var(--button-shadow);
    text-decoration: none;
}

    .btn-cta:hover[b-3e6ed02uip] {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px var(--button-shadow-hover);
    }

    .btn-cta:active[b-3e6ed02uip] {
        transform: translateY(0);
    }

.cta-arrow[b-3e6ed02uip] {
    font-size: 1.125rem;
    transition: transform 0.2s ease;
}

.btn-cta:hover .cta-arrow[b-3e6ed02uip] {
    transform: translateX(4px);
}


@media (max-width: 768px) {
    .cta-section-container[b-3e6ed02uip] {
        padding: 3rem 1rem 5rem 1rem;
    }

    .cta-content[b-3e6ed02uip] {
        padding: 2.5rem 2rem;
    }

}

@media (max-width: 480px) {
    .cta-section-container[b-3e6ed02uip] {
        padding: 2rem 1rem 4rem 1rem;
    }

    .cta-content[b-3e6ed02uip] {
        padding: 2rem 1.5rem;
    }
}
/* /Pages/P2_Samples/SampleItem.razor.rz.scp.css */
.artifacts-container[b-k7q2jknml4] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* Define variables on the component container */
    --primary-color: #1e40af;
    --secondary-color: #3b82f6;
    --text-primary: #1f2937;
    --text-secondary: #6b7280;
    --border-color: #e5e7eb;
    --background-light: #f9fafb;
    --background-white: #ffffff;
    color: var(--text-primary);
    user-select: none;
    margin-top:80px;
}

/* Page Header */
.page-header[b-k7q2jknml4] {
    background-color: var(--background-white);
    border-bottom: 1px solid var(--border-color);
    padding: 1.25rem 0;
    position: relative;
}

    .page-header .container[b-k7q2jknml4] {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    .page-header h1[b-k7q2jknml4] {
        font-size: 1.625rem;
        font-weight: 600;
        color: var(--primary-color);
        margin-bottom: 0.25rem;
    }

    .page-header .subtitle[b-k7q2jknml4] {
        font-size: 0.875rem;
        color: var(--text-secondary);
        margin: 0;
    }

/* Back Button */
.back-button[b-k7q2jknml4] {
    position: absolute;
    top: 50%;
    left: 1.5rem;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--primary-color);
    background-color: var(--background-white);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .back-button:hover[b-k7q2jknml4] {
        background-color: var(--background-light);
        border-color: var(--primary-color);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }

    .back-button i[b-k7q2jknml4] {
        font-size: 0.875rem;
    }

/* Content Section */
.content-section[b-k7q2jknml4] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1.5rem 1.5rem 2rem 1.5rem;
}

/* Package Overview */
.package-overview[b-k7q2jknml4] {
    background: var(--background-light);
    border-left: 3px solid var(--primary-color);
    padding: 0.875rem 1.25rem;
    margin-bottom: 1.5rem;
}

    .package-overview h2[b-k7q2jknml4] {
        font-size: 1.125rem;
        font-weight: 600;
        color: var(--primary-color);
        margin-bottom: 0.4rem;
    }

    .package-overview p[b-k7q2jknml4] {
        font-size: 0.875rem;
        color: var(--text-secondary);
        line-height: 1.5;
        margin: 0;
    }

/* Deliverables List */
.deliverables-list[b-k7q2jknml4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.deliverable-item[b-k7q2jknml4] {
    display: grid;
    grid-template-columns: 1fr 260px;
    gap: 1.25rem;
    background: var(--background-white);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 1rem;
    transition: box-shadow 0.3s ease;
}

    .deliverable-item:hover[b-k7q2jknml4] {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }

.deliverable-content[b-k7q2jknml4] {
    display: flex;
    gap: 0.875rem;
}

.deliverable-number[b-k7q2jknml4] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    background-color: var(--primary-color);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.9375rem;
}

.deliverable-details[b-k7q2jknml4] {
    flex: 1;
}

    .deliverable-details h3[b-k7q2jknml4] {
        font-size: 1.0625rem;
        font-weight: 600;
        color: var(--text-primary);
        margin-bottom: 0.4rem;
        line-height: 1.3;
    }

    .deliverable-details > p[b-k7q2jknml4] {
        font-size: 0.8125rem;
        color: var(--text-secondary);
        line-height: 1.45;
        margin-bottom: 0.625rem;
    }

/* Key Features */
.key-features[b-k7q2jknml4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.625rem;
}

.feature-badge[b-k7q2jknml4] {
    display: inline-block;
    background-color: #eff6ff;
    color: var(--primary-color);
    padding: 0.15rem 0.6rem;
    border-radius: 9px;
    font-size: 0.6875rem;
    font-weight: 500;
}

/* Action Links */
.deliverable-action[b-k7q2jknml4] {
    margin-top: 0.625rem;
}

.web-link[b-k7q2jknml4],
.download-link[b-k7q2jknml4] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--secondary-color);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.8125rem;
    transition: color 0.2s ease;
}

    .web-link:hover[b-k7q2jknml4],
    .download-link:hover[b-k7q2jknml4] {
        color: var(--primary-color);
        text-decoration: underline;
    }

    .web-link i[b-k7q2jknml4],
    .download-link i[b-k7q2jknml4] {
        font-size: 0.75rem;
    }

/* Preview Image */
.deliverable-preview[b-k7q2jknml4] {
    display: flex;
    align-items: center;
    justify-content: center;
}



.preview-image[b-k7q2jknml4] {
    max-width: 100%;
    height: auto;
    max-height: 180px;
    object-fit: contain;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    cursor:pointer;
}

    .preview-image:hover[b-k7q2jknml4] {
        border: 0.5px solid green;
    }
    /* Standards Note */
    .standards-note[b-k7q2jknml4] {
    background: var(--background-light);
    border-radius: 5px;
    padding: 1rem 1.25rem;
    margin-top: 1.5rem;
}

    .standards-note h3[b-k7q2jknml4] {
        font-size: 1.0625rem;
        font-weight: 600;
        color: var(--primary-color);
        margin-bottom: 0.35rem;
    }

    .standards-note p[b-k7q2jknml4] {
        font-size: 0.8125rem;
        color: var(--text-secondary);
        line-height: 1.45;
        margin: 0;
    }

    .standards-note .row[b-k7q2jknml4] {
        margin: 0;
    }

.credential-logo[b-k7q2jknml4] {
    max-width: 140px;
    height: auto;
}

/* Call to Action */
.scenarios-cta[b-k7q2jknml4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    color: white;
    padding: 1.5rem;
    border-radius: 6px;
    gap: 2rem;
}

.cta-content[b-k7q2jknml4] {
    flex: 1;
}

    .cta-content h3[b-k7q2jknml4] {
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 0.35rem;
    }

    .cta-content p[b-k7q2jknml4] {
        font-size: 0.875rem;
        opacity: 0.95;
        margin: 0;
        line-height: 1.5;
    }

.cta-actions[b-k7q2jknml4] {
    display: flex;
    gap: 0.75rem;
}

.btn-primary[b-k7q2jknml4],
.btn-secondary[b-k7q2jknml4] {
    padding: 0.625rem 1.25rem;
    border-radius: 5px;
    font-weight: 500;
    font-size: 0.875rem;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    display: inline-block;
    box-sizing: border-box; /* Add this */
}

.btn-primary[b-k7q2jknml4] {
    background-color: white;
    color: var(--primary-color);
}

    .btn-primary:hover[b-k7q2jknml4] {
        background-color: #f3f4f6;
        transform: translateY(-1px);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }

.btn-secondary[b-k7q2jknml4] {
    background-color: transparent;
    color: white;
    border: 2px solid white;
}

    .btn-secondary:hover[b-k7q2jknml4] {
        background-color: rgba(255, 255, 255, 0.15);
    }

.download-action[b-k7q2jknml4] {
    margin-left: 5px;
    gap: 0.35rem;
    color: var(--secondary-color);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.8125rem;
    transition: color 0.2s ease;
    line-height:2rem;
}


    .download-action:hover[b-k7q2jknml4] {
        color: var(--primary-color);
        text-decoration: underline;
        cursor:pointer;
    }






   
    /* Responsive Design */
    @media (max-width: 1440px) {
        .page-header .container[b-k7q2jknml4],
        .content-section[b-k7q2jknml4] {
            margin: 0 1rem;
        }
    }

@media (max-width: 992px) {
    .deliverable-item[b-k7q2jknml4] {
        grid-template-columns: 1fr;
        gap: 0.875rem;
    }

    .deliverable-preview[b-k7q2jknml4] {
        order: -1;
    }

    .preview-image[b-k7q2jknml4] {
        max-height: 160px;
    }

    .cta-bar[b-k7q2jknml4] {
        flex-direction: column;
        text-align: center;
        gap: 0.875rem;
    }

    .cta-buttons[b-k7q2jknml4] {
        flex-direction: column;
        width: 100%;
    }

    .btn-cta-primary[b-k7q2jknml4],
    .btn-cta-secondary[b-k7q2jknml4] {
        width: 100%;
        text-align: center;
    }

    .scenarios-cta[b-k7q2jknml4] {
        flex-direction: column;
        text-align: center;
        gap: 1.25rem;
        padding: 1.25rem; /* Reduce padding */
    }

    .cta-actions[b-k7q2jknml4] {
        width: 100%;
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .page-header[b-k7q2jknml4] {
        padding: 1rem 0;
    }

        .page-header .container[b-k7q2jknml4] {
            padding: 0 1rem;
        }

        .page-header h1[b-k7q2jknml4] {
            font-size: 1.375rem;
        }

        .page-header .subtitle[b-k7q2jknml4] {
            font-size: 0.8125rem;
        }

    .back-button[b-k7q2jknml4] {
        left: 1rem;
        font-size: 0.8125rem;
        padding: 0.4rem 0.75rem;
        gap: 0.4rem;
    }

    .content-section[b-k7q2jknml4] {
        padding: 1.25rem 1rem 1.5rem 1rem;
    }

    .deliverable-item[b-k7q2jknml4] {
        padding: 0.875rem;
    }

    .deliverable-content[b-k7q2jknml4] {
        gap: 0.75rem;
    }

    .deliverable-number[b-k7q2jknml4] {
        width: 26px;
        height: 26px;
        font-size: 0.875rem;
    }

    .deliverable-details h3[b-k7q2jknml4] {
        font-size: 1rem;
    }

    .deliverable-details > p[b-k7q2jknml4] {
        font-size: 0.8125rem;
    }

    .package-overview[b-k7q2jknml4] {
        padding: 0.75rem 1rem;
        margin-bottom: 1.25rem;
    }

        .package-overview h2[b-k7q2jknml4] {
            font-size: 1.0625rem;
        }

    .standards-note[b-k7q2jknml4] {
        padding: 0.875rem 1rem;
    }

        .standards-note .text-end[b-k7q2jknml4] {
            text-align: center !important;
            margin-top: 0.625rem;
        }

    .deliverables-list[b-k7q2jknml4] {
        gap: 0.875rem;
    }

    .cta-bar[b-k7q2jknml4] {
        padding: 1rem;
    }
}

@media (max-width: 576px) {
    .page-header .container[b-k7q2jknml4],
    .content-section[b-k7q2jknml4] {
        padding-left: 0.875rem;
        padding-right: 0.875rem;
    }

    .deliverable-content[b-k7q2jknml4] {
        flex-direction: column;
        gap: 0.625rem;
    }
}
/* /Pages/P2_Samples/SampleItems.razor.rz.scp.css */
.scenarios-container[b-igl575noqx] {
    margin-top: 50px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* CSS Variables */
    --primary-color: #1e40af;
    --secondary-color: #3b82f6;
    --text-primary: #1f2937;
    --text-secondary: #6b7280;
    --border-color: #e5e7eb;
    --background-light: #f9fafb;
    --background-white: #ffffff;
    --accent-green: #10b981;
    user-select: none;
}




/* Page Header */
.page-header[b-igl575noqx] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 20px;
    margin-top: 50px;
}

.header-content[b-igl575noqx] {
    text-align: center;
  
}



/* Scenarios Content */
.scenarios-content[b-igl575noqx] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1.5rem 1.5rem 2.5rem 1.5rem;
}

/* Introduction Section */
.intro-section[b-igl575noqx] {
    background: var(--background-light);
    border-left: 3px solid var(--primary-color);
    padding: 1rem 1.25rem;
    margin-bottom: 2rem;
}

    .intro-section p[b-igl575noqx] {
        font-size: 0.9375rem;
        color: var(--text-secondary);
        line-height: 1.5;
        margin: 0;
    }

/* Scenarios Grid */
.scenarios-grid[b-igl575noqx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 1.25rem;
    margin-bottom: 2.5rem;
}

.scenario-card[b-igl575noqx] {
    background: var(--background-white);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .scenario-card:hover[b-igl575noqx] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
        border-color: var(--secondary-color);
    }

.scenario-thumbnail[b-igl575noqx] {
    width: 100%;
    height: 180px;
    overflow: hidden;
    background: linear-gradient(135deg, #e0f2fe 0%, #dbeafe 100%);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--background-light); 
    display: flex;
    align-items: center;
    justify-content: center;
}

.placeholder-thumbnail[b-igl575noqx] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--secondary-color);
    font-size: 3rem;
    opacity: 0.4;
}
/* Scenario Content */
.scenario-content[b-igl575noqx] {
    padding: 1.25rem;
}

.scenario-header[b-igl575noqx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

    .scenario-header h3[b-igl575noqx] {
        font-size: 1.125rem;
        font-weight: 600;
        color: var(--text-primary);
        margin: 0;
        line-height: 1.3;
        flex: 1;
    }

.scenario-badge[b-igl575noqx] {
    flex-shrink: 0;
    background-color: #eff6ff;
    color: var(--primary-color);
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.scenario-description[b-igl575noqx] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    line-height: 1.5;
    margin-bottom: 1rem;
}

/* Scenario Highlights */
.scenario-highlights[b-igl575noqx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.highlight-item[b-igl575noqx] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

    .highlight-item i[b-igl575noqx] {
        color: var(--accent-green);
        font-size: 0.875rem;
        margin-top: 0.1rem;
        flex-shrink: 0;
    }

    .highlight-item span[b-igl575noqx] {
        line-height: 1.4;
    }

/* Scenario Action */
.scenario-action[b-igl575noqx] {
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
}

.view-link[b-igl575noqx] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--secondary-color);
    font-weight: 500;
    font-size: 0.875rem;
    transition: color 0.2s ease;
}

.scenario-card:hover .view-link[b-igl575noqx] {
    color: var(--primary-color);
}

.view-link i[b-igl575noqx] {
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

.scenario-card:hover .view-link i[b-igl575noqx] {
    transform: translateX(3px);
}

/* Call to Action */
.scenarios-cta[b-igl575noqx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, white 0%, var(--background-gradient-end) 100%);
    color: #555555;
    padding: 1.5rem;
    border-radius: 6px;
    gap: 2rem;
}

.cta-content[b-igl575noqx] {
    flex: 1;
}

    .cta-content h3[b-igl575noqx] {
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 0.35rem;
    }

    .cta-content p[b-igl575noqx] {
        font-size: 0.875rem;
        opacity: 0.95;
        margin: 0;
        line-height: 1.5;
    }

.cta-actions[b-igl575noqx] {
    display: flex;
    gap: 0.75rem;
   
}

.btn-primary[b-igl575noqx],
.btn-secondary[b-igl575noqx] {
    padding: 0.625rem 1.25rem;
    border-radius: 5px;
    font-weight: 500;
    font-size: 0.875rem;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    display: inline-block;
    box-sizing: border-box; /* Add this */
}

.btn-primary[b-igl575noqx] {
    background-color: white;
    color: #555555;
}

    .btn-primary:hover[b-igl575noqx] {
        background-color: #f3f4f6;
        transform: translateY(-1px);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }

.btn-secondary[b-igl575noqx] {
    background-color: transparent;
    color: white;
    border: 2px solid white;
}

    .btn-secondary:hover[b-igl575noqx] {
        background-color: rgba(255, 255, 255, 0.15);
    }

/* Responsive Design */
@media (max-width: 1440px) {

    .header-content[b-igl575noqx],
    .scenarios-content[b-igl575noqx] {
        margin: 0 1rem;
    }
}

@media (max-width: 900px) {
    .scenarios-container[b-igl575noqx] {
        margin-top: 100px;
    }

    .scenarios-grid[b-igl575noqx] {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 1rem;
    }

    .scenarios-cta[b-igl575noqx] {
        flex-direction: column;
        text-align: center;
        gap: 1.25rem;
        padding: 1.25rem; /* Reduce padding */
    }

    .cta-actions[b-igl575noqx] {
        width: 100%;
        flex-direction: column;
    }

    .btn-primary[b-igl575noqx],
    .btn-secondary[b-igl575noqx] {
        width: 100%;
        text-align: center;
        white-space: normal;
        padding: 0.75rem 0.875rem;
        font-size: 0.8125rem; /* Smaller font */
        line-height: 1.3;
    }
}

/* Update the 768px media query */
@media (max-width: 768px) {
    .page-header[b-igl575noqx] {
        padding: 1.25rem 0;
    }

    .header-content[b-igl575noqx] {
        padding: 0 1rem;
    }

    .page-header h1[b-igl575noqx] {
        font-size: 1.5rem;
    }

    .scenarios-content[b-igl575noqx] {
        padding: 1.25rem 1rem 2rem 1rem;
    }

    .scenarios-grid[b-igl575noqx] {
        grid-template-columns: 1fr;
    }

    .intro-section[b-igl575noqx] {
        padding: 0.875rem 1rem;
        margin-bottom: 1.5rem;
    }

    .scenario-thumbnail[b-igl575noqx] {
        height: 160px;
    }

    /* Add button adjustments */
    .btn-primary[b-igl575noqx],
    .btn-secondary[b-igl575noqx] {
        font-size: 0.75rem; /* Even smaller */
        padding: 0.7rem 0.75rem;
    }
}

/* Update the 576px media query */
@media (max-width: 576px) {
    .scenario-header[b-igl575noqx] {
        flex-direction: column;
        align-items: flex-start;
    }

    .scenario-badge[b-igl575noqx] {
        align-self: flex-start;
    }

    .scenarios-cta[b-igl575noqx] {
        padding: 1rem; /* Even less padding */
    }

    .cta-content h3[b-igl575noqx] {
        font-size: 1.125rem; /* Slightly smaller heading */
    }

    .cta-content p[b-igl575noqx] {
        font-size: 0.8125rem; /* Slightly smaller text */
    }

    .btn-primary[b-igl575noqx],
    .btn-secondary[b-igl575noqx] {
        font-size: 0.6875rem; /* Smaller still */
        padding: 0.65rem 0.5rem;
        white-space: normal;
        line-height: 1.4;
    }
}

/* Add an extra small breakpoint */
@media (max-width: 400px) {
    .btn-primary[b-igl575noqx],
    .btn-secondary[b-igl575noqx] {
        font-size: 0.625rem; /* 10px */
        padding: 0.625rem 0.5rem;
    }
}
/* /Pages/P3_AdaptivePensionPath/P1_AP.razor.rz.scp.css */
body[b-9h9zw373bh] {
}
/* /Pages/P3_AdaptivePensionPath/P1_S1_AP_Main.razor.rz.scp.css */
.adaptive-pensions-container[b-dt1abn1azi] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:75px;
}


.content-wrapper[b-dt1abn1azi] {
    max-width: 1100px;
    width: 100%;
}


.hero-section[b-dt1abn1azi] {
    text-align: center;
    margin-top: 8rem;
    margin-bottom: 2.5rem;
}

.section-text-1[b-dt1abn1azi] {
    margin-top:20px;
    max-width:1200px;
}

.form-card[b-dt1abn1azi] {
    background: var(--card-background);
    border-radius: 1.25rem;
    padding: 2rem 2.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    max-width: 650px;
    margin: 0 auto;
}

.form-content[b-dt1abn1azi] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.input-group[b-dt1abn1azi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.input-field[b-dt1abn1azi] {
    display: flex;
    flex-direction: column;
}

.input-label[b-dt1abn1azi] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 0.4rem;
}

.form-input[b-dt1abn1azi] {
    padding: 0.75rem 0.875rem;
    border: 1px solid var(--border-default);
    border-radius: 0.5rem;
    font-size: 0.9375rem;
    color: var(--heading-primary);
    background: var(--white);
    transition: all 0.2s ease;
}

    .form-input:focus[b-dt1abn1azi] {
        outline: none;
        border-color: var(--border-focus);
        box-shadow: 0 0 0 3px var(--focus-shadow);
    }

    .form-input[b-dt1abn1azi]::placeholder {
        color: var(--text-placeholder);
    }

.button-group[b-dt1abn1azi] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.875rem;
}


.btn-secondary[b-dt1abn1azi] {
    padding: 0.625rem 1.5rem;
    background: var(--white);
    color: var(--button-secondary-text);
    border: 2px solid var(--border-default);
    border-radius: 0.75rem;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    height: 50px;
    max-height: 50px;
    padding: 0 20px;
    text-decoration: none;
}

    .btn-secondary:hover[b-dt1abn1azi] {
        background: var(--button-secondary-hover);
        border-color: var(--border-focus);
    }




@media (max-width: 768px) {

    .button-group[b-dt1abn1azi] {
        grid-template-columns: 1fr;
        gap: 0.875rem;
    }
}
/* /Pages/P3_AdaptivePensionPath/P1_S2_AP_Engineered.razor.rz.scp.css */
/* Why Section */
.why-section-container[b-gk4j7e1517] {
    max-width: 1200px;
    margin: 0 auto;
}
.content-wrapper[b-gk4j7e1517] {
    text-align: center;
}

.section-text-1[b-gk4j7e1517] {
    margin-top: 15px;
    margin-bottom: 35px;
}
.cards-container[b-gk4j7e1517] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.feature-card[b-gk4j7e1517] {
    background: var(--white);
    border-radius: 1.25rem;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    text-align: left;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .feature-card:hover[b-gk4j7e1517] {
        transform: translateY(-4px);
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    }

.card-icon[b-gk4j7e1517] {
    width: 56px;
    height: 56px;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.icon-purple[b-gk4j7e1517] {
    background-color: var(--purple-light);
    color: var(--purple-primary);
}

.icon-orange[b-gk4j7e1517] {
    background-color: var(--orange-light);
    color: var(--orange-primary);
}

.icon-teal[b-gk4j7e1517] {
    background-color: var(--teal-light);
    color: var(--teal-primary);
}

.card-title[b-gk4j7e1517] {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--heading-primary);
    margin: 0 0 0.75rem 0;
}

.card-percentage[b-gk4j7e1517] {
    font-size: 3rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    line-height: 1;
}

.percentage-purple[b-gk4j7e1517] {
    color: var(--green-primary);
}

.percentage-orange[b-gk4j7e1517] {
    color: var(--orange-primary);
}

.percentage-teal[b-gk4j7e1517] {
    color: var(--teal-primary);
}

.card-description[b-gk4j7e1517] {
    font-size: 0.9375rem;
    color: var(--text-primary);
    line-height: 1.6;
    margin: 0 0 1.5rem 0;
}

.card-features[b-gk4j7e1517] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .card-features li[b-gk4j7e1517] {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        font-size: 0.875rem;
        color: var(--text-primary);
        margin-bottom: 0.75rem;
        line-height: 1.5;
    }

        .card-features li:last-child[b-gk4j7e1517] {
            margin-bottom: 0;
        }

.checkmark[b-gk4j7e1517] {
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.checkmark-purple[b-gk4j7e1517] {
    color: var(--purple-primary);
}

.checkmark-orange[b-gk4j7e1517] {
    color: var(--orange-primary);
}

.checkmark-teal[b-gk4j7e1517] {
    color: var(--teal-primary);
}


@media (max-width: 768px) {

    .why-section-container[b-gk4j7e1517] {
        padding: 3rem 1rem;
    }
   
}

@media (max-width: 480px) {

    .why-section-container[b-gk4j7e1517] {
        padding: 2rem 1rem;
    }
}
/* /Pages/P3_AdaptivePensionPath/P1_S3_AP_Download.razor.rz.scp.css */
/* Download Section */
.download-section-container[b-cpj5x9jri7] {
    display: flex;
    justify-content: center;
}

.download-section[b-cpj5x9jri7] {
    max-width: 1100px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.download-card[b-cpj5x9jri7] {
    background: var(--white);
    border-radius: 1.5rem;
    padding: 3rem 2.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    max-width: 800px;
    width: 100%;
    text-align: center;
}

.section-text-1[b-cpj5x9jri7] {
    margin-top: 15px;
    margin-bottom: 35px;
}

.download-icon[b-cpj5x9jri7] {
    width: 72px;
    height: 72px;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, var(--button-gradient-start) 0%, var(--button-gradient-end) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem auto;
    color: var(--white);
}

    .download-icon svg[b-cpj5x9jri7] {
        width: 32px;
        height: 32px;
    }

.download-heading[b-cpj5x9jri7] {
    font-size: 2rem;
    font-weight: 400;
    color: var(--heading-primary);
    margin: 0 0 1rem 0;
    line-height: 1.3;
}

.download-description[b-cpj5x9jri7] {
    font-size: 1rem;
    color: var(--text-primary);
    margin: 0 0 2rem 0;
    line-height: 1.6;
}

.btn-download[b-cpj5x9jri7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, var(--button-gradient-start) 0%, var(--button-gradient-end) 100%);
    color: var(--white);
    border: none;
    border-radius: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px var(--button-shadow);
    text-decoration: none;
}

    .btn-download:hover[b-cpj5x9jri7] {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px var(--button-shadow-hover);
    }

    .btn-download:active[b-cpj5x9jri7] {
        transform: translateY(0);
    }

.download-icon-btn[b-cpj5x9jri7] {
    font-size: 1.125rem;
}


@media (max-width: 768px) {
    .download-section-container[b-cpj5x9jri7] {
        padding: 3rem 1rem;
    }

    .download-card[b-cpj5x9jri7] {
        padding: 2.5rem 2rem;
    }

    .download-heading[b-cpj5x9jri7] {
        font-size: 1.75rem;
    }
}

@media (max-width: 480px) {

    .download-section-container[b-cpj5x9jri7] {
        padding: 2rem 1rem;
    }

    .download-card[b-cpj5x9jri7] {
        padding: 2rem 1.5rem;
    }

    .download-icon[b-cpj5x9jri7] {
        width: 64px;
        height: 64px;
    }

        .download-icon svg[b-cpj5x9jri7] {
            width: 28px;
            height: 28px;
        }

    .download-heading[b-cpj5x9jri7] {
        font-size: 1.5rem;
    }

    .download-description[b-cpj5x9jri7] {
        font-size: 0.9375rem;
    }

}
/* /Pages/P3_AdaptivePensionPath/P1_S4_AP_DrawdownTrap.razor.rz.scp.css */
/* Comparison Section */
.comparison-section-container[b-kznxwh5tkh] {
    display: flex;
    justify-content:center;
}

.comparison-section[b-kznxwh5tkh] {
    max-width: 800px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.comparison-card[b-kznxwh5tkh] {
    background: var(--white);
    border-radius: 1.5rem;
    padding: 0;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.gradient-bar[b-kznxwh5tkh] {
    height: 6px;
    background: linear-gradient(90deg, var(--gradient-bar-start) 0%, var(--gradient-bar-end) 100%);
}

.comparison-content[b-kznxwh5tkh] {
    padding: 2rem 2rem;
}

.section-heading-line-1[b-kznxwh5tkh] {
    text-align:center;
}

.section-text-1[b-kznxwh5tkh] {
    margin-top: 15px;
    margin-bottom: 35px;
}

.comparison-grid[b-kznxwh5tkh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.comparison-column[b-kznxwh5tkh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.column-header[b-kznxwh5tkh] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.5rem;
}

.column-icon[b-kznxwh5tkh] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.column-title[b-kznxwh5tkh] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
    margin: 0;
}

.stat-card[b-kznxwh5tkh] {
    background: var(--white);
    border-left: 4px solid;
    padding: 1.25rem;
    border-radius: 0.75rem;
}

.stat-card-red[b-kznxwh5tkh] {
    border-color: var(--red-primary);
    background: var(--red-light);
}

.stat-card-orange[b-kznxwh5tkh] {
    border-color: var(--orange-primary);
    background: var(--orange-light);
}

.stat-card-purple[b-kznxwh5tkh] {
    border-color: var(--green-primary);
    background: var(--green-light);
    position: relative;
}


.percentage-purple[b-kznxwh5tkh] {
    color: var(--green-primary);
}

.stat-percentage[b-kznxwh5tkh] {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 0.5rem 0;
}

.percentage-red[b-kznxwh5tkh] {
    color: var(--red-primary);
}

.percentage-orange[b-kznxwh5tkh] {
    color: var(--orange-primary);
}

.stat-title[b-kznxwh5tkh] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--heading-primary);
    margin: 0 0 0.5rem 0;
}

.stat-description[b-kznxwh5tkh] {
    font-size: 0.8125rem;
    color: var(--text-primary);
    margin: 0;
    line-height: 1.5;
}

.better-badge[b-kznxwh5tkh] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: var(--white);
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--purple-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.adaptive-stats-grid[b-kznxwh5tkh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

.small-stat-card[b-kznxwh5tkh] {
    background: var(--white);
    padding: 1rem;
    border-radius: 0.75rem;
    border: 2px solid var(--green-primary);
}

.small-stat-value[b-kznxwh5tkh] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--green-primary);
    margin: 0 0 0.25rem 0;
    line-height: 1;
}

.small-stat-label[b-kznxwh5tkh] {
    font-size: 0.8125rem;
    color: var(--text-primary);
    margin: 0;
    line-height: 1.4;
}

.optimal-rate[b-kznxwh5tkh] {
    text-align: center;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(233, 77, 136, 0.05) 0%, rgba(245, 164, 98, 0.05) 100%);
    border-radius: 0.75rem;
    margin-top: 1rem;
}

.optimal-rate-text[b-kznxwh5tkh] {
    font-size: 0.875rem;
    color: var(--text-primary);
    margin: 0;
}

    .optimal-rate-text strong[b-kznxwh5tkh] {
        font-size: 1.25rem;
        font-weight: 600;
        color: var(--red-primary);
    }

.comparison-footer[b-kznxwh5tkh] {
    text-align: center;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-default);
}

.footer-heading[b-kznxwh5tkh] {
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--red-primary);
    margin: 0 0 0.75rem 0;
}

.footer-icon[b-kznxwh5tkh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

    .footer-icon svg[b-kznxwh5tkh] {
        width: 20px;
        height: 20px;
        color: var(--red-primary);
    }

.footer-problem[b-kznxwh5tkh] {
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--heading-primary);
    margin: 0 0 0.5rem 0;
}

.footer-description[b-kznxwh5tkh] {
    font-size: 0.9375rem;
    color: var(--text-primary);
    margin: 0 auto 1rem auto;
    max-width: 800px;
    line-height: 1.6;
}

.footer-solution[b-kznxwh5tkh] {
    font-size: 0.9375rem;
    color: var(--text-primary);
    margin: 0 auto;
    max-width: 800px;
    line-height: 1.6;
}

    .footer-solution strong[b-kznxwh5tkh] {
        color: var(--purple-primary);
        font-weight: 600;
    }

.bottom-note[b-kznxwh5tkh] {
    font-size: 0.8125rem;
    color: var(--text-primary);
    margin: 1rem auto 0 auto;
    max-width: 800px;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .comparison-section-container[b-kznxwh5tkh] {
        padding: 3rem 1rem;
    }

    .comparison-content[b-kznxwh5tkh] {
        padding: 1.75rem 1.5rem;
    }

    .comparison-heading[b-kznxwh5tkh] {
        font-size: 1.5rem;
    }

    .comparison-grid[b-kznxwh5tkh] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .adaptive-stats-grid[b-kznxwh5tkh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .comparison-section-container[b-kznxwh5tkh] {
        padding: 2rem 1rem;
    }

    .comparison-content[b-kznxwh5tkh] {
        padding: 1.5rem 1.25rem;
    }

    .comparison-heading[b-kznxwh5tkh] {
        font-size: 1.25rem;
    }

    .stat-percentage[b-kznxwh5tkh] {
        font-size: 2rem;
    }

    .footer-heading[b-kznxwh5tkh] {
        font-size: 1.125rem;
    }

}
/* /Pages/P3_AdaptivePensionPath/P1_S5_AP_Table.razor.rz.scp.css */
/* Table Comparison Section */
.table-section-container[b-3jxi6quytd] {
    display: flex;
    justify-content: center;
}

.table-section[b-3jxi6quytd] {
    max-width: 900px;
    width: 100%;
}

.table-card[b-3jxi6quytd] {
    background: var(--white);
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.table-header[b-3jxi6quytd] {
    text-align: center;
    padding: 2rem 2rem 1rem 2rem;
}


.section-heading-line-1[b-3jxi6quytd] {
    text-align: center;
}

.section-text-1[b-3jxi6quytd] {
    margin-top: 15px;
    margin-bottom: 5px;
}


.comparison-table[b-3jxi6quytd] {
    width: 100%;
    border-collapse: collapse;
}

    .comparison-table thead[b-3jxi6quytd] {
        background: linear-gradient(90deg, var(--button-gradient-start) 0%, var(--button-gradient-end) 100%);
    }

    .comparison-table th[b-3jxi6quytd] {
        padding: 1rem;
        text-align: left;
        font-size: 0.875rem;
        font-weight: 600;
        color: var(--white);
        text-align: center;
    }

        .comparison-table th:first-child[b-3jxi6quytd] {
            text-align: left;
            padding-left: 2rem;
        }

    .comparison-table tbody tr[b-3jxi6quytd] {
        border-bottom: 1px solid var(--border-default);
    }

        .comparison-table tbody tr:last-child[b-3jxi6quytd] {
            border-bottom: none;
        }

    .comparison-table td[b-3jxi6quytd] {
        padding: 1.25rem 1rem;
        font-size: 0.9375rem;
        color: var(--heading-primary);
        text-align: center;
    }

        .comparison-table td:first-child[b-3jxi6quytd] {
            text-align: left;
            padding-left: 2rem;
            font-weight: 500;
            color: var(--text-primary);
        }

.table-value-purple[b-3jxi6quytd] {
    color: var(--purple-primary);
    font-weight: 600;
}

.table-value-gray[b-3jxi6quytd] {
    color: var(--text-primary);
    font-weight: 600;
}

.table-value-saving[b-3jxi6quytd] {
    color: var(--purple-primary);
    font-weight: 600;
}

.table-value-percent[b-3jxi6quytd] {
    color: var(--purple-primary);
    font-weight: 600;
}

.table-footer[b-3jxi6quytd] {
    padding: 1.5rem 2rem;
    background: rgba(139, 95, 191, 0.03);
    border-top: 1px solid var(--border-default);
}

.table-footer-text[b-3jxi6quytd] {
    font-size: 0.75rem;
    color: var(--text-primary);
    margin: 0 0 0.5rem 0;
    line-height: 1.5;
}

    .table-footer-text:last-child[b-3jxi6quytd] {
        margin: 0;
    }

    .table-footer-text strong[b-3jxi6quytd] {
        font-weight: 600;
    }


@media (max-width: 768px) {
    .table-section-container[b-3jxi6quytd] {
        padding: 3rem 1rem;
    }

    .table-header[b-3jxi6quytd] {
        padding: 1.75rem 1.5rem 1rem 1.5rem;
    }

    .table-heading[b-3jxi6quytd] {
        font-size: 1.5rem;
    }

    .comparison-table th[b-3jxi6quytd],
    .comparison-table td[b-3jxi6quytd] {
        padding: 0.875rem 0.5rem;
        font-size: 0.8125rem;
    }

        .comparison-table th:first-child[b-3jxi6quytd],
        .comparison-table td:first-child[b-3jxi6quytd] {
            padding-left: 1rem;
        }

    .table-footer[b-3jxi6quytd] {
        padding: 1.25rem 1.5rem;
    }
}

@media (max-width: 480px) {

    .table-section-container[b-3jxi6quytd] {
        padding: 2rem 1rem;
    }

    .table-header[b-3jxi6quytd] {
        padding: 1.5rem 1.25rem 0.75rem 1.25rem;
    }

    .table-heading[b-3jxi6quytd] {
        font-size: 1.25rem;
    }

    .comparison-table th[b-3jxi6quytd],
    .comparison-table td[b-3jxi6quytd] {
        padding: 0.75rem 0.375rem;
        font-size: 0.75rem;
    }

        .comparison-table th:first-child[b-3jxi6quytd],
        .comparison-table td:first-child[b-3jxi6quytd] {
            padding-left: 0.75rem;
        }

    .table-footer[b-3jxi6quytd] {
        padding: 1rem 1.25rem;
    }

    .table-footer-text[b-3jxi6quytd] {
        font-size: 0.6875rem;
    }
}
/* /Pages/P3_AdaptivePensionPath/P1_S6_AP_Calculate.razor.rz.scp.css */
/* Calculator Section */
.calculator-section-container[b-u18wxm3cvi] {
    display: flex;
    justify-content: center;
}

.calculator-section[b-u18wxm3cvi] {
    max-width: 900px;
    width: 100%;
}

.calculator-header[b-u18wxm3cvi] {
    text-align: center;
    margin-bottom: 2rem;
}

.calculator-icon[b-u18wxm3cvi] {
    width: 64px;
    height: 64px;
    border-radius: 1rem;
    background: linear-gradient(135deg, var(--button-gradient-start) 0%, var(--button-gradient-end) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem auto;
    color: var(--white);
}

    .calculator-icon svg[b-u18wxm3cvi] {
        width: 28px;
        height: 28px;
    }



.section-heading-line-1[b-u18wxm3cvi] {
    text-align: center;
}

.section-text-1[b-u18wxm3cvi] {
    margin-top: 15px;
    margin-bottom: 5px;
}


.calculator-card[b-u18wxm3cvi] {
    background: var(--white);
    border-radius: 1.25rem;
    padding: 2rem 2.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.calculator-tabs[b-u18wxm3cvi] {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
}

.tab-button[b-u18wxm3cvi] {
    flex: 1;
    padding: 1rem 1.5rem;
    background: transparent;
    border: 2px solid var(--border-default);
    border-radius: 0.75rem;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

    .tab-button:hover[b-u18wxm3cvi] {
        background: var(--button-secondary-hover);
        border-color: var(--border-focus);
    }

    .tab-button.active[b-u18wxm3cvi] {
        background: var(--white);
        border-color: var(--blue-primary);
        color: var(--blue-primary);
        box-shadow: 0 2px 8px rgba(139, 95, 191, 0.15);
    }

.tab-icon[b-u18wxm3cvi] {
    font-size: 1rem;
}

.calculator-form[b-u18wxm3cvi] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.calculator-input-row[b-u18wxm3cvi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
}

.calculator-input-field[b-u18wxm3cvi] {
    display: flex;
    flex-direction: column;
}

.calculator-input-label[b-u18wxm3cvi] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.calculator-input[b-u18wxm3cvi] {
    padding: 0.875rem 1rem;
    border: 2px solid var(--border-default);
    border-radius: 0.75rem;
    font-size: 1rem;
    color: var(--heading-primary);
    background: var(--white);
    transition: all 0.2s ease;
}

    .calculator-input:focus[b-u18wxm3cvi] {
        outline: none;
        border-color: var(--border-focus);
        box-shadow: 0 0 0 3px var(--focus-shadow);
    }

    .calculator-input[b-u18wxm3cvi]::placeholder {
        color: var(--text-placeholder);
    }


.calculator-select[b-u18wxm3cvi] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    padding-right: 36px;
    cursor: pointer;
    max-height: 100px;
    overflow-y: auto;
}

    /* For the dropdown options list */
    .calculator-select option[b-u18wxm3cvi] {
        padding: 8px;
    }

    /* Additional styling for better dropdown appearance */
    .calculator-select[b-u18wxm3cvi]::-webkit-scrollbar {
        width: 8px;
    }

    .calculator-select[b-u18wxm3cvi]::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .calculator-select[b-u18wxm3cvi]::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
    }

        .calculator-select[b-u18wxm3cvi]::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    .calculator-select:focus[b-u18wxm3cvi] {
        outline: none;
        border-color: #007bff; /* Adjust to your brand color */
        box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
    }

    .calculator-select option[b-u18wxm3cvi] {
        padding: 8px;
    }

.calculator-input:invalid[b-u18wxm3cvi] {
    border-color: #dc3545;
}

    .calculator-input:invalid:focus[b-u18wxm3cvi] {
        box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
    }


.btn-calculate[b-u18wxm3cvi] {
    width: 100%;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, var(--button-gradient-start) 0%, var(--button-gradient-end) 100%);
    color: var(--white);
    border: none;
    border-radius: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    box-shadow: 0 4px 15px var(--button-shadow);
}

    .btn-calculate:hover[b-u18wxm3cvi] {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px var(--button-shadow-hover);
    }

    .btn-calculate:active[b-u18wxm3cvi] {
        transform: translateY(0);
    }

.calculate-icon[b-u18wxm3cvi] {
    font-size: 1rem;
}

.calculator-results[b-u18wxm3cvi] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.results-hidden[b-u18wxm3cvi] {
    display: none;
}

.results-main-panel[b-u18wxm3cvi] {
    background: linear-gradient(135deg, rgba(139, 95, 191, 0.08) 0%, rgba(201, 77, 143, 0.08) 100%);
    border-radius: 1rem;
    padding: 2rem;
    text-align: center;
}

.results-label[b-u18wxm3cvi] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
    margin: 0 0 0.75rem 0;
}

.calcerror[b-u18wxm3cvi] {
    padding: 5px;
    color: black;
    background-color: pink;
    margin-top: 2px;
    border-radius: 5px;
    text-align: center;
}

.results-value[b-u18wxm3cvi] {
    font-size: 3rem;
    font-weight: 600;
    color: var(--purple-primary);
    margin: 0 0 0.5rem 0;
    line-height: 1;
}

.results-basis[b-u18wxm3cvi] {
    font-size: 0.8125rem;
    color: var(--text-primary);
    margin: 0;
}

.breakdown-panel[b-u18wxm3cvi] {
    background: var(--white);
    border-radius: 1rem;
    padding: 2rem;
    border: 1px solid var(--border-default);
}

.breakdown-heading[b-u18wxm3cvi] {
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--heading-primary);
    margin: 0 0 1.5rem 0;
    text-align: center;
}

.breakdown-grid[b-u18wxm3cvi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.breakdown-card[b-u18wxm3cvi] {
    padding: 1.5rem;
    border-radius: 0.75rem;
    text-align: center;
}

.breakdown-card-purple[b-u18wxm3cvi] {
    background: var(--purple-light);
}

.breakdown-card-orange[b-u18wxm3cvi] {
    background: var(--orange-light);
}

.breakdown-card-teal[b-u18wxm3cvi] {
    background: var(--teal-light);
}

.breakdown-label[b-u18wxm3cvi] {
    font-size: 0.8125rem;
    font-weight: 500;
    margin: 0 0 0.75rem 0;
}

.breakdown-label-purple[b-u18wxm3cvi] {
    color: var(--purple-primary);
}

.breakdown-label-orange[b-u18wxm3cvi] {
    color: var(--orange-primary);
}

.breakdown-label-teal[b-u18wxm3cvi] {
    color: var(--teal-primary);
}

.breakdown-amount[b-u18wxm3cvi] {
    font-size: 1.75rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    line-height: 1;
}

.breakdown-amount-purple[b-u18wxm3cvi] {
    color: var(--purple-primary);
}

.breakdown-amount-orange[b-u18wxm3cvi] {
    color: var(--orange-primary);
}

.breakdown-amount-teal[b-u18wxm3cvi] {
    color: var(--teal-primary);
}

.breakdown-condition[b-u18wxm3cvi] {
    font-size: 0.75rem;
    color: var(--text-primary);
    margin: 0;
    line-height: 1.4;
}

.breakdown-note[b-u18wxm3cvi] {
    font-size: 0.875rem;
    color: var(--text-primary);
    line-height: 1.6;
    text-align: center;
    margin: 0;
}


@media (max-width: 768px) {
    .calculator-section-container[b-u18wxm3cvi] {
        padding: 3rem 1rem 4rem 1rem;
    }

    .calculator-card[b-u18wxm3cvi] {
        padding: 2rem 1.75rem;
    }

    .calculator-heading[b-u18wxm3cvi] {
    }

    .calculator-tabs[b-u18wxm3cvi] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .calculator-input-row[b-u18wxm3cvi] {
        grid-template-columns: 1fr;
    }

    .results-value[b-u18wxm3cvi] {
        font-size: 2.5rem;
    }

    .breakdown-grid[b-u18wxm3cvi] {
        grid-template-columns: 1fr;
    }

    .breakdown-amount[b-u18wxm3cvi] {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .calculator-section-container[b-u18wxm3cvi] {
        padding: 2rem 1rem 3rem 1rem;
    }

    .calculator-icon[b-u18wxm3cvi] {
        width: 56px;
        height: 56px;
    }

        .calculator-icon svg[b-u18wxm3cvi] {
            width: 24px;
            height: 24px;
        }

    .calculator-heading[b-u18wxm3cvi] {
        font-size: 1.5rem;
    }

    .calculator-card[b-u18wxm3cvi] {
        padding: 1.75rem 1.5rem;
    }

    .calculator-tabs[b-u18wxm3cvi] {
        gap: 0.625rem;
    }

    .tab-button[b-u18wxm3cvi] {
        padding: 0.875rem 1.25rem;
        font-size: 0.875rem;
    }

    .results-value[b-u18wxm3cvi] {
        font-size: 2rem;
    }

    .breakdown-panel[b-u18wxm3cvi] {
        padding: 1.5rem;
    }

    .breakdown-heading[b-u18wxm3cvi] {
        font-size: 1.125rem;
    }

    .breakdown-amount[b-u18wxm3cvi] {
        font-size: 1.375rem;
    }

}
/* /Pages/P3_AdaptivePensionPath/P1_S7_AP_ReadyToExplore.razor.rz.scp.css */
/* CTA Section */
.cta-section-container[b-n381qc4k90] {
    display: flex;
    justify-content: center;
}

.cta-section[b-n381qc4k90] {
    max-width: 900px;
    width: 100%;
}

.cta-card[b-n381qc4k90] {
    background: var(--white);
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.cta-gradient-bar[b-n381qc4k90] {
    height: 6px;
    background: linear-gradient(90deg, #8b5fbf 0%, #c94d8f 50%, #f5a462 100%);
}

.cta-content[b-n381qc4k90] {
    padding: 3rem 2.5rem;
    text-align: center;
}

.section-heading-line-1[b-n381qc4k90] {
    text-align: center;
}

.section-text-1[b-n381qc4k90] {
    margin-top: 15px;
    margin-bottom: 35px;
    max-width:900px;
}




.btn-cta[b-n381qc4k90] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, var(--button-gradient-start) 0%, var(--button-gradient-end) 100%);
    color: var(--white);
    border: none;
    border-radius: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px var(--button-shadow);
    text-decoration: none;
}

    .btn-cta:hover[b-n381qc4k90] {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px var(--button-shadow-hover);
    }

    .btn-cta:active[b-n381qc4k90] {
        transform: translateY(0);
    }

.cta-arrow[b-n381qc4k90] {
    font-size: 1.125rem;
    transition: transform 0.2s ease;
}

.btn-cta:hover .cta-arrow[b-n381qc4k90] {
    transform: translateX(4px);
}


@media (max-width: 768px) {
    .cta-section-container[b-n381qc4k90] {
        padding: 3rem 1rem 5rem 1rem;
    }

    .cta-content[b-n381qc4k90] {
        padding: 2.5rem 2rem;
    }

}

@media (max-width: 480px) {
    .cta-section-container[b-n381qc4k90] {
        padding: 2rem 1rem 4rem 1rem;
    }

    .cta-content[b-n381qc4k90] {
        padding: 2rem 1.5rem;
    }
}
/* /Pages/P4_Team/MeetTheTeam.razor.rz.scp.css */
.team-container[b-3w1a4swf6l] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 20px;
    margin-top:50px;
}

.team-header[b-3w1a4swf6l] {
    text-align: center;
    margin-bottom: 60px;
}

.team-title[b-3w1a4swf6l] {
    font-size: 42px;
    font-weight: 700;
    color: #003d6b;
    margin-bottom: 16px;
}

.team-subtitle[b-3w1a4swf6l] {
    font-size: 18px;
    color: #6b7280;
    line-height: 1.6;
}

.team-members[b-3w1a4swf6l] {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-bottom: 80px;
}

.team-member-card[b-3w1a4swf6l] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 40px;
    background-color: white;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease;
}

    .team-member-card:hover[b-3w1a4swf6l] {
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    }

.member-photo[b-3w1a4swf6l] {
    width: 300px;
    height: 300px;
    border-radius: 12px;
    overflow: hidden;
}

    .member-photo img[b-3w1a4swf6l] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.member-content[b-3w1a4swf6l] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.member-header[b-3w1a4swf6l] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}

.member-name[b-3w1a4swf6l] {
    font-size: 32px;
    font-weight: 700;
    color: #003d6b;
    margin: 0;
}

.member-credentials[b-3w1a4swf6l] {
    font-size: 18px;
    font-weight: 600;
    color: #0066a1;
}

.member-role[b-3w1a4swf6l] {
    font-size: 20px;
    font-weight: 600;
    color: #4b5563;
    margin: 0;
}

.member-short-bio[b-3w1a4swf6l] {
    font-size: 16px;
    color: #4b5563;
    line-height: 1.6;
    margin: 0;
}

.member-highlights[b-3w1a4swf6l] {
    background-color: #f9fafb;
    padding: 24px;
    border-radius: 12px;
    border-left: 4px solid #0066a1;
}

    .member-highlights h3[b-3w1a4swf6l] {
        font-size: 18px;
        font-weight: 700;
        color: #003d6b;
        margin-bottom: 16px;
    }

    .member-highlights ul[b-3w1a4swf6l] {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

    .member-highlights li[b-3w1a4swf6l] {
        font-size: 15px;
        color: #4b5563;
        line-height: 1.6;
        margin-bottom: 12px;
        padding-left: 24px;
        position: relative;
    }

        .member-highlights li:last-child[b-3w1a4swf6l] {
            margin-bottom: 0;
        }

        .member-highlights li[b-3w1a4swf6l]::before {
            content: "▸";
            position: absolute;
            left: 0;
            color: #0066a1;
            font-weight: bold;
        }

.member-personal[b-3w1a4swf6l] {
    background-color: #e8f4f8;
    padding: 20px;
    border-radius: 8px;
    font-style: italic;
}

    .member-personal p[b-3w1a4swf6l] {
        font-size: 15px;
        color: #4b5563;
        line-height: 1.6;
        margin: 0;
    }

/* Specialist Partner Section Styles */
.specialist-section[b-3w1a4swf6l] {
    margin-top: 100px;
    margin-bottom: 80px;
    padding-top: 80px;
    border-top: 4px solid #d1d5db;
    position: relative;
}

    .specialist-section[b-3w1a4swf6l]::before {
        content: '';
        position: absolute;
        top: -2px;
        left: 50%;
        transform: translateX(-50%);
        width: 200px;
        height: 4px;
        background: linear-gradient(90deg, #003d6b 0%, #0066a1 100%);
    }

.section-divider[b-3w1a4swf6l] {
    text-align: center;
    margin-bottom: 60px;
    padding: 50px 30px;
    background: linear-gradient(135deg, #003d6b 0%, #0066a1 100%);
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 61, 107, 0.2);
    border: 3px solid #0066a1;
}

.section-title[b-3w1a4swf6l] {
    font-size: 40px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.section-description[b-3w1a4swf6l] {
    font-size: 18px;
    color: #e8f4f8;
    line-height: 1.6;
    max-width: 700px;
    margin: 0 auto;
    font-weight: 500;
}

.partner-card[b-3w1a4swf6l] {
    border: 3px solid #0066a1;
    background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);
}

    .partner-card:hover[b-3w1a4swf6l] {
        box-shadow: 0 12px 32px rgba(0, 102, 161, 0.25);
        border-color: #003d6b;
    }

/* CTA Section */
.team-cta[b-3w1a4swf6l] {
    text-align: center;
    background: linear-gradient(135deg, #003d6b 0%, #0066a1 100%);
    padding: 50px 40px;
    border-radius: 16px;
    color: white;
}

    .team-cta h3[b-3w1a4swf6l] {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 12px;
    }

    .team-cta p[b-3w1a4swf6l] {
        font-size: 18px;
        margin-bottom: 30px;
        opacity: 0.95;
    }

.cta-button[b-3w1a4swf6l] {
    background-color: white;
    color: #003d6b;
    border: none;
    padding: 16px 40px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .cta-button:hover[b-3w1a4swf6l] {
        transform: translateY(-2px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }





@media (max-width: 900px) {

    .team-container[b-3w1a4swf6l] {
        margin-top: 40px;
    }

    .team-member-card[b-3w1a4swf6l] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .member-photo[b-3w1a4swf6l] {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .specialist-section[b-3w1a4swf6l] {
        margin-top: 80px;
        padding-top: 60px;
    }

    .section-divider[b-3w1a4swf6l] {
        padding: 40px 25px;
    }

    .section-title[b-3w1a4swf6l] {
        font-size: 32px;
    }

    .section-description[b-3w1a4swf6l] {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .team-title[b-3w1a4swf6l] {
        font-size: 32px;
    }

    .team-subtitle[b-3w1a4swf6l] {
        font-size: 16px;
    }

    .team-member-card[b-3w1a4swf6l] {
        padding: 30px 25px;
    }

    .member-name[b-3w1a4swf6l] {
        font-size: 26px;
    }

    .member-credentials[b-3w1a4swf6l] {
        font-size: 16px;
    }

    .member-role[b-3w1a4swf6l] {
        font-size: 18px;
    }

    .specialist-section[b-3w1a4swf6l] {
        margin-top: 60px;
        padding-top: 50px;
    }

    .section-divider[b-3w1a4swf6l] {
        padding: 35px 20px;
    }

    .section-title[b-3w1a4swf6l] {
        font-size: 28px;
    }

    .section-description[b-3w1a4swf6l] {
        font-size: 15px;
    }

    .team-cta[b-3w1a4swf6l] {
        padding: 40px 25px;
    }

        .team-cta h3[b-3w1a4swf6l] {
            font-size: 24px;
        }

        .team-cta p[b-3w1a4swf6l] {
            font-size: 16px;
        }
}
/* /Pages/P4_Team/P1_TM_S3_ReadyToWorkWithUs.razor.rz.scp.css */
/* CTA Section */
.cta-section-container[b-eazyrin85x] {
    display: flex;
    justify-content: center;
}

.cta-section[b-eazyrin85x] {
    max-width: 900px;
    width: 100%;
}

.cta-card[b-eazyrin85x] {
    background: var(--white);
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.cta-gradient-bar[b-eazyrin85x] {
    height: 6px;
    background: linear-gradient(90deg, #8b5fbf 0%, #c94d8f 50%, #f5a462 100%);
}

.cta-content[b-eazyrin85x] {
    padding: 3rem 2.5rem;
    text-align: center;
}

.section-heading-line-1[b-eazyrin85x] {
    text-align: center;
}

.section-text-1[b-eazyrin85x] {
    margin-top: 15px;
    margin-bottom: 35px;
    max-width:900px;
}




.btn-cta[b-eazyrin85x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, var(--button-gradient-start) 0%, var(--button-gradient-end) 100%);
    color: var(--white);
    border: none;
    border-radius: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px var(--button-shadow);
    text-decoration: none;
}

    .btn-cta:hover[b-eazyrin85x] {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px var(--button-shadow-hover);
    }

    .btn-cta:active[b-eazyrin85x] {
        transform: translateY(0);
    }

.cta-arrow[b-eazyrin85x] {
    font-size: 1.125rem;
    transition: transform 0.2s ease;
}

.btn-cta:hover .cta-arrow[b-eazyrin85x] {
    transform: translateX(4px);
}


@media (max-width: 768px) {
    .cta-section-container[b-eazyrin85x] {
        padding: 3rem 1rem 5rem 1rem;
    }

    .cta-content[b-eazyrin85x] {
        padding: 2.5rem 2rem;
    }

}

@media (max-width: 480px) {
    .cta-section-container[b-eazyrin85x] {
        padding: 2rem 1rem 4rem 1rem;
    }

    .cta-content[b-eazyrin85x] {
        padding: 2rem 1.5rem;
    }
}
/* /Pages/P5_About/P1_AB_S1_Main.razor.rz.scp.css */
.about-container[b-l4xnooqd25] {
    display: flex;
    justify-content: center;
    align-items: center;
}


.content-wrapper[b-l4xnooqd25] {
    max-width: 1100px;
    width: 100%;
}


.hero-section[b-l4xnooqd25] {
    text-align: center;
    margin-top: 8rem;
}


.container[b-l4xnooqd25] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    max-width: 1200px; /* Add this */
    margin: 0 auto; /* This centers it */
    padding: 0 20px; /* Optional: adds breathing room on small screens */
    margin-top: 35px;
}

.two-column-section[b-l4xnooqd25] {
    /* Remove the grid here - each section is already in a grid cell */
    text-align: left;
}

.content-column[b-l4xnooqd25] {
    text-align: left;
}


@media (max-width: 1024px) {
    .container[b-l4xnooqd25] {
        grid-template-columns: 1fr;
        gap: 40px;
        margin: 0 10px;
    }
}


/* /Pages/P5_About/P1_AB_S3_CoreValues.razor.rz.scp.css */
.section[b-dnol661pjp] {
    padding: 100px 20px;
}

.container[b-dnol661pjp] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align:center;
}

.values-grid[b-dnol661pjp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-top: 64px;
}

.value-card[b-dnol661pjp] {
    background: white;
    padding: 40px 32px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    transition: all 0.3s ease;
}

    .value-card:hover[b-dnol661pjp] {
        border-color: #2563eb;
        box-shadow: 0 8px 32px rgba(37, 99, 235, 0.08);
        transform: translateY(-4px);
    }

.value-icon[b-dnol661pjp] {
    width: 56px;
    height: 56px;
    background: #eff6ff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    color: #2563eb;
}

.value-card h3[b-dnol661pjp] {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #0f172a;
}

.value-card p[b-dnol661pjp] {
    color: #64748b;
    font-size: 15px;
    line-height: 1.7;
}

@media (max-width: 1024px) {
    .two-column-section[b-dnol661pjp] {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .values-grid[b-dnol661pjp] {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 768px) {
    

    .values-grid[b-dnol661pjp] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/P5_About/P1_AB_S4_WhatWeDo.razor.rz.scp.css */
.section[b-tbvikdpx3v] {
    padding: 100px 20px;
}

.container[b-tbvikdpx3v] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}


.services-grid[b-tbvikdpx3v] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin-top: 64px;
}

.service-card[b-tbvikdpx3v] {
    background: white;
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    transition: all 0.3s ease;
}

    .service-card:hover[b-tbvikdpx3v] {
        border-color: #2563eb;
        box-shadow: 0 8px 32px rgba(37, 99, 235, 0.08);
    }

.service-number[b-tbvikdpx3v] {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #2563eb;
    margin-bottom: 16px;
    letter-spacing: 0.5px;
}

.service-card h3[b-tbvikdpx3v] {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #0f172a;
}

.service-card p[b-tbvikdpx3v] {
    color: #64748b;
    font-size: 15px;
    line-height: 1.7;
}

@media (max-width: 1024px) {
    .services-grid[b-tbvikdpx3v] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-tbvikdpx3v] {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
}


@media (max-width: 768px) {


}
/* /Pages/P5_About/P1_AB_S5_ReadyToMaximise.razor.rz.scp.css */
/* CTA Section */
.cta-section-container[b-8118fq0j2z] {
    display: flex;
    justify-content: center;
}

.cta-section[b-8118fq0j2z] {
    max-width: 900px;
    width: 100%;
}

.cta-card[b-8118fq0j2z] {
    background: var(--white);
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.cta-gradient-bar[b-8118fq0j2z] {
    height: 6px;
    background: linear-gradient(90deg, #8b5fbf 0%, #c94d8f 50%, #f5a462 100%);
}

.cta-content[b-8118fq0j2z] {
    padding: 3rem 2.5rem;
    text-align: center;
}

.section-heading-line-1[b-8118fq0j2z] {
    text-align: center;
}

.section-text-1[b-8118fq0j2z] {
    margin-top: 15px;
    margin-bottom: 35px;
    max-width:900px;
}




.btn-cta[b-8118fq0j2z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, var(--button-gradient-start) 0%, var(--button-gradient-end) 100%);
    color: var(--white);
    border: none;
    border-radius: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px var(--button-shadow);
    text-decoration: none;
}

    .btn-cta:hover[b-8118fq0j2z] {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px var(--button-shadow-hover);
    }

    .btn-cta:active[b-8118fq0j2z] {
        transform: translateY(0);
    }

.cta-arrow[b-8118fq0j2z] {
    font-size: 1.125rem;
    transition: transform 0.2s ease;
}

.btn-cta:hover .cta-arrow[b-8118fq0j2z] {
    transform: translateX(4px);
}


@media (max-width: 768px) {
    .cta-section-container[b-8118fq0j2z] {
        padding: 3rem 1rem 5rem 1rem;
    }

    .cta-content[b-8118fq0j2z] {
        padding: 2.5rem 2rem;
    }

}

@media (max-width: 480px) {
    .cta-section-container[b-8118fq0j2z] {
        padding: 2rem 1rem 4rem 1rem;
    }

    .cta-content[b-8118fq0j2z] {
        padding: 2rem 1.5rem;
    }
}