section {
    --flex-direction: column;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--flex-direction);
    flex-direction: var(--flex-direction);
    width: 100%;
}

div.hr,
section.hr {
    display: none;
}

@media (min-width:992px) {
    div.hr,
    section.hr {
        display: block;
        width: 100%;
        border-bottom: var(--line-xs) solid var(--brand-light);
    }
}

.section-box {
    --align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: var(--align-items);
    -ms-flex-align: var(--align-items);
    align-items: var(--align-items);
}

@media (min-width:576px) and (orientation:portrait) {
    .section-box {
        min-height: 75vh !important;
        min-height: 75svh !important;
    }
}

@media (min-width:992px) and (orientation:portrait) {
    .section-box {
        min-height: initial !important;
    }
}

.section-height-landscape-full-screen {
    overflow: hidden;
    min-height: 56.25vw;
}

.section-height-full-screen {
    min-height: 100vh;
    min-height: 100svh;
}

.section-height-full-screen {
    min-height: 100vh;
    min-height: 100svh;
}

@media screen and (min-aspect-ratio:16/9) {
    .section-height-landscape-full-screen {
        min-height: 100vh;
        min-height: 100svh;
        min-height: 100lvh;
    }
}

[class*="section-aspect-ratio-"] {
    width: 100%;
    min-height: calc(100vw * var(--aspect-y, 1) / var(--aspect-x, 1));
}

@supports (aspect-ratio:1/1) {
    [class*="section-aspect-ratio-"] {
        aspect-ratio: var(--aspect-x) / var(--aspect-y);
        min-height: auto;
    }
}

.section-aspect-ratio-16x9 {
    --aspect-x: 16;
    --aspect-y: 9;
}

.section-aspect-ratio-15x5 {
    --aspect-x: 15;
    --aspect-y: 5;
}

.section-aspect-ratio-18x8 {
    --aspect-x: 18;
    --aspect-y: 8;
}

.section-aspect-ratio-14x9 {
    --aspect-x: 14;
    --aspect-y: 9;
}

.section-aspect-ratio-4x3 {
    --aspect-x: 4;
    --aspect-y: 3;
}

.section-aspect-ratio-1x1,
.section-aspect-ratio-square {
    --aspect-x: 1;
    --aspect-y: 1;
}

.max-width-column-2xsmall,
.max-width-column-xsmall,
.max-width-column-small,
.max-width-column-medium,
.max-width-column-large,
.max-width-column-xlarge,
.max-width-column-2xlarge,
.max-width-column-full {
    margin-right: auto !important;
    margin-left: auto !important;
    width: 100%;
    padding-left: var(--spacing-x-section-xl);
    padding-right: var(--spacing-x-section-xl);
}

@media (min-width:992px) {
    .max-width-column-2xsmall,
    .max-width-column-xsmall,
    .max-width-column-small,
    .max-width-column-medium,
    .max-width-column-large,
    .max-width-column-xlarge,
    .max-width-column-2xlarge,
    .max-width-column-full {
        padding-left: var(--spacing-x-section-md);
        padding-right: var(--spacing-x-section-md);
    }
}

.max-width-column-2xsmall {
    max-width: var(--column-2xs)
}

.max-width-column-xsmall {
    max-width: var(--column-xs)
}

.max-width-column-small {
    max-width: var(--column-sm)
}

.max-width-column-medium {
    max-width: var(--column-md)
}

.max-width-column-large {
    max-width: var(--column-lg)
}

.max-width-column-xlarge {
    max-width: var(--column-xl)
}

.max-width-column-2xlarge {
    max-width: var(--column-2xl)
}

.max-width-column-full {
    max-width: 100vw
}

@media(max-width: 575px) {
    .section-height-xs-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-height-xs-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-aspect-ratio-xs-15x5 {
        --aspect-x: 15;
        --aspect-y: 5;
    }
    .section-aspect-ratio-xs-18x8 {
        --aspect-x: 18;
        --aspect-y: 8;
    }
    .section-aspect-ratio-xs-14x9 {
        --aspect-x: 14;
        --aspect-y: 9;
    }
    .section-aspect-ratio-xs-4x3 {
        --aspect-x: 4;
        --aspect-y: 3;
    }
    .section-aspect-ratio-xs-1x1,
    .section-aspect-ratio-xs-square {
        --aspect-x: 1;
        --aspect-y: 1;
    }
    .max-width-column-xs-2xsmall,
    .max-width-column-xs-xsmall,
    .max-width-column-xs-small,
    .max-width-column-xs-medium,
    .max-width-column-xs-large,
    .max-width-column-xs-xlarge,
    .max-width-column-xs-2xlarge,
    .max-width-column-xs-full {
        margin-right: auto !important;
        margin-left: auto !important;
        width: 100%;
        padding-left: var(--spacing-x-section-xl);
        padding-right: var(--spacing-x-section-xl);
    }
    .max-width-column-xs-xsmall {
        max-width: var(--column-xs)
    }
    .max-width-column-xs-small {
        max-width: var(--column-sm)
    }
    .max-width-column-xs-medium {
        max-width: var(--column-md)
    }
    .max-width-column-xs-large {
        max-width: var(--column-lg)
    }
    .max-width-column-xs-xlarge {
        max-width: var(--column-xl)
    }
    .max-width-column-xs-2xlarge {
        max-width: var(--column-2xl)
    }
    .max-width-column-xs-full {
        max-width: 100vw
    }
}

