/*!
 * National Design System — Critical CSS
 * Version: 1.0.0
 */
input:is([type=text],[type=email],[type=password],[type=search],[type=tel],[type=url]):is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:autofill,:autofill:hover,:autofill:focus), textarea:is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:autofill,:autofill:hover,:autofill:focus) {
    -webkit-box-shadow: 0 0 0 1000px var(--form-field-background-default) inset !important;
    box-shadow: 0 0 0 1000px var(--form-field-background-default) inset !important;
    -webkit-text-fill-color: var(--form-field-text-focused) !important;
    caret-color: var(--form-field-text-focused);
    background-clip: padding-box;
    transition: background-color 9999s ease-out,color 9999s ease-out
}

input:is([type=text],[type=email],[type=password],[type=search],[type=tel],[type=url]):-moz-autofill, textarea:-moz-autofill {
    box-shadow: 0 0 0 1000px var(--form-field-background-default) inset !important;
    color: var(--form-field-text-focused) !important;
    background-clip: padding-box
}

:root {
    --nds-nav-height: 72px;
    --nds-minimal-nav-item-height: 40px;
    --nds-sidemenu-width: 260px;
    --nds-sidemenu-toggle-height: 56px;
    --nds-sideinfo-width: 400px;
    --nds-minimal-nav-bp: 960px;
  /*  --nds-content-MaxWidth: 1280px;*/
    --nds-content-MaxWidth: 1440px;
    --nds-viewport-base-padding: 32px;
    --nds-transition-speed: .2;
    --background-default: #fff;
    --background-body: #f9fafb;
    --background-nav: #fff;
    --text-default: #161616;
    --text-display: #1f2a37;
    --text-oncolor-primary: #fff;
    --nds-viewport-padding: var(--nds-viewport-base-padding);
    --nds-transition-effect: ease;
    --nds-transition: calc(var(--nds-transition-speed) * 1s) var(--nds-transition-effect);
    --nds-font-family: Madani Arabic, "IBM Plex Sans Arabic", sans-serif;
    --typo-display-clamp-2xl-FS: clamp(48px, 6vw, 72px);
    --typo-display-clamp-2xl-LH: clamp(58px, 7.5vw, 90px);
    --typo-display-clamp-2xl-MB: clamp(14.5px, 1.875vw, 22.5px);
    --typo-display-clamp-xl-FS: clamp(40px, 5vw, 60px);
    --typo-display-clamp-xl-LH: clamp(44px, 6vw, 72px);
    --typo-display-clamp-xl-MB: clamp(11px, 1.5vw, 18px);
    --typo-display-clamp-lg-FS: clamp(32px, 3.75vw, 48px);
    --typo-display-clamp-lg-LH: clamp(38px, 5vw, 60px);
    --typo-display-clamp-lg-MB: clamp(9.5px, 1.25vw, 15px);
    --typo-display-clamp-md-FS: clamp(24px, 3vw, 36px);
    --typo-display-clamp-md-LH: clamp(30px, 3.67vw, 44px);
    --typo-display-clamp-md-MB: clamp(7.5px, 0.9175vw, 11px);
    --typo-display-clamp-sm-FS: clamp(20px, 2.5vw, 30px);
    --typo-display-clamp-sm-LH: clamp(26px, 3.17vw, 38px);
    --typo-display-clamp-sm-MB: clamp(6.5px, 0.7925vw, 9.5px);
    --typo-display-clamp-xs-FS: clamp(18px, 2vw, 24px);
    --typo-display-clamp-xs-LH: clamp(24px, 2.5vw, 30px);
    --typo-display-clamp-xs-MB: clamp(6px, 0.625vw, 7.5px);
    --typo-text-clamp-xl-FS: clamp(16px, 1.875vw, 20px);
    --typo-text-clamp-xl-LH: clamp(26px, 2.33vw, 28px);
    --typo-text-clamp-lg-FS: clamp(14px, 1.67vw, 18px);
    --typo-text-clamp-lg-LH: clamp(24px, 2.17vw, 26px);
    --typo-text-clamp-md-FS: clamp(12px, 1.46vw, 16px);
    --typo-text-clamp-md-LH: clamp(22px, 2vw, 24px);
    --typo-text-clamp-sm-FS: clamp(10px, 1.25vw, 14px);
    --typo-text-clamp-sm-LH: clamp(20px, 1.83vw, 22px);
    --typo-text-clamp-xs-FS: clamp(8px, 1.04vw, 12px);
    --typo-text-clamp-xs-LH: clamp(16px, 1.67vw, 20px);
    --typo-text-clamp-2xs-FS: clamp(8px, 0.83vw, 10px);
    --typo-text-clamp-2xs-LH: clamp(14px, 1.33vw, 16px);
    --typo-display-2xl-FS: 72px;
    --typo-display-2xl-LH: 90px;
    --typo-display-xl-FS: 60px;
    --typo-display-xl-LH: 72px;
    --typo-display-lg-FS: 48px;
    --typo-display-lg-LH: 60px;
    --typo-display-md-FS: 36px;
    --typo-display-md-LH: 44px;
    --typo-display-sm-FS: 30px;
    --typo-display-sm-LH: 38px;
    --typo-display-xs-FS: 24px;
    --typo-display-xs-LH: 32px;
    --typo-text-xl-FS: 20px;
    --typo-text-xl-LH: 30px;
    --typo-text-lg-FS: 18px;
    --typo-text-lg-LH: 28px;
    --typo-text-md-FS: 16px;
    --typo-text-md-LH: 24px;
    --typo-text-sm-FS: 14px;
    --typo-text-sm-LH: 20px;
    --typo-text-xs-FS: 12px;
    --typo-text-xs-LH: 18px;
    --spacing-none: var(--spacing-0, 0px);
    --spacing-xxs: var(--spacing-0-5, 2px);
    --spacing-xs: var(--spacing-1, 4px);
    --spacing-sm: var(--spacing-1-5, 6px);
    --spacing-md: var(--spacing-2, 8px);
    --spacing-lg: var(--spacing-3, 12px);
    --spacing-xl: var(--spacing-4, 16px);
    --spacing-2xl: var(--spacing-5, 20px);
    --spacing-3xl: var(--spacing-6, 24px);
    --spacing-4xl: var(--spacing-8, 32px);
    --spacing-5xl: var(--spacing-10, 40px);
    --spacing-6xl: var(--spacing-12, 48px);
    --spacing-7xl: var(--spacing-16, 64px);
    --spacing-8xl: var(--spacing-20, 80px);
    --spacing-9xl: var(--spacing-24, 96px);
    --spacing-10xl: var(--spacing-32, 128px);
    --spacing-11xl: var(--spacing-40, 160px)
}

    :root[data-theme=dark] {
        --background-default: #1f2a37;
        --background-body: #18212f;
        --background-nav: #1f2a37;
        --text-default: #f9fafb;
        --text-display: #f3f4f6;
        --text-oncolor-primary: #fff
    }

