/* /Components/Admin/DashboardError.razor.rz.scp.css */
.dashboard-error[b-tbrwgeoxp5] {
    margin-bottom: 1.5rem;
}

.error-content[b-tbrwgeoxp5] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.error-icon[b-tbrwgeoxp5] {
    font-size: 2rem;
    color: var(--rz-danger);
}

.error-content p[b-tbrwgeoxp5] {
    margin: 0.5rem 0;
    color: #666;
}
/* /Components/Admin/MetricCard.razor.rz.scp.css */
.metric-card[b-xpljwvos0t] {
    padding: 1.5rem;
    border: 1px solid var(--rz-border-color, #e0e0e0);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    background: white;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.metric-card:hover[b-xpljwvos0t] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.metric-icon[b-xpljwvos0t] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.metric-icon.icon-primary[b-xpljwvos0t] {
    background-color: rgba(25, 118, 210, 0.1);
    color: #1976d2;
}

.metric-icon.icon-success[b-xpljwvos0t] {
    background-color: rgba(76, 175, 80, 0.1);
    color: #4caf50;
}

.metric-icon.icon-warning[b-xpljwvos0t] {
    background-color: rgba(255, 152, 0, 0.1);
    color: #ff9800;
}

.metric-icon.icon-danger[b-xpljwvos0t] {
    background-color: rgba(244, 67, 54, 0.1);
    color: #f44336;
}

.metric-icon.icon-info[b-xpljwvos0t] {
    background-color: rgba(33, 150, 243, 0.1);
    color: #2196f3;
}

.metric-icon.icon-secondary[b-xpljwvos0t] {
    background-color: rgba(158, 158, 158, 0.1);
    color: #9e9e9e;
}

.metric-value[b-xpljwvos0t] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1;
    color: #1a1a2e;
}

.metric-label[b-xpljwvos0t] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
}

.metric-subtext[b-xpljwvos0t] {
    font-size: 0.8rem;
    color: #9e9e9e;
    margin-top: auto;
}

.metric-badge[b-xpljwvos0t] {
    margin-top: 0.5rem;
    align-self: flex-start;
}
/* /Components/Admin/MetricRow.razor.rz.scp.css */
.metric-row[b-z5fnhxrc2m] {
    margin-bottom: 1.5rem;
}

[b-z5fnhxrc2m] .rz-column {
    min-width: 0;
}

/* Responsive grid for metric cards */
@media (max-width: 768px) {
    .metric-row[b-z5fnhxrc2m] {
        flex-direction: column;
    }
}
/* /Components/Forms/DemoRequestForm.razor.rz.scp.css */
/*  DemoRequestForm.razor.css
 *  Styles for demo request form component
 */

#cf-form[b-u8jssubuey] {
    background-color: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

#cf-form h2[b-u8jssubuey] {
    font-size: 1.5rem;
    margin-bottom: 20px;
    color: #4c5d6f;
    text-align: center;
}

#cf-form fieldset[b-u8jssubuey] {
    border: none;
    padding: 0;
    margin: 0;
}

#cf-form legend[b-u8jssubuey] {
    display: none;
}

#cf-form .form-fields[b-u8jssubuey] {
    list-style: none;
    padding: 0;
    margin: 0;
}

#cf-form .form-fields li[b-u8jssubuey] {
    margin-bottom: 15px;
}

#cf-form input[type="text"][b-u8jssubuey],
#cf-form input[type="email"][b-u8jssubuey],
#cf-form input[type="tel"][b-u8jssubuey],
#cf-form textarea[b-u8jssubuey],
#cf-form select[b-u8jssubuey] {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
    font-family: inherit;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

#cf-form input:focus[b-u8jssubuey],
#cf-form textarea:focus[b-u8jssubuey],
#cf-form select:focus[b-u8jssubuey] {
    outline: none;
    border-color: #427fed;
}

#cf-form textarea[b-u8jssubuey] {
    min-height: 100px;
    resize: vertical;
}

#cf-form .form-buttons[b-u8jssubuey] {
    text-align: center;
    margin-top: 20px;
}

#cf-form .notification[b-u8jssubuey] {
    display: block;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}

#cf-form .notification.success[b-u8jssubuey] {
    background-color: #dff0d8;
    color: #3c763d;
    border: 1px solid #d6e9c6;
}

#cf-form .notification.error[b-u8jssubuey] {
    background-color: #f2dede;
    color: #a94442;
    border: 1px solid #ebccd1;
}
/* /Components/Layout/Header.razor.rz.scp.css */
#header[b-88rk3ciyt5] {
    /* Header styles are in MainLayout.razor.css */
}

/* Hide the checkbox */
.nav-toggle-checkbox[b-88rk3ciyt5] {
    display: none;
}

/* Hide hamburger menu on desktop */
#hamburger[b-88rk3ciyt5] {
    display: none;
}

/* User greeting styles */
.user-greeting[b-88rk3ciyt5] {
    color: #6c757d;
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
}