@media(min-width: 576px) {
    .section-height-sm-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-height-sm-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-aspect-ratio-sm-15x5 {
        --aspect-x: 15;
        --aspect-y: 5;
    }
    .section-aspect-ratio-sm-18x8 {
        --aspect-x: 18;
        --aspect-y: 8;
    }
    .section-aspect-ratio-sm-14x9 {
        --aspect-x: 14;
        --aspect-y: 9;
    }
    .section-aspect-ratio-sm-4x3 {
        --aspect-x: 4;
        --aspect-y: 3;
    }
    .section-aspect-ratio-sm-1x1,
    .section-aspect-ratio-sm-square {
        --aspect-x: 1;
        --aspect-y: 1;
    }
    .max-width-column-sm-2xsmall,
    .max-width-column-sm-xsmall,
    .max-width-column-sm-small,
    .max-width-column-sm-medium,
    .max-width-column-sm-large,
    .max-width-column-sm-xlarge,
    .max-width-column-sm-2xlarge,
    .max-width-column-sm-full {
        margin-right: auto !important;
        margin-left: auto !important;
        width: 100%;
        padding-left: var(--spacing-x-section-xl);
        padding-right: var(--spacing-x-section-xl);
    }
    .max-width-column-sm-xsmall {
        max-width: var(--column-xs)
    }
    .max-width-column-sm-small {
        max-width: var(--column-sm)
    }
    .max-width-column-sm-medium {
        max-width: var(--column-md)
    }
    .max-width-column-sm-large {
        max-width: var(--column-lg)
    }
    .max-width-column-sm-xlarge {
        max-width: var(--column-xl)
    }
    .max-width-column-sm-2xlarge {
        max-width: var(--column-2xl)
    }
    .max-width-column-sm-full {
        max-width: 100vw
    }
}

@media(min-width: 768px) {
    .section-height-md-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-height-md-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-aspect-ratio-md-15x5 {
        --aspect-x: 15;
        --aspect-y: 5;
    }
    .section-aspect-ratio-md-18x8 {
        --aspect-x: 18;
        --aspect-y: 8;
    }
    .section-aspect-ratio-md-14x9 {
        --aspect-x: 14;
        --aspect-y: 9;
    }
    .section-aspect-ratio-md-4x3 {
        --aspect-x: 4;
        --aspect-y: 3;
    }
    .section-aspect-ratio-md-1x1,
    .section-aspect-ratio-md-square {
        --aspect-x: 1;
        --aspect-y: 1;
    }
    .max-width-column-md-2xsmall,
    .max-width-column-md-xsmall,
    .max-width-column-md-small,
    .max-width-column-md-medium,
    .max-width-column-md-large,
    .max-width-column-md-xlarge,
    .max-width-column-md-2xlarge,
    .max-width-column-md-full {
        margin-right: auto !important;
        margin-left: auto !important;
        width: 100%;
        padding-left: var(--spacing-x-section-xl);
        padding-right: var(--spacing-x-section-xl);
    }
    .max-width-column-md-xsmall {
        max-width: var(--column-xs)
    }
    .max-width-column-md-small {
        max-width: var(--column-sm)
    }
    .max-width-column-md-medium {
        max-width: var(--column-md)
    }
    .max-width-column-md-large {
        max-width: var(--column-lg)
    }
    .max-width-column-md-xlarge {
        max-width: var(--column-xl)
    }
    .max-width-column-md-2xlarge {
        max-width: var(--column-2xl)
    }
    .max-width-column-md-full {
        max-width: 100vw
    }
}