@media(max-width: 600px) {
    :root {
        --nds-viewport-padding: calc(var(--nds-viewport-base-padding) / 2)
    }
}

@font-face {
    font-family: "IBM Plex Sans Arabic";
    font-style: normal;
    font-weight: 300 400;
    font-display: swap;
    src: local("IBM Plex Sans Arabic"),local("IBMPlexSansArabic-Regular"),url(../fonts/IBMPlexSansArabic-Regular.woff2) format("woff2");
    unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1
}

@font-face {
    font-family: "IBM Plex Sans Arabic";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("IBM Plex Sans Arabic Medium"),local("IBMPlexSansArabic-Medium"),url(../fonts/IBMPlexSansArabic-Medium.woff2) format("woff2");
    unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1
}

@font-face {
    font-family: "IBM Plex Sans Arabic";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("IBM Plex Sans Arabic SemiBold"),local("IBMPlexSansArabic-SemiBold"),url(../fonts/IBMPlexSansArabic-SemiBold.woff2) format("woff2");
    unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1
}

@font-face {
    font-family: "IBM Plex Sans Arabic";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("IBM Plex Sans Arabic Bold"),local("IBMPlexSansArabic-Bold"),url(../fonts/IBMPlexSansArabic-Bold.woff2) format("woff2");
    unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1
}