/* Admin button styling - Primary Blue */
#admin-btn a[b-88rk3ciyt5] {
    background-color: #1976d2;
    color: white !important;
    border-radius: 4px;
    padding: 0.5rem 1rem;
}

#admin-btn a:hover[b-88rk3ciyt5] {
    background-color: #1565c0;
}

/* Logout button styling */
#logout-btn a[b-88rk3ciyt5] {
    color: #6c757d;
}

#logout-btn a:hover[b-88rk3ciyt5] {
    color: #f44336;
}

/* User info display */
#user-info[b-88rk3ciyt5] {
    display: flex;
    align-items: center;
}

/* ============================================
   MOBILE RESPONSIVE
   ============================================ */
@media (max-width: 768px) {
    #header[b-88rk3ciyt5] {
        height: 70px;
    }

    #header .inner[b-88rk3ciyt5] {
        position: relative;
    }

    /* Hamburger label styling */
    #hamburger[b-88rk3ciyt5] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 28px;
        height: 20px;
        padding: 0;
        margin-right: 15px;
        background: none;
        border: none;
        cursor: pointer;
    }

    #hamburger span[b-88rk3ciyt5] {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #4c5d6f;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    /* Hamburger animation when checkbox is checked */
    .nav-toggle-checkbox:checked + #hamburger span:nth-child(1)[b-88rk3ciyt5] {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .nav-toggle-checkbox:checked + #hamburger span:nth-child(2)[b-88rk3ciyt5] {
        opacity: 0;
    }

    .nav-toggle-checkbox:checked + #hamburger span:nth-child(3)[b-88rk3ciyt5] {
        transform: rotate(-45deg) translate(6px, -6px);
    }

    /* Nav links - hidden by default on mobile */
    .nav-links[b-88rk3ciyt5] {
        display: none;
        position: absolute;
        top: 70px;
        right: 0;
        left: 0;
        background-color: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        flex-direction: column;
        padding: 10px 0;
        z-index: 9999;
        list-style: none;
        margin: 0;
    }

    /* Show nav links when checkbox is checked */
    .nav-toggle-checkbox:checked ~ .nav-links[b-88rk3ciyt5] {
        display: flex;
    }

    .nav-links li[b-88rk3ciyt5] {
        display: block;
        margin: 0;
        text-align: center;
    }

    .nav-links li a[b-88rk3ciyt5] {
        display: block;
        padding: 12px 20px;
        color: #4c5d6f;
        text-decoration: none;
    }

    .nav-links li a:hover[b-88rk3ciyt5] {
        background-color: #f5f5f5;
        color: #427fed;
    }

    /* Remove underline effect on mobile */
    .nav-links li a[b-88rk3ciyt5]::after {
        display: none !important;
    }

    /* Mobile button styling */
    #login-btn a[b-88rk3ciyt5],
    #register-btn a[b-88rk3ciyt5] {
        margin: 5px 20px;
        border-radius: 4px;
    }

    #admin-btn a[b-88rk3ciyt5] {
        margin: 5px 20px;
    }

    .user-greeting[b-88rk3ciyt5] {
        padding: 12px 20px;
        display: block;
        text-align: center;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/*  MainLayout.razor.css
 *  Pendigo Portal Layout Styles
 *  Based on public site (assets/css/global.css)
 */

/* Font Faces - Proxima Nova */
@font-face {
    font-family: 'ProximaNova-Light';
    src: url('/fonts/proximanova-light-webfont.woff') format('woff'),
         url('/fonts/proximanova-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('/fonts/proximanova-regular-webfont.woff') format('woff'),
         url('/fonts/proximanova-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Font Faces - NHaas Grotesk (headings) */
@font-face {
    font-family: "NHaasGroteskDSPro-75Bd";
    src: url('/fonts/NHaasGroteskDSPro-75Bd.woff') format('woff'),
         url('/fonts/NHaasGroteskDSPro-75Bd.ttf') format('truetype');
}

@font-face {
    font-family: "NHaasGroteskDSPro-95Blk";
    src: url('/fonts/NHaasGroteskDSPro-95Blk.woff') format('woff'),
         url('/fonts/NHaasGroteskDSPro-95Blk.ttf') format('truetype');
}

/* Global Reset */
[b-ob2gptiu1f] html,
[b-ob2gptiu1f] body {
    position: relative;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: "ProximaNova-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c5d6f;
}

[b-ob2gptiu1f] a {
    cursor: pointer !important;
    color: #427fed;
    text-decoration: none;
}

[b-ob2gptiu1f] a:hover {
    color: #3569c9;
    text-decoration: underline;
}

[b-ob2gptiu1f] h1, [b-ob2gptiu1f] h2, [b-ob2gptiu1f] h3, [b-ob2gptiu1f] h4, [b-ob2gptiu1f] h5, [b-ob2gptiu1f] h6 {
    line-height: 120%;
    margin: 0;
    padding: 0;
    font-family: "NHaasGroteskDSPro-75Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c5d6f;
}

/* Viewport Container */
#viewport[b-ob2gptiu1f] {
    display: block;
    width: 100%;
    min-height: 100%;
    min-width: 320px;
    box-sizing: border-box;
}

/* ============================================
   HEADER - White background (public site)
   ============================================ */
[b-ob2gptiu1f] #header {
    display: block;
    width: 100%;
    height: 110px;
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    text-align: center;
    z-index: 10000;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}

[b-ob2gptiu1f] #header .inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Website Logo */
[b-ob2gptiu1f] a#website-logo {
    display: inline-block;
    padding-left: 25px;
    cursor: pointer;
}

[b-ob2gptiu1f] a#website-logo img {
    max-height: 60px;
    width: auto;
}