@media(min-width: 992px) {
    .section-height-lg-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-height-lg-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-aspect-ratio-lg-15x5 {
        --aspect-x: 15;
        --aspect-y: 5;
    }
    .section-aspect-ratio-lg-18x8 {
        --aspect-x: 18;
        --aspect-y: 8;
    }
    .section-aspect-ratio-lg-14x9 {
        --aspect-x: 14;
        --aspect-y: 9;
    }
    .section-aspect-ratio-lg-4x3 {
        --aspect-x: 4;
        --aspect-y: 3;
    }
    .section-aspect-ratio-lg-1x1,
    .section-aspect-ratio-lg-square {
        --aspect-x: 1;
        --aspect-y: 1;
    }
    .max-width-column-lg-2xsmall,
    .max-width-column-lg-xsmall,
    .max-width-column-lg-small,
    .max-width-column-lg-medium,
    .max-width-column-lg-large,
    .max-width-column-lg-xlarge,
    .max-width-column-lg-2xlarge,
    .max-width-column-lg-full {
        margin-right: auto !important;
        margin-left: auto !important;
        width: 100%;
        padding-left: var(--spacing-x-section-xl);
        padding-right: var(--spacing-x-section-xl);
    }
    .max-width-column-lg-xsmall {
        max-width: var(--column-xs)
    }
    .max-width-column-lg-small {
        max-width: var(--column-sm)
    }
    .max-width-column-lg-medium {
        max-width: var(--column-md)
    }
    .max-width-column-lg-large {
        max-width: var(--column-lg)
    }
    .max-width-column-lg-xlarge {
        max-width: var(--column-xl)
    }
    .max-width-column-lg-2xlarge {
        max-width: var(--column-2xl)
    }
    .max-width-column-lg-full {
        max-width: 100vw
    }
}

@media(min-width: 1200px) {
    .section-height-xl-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-height-xl-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-aspect-ratio-xl-15x5 {
        --aspect-x: 15;
        --aspect-y: 5;
    }
    .section-aspect-ratio-xl-18x8 {
        --aspect-x: 18;
        --aspect-y: 8;
    }
    .section-aspect-ratio-xl-14x9 {
        --aspect-x: 14;
        --aspect-y: 9;
    }
    .section-aspect-ratio-xl-4x3 {
        --aspect-x: 4;
        --aspect-y: 3;
    }
    .section-aspect-ratio-xl-1x1,
    .section-aspect-ratio-xl-square {
        --aspect-x: 1;
        --aspect-y: 1;
    }
    .max-width-column-xl-2xsmall,
    .max-width-column-xl-xsmall,
    .max-width-column-xl-small,
    .max-width-column-xl-medium,
    .max-width-column-xl-large,
    .max-width-column-xl-xlarge,
    .max-width-column-xl-2xlarge,
    .max-width-column-xl-full {
        margin-right: auto !important;
        margin-left: auto !important;
        width: 100%;
        padding-left: var(--spacing-x-section-xl);
        padding-right: var(--spacing-x-section-xl);
    }
    .max-width-column-xl-xsmall {
        max-width: var(--column-xs)
    }
    .max-width-column-xl-small {
        max-width: var(--column-sm)
    }
    .max-width-column-xl-medium {
        max-width: var(--column-md)
    }
    .max-width-column-xl-large {
        max-width: var(--column-lg)
    }
    .max-width-column-xl-xlarge {
        max-width: var(--column-xl)
    }
    .max-width-column-xl-2xlarge {
        max-width: var(--column-2xl)
    }
    .max-width-column-xl-full {
        max-width: 100vw
    }
}

@media(min-width: 1400px) {
    .section-height-2xl-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-height-2xl-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-aspect-ratio-2xl-15x5 {
        --aspect-x: 15;
        --aspect-y: 5;
    }
    .section-aspect-ratio-2xl-18x8 {
        --aspect-x: 18;
        --aspect-y: 8;
    }
    .section-aspect-ratio-2xl-14x9 {
        --aspect-x: 14;
        --aspect-y: 9;
    }
    .section-aspect-ratio-2xl-4x3 {
        --aspect-x: 4;
        --aspect-y: 3;
    }
    .section-aspect-ratio-2xl-1x1,
    .section-aspect-ratio-2xl-square {
        --aspect-x: 1;
        --aspect-y: 1;
    }
    .max-width-column-2xl-2xsmall,
    .max-width-column-2xl-xsmall,
    .max-width-column-2xl-small,
    .max-width-column-2xl-medium,
    .max-width-column-2xl-large,
    .max-width-column-2xl-xlarge,
    .max-width-column-2xl-2xlarge,
    .max-width-column-2xl-full {
        margin-right: auto !important;
        margin-left: auto !important;
        width: 100%;
        padding-left: var(--spacing-x-section-xl);
        padding-right: var(--spacing-x-section-xl);
    }
    .max-width-column-2xl-xsmall {
        max-width: var(--column-xs)
    }
    .max-width-column-2xl-small {
        max-width: var(--column-sm)
    }
    .max-width-column-2xl-medium {
        max-width: var(--column-md)
    }
    .max-width-column-2xl-large {
        max-width: var(--column-lg)
    }
    .max-width-column-2xl-xlarge {
        max-width: var(--column-xl)
    }
    .max-width-column-2xl-2xlarge {
        max-width: var(--column-2xl)
    }
    .max-width-column-2xl-full {
        max-width: 100vw
    }
}