*, *::before, *::after {
    box-sizing: border-box;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /* padding:0; */
    /* margin:0; */
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: var(--nds-font-family);
    background-color: var(--background-body);
    color: var(--text-default);
    font-size: var(--typo-text-md-FS, 16px);
    line-height: var(--typo-text-md-LH, 24px);
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

    body.nds-full-width {
        --nds-content-MaxWidth: 100%
    }

img {
    display: block;
    max-width: 100%;
    height: auto
}

h1 {
    font-size: var(--typo-display-clamp-md-FS);
    line-height: var(--typo-display-clamp-md-LH);
    margin-bottom: calc(var(--typo-display-clamp-md-MB)*2);
    margin-top: calc(var(--typo-display-clamp-ms-MB)*4)
}

h2 {
    font-size: var(--typo-display-clamp-sm-FS);
    line-height: var(--typo-display-clamp-sm-LH);
    margin-bottom: calc(var(--typo-display-clamp-sm-MB)*2);
    margin-top: calc(var(--typo-display-clamp-sm-MB)*4)
}

h3 {
    font-size: var(--typo-display-clamp-xs-FS);
    line-height: var(--typo-display-clamp-xs-LH);
    margin-bottom: calc(var(--typo-display-clamp-xs-MB)*2);
    margin-top: calc(var(--typo-display-clamp-xs-MB)*4)
}

:is(h4,h5,h6) {
    font-size: var(--typo-text-clamp-xl-FS);
    line-height: var(--typo-text-clamp-xl-LH);
    margin-bottom: calc(var(--typo-display-clamp-xs-MB)*1.5);
    margin-top: calc(var(--typo-display-clamp-xs-MB)*2)
}

:is(h1,h2,h3,h4,h5,h6) {
    font-weight: 600;
    color: var(--text-display)
}

    :is(h1,h2,h3,h4,h5,h6):first-child {
        margin-top: 0
    }

    :is(h1,h2,h3,h4,h5,h6):last-child {
        margin-bottom: 0
    }

p {
    text-wrap: pretty
}

:is(ul,ol) {
    padding-inline-start: 20px;
    line-height: 1.5
}

:not(ul):not(ol) ~ :is(ul,ol) {
    padding-inline-start: 40px
}

nav :is(ul,ol) {
    list-style: none;
    padding: 0 !important;
    margin: 0
}

a {
    color: inherit;
    text-decoration: inherit
}

:is(button,input,optgroup,select,textarea) {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    border: none;
    background: none;
    color: inherit
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: rgba(0,0,0,0) !important;
    color: fieldtext !important
}

button {
    cursor: pointer;
    background-color: rgba(0,0,0,0)
}

:is(input,textarea,select) {
    outline: none;
    background: rgba(0,0,0,0)
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

address, .nds-icon {
    font-style: normal
}

*:focus:not(:focus-visible) {
    outline: none
}

*:focus-visible {
    outline: 2px solid var(--focus-outline);
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--focus-inner)
}

header {
    display: block
}
/*
@supports(display: contents) {
    header {
        display: contents;
    }
}*/

.nds-text-icon {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--spacing-xs);
    border: unset;
    background-color: rgba(0,0,0,0)
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.nds-main-nav {
    height: var(--nds-nav-height)
}

    .nds-main-nav .nds-nav-container:not([hidden]) {
        display: flex
    }

    .nds-main-nav .nds-brand {
        height: var(--nds-nav-height);
        padding: var(--spacing-lg, 12px) 0
    }

    .nds-main-nav .nds-brand-name {
        visibility: hidden
    }

.nds-topbar {
    height: 40px;
    background-color: var(--background-topbar)
}

    .nds-topbar > * {
        visibility: hidden
    }

.nds-breadcrumb {
    display: flex
}

    .nds-breadcrumb li::after {
        content: "";
        min-width: 24px
    }

.nds-pagination-list {
    display: flex
}

.nds-hero-section:not(.nds-sub) :is(.nds-section-title,.nds-section-description) {
    color: var(--text-oncolor-primary)
}

:is(.nds-swiper.nds-hero,.nds-swiper-wrapper) {
    display: flex;
    height: 100%;
    width: 100%
}

.nds-hero-section :is(.nds-section-wrapper,.nds-section-head), .nds-content-layout {
    visibility: hidden
}

.nds-sidemenu {
    background-color: var(--background-menu)
}

@media(max-width: 960px) {
    .nds-sidemenu {
        position: absolute
    }
}

[hidden]:is(.nds-tabs,.nds-swiper,.nds-breadcrumb-nav,.nds-sideinfo) {
    display: block;
    visibility: hidden;
    overflow-x: hidden;
    max-width: 100%
}

.nds-stepper:is([class*=nds-horizontal-],[class*=nds-vertical-],[class*=nds-radial-]):not([data-layout-ready]) {
    visibility: hidden
}

.nds-hero-content, .nds-content-layout {
    visibility: visible
}

:is(.nds-hero-section,.nds-content-section) {
    --_section-padding-block: var(--section-padding-block, var(--spacing-5xl));
    --_section-padding-block-start: var(--section-padding-block-start, var(--_section-padding-block));
    --_section-padding-block-end: var(--section-padding-block-end, var(--_section-padding-block));
    --_section-margin-block-start: var(--section-margin-block-start, 0);
    --_section-margin-block-end: var(--section-margin-block-end, 0);
    --_section-col-gap: var(--section-col-gap, var(--spacing-xl));
    --_section-row-gap: var(--section-row-gap, var(--spacing-4xl));
    --_section-title-FS: var(--section-title-FS, var(--typo-display-clamp-md-FS));
    --_section-title-LH: var(--section-title-LH, var(--typo-display-clamp-md-LH));
    --_section-title-MB: var(--section-title-MB, var(--typo-display-clamp-md-MB));
    --_section-shape-size: var(--section-shape-size, var(--_section-title-FS));
    --_section-subtitle-FS: var(--section-subtitle-FS, var(--typo-text-clamp-lg-FS));
    --_section-subtitle-LH: var(--section-subtitle-LH, var(--typo-text-clamp-lg-LH));
    --_section-subtitle-MB: var(--section-subtitle-MB, var(--_section-title-MB));
    --_section-description-FS: var(--section-description-FS, var(--typo-text-lg-FS));
    --_section-description-LH: var(--section-description-LH, var(--typo-text-lg-LH));
    --_section-description-MB: var(--section-description-MB, var(--spacing-2xl));
    --_section-image-MB: var(--section-image-MB, var(--spacing-2xl));
    width: 100%;
    padding-block-start: var(--_section-padding-block-start);
    padding-block-end: var(--_section-padding-block-end);
    padding-inline: 0;
    margin-block-start: var(--_section-margin-block-start);
    margin-block-end: var(--_section-margin-block-end)
}

.nds-section-head {
    position: relative;
    column-gap: var(--spacing-xl)
}

    .nds-section-head:has(~.nds-section-body), .nds-section-wrapper:not(:last-child) {
        margin-bottom: var(--spacing-4xl)
    }

.nds-content-layout.nds-cardView .nds-section-head:has(~.nds-section-body), .nds-content-layout.nds-cardView .nds-section-wrapper:not(:last-child) {
    margin-bottom: var(--spacing-2xl)
}

.nds-section-title {
    display: flex;
    gap: var(--spacing-md);
    align-items: center;
    font-size: var(--_section-title-FS);
    line-height: var(--_section-title-LH);
    margin-top: 0;
    flex-wrap: wrap
}

    .nds-center .nds-section-title, .nds-section-title.nds-center {
        flex-direction: column;
        gap: var(--spacing-xl)
    }

    .nds-section-title:not(:last-child) {
        margin-bottom: var(--_section-title-MB)
    }

    .nds-section-title .nds-section-shape {
        height: var(--_section-shape-size);
        width: auto
    }

.nds-section-subtitle, .nds-section-description {
    margin-block-start: 0;
    max-width: var(--maxwidth-paragraph-max-width, 720px)
}

    .nds-section-subtitle.nds-full, .nds-section-description.nds-full {
        max-width: none
    }

    .nds-section-subtitle:not(:last-child), .nds-section-description:not(:last-child) {
        margin-bottom: var(--_section-description-MB)
    }

.nds-section-subtitle {
    font-size: var(--_section-subtitle-FS);
    line-height: var(--_section-subtitle-LH)
}

    .nds-section-subtitle:not(:last-child) {
        margin-bottom: var(--_section-subtitle-MB)
    }

.nds-section-description {
    font-size: var(--_section-description-FS);
    line-height: var(--_section-description-LH)
}

.nds-section-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

    .nds-section-image:not(:last-child) {
        margin-bottom: var(--_section-image-MB)
    }

.nds-section-meta {
    display: flex;
    column-gap: var(--spacing-xl);
    flex-wrap: wrap;
    margin-block-end: var(--spacing-md);
    row-gap: var(--spacing-md);
    align-items: center
}

.nds-section-tags, .nds-section-rating {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm)
}