/* Primary Navigation - Horizontal menu */
[b-ob2gptiu1f] #primary-nav {
    display: inline-block;
    padding-right: 25px;
}

[b-ob2gptiu1f] #primary-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

[b-ob2gptiu1f] #primary-nav ul li {
    display: inline-block;
    margin: 0 5px;
}

[b-ob2gptiu1f] #primary-nav ul li a {
    display: block;
    padding: 10px 15px;
    color: #4c5d6f;
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s ease;
    position: relative;
}

/* Underline effect for nav links */
[b-ob2gptiu1f] #primary-nav ul li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 2px;
    background-color: #427fed;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

[b-ob2gptiu1f] #primary-nav ul li a:hover::after,
[b-ob2gptiu1f] #primary-nav ul li a.active::after {
    transform: scaleX(1);
}

[b-ob2gptiu1f] #primary-nav ul li a:hover,
[b-ob2gptiu1f] #primary-nav ul li a.active {
    color: #427fed;
    text-decoration: none;
}

/* Exclude buttons from underline effect */
[b-ob2gptiu1f] #primary-nav ul li#login-btn a::after,
[b-ob2gptiu1f] #primary-nav ul li#register-btn a::after,
[b-ob2gptiu1f] #primary-nav ul li#admin-btn a::after,
[b-ob2gptiu1f] #primary-nav ul li#logout-btn a::after {
    display: none;
}

[b-ob2gptiu1f] #primary-nav ul li#login-btn a,
[b-ob2gptiu1f] #primary-nav ul li#register-btn a {
    background-color: #427fed;
    color: #fff;
    border-radius: 3px;
    padding: 8px 20px;
}

[b-ob2gptiu1f] #primary-nav ul li#login-btn a:hover,
[b-ob2gptiu1f] #primary-nav ul li#register-btn a:hover {
    background-color: #3569c9;
    color: #fff;
}

/* Hamburger menu (mobile) */
[b-ob2gptiu1f] li#hamburger {
    display: none;
}

[b-ob2gptiu1f] li#hamburger label {
    display: block;
    width: 30px;
    height: 20px;
    position: relative;
    cursor: pointer;
}

[b-ob2gptiu1f] li#hamburger label span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #a1a1a1;
    border-radius: 1px;
    position: absolute;
    left: 0;
    transition: all 0.3s ease;
}

[b-ob2gptiu1f] li#hamburger label span:nth-child(1) { top: 0; }
[b-ob2gptiu1f] li#hamburger label span:nth-child(2) { top: 50%; transform: translateY(-50%); }
[b-ob2gptiu1f] li#hamburger label span:nth-child(3) { bottom: 0; }

/* ============================================
   MAIN CONTENT
   ============================================ */
#content[b-ob2gptiu1f] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 110px;
    min-height: calc(100vh - 110px - 300px);
    position: relative;
    z-index: 5000;
}

/* Section styling - sections handle their own max-width */
[b-ob2gptiu1f] .section {
    width: 100%;
    box-sizing: border-box;
}

[b-ob2gptiu1f] .section-heading {
    font-size: 2.5rem;
    margin-bottom: 30px;
    color: #4c5d6f;
}

[b-ob2gptiu1f] .section-copy {
    line-height: 1.8;
}

/* ============================================
   FOOTER - Light grey background (public site)
   ============================================ */
[b-ob2gptiu1f] #footer {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    z-index: 50;
    overflow: hidden;
    background-color: #f6f6f6;
    -webkit-box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.15);
    color: #848484;
    border-top: 1px solid #427fed;
}

[b-ob2gptiu1f] #footer .section {
    background-color: transparent;
    padding: 40px 0;
}

[b-ob2gptiu1f] #footer .inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 20px;
    text-align: left;
}

[b-ob2gptiu1f] #footer a {
    color: #848484;
}

[b-ob2gptiu1f] #footer a:hover {
    color: #427fed;
}

/* Footer Links */
[b-ob2gptiu1f] #footer .footer-links {
    display: flex;
    gap: 40px;
}

[b-ob2gptiu1f] #footer .footer-links ul.col {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 320px;
}

[b-ob2gptiu1f] #footer .footer-links ul.col li {
    display: block;
    clear: both;
    margin-top: 5px;
    line-height: 1.5;
}

