@import '_content/LSL/LSL.r95btb1pzk.bundle.scp.css';

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0ejqwmap45],
.components-reconnect-repeated-attempt-visible[b-0ejqwmap45],
.components-reconnect-failed-visible[b-0ejqwmap45],
.components-pause-visible[b-0ejqwmap45],
.components-resume-failed-visible[b-0ejqwmap45],
.components-rejoining-animation[b-0ejqwmap45] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-0ejqwmap45],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-0ejqwmap45],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-0ejqwmap45],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-0ejqwmap45],
#components-reconnect-modal.components-reconnect-retrying[b-0ejqwmap45],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-0ejqwmap45],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-0ejqwmap45],
#components-reconnect-modal.components-reconnect-failed[b-0ejqwmap45],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-0ejqwmap45] {
    display: block;
}


#components-reconnect-modal[b-0ejqwmap45] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-0ejqwmap45 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-0ejqwmap45 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-0ejqwmap45 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-0ejqwmap45]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-0ejqwmap45 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-0ejqwmap45 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-0ejqwmap45 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-0ejqwmap45 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-0ejqwmap45] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-0ejqwmap45] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-0ejqwmap45] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-0ejqwmap45] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-0ejqwmap45] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-0ejqwmap45] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-0ejqwmap45] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-0ejqwmap45 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-0ejqwmap45] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-0ejqwmap45 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/Main.razor.rz.scp.css */
/* #region ROOT */

:root[b-a801v598d7] {
    --bg-body: #0f1115;
    --bg-sidebar: #161b22;
    --bg-card: #1c2128;
    --bg-hover: #262c36;
    --border-color: #30363d;
    --text-primary: #f0f6fc;
    --text-secondary: #8b949e;
    --accent-primary: #58a6ff;
    --accent-hover: #79c0ff;
    --accent-glow: rgba(88, 166, 255, 0.15);
    --selection-blue: #2c5d87;
    --success: #238636;
    --warning: #d29922;
    --danger: #f85149;
    --font-main: 'Inter', sans-serif;
    --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

*[b-a801v598d7] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-a801v598d7] {
    font-family: var(--font-main);
    background-color: var(--bg-body);
    color: var(--text-primary);
    height: 100vh;
    overflow: hidden;
    display: flex;
}

/* #endregion */

/* #region SCROLLBAR */

[b-a801v598d7]::-webkit-scrollbar {
    width: 8px;
}

[b-a801v598d7]::-webkit-scrollbar-track {
    background: var(--bg-body);
}

[b-a801v598d7]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 4px;
}

    [b-a801v598d7]::-webkit-scrollbar-thumb:hover {
        background: var(--text-secondary);
    }

/* #endregion */
/* /Components/Pages/Article/ArticleContentSection.razor.rz.scp.css */
/* #region Layout */

.article-content[b-964214ns8n] {
    padding: 3rem 0 5rem 0;
}

.article-content-inner[b-964214ns8n] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.article-layout[b-964214ns8n] {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.article-sidebar-col[b-964214ns8n] {
    flex: 0 0 200px;
}

.article-body-col[b-964214ns8n] {
    flex: 1;
    min-width: 0;
}

.article-sidebar-right-col[b-964214ns8n] {
    flex: 0 0 200px;
}

/* #endregion */

/* #region Left Sidebar */

.article-sidebar[b-964214ns8n] {
    background-color: var(--bg-light);
    border-radius: 8px;
    padding: 1.5rem;
    position: sticky;
    top: 100px;
}

.sidebar-section[b-964214ns8n] {
    margin-bottom: 1.5rem;
}

.sidebar-title[b-964214ns8n] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.tag-cloud[b-964214ns8n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tag-item[b-964214ns8n] {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    background-color: white;
    color: var(--text-muted);
    border-radius: 20px;
    font-size: 0.8rem;
    text-decoration: none;
    border: 1px solid #e2e8f0;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
}

    .tag-item:hover[b-964214ns8n] {
        background-color: var(--primary-orange);
        color: white;
        border-color: var(--primary-orange);
    }

/* #endregion */

/* #region Article Body */

.article-body[b-964214ns8n] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-dark);
}

.article-lead[b-964214ns8n] {
    font-size: 1.375rem;
    line-height: 1.7;
    color: var(--text-muted);
    font-weight: 400;
    margin-bottom: 1.5rem;
}

.content-section[b-964214ns8n] {
    scroll-margin-top: 100px;
    margin-bottom: 2.5rem;
}

.article-body h2[b-964214ns8n] {
    color: var(--primary-navy);
    font-weight: 700;
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.article-body h3[b-964214ns8n] {
    color: var(--primary-navy);
    font-weight: 600;
    font-size: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.article-body h4[b-964214ns8n] {
    color: var(--primary-navy);
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}

.article-body img[b-964214ns8n] {
    border: 1px solid #e2e8f0;
}

.article-body ul[b-964214ns8n],
.article-body ol[b-964214ns8n] {
    margin-bottom: 1.5rem;
}

.article-body li[b-964214ns8n] {
    margin-bottom: 0.5rem;
}

.highlight-box[b-964214ns8n],
.info-box[b-964214ns8n] {
    padding: 1.5rem;
    border-radius: 8px;
    border-left: 4px solid var(--primary-orange);
    background-color: #fff7ed;
    margin-bottom: 1.5rem;
}

.info-box[b-964214ns8n] {
    background-color: #eff6ff;
    border-left-color: #3b82f6;
}

/* #endregion */

/* #region Benefits */

.benefits-list[b-964214ns8n] {
    display: grid;
    gap: 1.5rem;
}

.benefit-item[b-964214ns8n] {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    background-color: var(--bg-light);
    border-radius: 8px;
    transition: transform 0.3s ease;
}

    .benefit-item:hover[b-964214ns8n] {
        transform: translateX(8px);
    }

.benefit-icon[b-964214ns8n] {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 8px;
    color: var(--primary-orange);
    font-size: 2rem;
}

.benefit-content h4[b-964214ns8n] {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.benefit-content p[b-964214ns8n] {
    margin-bottom: 0;
    color: var(--text-muted);
    font-size: 1rem;
}

/* #endregion */

/* #region Stats */

.stats-grid[b-964214ns8n] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1.5rem;
}

.stat-box[b-964214ns8n] {
    text-align: center;
    padding: 1.5rem;
    background-color: var(--bg-light);
    border-radius: 8px;
    border: 2px solid var(--primary-orange);
}

.stat-number[b-964214ns8n] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-orange);
    margin-bottom: 0.5rem;
}

.stat-label[b-964214ns8n] {
    font-size: 0.875rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* #endregion */

/* #region Quote */

.article-quote[b-964214ns8n] {
    padding: 2rem;
    background-color: var(--primary-navy);
    color: white;
    border-radius: 8px;
    border-left: 4px solid var(--primary-orange);
    font-size: 1.25rem;
    font-style: italic;
    margin-bottom: 1.5rem;
}

    .article-quote p[b-964214ns8n] {
        margin-bottom: 1rem;
    }

    .article-quote footer[b-964214ns8n] {
        font-style: normal;
        font-size: 1rem;
        color: rgba(255, 255, 255, 0.8);
    }

/* #endregion */

/* #region Author Bio */

.author-bio[b-964214ns8n] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 3rem;
}

.author-bio-inner[b-964214ns8n] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.author-avatar[b-964214ns8n] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
}

.author-bio-details h5[b-964214ns8n] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.author-profession[b-964214ns8n] {
    color: var(--text-muted);
    margin-bottom: 0.5rem;
}

.author-description[b-964214ns8n] {
    margin-bottom: 0.75rem;
}

.author-social[b-964214ns8n] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.author-social-link[b-964214ns8n] {
    color: var(--primary-navy);
    font-size: 0.875rem;
    text-decoration: none;
    transition: color 0.3s ease;
}

    .author-social-link:hover[b-964214ns8n] {
        color: var(--primary-orange);
    }

/* #endregion */

/* #region Right Sidebar */

.article-sidebar-right[b-964214ns8n] {
    position: sticky;
    top: 100px;
}

.sidebar-widget[b-964214ns8n] {
    padding: 1.5rem;
    background-color: var(--bg-light);
    border-radius: 8px;
}

.widget-title[b-964214ns8n] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 1rem;
}

.popular-post[b-964214ns8n] {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
}

    .popular-post:last-child[b-964214ns8n] {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

.popular-post-link[b-964214ns8n] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    text-decoration: none;
    color: var(--text-dark);
    transition: color 0.3s ease;
}

    .popular-post-link:hover[b-964214ns8n] {
        color: var(--primary-orange);
    }

.popular-post-title[b-964214ns8n] {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.4;
}

.popular-post-date[b-964214ns8n] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .article-sidebar-col[b-964214ns8n],
    .article-sidebar-right-col[b-964214ns8n] {
        display: none;
    }

    .article-body[b-964214ns8n] {
        font-size: 1rem;
    }

    .article-lead[b-964214ns8n] {
        font-size: 1.125rem;
    }

    .article-body h2[b-964214ns8n] {
        font-size: 1.75rem;
    }

    .article-body h3[b-964214ns8n] {
        font-size: 1.375rem;
    }

    .stats-grid[b-964214ns8n] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .article-content[b-964214ns8n] {
        padding: 2rem 0 3rem 0;
    }

    .stats-grid[b-964214ns8n] {
        grid-template-columns: 1fr;
    }

    .benefit-item[b-964214ns8n] {
        flex-direction: column;
        text-align: center;
    }

    .author-bio-inner[b-964214ns8n] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .author-social[b-964214ns8n] {
        justify-content: center;
    }
}

/* #endregion */
/* /Components/Pages/Article/ArticleHeaderSection.razor.rz.scp.css */
/* #region Layout */

.article-header[b-ddy92k9r9g] {
    background-color: var(--bg-light);
    padding: 8rem 0 3rem 0;
}