.nds-section-rating {
    font-size: var(--typo-text-clamp-sm-FS);
    align-items: flex-end;
    line-height: 1;
    --btn-padding: var(--spacing-xs);
    --btn-height: 24px
}

.nds-section-action {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-sm);
    visibility: visible;
    position: relative
}

.nds-section-wrapper {
    container-type: inline-size;
    container-name: section;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--_section-col-gap);
    row-gap: var(--_section-row-gap)
}

    .nds-section-wrapper .nds-section-image .nds-avatar {
        --avatar-size: 120px
    }

@media(max-width: 600px) {
    .nds-section-wrapper .nds-section-image .nds-avatar {
        --avatar-size: 80px
    }
}

.nds-section-wrapper .nds-section-head {
    flex: 1;
    margin-bottom: 0
}

.nds-section-wrapper .nds-section-action {
    align-items: self-start;
    align-self: self-start
}

    .nds-section-wrapper .nds-section-action > .nds-btn > .nds-label {
        text-align: center
    }

.nds-section-wrapper .nds-section-body {
    flex: 1 1 100%;
    min-width: 0
}

@media(max-width: 600px) {
    .nds-section-wrapper > .nds-section-action {
        flex: 1 0 100%;
        flex-direction: row;
        --btn-width: 100%;
        width: min-content
    }
}