[b-ob2gptiu1f] #footer .footer-links ul.col li:first-child {
    margin-top: 0;
}

[b-ob2gptiu1f] #footer .footer-links ul.col strong {
    color: #4c5d6f;
    font-family: "NHaasGroteskDSPro-75Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Social Links */
[b-ob2gptiu1f] #footer ul#social {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

[b-ob2gptiu1f] #footer ul#social > li {
    margin-bottom: 15px;
}

[b-ob2gptiu1f] #footer ul#connect {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 15px;
    justify-content: flex-end;
}

[b-ob2gptiu1f] #footer ul#connect li {
    display: inline-block;
}

[b-ob2gptiu1f] #footer ul#connect li a {
    display: block;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

[b-ob2gptiu1f] #footer ul#connect li a:hover {
    opacity: 1;
}

[b-ob2gptiu1f] #footer ul#connect li img {
    width: 24px;
    height: 24px;
}

/* ============================================
   UTILITY CLASSES
   ============================================ */
[b-ob2gptiu1f] .clear::after {
    display: table;
    content: "";
    width: 100%;
    height: 0;
    clear: both;
}

[b-ob2gptiu1f] .inner {
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
}

/* ============================================
   RESPONSIVE - Media Queries Only
   ============================================ */

/* Tablet breakpoint - add horizontal padding */
@media (max-width: 1240px) {
    [b-ob2gptiu1f] .section .inner,
    [b-ob2gptiu1f] #footer .inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 768px) {
    [b-ob2gptiu1f] #header {
        height: 70px;
    }

    [b-ob2gptiu1f] #header .inner {
        position: relative;
    }

    [b-ob2gptiu1f] a#website-logo {
        padding-left: 15px;
    }

    [b-ob2gptiu1f] a#website-logo img {
        max-height: 40px;
    }

    /* Hamburger button styling */
    [b-ob2gptiu1f] #hamburger {
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        width: 28px;
        height: 20px;
        padding: 0;
        margin-right: 15px;
        background: none;
        border: none;
        cursor: pointer;
    }

    [b-ob2gptiu1f] #hamburger span {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #4c5d6f;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    /* Hamburger animation when menu is open */
    [b-ob2gptiu1f] #primary-nav.menu-open #hamburger span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    [b-ob2gptiu1f] #primary-nav.menu-open #hamburger span:nth-child(2) {
        opacity: 0;
    }

    [b-ob2gptiu1f] #primary-nav.menu-open #hamburger span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px);
    }

    /* Hide nav links by default on mobile */
    [b-ob2gptiu1f] #primary-nav .nav-links {
        display: none;
        position: absolute;
        top: 70px;
        right: 0;
        left: 0;
        background-color: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        flex-direction: column;
        padding: 10px 0;
        z-index: 9999;
    }

    /* Show nav links when menu is open */
    [b-ob2gptiu1f] #primary-nav.menu-open .nav-links {
        display: flex;
    }

    [b-ob2gptiu1f] #primary-nav .nav-links li {
        display: block;
        margin: 0;
        text-align: center;
    }

    [b-ob2gptiu1f] #primary-nav .nav-links li a {
        display: block;
        padding: 12px 20px;
    }

    /* Remove underline effect on mobile */
    [b-ob2gptiu1f] #primary-nav ul li a::after {
        display: none;
    }

    [b-ob2gptiu1f] #content {
        margin-top: 70px;
        min-height: calc(100vh - 70px - 200px);
    }

    [b-ob2gptiu1f] #footer .inner {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }

    [b-ob2gptiu1f] #footer .footer-links {
        flex-direction: column;
        gap: 20px;
    }

    [b-ob2gptiu1f] #footer ul#social {
        text-align: center;
    }

    [b-ob2gptiu1f] #footer ul#connect {
        justify-content: center;
    }
}

/* Hide hamburger on desktop */
@media (min-width: 769px) {
    [b-ob2gptiu1f] #hamburger {
        display: none !important;
    }
}

/* ============================================
   BLAZOR ERROR UI
   ============================================ */
#blazor-error-ui[b-ob2gptiu1f] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ob2gptiu1f] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-2ddse3t9d6] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-2ddse3t9d6] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-2ddse3t9d6] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-2ddse3t9d6] {
    font-size: 1.1rem;
}

.bi[b-2ddse3t9d6] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-2ddse3t9d6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-2ddse3t9d6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-2ddse3t9d6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-2ddse3t9d6] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-2ddse3t9d6] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-2ddse3t9d6] {
        padding-bottom: 1rem;
    }

    .nav-item[b-2ddse3t9d6]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-2ddse3t9d6]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-2ddse3t9d6]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-2ddse3t9d6] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-2ddse3t9d6] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-2ddse3t9d6] {
        display: none;
    }

    .nav-scrollable[b-2ddse3t9d6] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/Admin/AdminDashboard.razor.rz.scp.css */