.article-header-inner[b-ddy92k9r9g] {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* #endregion */

/* #region Category Badge */

.category-badge[b-ddy92k9r9g] {
    margin-bottom: 1rem;
}

.category-badge-item[b-ddy92k9r9g] {
    display: inline-block;
    background-color: var(--primary-orange);
    color: white;
    font-size: 0.875rem;
    padding: 0.4rem 1rem;
    border-radius: 20px;
    font-weight: 500;
}

/* #endregion */

/* #region Title */

.article-title[b-ddy92k9r9g] {
    color: var(--primary-navy);
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 1.25rem;
}

/* #endregion */

/* #region Meta */

.article-meta[b-ddy92k9r9g] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.author-image[b-ddy92k9r9g] {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
}

.author-name[b-ddy92k9r9g] {
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 0.2rem;
}

.article-info[b-ddy92k9r9g] {
    font-size: 0.875rem;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.article-info-sep[b-ddy92k9r9g] {
    color: var(--text-muted);
}

/* #endregion */

/* #region Share */

.article-share[b-ddy92k9r9g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.share-label[b-ddy92k9r9g] {
    color: var(--text-muted);
    font-size: 0.9rem;
    margin-right: 0.25rem;
}

.share-btn[b-ddy92k9r9g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: white;
    color: var(--text-muted);
    border: 1px solid #e2e8f0;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}

    .share-btn:hover[b-ddy92k9r9g] {
        background-color: var(--primary-orange);
        color: white;
        border-color: var(--primary-orange);
        transform: translateY(-2px);
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .article-title[b-ddy92k9r9g] {
        font-size: 2rem;
    }
}

@media (max-width: 576px) {
    .article-header[b-ddy92k9r9g] {
        padding: 6rem 0 2rem 0;
    }

    .article-title[b-ddy92k9r9g] {
        font-size: 1.5rem;
    }
}

/* #endregion */
/* /Components/Pages/Article/FeaturedImageSection.razor.rz.scp.css */
/* #region Featured Image */

.featured-image[b-5a9b5dch3g] {
    padding: 2rem 0 0;
}

.featured-image-inner[b-5a9b5dch3g] {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.featured-img[b-5a9b5dch3g] {
    width: 60%;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.image-caption[b-5a9b5dch3g] {
    font-size: 0.875rem;
    font-style: italic;
    color: var(--text-muted);
    text-align: center;
    margin-top: 0.75rem;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 768px) {
    .featured-img[b-5a9b5dch3g] {
        width: 100%;
    }
}

/* #endregion */
/* /Components/Pages/Article/Main.razor.rz.scp.css */
/* /Components/Pages/Article/RelatedArticlesSection.razor.rz.scp.css */
/* #region Layout */

.related-articles[b-etd78qjzlt] {
    padding: 5rem 0;
    background-color: var(--bg-light);
    border-top: 1px solid #e2e8f0;
}

.related-articles-inner[b-etd78qjzlt] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.related-title[b-etd78qjzlt] {
    color: var(--primary-navy);
    font-weight: 700;
    text-align: center;
    margin-bottom: 3rem;
}

.related-grid[b-etd78qjzlt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

/* #endregion */

/* #region Card */

.related-card[b-etd78qjzlt] {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

    .related-card:hover[b-etd78qjzlt] {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    }

.related-card-img[b-etd78qjzlt] {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.related-card-body[b-etd78qjzlt] {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.article-badge[b-etd78qjzlt] {
    display: inline-block;
    background-color: var(--primary-orange);
    color: white;
    font-size: 0.75rem;
    padding: 0.3rem 0.75rem;
    border-radius: 20px;
    font-weight: 500;
    margin-bottom: 0.75rem;
}

.related-card-title[b-etd78qjzlt] {
    color: var(--primary-navy);
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
    line-height: 1.4;
}

.related-card-text[b-etd78qjzlt] {
    flex-grow: 1;
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.related-card-footer[b-etd78qjzlt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

.related-card-date[b-etd78qjzlt] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.related-card-btn[b-etd78qjzlt] {
    display: inline-block;
    color: var(--primary-navy);
    border: 2px solid var(--primary-navy);
    padding: 0.35rem 0.85rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .related-card-btn:hover[b-etd78qjzlt] {
        background-color: var(--primary-navy);
        color: white;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .related-grid[b-etd78qjzlt] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .related-articles[b-etd78qjzlt] {
        padding: 3rem 0;
    }

    .related-grid[b-etd78qjzlt] {
        grid-template-columns: 1fr;
    }

    .related-title[b-etd78qjzlt] {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }
}

/* #endregion */
/* /Components/Pages/ATEX/AboutSection.razor.rz.scp.css */
/* #region Layout */

.section-inner[b-v0fxiwiojg] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-v0fxiwiojg] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-v0fxiwiojg] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }

.section-subtitle[b-v0fxiwiojg] {
    font-size: 1.125rem;
    color: var(--text-muted);
    margin-bottom: 0;
}

.cards-grid[b-v0fxiwiojg] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

/* #endregion */

/* #region Info Section */

.info-section[b-v0fxiwiojg] {
    background-color: var(--white);
    padding: 5rem 0;
}

.info-card[b-v0fxiwiojg] {
    padding: 2rem;
    border-radius: 12px;
    background: var(--bg-light);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .info-card:hover[b-v0fxiwiojg] {
        transform: translateY(-5px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    }

.info-icon[b-v0fxiwiojg] {
    font-size: 3rem;
    color: var(--primary-orange);
    margin-bottom: 1.5rem;
}

.info-card h4[b-v0fxiwiojg] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 1rem;
}

.info-card p[b-v0fxiwiojg] {
    color: var(--text-muted);
    margin-bottom: 0;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .cards-grid[b-v0fxiwiojg] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .cards-grid[b-v0fxiwiojg] {
        grid-template-columns: 1fr;
    }

    .info-section[b-v0fxiwiojg] {
        padding: 3rem 0;
    }
}

/* #endregion */
/* /Components/Pages/ATEX/CertificatesSection.razor.rz.scp.css */
/* #region Layout */

.section-inner[b-lwrwz5axmi] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-lwrwz5axmi] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-lwrwz5axmi] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2.25rem;
        margin-bottom: 0;
    }

/* #endregion */

/* #region Cert Section */

.cert-section[b-lwrwz5axmi] {
    background-color: var(--bg-light);
    padding: 5rem 0;
}

.cert-card[b-lwrwz5axmi] {
    padding: 2rem;
    border-radius: 12px;
    background: var(--white);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .cert-card:hover[b-lwrwz5axmi] {
        transform: translateY(-5px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    }

.cert-images[b-lwrwz5axmi] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.cert-image[b-lwrwz5axmi] {
    height: 150px;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.cert-card h4[b-lwrwz5axmi] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 1rem;
}

.cert-card p[b-lwrwz5axmi] {
    color: var(--text-muted);
    margin-bottom: 1rem;
}

    .cert-card p:last-child[b-lwrwz5axmi] {
        margin-bottom: 0;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 576px) {
    .cert-section[b-lwrwz5axmi] {
        padding: 3rem 0;
    }

    .cert-image[b-lwrwz5axmi] {
        height: 100px;
    }
}

/* #endregion */
/* /Components/Pages/ATEX/ExpertsSection.razor.rz.scp.css */
/* #region Layout */

.section-inner[b-96feqymjn9] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-96feqymjn9] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-96feqymjn9] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }

.section-subtitle[b-96feqymjn9] {
    font-size: 1.125rem;
    color: var(--text-muted);
    margin-bottom: 0;
}

.experts-grid[b-96feqymjn9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

/* #endregion */

/* #region Experts Section */

.experts-section[b-96feqymjn9] {
    background-color: var(--bg-light);
    padding: 5rem 0;
}

.expert-card[b-96feqymjn9] {
    background: var(--white);
    padding: 2rem;
    border-radius: 12px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

    .expert-card:hover[b-96feqymjn9] {
        transform: translateY(-5px);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
        border-color: var(--primary-orange);
    }

.expert-icon[b-96feqymjn9] {
    font-size: 3rem;
    color: var(--primary-orange);
    margin-bottom: 1.25rem;
}

.expert-card h4[b-96feqymjn9] {
    color: var(--primary-navy);
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.expert-card h5[b-96feqymjn9] {
    color: var(--primary-orange);
    font-weight: 600;
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
}

.expert-card p[b-96feqymjn9] {
    color: var(--text-muted);
    margin-bottom: 0;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 768px) {
    .experts-grid[b-96feqymjn9] {
        grid-template-columns: 1fr;
    }

    .experts-section[b-96feqymjn9] {
        padding: 3rem 0;
    }
}

/* #endregion */
/* /Components/Pages/ATEX/GuideSection.razor.rz.scp.css */
/* #region Layout */

.section-inner[b-cranfg6tg0] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-cranfg6tg0] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-cranfg6tg0] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }

.section-subtitle[b-cranfg6tg0] {
    font-size: 1.125rem;
    color: var(--text-muted);
    margin-bottom: 0.75rem;
}

/* #endregion */

/* #region Guide Section */

.guide-section[b-cranfg6tg0] {
    background-color: var(--white);
    padding: 5rem 0;
}

.guide-card[b-cranfg6tg0] {
    background: var(--bg-light);
    padding: 2rem;
    border-radius: 12px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

    .guide-card:hover[b-cranfg6tg0] {
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
        border-color: var(--primary-orange);
    }

.guide-image[b-cranfg6tg0] {
    text-align: center;
    margin-bottom: 1.5rem;
}

    .guide-image img[b-cranfg6tg0] {
        height: 200px;
        max-width: 100%;
        object-fit: contain;
        border-radius: 10px;
    }

.guide-card p[b-cranfg6tg0] {
    color: var(--text-muted);
    margin-bottom: 1rem;
}

    .guide-card p:last-of-type[b-cranfg6tg0] {
        margin-bottom: 1.5rem;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 576px) {
    .guide-section[b-cranfg6tg0] {
        padding: 3rem 0;
    }

    .guide-image img[b-cranfg6tg0] {
        height: 140px;
    }
}

/* #endregion */
/* /Components/Pages/ATEX/HeroSection.razor.rz.scp.css */
/* #region Layout */

.hero-inner[b-0mwlcb4qiz] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.hero-content[b-0mwlcb4qiz] {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.hero-text[b-0mwlcb4qiz] {
    flex: 1;
    min-width: 0;
}

.hero-images[b-0mwlcb4qiz] {
    flex: 1;
    min-width: 0;
}

.hero-btn[b-0mwlcb4qiz] {
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.hero-buttons-light[b-0mwlcb4qiz],
.hero-buttons-dark[b-0mwlcb4qiz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

/* #endregion */

/* #region LIGHT */

.hero-section-light[b-0mwlcb4qiz] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

    .hero-section-light h1[b-0mwlcb4qiz] {
        color: var(--primary-navy);
        font-weight: 700;
        line-height: 1.2;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-section-light .hero-subtitle[b-0mwlcb4qiz] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: var(--text-muted);
        margin-bottom: 0;
    }

    .hero-section-light .hero-btn-primary[b-0mwlcb4qiz] {
        background-color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-light .hero-btn-primary:hover[b-0mwlcb4qiz] {
            background-color: #0f1a2e;
            border-color: #0f1a2e;
        }

    .hero-section-light .hero-btn-secondary[b-0mwlcb4qiz] {
        color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        background: transparent;
        padding: 0.75rem 2rem;
    }

        .hero-section-light .hero-btn-secondary:hover[b-0mwlcb4qiz] {
            background-color: var(--primary-navy);
            color: white;
        }

    .hero-section-light img[b-0mwlcb4qiz] {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 8px;
    }

/* #endregion */

/* #region DARK */

.hero-section-dark[b-0mwlcb4qiz] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #0f1a2e 0%, var(--primary-navy) 100%);
}

    .hero-section-dark h1[b-0mwlcb4qiz] {
        color: white;
        font-weight: 700;
        line-height: 1.2;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-section-dark .hero-subtitle[b-0mwlcb4qiz] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 0;
    }

    .hero-section-dark .hero-btn-primary[b-0mwlcb4qiz] {
        background-color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-dark .hero-btn-primary:hover[b-0mwlcb4qiz] {
            background-color: #0f1a2e;
            border-color: #0f1a2e;
        }

    .hero-section-dark .hero-btn-secondary[b-0mwlcb4qiz] {
        background-color: var(--primary-orange);
        border: 2px solid var(--primary-orange);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-dark .hero-btn-secondary:hover[b-0mwlcb4qiz] {
            background-color: #cc6600;
            border-color: #cc6600;
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(255, 127, 0, 0.3);
        }

    .hero-section-dark img[b-0mwlcb4qiz] {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 8px;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .hero-content[b-0mwlcb4qiz] {
        flex-direction: column;
        gap: 2rem;
    }

    .hero-text[b-0mwlcb4qiz],
    .hero-images[b-0mwlcb4qiz] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .hero-section-light[b-0mwlcb4qiz],
    .hero-section-dark[b-0mwlcb4qiz] {
        padding: 5rem 0 3rem 0;
    }

    .hero-section-light h1[b-0mwlcb4qiz],
    .hero-section-dark h1[b-0mwlcb4qiz] {
        font-size: 2rem;
    }

    .hero-section-light img[b-0mwlcb4qiz],
    .hero-section-dark img[b-0mwlcb4qiz] {
        height: 200px;
    }
}

/* #endregion */
/* /Components/Pages/ATEX/Main.razor.rz.scp.css */
/* #region Stats section — no dedicated component */

.stats-section[b-3dhcgzb82u] {
    background-color: var(--primary-navy);
    color: white;
}

.stat-card[b-3dhcgzb82u] {
    padding: 1rem;
}

.stat-number[b-3dhcgzb82u] {
    font-size: 3rem;
    font-weight: 700;
    color: var(--primary-orange);
    margin-bottom: 0.5rem;
}

.stat-label[b-3dhcgzb82u] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
}

/* #endregion */

/* Protection Section — no dedicated component */
.protection-section[b-3dhcgzb82u] {
    background-color: var(--bg-light);
}

.protection-card[b-3dhcgzb82u] {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    height: 100%;
    text-align: center;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

    .protection-card:hover[b-3dhcgzb82u] {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        border-color: var(--primary-orange);
    }

.protection-code[b-3dhcgzb82u] {
    display: inline-block;
    background: linear-gradient(135deg, var(--primary-navy) 0%, #0f1a2e 100%);
    color: white;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    font-family: "Courier New", monospace;
}

.protection-card h5[b-3dhcgzb82u] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 1rem;
}

.protection-card p[b-3dhcgzb82u] {
    color: var(--text-muted);
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
}

.protection-card .badge[b-3dhcgzb82u] {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
}

/* Industries Section — no dedicated component */
.industries-atex-section[b-3dhcgzb82u] {
    background-color: var(--white);
}

.industry-atex-card[b-3dhcgzb82u] {
    background: linear-gradient(135deg, var(--bg-light) 0%, white 100%);
    padding: 2rem;
    border-radius: 12px;
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
    border: 2px solid var(--bg-light);
}

    .industry-atex-card:hover[b-3dhcgzb82u] {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        border-color: var(--primary-orange);
    }

    .industry-atex-card i[b-3dhcgzb82u] {
        font-size: 3rem;
        color: var(--primary-navy);
        margin-bottom: 1rem;
    }

    .industry-atex-card h5[b-3dhcgzb82u] {
        color: var(--primary-navy);
        font-weight: 600;
        margin-bottom: 0;
    }

/* Case Studies Section — no dedicated component */
.case-studies-section[b-3dhcgzb82u] {
    background-color: var(--bg-light);
}

.case-study-card[b-3dhcgzb82u] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    transition: all 0.3s ease;
}

    .case-study-card:hover[b-3dhcgzb82u] {
        transform: translateY(-8px);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
    }

.case-study-image[b-3dhcgzb82u] {
    position: relative;
    overflow: hidden;
    height: 250px;
}

    .case-study-image img[b-3dhcgzb82u] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

.case-study-card:hover .case-study-image img[b-3dhcgzb82u] {
    transform: scale(1.05);
}

.case-study-badge[b-3dhcgzb82u] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: var(--primary-orange);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.875rem;
}

.case-study-content[b-3dhcgzb82u] {
    padding: 2rem;
}

    .case-study-content h4[b-3dhcgzb82u] {
        color: var(--primary-navy);
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .case-study-content p[b-3dhcgzb82u] {
        color: var(--text-muted);
        margin-bottom: 1.5rem;
    }

.case-results[b-3dhcgzb82u] {
    display: flex;
    gap: 2rem;
    border-top: 2px solid var(--bg-light);
    padding-top: 1.5rem;
}

.result-item[b-3dhcgzb82u] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .result-item strong[b-3dhcgzb82u] {
        font-size: 1.75rem;
        font-weight: 700;
        color: var(--primary-orange);
    }

    .result-item span[b-3dhcgzb82u] {
        font-size: 0.875rem;
        color: var(--text-muted);
    }

/* Standards Section — no dedicated component */
.standards-section[b-3dhcgzb82u] {
    background-color: var(--white);
}

.standard-badge[b-3dhcgzb82u] {
    background: linear-gradient(135deg, var(--bg-light) 0%, white 100%);
    padding: 1.5rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 2px solid var(--bg-light);
    transition: all 0.3s ease;
    height: 100%;
}

    .standard-badge:hover[b-3dhcgzb82u] {
        border-color: var(--primary-orange);
        transform: translateY(-3px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .standard-badge i[b-3dhcgzb82u] {
        font-size: 1.5rem;
        color: var(--success-green);
        flex-shrink: 0;
    }

    .standard-badge span[b-3dhcgzb82u] {
        color: var(--primary-navy);
        font-weight: 600;
    }

/* CTA Section — no dedicated component */
.cta-section[b-3dhcgzb82u] {
    background: linear-gradient(135deg, var(--primary-navy) 0%, #0f1a2e 100%);
    position: relative;
    overflow: hidden;
}

    .cta-section[b-3dhcgzb82u]::before {
        content: "";
        position: absolute;
        top: -50%;
        right: -10%;
        width: 600px;
        height: 600px;
        background: radial-gradient(circle, rgba(245, 158, 11, 0.15) 0%, transparent 70%);
        border-radius: 50%;
    }

.cta-buttons .btn[b-3dhcgzb82u] {
    padding: 0.875rem 2.5rem;
    font-weight: 600;
    font-size: 1.125rem;
    transition: all 0.3s ease;
}

.cta-buttons .btn-warning[b-3dhcgzb82u] {
    background-color: var(--primary-orange);
    border-color: var(--primary-orange);
}

    .cta-buttons .btn-warning:hover[b-3dhcgzb82u] {
        background-color: #d97706;
        transform: translateY(-2px);
        box-shadow: 0 8px 16px rgba(245, 158, 11, 0.3);
    }

.cta-buttons .btn-outline-light:hover[b-3dhcgzb82u] {
    transform: translateY(-2px);
}

/* Back to Top — no dedicated component */
#backToTop[b-3dhcgzb82u] {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--primary-orange);
    border: none;
    color: white;
    font-size: 1.25rem;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1000;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

    #backToTop:hover[b-3dhcgzb82u] {
        background-color: #d97706;
        transform: translateY(-3px);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
    }

/* Fade-in animation */
.fade-in[b-3dhcgzb82u] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

    .fade-in.visible[b-3dhcgzb82u] {
        opacity: 1;
        transform: translateY(0);
    }

/* Responsive */
@media (max-width: 992px) {
    .atex-hero[b-3dhcgzb82u] {
        padding: 5rem 0;
    }

        .atex-hero h1[b-3dhcgzb82u] {
            font-size: 2.5rem;
        }

    .stat-number[b-3dhcgzb82u] {
        font-size: 2.5rem;
    }

    .case-results[b-3dhcgzb82u] {
        flex-direction: column;
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .atex-hero[b-3dhcgzb82u] {
        padding: 3rem 0;
    }

        .atex-hero h1[b-3dhcgzb82u] {
            font-size: 2rem;
        }

    .hero-buttons .btn[b-3dhcgzb82u] {
        display: block;
        width: 100%;
        margin-bottom: 1rem;
    }

        .hero-buttons .btn:last-child[b-3dhcgzb82u] {
            margin-bottom: 0;
        }

    .stat-number[b-3dhcgzb82u] {
        font-size: 2rem;
    }
}
/* /Components/Pages/ATEX/ServicesSection.razor.rz.scp.css */
/* #region Layout */

.section-inner[b-k0wzdtcqs1] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-k0wzdtcqs1] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-k0wzdtcqs1] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }

.section-subtitle[b-k0wzdtcqs1] {
    font-size: 1.125rem;
    color: var(--text-muted);
    margin-bottom: 0;
}

.services-grid[b-k0wzdtcqs1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Services Section */

.services-section[b-k0wzdtcqs1] {
    background-color: var(--white);
    padding: 5rem 0;
}

.service-card[b-k0wzdtcqs1] {
    background: var(--bg-light);
    padding: 2rem;
    border-radius: 12px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

    .service-card:hover[b-k0wzdtcqs1] {
        transform: translateY(-5px);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
        border-color: var(--primary-orange);
    }

.service-icon[b-k0wzdtcqs1] {
    font-size: 2.5rem;
    color: var(--primary-orange);
    margin-bottom: 1.25rem;
}

.service-card h4[b-k0wzdtcqs1] {
    color: var(--primary-navy);
    font-weight: 700;
    margin-bottom: 1rem;
}

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

    .service-features li[b-k0wzdtcqs1] {
        color: var(--text-dark);
        margin-bottom: 0.75rem;
        font-size: 0.95rem;
    }

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

    .service-features i[b-k0wzdtcqs1] {
        color: var(--primary-orange);
        margin-right: 0.5rem;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .services-grid[b-k0wzdtcqs1] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .services-grid[b-k0wzdtcqs1] {
        grid-template-columns: 1fr;
    }

    .services-section[b-k0wzdtcqs1] {
        padding: 3rem 0;
    }
}

/* #endregion */
/* /Components/Pages/ATEX/ZonesSection.razor.rz.scp.css */
/* #region Layout */

.section-inner[b-g9a4zrvm3d] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-g9a4zrvm3d] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-g9a4zrvm3d] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }

.section-subtitle[b-g9a4zrvm3d] {
    font-size: 1.125rem;
    color: var(--text-muted);
    margin-bottom: 0;
}

.zones-grid[b-g9a4zrvm3d] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

/* #endregion */

/* #region Zones Section */

.zones-section[b-g9a4zrvm3d] {
    background-color: var(--bg-light);
    padding: 5rem 0;
}

.zone-group[b-g9a4zrvm3d] {
    background: white;
    padding: 2rem;
    border-radius: 12px;
}

    .zone-group h3[b-g9a4zrvm3d] {
        color: var(--primary-navy);
        font-weight: 700;
        margin-bottom: 1.5rem;
    }

    .zone-group h3 i[b-g9a4zrvm3d] {
        margin-right: 0.5rem;
    }

.zone-card[b-g9a4zrvm3d] {
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    border-left: 5px solid;
    transition: transform 0.3s ease;
}

    .zone-card:last-child[b-g9a4zrvm3d] {
        margin-bottom: 0;
    }

    .zone-card:hover[b-g9a4zrvm3d] {
        transform: translateX(5px);
    }

.zone-header[b-g9a4zrvm3d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.zone-number[b-g9a4zrvm3d] {
    font-weight: 700;
    font-size: 1.125rem;
}

.zone-category[b-g9a4zrvm3d] {
    background: rgba(0, 0, 0, 0.1);
    padding: 0.25rem 0.75rem;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
}

.zone-card p[b-g9a4zrvm3d] {
    margin-bottom: 0;
    font-size: 0.95rem;
}

/* Zone Colors */
.zone-0[b-g9a4zrvm3d] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-left-color: #f59e0b;
}

.zone-1[b-g9a4zrvm3d] {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
    border-left-color: #ea580c;
}

.zone-2[b-g9a4zrvm3d] {
    background: linear-gradient(135deg, #fecaca 0%, #fca5a5 100%);
    border-left-color: #dc2626;
}

.zone-20[b-g9a4zrvm3d] {
    background: linear-gradient(135deg, #ddd6fe 0%, #c4b5fd 100%);
    border-left-color: #7c3aed;
}

.zone-21[b-g9a4zrvm3d] {
    background: linear-gradient(135deg, #bfdbfe 0%, #93c5fd 100%);
    border-left-color: #2563eb;
}

.zone-22[b-g9a4zrvm3d] {
    background: linear-gradient(135deg, #a7f3d0 0%, #6ee7b7 100%);
    border-left-color: #059669;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 768px) {
    .zones-grid[b-g9a4zrvm3d] {
        grid-template-columns: 1fr;
    }

    .zones-section[b-g9a4zrvm3d] {
        padding: 3rem 0;
    }
}

/* #endregion */
/* /Components/Pages/Career/BenefitsSection.razor.rz.scp.css */
/* #region Layout */

.section-inner[b-rooaa6c2r0] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-rooaa6c2r0] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-rooaa6c2r0] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }

.section-subtitle[b-rooaa6c2r0] {
    font-size: 1.125rem;
    color: var(--text-muted);
    margin-bottom: 0;
}

.benefits-grid[b-rooaa6c2r0] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

/* #endregion */

/* #region Benefits Section */

.benefits-section[b-rooaa6c2r0] {
    background-color: var(--bg-light);
    padding: 5rem 0;
}

.benefit-item[b-rooaa6c2r0] {
    padding: 1.5rem 1rem;
    text-align: center;
}

.benefit-icon[b-rooaa6c2r0] {
    font-size: 2.5rem;
    color: var(--primary-navy);
    margin-bottom: 1rem;
    display: block;
}

.benefit-item h5[b-rooaa6c2r0] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.benefit-item p[b-rooaa6c2r0] {
    color: var(--text-muted);
    font-size: 0.95rem;
    margin-bottom: 0;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .benefits-grid[b-rooaa6c2r0] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .benefits-grid[b-rooaa6c2r0] {
        grid-template-columns: repeat(2, 1fr);
    }

    .benefit-icon[b-rooaa6c2r0] {
        font-size: 2rem;
    }

    .benefits-section[b-rooaa6c2r0] {
        padding: 3rem 0;
    }
}

@media (max-width: 480px) {
    .benefits-grid[b-rooaa6c2r0] {
        grid-template-columns: 1fr;
    }
}

/* #endregion */
/* /Components/Pages/Career/CultureSection.razor.rz.scp.css */
/* #region Layout */

.section-inner[b-36p04yit75] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-36p04yit75] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-36p04yit75] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }

.section-subtitle[b-36p04yit75] {
    font-size: 1.125rem;
    color: var(--text-muted);
    margin-bottom: 0;
}

.culture-grid[b-36p04yit75] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

/* #endregion */

/* #region Culture Section */

.culture-section[b-36p04yit75] {
    background-color: var(--white);
    padding: 5rem 0;
}

.culture-card[b-36p04yit75] {
    padding: 2rem 1.5rem;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    background: var(--bg-light);
}

    .culture-card:hover[b-36p04yit75] {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    }

.culture-icon[b-36p04yit75] {
    font-size: 3rem;
    color: var(--primary-orange);
    margin-bottom: 1rem;
}

.culture-card h4[b-36p04yit75] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 1rem;
}

.culture-card p[b-36p04yit75] {
    color: var(--text-muted);
    font-size: 0.95rem;
    margin-bottom: 0;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 768px) {
    .culture-grid[b-36p04yit75] {
        grid-template-columns: 1fr;
    }

    .culture-icon[b-36p04yit75] {
        font-size: 2rem;
    }

    .culture-section[b-36p04yit75] {
        padding: 3rem 0;
    }
}

/* #endregion */
/* /Components/Pages/Career/HeroSection.razor.rz.scp.css */
/* #region Layout */

.hero-inner[b-sra7m740kh] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.hero-content[b-sra7m740kh] {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.hero-text[b-sra7m740kh] {
    flex: 1;
    min-width: 0;
}

.hero-images[b-sra7m740kh] {
    flex: 1;
    min-width: 0;
}

.hero-btn[b-sra7m740kh] {
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.hero-buttons-light[b-sra7m740kh],
.hero-buttons-dark[b-sra7m740kh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

/* #endregion */

/* #region LIGHT */

.hero-section-light[b-sra7m740kh] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

    .hero-section-light h1[b-sra7m740kh] {
        color: var(--primary-navy);
        font-weight: 700;
        line-height: 1.2;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-section-light .hero-subtitle[b-sra7m740kh] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: var(--text-muted);
        margin-bottom: 0;
    }

    .hero-section-light .hero-btn-primary[b-sra7m740kh] {
        background-color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-light .hero-btn-primary:hover[b-sra7m740kh] {
            background-color: #0f1a2e;
            border-color: #0f1a2e;
        }

    .hero-section-light .hero-btn-secondary[b-sra7m740kh] {
        color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        background: transparent;
        padding: 0.75rem 2rem;
    }

        .hero-section-light .hero-btn-secondary:hover[b-sra7m740kh] {
            background-color: var(--primary-navy);
            color: white;
        }

    .hero-section-light img[b-sra7m740kh] {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 8px;
    }

/* #endregion */

/* #region DARK */

.hero-section-dark[b-sra7m740kh] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #0f1a2e 0%, var(--primary-navy) 100%);
}

    .hero-section-dark h1[b-sra7m740kh] {
        color: white;
        font-weight: 700;
        line-height: 1.2;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-section-dark .hero-subtitle[b-sra7m740kh] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 0;
    }

    .hero-section-dark .hero-btn-primary[b-sra7m740kh] {
        background-color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-dark .hero-btn-primary:hover[b-sra7m740kh] {
            background-color: #0f1a2e;
            border-color: #0f1a2e;
        }

    .hero-section-dark .hero-btn-secondary[b-sra7m740kh] {
        background-color: var(--primary-orange);
        border: 2px solid var(--primary-orange);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-dark .hero-btn-secondary:hover[b-sra7m740kh] {
            background-color: #cc6600;
            border-color: #cc6600;
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(255, 127, 0, 0.3);
        }

    .hero-section-dark img[b-sra7m740kh] {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 8px;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .hero-content[b-sra7m740kh] {
        flex-direction: column;
        gap: 2rem;
    }

    .hero-text[b-sra7m740kh],
    .hero-images[b-sra7m740kh] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .hero-section-light[b-sra7m740kh],
    .hero-section-dark[b-sra7m740kh] {
        padding: 5rem 0 3rem 0;
    }

    .hero-section-light h1[b-sra7m740kh],
    .hero-section-dark h1[b-sra7m740kh] {
        font-size: 2rem;
    }

    .hero-section-light img[b-sra7m740kh],
    .hero-section-dark img[b-sra7m740kh] {
        height: 200px;
    }
}

/* #endregion */
/* /Components/Pages/Career/Main.razor.rz.scp.css */
/* Smooth Scroll */
html[b-ccro39lsnw] {
    scroll-behavior: smooth;
}
/* /Components/Pages/Career/PositionsSection.razor.rz.scp.css */
/* #region Layout */

.section-inner[b-vg9s7m7pth] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-vg9s7m7pth] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-vg9s7m7pth] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }

.section-subtitle[b-vg9s7m7pth] {
    font-size: 1.125rem;
    color: var(--text-muted);
    margin-bottom: 0;
}

.filter-bar[b-vg9s7m7pth] {
    text-align: center;
    margin-bottom: 2rem;
}

.jobs-grid[b-vg9s7m7pth] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

/* #endregion */

/* #region Positions Section */

.positions-section[b-vg9s7m7pth] {
    background-color: var(--white);
    padding: 5rem 0;
}

.btn-filter[b-vg9s7m7pth] {
    display: inline-block;
    background-color: white;
    border: 2px solid var(--primary-navy);
    color: var(--primary-navy);
    padding: 0.5rem 1.5rem;
    margin: 0.25rem;
    border-radius: 25px;
    font-weight: 500;
    font-size: 1rem;
    font-family: inherit;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .btn-filter:hover[b-vg9s7m7pth],
    .btn-filter.active[b-vg9s7m7pth] {
        background-color: var(--primary-navy);
        color: white;
    }

.job-card[b-vg9s7m7pth] {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

    .job-card.hidden[b-vg9s7m7pth] {
        display: none;
    }

.job-item[b-vg9s7m7pth] {
    background: var(--bg-light);
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .job-item:hover[b-vg9s7m7pth] {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    }

.job-header[b-vg9s7m7pth] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

    .job-header h4[b-vg9s7m7pth] {
        color: var(--primary-navy);
        font-weight: 600;
        margin-bottom: 0;
    }

.job-type[b-vg9s7m7pth] {
    background-color: white;
    color: var(--text-muted);
    padding: 0.25rem 0.75rem;
    border-radius: 15px;
    font-size: 0.85rem;
    white-space: nowrap;
}

.job-meta[b-vg9s7m7pth] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    color: var(--text-muted);
}

    .job-meta span[b-vg9s7m7pth] {
        display: flex;
        align-items: center;
        gap: 0.25rem;
    }

.job-description[b-vg9s7m7pth] {
    color: var(--text-muted);
    margin-bottom: 1rem;
    flex-grow: 1;
}

.job-tags[b-vg9s7m7pth] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

    .job-tags .badge[b-vg9s7m7pth] {
        background-color: white;
        color: var(--primary-navy);
        padding: 0.4rem 0.8rem;
        border-radius: 15px;
        font-weight: 500;
        font-size: 0.85rem;
    }

.btn-apply[b-vg9s7m7pth] {
    display: inline-block;
    background-color: var(--primary-navy);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 500;
    font-size: 1rem;
    font-family: inherit;
    text-decoration: none;
    transition: all 0.3s ease;
    align-self: flex-start;
    cursor: pointer;
}

    .btn-apply:hover[b-vg9s7m7pth] {
        background-color: var(--primary-orange);
        color: white;
        transform: translateX(5px);
    }

/* #endregion */

/* #region Animations */

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

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

.job-card[b-vg9s7m7pth] {
    animation: fadeIn-b-vg9s7m7pth 0.5s ease forwards;
}

    .job-card:nth-child(1)[b-vg9s7m7pth] { animation-delay: 0.1s; }
    .job-card:nth-child(2)[b-vg9s7m7pth] { animation-delay: 0.2s; }
    .job-card:nth-child(3)[b-vg9s7m7pth] { animation-delay: 0.3s; }
    .job-card:nth-child(4)[b-vg9s7m7pth] { animation-delay: 0.4s; }
    .job-card:nth-child(5)[b-vg9s7m7pth] { animation-delay: 0.5s; }
    .job-card:nth-child(6)[b-vg9s7m7pth] { animation-delay: 0.6s; }

/* #endregion */

/* #region Responsive */

@media (max-width: 768px) {
    .jobs-grid[b-vg9s7m7pth] {
        grid-template-columns: 1fr;
    }

    .job-header[b-vg9s7m7pth] {
        flex-direction: column;
        align-items: flex-start;
    }

    .job-type[b-vg9s7m7pth] {
        margin-top: 0.5rem;
    }

    .job-meta[b-vg9s7m7pth] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .positions-section[b-vg9s7m7pth] {
        padding: 3rem 0;
    }
}

/* #endregion */
/* /Components/Pages/Career/ProcessSection.razor.rz.scp.css */
/* #region Layout */

.section-inner[b-pz1luw8d0h] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-pz1luw8d0h] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-pz1luw8d0h] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2.25rem;
        margin-bottom: 1rem;
    }

.section-subtitle[b-pz1luw8d0h] {
    font-size: 1.125rem;
    color: var(--text-muted);
    margin-bottom: 0;
}

.process-grid[b-pz1luw8d0h] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
}

/* #endregion */

/* #region Process Section */

.process-section[b-pz1luw8d0h] {
    background-color: var(--bg-light);
    padding: 5rem 0;
}

.process-step[b-pz1luw8d0h] {
    padding: 1.5rem 1rem;
    text-align: center;
}

.process-number[b-pz1luw8d0h] {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--primary-navy) 0%, var(--primary-orange) 100%);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 auto 1rem;
}

.process-step h5[b-pz1luw8d0h] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.process-step p[b-pz1luw8d0h] {
    color: var(--text-muted);
    margin-bottom: 0;
    font-size: 0.9rem;
}

    .process-step p a[b-pz1luw8d0h] {
        color: var(--primary-orange);
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .process-grid[b-pz1luw8d0h] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 576px) {
    .process-grid[b-pz1luw8d0h] {
        grid-template-columns: repeat(2, 1fr);
    }

    .process-section[b-pz1luw8d0h] {
        padding: 3rem 0;
    }
}

/* #endregion */
/* /Components/Pages/Career/StatsSection.razor.rz.scp.css */
/* #region Layout */

.section-inner[b-zl2gu9fyot] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.stats-grid[b-zl2gu9fyot] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    text-align: center;
}

/* #endregion */

/* #region Stats Section */

.stats-section[b-zl2gu9fyot] {
    background-color: var(--primary-navy);
    color: white;
    padding: 5rem 0;
}

.stat-card[b-zl2gu9fyot] {
    padding: 1rem;
}

.stat-number[b-zl2gu9fyot] {
    font-size: 3rem;
    font-weight: 700;
    color: var(--primary-orange);
    margin-bottom: 0.5rem;
}

.stat-label[b-zl2gu9fyot] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 768px) {
    .stats-grid[b-zl2gu9fyot] {
        grid-template-columns: 1fr;
    }

    .stat-number[b-zl2gu9fyot] {
        font-size: 2rem;
    }

    .stats-section[b-zl2gu9fyot] {
        padding: 3rem 0;
    }
}

/* #endregion */
/* /Components/Pages/Contact/FormSection.razor.rz.scp.css */
/* #region Layout */

.section-inner[b-macratbrgk] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.contact-layout[b-macratbrgk] {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 3rem;
    align-items: start;
}

/* #endregion */

/* #region Contact Section */

.contact-section[b-macratbrgk] {
    background-color: var(--white);
    padding: 5rem 0;
}

/* #endregion */

/* #region Contact Form */

.contact-form-wrapper[b-macratbrgk] {
    background: white;
    padding: 2.5rem;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    animation: fadeInUp-b-macratbrgk 0.6s ease-out;
}

.contact-section-title[b-macratbrgk] {
    color: var(--primary-navy);
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    margin-top: 0;
}

.form-grid[b-macratbrgk] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.form-field[b-macratbrgk] {
    display: flex;
    flex-direction: column;
}

.form-field--full[b-macratbrgk] {
    grid-column: 1 / -1;
}

/* #endregion */

/* #region Form Elements */

.form-label[b-macratbrgk] {
    display: block;
    color: var(--text-dark);
    font-weight: 500;
    font-size: 0.95rem;
    margin-bottom: 0.4rem;
}

.form-control[b-macratbrgk],
.form-select[b-macratbrgk] {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-dark);
    background-color: white;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;
}

    .form-control:focus[b-macratbrgk],
    .form-select:focus[b-macratbrgk] {
        border-color: var(--primary-navy);
        box-shadow: 0 0 0 3px rgba(20, 20, 20, 0.08);
    }

textarea.form-control[b-macratbrgk] {
    resize: vertical;
}

.form-select[b-macratbrgk] {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    padding-right: 2.5rem;
    cursor: pointer;
}

.field-error[b-macratbrgk] {
    display: none;
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.checkbox-group[b-macratbrgk] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.checkbox-input[b-macratbrgk] {
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
    border: 2px solid #e2e8f0;
    border-radius: 4px;
    cursor: pointer;
    accent-color: var(--primary-navy);
    margin-top: 0.15rem;
}

.checkbox-label[b-macratbrgk] {
    cursor: pointer;
    color: var(--text-dark);
    font-size: 0.95rem;
    line-height: 1.5;
}

    .checkbox-label a[b-macratbrgk] {
        color: var(--primary-orange);
        text-decoration: none;
    }

        .checkbox-label a:hover[b-macratbrgk] {
            text-decoration: underline;
        }

.btn-submit[b-macratbrgk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--primary-navy);
    color: white;
    border: none;
    padding: 0.875rem 2rem;
    font-size: 1rem;
    font-weight: 500;
    font-family: inherit;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .btn-submit:hover[b-macratbrgk] {
        background-color: #0f1a2e;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(20, 20, 20, 0.3);
    }

.form-alert[b-macratbrgk] {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 8px;
    display: none;
}

    .form-alert.alert-success[b-macratbrgk] {
        background-color: #d4edda;
        border: 1px solid #c3e6cb;
        color: #155724;
        display: block;
    }

    .form-alert.alert-danger[b-macratbrgk] {
        background-color: #f8d7da;
        border: 1px solid #f5c6cb;
        color: #721c24;
        display: block;
    }

/* #endregion */

/* #region Contact Info */

.contact-info-wrapper[b-macratbrgk] {
    background: white;
    padding: 2.5rem;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    animation: fadeInUp-b-macratbrgk 0.6s ease-out;
}

.contact-person-header[b-macratbrgk] {
    display: flex;
    flex-direction: column;
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}

.contact-person-name[b-macratbrgk] {
    font-size: 1.125rem;
}

.contact-person-role[b-macratbrgk] {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--text-muted);
}

.contact-info-item[b-macratbrgk] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e2e8f0;
}

    .contact-info-item:last-of-type[b-macratbrgk] {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.contact-info-icon[b-macratbrgk] {
    width: 50px;
    height: 50px;
    background-color: var(--primary-navy);
    color: white;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-right: 1.5rem;
    flex-shrink: 0;
}

.contact-info-content h5[b-macratbrgk] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.contact-info-content p[b-macratbrgk] {
    margin-bottom: 0;
    line-height: 1.6;
    color: var(--text-muted);
}

/* #endregion */

/* #region Social Links */

.social-links-contact[b-macratbrgk] {
    margin-top: 2rem;
}

    .social-links-contact h5[b-macratbrgk] {
        color: var(--primary-navy);
        font-weight: 600;
        margin-bottom: 1rem;
        margin-top: 0;
    }

.social-link[b-macratbrgk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background-color: var(--primary-navy);
    color: white;
    border-radius: 50%;
    margin-right: 0.75rem;
    font-size: 1.25rem;
    transition: all 0.3s ease;
    text-decoration: none;
}

    .social-link:hover[b-macratbrgk] {
        background-color: var(--primary-orange);
        color: white;
        transform: translateY(-3px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

/* #endregion */

/* #region Animation */

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

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

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .contact-layout[b-macratbrgk] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .contact-section[b-macratbrgk] {
        padding: 3rem 0;
    }

    .contact-form-wrapper[b-macratbrgk],
    .contact-info-wrapper[b-macratbrgk] {
        padding: 1.5rem;
    }

    .form-grid[b-macratbrgk] {
        grid-template-columns: 1fr;
    }

    .form-field--full[b-macratbrgk] {
        grid-column: 1;
    }

    .contact-info-item[b-macratbrgk] {
        margin-bottom: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

/* #endregion */
/* /Components/Pages/Contact/HeroSection.razor.rz.scp.css */
/* #region Layout */

.hero-inner[b-1hxvzy28q6] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.hero-content[b-1hxvzy28q6] {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.hero-text[b-1hxvzy28q6] {
    flex: 1;
    min-width: 0;
}

.hero-images[b-1hxvzy28q6] {
    flex: 1;
    min-width: 0;
}

.hero-btn[b-1hxvzy28q6] {
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.hero-buttons-light[b-1hxvzy28q6],
.hero-buttons-dark[b-1hxvzy28q6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

/* #endregion */

/* #region LIGHT */

.hero-section-light[b-1hxvzy28q6] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

    .hero-section-light h1[b-1hxvzy28q6] {
        color: var(--primary-navy);
        font-weight: 700;
        line-height: 1.2;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-section-light .hero-subtitle[b-1hxvzy28q6] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: var(--text-muted);
        margin-bottom: 0;
    }

    .hero-section-light .hero-btn-primary[b-1hxvzy28q6] {
        background-color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-light .hero-btn-primary:hover[b-1hxvzy28q6] {
            background-color: #0f1a2e;
            border-color: #0f1a2e;
        }

    .hero-section-light .hero-btn-secondary[b-1hxvzy28q6] {
        color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        background: transparent;
        padding: 0.75rem 2rem;
    }

        .hero-section-light .hero-btn-secondary:hover[b-1hxvzy28q6] {
            background-color: var(--primary-navy);
            color: white;
        }

    .hero-section-light img[b-1hxvzy28q6] {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 8px;
    }

/* #endregion */

/* #region DARK */

.hero-section-dark[b-1hxvzy28q6] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #0f1a2e 0%, var(--primary-navy) 100%);
}

    .hero-section-dark h1[b-1hxvzy28q6] {
        color: white;
        font-weight: 700;
        line-height: 1.2;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-section-dark .hero-subtitle[b-1hxvzy28q6] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 0;
    }

    .hero-section-dark .hero-btn-primary[b-1hxvzy28q6] {
        background-color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-dark .hero-btn-primary:hover[b-1hxvzy28q6] {
            background-color: #0f1a2e;
            border-color: #0f1a2e;
        }

    .hero-section-dark .hero-btn-secondary[b-1hxvzy28q6] {
        background-color: var(--primary-orange);
        border: 2px solid var(--primary-orange);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-dark .hero-btn-secondary:hover[b-1hxvzy28q6] {
            background-color: #cc6600;
            border-color: #cc6600;
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(255, 127, 0, 0.3);
        }

    .hero-section-dark img[b-1hxvzy28q6] {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 8px;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .hero-content[b-1hxvzy28q6] {
        flex-direction: column;
        gap: 2rem;
    }

    .hero-text[b-1hxvzy28q6],
    .hero-images[b-1hxvzy28q6] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .hero-section-light[b-1hxvzy28q6],
    .hero-section-dark[b-1hxvzy28q6] {
        padding: 5rem 0 3rem 0;
    }

    .hero-section-light h1[b-1hxvzy28q6],
    .hero-section-dark h1[b-1hxvzy28q6] {
        font-size: 2rem;
    }

    .hero-section-light img[b-1hxvzy28q6],
    .hero-section-dark img[b-1hxvzy28q6] {
        height: 200px;
    }
}

/* #endregion */
/* /Components/Pages/Contact/Main.razor.rz.scp.css */
/* Page Header — no dedicated component */
.page-header[b-6y1gocy6s7] {
    padding: 4rem 0 3rem;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

    .page-header h1[b-6y1gocy6s7] {
        color: var(--primary-navy);
    }

/* Emergency Section — no dedicated component */
.emergency-section[b-6y1gocy6s7] {
    background-color: var(--bg-light);
}

.emergency-box[b-6y1gocy6s7] {
    background: white;
    padding: 3rem 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    animation: fadeInUp-b-6y1gocy6s7 0.6s ease-out;
}

.emergency-icon[b-6y1gocy6s7] {
    font-size: 3rem;
    color: #dc3545;
    margin-bottom: 1rem;
}

.emergency-box h3[b-6y1gocy6s7] {
    color: var(--primary-navy);
    font-weight: 600;
}

.btn-danger[b-6y1gocy6s7] {
    padding: 0.75rem 2rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

    .btn-danger:hover[b-6y1gocy6s7] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
    }

@keyframes fadeInUp-b-6y1gocy6s7 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

@media (max-width: 991px) {
    .page-header[b-6y1gocy6s7] {
        padding: 3rem 0 2rem;
    }
}

@media (max-width: 768px) {
    .page-header h1[b-6y1gocy6s7] {
        font-size: 2rem;
    }

    .emergency-box[b-6y1gocy6s7] {
        padding: 2rem 1.5rem;
    }
}
/* /Components/Pages/Contact/MapSection.razor.rz.scp.css */
/* Map Section */
.map-section[b-c9cmf5js0z] {
    margin-top: 3rem;
}

.map-placeholder[b-c9cmf5js0z] {
    width: 100%;
    height: 450px;
    background-color: #e2e8f0;
    position: relative;
}

    .map-placeholder iframe[b-c9cmf5js0z] {
        width: 100%;
        height: 100%;
    }

@media (max-width: 768px) {
    .map-placeholder[b-c9cmf5js0z] {
        height: 350px;
    }
}
/* /Components/Pages/Internal/ContentSection.razor.rz.scp.css */
/* #region Layout */

.notfound-section[b-8ygyesk9yn] {
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6rem 1.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

.notfound-inner[b-8ygyesk9yn] {
    max-width: 640px;
    width: 100%;
    text-align: center;
}

/* #endregion */

/* #region Code */

.notfound-code[b-8ygyesk9yn] {
    font-size: 9rem;
    font-weight: 800;
    line-height: 1;
    color: var(--primary-navy);
    opacity: 0.12;
    user-select: none;
    letter-spacing: -0.05em;
}

/* #endregion */

/* #region Divider */

.notfound-divider[b-8ygyesk9yn] {
    width: 60px;
    height: 4px;
    background: var(--primary-orange);
    border-radius: 2px;
    margin: 1.5rem auto;
}

/* #endregion */

/* #region Text */

.notfound-title[b-8ygyesk9yn] {
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--primary-navy);
    margin: 0 0 1rem 0;
    line-height: 1.2;
}

.notfound-description[b-8ygyesk9yn] {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--text-muted);
    margin: 0 0 2.5rem 0;
}

/* #endregion */

/* #region Actions */

.notfound-actions[b-8ygyesk9yn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.notfound-btn[b-8ygyesk9yn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid transparent;
}

.notfound-btn-primary[b-8ygyesk9yn] {
    background-color: var(--primary-navy);
    border-color: var(--primary-navy);
    color: white;
}

    .notfound-btn-primary:hover[b-8ygyesk9yn] {
        background-color: #0f1a2e;
        border-color: #0f1a2e;
        color: white;
        transform: translateY(-2px);
        box-shadow: 0 8px 16px rgba(26, 42, 68, 0.2);
    }

.notfound-btn-secondary[b-8ygyesk9yn] {
    background-color: transparent;
    border-color: var(--primary-navy);
    color: var(--primary-navy);
}

    .notfound-btn-secondary:hover[b-8ygyesk9yn] {
        background-color: var(--primary-navy);
        color: white;
        transform: translateY(-2px);
        box-shadow: 0 8px 16px rgba(26, 42, 68, 0.2);
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 768px) {
    .notfound-section[b-8ygyesk9yn] {
        padding: 4rem 1.5rem;
    }

    .notfound-code[b-8ygyesk9yn] {
        font-size: 6rem;
    }

    .notfound-title[b-8ygyesk9yn] {
        font-size: 1.75rem;
    }

    .notfound-description[b-8ygyesk9yn] {
        font-size: 1rem;
    }

    .notfound-actions[b-8ygyesk9yn] {
        flex-direction: column;
        align-items: stretch;
    }

    .notfound-btn[b-8ygyesk9yn] {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .notfound-code[b-8ygyesk9yn] {
        font-size: 4.5rem;
    }

    .notfound-title[b-8ygyesk9yn] {
        font-size: 1.5rem;
    }
}

/* #endregion */
/* /Components/Pages/JobOffer/HeroSection.razor.rz.scp.css */
/* #region Hero */

.hero-section-dark[b-6qdev6qmfs] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #0f1a2e 0%, var(--primary-navy) 100%);
}

.hero-inner[b-6qdev6qmfs] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.hero-text[b-6qdev6qmfs] {
    max-width: 700px;
}

.hero-title[b-6qdev6qmfs] {
    color: white;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.hero-subtitle[b-6qdev6qmfs] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 0;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 768px) {
    .hero-section-dark[b-6qdev6qmfs] {
        padding: 5rem 0 3rem 0;
    }

    .hero-title[b-6qdev6qmfs] {
        font-size: 2rem;
    }

    .hero-subtitle[b-6qdev6qmfs] {
        font-size: 1rem;
    }
}

/* #endregion */
/* /Components/Pages/JobOffer/JobOfferContentSection.razor.rz.scp.css */
/* #region Layout */

.job-content-section[b-tvtaihd3rj] {
    padding: 3rem 0 5rem 0;
}

.job-content-inner[b-tvtaihd3rj] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.job-content-layout[b-tvtaihd3rj] {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.job-main-col[b-tvtaihd3rj] {
    flex: 1;
    min-width: 0;
}

.job-sidebar-col[b-tvtaihd3rj] {
    flex: 0 0 340px;
    min-width: 0;
}

/* #endregion */

/* #region Content Blocks */

.content-block[b-tvtaihd3rj] {
    background-color: var(--white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 1.5rem;
}

.content-title[b-tvtaihd3rj] {
    color: var(--primary-navy);
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--primary-orange);
}

.content-block p[b-tvtaihd3rj] {
    color: var(--text-muted);
    line-height: 1.8;
}

/* #endregion */

/* #region Task & Requirement Lists */

.task-list[b-tvtaihd3rj] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .task-list li[b-tvtaihd3rj] {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.6rem 0;
        color: var(--text-dark);
        line-height: 1.6;
    }

        .task-list li i[b-tvtaihd3rj] {
            color: var(--primary-orange);
            font-size: 1.1rem;
            margin-top: 0.2rem;
            flex-shrink: 0;
        }

.requirement-card[b-tvtaihd3rj] {
    background-color: var(--bg-light);
    border-radius: 10px;
    padding: 1.25rem;
    height: 100%;
    border-left: 3px solid var(--primary-orange);
}

    .requirement-card h5[b-tvtaihd3rj] {
        color: var(--primary-navy);
        font-weight: 600;
        font-size: 1rem;
        margin-bottom: 0.5rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

        .requirement-card h5 i[b-tvtaihd3rj] {
            color: var(--primary-orange);
        }

    .requirement-card p[b-tvtaihd3rj] {
        margin-bottom: 0;
        font-size: 0.95rem;
    }

.requirements-list[b-tvtaihd3rj] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .requirements-list li[b-tvtaihd3rj] {
        display: flex;
        align-items: flex-start;
        gap: 0.25rem;
        padding: 0.35rem 0;
        color: var(--text-muted);
    }

        .requirements-list li i[b-tvtaihd3rj] {
            color: var(--primary-navy);
            font-size: 1.5rem;
            flex-shrink: 0;
        }

/* #endregion */

/* #region Offer Items */

.offer-item[b-tvtaihd3rj] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border-radius: 10px;
    background-color: var(--bg-light);
    height: 100%;
    transition: all 0.3s ease;
}

    .offer-item:hover[b-tvtaihd3rj] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

.offer-icon[b-tvtaihd3rj] {
    width: 44px;
    height: 44px;
    background-color: var(--primary-navy);
    color: var(--primary-orange);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.offer-item h6[b-tvtaihd3rj] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.offer-item p[b-tvtaihd3rj] {
    margin-bottom: 0;
    font-size: 0.85rem;
}

/* #endregion */

/* #region Sidebar */

.sidebar-sticky[b-tvtaihd3rj] {
    position: sticky;
    top: 90px;
}

.sidebar-card[b-tvtaihd3rj] {
    background-color: var(--white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
}

.sidebar-title[b-tvtaihd3rj] {
    color: var(--primary-navy);
    font-weight: 700;
    font-size: 1.15rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--bg-light);
}

.sidebar-info-list[b-tvtaihd3rj] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .sidebar-info-list li[b-tvtaihd3rj] {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.65rem 0;
        border-bottom: 1px solid var(--bg-light);
    }

        .sidebar-info-list li:last-child[b-tvtaihd3rj] {
            border-bottom: none;
        }

        .sidebar-info-list li i[b-tvtaihd3rj] {
            color: var(--primary-orange);
            font-size: 1.1rem;
            margin-top: 0.15rem;
        }

.info-label[b-tvtaihd3rj] {
    display: block;
    font-size: 0.8rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-value[b-tvtaihd3rj] {
    display: block;
    color: var(--primary-navy);
    font-weight: 600;
    font-size: 0.95rem;
}

.btn-sidebar-apply[b-tvtaihd3rj] {
    display: block;
    width: 100%;
    background-color: var(--primary-navy);
    color: var(--white);
    border: none;
    padding: 0.75rem;
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
}

    .btn-sidebar-apply:hover[b-tvtaihd3rj] {
        background-color: var(--primary-orange);
        color: var(--white);
    }

/* #endregion */

/* #region Skills */

.skills-list[b-tvtaihd3rj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.skill-tag[b-tvtaihd3rj] {
    background-color: var(--bg-light);
    color: var(--primary-navy);
    padding: 0.4rem 0.9rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    border: 1px solid var(--border);
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

    .skill-tag:hover[b-tvtaihd3rj] {
        background-color: var(--primary-navy);
        color: var(--white);
        border-color: var(--primary-navy);
    }

/* #endregion */

/* #region Hiring Process */

.hiring-process[b-tvtaihd3rj] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.process-step[b-tvtaihd3rj] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.75rem 0;
    position: relative;
}

    .process-step:not(:last-child)[b-tvtaihd3rj]::after {
        content: "";
        position: absolute;
        left: 17px;
        top: 44px;
        width: 2px;
        height: calc(100% - 20px);
        background-color: var(--border);
    }

.step-number[b-tvtaihd3rj] {
    width: 36px;
    height: 36px;
    background-color: var(--primary-navy);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.process-step h6[b-tvtaihd3rj] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.15rem;
    font-size: 0.95rem;
}

.process-step p[b-tvtaihd3rj] {
    color: var(--text-muted);
    font-size: 0.8rem;
    margin-bottom: 0;
}

/* #endregion */

/* #region Contact Person */

.contact-person[b-tvtaihd3rj] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.contact-avatar[b-tvtaihd3rj] {
    font-size: 2.5rem;
    color: var(--primary-navy);
    flex-shrink: 0;
}

.contact-person h6[b-tvtaihd3rj] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.1rem;
}

.contact-person p[b-tvtaihd3rj] {
    color: var(--text-muted);
    font-size: 0.85rem;
    margin-bottom: 0.35rem;
}

.contact-person a[b-tvtaihd3rj] {
    display: block;
    color: var(--primary-navy);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    transition: color 0.3s ease;
}

    .contact-person a:hover[b-tvtaihd3rj] {
        color: var(--primary-orange);
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 991px) {
    .job-content-layout[b-tvtaihd3rj] {
        flex-direction: column;
    }

    .job-sidebar-col[b-tvtaihd3rj] {
        flex: none;
        width: 100%;
    }

    .sidebar-sticky[b-tvtaihd3rj] {
        position: static;
    }
}

@media (max-width: 768px) {
    .job-content-section[b-tvtaihd3rj] {
        padding: 2rem 0 3rem 0;
    }

    .content-block[b-tvtaihd3rj] {
        padding: 1.5rem;
    }
}

/* #endregion */
/* /Components/Pages/JobOffer/Main.razor.rz.scp.css */
/* /Components/Pages/Mainpage/HeroSection.razor.rz.scp.css */
/* #region Layout */

.hero-inner[b-ty8f6jy6v2] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.hero-content[b-ty8f6jy6v2] {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.hero-text[b-ty8f6jy6v2] {
    flex: 1;
    min-width: 0;
}

.hero-images[b-ty8f6jy6v2] {
    flex: 1;
    min-width: 0;
}

.hero-btn[b-ty8f6jy6v2] {
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.hero-buttons-light[b-ty8f6jy6v2],
.hero-buttons-dark[b-ty8f6jy6v2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

/* #endregion */

/* #region LIGHT */

.hero-section-light[b-ty8f6jy6v2] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

    .hero-section-light h1[b-ty8f6jy6v2] {
        color: var(--primary-navy);
        font-weight: 700;
        line-height: 1.2;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-section-light .hero-subtitle[b-ty8f6jy6v2] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: var(--text-muted);
        margin-bottom: 0;
    }

    .hero-section-light .hero-btn-primary[b-ty8f6jy6v2] {
        background-color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-light .hero-btn-primary:hover[b-ty8f6jy6v2] {
            background-color: #0f1a2e;
            border-color: #0f1a2e;
        }

    .hero-section-light .hero-btn-secondary[b-ty8f6jy6v2] {
        color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        background: transparent;
        padding: 0.75rem 2rem;
    }

        .hero-section-light .hero-btn-secondary:hover[b-ty8f6jy6v2] {
            background-color: var(--primary-navy);
            color: white;
        }

    .hero-section-light img[b-ty8f6jy6v2] {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 8px;
    }

/* #endregion */

/* #region DARK */

.hero-section-dark[b-ty8f6jy6v2] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #0f1a2e 0%, var(--primary-navy) 100%);
}

    .hero-section-dark h1[b-ty8f6jy6v2] {
        color: white;
        font-weight: 700;
        line-height: 1.2;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-section-dark .hero-subtitle[b-ty8f6jy6v2] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 0;
    }

    .hero-section-dark .hero-btn-primary[b-ty8f6jy6v2] {
        background-color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-dark .hero-btn-primary:hover[b-ty8f6jy6v2] {
            background-color: #0f1a2e;
            border-color: #0f1a2e;
        }

    .hero-section-dark .hero-btn-secondary[b-ty8f6jy6v2] {
        background-color: var(--primary-orange);
        border: 2px solid var(--primary-orange);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-dark .hero-btn-secondary:hover[b-ty8f6jy6v2] {
            background-color: #cc6600;
            border-color: #cc6600;
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(255, 127, 0, 0.3);
        }

    .hero-section-dark img[b-ty8f6jy6v2] {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 8px;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .hero-content[b-ty8f6jy6v2] {
        flex-direction: column;
        gap: 2rem;
    }

    .hero-text[b-ty8f6jy6v2],
    .hero-images[b-ty8f6jy6v2] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .hero-section-light[b-ty8f6jy6v2],
    .hero-section-dark[b-ty8f6jy6v2] {
        padding: 5rem 0 3rem 0;
    }

    .hero-section-light h1[b-ty8f6jy6v2],
    .hero-section-dark h1[b-ty8f6jy6v2] {
        font-size: 2rem;
    }

    .hero-section-light img[b-ty8f6jy6v2],
    .hero-section-dark img[b-ty8f6jy6v2] {
        height: 200px;
    }
}

/* #endregion */
/* /Components/Pages/Mainpage/Main.razor.rz.scp.css */
/* Smooth Scroll */
html[b-oscsnbm1fb] {
    scroll-behavior: smooth;
}
/* /Components/Pages/Mainpage/ServicesListSection.razor.rz.scp.css */
/* #region Categories Section */

.categories-section[b-7om1rufxxq] {
    background-color: var(--bg-light);
    padding: 4rem 0;
}

.categories-inner[b-7om1rufxxq] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.categories-header[b-7om1rufxxq] {
    text-align: center;
    margin-bottom: 3rem;
}

    .categories-header h2[b-7om1rufxxq] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2.25rem;
        margin-bottom: 0.75rem;
    }

.categories-subtitle[b-7om1rufxxq] {
    font-size: 1.125rem;
    color: var(--text-muted);
    margin: 0;
}

.services-grid[b-7om1rufxxq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.category-card[b-7om1rufxxq] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

    .category-card:hover[b-7om1rufxxq] {
        transform: translateY(-8px);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
    }

.category-image[b-7om1rufxxq] {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

    .category-image img[b-7om1rufxxq] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

.category-card:hover .category-image img[b-7om1rufxxq] {
    transform: scale(1.05);
}

.category-content[b-7om1rufxxq] {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

    .category-content h3[b-7om1rufxxq] {
        color: var(--primary-navy);
        font-weight: 600;
        font-size: 1.1rem;
        margin-bottom: 0.75rem;
    }

.service-desc[b-7om1rufxxq] {
    color: var(--text-muted);
    flex-grow: 1;
    margin-bottom: 1rem;
    font-size: 0.95rem;
}

.service-btn[b-7om1rufxxq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    align-self: flex-start;
    padding: 0.5rem 1.25rem;
    border: 2px solid var(--primary-navy);
    border-radius: 6px;
    color: var(--primary-navy);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

    .service-btn:hover[b-7om1rufxxq] {
        background-color: var(--primary-navy);
        color: white;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 1024px) {
    .services-grid[b-7om1rufxxq] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .services-grid[b-7om1rufxxq] {
        grid-template-columns: 1fr;
    }

    .categories-header h2[b-7om1rufxxq] {
        font-size: 1.75rem;
    }
}

/* #endregion */
/* /Components/Pages/Mainpage/StatsSection.razor.rz.scp.css */
/* #region Stats Section */

.stats-section[b-lp8p52dhbj] {
    background-color: var(--primary-navy);
    padding: 4rem 0;
}

.stats-inner[b-lp8p52dhbj] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.stats-grid[b-lp8p52dhbj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    text-align: center;
}

.stat-card[b-lp8p52dhbj] {
    padding: 1rem;
}

.stat-number[b-lp8p52dhbj] {
    font-size: 3rem;
    font-weight: 700;
    color: var(--primary-orange);
    margin-bottom: 0.5rem;
}

.stat-label[b-lp8p52dhbj] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 640px) {
    .stats-grid[b-lp8p52dhbj] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .stat-number[b-lp8p52dhbj] {
        font-size: 2.25rem;
    }
}

/* #endregion */
/* /Components/Pages/Mainpage/TargetSectorsListSection.razor.rz.scp.css */
/* #region Industries Section */

.industries-section[b-su3j2qtghw] {
    background-color: var(--bg-light);
    padding: 4rem 0;
}

.industries-inner[b-su3j2qtghw] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.industries-header[b-su3j2qtghw] {
    text-align: center;
    margin-bottom: 3rem;
}

    .industries-header h2[b-su3j2qtghw] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2.25rem;
        margin-bottom: 0.75rem;
    }

.industries-subtitle[b-su3j2qtghw] {
    font-size: 1.125rem;
    color: var(--text-muted);
    margin: 0;
}

.industries-grid[b-su3j2qtghw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.industry-card[b-su3j2qtghw] {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .industry-card:hover[b-su3j2qtghw] {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    }

.industry-icon[b-su3j2qtghw] {
    font-size: 3rem;
    color: var(--primary-navy);
    margin-bottom: 1rem;
    display: block;
}

.industry-card h4[b-su3j2qtghw] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.industry-desc[b-su3j2qtghw] {
    color: var(--text-muted);
    font-size: 0.95rem;
    margin: 0;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 1024px) {
    .industries-grid[b-su3j2qtghw] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .industries-grid[b-su3j2qtghw] {
        grid-template-columns: 1fr;
    }

    .industries-header h2[b-su3j2qtghw] {
        font-size: 1.75rem;
    }
}

/* #endregion */
/* /Components/Pages/Mainpage/VideoSection.razor.rz.scp.css */
/* #region Video Section */

.career-video-section[b-u7x64m058s] {
    background-color: var(--white);
    padding: 4rem 0;
}

.video-inner[b-u7x64m058s] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.video-content[b-u7x64m058s] {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.video-col-left[b-u7x64m058s] {
    flex: 1;
    min-width: 0;
}

.video-col-right[b-u7x64m058s] {
    flex: 1;
    min-width: 0;
}

.video-wrapper[b-u7x64m058s] {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(12, 38, 63, 0.08);
}

    .video-wrapper video[b-u7x64m058s] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        object-fit: cover;
    }

.video-col-right h2[b-u7x64m058s] {
    color: var(--primary-navy);
    font-weight: 700;
    margin-bottom: 0.75rem;
    font-size: 1.75rem;
}

.video-intro[b-u7x64m058s] {
    color: var(--text-muted);
    font-size: 1.05rem;
    line-height: 1.7;
    margin-bottom: 0.75rem;
}

.video-desc[b-u7x64m058s] {
    color: var(--text-muted);
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
}

    .video-desc a[b-u7x64m058s] {
        color: var(--primary-navy);
        text-decoration: underline;
    }

.video-btn[b-u7x64m058s] {
    display: inline-block;
    padding: 0.75rem 1.75rem;
    background-color: var(--primary-navy);
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .video-btn:hover[b-u7x64m058s] {
        background-color: #0f1a2e;
        transform: translateY(-2px);
        color: white;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .video-content[b-u7x64m058s] {
        flex-direction: column;
        gap: 2rem;
    }

    .video-col-left[b-u7x64m058s],
    .video-col-right[b-u7x64m058s] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .career-video-section[b-u7x64m058s] {
        padding: 2.5rem 0;
    }

    .video-col-right h2[b-u7x64m058s] {
        font-size: 1.4rem;
    }
}

/* #endregion */
/* /Components/Pages/News/FeaturedSection.razor.rz.scp.css */
/* #region Layout */

.featured-section[b-q99jsx2w4u] {
    padding: 5rem 0;
    background-color: var(--bg-light);
}

.featured-inner[b-q99jsx2w4u] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.featured-layout[b-q99jsx2w4u] {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.featured-main[b-q99jsx2w4u] {
    flex: 2;
    min-width: 0;
}

.featured-sidebar[b-q99jsx2w4u] {
    flex: 1;
    min-width: 0;
}

/* #endregion */

/* #region Featured Card */

.featured-card[b-q99jsx2w4u] {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.featured-image[b-q99jsx2w4u] {
    position: relative;
    overflow: hidden;
    height: 400px;
}

    .featured-image img[b-q99jsx2w4u] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

.featured-card:hover .featured-image img[b-q99jsx2w4u] {
    transform: scale(1.05);
}

.badge-featured[b-q99jsx2w4u] {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: var(--primary-orange);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.875rem;
}

.featured-content[b-q99jsx2w4u] {
    padding: 2rem;
}

/* #endregion */

/* #region Featured Meta */

.featured-meta[b-q99jsx2w4u] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.featured-type[b-q99jsx2w4u] {
    background-color: var(--primary-navy);
    color: white;
    padding: 0.35rem 0.85rem;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
}

.featured-date[b-q99jsx2w4u],
.featured-readtime[b-q99jsx2w4u] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.875rem;
    color: var(--text-muted);
}

/* #endregion */

/* #region Featured Content */

.featured-content h2[b-q99jsx2w4u] {
    color: var(--primary-navy);
    font-weight: 700;
    margin-bottom: 1rem;
    font-size: 1.75rem;
    line-height: 1.3;
}

.featured-intro[b-q99jsx2w4u] {
    font-size: 1.05rem;
    line-height: 1.75;
    color: var(--text-muted);
    margin-bottom: 1.5rem;
}

.featured-btn[b-q99jsx2w4u] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--primary-navy);
    color: white;
    text-decoration: none;
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    font-weight: 600;
    transition: background-color 0.2s ease;
}

    .featured-btn:hover[b-q99jsx2w4u] {
        background-color: #0f1a2e;
        color: white;
    }

/* #endregion */

/* #region Trending */

.trending-news[b-q99jsx2w4u] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

    .trending-news h4[b-q99jsx2w4u] {
        color: var(--primary-navy);
        font-weight: 700;
        margin-bottom: 1.25rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

.trending-link[b-q99jsx2w4u] {
    text-decoration: none;
    display: block;
}

.trending-item[b-q99jsx2w4u] {
    display: flex;
    align-items: flex-start;
    padding: 1rem 0;
    border-bottom: 1px solid #e2e8f0;
}

    .trending-item:last-child[b-q99jsx2w4u] {
        border-bottom: none;
    }

.trending-number[b-q99jsx2w4u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: var(--primary-orange);
    color: white;
    border-radius: 8px;
    font-weight: 700;
    flex-shrink: 0;
    margin-right: 1rem;
}

.trending-content h6[b-q99jsx2w4u] {
    font-size: 0.95rem;
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.25rem;
    line-height: 1.4;
    margin: 0;
}

.trending-date[b-q99jsx2w4u] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .featured-layout[b-q99jsx2w4u] {
        flex-direction: column;
    }

    .featured-main[b-q99jsx2w4u],
    .featured-sidebar[b-q99jsx2w4u] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .featured-section[b-q99jsx2w4u] {
        padding: 3rem 0;
    }

    .featured-image[b-q99jsx2w4u] {
        height: 250px;
    }

    .featured-content[b-q99jsx2w4u] {
        padding: 1.5rem;
    }

        .featured-content h2[b-q99jsx2w4u] {
            font-size: 1.4rem;
        }
}

/* #endregion */
/* /Components/Pages/News/HeroSection.razor.rz.scp.css */
/* #region Layout */

.hero-inner[b-52dvpyidg8] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.hero-content[b-52dvpyidg8] {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.hero-text[b-52dvpyidg8] {
    flex: 1;
    min-width: 0;
}

.hero-images[b-52dvpyidg8] {
    flex: 1;
    min-width: 0;
}

.hero-btn[b-52dvpyidg8] {
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.hero-buttons-light[b-52dvpyidg8],
.hero-buttons-dark[b-52dvpyidg8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

/* #endregion */

/* #region LIGHT */

.hero-section-light[b-52dvpyidg8] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

    .hero-section-light h1[b-52dvpyidg8] {
        color: var(--primary-navy);
        font-weight: 700;
        line-height: 1.2;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-section-light .hero-subtitle[b-52dvpyidg8] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: var(--text-muted);
        margin-bottom: 0;
    }

    .hero-section-light .hero-btn-primary[b-52dvpyidg8] {
        background-color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-light .hero-btn-primary:hover[b-52dvpyidg8] {
            background-color: #0f1a2e;
            border-color: #0f1a2e;
        }

    .hero-section-light .hero-btn-secondary[b-52dvpyidg8] {
        color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        background: transparent;
        padding: 0.75rem 2rem;
    }

        .hero-section-light .hero-btn-secondary:hover[b-52dvpyidg8] {
            background-color: var(--primary-navy);
            color: white;
        }

    .hero-section-light img[b-52dvpyidg8] {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 8px;
    }

/* #endregion */

/* #region DARK */

.hero-section-dark[b-52dvpyidg8] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #0f1a2e 0%, var(--primary-navy) 100%);
}

    .hero-section-dark h1[b-52dvpyidg8] {
        color: white;
        font-weight: 700;
        line-height: 1.2;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-section-dark .hero-subtitle[b-52dvpyidg8] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 0;
    }

    .hero-section-dark .hero-btn-primary[b-52dvpyidg8] {
        background-color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-dark .hero-btn-primary:hover[b-52dvpyidg8] {
            background-color: #0f1a2e;
            border-color: #0f1a2e;
        }

    .hero-section-dark .hero-btn-secondary[b-52dvpyidg8] {
        background-color: var(--primary-orange);
        border: 2px solid var(--primary-orange);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-dark .hero-btn-secondary:hover[b-52dvpyidg8] {
            background-color: #cc6600;
            border-color: #cc6600;
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(255, 127, 0, 0.3);
        }

    .hero-section-dark img[b-52dvpyidg8] {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 8px;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .hero-content[b-52dvpyidg8] {
        flex-direction: column;
        gap: 2rem;
    }

    .hero-text[b-52dvpyidg8],
    .hero-images[b-52dvpyidg8] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .hero-section-light[b-52dvpyidg8],
    .hero-section-dark[b-52dvpyidg8] {
        padding: 5rem 0 3rem 0;
    }

    .hero-section-light h1[b-52dvpyidg8],
    .hero-section-dark h1[b-52dvpyidg8] {
        font-size: 2rem;
    }

    .hero-section-light img[b-52dvpyidg8],
    .hero-section-dark img[b-52dvpyidg8] {
        height: 200px;
    }
}

/* #endregion */
/* /Components/Pages/News/Main.razor.rz.scp.css */
/* /Components/Pages/News/NewsListSection.razor.rz.scp.css */
/* #region Layout */

.news-section[b-4h6tnpaw71] {
    padding: 5rem 0;
}

.news-inner[b-4h6tnpaw71] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.news-section-header[b-4h6tnpaw71] {
    margin-bottom: 2rem;
}

    .news-section-header h3[b-4h6tnpaw71] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 1.75rem;
    }

.news-grid[b-4h6tnpaw71] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

/* #endregion */

/* #region News Card */

.news-card[b-4h6tnpaw71] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

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

.news-image[b-4h6tnpaw71] {
    position: relative;
    overflow: hidden;
    height: 220px;
}

    .news-image img[b-4h6tnpaw71] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s ease;
    }

.news-card:hover .news-image img[b-4h6tnpaw71] {
    transform: scale(1.1);
}

.badge-category[b-4h6tnpaw71] {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: var(--primary-orange);
    color: white;
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* #endregion */

/* #region News Content */

.news-content[b-4h6tnpaw71] {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.news-meta[b-4h6tnpaw71] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    font-size: 0.85rem;
    color: var(--text-muted);
}

    .news-meta span[b-4h6tnpaw71] {
        display: flex;
        align-items: center;
        gap: 0.35rem;
    }

.news-content h5[b-4h6tnpaw71] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.75rem;
    line-height: 1.4;
    font-size: 1.05rem;
}

.news-content p[b-4h6tnpaw71] {
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1.6;
    flex-grow: 1;
    margin-bottom: 1rem;
}

.read-more[b-4h6tnpaw71] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--primary-navy);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
    align-self: flex-start;
}

    .read-more:hover[b-4h6tnpaw71] {
        color: var(--primary-orange);
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .news-grid[b-4h6tnpaw71] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .news-section[b-4h6tnpaw71] {
        padding: 3rem 0;
    }

    .news-grid[b-4h6tnpaw71] {
        grid-template-columns: 1fr;
    }
}

/* #endregion */
/* /Components/Pages/OurAreasOfExpertise/CertificatesSection.razor.rz.scp.css */
.certifications-section[b-ye7fzq8210] {
    padding: 5rem 0;
}

.cert-inner[b-ye7fzq8210] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-ye7fzq8210] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-ye7fzq8210] {
        color: var(--primary-navy);
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .section-header p[b-ye7fzq8210] {
        color: var(--text-muted);
        font-size: 1.125rem;
    }

.cert-grid[b-ye7fzq8210] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.cert-card[b-ye7fzq8210] {
    text-align: center;
    padding: 2rem 1rem;
    background: white;
    border-radius: 12px;
    border: 2px solid #e2e8f0;
    transition: all 0.3s ease;
}

    .cert-card:hover[b-ye7fzq8210] {
        transform: translateY(-5px);
        border-color: var(--primary-orange);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    }

.cert-icon[b-ye7fzq8210] {
    font-size: 3rem;
    color: var(--primary-orange);
    display: block;
    margin-bottom: 1rem;
}

.cert-card h3[b-ye7fzq8210] {
    color: var(--primary-navy);
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.cert-card p[b-ye7fzq8210] {
    color: var(--text-muted);
    font-size: 0.9rem;
    margin: 0;
}

@media (max-width: 991px) {
    .cert-grid[b-ye7fzq8210] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .cert-grid[b-ye7fzq8210] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .cert-grid[b-ye7fzq8210] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/OurAreasOfExpertise/HeroSection.razor.rz.scp.css */
.hero-section-dark[b-tj5z4smqvn] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #0f1a2e 0%, var(--primary-navy) 100%);
}

.hero-inner[b-tj5z4smqvn] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    gap: 3rem;
}

.hero-text-col[b-tj5z4smqvn] {
    flex: 1;
}

.hero-section-dark h1[b-tj5z4smqvn] {
    color: white;
    font-weight: 700;
    line-height: 1.2;
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

.hero-section-dark p[b-tj5z4smqvn] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 2rem;
}

.hero-buttons[b-tj5z4smqvn] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.hero-btn-primary[b-tj5z4smqvn] {
    display: inline-block;
    padding: 0.75rem 2rem;
    background-color: var(--primary-orange);
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .hero-btn-primary:hover[b-tj5z4smqvn] {
        background-color: #cc6600;
        transform: translateY(-2px);
        color: white;
    }

.hero-btn-secondary[b-tj5z4smqvn] {
    display: inline-block;
    padding: 0.75rem 2rem;
    border: 2px solid white;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .hero-btn-secondary:hover[b-tj5z4smqvn] {
        background-color: white;
        color: var(--primary-navy);
    }

.hero-image-col[b-tj5z4smqvn] {
    flex: 1;
}

.hero-image-stack[b-tj5z4smqvn] {
    display: grid;
    grid-template-areas: 'stack';
    align-items: center;
}

    .hero-image-stack img[b-tj5z4smqvn] {
        grid-area: stack;
        width: 100%;
        border-radius: 12px;
        transition: opacity 1s ease-in-out;
        object-fit: cover;
        height: 380px;
    }

@media (max-width: 991px) {
    .hero-inner[b-tj5z4smqvn] {
        flex-direction: column;
    }

    .hero-image-col[b-tj5z4smqvn] {
        width: 100%;
    }

    .hero-image-stack img[b-tj5z4smqvn] {
        height: 280px;
    }
}

@media (max-width: 768px) {
    .hero-section-dark[b-tj5z4smqvn] {
        padding: 6rem 0 3rem 0;
    }

    .hero-section-dark h1[b-tj5z4smqvn] {
        font-size: 2rem;
    }

    .hero-image-stack img[b-tj5z4smqvn] {
        height: 220px;
    }
}

@media (max-width: 480px) {
    .hero-buttons[b-tj5z4smqvn] {
        flex-direction: column;
    }
}
/* /Components/Pages/OurAreasOfExpertise/IndustriesSection.razor.rz.scp.css */
.industries-served-section[b-9lasduo3d6] {
    padding: 5rem 0;
}

.industries-inner[b-9lasduo3d6] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-9lasduo3d6] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-9lasduo3d6] {
        color: var(--primary-navy);
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .section-header p[b-9lasduo3d6] {
        color: var(--text-muted);
        font-size: 1.125rem;
    }

.industries-grid[b-9lasduo3d6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.industry-badge[b-9lasduo3d6] {
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.5rem 1rem;
    text-align: center;
    transition: all 0.3s ease;
}

    .industry-badge:hover[b-9lasduo3d6] {
        border-color: var(--primary-orange);
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    }

    .industry-badge i[b-9lasduo3d6] {
        font-size: 2.5rem;
        color: var(--primary-navy);
        display: block;
        margin-bottom: 1rem;
    }

    .industry-badge span[b-9lasduo3d6] {
        color: var(--primary-navy);
        font-weight: 600;
        font-size: 1rem;
    }

@media (max-width: 768px) {
    .industries-grid[b-9lasduo3d6] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .industries-grid[b-9lasduo3d6] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/OurAreasOfExpertise/Main.razor.rz.scp.css */
/* Main.razor renders no HTML directly — styles live in sub-component CSS files */
/* /Components/Pages/OurAreasOfExpertise/TechnologiesSection.razor.rz.scp.css */
.technologies-section[b-xn10ibfbgc] {
    padding: 5rem 0;
    background-color: #f8fafc;
}

.tech-inner[b-xn10ibfbgc] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-xn10ibfbgc] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-xn10ibfbgc] {
        color: var(--primary-navy);
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .section-header p[b-xn10ibfbgc] {
        color: var(--text-muted);
        font-size: 1.125rem;
    }

.tech-grid[b-xn10ibfbgc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.tech-card[b-xn10ibfbgc] {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

    .tech-card:hover[b-xn10ibfbgc] {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        border-color: var(--primary-orange);
    }

.tech-icon[b-xn10ibfbgc] {
    font-size: 3rem;
    color: var(--primary-orange);
    display: block;
    margin-bottom: 1rem;
}

.tech-card h4[b-xn10ibfbgc] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .tech-grid[b-xn10ibfbgc] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .tech-grid[b-xn10ibfbgc] {
        grid-template-columns: 1fr;
    }

    .tech-icon[b-xn10ibfbgc] {
        font-size: 2rem;
    }
}
/* /Components/Pages/OurPartners/BenefitsSection.razor.rz.scp.css */
/* #region Layout */

.benefits-section[b-c5lic1ndd4] {
    padding: 5rem 0;
    background-color: var(--bg-light);
}

.benefits-inner[b-c5lic1ndd4] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.benefits-header[b-c5lic1ndd4] {
    text-align: center;
    margin-bottom: 3rem;
}

    .benefits-header h2[b-c5lic1ndd4] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2rem;
        margin-bottom: 0.75rem;
    }

.benefits-subtitle[b-c5lic1ndd4] {
    font-size: 1.05rem;
    color: var(--text-muted);
    margin: 0;
}

.benefits-grid[b-c5lic1ndd4] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

/* #endregion */

/* #region Benefit Card */

.benefit-card[b-c5lic1ndd4] {
    padding: 2rem 1.5rem;
    text-align: center;
    transition: transform 0.3s ease;
}

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

.benefit-icon[b-c5lic1ndd4] {
    font-size: 3rem;
    color: var(--primary-orange);
    margin-bottom: 1rem;
}

.benefit-card h4[b-c5lic1ndd4] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
}

.benefit-card p[b-c5lic1ndd4] {
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .benefits-grid[b-c5lic1ndd4] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .benefits-section[b-c5lic1ndd4] {
        padding: 3rem 0;
    }

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

/* #endregion */
/* /Components/Pages/OurPartners/HeroSection.razor.rz.scp.css */
/* #region Layout */

.hero-inner[b-7kx3kcw1ac] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.hero-content[b-7kx3kcw1ac] {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.hero-text[b-7kx3kcw1ac] {
    flex: 1;
    min-width: 0;
}

.hero-images[b-7kx3kcw1ac] {
    flex: 1;
    min-width: 0;
}

.hero-btn[b-7kx3kcw1ac] {
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.hero-buttons-light[b-7kx3kcw1ac],
.hero-buttons-dark[b-7kx3kcw1ac] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

/* #endregion */

/* #region LIGHT */

.hero-section-light[b-7kx3kcw1ac] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

    .hero-section-light h1[b-7kx3kcw1ac] {
        color: var(--primary-navy);
        font-weight: 700;
        line-height: 1.2;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-section-light .hero-subtitle[b-7kx3kcw1ac] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: var(--text-muted);
        margin-bottom: 0;
    }

    .hero-section-light .hero-btn-primary[b-7kx3kcw1ac] {
        background-color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-light .hero-btn-primary:hover[b-7kx3kcw1ac] {
            background-color: #0f1a2e;
            border-color: #0f1a2e;
        }

    .hero-section-light .hero-btn-secondary[b-7kx3kcw1ac] {
        color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        background: transparent;
        padding: 0.75rem 2rem;
    }

        .hero-section-light .hero-btn-secondary:hover[b-7kx3kcw1ac] {
            background-color: var(--primary-navy);
            color: white;
        }

    .hero-section-light img[b-7kx3kcw1ac] {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 8px;
    }

/* #endregion */

/* #region DARK */

.hero-section-dark[b-7kx3kcw1ac] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #0f1a2e 0%, var(--primary-navy) 100%);
}

    .hero-section-dark h1[b-7kx3kcw1ac] {
        color: white;
        font-weight: 700;
        line-height: 1.2;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-section-dark .hero-subtitle[b-7kx3kcw1ac] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 0;
    }

    .hero-section-dark .hero-btn-primary[b-7kx3kcw1ac] {
        background-color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-dark .hero-btn-primary:hover[b-7kx3kcw1ac] {
            background-color: #0f1a2e;
            border-color: #0f1a2e;
        }

    .hero-section-dark .hero-btn-secondary[b-7kx3kcw1ac] {
        background-color: var(--primary-orange);
        border: 2px solid var(--primary-orange);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-dark .hero-btn-secondary:hover[b-7kx3kcw1ac] {
            background-color: #cc6600;
            border-color: #cc6600;
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(255, 127, 0, 0.3);
        }

    .hero-section-dark img[b-7kx3kcw1ac] {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 8px;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .hero-content[b-7kx3kcw1ac] {
        flex-direction: column;
        gap: 2rem;
    }

    .hero-text[b-7kx3kcw1ac],
    .hero-images[b-7kx3kcw1ac] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .hero-section-light[b-7kx3kcw1ac],
    .hero-section-dark[b-7kx3kcw1ac] {
        padding: 5rem 0 3rem 0;
    }

    .hero-section-light h1[b-7kx3kcw1ac],
    .hero-section-dark h1[b-7kx3kcw1ac] {
        font-size: 2rem;
    }

    .hero-section-light img[b-7kx3kcw1ac],
    .hero-section-dark img[b-7kx3kcw1ac] {
        height: 200px;
    }
}

/* #endregion */
/* /Components/Pages/OurPartners/Main.razor.rz.scp.css */
/* /Components/Pages/OurPartners/PartnerListSection.razor.rz.scp.css */
/* #region Layout */

.all-partners[b-rzimgfzjxy] {
    padding: 5rem 0;
    background-color: var(--white);
}

.all-partners-inner[b-rzimgfzjxy] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.all-partners-header[b-rzimgfzjxy] {
    text-align: center;
    margin-bottom: 3rem;
}

    .all-partners-header h2[b-rzimgfzjxy] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2rem;
    }

.all-partners-grid[b-rzimgfzjxy] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

/* #endregion */

/* #region Partner Link */

.partner-link[b-rzimgfzjxy] {
    text-decoration: none;
    display: block;
}

/* #endregion */

/* #region Partner Card */

.partner-card[b-rzimgfzjxy] {
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 2rem;
    transition: all 0.3s ease;
    height: 100%;
    position: relative;
}

    .partner-card:hover[b-rzimgfzjxy] {
        transform: translateY(-8px);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
    }

.partner-logo[b-rzimgfzjxy] {
    text-align: center;
    margin-bottom: 1.5rem;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .partner-logo img[b-rzimgfzjxy] {
        max-width: 100%;
        max-height: 80px;
        object-fit: contain;
    }

.partner-card h5[b-rzimgfzjxy] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.75rem;
    font-size: 1rem;
}

.partner-location[b-rzimgfzjxy],
.partner-category[b-rzimgfzjxy] {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

    .partner-location i[b-rzimgfzjxy],
    .partner-category i[b-rzimgfzjxy] {
        color: var(--primary-orange);
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 1100px) {
    .all-partners-grid[b-rzimgfzjxy] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .all-partners[b-rzimgfzjxy] {
        padding: 3rem 0;
    }

    .all-partners-grid[b-rzimgfzjxy] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .all-partners-grid[b-rzimgfzjxy] {
        grid-template-columns: 1fr;
    }
}

/* #endregion */
/* /Components/Pages/OurPartners/StrategicPartnerListSection.razor.rz.scp.css */
/* #region Layout */

.strategic-partners[b-jhauuj5gq6] {
    padding: 5rem 0;
    background-color: var(--bg-light);
}

.strategic-inner[b-jhauuj5gq6] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.strategic-header[b-jhauuj5gq6] {
    text-align: center;
    margin-bottom: 3rem;
}

    .strategic-header h2[b-jhauuj5gq6] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2rem;
        margin-bottom: 0.75rem;
    }

.strategic-subtitle[b-jhauuj5gq6] {
    font-size: 1.05rem;
    color: var(--text-muted);
    margin: 0;
}

.strategic-grid[b-jhauuj5gq6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

/* #endregion */

/* #region Partner Link */

.partner-link[b-jhauuj5gq6] {
    text-decoration: none;
    display: block;
}

/* #endregion */

/* #region Partner Card */

.partner-card[b-jhauuj5gq6] {
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 2rem;
    transition: all 0.3s ease;
    height: 100%;
    position: relative;
}

    .partner-card.strategic[b-jhauuj5gq6] {
        border-color: var(--primary-orange);
        background: linear-gradient(to bottom, #fff5e6 0%, white 100%);
    }

    .partner-card:hover[b-jhauuj5gq6] {
        transform: translateY(-8px);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
    }

.partner-badge[b-jhauuj5gq6] {
    position: absolute;
    top: -12px;
    right: 20px;
    background: var(--primary-orange);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 600;
}

.partner-logo[b-jhauuj5gq6] {
    text-align: center;
    margin-bottom: 1.5rem;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .partner-logo img[b-jhauuj5gq6] {
        max-width: 100%;
        max-height: 80px;
        object-fit: contain;
    }

.partner-card h4[b-jhauuj5gq6] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 1rem;
}

.partner-location[b-jhauuj5gq6],
.partner-category[b-jhauuj5gq6] {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

    .partner-location i[b-jhauuj5gq6],
    .partner-category i[b-jhauuj5gq6] {
        color: var(--primary-orange);
    }

.partner-intro[b-jhauuj5gq6] {
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 0;
}

.partner-duration[b-jhauuj5gq6] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
    color: var(--text-muted);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

    .partner-duration i[b-jhauuj5gq6] {
        color: var(--primary-orange);
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .strategic-grid[b-jhauuj5gq6] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .strategic-partners[b-jhauuj5gq6] {
        padding: 3rem 0;
    }

    .strategic-grid[b-jhauuj5gq6] {
        grid-template-columns: 1fr;
    }
}

/* #endregion */
/* /Components/Pages/OurPartners/ValuesSection.razor.rz.scp.css */
/* #region Layout */

.values-section[b-07fj8vmc39] {
    padding: 5rem 0;
    background-color: var(--white);
}

.values-inner[b-07fj8vmc39] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.values-header[b-07fj8vmc39] {
    text-align: center;
    margin-bottom: 3rem;
}

    .values-header h2[b-07fj8vmc39] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2rem;
        margin-bottom: 0.75rem;
    }

.values-subtitle[b-07fj8vmc39] {
    font-size: 1.05rem;
    color: var(--text-muted);
    margin: 0;
}

.values-grid[b-07fj8vmc39] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

/* #endregion */

/* #region Value Card */

.value-card[b-07fj8vmc39] {
    padding: 2rem 1rem;
    text-align: center;
    transition: transform 0.3s ease;
    height: 100%;
}

    .value-card:hover[b-07fj8vmc39] {
        transform: translateY(-5px);
    }

.value-icon[b-07fj8vmc39] {
    font-size: 3rem;
    color: var(--primary-orange);
    margin-bottom: 1rem;
}

.value-card h5[b-07fj8vmc39] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.value-card p[b-07fj8vmc39] {
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .values-grid[b-07fj8vmc39] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .values-section[b-07fj8vmc39] {
        padding: 3rem 0;
    }

    .values-grid[b-07fj8vmc39] {
        grid-template-columns: 1fr;
    }
}

/* #endregion */
/* /Components/Pages/Partner/AboutPartnerSection.razor.rz.scp.css */
.about-partner[b-h2h2w3fqwb] {
    padding: 5rem 0;
}

.about-inner[b-h2h2w3fqwb] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.about-layout[b-h2h2w3fqwb] {
    display: flex;
    gap: 2.5rem;
    align-items: flex-start;
}

.about-main-col[b-h2h2w3fqwb] {
    flex: 2;
}

    .about-main-col h2[b-h2h2w3fqwb] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 1.75rem;
        margin-bottom: 1.5rem;
    }

.about-sidebar-col[b-h2h2w3fqwb] {
    flex: 0 0 300px;
}

.sidebar-card[b-h2h2w3fqwb] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 100px;
}

    .sidebar-card h5[b-h2h2w3fqwb] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 1.1rem;
        margin-bottom: 1.25rem;
    }

    .sidebar-card h6[b-h2h2w3fqwb] {
        color: var(--primary-navy);
        font-weight: 700;
        margin-bottom: 0.75rem;
    }

    .sidebar-card ul[b-h2h2w3fqwb] {
        list-style: none;
        padding: 0;
        margin: 0 0 0.5rem 0;
    }

    .sidebar-card li[b-h2h2w3fqwb] {
        margin-bottom: 1rem;
    }

    .sidebar-card li strong[b-h2h2w3fqwb] {
        display: block;
        color: var(--primary-navy);
        font-size: 0.875rem;
        margin-bottom: 0.2rem;
    }

    .sidebar-card li span[b-h2h2w3fqwb] {
        color: var(--text-muted);
        font-size: 0.9rem;
    }

    .sidebar-card hr[b-h2h2w3fqwb] {
        margin: 1.25rem 0;
        border-color: #e2e8f0;
    }

.social-links[b-h2h2w3fqwb] {
    display: flex;
    gap: 0.5rem;
}

.social-btn[b-h2h2w3fqwb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 2px solid var(--primary-navy);
    color: var(--primary-navy);
    border-radius: 6px;
    text-decoration: none;
    font-size: 1rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .social-btn:hover[b-h2h2w3fqwb] {
        background-color: var(--primary-navy);
        color: white;
    }

@media (max-width: 991px) {
    .about-layout[b-h2h2w3fqwb] {
        flex-direction: column;
    }

    .about-sidebar-col[b-h2h2w3fqwb] {
        flex: none;
        width: 100%;
    }

    .sidebar-card[b-h2h2w3fqwb] {
        position: static;
    }
}
/* /Components/Pages/Partner/Main.razor.rz.scp.css */
/* /Components/Pages/Partner/PartnerHeaderSection.razor.rz.scp.css */
.partner-header[b-x5znb7wx21] {
    padding: 8rem 0 3rem 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

.partner-header-inner[b-x5znb7wx21] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.partner-logo-col[b-x5znb7wx21] {
    flex: 0 0 200px;
}

.partner-logo-large[b-x5znb7wx21] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .partner-logo-large img[b-x5znb7wx21] {
        max-width: 100%;
        height: auto;
    }

.partner-info-col[b-x5znb7wx21] {
    flex: 1;
}

.partner-badges[b-x5znb7wx21] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.badge-strategic[b-x5znb7wx21] {
    display: inline-block;
    padding: 0.35rem 0.9rem;
    background-color: var(--primary-navy);
    color: white;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
}

.badge-category[b-x5znb7wx21] {
    display: inline-block;
    padding: 0.35rem 0.9rem;
    background-color: #6c757d;
    color: white;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
}

.partner-header h1[b-x5znb7wx21] {
    color: var(--primary-navy);
    font-weight: 700;
    font-size: 2.25rem;
    margin-bottom: 0.75rem;
}

.partner-header p[b-x5znb7wx21] {
    color: var(--text-muted);
    font-size: 1.05rem;
    line-height: 1.7;
    margin-bottom: 1rem;
}

.partner-meta[b-x5znb7wx21] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    font-size: 0.95rem;
    color: var(--text-muted);
}

    .partner-meta i[b-x5znb7wx21] {
        color: var(--primary-navy);
        margin-right: 0.25rem;
    }

    .partner-meta a[b-x5znb7wx21] {
        color: var(--text-muted);
        text-decoration: none;
        transition: color 0.2s ease;
    }

        .partner-meta a:hover[b-x5znb7wx21] {
            color: var(--primary-orange);
        }

.partner-action-col[b-x5znb7wx21] {
    flex: 0 0 auto;
}

.partner-btn-products[b-x5znb7wx21] {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border: 2px solid var(--primary-navy);
    color: var(--primary-navy);
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .partner-btn-products:hover[b-x5znb7wx21] {
        background-color: var(--primary-navy);
        color: white;
    }

@media (max-width: 991px) {
    .partner-header-inner[b-x5znb7wx21] {
        flex-wrap: wrap;
    }

    .partner-action-col[b-x5znb7wx21] {
        width: 100%;
    }

    .partner-btn-products[b-x5znb7wx21] {
        width: 100%;
        text-align: center;
        display: block;
    }
}

@media (max-width: 768px) {
    .partner-header[b-x5znb7wx21] {
        padding: 7rem 0 2.5rem 0;
    }

    .partner-header-inner[b-x5znb7wx21] {
        flex-direction: column;
    }

    .partner-logo-col[b-x5znb7wx21] {
        flex: none;
        width: 100%;
    }

    .partner-header h1[b-x5znb7wx21] {
        font-size: 1.75rem;
    }
}
/* /Components/Pages/Partner/ProductListSection.razor.rz.scp.css */
.product-categories[b-8fgjebydro] {
    padding: 5rem 0;
    background-color: #f8fafc;
}

.products-inner[b-8fgjebydro] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-8fgjebydro] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-8fgjebydro] {
        color: var(--primary-navy);
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .section-header p[b-8fgjebydro] {
        color: var(--text-muted);
        font-size: 1.125rem;
    }

.products-grid[b-8fgjebydro] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.product-card-link[b-8fgjebydro] {
    text-decoration: none;
    display: block;
}

.product-category-card[b-8fgjebydro] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    height: 100%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .product-category-card:hover[b-8fgjebydro] {
        transform: translateY(-8px);
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    }

.category-icon[b-8fgjebydro] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}

    .category-icon img[b-8fgjebydro] {
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

.product-category-card h4[b-8fgjebydro] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--primary-navy);
    margin-bottom: 0.75rem;
}

.product-category-card p[b-8fgjebydro] {
    color: var(--text-muted);
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
}

.feature-list[b-8fgjebydro] {
    list-style: none;
    padding: 0;
    margin-top: 0.75rem;
}

    .feature-list li[b-8fgjebydro] {
        padding: 0.4rem 0;
        font-size: 0.9rem;
        color: var(--text-muted);
    }

    .feature-list i[b-8fgjebydro] {
        color: var(--primary-orange);
        margin-right: 0.5rem;
    }

@media (max-width: 991px) {
    .products-grid[b-8fgjebydro] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .products-grid[b-8fgjebydro] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Partner/RelatedPartnersSection.razor.rz.scp.css */
.related-partners[b-9xy65uxww5] {
    padding: 5rem 0;
    background-color: #f8fafc;
}

.related-inner[b-9xy65uxww5] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.section-header[b-9xy65uxww5] {
    text-align: center;
    margin-bottom: 3rem;
}

    .section-header h2[b-9xy65uxww5] {
        color: var(--primary-navy);
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .section-header p[b-9xy65uxww5] {
        color: var(--text-muted);
        font-size: 1.125rem;
    }

.related-grid[b-9xy65uxww5] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.related-partner-card[b-9xy65uxww5] {
    background: white;
    border-radius: 12px;
    padding: 1.75rem;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .related-partner-card:hover[b-9xy65uxww5] {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    }

.partner-logo[b-9xy65uxww5] {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

    .partner-logo img[b-9xy65uxww5] {
        max-height: 80px;
        max-width: 100%;
        object-fit: contain;
        border-radius: 8px;
    }

.related-partner-card h5[b-9xy65uxww5] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--primary-navy);
    margin-bottom: 0.4rem;
}

.related-partner-card p[b-9xy65uxww5] {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 1rem;
    flex: 1;
}

.partner-details-btn[b-9xy65uxww5] {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    border: 2px solid var(--primary-navy);
    color: var(--primary-navy);
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.9rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .partner-details-btn:hover[b-9xy65uxww5] {
        background-color: var(--primary-navy);
        color: white;
    }

@media (max-width: 768px) {
    .related-grid[b-9xy65uxww5] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .related-grid[b-9xy65uxww5] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/PKBSSContent/ArticleContentSection.razor.rz.scp.css */
.article-content[b-ed50y96vi8] {
    padding-bottom: 4rem;
}

.article-content-inner[b-ed50y96vi8] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.article-layout[b-ed50y96vi8] {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

/* Left Sidebar */
.article-sidebar-col[b-ed50y96vi8] {
    flex: 0 0 220px;
}

.article-sidebar[b-ed50y96vi8] {
    padding: 1.5rem;
    background-color: var(--bg-light);
    border-radius: 8px;
    position: sticky;
    top: 100px;
}

.sidebar-title[b-ed50y96vi8] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.table-of-contents[b-ed50y96vi8] {
    list-style: none;
    padding: 0;
}

    .table-of-contents li[b-ed50y96vi8] {
        margin-bottom: 0.75rem;
    }

    .table-of-contents a[b-ed50y96vi8] {
        color: var(--text-muted);
        text-decoration: none;
        font-size: 0.875rem;
        transition: color 0.3s ease;
        display: block;
        padding-left: 0.5rem;
        border-left: 2px solid transparent;
    }

        .table-of-contents a:hover[b-ed50y96vi8],
        .table-of-contents a.active[b-ed50y96vi8] {
            color: var(--primary-orange);
            border-left-color: var(--primary-orange);
        }

.tag-cloud[b-ed50y96vi8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tag-item[b-ed50y96vi8] {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    background-color: white;
    color: var(--text-muted);
    border-radius: 20px;
    font-size: 0.8rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid #e2e8f0;
}

    .tag-item:hover[b-ed50y96vi8] {
        background-color: var(--primary-orange);
        color: white;
        border-color: var(--primary-orange);
    }

/* Main Column */
.article-main-col[b-ed50y96vi8] {
    flex: 1;
    min-width: 0;
}

.article-body[b-ed50y96vi8] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-dark);
}

.article-intro[b-ed50y96vi8] {
    font-size: 1.375rem;
    line-height: 1.7;
    color: var(--text-muted);
    font-weight: 400;
}

.content-section[b-ed50y96vi8] {
    scroll-margin-top: 100px;
    margin-bottom: 3rem;
}

.article-body h2[b-ed50y96vi8] {
    color: var(--primary-navy);
    font-weight: 700;
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.article-body h3[b-ed50y96vi8] {
    color: var(--primary-navy);
    font-weight: 600;
    font-size: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.article-body h4[b-ed50y96vi8] {
    color: var(--primary-navy);
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}

.article-body img[b-ed50y96vi8] {
    border: 1px solid #e2e8f0;
}

.article-body ul[b-ed50y96vi8],
.article-body ol[b-ed50y96vi8] {
    margin-bottom: 1.5rem;
}

.article-body li[b-ed50y96vi8] {
    margin-bottom: 0.5rem;
}

.highlight-box[b-ed50y96vi8],
.info-box[b-ed50y96vi8] {
    padding: 1.5rem;
    border-radius: 8px;
    border-left: 4px solid var(--primary-orange);
    background-color: #fff7ed;
}

.info-box[b-ed50y96vi8] {
    background-color: #eff6ff;
    border-left-color: #3b82f6;
}

/* Benefits List */
.benefits-list[b-ed50y96vi8] {
    display: grid;
    gap: 1.5rem;
}

.benefit-item[b-ed50y96vi8] {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    background-color: var(--bg-light);
    border-radius: 8px;
    transition: transform 0.3s ease;
}

    .benefit-item:hover[b-ed50y96vi8] {
        transform: translateX(8px);
    }

.benefit-icon[b-ed50y96vi8] {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 8px;
    color: var(--primary-orange);
    font-size: 2rem;
}

.benefit-content h4[b-ed50y96vi8] {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.benefit-content p[b-ed50y96vi8] {
    margin-bottom: 0;
    color: var(--text-muted);
    font-size: 1rem;
}

/* Stats Grid */
.stats-grid[b-ed50y96vi8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1.5rem;
}

.stat-box[b-ed50y96vi8] {
    text-align: center;
    padding: 1.5rem;
    background-color: var(--bg-light);
    border-radius: 8px;
    border: 2px solid var(--primary-orange);
}

.stat-number[b-ed50y96vi8] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-orange);
    margin-bottom: 0.5rem;
}

.stat-label[b-ed50y96vi8] {
    font-size: 0.875rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Article Quote */
.article-quote[b-ed50y96vi8] {
    padding: 2rem;
    background-color: var(--primary-navy);
    color: white;
    border-radius: 8px;
    border-left: 4px solid var(--primary-orange);
    font-size: 1.25rem;
    font-style: italic;
}

    .article-quote p[b-ed50y96vi8] {
        margin-bottom: 1rem;
    }

    .article-quote footer[b-ed50y96vi8] {
        font-style: normal;
        font-size: 1rem;
        color: rgba(255, 255, 255, 0.8);
    }

/* Author Bio */
.author-bio[b-ed50y96vi8] {
    margin-top: 3rem;
    padding: 1.5rem;
    background-color: var(--bg-light);
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.author-bio-inner[b-ed50y96vi8] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.author-img[b-ed50y96vi8] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

    .author-bio h5[b-ed50y96vi8] {
        color: var(--primary-navy);
        font-weight: 600;
        margin-bottom: 0.25rem;
    }

.author-profession[b-ed50y96vi8] {
    color: var(--text-muted);
    margin-bottom: 0.5rem;
}

.author-social[b-ed50y96vi8] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.social-link[b-ed50y96vi8] {
    color: var(--primary-navy);
    font-size: 0.875rem;
    text-decoration: none;
    transition: color 0.3s ease;
}

    .social-link:hover[b-ed50y96vi8] {
        color: var(--primary-orange);
    }

/* Right Sidebar */
.article-sidebar-right-col[b-ed50y96vi8] {
    flex: 0 0 220px;
}

.article-sidebar-right[b-ed50y96vi8] {
    position: sticky;
    top: 100px;
}

.sidebar-widget[b-ed50y96vi8] {
    padding: 1.5rem;
    background-color: var(--bg-light);
    border-radius: 8px;
}

.widget-title[b-ed50y96vi8] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 1rem;
}

.popular-post[b-ed50y96vi8] {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
}

    .popular-post:last-child[b-ed50y96vi8] {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .popular-post a[b-ed50y96vi8] {
        color: var(--text-dark);
        text-decoration: none;
        transition: color 0.3s ease;
        display: block;
    }

        .popular-post a:hover[b-ed50y96vi8] {
            color: var(--primary-orange);
        }

    .popular-post h6[b-ed50y96vi8] {
        font-weight: 600;
        line-height: 1.4;
        margin-bottom: 0.25rem;
        font-size: 0.9rem;
    }

    .popular-post small[b-ed50y96vi8] {
        color: var(--text-muted);
        font-size: 0.8rem;
    }

@media (max-width: 992px) {
    .article-sidebar-col[b-ed50y96vi8],
    .article-sidebar-right-col[b-ed50y96vi8] {
        display: none;
    }

    .article-body[b-ed50y96vi8] {
        font-size: 1rem;
    }

    .article-intro[b-ed50y96vi8] {
        font-size: 1.125rem;
    }

    .article-body h2[b-ed50y96vi8] {
        font-size: 1.75rem;
    }

    .article-body h3[b-ed50y96vi8] {
        font-size: 1.375rem;
    }

    .stats-grid[b-ed50y96vi8] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .stats-grid[b-ed50y96vi8] {
        grid-template-columns: 1fr;
    }

    .benefit-item[b-ed50y96vi8] {
        flex-direction: column;
        text-align: center;
    }

    .author-bio-inner[b-ed50y96vi8] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .author-social[b-ed50y96vi8] {
        justify-content: center;
    }
}
/* /Components/Pages/PKBSSContent/ArticleHeaderSection.razor.rz.scp.css */
.article-header[b-jgpkgx4p6z] {
    padding: 8rem 0 2.5rem 0;
    background-color: var(--bg-light);
}

.article-header-inner[b-jgpkgx4p6z] {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.category-badge[b-jgpkgx4p6z] {
    margin-bottom: 1rem;
}

.category-badge-item[b-jgpkgx4p6z] {
    display: inline-block;
    padding: 0.4rem 1rem;
    background-color: var(--primary-orange);
    color: white;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 500;
}

.article-title[b-jgpkgx4p6z] {
    color: var(--primary-navy);
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 1.25rem;
}

.article-meta[b-jgpkgx4p6z] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-muted);
    margin-bottom: 1.25rem;
}

.author-image[b-jgpkgx4p6z] {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
}

.author-name[b-jgpkgx4p6z] {
    font-weight: 600;
    color: var(--text-dark);
}

.article-info[b-jgpkgx4p6z] {
    font-size: 0.875rem;
}

    .article-info i[b-jgpkgx4p6z] {
        margin-right: 0.2rem;
    }

.article-info-sep[b-jgpkgx4p6z] {
    margin: 0 0.4rem;
}

.article-share[b-jgpkgx4p6z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.share-label[b-jgpkgx4p6z] {
    font-size: 0.95rem;
    color: var(--text-muted);
}

.share-btn[b-jgpkgx4p6z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: white;
    color: var(--text-muted);
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
    text-decoration: none;
}

    .share-btn:hover[b-jgpkgx4p6z] {
        background-color: var(--primary-orange);
        color: white;
        border-color: var(--primary-orange);
        transform: translateY(-2px);
    }

@media (max-width: 992px) {
    .article-title[b-jgpkgx4p6z] {
        font-size: 2rem;
    }
}

@media (max-width: 576px) {
    .article-title[b-jgpkgx4p6z] {
        font-size: 1.5rem;
    }

    .article-share[b-jgpkgx4p6z] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/PKBSSContent/FeaturedImageSection.razor.rz.scp.css */
.featured-image[b-p43fm1ijji] {
    padding: 0 0 3rem 0;
}

.featured-image-inner[b-p43fm1ijji] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.featured-image .image-parent[b-p43fm1ijji] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.25rem;
}

.featured-img[b-p43fm1ijji] {
    width: 60%;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.image-caption[b-p43fm1ijji] {
    font-size: 0.875rem;
    font-style: italic;
    color: var(--text-muted);
    text-align: center;
    margin-top: 0.75rem;
}

@media (max-width: 768px) {
    .featured-img[b-p43fm1ijji] {
        width: 90%;
    }
}
/* /Components/Pages/PKBSSContent/Main.razor.rz.scp.css */
/* Main.razor renders no HTML directly — styles live in sub-component CSS files */
/* /Components/Pages/PKBSSContent/RelatedArticlesSection.razor.rz.scp.css */
.related-articles[b-al7db1we70] {
    padding: 5rem 0;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.related-inner[b-al7db1we70] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.related-inner h2[b-al7db1we70] {
    color: var(--primary-navy);
    font-weight: 700;
    text-align: center;
    margin-bottom: 3rem;
}

.related-grid[b-al7db1we70] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.related-card[b-al7db1we70] {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

    .related-card:hover[b-al7db1we70] {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    }

    .related-card .card-img[b-al7db1we70] {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .related-card .card-body[b-al7db1we70] {
        padding: 1.5rem;
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .related-card .card-title[b-al7db1we70] {
        color: var(--primary-navy);
        font-weight: 600;
        font-size: 1.125rem;
        margin-bottom: 0.75rem;
        margin-top: 0.5rem;
    }

    .related-card .card-text[b-al7db1we70] {
        color: var(--text-muted);
        font-size: 0.875rem;
        flex: 1;
        margin-bottom: 0;
    }

.category-type-badge[b-al7db1we70] {
    display: inline-block;
    padding: 0.3rem 0.75rem;
    background-color: var(--primary-orange);
    color: white;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 500;
}

.card-footer[b-al7db1we70] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
    background: none;
}

    .card-footer small[b-al7db1we70] {
        color: var(--text-muted);
        font-size: 0.8rem;
    }

.article-read-btn[b-al7db1we70] {
    display: inline-block;
    padding: 0.35rem 0.9rem;
    border: 2px solid var(--primary-navy);
    color: var(--primary-navy);
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .article-read-btn:hover[b-al7db1we70] {
        background-color: var(--primary-navy);
        color: white;
    }

@media (max-width: 768px) {
    .related-grid[b-al7db1we70] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .related-grid[b-al7db1we70] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/PKBSS/ContentListSection.razor.rz.scp.css */
/* #region Layout */

.content-section[b-ykaunb609a] {
    padding: 5rem 0;
}

.content-inner[b-ykaunb609a] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.content-columns[b-ykaunb609a] {
    display: flex;
    align-items: stretch;
    gap: 0;
}

.content-column[b-ykaunb609a] {
    flex: 1;
    min-width: 0;
    padding: 0 1.5rem;
}

.content-group-title[b-ykaunb609a] {
    color: var(--primary-navy);
    font-weight: 700;
    font-size: 1.15rem;
    margin-bottom: 1.25rem;
}

/* #endregion */

/* #region Column Divider */

.column-divider[b-ykaunb609a] {
    display: flex;
    flex-direction: row;
    gap: 4px;
    flex-shrink: 0;
    align-self: stretch;
}

.divider-line-blue[b-ykaunb609a] {
    width: 3px;
    background-color: var(--primary-navy);
    align-self: stretch;
}

.divider-line-yellow[b-ykaunb609a] {
    width: 3px;
    background-color: var(--primary-orange);
    align-self: stretch;
}

/* #endregion */

/* #region Article Card */

.article-card[b-ykaunb609a] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}

    .article-card:hover[b-ykaunb609a] {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    }

.article-image[b-ykaunb609a] {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

    .article-image img[b-ykaunb609a] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

.article-card:hover .article-image img[b-ykaunb609a] {
    transform: scale(1.05);
}

.article-badge[b-ykaunb609a] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: var(--primary-orange);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
}

.article-content[b-ykaunb609a] {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.article-meta[b-ykaunb609a] {
    display: flex;
    gap: 1rem;
    margin-bottom: 0.75rem;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.article-content h5[b-ykaunb609a] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.75rem;
    line-height: 1.4;
}

.article-content p[b-ykaunb609a] {
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1.6;
    flex-grow: 1;
    margin-bottom: 1rem;
}

.article-footer[b-ykaunb609a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.read-more[b-ykaunb609a] {
    color: var(--primary-navy);
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: color 0.2s ease;
}

    .read-more:hover[b-ykaunb609a] {
        color: var(--primary-orange);
    }

/* #endregion */

/* #region Animation */

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

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

.fade-in[b-ykaunb609a] {
    animation: fadeInUp-b-ykaunb609a 0.5s ease-out;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 768px) {
    .content-section[b-ykaunb609a] {
        padding: 3rem 0;
    }

    .content-columns[b-ykaunb609a] {
        flex-direction: column;
    }

    .column-divider[b-ykaunb609a] {
        flex-direction: column;
        height: auto;
        padding: 1rem 0;
        align-self: auto;
    }

    .divider-line-blue[b-ykaunb609a],
    .divider-line-yellow[b-ykaunb609a] {
        width: 100%;
        height: 3px;
        align-self: auto;
    }

    .content-column[b-ykaunb609a] {
        padding: 0;
    }

    .article-card[b-ykaunb609a] {
        margin-bottom: 1.5rem;
    }
}

/* #endregion */
/* /Components/Pages/PKBSS/HeroSection.razor.rz.scp.css */
/* #region Layout */

.hero-inner[b-23ui7oqd09] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.hero-content[b-23ui7oqd09] {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.hero-text[b-23ui7oqd09] {
    flex: 1;
    min-width: 0;
}

.hero-images[b-23ui7oqd09] {
    flex: 1;
    min-width: 0;
}

.hero-btn[b-23ui7oqd09] {
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.hero-buttons-light[b-23ui7oqd09],
.hero-buttons-dark[b-23ui7oqd09] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

/* #endregion */

/* #region LIGHT */

.hero-section-light[b-23ui7oqd09] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

    .hero-section-light h1[b-23ui7oqd09] {
        color: var(--primary-navy);
        font-weight: 700;
        line-height: 1.2;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-section-light .hero-subtitle[b-23ui7oqd09] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: var(--text-muted);
        margin-bottom: 0;
    }

    .hero-section-light .hero-btn-primary[b-23ui7oqd09] {
        background-color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-light .hero-btn-primary:hover[b-23ui7oqd09] {
            background-color: #0f1a2e;
            border-color: #0f1a2e;
        }

    .hero-section-light .hero-btn-secondary[b-23ui7oqd09] {
        color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        background: transparent;
        padding: 0.75rem 2rem;
    }

        .hero-section-light .hero-btn-secondary:hover[b-23ui7oqd09] {
            background-color: var(--primary-navy);
            color: white;
        }

    .hero-section-light img[b-23ui7oqd09] {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 8px;
    }

/* #endregion */

/* #region DARK */

.hero-section-dark[b-23ui7oqd09] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #0f1a2e 0%, var(--primary-navy) 100%);
}

    .hero-section-dark h1[b-23ui7oqd09] {
        color: white;
        font-weight: 700;
        line-height: 1.2;
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .hero-section-dark .hero-subtitle[b-23ui7oqd09] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 0;
    }

    .hero-section-dark .hero-btn-primary[b-23ui7oqd09] {
        background-color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-dark .hero-btn-primary:hover[b-23ui7oqd09] {
            background-color: #0f1a2e;
            border-color: #0f1a2e;
        }

    .hero-section-dark .hero-btn-secondary[b-23ui7oqd09] {
        background-color: var(--primary-orange);
        border: 2px solid var(--primary-orange);
        color: white;
        padding: 0.75rem 2rem;
    }

        .hero-section-dark .hero-btn-secondary:hover[b-23ui7oqd09] {
            background-color: #cc6600;
            border-color: #cc6600;
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(255, 127, 0, 0.3);
        }

    .hero-section-dark img[b-23ui7oqd09] {
        width: 100%;
        height: 350px;
        object-fit: cover;
        border-radius: 8px;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 992px) {
    .hero-content[b-23ui7oqd09] {
        flex-direction: column;
        gap: 2rem;
    }

    .hero-text[b-23ui7oqd09],
    .hero-images[b-23ui7oqd09] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .hero-section-light[b-23ui7oqd09],
    .hero-section-dark[b-23ui7oqd09] {
        padding: 5rem 0 3rem 0;
    }

    .hero-section-light h1[b-23ui7oqd09],
    .hero-section-dark h1[b-23ui7oqd09] {
        font-size: 2rem;
    }

    .hero-section-light img[b-23ui7oqd09],
    .hero-section-dark img[b-23ui7oqd09] {
        height: 200px;
    }
}

/* #endregion */
/* /Components/Pages/PKBSS/Main.razor.rz.scp.css */
/* /Components/Pages/Products/CategoryFilterItem.razor.rz.scp.css */
.filter-check[b-httzz04sc9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.filter-check-input[b-httzz04sc9] {
    width: 16px;
    height: 16px;
    border: 2px solid #cbd5e1;
    border-radius: 3px;
    cursor: pointer;
    accent-color: var(--primary-navy);
    flex-shrink: 0;
}

.filter-check-label[b-httzz04sc9] {
    color: var(--text-dark);
    font-size: 0.9rem;
    cursor: pointer;
}
/* /Components/Pages/Products/HeroSection.razor.rz.scp.css */
/* #region Hero */

.hero-section-light[b-femkq9fw22] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

.hero-inner[b-femkq9fw22] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.hero-text[b-femkq9fw22] {
    max-width: 700px;
}

.hero-title[b-femkq9fw22] {
    color: var(--primary-navy);
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.hero-subtitle[b-femkq9fw22] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-muted);
    margin-bottom: 2rem;
}

/* #endregion */

/* #region Buttons */

.hero-buttons[b-femkq9fw22] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.hero-btn-primary[b-femkq9fw22] {
    display: inline-block;
    background-color: var(--primary-navy);
    color: white;
    padding: 0.75rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

    .hero-btn-primary:hover[b-femkq9fw22] {
        background-color: #0f1a2e;
        color: white;
    }

.hero-btn-secondary[b-femkq9fw22] {
    display: inline-block;
    color: var(--primary-navy);
    border: 2px solid var(--primary-navy);
    padding: 0.75rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .hero-btn-secondary:hover[b-femkq9fw22] {
        background-color: var(--primary-navy);
        color: white;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 768px) {
    .hero-section-light[b-femkq9fw22] {
        padding: 5rem 0 3rem 0;
    }

    .hero-title[b-femkq9fw22] {
        font-size: 2rem;
    }

    .hero-subtitle[b-femkq9fw22] {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .hero-buttons[b-femkq9fw22] {
        flex-direction: column;
    }

    .hero-btn-primary[b-femkq9fw22],
    .hero-btn-secondary[b-femkq9fw22] {
        text-align: center;
    }
}

/* #endregion */
/* /Components/Pages/Products/Main.razor.rz.scp.css */
/* /Components/Pages/Products/PdfViewerPopup.razor.rz.scp.css */
/* Trigger Button */
.pdf-trigger-btn[b-xxkw60v00v] {
    background-color: var(--primary-orange);
    color: var(--white);
    border: 2px solid var(--primary-orange);
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s ease;
}

    .pdf-trigger-btn:hover[b-xxkw60v00v] {
        background-color: var(--primary-navy);
        border-color: var(--primary-navy);
    }

/* Modal Overlay */
.pdf-modal-overlay[b-xxkw60v00v] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(30, 41, 59, 0.7); /* Derived visually from --text-dark */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    backdrop-filter: blur(3px);
}

/* Modal Container */
.pdf-modal-container[b-xxkw60v00v] {
    background-color: var(--bg-light);
    width: 80vw;
    max-width: 1200px;
    height: 85vh;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    border: 1px solid var(--text-muted);
}

/* Modal Header */
.pdf-modal-header[b-xxkw60v00v] {
    background-color: var(--primary-navy);
    color: var(--white);
    padding: 0.75rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pdf-modal-title[b-xxkw60v00v] {
    font-weight: bold;
    font-size: 1.1rem;
    color: var(--white);
}

/* Close Button */
.pdf-modal-close[b-xxkw60v00v] {
    background: none;
    border: none;
    color: var(--white);
    font-size: 1.5rem;
    cursor: pointer;
    transition: color 0.2s ease;
    line-height: 1;
    padding: 0;
}

    .pdf-modal-close:hover[b-xxkw60v00v] {
        color: var(--primary-orange);
    }

/* Modal Body / Iframe */
.pdf-modal-body[b-xxkw60v00v] {
    flex: 1;
    background-color: var(--bg-light);
    padding: 0;
    overflow: hidden;
}

.pdf-viewer-frame[b-xxkw60v00v] {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}
/* /Components/Pages/Products/ProductsListSection.razor.rz.scp.css */
/* #region Layout */

.products-section[b-6403q8ncf1] {
    padding: 3rem 0 5rem 0;
    min-height: 500px;
}

.products-inner[b-6403q8ncf1] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.products-layout[b-6403q8ncf1] {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

.products-sidebar[b-6403q8ncf1] {
    flex: 0 0 280px;
    min-width: 0;
}

.products-main[b-6403q8ncf1] {
    flex: 1;
    min-width: 0;
}

/* #endregion */

/* #region Filters Sidebar */

.filters-sidebar[b-6403q8ncf1] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 90px;
}

.sidebar-title[b-6403q8ncf1] {
    color: var(--primary-navy);
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.filter-header[b-6403q8ncf1] {
    color: var(--primary-navy);
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.filter-group[b-6403q8ncf1] {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 1rem;
}

.filter-group.category-filter-grid[b-6403q8ncf1] {
    overflow-y: auto;
    max-height: 300px;
}

/* #endregion */

/* #region Filter Checkboxes */

.filter-check[b-6403q8ncf1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.filter-check-input[b-6403q8ncf1] {
    width: 16px;
    height: 16px;
    border: 2px solid #cbd5e1;
    border-radius: 3px;
    cursor: pointer;
    accent-color: var(--primary-navy);
    flex-shrink: 0;
}

.filter-check-label[b-6403q8ncf1] {
    color: var(--text-dark);
    font-size: 0.9rem;
    cursor: pointer;
}

/* #endregion */

/* #region Sidebar Buttons */

.sidebar-btn[b-6403q8ncf1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.6rem 1rem;
    border: 2px solid var(--primary-navy);
    border-radius: 6px;
    background: transparent;
    color: var(--primary-navy);
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    margin-top: 0.75rem;
}

    .sidebar-btn:hover[b-6403q8ncf1] {
        background-color: var(--primary-navy);
        color: white;
    }

.sidebar-btn-secondary[b-6403q8ncf1] {
    border-color: var(--primary-orange);
    color: var(--primary-orange);
}

    .sidebar-btn-secondary:hover[b-6403q8ncf1] {
        background-color: var(--primary-orange);
        color: white;
    }

/* #endregion */

/* #region Toolbar */

.products-toolbar[b-6403q8ncf1] {
    background: white;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-bottom: 1.5rem;
}

.toolbar-inner[b-6403q8ncf1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.results-count[b-6403q8ncf1] {
    font-weight: 600;
    color: var(--text-dark);
}

.toolbar-sort[b-6403q8ncf1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.sort-select[b-6403q8ncf1] {
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: var(--text-dark);
    padding: 0.35rem 0.75rem;
    cursor: pointer;
    font-size: 0.9rem;
    background: white;
}

    .sort-select:focus[b-6403q8ncf1] {
        outline: none;
        border-color: var(--primary-orange);
        box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
    }

/* #endregion */

/* #region Products Grid */

.products-grid[b-6403q8ncf1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.product-item[b-6403q8ncf1] {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

    .product-item.hidden[b-6403q8ncf1] {
        display: none;
    }

.product-card[b-6403q8ncf1] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .product-card:hover[b-6403q8ncf1] {
        transform: translateY(-8px);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
    }

.product-image[b-6403q8ncf1] {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    background-color: var(--bg-light);
}

    .product-image img[b-6403q8ncf1] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

.product-card:hover .product-image img[b-6403q8ncf1] {
    transform: scale(1.08);
}

.product-badge[b-6403q8ncf1] {
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: var(--primary-orange);
    color: white;
    padding: 0.35rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 10;
}

.product-content[b-6403q8ncf1] {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.product-title[b-6403q8ncf1] {
    color: var(--primary-navy);
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

.product-description[b-6403q8ncf1] {
    color: var(--text-muted);
    font-size: 0.9rem;
    margin-bottom: 1rem;
    line-height: 1.5;
    flex-grow: 1;
}

.product-features[b-6403q8ncf1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.feature-tag[b-6403q8ncf1] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background-color: var(--bg-light);
    color: var(--text-dark);
    padding: 0.25rem 0.65rem;
    border-radius: 15px;
    font-size: 0.75rem;
    font-weight: 500;
}

    .feature-tag i[b-6403q8ncf1] {
        color: var(--primary-orange);
        font-size: 0.7rem;
    }

.product-footer[b-6403q8ncf1] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.product-btn[b-6403q8ncf1] {
    display: block;
    flex-grow: 1;
    background-color: var(--primary-navy);
    color: white;
    text-align: center;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

    .product-btn:hover[b-6403q8ncf1] {
        background-color: #0f1a2e;
        color: white;
    }

/* #endregion */

/* #region No Results & Loader */

.no-results[b-6403q8ncf1] {
    background: white;
    border-radius: 12px;
    padding: 3rem;
    text-align: center;
    grid-column: 1 / -1;
}

    .no-results h4[b-6403q8ncf1] {
        color: var(--primary-navy);
        margin-top: 1rem;
    }

    .no-results p[b-6403q8ncf1] {
        color: var(--text-muted);
    }

.no-results-icon[b-6403q8ncf1] {
    font-size: 3rem;
    color: var(--text-muted);
}

.loader-center[b-6403q8ncf1] {
    width: 100%;
    text-align: center;
    grid-column: 1 / -1;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 991px) {
    .products-layout[b-6403q8ncf1] {
        flex-direction: column;
    }

    .products-sidebar[b-6403q8ncf1] {
        flex: none;
        width: 100%;
    }

    .filters-sidebar[b-6403q8ncf1] {
        position: static;
    }

    .products-grid[b-6403q8ncf1] {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-image[b-6403q8ncf1] {
        height: 200px;
    }
}

@media (max-width: 768px) {
    .products-toolbar[b-6403q8ncf1] {
        padding: 1rem;
    }

    .toolbar-inner[b-6403q8ncf1] {
        flex-direction: column;
        align-items: flex-start;
    }

    .results-count[b-6403q8ncf1] {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .products-grid[b-6403q8ncf1] {
        grid-template-columns: 1fr;
    }
}

/* #endregion */
/* /Components/Pages/Product/DescriptionSection.razor.rz.scp.css */
.description-overview[b-s2cdo9qodz] {
    padding: 5rem 0;
}

.description-inner[b-s2cdo9qodz] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.description-overview .section-title[b-s2cdo9qodz] {
    color: var(--primary-navy);
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
}

.description-body[b-s2cdo9qodz] {
    margin-bottom: 3rem;
}

.tech-data-section[b-s2cdo9qodz] {
    margin-top: 3rem;
    text-align: center;
}

.table-scroll-hint[b-s2cdo9qodz] {
    display: none;
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.table-wrapper[b-s2cdo9qodz] {
    overflow-x: auto;
    margin: 1.5rem 0;
}

/* Technical Data Table */
.technical-data-table[b-s2cdo9qodz] {
    margin: 0 auto;
    border-collapse: collapse;
    width: 100%;
    min-width: 400px;
}

    .technical-data-table th[b-s2cdo9qodz],
    .technical-data-table td[b-s2cdo9qodz] {
        border: 1px solid #ddd;
        padding: 12px 15px;
        text-align: left;
    }

    .technical-data-table th[b-s2cdo9qodz] {
        background-color: #f8f9fa;
        font-weight: 600;
    }

    .technical-data-table tr:nth-child(even)[b-s2cdo9qodz] {
        background-color: #f2f2f2;
    }

@media (max-width: 768px) {
    .table-scroll-hint[b-s2cdo9qodz] {
        display: block;
    }
}
/* /Components/Pages/Product/DocumentsSection.razor.rz.scp.css */
.product-documents-section[b-qfc8hp4vi4] {
    padding: 5rem 0;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.documents-inner[b-qfc8hp4vi4] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.product-documents-section .section-title[b-qfc8hp4vi4] {
    color: var(--primary-navy);
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 3rem;
}

.documents-grid[b-qfc8hp4vi4] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.document-download-link[b-qfc8hp4vi4] {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

.document-card[b-qfc8hp4vi4] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem;
    text-align: center;
}

    .document-card:hover[b-qfc8hp4vi4] {
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        transform: translateY(-5px);
        border-color: #cbd5e1;
    }

.document-icon[b-qfc8hp4vi4] {
    color: #e53e3e;
    margin-bottom: 1rem;
    transition: transform 0.3s ease;
}

.document-card:hover .document-icon[b-qfc8hp4vi4] {
    transform: scale(1.1);
}

.document-title[b-qfc8hp4vi4] {
    color: var(--text-dark);
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 0;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.document-download-btn[b-qfc8hp4vi4] {
    color: var(--primary-orange);
    font-weight: 700;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.document-card:hover .document-download-btn[b-qfc8hp4vi4] {
    color: #d97706;
}

@media (max-width: 991px) {
    .documents-grid[b-qfc8hp4vi4] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .documents-grid[b-qfc8hp4vi4] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .documents-grid[b-qfc8hp4vi4] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Product/HeroSection.razor.rz.scp.css */
.product-hero[b-my9f25ytk6] {
    padding: 7rem 0 4rem 0;
    background-color: white;
}

.product-hero-inner[b-my9f25ytk6] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    gap: 3rem;
}

.product-text-col[b-my9f25ytk6] {
    flex: 1;
}

.product-badge[b-my9f25ytk6] {
    font-size: 1rem;
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.hero-title[b-my9f25ytk6] {
    font-weight: 600;
    font-size: 2.5rem;
    color: var(--primary-navy);
    line-height: 1.2;
    margin-bottom: 1rem;
}

.hero-description[b-my9f25ytk6] {
    font-size: 1.05rem;
    color: var(--text-muted);
    line-height: 1.7;
}

.product-image-col[b-my9f25ytk6] {
    flex: 1;
}

.product-image-container[b-my9f25ytk6] {
    position: relative;
}

/* Minimal carousel CSS required for Bootstrap JS */
.carousel[b-my9f25ytk6] {
    position: relative;
}

.carousel-inner[b-my9f25ytk6] {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item[b-my9f25ytk6] {
    display: none;
    width: 100%;
}

    .carousel-item.active[b-my9f25ytk6] {
        display: block;
    }

.carousel-slide-img[b-my9f25ytk6] {
    width: 100%;
    height: 400px;
    object-fit: contain;
    border-radius: 8px;
}

.carousel-dots[b-my9f25ytk6] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

    .carousel-dots button[b-my9f25ytk6] {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #cbd5e1;
        border: none;
        cursor: pointer;
        padding: 0;
        transition: background-color 0.2s ease;
    }

    .carousel-dots button.active[b-my9f25ytk6] {
        background-color: var(--primary-navy);
    }

.carousel-prev-btn[b-my9f25ytk6],
.carousel-next-btn[b-my9f25ytk6] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.55);
    color: white;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
    z-index: 2;
}

    .carousel-prev-btn:hover[b-my9f25ytk6],
    .carousel-next-btn:hover[b-my9f25ytk6] {
        background-color: rgba(0, 0, 0, 0.85);
    }

.carousel-prev-btn[b-my9f25ytk6] {
    left: 0.75rem;
}

.carousel-next-btn[b-my9f25ytk6] {
    right: 0.75rem;
}

@media (max-width: 991px) {
    .product-hero-inner[b-my9f25ytk6] {
        flex-direction: column;
    }

    .product-image-col[b-my9f25ytk6] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .product-hero[b-my9f25ytk6] {
        padding: 6rem 0 3rem 0;
    }

    .product-badge[b-my9f25ytk6],
    .hero-title[b-my9f25ytk6] {
        text-align: center;
    }

    .hero-title[b-my9f25ytk6] {
        font-size: 1.75rem;
    }

    .carousel-slide-img[b-my9f25ytk6] {
        height: 280px;
    }
}
/* /Components/Pages/Product/KeyFeaturesSection.razor.rz.scp.css */
.key-features[b-ky1xxdpzyi] {
    padding: 5rem 0;
    background-color: var(--primary-navy);
    color: white;
}

.key-features-inner[b-ky1xxdpzyi] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.key-features .section-title[b-ky1xxdpzyi] {
    text-align: center;
    color: white;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 3rem;
}

.features-grid[b-ky1xxdpzyi] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.feature-item[b-ky1xxdpzyi] {
    text-align: center;
}

    .feature-item i[b-ky1xxdpzyi] {
        font-size: 3rem;
        display: block;
        margin-bottom: 1rem;
    }

.feature-title[b-ky1xxdpzyi] {
    color: white;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.feature-description[b-ky1xxdpzyi] {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.95rem;
    margin: 0;
}

@media (max-width: 768px) {
    .features-grid[b-ky1xxdpzyi] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Product/Main.razor.rz.scp.css */
/* Main.razor renders no HTML directly — styles live in sub-component CSS files */
/* /Components/Pages/Product/RelatedProductsSection.razor.rz.scp.css */
.related-products[b-l4wmfvl2q9] {
    padding: 5rem 0;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.related-inner[b-l4wmfvl2q9] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.related-products .section-title[b-l4wmfvl2q9] {
    color: var(--primary-navy);
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 3rem;
}

.related-products-grid[b-l4wmfvl2q9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.related-product-link[b-l4wmfvl2q9] {
    text-decoration: none;
    color: inherit;
    display: block;
}

.releated-products-card-desktop[b-l4wmfvl2q9] {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.16), 0 0 18px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    background-color: #fff;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .releated-products-card-desktop:hover[b-l4wmfvl2q9] {
        box-shadow: 0 8px 40px rgba(0, 0, 0, 0.32), 0 8px 18px rgba(0, 0, 0, 0.16);
        transform: translateY(-4px);
        cursor: pointer;
    }

.related-product-img[b-l4wmfvl2q9] {
    height: 240px;
    width: 100%;
    object-fit: contain;
    object-position: center;
    padding: 1rem;
    display: block;
}

.related-product-body[b-l4wmfvl2q9] {
    padding: 1rem 1.25rem 1.5rem;
    display: flex;
    flex-direction: column;
    margin-top: auto;
}

.releated-products-card-title[b-l4wmfvl2q9] {
    font-weight: 400;
    font-size: 0.88rem;
    margin-bottom: 2px;
    color: rgb(0, 89, 206);
}

.releated-products-card-subtitle[b-l4wmfvl2q9] {
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .related-products-grid[b-l4wmfvl2q9] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .related-products-grid[b-l4wmfvl2q9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Services/HeroSection.razor.rz.scp.css */
/* #region LIGHT */

.hero-section-light[b-1m72joenlf] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

    .hero-section-light h1[b-1m72joenlf] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2.75rem;
        line-height: 1.2;
        margin-bottom: 1.25rem;
    }

    .hero-section-light .hero-subtitle[b-1m72joenlf] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: var(--text-muted);
        margin-bottom: 2rem;
    }

.hero-buttons-light[b-1m72joenlf] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

    .hero-buttons-light .hero-btn-primary[b-1m72joenlf] {
        background-color: var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
        border-radius: 8px;
        font-weight: 600;
        text-decoration: none;
        transition: background-color 0.3s ease;
    }

        .hero-buttons-light .hero-btn-primary:hover[b-1m72joenlf] {
            background-color: #0f1a2e;
        }

    .hero-buttons-light .hero-btn-secondary[b-1m72joenlf] {
        color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        padding: 0.75rem 2rem;
        border-radius: 8px;
        font-weight: 600;
        text-decoration: none;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

        .hero-buttons-light .hero-btn-secondary:hover[b-1m72joenlf] {
            background-color: var(--primary-navy);
            color: white;
        }

/* #endregion */

/* #region DARK */

.hero-section-dark[b-1m72joenlf] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #0f1a2e 0%, var(--primary-navy) 100%);
}

    .hero-section-dark h1[b-1m72joenlf] {
        color: white;
        font-weight: 700;
        font-size: 2.75rem;
        line-height: 1.2;
        margin-bottom: 1.25rem;
    }

    .hero-section-dark .hero-subtitle[b-1m72joenlf] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 2rem;
    }

.hero-buttons-dark[b-1m72joenlf] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

    .hero-buttons-dark .hero-btn-primary[b-1m72joenlf] {
        background-color: white;
        color: var(--primary-navy);
        padding: 0.75rem 2rem;
        border-radius: 8px;
        font-weight: 600;
        text-decoration: none;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

        .hero-buttons-dark .hero-btn-primary:hover[b-1m72joenlf] {
            background-color: #f0f4f8;
        }

    .hero-buttons-dark .hero-btn-secondary[b-1m72joenlf] {
        background-color: var(--primary-orange);
        color: white;
        padding: 0.75rem 2rem;
        border-radius: 8px;
        font-weight: 600;
        text-decoration: none;
        transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    }

        .hero-buttons-dark .hero-btn-secondary:hover[b-1m72joenlf] {
            background-color: #cc6600;
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(255, 127, 0, 0.3);
        }

/* #endregion */

/* #region SHARED LAYOUT */

.hero-inner[b-1m72joenlf] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    gap: 3rem;
}

.hero-text-col[b-1m72joenlf] {
    flex: 1 1 0;
    min-width: 0;
}

.hero-image-col[b-1m72joenlf] {
    flex: 1 1 0;
    min-width: 0;
}

.hero-image-stack[b-1m72joenlf] {
    display: grid;
    grid-template-areas: 'stack';
    align-items: center;
}

.hero-crossfade-img[b-1m72joenlf] {
    grid-area: stack;
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 12px;
    transition: opacity 1s ease-in-out;
}

/* #endregion */

@media (max-width: 991px) {
    .hero-inner[b-1m72joenlf] {
        flex-direction: column;
        gap: 2rem;
    }

    .hero-image-col[b-1m72joenlf] {
        width: 100%;
    }

    .hero-crossfade-img[b-1m72joenlf] {
        height: 260px;
    }
}

@media (max-width: 768px) {
    .hero-section-light[b-1m72joenlf],
    .hero-section-dark[b-1m72joenlf] {
        padding: 6rem 0 3rem 0;
    }

    .hero-section-light h1[b-1m72joenlf],
    .hero-section-dark h1[b-1m72joenlf] {
        font-size: 2rem;
    }

    .hero-crossfade-img[b-1m72joenlf] {
        height: 200px;
    }
}
/* /Components/Pages/Services/IndustriesSection.razor.rz.scp.css */
.industries-section[b-srtakfy8we] {
    padding: 5rem 0;
    background-color: white;
}

.industries-inner[b-srtakfy8we] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.industries-section .section-header[b-srtakfy8we] {
    text-align: center;
    margin-bottom: 3rem;
}

.industries-section .section-title[b-srtakfy8we] {
    color: var(--primary-navy);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.industries-section .section-subtitle[b-srtakfy8we] {
    color: var(--text-muted);
    font-size: 1.1rem;
    margin: 0;
}

.industries-badges-grid[b-srtakfy8we] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.industry-badge[b-srtakfy8we] {
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 50px;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    transition: border-color 0.3s ease, background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

    .industry-badge:hover[b-srtakfy8we] {
        border-color: var(--primary-orange);
        background-color: #fff9f0;
        transform: translateY(-3px);
        box-shadow: 0 4px 12px rgba(245, 158, 11, 0.15);
    }

    .industry-badge i[b-srtakfy8we] {
        font-size: 1.5rem;
        color: var(--primary-navy);
    }

    .industry-badge span[b-srtakfy8we] {
        color: var(--text-dark);
        font-weight: 600;
        font-size: 0.9rem;
    }

@media (max-width: 991px) {
    .industries-badges-grid[b-srtakfy8we] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .industries-badges-grid[b-srtakfy8we] {
        grid-template-columns: 1fr;
    }

    .industry-badge[b-srtakfy8we] {
        border-radius: 12px;
        justify-content: flex-start;
    }
}
/* /Components/Pages/Services/Main.razor.rz.scp.css */
/* Main.razor has no markup of its own — all CSS lives in sub-component .razor.css files */
/* /Components/Pages/Services/PortfolioSection.razor.rz.scp.css */
.services-section[b-jggt9iaxqj] {
    padding: 5rem 0;
    background-color: white;
}

.services-inner[b-jggt9iaxqj] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.services-section .section-header[b-jggt9iaxqj] {
    text-align: center;
    margin-bottom: 3rem;
}

.services-section .section-title[b-jggt9iaxqj] {
    color: var(--primary-navy);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.services-section .section-subtitle[b-jggt9iaxqj] {
    color: var(--text-muted);
    font-size: 1.1rem;
    margin: 0;
}

.services-grid[b-jggt9iaxqj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.category-card[b-jggt9iaxqj] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

    .category-card:hover[b-jggt9iaxqj] {
        transform: translateY(-8px);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
    }

.category-image[b-jggt9iaxqj] {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

    .category-image img[b-jggt9iaxqj] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

.category-card:hover .category-image img[b-jggt9iaxqj] {
    transform: scale(1.05);
}

.category-content[b-jggt9iaxqj] {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

    .category-content h3[b-jggt9iaxqj] {
        color: var(--primary-navy);
        font-weight: 600;
        font-size: 1.1rem;
        margin-bottom: 0.75rem;
    }

    .category-content p[b-jggt9iaxqj] {
        color: var(--text-muted);
        font-size: 0.95rem;
        flex-grow: 1;
        margin-bottom: 1.25rem;
    }

.service-details-btn[b-jggt9iaxqj] {
    align-self: flex-start;
    color: var(--primary-navy);
    border: 2px solid var(--primary-navy);
    padding: 0.5rem 1.25rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .service-details-btn:hover[b-jggt9iaxqj] {
        background-color: var(--primary-navy);
        color: white;
    }

@media (max-width: 991px) {
    .services-grid[b-jggt9iaxqj] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .services-grid[b-jggt9iaxqj] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Services/ProcessSection.razor.rz.scp.css */
.process-section[b-uwe517jb0l] {
    padding: 5rem 0;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.process-inner[b-uwe517jb0l] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.process-section .section-header[b-uwe517jb0l] {
    text-align: center;
    margin-bottom: 3rem;
}

.process-section .section-title[b-uwe517jb0l] {
    color: var(--primary-navy);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.process-section .section-subtitle[b-uwe517jb0l] {
    color: var(--text-muted);
    font-size: 1.1rem;
    margin: 0;
}

.process-grid[b-uwe517jb0l] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.process-step[b-uwe517jb0l] {
    background: white;
    padding: 2rem 1.5rem 1.5rem;
    border-radius: 12px;
    text-align: center;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #e2e8f0;
}

    .process-step:hover[b-uwe517jb0l] {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    }

.process-number[b-uwe517jb0l] {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--primary-orange), #d97706);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.25rem;
    box-shadow: 0 4px 8px rgba(245, 158, 11, 0.3);
}

.process-icon[b-uwe517jb0l] {
    font-size: 3rem;
    color: var(--primary-navy);
    margin: 2rem 0 1rem;
}

.process-step h4[b-uwe517jb0l] {
    color: var(--primary-navy);
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.process-step p[b-uwe517jb0l] {
    color: var(--text-muted);
    margin-bottom: 0;
    font-size: 0.95rem;
}

@media (max-width: 991px) {
    .process-grid[b-uwe517jb0l] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .process-grid[b-uwe517jb0l] {
        grid-template-columns: 1fr;
    }

    .process-step[b-uwe517jb0l] {
        margin-top: 1.5rem;
    }
}
/* /Components/Pages/Service/HeroSection.razor.rz.scp.css */
/* #region LIGHT */

.hero-section-light[b-ee8kdidedl] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

    .hero-section-light h1[b-ee8kdidedl] {
        color: var(--primary-navy);
        font-weight: 700;
        font-size: 2.75rem;
        line-height: 1.2;
        margin-bottom: 1.25rem;
    }

    .hero-section-light .hero-subtitle[b-ee8kdidedl] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: var(--text-muted);
        margin-bottom: 2rem;
    }

.hero-buttons-light[b-ee8kdidedl] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

    .hero-buttons-light .hero-btn-primary[b-ee8kdidedl] {
        background-color: var(--primary-navy);
        color: white;
        padding: 0.75rem 2rem;
        border-radius: 8px;
        font-weight: 600;
        text-decoration: none;
        transition: background-color 0.3s ease;
    }

        .hero-buttons-light .hero-btn-primary:hover[b-ee8kdidedl] {
            background-color: #0f1a2e;
        }

    .hero-buttons-light .hero-btn-secondary[b-ee8kdidedl] {
        color: var(--primary-navy);
        border: 2px solid var(--primary-navy);
        padding: 0.75rem 2rem;
        border-radius: 8px;
        font-weight: 600;
        text-decoration: none;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

        .hero-buttons-light .hero-btn-secondary:hover[b-ee8kdidedl] {
            background-color: var(--primary-navy);
            color: white;
        }

/* #endregion */

/* #region DARK */

.hero-section-dark[b-ee8kdidedl] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #0f1a2e 0%, var(--primary-navy) 100%);
}

    .hero-section-dark h1[b-ee8kdidedl] {
        color: white;
        font-weight: 700;
        font-size: 2.75rem;
        line-height: 1.2;
        margin-bottom: 1.25rem;
    }

    .hero-section-dark .hero-subtitle[b-ee8kdidedl] {
        font-size: 1.125rem;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 2rem;
    }

.hero-buttons-dark[b-ee8kdidedl] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

    .hero-buttons-dark .hero-btn-primary[b-ee8kdidedl] {
        background-color: white;
        color: var(--primary-navy);
        padding: 0.75rem 2rem;
        border-radius: 8px;
        font-weight: 600;
        text-decoration: none;
        transition: background-color 0.3s ease;
    }

        .hero-buttons-dark .hero-btn-primary:hover[b-ee8kdidedl] {
            background-color: #f0f4f8;
        }

    .hero-buttons-dark .hero-btn-secondary[b-ee8kdidedl] {
        background-color: var(--primary-orange);
        color: white;
        padding: 0.75rem 2rem;
        border-radius: 8px;
        font-weight: 600;
        text-decoration: none;
        transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    }

        .hero-buttons-dark .hero-btn-secondary:hover[b-ee8kdidedl] {
            background-color: #cc6600;
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(255, 127, 0, 0.3);
        }

/* #endregion */

/* #region SHARED LAYOUT */

.hero-inner[b-ee8kdidedl] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    gap: 3rem;
}

.hero-text-col[b-ee8kdidedl] {
    flex: 1 1 0;
    min-width: 0;
}

.hero-image-col[b-ee8kdidedl] {
    flex: 1 1 0;
    min-width: 0;
}

.hero-image-stack[b-ee8kdidedl] {
    display: grid;
    grid-template-areas: 'stack';
    align-items: center;
}

.hero-crossfade-img[b-ee8kdidedl] {
    grid-area: stack;
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 12px;
    transition: opacity 1s ease-in-out;
}

/* #endregion */

@media (max-width: 991px) {
    .hero-inner[b-ee8kdidedl] {
        flex-direction: column;
        gap: 2rem;
    }

    .hero-image-col[b-ee8kdidedl] {
        width: 100%;
    }

    .hero-crossfade-img[b-ee8kdidedl] {
        height: 260px;
    }
}

@media (max-width: 768px) {
    .hero-section-light[b-ee8kdidedl],
    .hero-section-dark[b-ee8kdidedl] {
        padding: 6rem 0 3rem 0;
    }

    .hero-section-light h1[b-ee8kdidedl],
    .hero-section-dark h1[b-ee8kdidedl] {
        font-size: 2rem;
    }

    .hero-crossfade-img[b-ee8kdidedl] {
        height: 200px;
    }
}
/* /Components/Pages/Service/Main.razor.rz.scp.css */
/* Main.razor has no markup of its own — all CSS lives in sub-component .razor.css files */
/* /Components/Pages/Service/RelatedServicesSection.razor.rz.scp.css */
.related-services-section[b-3idf64q0yv] {
    padding: 5rem 0;
    background-color: white;
}

.related-services-inner[b-3idf64q0yv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.related-services-section .section-header[b-3idf64q0yv] {
    text-align: center;
    margin-bottom: 3rem;
}

.related-services-section .section-title[b-3idf64q0yv] {
    color: var(--primary-navy);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.related-services-section .section-subtitle[b-3idf64q0yv] {
    color: var(--text-muted);
    font-size: 1.1rem;
    margin: 0;
}

.related-services-grid[b-3idf64q0yv] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.related-service-card[b-3idf64q0yv] {
    text-align: center;
    padding: 1.5rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .related-service-card:hover[b-3idf64q0yv] {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    }

.related-service-img[b-3idf64q0yv] {
    width: 100%;
    height: 10rem;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.related-service-card h4[b-3idf64q0yv] {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: var(--primary-navy);
}

.related-service-card p[b-3idf64q0yv] {
    color: var(--text-muted);
    margin-bottom: 1.25rem;
    font-size: 0.95rem;
    flex-grow: 1;
}

.service-link-btn[b-3idf64q0yv] {
    color: var(--primary-navy);
    border: 2px solid var(--primary-navy);
    padding: 0.5rem 1.25rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    display: inline-block;
}

    .service-link-btn:hover[b-3idf64q0yv] {
        background-color: var(--primary-navy);
        color: white;
    }

@media (max-width: 991px) {
    .related-services-grid[b-3idf64q0yv] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .related-services-grid[b-3idf64q0yv] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Service/ServiceBenefitsSection.razor.rz.scp.css */
.benefits-section[b-a0tebpfw49] {
    padding: 5rem 0;
    background-color: white;
}

.benefits-inner[b-a0tebpfw49] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.benefits-section .section-header[b-a0tebpfw49] {
    text-align: center;
    margin-bottom: 3rem;
}

.benefits-section .section-title[b-a0tebpfw49] {
    color: var(--primary-navy);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.benefits-section .section-subtitle[b-a0tebpfw49] {
    color: var(--text-muted);
    font-size: 1.1rem;
    margin: 0;
}

.benefits-grid[b-a0tebpfw49] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.benefit-card[b-a0tebpfw49] {
    text-align: center;
    padding: 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .benefit-card:hover[b-a0tebpfw49] {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    }

.benefit-icon[b-a0tebpfw49] {
    font-size: 3rem;
    color: var(--primary-orange);
    margin-bottom: 1rem;
    display: block;
}

.benefit-card h4[b-a0tebpfw49] {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: var(--primary-navy);
}

.benefit-card p[b-a0tebpfw49] {
    color: var(--text-muted);
    margin: 0;
    font-size: 0.95rem;
}

@media (max-width: 991px) {
    .benefits-grid[b-a0tebpfw49] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .benefits-grid[b-a0tebpfw49] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Service/ServiceCaseStudiesSection.razor.rz.scp.css */
.case-studies-section[b-2ezjgcargt] {
    padding: 5rem 0;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.case-studies-inner[b-2ezjgcargt] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.case-studies-section .section-header[b-2ezjgcargt] {
    text-align: center;
    margin-bottom: 3rem;
}

.case-studies-section .section-title[b-2ezjgcargt] {
    color: var(--primary-navy);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.case-studies-section .section-subtitle[b-2ezjgcargt] {
    color: var(--text-muted);
    font-size: 1.1rem;
    margin: 0;
}

.case-studies-grid[b-2ezjgcargt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.case-study-card[b-2ezjgcargt] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .case-study-card:hover[b-2ezjgcargt] {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    }

.case-image[b-2ezjgcargt] {
    overflow: hidden;
    height: 200px;
}

    .case-image img[b-2ezjgcargt] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

.case-study-card:hover .case-image img[b-2ezjgcargt] {
    transform: scale(1.05);
}

.case-content[b-2ezjgcargt] {
    padding: 1.5rem;
}

.case-category[b-2ezjgcargt] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: var(--primary-orange);
    color: white;
    font-size: 0.8rem;
    border-radius: 20px;
    margin-bottom: 1rem;
    font-weight: 600;
}

.case-content h4[b-2ezjgcargt] {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: var(--primary-navy);
}

.case-content p[b-2ezjgcargt] {
    color: var(--text-muted);
    margin-bottom: 1rem;
    font-size: 0.95rem;
}

.case-results[b-2ezjgcargt] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .case-results li[b-2ezjgcargt] {
        color: var(--text-dark);
        padding: 0.25rem 0;
        font-size: 0.95rem;
    }

    .case-results i[b-2ezjgcargt] {
        color: var(--primary-orange);
        margin-right: 0.5rem;
    }

@media (max-width: 991px) {
    .case-studies-grid[b-2ezjgcargt] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .case-studies-grid[b-2ezjgcargt] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Service/ServiceOverviewSection.razor.rz.scp.css */
.service-overview[b-a3u48acszj] {
    padding: 5rem 0;
    background-color: white;
}

.overview-inner[b-a3u48acszj] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.overview-header[b-a3u48acszj] {
    max-width: 800px;
    margin: 0 auto 3rem;
    text-align: center;
}

.service-overview .section-title[b-a3u48acszj] {
    color: var(--primary-navy);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.overview-body[b-a3u48acszj] {
    color: var(--text-muted);
    font-size: 1.1rem;
    line-height: 1.8;
}

.features-grid[b-a3u48acszj] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.feature-box[b-a3u48acszj] {
    text-align: center;
    padding: 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #e2e8f0;
}

    .feature-box:hover[b-a3u48acszj] {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    }

.feature-icon[b-a3u48acszj] {
    width: 70px;
    height: 70px;
    margin: 0 auto 1.5rem;
    background: linear-gradient(135deg, var(--primary-orange), #d97706);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: white;
}

.feature-box h4[b-a3u48acszj] {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: var(--primary-navy);
}

.feature-box p[b-a3u48acszj] {
    color: var(--text-muted);
    margin: 0;
    font-size: 0.95rem;
}

@media (max-width: 991px) {
    .features-grid[b-a3u48acszj] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .features-grid[b-a3u48acszj] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Service/ServiceProcessStepsSection.razor.rz.scp.css */
.process-steps-section[b-02uwsa1ed7] {
    padding: 5rem 0;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.process-steps-inner[b-02uwsa1ed7] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.process-steps-section .section-header[b-02uwsa1ed7] {
    text-align: center;
    margin-bottom: 3rem;
}

.process-steps-section .section-title[b-02uwsa1ed7] {
    color: var(--primary-navy);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.process-steps-section .section-subtitle[b-02uwsa1ed7] {
    color: var(--text-muted);
    font-size: 1.1rem;
    margin: 0;
}

.process-timeline-wrapper[b-02uwsa1ed7] {
    max-width: 900px;
    margin: 0 auto;
}

.process-timeline[b-02uwsa1ed7] {
    position: relative;
    padding-left: 100px;
}

.process-step[b-02uwsa1ed7] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 3rem;
    position: relative;
}

    .process-step:last-child[b-02uwsa1ed7] {
        margin-bottom: 0;
    }

    .process-step[b-02uwsa1ed7]::before {
        content: "";
        position: absolute;
        left: -68px;
        top: 50px;
        width: 2px;
        height: calc(100% + 3rem);
        background: var(--primary-orange);
        opacity: 0.3;
    }

    .process-step:last-child[b-02uwsa1ed7]::before {
        display: none;
    }

.step-number[b-02uwsa1ed7] {
    position: absolute;
    left: -100px;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--primary-orange), #d97706);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    box-shadow: 0 5px 15px rgba(245, 158, 11, 0.3);
    flex-shrink: 0;
}

.step-content[b-02uwsa1ed7] {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    flex: 1;
}

    .step-content h4[b-02uwsa1ed7] {
        color: var(--primary-navy);
        font-weight: 700;
        margin-bottom: 0.75rem;
    }

    .step-content p[b-02uwsa1ed7] {
        color: var(--text-muted);
        margin: 0;
    }

@media (max-width: 991px) {
    .process-timeline[b-02uwsa1ed7] {
        padding-left: 80px;
    }

    .step-number[b-02uwsa1ed7] {
        left: -80px;
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .process-step[b-02uwsa1ed7]::before {
        left: -55px;
    }
}

@media (max-width: 768px) {
    .process-timeline[b-02uwsa1ed7] {
        padding-left: 0;
    }

    .step-number[b-02uwsa1ed7] {
        position: static;
        margin: 0 auto 1rem;
    }

    .process-step[b-02uwsa1ed7]::before {
        display: none;
    }

    .process-step[b-02uwsa1ed7] {
        flex-direction: column;
        text-align: center;
    }
}
/* /Components/Pages/Tenders/HeroSection.razor.rz.scp.css */
/* #region Hero */

.hero-section-dark[b-myjrm1oeuf] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #0f1a2e 0%, var(--primary-navy) 100%);
}

.hero-inner[b-myjrm1oeuf] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.hero-text[b-myjrm1oeuf] {
    max-width: 700px;
}

.hero-title[b-myjrm1oeuf] {
    color: white;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.hero-subtitle[b-myjrm1oeuf] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 2rem;
}

/* #endregion */

/* #region Buttons */

.hero-buttons[b-myjrm1oeuf] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.hero-btn-primary[b-myjrm1oeuf] {
    display: inline-block;
    background-color: var(--primary-orange);
    color: white;
    padding: 0.75rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

    .hero-btn-primary:hover[b-myjrm1oeuf] {
        background-color: #cc6600;
        color: white;
    }

.hero-btn-secondary[b-myjrm1oeuf] {
    display: inline-block;
    color: white;
    border: 2px solid white;
    padding: 0.75rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .hero-btn-secondary:hover[b-myjrm1oeuf] {
        background-color: white;
        color: var(--primary-navy);
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 768px) {
    .hero-section-dark[b-myjrm1oeuf] {
        padding: 5rem 0 3rem 0;
    }

    .hero-title[b-myjrm1oeuf] {
        font-size: 2rem;
    }

    .hero-subtitle[b-myjrm1oeuf] {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .hero-buttons[b-myjrm1oeuf] {
        flex-direction: column;
    }

    .hero-btn-primary[b-myjrm1oeuf],
    .hero-btn-secondary[b-myjrm1oeuf] {
        text-align: center;
    }
}

/* #endregion */
/* /Components/Pages/Tenders/Main.razor.rz.scp.css */
/* /Components/Pages/Tenders/TenderListSection.razor.rz.scp.css */
/* #region Layout */

.tenders-section[b-p1lkc3pqfi] {
    background: var(--bg-light);
    padding: 5rem 0;
    min-height: 400px;
}

.tenders-inner[b-p1lkc3pqfi] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.tenders-list[b-p1lkc3pqfi] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* #endregion */

/* #region Tender Card */

.tender-card[b-p1lkc3pqfi] {
    background: var(--white);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #e2e8f0;
}

    .tender-card:hover[b-p1lkc3pqfi] {
        transform: translateY(-3px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    }

.tender-status-bar[b-p1lkc3pqfi] {
    width: 5px;
    flex-shrink: 0;
}

    .tender-status-bar.status-active[b-p1lkc3pqfi] {
        background: var(--status-active);
    }

    .tender-status-bar.status-upcoming[b-p1lkc3pqfi] {
        background: var(--status-upcoming);
    }

    .tender-status-bar.status-closed[b-p1lkc3pqfi] {
        background: var(--status-closed);
    }

.tender-body[b-p1lkc3pqfi] {
    padding: 1.5rem;
    flex-grow: 1;
}

.tender-body-inner[b-p1lkc3pqfi] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.tender-col-info[b-p1lkc3pqfi] {
    flex: 1;
    min-width: 0;
}

.tender-col-details[b-p1lkc3pqfi] {
    flex: 0 0 220px;
    min-width: 0;
}

.tender-col-action[b-p1lkc3pqfi] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
}

/* #endregion */

/* #region Badge & Meta */

.tender-meta[b-p1lkc3pqfi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.tender-badge[b-p1lkc3pqfi] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.3em 0.75em;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.badge-active[b-p1lkc3pqfi] {
    background: rgba(22, 163, 74, 0.1);
    color: var(--status-active);
}

.badge-upcoming[b-p1lkc3pqfi] {
    background: rgba(37, 99, 235, 0.1);
    color: var(--status-upcoming);
}

.badge-closed[b-p1lkc3pqfi] {
    background: rgba(148, 163, 184, 0.15);
    color: var(--status-closed);
}

.badge-urgent[b-p1lkc3pqfi] {
    background: rgba(220, 38, 38, 0.1);
    color: var(--status-urgent);
}

.tender-id[b-p1lkc3pqfi] {
    font-size: 0.8rem;
    color: var(--text-muted);
    font-family: monospace;
}

/* #endregion */

/* #region Card Content */

.tender-title[b-p1lkc3pqfi] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--primary-navy);
    margin-bottom: 0.5rem;
}

.tender-desc[b-p1lkc3pqfi] {
    font-size: 0.9rem;
    color: var(--text-muted);
    margin-bottom: 0;
    line-height: 1.6;
}

/* #endregion */

/* #region Tender Details */

.tender-details[b-p1lkc3pqfi] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.tender-detail[b-p1lkc3pqfi] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}

    .tender-detail > i[b-p1lkc3pqfi] {
        font-size: 1rem;
        color: var(--primary-navy);
        margin-top: 0.15rem;
        flex-shrink: 0;
    }

    .tender-detail .detail-label[b-p1lkc3pqfi] {
        display: block;
        font-size: 0.7rem;
        color: var(--text-muted);
        text-transform: uppercase;
        letter-spacing: 0.04em;
        line-height: 1;
    }

    .tender-detail .detail-value[b-p1lkc3pqfi] {
        display: block;
        font-size: 0.9rem;
        font-weight: 600;
        color: var(--text-dark);
        line-height: 1.4;
    }

/* #endregion */

/* #region Action Button */

.tender-btn[b-p1lkc3pqfi] {
    display: inline-block;
    background: var(--primary-navy);
    color: white;
    padding: 0.5rem 1.25rem;
    border-radius: 8px;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    transition: background-color 0.2s ease;
}

    .tender-btn:hover[b-p1lkc3pqfi] {
        background: #0f1a2e;
        color: white;
    }

/* #endregion */

/* #region Countdown */

.tender-countdown[b-p1lkc3pqfi] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--status-active);
    background: rgba(22, 163, 74, 0.08);
    padding: 0.4em 0.8em;
    border-radius: 8px;
    white-space: nowrap;
    text-align: center;
}

    .tender-countdown.urgent[b-p1lkc3pqfi] {
        color: var(--status-urgent);
        background: rgba(220, 38, 38, 0.08);
        animation: pulse-urgent-b-p1lkc3pqfi 2s ease-in-out infinite;
    }

    .tender-countdown.upcoming-info[b-p1lkc3pqfi] {
        color: var(--status-upcoming);
        background: rgba(37, 99, 235, 0.08);
    }

    .tender-countdown.closed-info[b-p1lkc3pqfi] {
        color: var(--status-closed);
        background: rgba(148, 163, 184, 0.1);
    }

@keyframes pulse-urgent-b-p1lkc3pqfi {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }
}

/* #endregion */

/* #region Empty State */

.empty-state[b-p1lkc3pqfi] {
    text-align: center;
    padding: 4rem 2rem;
    color: var(--text-muted);
}

    .empty-state i[b-p1lkc3pqfi] {
        font-size: 4rem;
        margin-bottom: 1rem;
        display: block;
        opacity: 0.4;
    }

    .empty-state h4[b-p1lkc3pqfi] {
        color: var(--primary-navy);
        margin-bottom: 0.5rem;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 991px) {
    .tender-body-inner[b-p1lkc3pqfi] {
        flex-wrap: wrap;
    }

    .tender-col-info[b-p1lkc3pqfi] {
        flex: 1 1 100%;
    }

    .tender-col-details[b-p1lkc3pqfi] {
        flex: 1 1 auto;
    }

    .tender-col-action[b-p1lkc3pqfi] {
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .tenders-section[b-p1lkc3pqfi] {
        padding: 3rem 0;
    }

    .tender-card[b-p1lkc3pqfi] {
        flex-direction: column;
    }

    .tender-status-bar[b-p1lkc3pqfi] {
        width: 100%;
        height: 5px;
    }

    .tender-title[b-p1lkc3pqfi] {
        font-size: 1.05rem;
    }

    .tender-col-details[b-p1lkc3pqfi] {
        flex: none;
        width: 100%;
    }
}

/* #endregion */
/* /Components/Pages/Tender/HeroSection.razor.rz.scp.css */
/* #region Hero Wrapper */

.hero-inner[b-y6ihaczfyj] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.hero-content[b-y6ihaczfyj] {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.hero-text[b-y6ihaczfyj] {
    flex: 1;
}

/* #endregion */

/* #region Light Theme */

.hero-section-light[b-y6ihaczfyj] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

.hero-section-light .hero-title[b-y6ihaczfyj] {
    color: var(--primary-navy);
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.hero-section-light .hero-subtitle[b-y6ihaczfyj] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--text-muted);
    margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Dark Theme */

.hero-section-dark[b-y6ihaczfyj] {
    padding: 8rem 0 5rem 0;
    background: linear-gradient(135deg, #0f1a2e 0%, var(--primary-navy) 100%);
}

.hero-section-dark .hero-title[b-y6ihaczfyj] {
    color: white;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.hero-section-dark .hero-subtitle[b-y6ihaczfyj] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Buttons */

.hero-buttons-light[b-y6ihaczfyj],
.hero-buttons-dark[b-y6ihaczfyj] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.hero-buttons-light .hero-btn-primary[b-y6ihaczfyj] {
    display: inline-block;
    background-color: var(--primary-navy);
    color: white;
    padding: 0.75rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

    .hero-buttons-light .hero-btn-primary:hover[b-y6ihaczfyj] {
        background-color: #0f1a2e;
        color: white;
    }

.hero-buttons-light .hero-btn-secondary[b-y6ihaczfyj] {
    display: inline-block;
    color: var(--primary-navy);
    border: 2px solid var(--primary-navy);
    padding: 0.75rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .hero-buttons-light .hero-btn-secondary:hover[b-y6ihaczfyj] {
        background-color: var(--primary-navy);
        color: white;
    }

.hero-buttons-dark .hero-btn-primary[b-y6ihaczfyj] {
    display: inline-block;
    background-color: var(--primary-navy);
    color: white;
    padding: 0.75rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

    .hero-buttons-dark .hero-btn-primary:hover[b-y6ihaczfyj] {
        background-color: #0f1a2e;
        color: white;
    }

.hero-buttons-dark .hero-btn-secondary[b-y6ihaczfyj] {
    display: inline-block;
    background-color: var(--primary-orange);
    color: white;
    padding: 0.75rem 2rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

    .hero-buttons-dark .hero-btn-secondary:hover[b-y6ihaczfyj] {
        background-color: #cc6600;
        transform: translateY(-2px);
        box-shadow: 0 8px 16px rgba(255, 127, 0, 0.3);
    }

/* #endregion */

/* #region Image */

.hero-image-wrap[b-y6ihaczfyj] {
    flex: 1;
}

.hero-img[b-y6ihaczfyj] {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 8px;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 991px) {
    .hero-content[b-y6ihaczfyj] {
        flex-direction: column;
    }

    .hero-text[b-y6ihaczfyj],
    .hero-image-wrap[b-y6ihaczfyj] {
        width: 100%;
        flex: none;
    }
}

@media (max-width: 768px) {
    .hero-section-light[b-y6ihaczfyj],
    .hero-section-dark[b-y6ihaczfyj] {
        padding: 5rem 0 3rem 0;
    }

    .hero-section-light .hero-title[b-y6ihaczfyj],
    .hero-section-dark .hero-title[b-y6ihaczfyj] {
        font-size: 2rem;
    }

    .hero-img[b-y6ihaczfyj] {
        height: 200px;
    }
}

@media (max-width: 480px) {
    .hero-buttons-light[b-y6ihaczfyj],
    .hero-buttons-dark[b-y6ihaczfyj] {
        flex-direction: column;
    }

    .hero-buttons-light .hero-btn-primary[b-y6ihaczfyj],
    .hero-buttons-light .hero-btn-secondary[b-y6ihaczfyj],
    .hero-buttons-dark .hero-btn-primary[b-y6ihaczfyj],
    .hero-buttons-dark .hero-btn-secondary[b-y6ihaczfyj] {
        text-align: center;
    }
}

/* #endregion */
/* /Components/Pages/Tender/Main.razor.rz.scp.css */
/* /Components/Pages/Tender/RelatedTendersSection.razor.rz.scp.css */
/* #region Layout */

.related-tenders[b-9vhchazzqz] {
    background: var(--white);
    padding: 5rem 0;
}

.related-tenders-inner[b-9vhchazzqz] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.related-tenders-title[b-9vhchazzqz] {
    color: var(--primary-navy);
    font-weight: 700;
    margin-bottom: 2rem;
    text-align: center;
}

.related-tenders-grid[b-9vhchazzqz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

/* #endregion */

/* #region Related Card */

.related-card[b-9vhchazzqz] {
    background: var(--bg-light);
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .related-card:hover[b-9vhchazzqz] {
        transform: translateY(-4px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    }

.related-status[b-9vhchazzqz] {
    margin-bottom: 0.5rem;
}

.related-id[b-9vhchazzqz] {
    display: block;
    font-family: monospace;
    font-size: 0.78rem;
    color: var(--text-muted);
    margin-bottom: 0.5rem;
}

.related-card h5[b-9vhchazzqz] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--primary-navy);
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.related-card p[b-9vhchazzqz] {
    font-size: 0.88rem;
    color: var(--text-muted);
    margin-bottom: 0;
    line-height: 1.5;
    flex: 1;
}

/* #endregion */

/* #region Card Footer */

.related-card-footer[b-9vhchazzqz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
}

.related-deadline[b-9vhchazzqz] {
    font-size: 0.82rem;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.related-details-btn[b-9vhchazzqz] {
    display: inline-block;
    color: var(--primary-navy);
    border: 1.5px solid var(--primary-navy);
    padding: 0.35rem 0.9rem;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 500;
    transition: background-color 0.2s ease, color 0.2s ease;
    white-space: nowrap;
}

    .related-details-btn:hover[b-9vhchazzqz] {
        background-color: var(--primary-navy);
        color: var(--white);
    }

/* #endregion */

/* #region Badge */

.tender-badge[b-9vhchazzqz] {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.3em 0.7em;
    border-radius: 50px;
    text-transform: uppercase;
}

.badge-active[b-9vhchazzqz] {
    background: rgba(22, 163, 74, 0.1);
    color: #16a34a;
}

.badge-upcoming[b-9vhchazzqz] {
    background: rgba(37, 99, 235, 0.1);
    color: #2563eb;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 991px) {
    .related-tenders-grid[b-9vhchazzqz] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .related-tenders[b-9vhchazzqz] {
        padding: 3rem 0;
    }

    .related-tenders-grid[b-9vhchazzqz] {
        grid-template-columns: 1fr;
    }
}

/* #endregion */
/* /Components/Pages/Tender/TenderContentSection.razor.rz.scp.css */
/* #region Layout */

.tender-content[b-nfs88ez2f2] {
    background: var(--bg-light);
    padding: 5rem 0;
}

.tender-content-inner[b-nfs88ez2f2] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.tender-content-grid[b-nfs88ez2f2] {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.tender-content-main[b-nfs88ez2f2] {
    flex: 2;
    min-width: 0;
}

.tender-content-aside[b-nfs88ez2f2] {
    flex: 1;
    min-width: 0;
}

/* #endregion */

/* #region Content Card */

.content-card[b-nfs88ez2f2] {
    background: var(--white);
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 1.5rem;
    border: 1px solid #e2e8f0;
}

.section-title[b-nfs88ez2f2] {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--primary-navy);
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--bg-light);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .section-title i[b-nfs88ez2f2] {
        color: var(--primary-orange);
    }

/* #endregion */

/* #region Sidebar */

.sidebar-sticky[b-nfs88ez2f2] {
    position: sticky;
    top: 140px;
}

.sidebar-card[b-nfs88ez2f2] {
    background: var(--white);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    border: 1px solid #e2e8f0;
}

.sidebar-title[b-nfs88ez2f2] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--primary-navy);
    margin-bottom: 1rem;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid var(--bg-light);
}

/* #endregion */

/* #region Sidebar Info */

.sidebar-info-list[b-nfs88ez2f2] {
    display: flex;
    flex-direction: column;
}

.sidebar-info-item[b-nfs88ez2f2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.55rem 0;
    border-bottom: 1px solid #f1f5f9;
}

    .sidebar-info-item:last-child[b-nfs88ez2f2] {
        border-bottom: none;
    }

.info-label[b-nfs88ez2f2] {
    font-size: 0.82rem;
    color: var(--text-muted);
}

.info-value[b-nfs88ez2f2] {
    font-size: 0.88rem;
    color: var(--text-dark);
    text-align: right;
}

.info-value-bold[b-nfs88ez2f2] {
    font-weight: 700;
}

.status-dot[b-nfs88ez2f2] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 0.35rem;
}

    .status-dot.active[b-nfs88ez2f2] {
        background: #16a34a;
    }

/* #endregion */

/* #region Responsive */

@media (max-width: 991px) {
    .tender-content-grid[b-nfs88ez2f2] {
        flex-direction: column;
    }

    .tender-content-aside[b-nfs88ez2f2] {
        width: 100%;
    }

    .sidebar-sticky[b-nfs88ez2f2] {
        position: relative;
        top: auto;
    }
}

@media (max-width: 768px) {
    .tender-content[b-nfs88ez2f2] {
        padding: 3rem 0;
    }

    .content-card[b-nfs88ez2f2] {
        padding: 1.5rem;
    }
}

/* #endregion */
/* /Components/Parts/Alert.razor.rz.scp.css */

/* #region TOAST ALERTS */

.toast-alert-container[b-zator6d4ar] {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999; /* Mindig legfelül */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 90%; /* Mobil optimalizáció */
    max-width: 400px;
    pointer-events: none; /* A konténeren át lehet kattintani, ha nincs ott alert */
}

.toast-alert-box[b-zator6d4ar] {
    background: var(--white);
    border: 1px solid #e2e8f0;
    color: var(--text-dark);
    padding: 12px 20px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    pointer-events: auto; /* Magára az alertre már lehessen kattintani */
    border-left: 4px solid var(--primary-navy);
    font-family: var(--eurostile);
    font-size: 14px;
}

    /* Típusok szerinti bal oldali szegély színezés a te root változóidból */
    .toast-alert-box.type-info[b-zator6d4ar] {
        border-left-color: #3b82f6;
    }

    .toast-alert-box.type-success[b-zator6d4ar] {
        border-left-color: #22c55e;
    }

    .toast-alert-box.type-warning[b-zator6d4ar] {
        border-left-color: var(--primary-orange);
    }

    .toast-alert-box.type-error[b-zator6d4ar] {
        border-left-color: #ef4444;
    }

.toast-alert-content[b-zator6d4ar] {
    flex-grow: 1;
    word-break: break-word;
}

.toast-alert-close[b-zator6d4ar] {
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
    color: var(--text-muted);
    margin-left: 15px;
    transition: color 0.2s ease;
    user-select: none;
}

    .toast-alert-close:hover[b-zator6d4ar] {
        color: var(--primary-orange);
    }

/* Animációk (Vajpuha rugózó belépés) */
.toast-slide-in[b-zator6d4ar] {
    animation: toastSlideIn-b-zator6d4ar 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.toast-slide-out[b-zator6d4ar] {
    animation: toastSlideOut-b-zator6d4ar 0.3s ease-in forwards;
}

@keyframes toastSlideIn-b-zator6d4ar {
    0% {
        opacity: 0;
        transform: translateY(-30px) scale(0.9);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes toastSlideOut-b-zator6d4ar {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px) scale(0.9);
    }
}

/* #endregion */
/* /Components/Parts/Confirmator.razor.rz.scp.css */
/* #region CONFIRMATOR */

.confirmator[b-jbfe6s4g9n] {
}

    .confirmator .confirm-backdrop[b-jbfe6s4g9n] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2000;
    }

    .confirmator .confirm-box[b-jbfe6s4g9n] {
        background: var(--card-background);
        padding: 20px;
        border-radius: 8px;
        min-width: 300px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        animation: fadeIn 0.2s;
    }

    .confirmator .confirm-title[b-jbfe6s4g9n] {
        margin-top: 0;
        margin-bottom: 10px;
        color: var(--primary-color);
    }

    .confirmator .confirm-message[b-jbfe6s4g9n] {
        margin-bottom: 20px;
        color: var(--secondary-color);
    }

    .confirmator .confirm-buttons[b-jbfe6s4g9n] {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
    }

    .confirmator .btn-cancel[b-jbfe6s4g9n] {
        background: #ddd;
        border: none;
        padding: 8px 16px;
        border-radius: 4px;
        cursor: pointer;
    }

    .confirmator .btn-ok[b-jbfe6s4g9n] {
        background: var(--primary-color);
        color: white;
        border: none;
        padding: 8px 16px;
        border-radius: 4px;
        cursor: pointer;
    }

        .confirmator .btn-ok:hover[b-jbfe6s4g9n] {
            background: var(--accent-color);
        }

/* #endregion */
/* /Components/Parts/Footer.razor.rz.scp.css */
/* #region Footer */

.footer[b-k1znzts2n4] {
    background-color: var(--primary-navy);
    margin-top: 4rem;
    padding: 3rem 0 0;
}

.footer-inner[b-k1znzts2n4] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.footer-grid[b-k1znzts2n4] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 2fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

.footer-heading[b-k1znzts2n4] {
    color: white;
    font-weight: 600;
    margin: 0 0 1rem 0;
    font-size: 1rem;
}

.footer-tagline[b-k1znzts2n4] {
    color: rgb(200, 200, 200);
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0;
}

.footer-social[b-k1znzts2n4] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.footer-social-link[b-k1znzts2n4] {
    color: rgb(200, 200, 200) !important;
    font-size: 1.5rem;
    text-decoration: none;
    transition: color 0.3s ease;
}

    .footer-social-link:hover[b-k1znzts2n4] {
        color: var(--primary-orange) !important;
    }

.footer-links[b-k1znzts2n4] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .footer-links li[b-k1znzts2n4] {
        margin-bottom: 0.5rem;
    }

    .footer-links a[b-k1znzts2n4] {
        color: rgb(200, 200, 200) !important;
        text-decoration: none;
        font-size: 0.9rem;
        transition: color 0.3s ease;
    }

        .footer-links a:hover[b-k1znzts2n4] {
            color: var(--primary-orange) !important;
        }

.footer-contact-list[b-k1znzts2n4] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .footer-contact-list li[b-k1znzts2n4] {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
        color: rgb(200, 200, 200);
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
    }

    .footer-contact-list i[b-k1znzts2n4] {
        margin-top: 0.2rem;
        flex-shrink: 0;
    }

.footer-divider[b-k1znzts2n4] {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin: 0.5rem 0 1.5rem;
}

.footer-bottom[b-k1znzts2n4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.footer-copyright[b-k1znzts2n4] {
    color: rgb(200, 200, 200);
    font-size: 0.85rem;
    margin: 0;
}

.footer-legal[b-k1znzts2n4] {
    display: flex;
    gap: 1.5rem;
}

    .footer-legal a[b-k1znzts2n4] {
        color: rgb(200, 200, 200) !important;
        text-decoration: none;
        font-size: 0.85rem;
        transition: color 0.3s ease;
    }

        .footer-legal a:hover[b-k1znzts2n4] {
            color: var(--primary-orange) !important;
        }

/* Tablet */
@media (max-width: 1024px) {
    .footer-grid[b-k1znzts2n4] {
        grid-template-columns: 1fr 1fr;
    }

    .footer-col-brand[b-k1znzts2n4] {
        grid-column: span 2;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .footer-grid[b-k1znzts2n4] {
        grid-template-columns: 1fr;
    }

    .footer-col-brand[b-k1znzts2n4] {
        grid-column: span 1;
    }

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

/* #endregion */
/* /Components/Parts/Header.razor.rz.scp.css */
/* #region Navbar */

.site-nav[b-eic3n0r8q4] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.nav-container[b-eic3n0r8q4] {
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    min-height: 70px;
    position: relative;
}

.nav-logo[b-eic3n0r8q4] {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.logo[b-eic3n0r8q4] {
    height: 50px;
    width: auto;
}

/* #endregion */

/* #region Mobile Controls */

.nav-mobile-controls[b-eic3n0r8q4] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: auto;
}

/* #endregion */

/* #region Nav Links */

.nav-links[b-eic3n0r8q4] {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 999;
    border-top: 1px solid #e2e8f0;
}

    .nav-links.open[b-eic3n0r8q4] {
        display: block;
    }

.nav-list[b-eic3n0r8q4] {
    list-style: none;
    margin: 0;
    padding: 0.5rem 0;
    display: flex;
    flex-direction: column;
}

.nav-list li[b-eic3n0r8q4] {
    display: flex;
    align-items: center;
}

.nav-link[b-eic3n0r8q4] {
    display: block;
    width: 100%;
    padding: 0.65rem 1.5rem;
    font-weight: 600;
    font-size: 0.95rem;
    color: #2c2e6e;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .nav-link:hover[b-eic3n0r8q4],
    .nav-link.active[b-eic3n0r8q4] {
        color: var(--primary-orange);
    }

/* Desktop-only items hidden on mobile */
.desktop-only[b-eic3n0r8q4] {
    display: none !important;
}

/* #endregion */

/* #region Desktop Layout */

@media (min-width: 992px) {
    .nav-mobile-controls[b-eic3n0r8q4] {
        display: none;
    }

    .nav-links[b-eic3n0r8q4] {
        display: flex !important;
        position: static;
        background: transparent;
        box-shadow: none;
        border-top: none;
        margin-left: auto;
        z-index: auto;
    }

    .nav-list[b-eic3n0r8q4] {
        flex-direction: row;
        align-items: center;
        padding: 0;
        gap: 0;
    }

    .nav-list li[b-eic3n0r8q4] {
        flex-shrink: 0;
    }

    .nav-link[b-eic3n0r8q4] {
        padding: 0.5rem 0.7rem;
        white-space: nowrap;
        font-size: 0.875rem;
        width: auto;
    }

    .desktop-only[b-eic3n0r8q4] {
        display: flex !important;
        align-items: center;
    }
}

/* #endregion */

/* #region Hamburger Button */

.hamburger[b-eic3n0r8q4] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px 6px;
    position: relative;
    width: 36px;
    height: 28px;
    flex-shrink: 0;
}

    .hamburger:focus[b-eic3n0r8q4] {
        outline: none;
        box-shadow: none;
    }

.icon-bar[b-eic3n0r8q4] {
    display: block;
    position: absolute;
    height: 2px;
    width: 22px;
    background-color: #333;
    border-radius: 1px;
    left: 7px;
    transition: all 0.3s ease-in-out;
}

.top-bar[b-eic3n0r8q4] {
    top: 4px;
}

.middle-bar[b-eic3n0r8q4] {
    top: 13px;
}

.bottom-bar[b-eic3n0r8q4] {
    top: 22px;
}

.hamburger.open .top-bar[b-eic3n0r8q4] {
    top: 13px;
    transform: rotate(45deg);
}

.hamburger.open .middle-bar[b-eic3n0r8q4] {
    opacity: 0;
}

.hamburger.open .bottom-bar[b-eic3n0r8q4] {
    top: 13px;
    transform: rotate(-45deg);
}

/* #endregion */

/* #region Icon Button */

.icon-btn[b-eic3n0r8q4] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

    .icon-btn:focus[b-eic3n0r8q4] {
        outline: none;
    }

.nav-icon[b-eic3n0r8q4] {
    width: 22px;
    height: 22px;
    opacity: 0.65;
    transition: opacity 0.2s ease;
}

    .icon-btn:hover .nav-icon[b-eic3n0r8q4] {
        opacity: 1;
    }

/* #endregion */

/* #region Language Dropdown */

.lang-dropdown[b-eic3n0r8q4] {
    position: relative;
}

.lang-menu[b-eic3n0r8q4] {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    list-style: none;
    margin: 0;
    padding: 0.4rem 0;
    min-width: 120px;
    z-index: 1001;
    border: 1px solid #e2e8f0;
}

    .lang-menu li[b-eic3n0r8q4] {
        display: block;
    }

    .lang-menu button[b-eic3n0r8q4] {
        width: 100%;
        background: none;
        border: none;
        padding: 0.5rem 1rem;
        text-align: center;
        cursor: pointer;
        font-weight: 500;
        font-size: 0.9rem;
        color: #2c2e6e;
        transition: background 0.15s ease, color 0.15s ease;
    }

        .lang-menu button:hover[b-eic3n0r8q4] {
            background: #f1f5f9;
            color: var(--primary-orange);
        }

.lang-dropdown.open .lang-menu[b-eic3n0r8q4] {
    display: block;
}

/* Mobile lang dropdown: align to right edge of controls */
.nav-mobile-controls .lang-menu[b-eic3n0r8q4] {
    right: 0;
}

/* #endregion */

/* #region Nav Backdrop */

.nav-backdrop[b-eic3n0r8q4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 900;
}

/* #endregion */

/* #region Header Search Panel */

.header-search-panel[b-eic3n0r8q4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100vw;
    height: 100%;
    z-index: 9999;
    display: none;
    opacity: 0;
    overflow-x: hidden;
    transition: opacity 0.3s ease;
}

    .header-search-panel.active[b-eic3n0r8q4] {
        display: block;
        opacity: 1;
    }

.search-overlay[b-eic3n0r8q4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(26, 43, 74, 0.95);
    backdrop-filter: blur(5px);
}

.search-content[b-eic3n0r8q4] {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100vw;
    padding: 2rem 1rem;
    box-sizing: border-box;
    transform: translateY(-30px);
    transition: transform 0.3s ease;
}

.header-search-panel.active .search-content[b-eic3n0r8q4] {
    transform: translateY(0);
}

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

.search-header[b-eic3n0r8q4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

    .search-header h3[b-eic3n0r8q4] {
        color: white;
        font-weight: 600;
        margin: 0;
        font-size: 1.5rem;
    }

.search-close-btn[b-eic3n0r8q4] {
    background: transparent;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    transition: transform 0.2s ease, color 0.2s ease;
    line-height: 1;
}

    .search-close-btn:hover[b-eic3n0r8q4] {
        transform: scale(1.1);
        color: var(--primary-orange);
    }

.search-body[b-eic3n0r8q4] {
    background-color: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    max-height: 600px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow-x: hidden;
}

.search-input-wrapper[b-eic3n0r8q4] {
    position: relative;
    margin-bottom: 2rem;
    flex-shrink: 0;
}

.search-icon[b-eic3n0r8q4] {
    position: absolute;
    left: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    font-size: 1.25rem;
    pointer-events: none;
}

.search-input[b-eic3n0r8q4] {
    width: 100%;
    padding: 1rem 3.5rem 1rem 3.5rem;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 1.125rem;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;
}

    .search-input:focus[b-eic3n0r8q4] {
        outline: none;
        border-color: #1a2b4a;
        box-shadow: 0 0 0 3px rgba(26, 43, 74, 0.1);
    }

.search-results[b-eic3n0r8q4] {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.5rem;
}

    .search-results h5[b-eic3n0r8q4] {
        color: #1a2b4a;
        font-weight: 600;
        font-size: 0.875rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 1rem;
        position: sticky;
        top: 0;
        background-color: white;
        padding: 0.5rem 0;
        z-index: 1;
    }

.results-list[b-eic3n0r8q4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-bottom: 1rem;
}

    .results-list > a[b-eic3n0r8q4] {
        display: flex;
        align-items: start;
        padding: 1rem;
        background-color: #f8fafc;
        border-radius: 8px;
        text-decoration: none;
        transition: all 0.2s ease;
        animation: fadeIn-b-eic3n0r8q4 0.3s ease forwards;
    }

        .results-list > a:hover[b-eic3n0r8q4] {
            background-color: #e2e8f0;
            transform: translateX(5px);
        }

        .results-list > a:nth-child(1)[b-eic3n0r8q4] { animation-delay: 0.05s; }
        .results-list > a:nth-child(2)[b-eic3n0r8q4] { animation-delay: 0.1s; }
        .results-list > a:nth-child(3)[b-eic3n0r8q4] { animation-delay: 0.15s; }
        .results-list > a:nth-child(4)[b-eic3n0r8q4] { animation-delay: 0.2s; }
        .results-list > a:nth-child(5)[b-eic3n0r8q4] { animation-delay: 0.25s; }

.result-icon[b-eic3n0r8q4] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1a2b4a;
    color: white;
    border-radius: 6px;
    margin-right: 1rem;
    font-size: 1.25rem;
}

.result-content[b-eic3n0r8q4] {
    flex-grow: 1;
}

.result-title[b-eic3n0r8q4] {
    color: #1a2b4a;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0.25rem;
}

.result-description[b-eic3n0r8q4] {
    color: #64748b;
    font-size: 0.875rem;
    margin: 0;
}

.result-category[b-eic3n0r8q4] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background-color: var(--primary-orange);
    color: white;
    border-radius: 4px;
    font-size: 0.75rem;
    margin-top: 0.5rem;
}

/* #endregion */

/* #region Responsive */

@media (max-width: 991px) {
    .nav-container[b-eic3n0r8q4] {
        padding: 0 1rem;
    }
}

@media (max-width: 768px) {
    .search-content[b-eic3n0r8q4] {
        padding: 1rem 0.75rem;
    }

    .search-body[b-eic3n0r8q4] {
        padding: 1rem;
        max-height: calc(100vh - 120px);
    }

    .search-header h3[b-eic3n0r8q4] {
        font-size: 1.25rem;
    }

    .search-input[b-eic3n0r8q4] {
        font-size: 1rem;
        padding: 0.875rem 3rem;
    }

    .result-icon[b-eic3n0r8q4] {
        width: 35px;
        height: 35px;
        font-size: 1rem;
    }

    .result-title[b-eic3n0r8q4] {
        font-size: 0.9375rem;
    }

    .result-description[b-eic3n0r8q4] {
        font-size: 0.8125rem;
    }
}

/* #endregion */

/* #region Animations */

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

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

/* #endregion */
/* /Components/Parts/Loader.razor.rz.scp.css */
/* #region VANILLA LOADER */

.vanilla-loader[b-bb51bt5mpx] {
    display: inline-block;
    width: 100px;
}

.vanilla-loader-img-1[b-bb51bt5mpx] {
    display: unset;
    width: 25%;
    animation: flash-b-bb51bt5mpx 2s infinite ease-in-out;
    animation-delay: 0s;
}

.vanilla-loader-img-2[b-bb51bt5mpx] {
    display: unset;
    width: 25%;
    animation: flash-b-bb51bt5mpx 2s infinite ease-in-out;
    animation-delay: 0.5s;
}

.vanilla-loader-img-3[b-bb51bt5mpx] {
    display: unset;
    width: 25%;
    animation: flash-b-bb51bt5mpx 2s infinite ease-in-out;
    animation-delay: 1s;
}

@keyframes flash-b-bb51bt5mpx {

    0% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    70% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* #endregion */
/* /Components/Parts/Nkfi.razor.rz.scp.css */
.nkfi[b-42o6qoazii] {
    position: fixed;
    bottom: 0;
    left: 0px !important;
    z-index: 99;
    border-radius: 0px;
    padding: 0px;
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    box-shadow: 20px -20px 24px rgba(0, 0, 0, 0.15);
}

    .nkfi img[b-42o6qoazii] {
        width: 300px;
    }

@media (max-width: 768px) {

    .nkfi img[b-42o6qoazii] {
        width: 200px;
    }
}
/* /Components/Parts/Szechenyi.razor.rz.scp.css */
.szechenyi[b-1pnfku68xr] {
    right: 0;
    position: fixed;
    top: 70px;
    overflow: hidden;
    z-index: 999;
}

    .szechenyi img[b-1pnfku68xr] {
        width: 300px;
    }

@media (max-width: 768px) {

    .szechenyi img[b-1pnfku68xr] {
        width: 150px;
    }
}
/* /Components/Parts/WelcomeModal.razor.rz.scp.css */
.custom-welcome-backdrop[b-zjc8hb4uy5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(26, 43, 74, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    backdrop-filter: blur(3px);
    animation: fadeIn 0.3s ease-in-out;
    font-family: var(--eurostile);
    padding: 1rem;
    box-sizing: border-box;
    overflow: hidden;
}

.custom-welcome-box[b-zjc8hb4uy5] {
    background: var(--white);
    border-radius: 8px;
    border-top: 5px solid var(--primary-orange);
    width: 600px;
    max-width: 100%;
    /* Görgethetőség, ha a tartalom magasabb a képernyőnél */
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}

    /* Görgetősáv formázása a dobozon belül (opcionális, de szebb) */
    .custom-welcome-box[b-zjc8hb4uy5]::-webkit-scrollbar {
        width: 6px;
    }

    .custom-welcome-box[b-zjc8hb4uy5]::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 3px;
    }

.custom-welcome-section[b-zjc8hb4uy5] {
    padding: 30px 40px;
}

.custom-welcome-title[b-zjc8hb4uy5] {
    color: #2c2e6e;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.custom-welcome-text[b-zjc8hb4uy5] {
    color: var(--text-dark);
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

    .custom-welcome-text em[b-zjc8hb4uy5] {
        color: var(--text-muted);
        font-weight: 700;
        font-style: normal;
    }

.custom-welcome-divider[b-zjc8hb4uy5] {
    height: 1px;
    background: var(--bg-light);
    margin: 0 40px;
    border-bottom: 1px solid #e2e8f0;
}

.custom-welcome-footer[b-zjc8hb4uy5] {
    padding: 20px 40px 30px 40px;
    display: flex;
    justify-content: center;
}

.custom-welcome-btn[b-zjc8hb4uy5] {
    background: var(--primary-orange);
    color: var(--white);
    border: none;
    border-radius: 6px;
    padding: 12px 30px;
    font-family: var(--eurostile);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(245, 158, 11, 0.3);
    width: auto;
}

    .custom-welcome-btn:hover[b-zjc8hb4uy5] {
        background: #d97706;
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(245, 158, 11, 0.4);
    }

/* MOBIL NÉZET (768px és az alatt) */
@media (max-width: 768px) {
    .custom-welcome-section[b-zjc8hb4uy5] {
        padding: 16px 20px;
    }

    .custom-welcome-title[b-zjc8hb4uy5] {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .custom-welcome-text[b-zjc8hb4uy5] {
        font-size: 13px;
    }

    .custom-welcome-divider[b-zjc8hb4uy5] {
        margin: 0 20px;
    }

    .custom-welcome-footer[b-zjc8hb4uy5] {
        padding: 12px 20px 20px 20px;
    }

    .custom-welcome-btn[b-zjc8hb4uy5] {
        width: 100%;
        padding: 14px 20px;
    }
}