.nds-content-section.nds-center > .nds-section-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center
}

.nds-content-section.nds-center .nds-section-head {
    flex: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.nds-content-section.nds-center .nds-section-description {
    margin-inline: auto
}

.nds-content-section.nds-center .nds-section-action {
    align-self: center;
    justify-content: center;
    flex: 1
}

.nds-content-section.nds-center .nds-section-body {
    width: 100%;
    flex: 1;
    text-align: unset
}

.nds-section-wrapper > .nds-section-head > .nds-section-action {
    float: inline-end;
    margin-inline-start: var(--_section-col-gap);
    margin-block-end: calc(var(--_section-col-gap)/2);
    flex-direction: column;
    flex-wrap: wrap;
    --btn-width: 100%
}

    .nds-section-wrapper > .nds-section-head > .nds-section-action.nds-rowView {
        flex-direction: row;
        --btn-width: unset
    }

.nds-section-wrapper > .nds-section-head:has(>.nds-section-action) ~ .nds-section-action {
    flex: 1 0 100%;
    flex-direction: row;
    --btn-width: unset
}

:is(.nds-center,.nds-horizontal) > .nds-section-wrapper > .nds-section-head > .nds-section-action {
    float: none;
    order: 1;
    margin-inline-start: 0;
    margin-block: var(--_section-col-gap) 0
}

@media(max-width: 600px) {
    .nds-section-head:has(>.nds-section-action.nds-wrap) {
        display: flex;
        flex-direction: column
    }

    .nds-section-head > .nds-section-action.nds-wrap {
        float: none;
        order: 1;
        margin-inline-start: 0;
        margin-block: var(--_section-col-gap) 0;
        --btn-width: unset;
        flex-direction: row
    }

    :is(.nds-section-head>.nds-section-action.nds-minimal>.nds-btn,.nds-section-head>.nds-section-action.nds-minimal>.nds-dropmenu>.nds-btn,.nds-btn.nds-minimal) > .nds-label {
        display: none
    }
}

.nds-content-section.nds-404 .nds-grid {
    row-gap: var(--spacing-6xl);
}

.nds-content-section.nds-404 * {
    text-align: center;
    margin-inline: auto;
    justify-content: center
}

@media(min-width: 961px) {
    :is(.nds-content-section,.nds-hero-section).nds-horizontal > .nds-section-wrapper {
        align-items: center;
        gap: var(--gap, var(--spacing-6xl))
    }

        :is(.nds-content-section,.nds-hero-section).nds-horizontal > .nds-section-wrapper:not(.nds-grid) {
            display: grid;
            grid-template-columns: auto 1fr
        }

        :is(.nds-content-section,.nds-hero-section).nds-horizontal > .nds-section-wrapper .nds-section-action {
            --btn-width: fit-content
        }

        :is(.nds-content-section,.nds-hero-section).nds-horizontal > .nds-section-wrapper .nds-section-head {
            display: flex;
            flex-direction: column
        }
}

main {
    overflow-x: clip;
    flex: 1;
    align-content: start
}

.nds-content-layout {
    --_layout-min-height: var(--layout-min-height, 400px);
    --_layout-gap: var(--layout-gap, 0);
    --_main-padding-block: var(--main-padding-block, 0);
    --_main-padding-inline: var(--main-padding-inline, 0);
    --_main-gap: var(--main-gap, 0);
    position: relative;
    min-height: var(--_layout-min-height);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--_layout-gap);
    width: 100%
}