.admin-dashboard[b-8jaa5zf29f] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.dashboard-header[b-8jaa5zf29f] {
    margin-bottom: 2rem;
    position: relative;
}

.dashboard-header h1[b-8jaa5zf29f] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.dashboard-subtitle[b-8jaa5zf29f] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.design-guide-link[b-8jaa5zf29f] {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.75rem;
    color: #6c757d;
    text-decoration: none;
}

.design-guide-link:hover[b-8jaa5zf29f] {
    color: #1976d2;
    text-decoration: underline;
}

/* Section titles */
.section-title[b-8jaa5zf29f] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 2rem 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
}

/* Clickable metric cards */
.metric-card.clickable[b-8jaa5zf29f] {
    cursor: pointer !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.metric-card.clickable:hover[b-8jaa5zf29f] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

/* Ensure Radzen card doesn't override cursor */
[b-8jaa5zf29f] .rz-card.metric-card.clickable {
    cursor: pointer !important;
}

/* Metric card styling (for inline cards) */
.metric-card[b-8jaa5zf29f] {
    padding: 1.5rem;
    border: 1px solid var(--rz-border-color, #e0e0e0);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    background: white;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.metric-icon[b-8jaa5zf29f] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.metric-icon.icon-info[b-8jaa5zf29f] {
    background-color: rgba(33, 150, 243, 0.1);
    color: #2196f3;
}

.metric-value[b-8jaa5zf29f] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1;
    color: #1a1a2e;
}

.metric-label[b-8jaa5zf29f] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
}

.metric-subtext[b-8jaa5zf29f] {
    font-size: 0.8rem;
    color: #9e9e9e;
    margin-top: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .admin-dashboard[b-8jaa5zf29f] {
        padding: 1rem;
    }

    .dashboard-header h1[b-8jaa5zf29f] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Admin/AdminSectors.razor.rz.scp.css */
.admin-sectors[b-i12lyikdw4] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-i12lyikdw4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.header-content h1[b-i12lyikdw4] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.page-subtitle[b-i12lyikdw4] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.header-actions[b-i12lyikdw4] {
    display: flex;
    gap: 0.5rem;
}

.loading-container[b-i12lyikdw4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.loading-container p[b-i12lyikdw4] {
    color: #6c757d;
    margin: 0;
}

.sectors-grid[b-i12lyikdw4] {
    margin-top: 1rem;
}

.grid-footer[b-i12lyikdw4] {
    margin-top: 1rem;
    padding: 0.5rem 0;
    text-align: right;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .admin-sectors[b-i12lyikdw4] {
        padding: 1rem;
    }

    .page-header[b-i12lyikdw4] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-content h1[b-i12lyikdw4] {
        font-size: 1.5rem;
    }

    .header-actions[b-i12lyikdw4] {
        width: 100%;
    }

    .header-actions .rz-button[b-i12lyikdw4] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/AdminTestimonials.razor.rz.scp.css */
.admin-testimonials[b-i37x36k16f] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-i37x36k16f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.header-content h1[b-i37x36k16f] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.page-subtitle[b-i37x36k16f] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

.header-actions[b-i37x36k16f] {
    display: flex;
    gap: 0.5rem;
}

.loading-container[b-i37x36k16f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1rem;
}

.loading-container p[b-i37x36k16f] {
    color: #6c757d;
    margin: 0;
}

.testimonials-grid[b-i37x36k16f] {
    margin-top: 1rem;
}

.grid-footer[b-i37x36k16f] {
    margin-top: 1rem;
    padding: 0.5rem 0;
    text-align: right;
}

/* Modal Dialog Overlay */
.dialog-overlay[b-i37x36k16f] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.dialog-content[b-i37x36k16f] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    min-width: 600px;
    max-width: 90vw;
    max-height: 90vh;
    overflow-y: auto;
}

.dialog-header[b-i37x36k16f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.dialog-header h3[b-i37x36k16f] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
}

.dialog-body[b-i37x36k16f] {
    padding: 1.5rem;
}

.dialog-footer[b-i37x36k16f] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e0e0e0;
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
}

.form-group[b-i37x36k16f] {
    margin-bottom: 1rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .admin-testimonials[b-i37x36k16f] {
        padding: 1rem;
    }

    .page-header[b-i37x36k16f] {
        flex-direction: column;
        gap: 1rem;
    }

    .header-content h1[b-i37x36k16f] {
        font-size: 1.5rem;
    }

    .header-actions[b-i37x36k16f] {
        width: 100%;
    }

    .header-actions .rz-button[b-i37x36k16f] {
        width: 100%;
    }

    .dialog-content[b-i37x36k16f] {
        min-width: auto;
        width: 95vw;
        margin: 1rem;
    }
}
/* /Components/Pages/Admin/DesignSystem.razor.rz.scp.css */
.design-system[b-vrll7392ri] {
    padding: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.design-header[b-vrll7392ri] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
}

.design-header h1[b-vrll7392ri] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.design-subtitle[b-vrll7392ri] {
    font-size: 1.125rem;
    color: #6c757d;
    margin: 0;
}

.design-section[b-vrll7392ri] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
}