@media(min-width: 1920px) {
    .section-height-3xl-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-height-3xl-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-aspect-ratio-3xl-15x5 {
        --aspect-x: 15;
        --aspect-y: 5;
    }
    .section-aspect-ratio-3xl-18x8 {
        --aspect-x: 18;
        --aspect-y: 8;
    }
    .section-aspect-ratio-3xl-14x9 {
        --aspect-x: 14;
        --aspect-y: 9;
    }
    .section-aspect-ratio-3xl-4x3 {
        --aspect-x: 4;
        --aspect-y: 3;
    }
    .section-aspect-ratio-3xl-1x1,
    .section-aspect-ratio-3xl-square {
        --aspect-x: 1;
        --aspect-y: 1;
    }
    .max-width-column-3xl-2xsmall,
    .max-width-column-3xl-xsmall,
    .max-width-column-3xl-small,
    .max-width-column-3xl-medium,
    .max-width-column-3xl-large,
    .max-width-column-3xl-xlarge,
    .max-width-column-3xl-2xlarge,
    .max-width-column-3xl-full {
        margin-right: auto !important;
        margin-left: auto !important;
        width: 100%;
        padding-left: var(--spacing-x-section-xl);
        padding-right: var(--spacing-x-section-xl);
    }
    .max-width-column-3xl-xsmall {
        max-width: var(--column-xs)
    }
    .max-width-column-3xl-small {
        max-width: var(--column-sm)
    }
    .max-width-column-3xl-medium {
        max-width: var(--column-md)
    }
    .max-width-column-3xl-large {
        max-width: var(--column-lg)
    }
    .max-width-column-3xl-xlarge {
        max-width: var(--column-xl)
    }
    .max-width-column-3xl-2xlarge {
        max-width: var(--column-2xl)
    }
    .max-width-column-3xl-full {
        max-width: 100vw
    }
}

@media(min-width: 2560px) {
    .section-height-4xl-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-height-4xl-full-screen {
        min-height: 100vh;
        min-height: 100svh;
    }
    .section-aspect-ratio-4xl-15x5 {
        --aspect-x: 15;
        --aspect-y: 5;
    }
    .section-aspect-ratio-4xl-18x8 {
        --aspect-x: 18;
        --aspect-y: 8;
    }
    .section-aspect-ratio-4xl-14x9 {
        --aspect-x: 14;
        --aspect-y: 9;
    }
    .section-aspect-ratio-4xl-4x3 {
        --aspect-x: 4;
        --aspect-y: 3;
    }
    .section-aspect-ratio-4xl-1x1,
    .section-aspect-ratio-4xl-square {
        --aspect-x: 1;
        --aspect-y: 1;
    }
    .max-width-column-4xl-2xsmall,
    .max-width-column-4xl-xsmall,
    .max-width-column-4xl-small,
    .max-width-column-4xl-medium,
    .max-width-column-4xl-large,
    .max-width-column-4xl-xlarge,
    .max-width-column-4xl-2xlarge,
    .max-width-column-4xl-full {
        margin-right: auto !important;
        margin-left: auto !important;
        width: 100%;
        padding-left: var(--spacing-x-section-xl);
        padding-right: var(--spacing-x-section-xl);
    }
    .max-width-column-4xl-xsmall {
        max-width: var(--column-xs)
    }
    .max-width-column-4xl-small {
        max-width: var(--column-sm)
    }
    .max-width-column-4xl-medium {
        max-width: var(--column-md)
    }
    .max-width-column-4xl-large {
        max-width: var(--column-lg)
    }
    .max-width-column-4xl-xlarge {
        max-width: var(--column-xl)
    }
    .max-width-column-4xl-2xlarge {
        max-width: var(--column-2xl)
    }
    .max-width-column-4xl-full {
        max-width: 100vw
    }
}