@media(min-width: 961px) {
    .nds-content-layout.nds-wSideMenu {
        grid-template-columns: var(--nds-sidemenu-width) 1fr
    }
}

.nds-content-layout .nds-main-content {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    position: relative;
    padding-block: var(--_main-padding-block);
    padding-inline: var(--_main-padding-inline);
    gap: var(--_main-gap);
    min-width: 0
}

.nds-content-layout.nds-middle {
    --layout-min-height: 100dvh;
    align-items: center;
    justify-content: center
}

    .nds-content-layout.nds-middle.nds-content-wrapper {
        padding: var(--nds-viewport-padding)
    }

    .nds-content-layout.nds-middle .nds-main-content {
        justify-content: center
    }

.nds-content-layout.nds-toEdge {
    --nds-content-MaxWidth: 100%;
    --layout-gap: 0;
    padding: 0;
    height: 100%
}

    .nds-content-layout.nds-toEdge:is(.nds-wSideMenu,.nds-wSideInfo) .nds-main-content {
        --main-padding-block: 0;
        --main-padding-inline: 0;
        --main-gap: 0
    }

@media(min-width: 961px) {
    .nds-content-layout:not(.nds-wSideMenu,.nds-wSideInfo) {
        --section-padding-block: var(--spacing-7xl)
    }
}

.nds-content-layout:not(.nds-wSideMenu,.nds-wSideInfo):not(.nds-cardView) .nds-user-feedback-section {
    --section-padding-block: var(--spacing-5xl)
}

.nds-content-layout:not(.nds-wSideMenu,.nds-wSideInfo) .nds-main-content section.nds-noBg {
    --section-margin-block-start: var(--spacing-5xl)
}

    .nds-content-layout:not(.nds-wSideMenu,.nds-wSideInfo) .nds-main-content section.nds-noBg:first-of-type {
        --section-margin-block-start: 0
    }

    .nds-content-layout:not(.nds-wSideMenu,.nds-wSideInfo) .nds-main-content section.nds-noBg:not(:has(+.nds-noBg)) {
        --section-margin-block-end: var(--spacing-5xl)
    }

.nds-content-layout:not(.nds-wSideMenu,.nds-wSideInfo) > aside {
    display: none !important
}

.nds-content-layout.nds-post .nds-main-content section:first-of-type {
    --section-padding-block-start: 0
}

.nds-content-layout.nds-cardView {
    --section-padding-block: var(--nds-viewport-padding);
    --layout-gap: var(--spacing-xl);
    --main-padding-block: var(--spacing-xl);
    --main-gap: var(--spacing-4xl)
}

@media(min-width: 961px) {
    .nds-content-layout.nds-cardView {
        --main-padding-block: 0;
        padding-inline: var(--nds-viewport-padding);
        padding-block: var(--spacing-xl)
    }
}

.nds-content-layout.nds-cardView .nds-main-content section:not(.nds-hero-section,.nds-ghost) {
    --section-shadow: var(--shadow-md);
    --section-border-radius: var(--radius-md);
    max-width: var(--nds-content-MaxWidth);
    margin-inline: auto;
    padding-inline: var(--nds-viewport-padding)
}

@media(max-width: 960px) {
    .nds-content-layout.nds-cardView .nds-main-content section:not(.nds-hero-section,.nds-ghost) {
        margin-inline: var(--nds-viewport-padding) !important;
        max-width: calc(100% - var(--nds-viewport-padding)*2)
    }
}

.nds-content-layout.nds-cardView .nds-content-section {
    --section-title-FS: var(--typo-display-clamp-sm-FS);
    --section-title-LH: var(--typo-display-clamp-sm-LH);
    --section-title-MB: var(--typo-display-clamp-sm-MB)
}

    .nds-content-layout.nds-cardView .nds-content-section.nds-ghost {
        --section-padding-block: 0
    }

@media(min-width: 961px) {
    .nds-content-layout.nds-cardView .nds-content-section.nds-ghost {
        --_wrapper-padding: 0
    }
}