.design-section:last-child[b-vrll7392ri] {
    border-bottom: none;
}

.design-section h2[b-vrll7392ri] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 0.5rem 0;
}

.design-section h3[b-vrll7392ri] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 2rem 0 1rem 0;
}

.design-section h3:first-of-type[b-vrll7392ri] {
    margin-top: 1.5rem;
}

.section-description[b-vrll7392ri] {
    color: #6c757d;
    margin: 0 0 1.5rem 0;
}

/* Color Grid */
.color-grid[b-vrll7392ri] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.color-card[b-vrll7392ri] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.color-swatch[b-vrll7392ri] {
    height: 80px;
    width: 100%;
}

.color-info[b-vrll7392ri] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.color-name[b-vrll7392ri] {
    font-weight: 600;
    color: #1a1a2e;
}

.color-info code[b-vrll7392ri] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.875rem;
    color: #1976d2;
    background: #f5f5f5;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    width: fit-content;
}

.color-usage[b-vrll7392ri] {
    font-size: 0.8rem;
    color: #9e9e9e;
}

/* Font Showcase */
.font-showcase[b-vrll7392ri] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.font-card[b-vrll7392ri] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.font-preview[b-vrll7392ri] {
    font-size: 2rem;
    color: #1a1a2e;
    min-width: 250px;
}

.font-info[b-vrll7392ri] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.font-name[b-vrll7392ri] {
    font-weight: 600;
    color: #1a1a2e;
}

.font-info code[b-vrll7392ri] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.875rem;
    color: #1976d2;
    background: #f5f5f5;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    width: fit-content;
}

.font-usage[b-vrll7392ri] {
    font-size: 0.8rem;
    color: #9e9e9e;
}

/* Type Scale */
.type-scale[b-vrll7392ri] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.type-row[b-vrll7392ri] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.type-sample[b-vrll7392ri] {
    color: #1a1a2e;
    flex: 1;
}

.type-specs[b-vrll7392ri] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    color: #6c757d;
    font-size: 0.875rem;
}

.type-specs code[b-vrll7392ri] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.8rem;
    color: #1976d2;
    background: #f5f5f5;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
}

/* Spacing Scale */
.spacing-scale[b-vrll7392ri] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.spacing-row[b-vrll7392ri] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.spacing-visual[b-vrll7392ri] {
    background: #1976d2;
    border-radius: 2px;
}

.spacing-info[b-vrll7392ri] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.spacing-info code[b-vrll7392ri] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.875rem;
    color: #1976d2;
    background: #f5f5f5;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    min-width: 120px;
}

.spacing-info span[b-vrll7392ri] {
    color: #6c757d;
    font-size: 0.875rem;
}

/* Border Radius Scale */
.radius-scale[b-vrll7392ri] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
}

.radius-card[b-vrll7392ri] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    text-align: center;
}

.radius-visual[b-vrll7392ri] {
    width: 80px;
    height: 80px;
    background: #1976d2;
}

.radius-card code[b-vrll7392ri] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.875rem;
    color: #1976d2;
    background: #f5f5f5;
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
}

.radius-card span[b-vrll7392ri] {
    font-size: 0.8rem;
    color: #6c757d;
}

/* Shadow Scale */
.shadow-scale[b-vrll7392ri] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.5rem;
}

.shadow-card[b-vrll7392ri] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
}

.shadow-card > span:first-child[b-vrll7392ri] {
    font-weight: 600;
    color: #1a1a2e;
}

.shadow-card code[b-vrll7392ri] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.75rem;
    color: #1976d2;
    background: #f5f5f5;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.shadow-usage[b-vrll7392ri] {
    font-size: 0.8rem;
    color: #9e9e9e;
}

/* Button Showcase */
.button-showcase[b-vrll7392ri] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.button-row[b-vrll7392ri] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
}

.button-row h4[b-vrll7392ri] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a2e;
}

.button-examples[b-vrll7392ri] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

/* Code Block */
.code-block[b-vrll7392ri] {
    background: #1a1a2e;
    border-radius: 8px;
    padding: 1.5rem;
    overflow-x: auto;
}

.code-block pre[b-vrll7392ri] {
    margin: 0;
}

.code-block code[b-vrll7392ri] {
    font-family: 'Roboto Mono', monospace;
    font-size: 0.875rem;
    color: #e0e0e0;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
    .design-system[b-vrll7392ri] {
        padding: 1rem;
    }

    .design-header h1[b-vrll7392ri] {
        font-size: 2rem;
    }

    .font-card[b-vrll7392ri] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .font-preview[b-vrll7392ri] {
        min-width: auto;
    }

    .type-row[b-vrll7392ri] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .type-specs[b-vrll7392ri] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .spacing-row[b-vrll7392ri] {
        flex-direction: column;
        align-items: flex-start;
    }

    .spacing-info[b-vrll7392ri] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/*  Home.razor.css
 *  Styles for public site homepage
 *  Section-specific styles are in each component's CSS file
 */

/* Base section styles shared across all sections */
[b-5e1k3w1mvu] .section {
    display: block;
    width: 100%;
    min-height: auto;
    padding: 40px;
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
}

[b-5e1k3w1mvu] .section .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0;
    box-sizing: border-box;
}

/* Section headings need good top margin */
[b-5e1k3w1mvu] .section-heading {
    margin-top: 10px;
}

@media (max-width: 768px) {
    [b-5e1k3w1mvu] .section {
        padding: 30px 20px;
        min-height: auto;
    }
    
    [b-5e1k3w1mvu] .section .inner {
        padding: 10px 0;
    }
}
/* /Components/Sections/AboutSection.razor.rz.scp.css */
/* AboutSection.razor.css */

#about[b-38fqr868rf] {
    background-color: #fff;
}

#about .inner[b-38fqr868rf] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px;
}

#about .app-badges[b-38fqr868rf] {
    text-align: left;
    margin-bottom: 30px;
}

#about .app-badges img[b-38fqr868rf] {
    height: 80px;
    margin-right: 15px;
    border-radius: 8px;
}

.section-heading[b-38fqr868rf] {
    font-size: 2.5rem;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #4c5d6f;
    text-align: left;
}

.section-copy[b-38fqr868rf] {
    line-height: 1.8;
    font-size: 1rem;
}

.section-copy p[b-38fqr868rf] {
    margin-bottom: 20px;
}

.cta-container[b-38fqr868rf] {
    margin-top: 30px;
    margin-bottom: 20px;
}

.cta-button[b-38fqr868rf] {
    display: inline-block;
    padding: 12px 25px;
    background-color: #427fed;
    color: #fff !important;
    border-radius: 4px;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
    white-space: normal !important;
    height: auto !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
}

.cta-button:hover[b-38fqr868rf] {
    background-color: #3569c9;
}

@media (max-width: 768px) {
    .section-heading[b-38fqr868rf] {
        font-size: 1.8rem;
    }
    
    .cta-container[b-38fqr868rf] {
        margin-top: 20px;
    }
    
    .cta-button[b-38fqr868rf] {
        width: 100% !important;
        font-size: 0.9rem !important;
        padding: 10px 15px !important;
    }
}
/* /Components/Sections/AwardsSection.razor.rz.scp.css */
/* AwardsSection.razor.css */

#awards.awards-section[b-v6hbf1ahzy] {
    background-color: #344555;
    background-image: url('/content/images/parallax-accolades.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 350px;
    padding: 60px 40px;
    display: flex;
    align-items: center;
}

#awards .inner[b-v6hbf1ahzy] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px;
    width: 100%;
}

#accolades[b-v6hbf1ahzy] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    flex-wrap: wrap;
}

#accolades li[b-v6hbf1ahzy] {
    display: inline-block;
}

#accolades li img[b-v6hbf1ahzy] {
    max-height: 100px;
    width: auto;
    opacity: 0.9;
    transition: opacity 0.2s ease;
}

#accolades li a:hover img[b-v6hbf1ahzy] {
    opacity: 1;
}

@media (max-width: 768px) {
    #awards.awards-section[b-v6hbf1ahzy] {
        min-height: 250px;
        padding: 40px 20px;
    }

    #accolades[b-v6hbf1ahzy] {
        gap: 30px;
    }

    #accolades li img[b-v6hbf1ahzy] {
        max-height: 60px;
    }
}
/* /Components/Sections/DividerSection.razor.rz.scp.css */
/* DividerSection.razor.css */

#tech-divider.divider-section[b-lxq41n5knx] {
    min-height: 200px;
    padding: 0;
    background-color: #f2f2f2;
    background-image: url('/content/images/parallax-technology.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    #tech-divider.divider-section[b-lxq41n5knx] {
        min-height: 100px;
    }
}
/* /Components/Sections/FeaturesSection.razor.rz.scp.css */
/* FeaturesSection.razor.css */

#features[b-plhstj00kt] {
    background-color: #f9f9f9;
}

#features .inner[b-plhstj00kt] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px;
}

#features .section-heading[b-plhstj00kt] {
    font-size: 2.5rem;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #4c5d6f;
    text-align: left;
}

#features .section-copy[b-plhstj00kt] {
    line-height: 1.8;
    font-size: 1rem;
}

#features .section-copy > p[b-plhstj00kt] {
    margin-top: 30px;
    margin-bottom: 20px;
}

#features ul[b-plhstj00kt] {
    columns: 2;
    column-gap: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#features ul li[b-plhstj00kt] {
    break-inside: avoid;
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
}

#features ul li[b-plhstj00kt]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-image: url('/images/icons/puzzle-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.25;
}

.cta-container[b-plhstj00kt] {
    margin-top: 30px;
    margin-bottom: 20px;
}