@media(max-width: 960px) {
    .nds-content-layout.nds-cardView .nds-content-section.nds-ghost {
        --_wrapper-padding: 0
    }

        .nds-content-layout.nds-cardView .nds-content-section.nds-ghost :has(>.nds-section-body>.nds-card), .nds-content-layout.nds-cardView .nds-content-section.nds-ghost .nds-section-body:has(>.nds-card) {
            padding-inline: var(--nds-viewport-padding)
        }

        .nds-content-layout.nds-cardView .nds-content-section.nds-ghost .nds-section-head {
            padding-inline: var(--nds-viewport-padding)
        }
}

@media(min-width: 961px) {
    .nds-content-layout:is(.nds-wSideMenu) .nds-content-section {
        --section-shadow: var(--shadow-md)
    }
}

@media(max-width: 960px) {
    .nds-content-layout:is(.nds-wSideMenu) .nds-content-section:first-child {
        --section-padding-block-start: var(--spacing-4xl)
    }

        .nds-content-layout:is(.nds-wSideMenu) .nds-content-section:first-child:is(.nds-hero-section) {
            --section-padding-block-start: var(--spacing-6xl)
        }
}

@media(min-width: 961px) {
    .nds-content-layout:is(.nds-wSideMenu):not(.nds-toEdge) {
        margin-inline: auto;
        padding-inline: max(var(--nds-viewport-padding),(100% - var(--nds-content-MaxWidth))/2)
    }
}

.nds-content-layout: not(.nds-wSideMenu,.nds-cardView) .nds-main-content .nds-content-section:not(.nds-user-feedback-section,.nds-primary,.nds-green,.nds-gradient-green,.nds-neutral,.nds-brand):nth-of-type(even) {
    --section-bg: var(--background-stripe)
}

@media(max-width: 960px) {
    .nds-content-layout:not(.nds-cardView):is(.nds-wSideMenu) .nds-main-content .nds-content-section:not(.nds-user-feedback-section,.nds-primary,.nds-green,.nds-gradient-green,.nds-neutral,.nds-brand):nth-of-type(even) {
        --section-bg: var(--background-stripe)
    }
}

@media(max-width: 600px) {
    .nds-content-layout {
        --layout-gap: 0 !important
    }
}

:is(.nds-content-wrapper,.nds-hero-section,.nds-content-section) {
    --_wrapper-padding: max(var(--nds-viewport-padding), calc((100% - var(--nds-content-MaxWidth)) / 2));
    width: 100%;
    padding-inline: var(--_wrapper-padding)
}

    : is(.nds-content-wrapper,.nds-hero-section,.nds-content-section) .nds-full-width {
        width: 100vw !important;
        margin-inline: calc(50% - 50vw)
    }

    :is(.nds-content-wrapper,.nds-hero-section,.nds-content-section) .nds-max-width {
        margin-inline: calc(var(--_wrapper-padding)*-1)
    }

.nds-hero-section {
    background-color: var(--background-sa-flag);
    position: relative;
    background-position: 50% 50%;
    --section-padding-block: 0;
    max-height: 550px
}

    .nds-hero-section:not(.nds-sub) {
        --section-title-FS: var(--typo-display-clamp-lg-FS);
        --section-title-LH: var(--typo-display-clamp-lg-LH);
        --section-title-MB: var(--typo-display-clamp-lg-MB);
        --section-description-FS: var(--typo-text-clamp-xl-FS);
        --section-description-LH: var(--typo-text-clamp-xl-LH);
        overflow: hidden;
        aspect-ratio: 16/9;
        height: 60svh;
        min-height: 400px
    }

        .nds-hero-section:not(.nds-sub) img {
            pointer-events: none
        }

    .nds-hero-section .nds-section-head {
        visibility: visible
    }

        .nds-hero-section .nds-section-head .nds-section-title {
            position: relative;
            font-weight: 700
        }

    .nds-hero-section .nds-section-body {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        max-width: var(--nds-content-MaxWidth);
        margin: auto;
        visibility: visible
    }

    .nds-hero-section .nds-hero-image {
        width: 100%;
        height: 100%
    }

    .nds-hero-section .nds-hero-image-wrapper::before {
        --_overlay: var(--overlay, 0.20);
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(9, 42, 30, var(--_overlay));
        pointer-events: none
    }

    .nds-hero-section.nds-sub {
        --_mask-angle: var(--hero-mask-angle, 90deg);
        --_mask-from: var(--hero-mask-from, 0%);
        --_mask-to: var(--hero-mask-to, 70%);
        --section-padding-block: var(--spacing-5xl);
        --section-title-FS: var(--typo-display-clamp-md-FS);
        --section-title-LH: var(--typo-display-clamp-md-LH);
        --section-title-MB: var(--typo-display-clamp-md-MB);
        isolation: isolate;
        background-color: var(--background-sub-hero);
        height: fit-content;
        min-height: 100px;
        box-shadow: var(--shadow-inset, inset 0px -2px 4px rgba(0, 0, 0, 0.05)) !important;
        border-radius: 0 !important;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-3xl)
    }

        .nds-hero-section.nds-sub::after {
            content: "";
            position: absolute;
            inset: 0;
            background-image: var(--hero_image);
            background-position: left center;
            background-size: cover;
            background-repeat: no-repeat;
            -webkit-mask-image: linear-gradient(var(--_mask-angle), black var(--_mask-from), transparent var(--_mask-to));
            mask-image: linear-gradient(var(--_mask-angle), black var(--_mask-from), transparent var(--_mask-to));
            pointer-events: none;
            z-index: -1
        }