.cta-button[b-plhstj00kt] {
    display: inline-block;
    white-space: normal !important;
    height: auto !important;
    padding: 12px 25px !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    background-color: #427fed;
    color: #fff !important;
    border-radius: 4px;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
}

.cta-button:hover[b-plhstj00kt] {
    background-color: #3569c9;
}

@media (max-width: 768px) {
    #features ul[b-plhstj00kt] {
        columns: 1;
    }

    #features .section-heading[b-plhstj00kt] {
        font-size: 1.8rem;
    }
    
    .cta-container[b-plhstj00kt] {
        margin-top: 20px;
    }
    
    .cta-button[b-plhstj00kt] {
        width: 100% !important;
        font-size: 0.9rem !important;
        padding: 10px 15px !important;
    }
}
/* /Components/Sections/HeroSection.razor.rz.scp.css */
/* HeroSection.razor.css */

#introduction.hero-section[b-261nzwp4k2] {
    min-height: 550px;
    width: 100%;
    background-color: #f2f2f2;
    background-image: url('/content/images/parallax-intro.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 40px;
    box-sizing: border-box;
}

#introduction .inner[b-261nzwp4k2] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 !important;
}

#intro-copy[b-261nzwp4k2] {
    display: block;
    padding: 40px;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 5px;
    max-width: 600px;
    text-decoration: none; /* Remove underline from ins element */
}

#intro-copy h1[b-261nzwp4k2] {
    font-size: 2rem;
    line-height: 1.3;
    color: #4c5d6f;
    text-decoration: none;
}

#intro-copy .share[b-261nzwp4k2] {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    display: flex;
    gap: 10px;
}

#intro-copy .share li[b-261nzwp4k2] {
    display: inline-block;
}

#intro-copy .share li img[b-261nzwp4k2] {
    width: 32px;
    height: 32px;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

#intro-copy .share li img:hover[b-261nzwp4k2] {
    opacity: 1;
}

@media (max-width: 768px) {
    #introduction.hero-section[b-261nzwp4k2] {
        min-height: 400px;
        padding: 30px 20px;
    }

    #intro-copy[b-261nzwp4k2] {
        padding: 25px;
        max-width: 100%;
    }

    #intro-copy h1[b-261nzwp4k2] {
        font-size: 1.5rem;
    }
}
/* /Components/Sections/TestimonialsSection.razor.rz.scp.css */
/* TestimonialsSection.razor.css */

#testimonials[b-hxudu03bb7] {
    background-color: #fff;
}

#testimonials.has-rule[b-hxudu03bb7] {
    position: relative;
}

#testimonials.has-rule[b-hxudu03bb7]::before {
    display: block;
    width: 50%;
    height: 1px;
    background-color: #d9d9d9;
    content: "";
    position: absolute;
    top: 0;
    left: 25%;
}

#testimonials .inner[b-hxudu03bb7] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px;
}

#testimonials .section-heading[b-hxudu03bb7] {
    font-size: 2.5rem;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #4c5d6f;
    text-align: left;
}

#testimonials .section-copy[b-hxudu03bb7] {
    line-height: 1.8;
    font-size: 1rem;
}

.testimonial[b-hxudu03bb7] {
    display: block;
    position: relative;
    margin: 0;
    padding: 15px 80px;
    margin-top: 40px;
}

.testimonial:first-of-type[b-hxudu03bb7] {
    margin-top: 0;
}

.testimonial .signature[b-hxudu03bb7] {
    font-size: 1rem;
    display: block;
    clear: both;
    text-align: right;
    margin-top: 25px;
    font-style: normal;
    font-weight: bold;
    color: #4c5d6f;
}

.testimonial[b-hxudu03bb7]::before {
    display: block;
    content: "";
    background-image: url('/images/icons/quote-reversed.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
    opacity: 0.15;
    position: absolute;
    width: 100px;
    height: 50px;
    top: -10px;
    left: -10px;
}

.cta-container[b-hxudu03bb7] {
    margin-top: 30px;
    margin-bottom: 20px;
}

.cta-button[b-hxudu03bb7] {
    display: inline-block;
    white-space: normal !important;
    height: auto !important;
    padding: 12px 25px !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
    background-color: #427fed;
    color: #fff !important;
    border-radius: 4px;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
}

.cta-button:hover[b-hxudu03bb7] {
    background-color: #3569c9;
}

@media (max-width: 768px) {
    #testimonials .section-heading[b-hxudu03bb7] {
        font-size: 1.8rem;
    }

    .testimonial[b-hxudu03bb7] {
        padding: 15px 20px 15px 60px;
    }

    .testimonial[b-hxudu03bb7]::before {
        width: 50px;
        height: 30px;
        left: 5px;
    }
    
    .cta-container[b-hxudu03bb7] {
        margin-top: 20px;
    }
    
    .cta-button[b-hxudu03bb7] {
        width: 100% !important;
        font-size: 0.9rem !important;
        padding: 10px 15px !important;
    }
}