:is(html[dir=ltr],.ltr) .nds-hero-section.nds-sub {
    --_mask-angle: var(--hero-mask-angle, 270deg)
}

.nds-hero-section.nds-sub .nds-hero-image-wrapper {
    display: none
}

.nds-hero-section.nds-sub.nds-flat {
    background: var(--background-default) !important;
    box-shadow: unset !important
}

    .nds-hero-section.nds-sub.nds-flat::after {
        display: none
    }

    .nds-hero-section.nds-sub.nds-flat .nds-section-description {
        color: var(--text-primary-paragraph)
    }

@media(min-width: 961px) {
    .nds-hero-section.nds-sub.nds-aside :is(.nds-breadcrumb-nav,.nds-section-wrapper,.nds-section-head) {
        width: calc(100% - var(--nds-sideinfo-width) - var(--spacing-4xl))
    }
}

@media(max-width: 600px) {
    .nds-hero-section:not(.nds-sub) .nds-section-body .nds-section-title::before {
        width: 80vw
    }
}

.nds-grid {
    --max-col: initial;
    --mid-col: initial;
    --min-col: initial;
    --max-track: initial;
    --mid-track: initial;
    --min-track: initial;
    --min-width: initial;
    --_gap-min: var(--spacing-md);
    --_cols: var(--max-col, auto-fit);
    --_tracks: var(--max-track);
    --_row-gap: var(--row-gap, var(--gap, var(--spacing-2xl)));
    --_col-gap: var(--col-gap, var(--gap, var(--spacing-2xl)));
    row-gap: var(--_row-gap);
    column-gap: var(--_col-gap);
    justify-items: var(--justify, stretch);
    align-items: var(--align, start);
    width: 100%;
    height: stretch
}

    .nds-grid:not([hidden]) {
        display: grid !important;
        grid-template-columns: var(--_tracks, repeat(var(--_cols), minmax(var(--min-width, 0), 1fr)))
    }

    .nds-grid > * {
        max-width: 100% !important;
        min-width: 0;
        height: 100%
    }

@media(max-width: 960px) {
    .nds-grid {
        --_cols: var(--mid-col, var(--max-col, auto-fit));
        --_tracks: var(--mid-track, var(--max-track));
        --_row-gap: max(var(--_gap-min), calc(var(--row-gap, var(--gap, var(--spacing-4xl))) / 2));
        --_col-gap: max(var(--_gap-min), calc(var(--col-gap, var(--gap, var(--spacing-4xl))) / 2))
    }
}

@media(max-width: 600px) {
    .nds-grid {
        --_cols: var(--min-col, var(--mid-col, var(--max-col, auto-fit)));
        --_tracks: var(--min-track, var(--mid-track, var(--max-track)))
    }
}

@container (width <= 768px) {
    .nds-grid {
        --_cols: var(--mid-col, var(--max-col, auto-fit));
        --_tracks: var(--mid-track, var(--max-track));
        --_row-gap: max(var(--_gap-min), calc(var(--row-gap, var(--gap, var(--spacing-4xl))) / 2));
        --_col-gap: max(var(--_gap-min), calc(var(--col-gap, var(--gap, var(--spacing-4xl))) / 2))
    }
}

@container (width <= 480px) {
    .nds-grid {
        --_cols: var(--min-col, var(--mid-col, var(--max-col, auto-fit)));
        --_tracks: var(--min-track, var(--mid-track, var(--max-track)))
    }
}

.nds-grid.nds-center {
    --justify: center
}