/* - GENERAL - */
@media(max-width:768px){
    .mobile-hidden{display: none;}
}
/* - END GENERAL - */


@font-face {
    font-family: SourceSans;
    src: url(../../assets/fonts/Source_Sans_Pro_Bold.eot);
    src: url(../../assets/fonts/Source_Sans_Pro_Bold.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/Source_Sans_Pro_Bold.woff2) format("woff2"), url(../../assets/fonts/Source_Sans_Pro_Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: SourceSans;
    src: url(../../assets/fonts/Source_Sans_Pro_Bold_Italic.eot);
    src: url(../../assets/fonts/Source_Sans_Pro_Bold_Italic.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/Source_Sans_Pro_Bold_Italic.woff2) format("woff2"), url(../../assets/fonts/Source_Sans_Pro_Bold_Italic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-stretch: normal
}

@font-face {
    font-family: SourceSans;
    src: url(../../assets/fonts/Source_Sans_Pro_Italic.eot);
    src: url(../../assets/fonts/Source_Sans_Pro_Italic.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/Source_Sans_Pro_Italic.woff2) format("woff2"), url(../../assets/fonts/Source_Sans_Pro_Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
    font-stretch: normal
}

@font-face {
    font-family: SourceSans;
    src: url(../../assets/fonts/Source_Sans_Pro.eot);
    src: url(../../assets/fonts/Source_Sans_Pro.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/Source_Sans_Pro.woff2) format("woff2"), url(../../assets/fonts/Source_Sans_Pro.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: SourceSans;
    src: url(../../assets/fonts/Source_Sans_Pro_Light.eot);
    src: url(../../assets/fonts/Source_Sans_Pro_Light.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/Source_Sans_Pro_Light.woff2) format("woff2"), url(../../assets/fonts/Source_Sans_Pro_Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: SourceSans;
    src: url(../../assets/fonts/Source_Sans_Pro_Light_Italic.eot);
    src: url(../../assets/fonts/Source_Sans_Pro_Light_Italic.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/Source_Sans_Pro_Light_Italic.woff2) format("woff2"), url(../../assets/fonts/Source_Sans_Pro_Light_Italic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic;
    font-stretch: normal
}

@font-face {
    font-family: SourceSans;
    src: url(../../assets/fonts/Source_Sans_Pro_ExtraLight.eot);
    src: url(../../assets/fonts/Source_Sans_Pro_ExtraLight.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/Source_Sans_Pro_ExtraLight.woff2) format("woff2"), url(../../assets/fonts/Source_Sans_Pro_ExtraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: SourceSans;
    src: url(../../assets/fonts/Source_Sans_Pro_ExtraLight_Italic.eot);
    src: url(../../assets/fonts/Source_Sans_Pro_ExtraLight_Italic.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/Source_Sans_Pro_ExtraLight_Italic.woff2) format("woff2"), url(../../assets/fonts/Source_Sans_Pro_ExtraLight_Italic.ttf) format("truetype");
    font-weight: 200;
    font-style: italic;
    font-stretch: normal
}

@font-face {
    font-family: SourceSans;
    src: url(../../assets/fonts/Source_Sans_Pro_Black.eot);
    src: url(../../assets/fonts/Source_Sans_Pro_Black.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/Source_Sans_Pro_Black.woff2) format("woff2"), url(../../assets/fonts/Source_Sans_Pro_Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: SourceSans;
    src: url(../../assets/fonts/Source_Sans_Pro_Black_Italic.eot);
    src: url(../../assets/fonts/Source_Sans_Pro_Black_Italic.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/Source_Sans_Pro_Black_Italic.woff2) format("woff2"), url(../../assets/fonts/Source_Sans_Pro_Black_Italic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic;
    font-stretch: normal
}

@font-face {
    font-family: SourceSans;
    src: url(../../assets/fonts/Source_Sans_Pro_Semibold.eot);
    src: url(../../assets/fonts/Source_Sans_Pro_Semibold.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/Source_Sans_Pro_Semibold.woff2) format("woff2"), url(../../assets/fonts/Source_Sans_Pro_Semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: SourceSans;
    src: url(../../assets/fonts/Source_Sans_Pro_SemiBold_Italic.eot);
    src: url(../../assets/fonts/Source_Sans_Pro_SemiBold_Italic.eot?#iefix) format("embedded-opentype"), url(../../assets/fonts/Source_Sans_Pro_SemiBold_Italic.woff2) format("woff2"), url(../../assets/fonts/Source_Sans_Pro_SemiBold_Italic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic;
    font-stretch: normal
}

/*!
 * Bootstrap Grid v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }
    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333333%
    }
    .offset-sm-2 {
        margin-left: 16.66666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333333%
    }
    .offset-sm-5 {
        margin-left: 41.66666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333333%
    }
    .offset-sm-8 {
        margin-left: 66.66666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333333%
    }
    .offset-sm-11 {
        margin-left: 91.66666667%
    }
    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }
    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }
    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }
    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }
    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }
    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }
    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333333%
    }
    .offset-md-2 {
        margin-left: 16.66666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333333%
    }
    .offset-md-5 {
        margin-left: 41.66666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333333%
    }
    .offset-md-8 {
        margin-left: 66.66666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333333%
    }
    .offset-md-11 {
        margin-left: 91.66666667%
    }
    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }
    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }
    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }
    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }
    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }
    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }
    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333333%
    }
    .offset-lg-2 {
        margin-left: 16.66666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333333%
    }
    .offset-lg-5 {
        margin-left: 41.66666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333333%
    }
    .offset-lg-8 {
        margin-left: 66.66666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333333%
    }
    .offset-lg-11 {
        margin-left: 91.66666667%
    }
    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }
    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }
    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }
    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }
    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }
    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }
    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333333%
    }
    .offset-xl-2 {
        margin-left: 16.66666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333333%
    }
    .offset-xl-5 {
        margin-left: 41.66666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333333%
    }
    .offset-xl-8 {
        margin-left: 66.66666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333333%
    }
    .offset-xl-11 {
        margin-left: 91.66666667%
    }
    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }
    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }
    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex: 1 0 0%
    }
    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xxl-0 {
        margin-left: 0
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%
    }
    .offset-xxl-3 {
        margin-left: 25%
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%
    }
    .offset-xxl-6 {
        margin-left: 50%
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%
    }
    .offset-xxl-9 {
        margin-left: 75%
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%
    }
    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

@media (min-width:576px) {
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-grid {
        display: grid !important
    }
    .d-sm-inline-grid {
        display: inline-grid !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
    .d-sm-none {
        display: none !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
    .order-sm-first {
        order: -1 !important
    }
    .order-sm-0 {
        order: 0 !important
    }
    .order-sm-1 {
        order: 1 !important
    }
    .order-sm-2 {
        order: 2 !important
    }
    .order-sm-3 {
        order: 3 !important
    }
    .order-sm-4 {
        order: 4 !important
    }
    .order-sm-5 {
        order: 5 !important
    }
    .order-sm-last {
        order: 6 !important
    }
    .m-sm-0 {
        margin: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-sm-0 {
        margin-top: 0 !important
    }
    .mt-sm-1 {
        margin-top: .25rem !important
    }
    .mt-sm-2 {
        margin-top: .5rem !important
    }
    .mt-sm-3 {
        margin-top: 1rem !important
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important
    }
    .mt-sm-5 {
        margin-top: 3rem !important
    }
    .mt-sm-auto {
        margin-top: auto !important
    }
    .me-sm-0 {
        margin-right: 0 !important
    }
    .me-sm-1 {
        margin-right: .25rem !important
    }
    .me-sm-2 {
        margin-right: .5rem !important
    }
    .me-sm-3 {
        margin-right: 1rem !important
    }
    .me-sm-4 {
        margin-right: 1.5rem !important
    }
    .me-sm-5 {
        margin-right: 3rem !important
    }
    .me-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-0 {
        margin-bottom: 0 !important
    }
    .mb-sm-1 {
        margin-bottom: .25rem !important
    }
    .mb-sm-2 {
        margin-bottom: .5rem !important
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important
    }
    .mb-sm-auto {
        margin-bottom: auto !important
    }
    .ms-sm-0 {
        margin-left: 0 !important
    }
    .ms-sm-1 {
        margin-left: .25rem !important
    }
    .ms-sm-2 {
        margin-left: .5rem !important
    }
    .ms-sm-3 {
        margin-left: 1rem !important
    }
    .ms-sm-4 {
        margin-left: 1.5rem !important
    }
    .ms-sm-5 {
        margin-left: 3rem !important
    }
    .ms-sm-auto {
        margin-left: auto !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-sm-0 {
        padding-top: 0 !important
    }
    .pt-sm-1 {
        padding-top: .25rem !important
    }
    .pt-sm-2 {
        padding-top: .5rem !important
    }
    .pt-sm-3 {
        padding-top: 1rem !important
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important
    }
    .pt-sm-5 {
        padding-top: 3rem !important
    }
    .pe-sm-0 {
        padding-right: 0 !important
    }
    .pe-sm-1 {
        padding-right: .25rem !important
    }
    .pe-sm-2 {
        padding-right: .5rem !important
    }
    .pe-sm-3 {
        padding-right: 1rem !important
    }
    .pe-sm-4 {
        padding-right: 1.5rem !important
    }
    .pe-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-0 {
        padding-bottom: 0 !important
    }
    .pb-sm-1 {
        padding-bottom: .25rem !important
    }
    .pb-sm-2 {
        padding-bottom: .5rem !important
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important
    }
    .ps-sm-0 {
        padding-left: 0 !important
    }
    .ps-sm-1 {
        padding-left: .25rem !important
    }
    .ps-sm-2 {
        padding-left: .5rem !important
    }
    .ps-sm-3 {
        padding-left: 1rem !important
    }
    .ps-sm-4 {
        padding-left: 1.5rem !important
    }
    .ps-sm-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:768px) {
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-grid {
        display: grid !important
    }
    .d-md-inline-grid {
        display: inline-grid !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
    .d-md-none {
        display: none !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
    .order-md-first {
        order: -1 !important
    }
    .order-md-0 {
        order: 0 !important
    }
    .order-md-1 {
        order: 1 !important
    }
    .order-md-2 {
        order: 2 !important
    }
    .order-md-3 {
        order: 3 !important
    }
    .order-md-4 {
        order: 4 !important
    }
    .order-md-5 {
        order: 5 !important
    }
    .order-md-last {
        order: 6 !important
    }
    .m-md-0 {
        margin: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-md-0 {
        margin-top: 0 !important
    }
    .mt-md-1 {
        margin-top: .25rem !important
    }
    .mt-md-2 {
        margin-top: .5rem !important
    }
    .mt-md-3 {
        margin-top: 1rem !important
    }
    .mt-md-4 {
        margin-top: 1.5rem !important
    }
    .mt-md-5 {
        margin-top: 3rem !important
    }
    .mt-md-auto {
        margin-top: auto !important
    }
    .me-md-0 {
        margin-right: 0 !important
    }
    .me-md-1 {
        margin-right: .25rem !important
    }
    .me-md-2 {
        margin-right: .5rem !important
    }
    .me-md-3 {
        margin-right: 1rem !important
    }
    .me-md-4 {
        margin-right: 1.5rem !important
    }
    .me-md-5 {
        margin-right: 3rem !important
    }
    .me-md-auto {
        margin-right: auto !important
    }
    .mb-md-0 {
        margin-bottom: 0 !important
    }
    .mb-md-1 {
        margin-bottom: .25rem !important
    }
    .mb-md-2 {
        margin-bottom: .5rem !important
    }
    .mb-md-3 {
        margin-bottom: 1rem !important
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-md-5 {
        margin-bottom: 3rem !important
    }
    .mb-md-auto {
        margin-bottom: auto !important
    }
    .ms-md-0 {
        margin-left: 0 !important
    }
    .ms-md-1 {
        margin-left: .25rem !important
    }
    .ms-md-2 {
        margin-left: .5rem !important
    }
    .ms-md-3 {
        margin-left: 1rem !important
    }
    .ms-md-4 {
        margin-left: 1.5rem !important
    }
    .ms-md-5 {
        margin-left: 3rem !important
    }
    .ms-md-auto {
        margin-left: auto !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-md-0 {
        padding-top: 0 !important
    }
    .pt-md-1 {
        padding-top: .25rem !important
    }
    .pt-md-2 {
        padding-top: .5rem !important
    }
    .pt-md-3 {
        padding-top: 1rem !important
    }
    .pt-md-4 {
        padding-top: 1.5rem !important
    }
    .pt-md-5 {
        padding-top: 3rem !important
    }
    .pe-md-0 {
        padding-right: 0 !important
    }
    .pe-md-1 {
        padding-right: .25rem !important
    }
    .pe-md-2 {
        padding-right: .5rem !important
    }
    .pe-md-3 {
        padding-right: 1rem !important
    }
    .pe-md-4 {
        padding-right: 1.5rem !important
    }
    .pe-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-0 {
        padding-bottom: 0 !important
    }
    .pb-md-1 {
        padding-bottom: .25rem !important
    }
    .pb-md-2 {
        padding-bottom: .5rem !important
    }
    .pb-md-3 {
        padding-bottom: 1rem !important
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-md-5 {
        padding-bottom: 3rem !important
    }
    .ps-md-0 {
        padding-left: 0 !important
    }
    .ps-md-1 {
        padding-left: .25rem !important
    }
    .ps-md-2 {
        padding-left: .5rem !important
    }
    .ps-md-3 {
        padding-left: 1rem !important
    }
    .ps-md-4 {
        padding-left: 1.5rem !important
    }
    .ps-md-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:992px) {
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-grid {
        display: grid !important
    }
    .d-lg-inline-grid {
        display: inline-grid !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
    .d-lg-none {
        display: none !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
    .order-lg-first {
        order: -1 !important
    }
    .order-lg-0 {
        order: 0 !important
    }
    .order-lg-1 {
        order: 1 !important
    }
    .order-lg-2 {
        order: 2 !important
    }
    .order-lg-3 {
        order: 3 !important
    }
    .order-lg-4 {
        order: 4 !important
    }
    .order-lg-5 {
        order: 5 !important
    }
    .order-lg-last {
        order: 6 !important
    }
    .m-lg-0 {
        margin: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-lg-0 {
        margin-top: 0 !important
    }
    .mt-lg-1 {
        margin-top: .25rem !important
    }
    .mt-lg-2 {
        margin-top: .5rem !important
    }
    .mt-lg-3 {
        margin-top: 1rem !important
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important
    }
    .mt-lg-5 {
        margin-top: 3rem !important
    }
    .mt-lg-auto {
        margin-top: auto !important
    }
    .me-lg-0 {
        margin-right: 0 !important
    }
    .me-lg-1 {
        margin-right: .25rem !important
    }
    .me-lg-2 {
        margin-right: .5rem !important
    }
    .me-lg-3 {
        margin-right: 1rem !important
    }
    .me-lg-4 {
        margin-right: 1.5rem !important
    }
    .me-lg-5 {
        margin-right: 3rem !important
    }
    .me-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-0 {
        margin-bottom: 0 !important
    }
    .mb-lg-1 {
        margin-bottom: .25rem !important
    }
    .mb-lg-2 {
        margin-bottom: .5rem !important
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important
    }
    .mb-lg-auto {
        margin-bottom: auto !important
    }
    .ms-lg-0 {
        margin-left: 0 !important
    }
    .ms-lg-1 {
        margin-left: .25rem !important
    }
    .ms-lg-2 {
        margin-left: .5rem !important
    }
    .ms-lg-3 {
        margin-left: 1rem !important
    }
    .ms-lg-4 {
        margin-left: 1.5rem !important
    }
    .ms-lg-5 {
        margin-left: 3rem !important
    }
    .ms-lg-auto {
        margin-left: auto !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-lg-0 {
        padding-top: 0 !important
    }
    .pt-lg-1 {
        padding-top: .25rem !important
    }
    .pt-lg-2 {
        padding-top: .5rem !important
    }
    .pt-lg-3 {
        padding-top: 1rem !important
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important
    }
    .pt-lg-5 {
        padding-top: 3rem !important
    }
    .pe-lg-0 {
        padding-right: 0 !important
    }
    .pe-lg-1 {
        padding-right: .25rem !important
    }
    .pe-lg-2 {
        padding-right: .5rem !important
    }
    .pe-lg-3 {
        padding-right: 1rem !important
    }
    .pe-lg-4 {
        padding-right: 1.5rem !important
    }
    .pe-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-0 {
        padding-bottom: 0 !important
    }
    .pb-lg-1 {
        padding-bottom: .25rem !important
    }
    .pb-lg-2 {
        padding-bottom: .5rem !important
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important
    }
    .ps-lg-0 {
        padding-left: 0 !important
    }
    .ps-lg-1 {
        padding-left: .25rem !important
    }
    .ps-lg-2 {
        padding-left: .5rem !important
    }
    .ps-lg-3 {
        padding-left: 1rem !important
    }
    .ps-lg-4 {
        padding-left: 1.5rem !important
    }
    .ps-lg-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:1200px) {
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-grid {
        display: grid !important
    }
    .d-xl-inline-grid {
        display: inline-grid !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
    .d-xl-none {
        display: none !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
    .order-xl-first {
        order: -1 !important
    }
    .order-xl-0 {
        order: 0 !important
    }
    .order-xl-1 {
        order: 1 !important
    }
    .order-xl-2 {
        order: 2 !important
    }
    .order-xl-3 {
        order: 3 !important
    }
    .order-xl-4 {
        order: 4 !important
    }
    .order-xl-5 {
        order: 5 !important
    }
    .order-xl-last {
        order: 6 !important
    }
    .m-xl-0 {
        margin: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-xl-0 {
        margin-top: 0 !important
    }
    .mt-xl-1 {
        margin-top: .25rem !important
    }
    .mt-xl-2 {
        margin-top: .5rem !important
    }
    .mt-xl-3 {
        margin-top: 1rem !important
    }
    .mt-xl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xl-5 {
        margin-top: 3rem !important
    }
    .mt-xl-auto {
        margin-top: auto !important
    }
    .me-xl-0 {
        margin-right: 0 !important
    }
    .me-xl-1 {
        margin-right: .25rem !important
    }
    .me-xl-2 {
        margin-right: .5rem !important
    }
    .me-xl-3 {
        margin-right: 1rem !important
    }
    .me-xl-4 {
        margin-right: 1.5rem !important
    }
    .me-xl-5 {
        margin-right: 3rem !important
    }
    .me-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-0 {
        margin-bottom: 0 !important
    }
    .mb-xl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xl-auto {
        margin-bottom: auto !important
    }
    .ms-xl-0 {
        margin-left: 0 !important
    }
    .ms-xl-1 {
        margin-left: .25rem !important
    }
    .ms-xl-2 {
        margin-left: .5rem !important
    }
    .ms-xl-3 {
        margin-left: 1rem !important
    }
    .ms-xl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xl-5 {
        margin-left: 3rem !important
    }
    .ms-xl-auto {
        margin-left: auto !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-xl-0 {
        padding-top: 0 !important
    }
    .pt-xl-1 {
        padding-top: .25rem !important
    }
    .pt-xl-2 {
        padding-top: .5rem !important
    }
    .pt-xl-3 {
        padding-top: 1rem !important
    }
    .pt-xl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xl-5 {
        padding-top: 3rem !important
    }
    .pe-xl-0 {
        padding-right: 0 !important
    }
    .pe-xl-1 {
        padding-right: .25rem !important
    }
    .pe-xl-2 {
        padding-right: .5rem !important
    }
    .pe-xl-3 {
        padding-right: 1rem !important
    }
    .pe-xl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-0 {
        padding-bottom: 0 !important
    }
    .pb-xl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xl-0 {
        padding-left: 0 !important
    }
    .ps-xl-1 {
        padding-left: .25rem !important
    }
    .ps-xl-2 {
        padding-left: .5rem !important
    }
    .ps-xl-3 {
        padding-left: 1rem !important
    }
    .ps-xl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xl-5 {
        padding-left: 3rem !important
    }
}

@media (min-width:1400px) {
    .d-xxl-inline {
        display: inline !important
    }
    .d-xxl-inline-block {
        display: inline-block !important
    }
    .d-xxl-block {
        display: block !important
    }
    .d-xxl-grid {
        display: grid !important
    }
    .d-xxl-inline-grid {
        display: inline-grid !important
    }
    .d-xxl-table {
        display: table !important
    }
    .d-xxl-table-row {
        display: table-row !important
    }
    .d-xxl-table-cell {
        display: table-cell !important
    }
    .d-xxl-flex {
        display: flex !important
    }
    .d-xxl-inline-flex {
        display: inline-flex !important
    }
    .d-xxl-none {
        display: none !important
    }
    .flex-xxl-fill {
        flex: 1 1 auto !important
    }
    .flex-xxl-row {
        flex-direction: row !important
    }
    .flex-xxl-column {
        flex-direction: column !important
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important
    }
    .justify-content-xxl-center {
        justify-content: center !important
    }
    .justify-content-xxl-between {
        justify-content: space-between !important
    }
    .justify-content-xxl-around {
        justify-content: space-around !important
    }
    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xxl-start {
        align-items: flex-start !important
    }
    .align-items-xxl-end {
        align-items: flex-end !important
    }
    .align-items-xxl-center {
        align-items: center !important
    }
    .align-items-xxl-baseline {
        align-items: baseline !important
    }
    .align-items-xxl-stretch {
        align-items: stretch !important
    }
    .align-content-xxl-start {
        align-content: flex-start !important
    }
    .align-content-xxl-end {
        align-content: flex-end !important
    }
    .align-content-xxl-center {
        align-content: center !important
    }
    .align-content-xxl-between {
        align-content: space-between !important
    }
    .align-content-xxl-around {
        align-content: space-around !important
    }
    .align-content-xxl-stretch {
        align-content: stretch !important
    }
    .align-self-xxl-auto {
        align-self: auto !important
    }
    .align-self-xxl-start {
        align-self: flex-start !important
    }
    .align-self-xxl-end {
        align-self: flex-end !important
    }
    .align-self-xxl-center {
        align-self: center !important
    }
    .align-self-xxl-baseline {
        align-self: baseline !important
    }
    .align-self-xxl-stretch {
        align-self: stretch !important
    }
    .order-xxl-first {
        order: -1 !important
    }
    .order-xxl-0 {
        order: 0 !important
    }
    .order-xxl-1 {
        order: 1 !important
    }
    .order-xxl-2 {
        order: 2 !important
    }
    .order-xxl-3 {
        order: 3 !important
    }
    .order-xxl-4 {
        order: 4 !important
    }
    .order-xxl-5 {
        order: 5 !important
    }
    .order-xxl-last {
        order: 6 !important
    }
    .m-xxl-0 {
        margin: 0 !important
    }
    .m-xxl-1 {
        margin: .25rem !important
    }
    .m-xxl-2 {
        margin: .5rem !important
    }
    .m-xxl-3 {
        margin: 1rem !important
    }
    .m-xxl-4 {
        margin: 1.5rem !important
    }
    .m-xxl-5 {
        margin: 3rem !important
    }
    .m-xxl-auto {
        margin: auto !important
    }
    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .mt-xxl-0 {
        margin-top: 0 !important
    }
    .mt-xxl-1 {
        margin-top: .25rem !important
    }
    .mt-xxl-2 {
        margin-top: .5rem !important
    }
    .mt-xxl-3 {
        margin-top: 1rem !important
    }
    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }
    .mt-xxl-5 {
        margin-top: 3rem !important
    }
    .mt-xxl-auto {
        margin-top: auto !important
    }
    .me-xxl-0 {
        margin-right: 0 !important
    }
    .me-xxl-1 {
        margin-right: .25rem !important
    }
    .me-xxl-2 {
        margin-right: .5rem !important
    }
    .me-xxl-3 {
        margin-right: 1rem !important
    }
    .me-xxl-4 {
        margin-right: 1.5rem !important
    }
    .me-xxl-5 {
        margin-right: 3rem !important
    }
    .me-xxl-auto {
        margin-right: auto !important
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important
    }
    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }
    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }
    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }
    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }
    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }
    .mb-xxl-auto {
        margin-bottom: auto !important
    }
    .ms-xxl-0 {
        margin-left: 0 !important
    }
    .ms-xxl-1 {
        margin-left: .25rem !important
    }
    .ms-xxl-2 {
        margin-left: .5rem !important
    }
    .ms-xxl-3 {
        margin-left: 1rem !important
    }
    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }
    .ms-xxl-5 {
        margin-left: 3rem !important
    }
    .ms-xxl-auto {
        margin-left: auto !important
    }
    .p-xxl-0 {
        padding: 0 !important
    }
    .p-xxl-1 {
        padding: .25rem !important
    }
    .p-xxl-2 {
        padding: .5rem !important
    }
    .p-xxl-3 {
        padding: 1rem !important
    }
    .p-xxl-4 {
        padding: 1.5rem !important
    }
    .p-xxl-5 {
        padding: 3rem !important
    }
    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .pt-xxl-0 {
        padding-top: 0 !important
    }
    .pt-xxl-1 {
        padding-top: .25rem !important
    }
    .pt-xxl-2 {
        padding-top: .5rem !important
    }
    .pt-xxl-3 {
        padding-top: 1rem !important
    }
    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }
    .pt-xxl-5 {
        padding-top: 3rem !important
    }
    .pe-xxl-0 {
        padding-right: 0 !important
    }
    .pe-xxl-1 {
        padding-right: .25rem !important
    }
    .pe-xxl-2 {
        padding-right: .5rem !important
    }
    .pe-xxl-3 {
        padding-right: 1rem !important
    }
    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }
    .pe-xxl-5 {
        padding-right: 3rem !important
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important
    }
    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }
    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }
    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }
    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }
    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }
    .ps-xxl-0 {
        padding-left: 0 !important
    }
    .ps-xxl-1 {
        padding-left: .25rem !important
    }
    .ps-xxl-2 {
        padding-left: .5rem !important
    }
    .ps-xxl-3 {
        padding-left: 1rem !important
    }
    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }
    .ps-xxl-5 {
        padding-left: 3rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-grid {
        display: grid !important
    }
    .d-print-inline-grid {
        display: inline-grid !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
    .d-print-none {
        display: none !important
    }
}

:root {
    --header-h: 60px;
    --neutral-100: #d9d9d9;
    --neutral-800: #170f49;
    --white: #ffffff;
    --black: #000;
    --cold-grey: #9a9ea5;
    --blue-gray-800: #28353d;
    --blue-gray-900: #0f172a;
    --black-800: #252525;
    --black-900: #000000;
    --dark-gray-300: #404040;
    --dark-gray-500: #212223;
    --dark-gray-600: #222222;
    --dark-gray-700: #241f20;
    --dark-gray-800: #1e1e1e;
    --dark-gray-900: #212121;
    --dark-gray-1200: #050505;
    --light-gray-200: #ececec;
    --light-gray-300: #e8e8e8;
    --light-gray-400: #ccced2;
    --light-gray-500: #c3c3c3;
    --light-gray-600: #bcbcbc;
    --light-gray-700: #c4c4c4;
    --light-gray-800: #bbbbbb;
    --light-gray-900: #8c8c8c;
    --orange-100: #ffb71e;
    --orange-200: #ffb51b;
    --orange-250: #ffc549;
    --orange-300: #ffb200;
    --orange-500: #ffb71b;
    --orange-600: #e38f33;
    --orange-800: #f18a00;
    --orange-900: #ff8300;
    --orange-1000: #DB7D00;
    --orange-1200: #AA6612;
    --light-blue-300: #3fa9f5;
    --light-blue-400: #3291de;
    --light-blue-500: #3291dd;
    --light-blue-600: #2a7de1;
    --light-blue-800: #2a7ee1;
    --light-blue-1000: #1F75DB;
    --purple-300: #AB4CC2;
    --light-green-300: #0bd6c7
}

@media screen and (min-width:768px) {
    :root {
        --header-h: 60px
    }
}

body {
    background: var(--white);
    overflow-x: hidden
}

body.noscroll {
    overflow: hidden
}

html {
    scroll-behavior: smooth
}

*,
body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    line-height: normal;
    font-family: SourceSans, sans-serif;
    font-feature-settings: "pnum" on, "lnum" on
}

a {
    color: initial;
    text-decoration: none !important;
}

:root {
    --section-padding: 24px
}

section {
    overflow-x: hidden;
    position: relative
}

.section-padding {
    padding-left: var(--section-padding);
    padding-right: var(--section-padding)
}

@media screen and (min-width:576px) {
    .section-padding-sm {
        padding-left: var(--section-padding);
        padding-right: var(--section-padding)
    }
}

@media screen and (min-width:992px) {
    .section-padding-lg {
        padding-left: 0;
        padding-right: 0
    }
}

.inverted {
    display: inline-block;
    font-size: inherit;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px;
    width: fit-content
}

.inverted_black {
    color: var(--white);
    background: var(--dark-gray-600)
}

.inverted_white {
    color: var(--dark-gray-600);
    background: var(--white)
}

.inverted_purple {
    color: var(--white);
    background: #b150c5
}

.inverted_blue {
    background: #007ee5;
    color: var(--white)
}

.title {
    color: var(--dark-gray-600);
    font-size: 40px
}
@media (max-width:768px){
    .title {
        text-align: center;
    }   
}


@media screen and (min-width:576px) {
    .title {
        text-align: center
    }
}

@media screen and (min-width:576px) {
    :root {
        --section-padding: 32px
    }
}

@media screen and (min-width:768px) {
    :root {
        --section-padding: 52px
    }
}

@media screen and (min-width:992px) {
    :root {
        --section-padding: 80px
    }
}

@media screen and (min-width:1200px) {
    :root {
        --section-padding: 120px
    }
}

@media screen and (min-width:1400px) {
    :root {
        --section-padding: 120px
    }
}

.video {
    cursor: pointer;
    position: relative;
    width: 100%;
    overflow:hidden;
}

.video:hover svg {
    transform: translate(-50%, -50%) scale(.95)
}

.video:hover img {
    filter: brightness(.3)
}

.video.started svg {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
    pointer-events: none
}

.video.started img {
    opacity: 0;
    pointer-events: none
}

.video img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 1;
    transition: all .3s
}

.video svg {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 1;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: all .3s
}

.video video {
    width: 100%;
    display: block
}

@media screen and (min-width:576px) {
    .video {
        max-width: 400px
    }
}

@media screen and (min-width:768px) {
    .video {
        max-width: 500px
    }
}

@media screen and (min-width:992px) {
    .video {
        max-width: 600px
    }
}

@media screen and (min-width:1200px) {
    .video {
        max-width: 750px
    }
}

@media screen and (min-width:1400px) {
    .video {
        max-width: 750px
    }
}

.socials {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    list-style-type: none
}

.socials a {
    display: flex
}

.socials a:hover rect,
.socials a:hover svg {
    fill: var(--dark-gray-300)
}

.socials a svg {
    width: 18px;
    height: 18px;
    transition: all .3s
}

.socials a rect,
.socials a svg {
    fill: var(--dark-gray-600)
}

.socials a.facebook:hover rect,
.socials a.facebook:hover svg {
    fill: #1877f2 !important
}

.socials a.twitter:hover rect,
.socials a.twitter:hover svg {
    fill: #1da1f2 !important
}

.socials a.instagram:hover rect,
.socials a.instagram:hover svg {
    fill: #c13584 !important
}

.socials a.linkedin:hover rect,
.socials a.linkedin:hover svg {
    fill: #0072b1 !important
}

.socials a.tiktok:hover rect,
.socials a.tiktok:hover svg {
    fill: #00f2ea !important
}

.socials a.youtube:hover rect,
.socials a.youtube:hover svg {
    fill: red !important
}

.divider {
    border-bottom: 1px solid var(--dark-gray-500)
}

.divider_section {
    margin: 0 var(--section-padding)
}

.divider_decoration {
    position: relative
}

.divider_decoration>.deco__item {
    border-radius: 100%;
    aspect-ratio: 1/1;
    position: absolute;
    top: 50%;
    left: calc(var(--section-padding) * -1);
    transform: translate(-50%, -50%);
    z-index: -1
}

.divider_decoration>.deco__item:nth-child(1) {
    border: 1px solid var(--black-900);
    width: var(--section-padding)
}

.divider_decoration>.deco__item:nth-child(2) {
    border: 1px solid #424242;
    width: calc(var(--section-padding) * 1.5)
}

.divider_decoration>.deco__item:nth-child(3) {
    border: 1px solid #949494;
    width: calc(var(--section-padding) * 2)
}

.divider_decoration>.deco__item:nth-child(4) {
    border: 1px solid #bfbfbf;
    width: calc(var(--section-padding) * 2.5)
}

@media screen and (min-width:768px) {
    .divider_decoration-md {
        position: relative
    }
    .divider_decoration-md>.deco__item {
        border-radius: 100%;
        aspect-ratio: 1/1;
        position: absolute;
        top: 50%;
        left: calc(var(--section-padding) * -1);
        transform: translate(-50%, -50%);
        z-index: -1
    }
    .divider_decoration-md>.deco__item:nth-child(1) {
        border: 1px solid var(--black-900);
        width: var(--section-padding)
    }
    .divider_decoration-md>.deco__item:nth-child(2) {
        border: 1px solid #424242;
        width: calc(var(--section-padding) * 1.5)
    }
    .divider_decoration-md>.deco__item:nth-child(3) {
        border: 1px solid #949494;
        width: calc(var(--section-padding) * 2)
    }
    .divider_decoration-md>.deco__item:nth-child(4) {
        border: 1px solid #bfbfbf;
        width: calc(var(--section-padding) * 2.5)
    }
}

.divider-lg {
    display: none
}

@media screen and (min-width:768px) {
    .divider-lg {
        display: block
    }
}

.card {
    border-radius: 5px;
    background: var(--light-blue-600);
    padding: 32px 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px
}

.card__title {
    width: fit-content;
    margin: 0 auto;
    padding: 0 4px;
    font-weight: 700;
    font-size: 28px;
    color: var(--white);
    background: var(--dark-gray-600)
}

.card__description {
    font-size: 18px;
    color: var(--dark-gray-1200);
    max-width: 1000px;
    text-align: center;
    margin: 0 auto;
    margin-top: 24px
}
.card__description-business{
    color: #fff;
}

.card__description-wrapper {
    margin-top: 12px
}

.card__cards {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px
}

.card .subcard {
    flex: 1 1 0px;
    display: flex;
    gap: 24px;
    
}
.subcard__video{
    width: 50%;
}
.subcard__description-wrapper{
    width: 50%;
}
@media(max-width:768px){
    .card .subcard {
        display: block;
    }
     .subcard__video{
        width: 100%;
    }
    .subcard__description-wrapper{
        width: 100%;
    }   
}

.card .subcard__wrapper {
    display: flex;
    width: fit-content;
    padding: 20px;
    background: #e8a81c
}


.card .subcard__wrapper-blue {
    display: flex;
    padding: 20px;
    background: #0075d2;
    max-width: 600px;
    margin: 0 auto;
}
.card .subcard__wrapper-blue .subcard{
    color: #fff;    
    align-items: center;
}
.card .subcard__wrapper-blue .subcard__description{
    color: #fff;
}


.card .subcard__title-business {
    width: fit-content;
    margin-bottom: 10px;
    padding: 0 4px;
    font-weight: 700;
    font-size: 18px;
    background: #000;
    color: #ff8e2b !important;
}
.card .subcard__title {
    width: fit-content;
    margin-bottom: 10px;
    padding: 0 4px;
    font-weight: 700;
    font-size: 18px;
    background: var(--white);
    color: #9c51c0 !important;
}


.card .subcard__phrase {
    font-size: 16px;
    color: var(--dark-gray-800);
}

.card .subcard__description {
    font-size: 16px;
    color: var(--dark-gray-800)
}

.card_yellow {
    background-color: #ffb71b !important;
}

@media screen and (min-width:576px) {
    .card__description {
        padding: 0 24px
    }
}

@media screen and (min-width:768px) {
    .card__description {
        padding: 0 36px
    }
    .card__cards {
        flex-direction: row
    }
    .card .subcard {
        height: 100%
    }
    .card .subcard__wrapper {
        height: 100%
    }
    .card .subcard__description-wrapper {
        margin-top: 0;
        height: 100%;
        display: flex;
        align-items: center
    }
}

@media screen and (min-width:992px) {
    .card__description {
        padding: 0
    }
    .card__cards {
        height: 100%;
        gap: 40px
    }
    .card__title {
        font-size: 32px
    }
    .card .subcard__phrase {
        font-size: 16px
    }
    .card_yellow .subcard__title {
        color: var(--dark-gray-600)
    }
}

@media screen and (min-width:1200px) {
    .card__title {
        font-size: 36px
    }
    .card__cards {
        gap: 60px
    }
    .card .subcard__title {
        font-size: 22px
    }
    .card .subcard__phrase {
        font-size: 18px
    }
}


.slider {
    --margin-manipulator: 24px;
    position: relative
}

.slider__manipulator {
    cursor: pointer;
    position: absolute;
    z-index: 3;
    top: 50%;
    transition: all .3s
}

.slider__manipulator_inactive * {
    fill: var(--dark-gray-300)
}

.slider__prev {
    left: 0
}

.slider__next {
    right: 0
}

.slider__inner {
    width: 100%
}

.slider__slide {
    height: auto !important;
    display: flex !important;
    flex-direction: column;
    align-items: center
}

.slider__pagination {
    margin: 0 auto;
    margin-top: 32px;
    width: fit-content;
    display: flex;
    gap: 6px
}

.slider__bullet {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: var(--light-gray-700);
    transition: all .3s
}

.slider__bullet_active {
    background: var(--orange-500)
}

@media screen and (min-width:992px) {
    .slider__prev {
        transform: translate(-100%, -50%);
        left: calc(50% - var(--slider-width)/ 2 - var(--margin-manipulator))
    }
    .slider__next {
        transform: translate(100%, -50%);
        right: calc(50% - var(--slider-width)/ 2 - var(--margin-manipulator))
    }
    .slider__inner {
        width: var(--slider-width)
    }
    .slider__pagination {
        display: none
    }
}

.accordion {
    --inner-padding-x: 16px;
    border-radius: 18px;
    border: 1px solid var(--neutral-100);
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.accordion__item {
    border-bottom: 1px solid var(--light-gray-600)
}

.accordion__item-header {
    padding: 0 20px;
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.accordion__item-header span {
    font-size: 16px;
    font-weight: normal;
    color: var(--dark-gray-600)
}

.accordion__item-header img {
    transition: all .3s
}

.accordion__item-header:hover span {
    color: var(--orange-800)
}

.accordion__item-header:hover span.blue {
    color: var(--light-blue-600)
}

.accordion__item-content {
    margin-top: 20px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .3s;
    min-height: 300px;
}

.accordion__item_active .accordion__item-header img {
    transform: rotate(180deg)
}

.accordion__subitem {
    padding: 32px 0;
    padding-left: var(--inner-padding-x);
    padding-right: var(--inner-padding-x);
    border-radius: 10px
}

.accordion__subitem:nth-child(odd) {
    background: rgba(217, 217, 217, .2)
}

.accordion__subitem.hide {
    display: none
}

.accordion__subitem-header {
    --symbol-width: 14px;
    --symbol-height: 2px;
    padding-right: calc(var(--symbol-width) + 24px);
    position: relative;
    cursor: pointer;
    width: 100%
}

.accordion__subitem-header span {
    font-size: 16px;
    font-weight: 600;
    color: var(--dark-gray-600)
}

.accordion__subitem-header:after,
.accordion__subitem-header:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: var(--symbol-width);
    height: var(--symbol-height);
    border-radius: 1px;
    background: var(--dark-gray-600)
}

.accordion__subitem-header:before {
    transition: all .3s;
    transform: translateY(-50%) rotate(90deg)
}

.accordion__subitem-header:hover span {
    color: var(--orange-800)
}

.accordion__subitem-header:hover span.blue {
    color: var(--light-blue-600)
}

.accordion__subitem-content {
    font-size: 14px;
    color: var(--neutral-800);
    overflow: hidden
}

.accordion__subitem_active .accordion__subitem-header:before {
    transform: translateY(-50%) rotate(180deg)
}

.accordion__subitem_active .accordion__subitem-header span {
    color: var(--orange-800)
}

.accordion__subitem_active .accordion__subitem-header span.blue {
    color: var(--light-blue-600)
}

.accordion__subitem_active .accordion__subitem-content {
    margin-top: 16px
}

@media screen and (min-width:768px) {
    .accordion {
        --inner-padding-x: 24px;
        padding: 60px 40px
    }
}

.boxsearch {
    height: 40px;
    display: flex;
    align-items: stretch;
    background: #fff
}

.boxsearch input {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #222;
    padding: 0 20px;
    border: none;
    outline: 0
}

.boxsearch input::placeholder {
    opacity: .6
}

.boxsearch button {
    cursor: pointer;
    aspect-ratio: 1/1;
    height: 100%;
    outline: 0;
    border: none;
    background: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s
}

.boxsearch button img {
    width: 20px
}

.boxsearch button:hover {
    background: var(--light-gray-200)
}

.sharethis {
    border: none;
    background: 0 0;
    outline: 0;
    cursor: pointer;
    display: flex;
    padding: 12px;
    border-radius: 4px;
    background: var(--white)
}

.sharethis>img {
    width: 24px
}

.sharethis__tooltip {
    visibility: hidden;
    padding: 12px 16px;
    border-radius: 8px;
    background: #2b2b2b;
    min-width: 180px;
    position: absolute;
    box-shadow: 0 2px 5px 0 rgba(175, 175, 175, .15)
}

.sharethis__tooltip:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    translate: -50% 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #2b2b2b
}

.sharethis__tooltip .sharethis-inline-share-buttons .st-btn {
    display: inline-flex !important;
    align-items: center;
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 !important;
    background: 0 0 !important
}

.sharethis__tooltip .sharethis-inline-share-buttons .st-btn img {
    top: 0 !important;
    width: 24px !important;
    height: 24px !important
}

.sharethis__tooltip.active {
    visibility: visible
}

.sharethis-inline-share-buttons .st-btn {
    background: #000 !important
}

.sharethis-inline-share-buttons .st-btn img {
    filter: brightness(0) invert(1)
}

.bookdemo {
    position: fixed;
    right: 24px;
    bottom: 40px;
    z-index: 12;
    background: #ffb61b;
    padding: 4px 8px;
    border-radius: 8px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    transition: all .3s
}

.bookdemo:hover {
    background: var(--light-blue-500)
}

.bookdemo.hidden {
    opacity: 0;
    pointer-events: none
}

.bookdemo_blue {
    background: #007ee5;
    color: #fff
}

.bookdemo_blue:hover {
    background: var(--orange-600)
}

.bookdemo img {
    width: 32px;
    position: absolute;
    left: 0;
    top: 50%;
    translate: -80% -50%
}

@media screen and (min-width:768px) {
    .bookdemo {
        right: 40px;
        bottom: 48px;
        padding: 6px 12px;
        padding-right: 24px;
        font-size: 24px
    }
    .bookdemo img {
        width: 48px;
        left: auto;
        right: 0;
        translate: 60% -50%
    }
}

.header.sidebar_active .header__dropmenu {
    opacity: 1;
    pointer-events: all
}

.header.sidebar_active .header__inv {
    display: block
}

.header.sidebar_active .header__burger {
    height: 28px
}

.header.sidebar_active .header__burger span:nth-child(1) {
    top: 50%;
    transform: translateY(0) rotate(45deg)
}

.header.sidebar_active .header__burger span:nth-child(2) {
    left: -100%
}

.header.sidebar_active .header__burger span:nth-child(3) {
    top: 50%;
    transform: translateY(0) rotate(-45deg)
}

.header__inv {
    display: none;
    position: fixed;
    top: var(--header-h);
    left: 0;
    z-index: 4;
    height: calc(100% - var(--header-h));
    width: 100%
}

.header__dropmenu {
    position: absolute;
    bottom: 1px;
    z-index: 5;
    transform: translateY(100%);
    display: flex;
    flex-direction: column;
    background: var(--white);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid var(--light-gray-300);
    border-top: none;
    opacity: 0;
    pointer-events: none;
    transition: all .3
}

.header__dropmenu a {
    padding: 18px 38px;
    font-size: 16px;
    color: var(--dark-gray-600);
    border-top: 1px solid var(--light-gray-300);
    transition: all .3s
}

.header__dropmenu a:nth-child(1) {
    border-top: 0
}

.header__dropmenu a.active {
    font-weight: 700;
    color: var(--orange-800)
}

@media screen and (min-width:992px) {
    .header__dropmenu {
        display: none
    }
}

.sidebar {
    width: 100%;
    height: calc(100% - var(--header-h));
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: var(--header-h);
    left: -100%;
    z-index: 5;
    background: var(--white);
    border-bottom: 1px solid var(--light-gray-300);
    transition: all .3s
}

.sidebar.active {
    left: 0
}

.sidebar__title {
    font-size: 24px;
    color: var(--dark-gray-600)
}

.sidebar__links {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.sidebar__links a {
    font-size: 18px;
    color: var(--dark-gray-600)
}

.sidebar .socials {
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    gap: 24px
}

.sidebar .socials svg {
    width: 28px !important;
    height: 28px !important
}

@media screen and (min-width:768px) {
    .sidebar {
        padding-left: 24px;
        padding-right: 24px
    }
}

.business .header__switch {
    color: var(--dark-gray-600);
    background: var(--orange-200)
}

.business .header__switch:hover {
    background: var(--orange-300);
    color: #fff
}

.business .header__links a.active {
    color: var(--light-blue-1000)
}

.business .header__links a:hover {
    color: var(--light-blue-1000)
}

.business .header__dropmenu a.active {
    color: var(--light-blue-1000)
}

.header {
    width: 100%;
    height: var(--header-h);
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    background: var(--white);
    border-bottom: 1px solid var(--light-gray-300)
}

.header__dropmenu .sign-links {
    margin: 15px 0 0 0;
    height: 34px
}

.header__dropmenu .sign-links .header__btn {
    padding: 12px 38px
}

.header>div {
    display: flex;
    align-items: center
}

.header__layout {
    height: var(--header-h);
    width: 100%
}

.header__burger {
    position: relative;
    box-sizing: content-box;
    margin: 6px 0;
    margin-right: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 16px;
    min-width: 20px;
    width: 24px;
    overflow: hidden;
    transition: all .3s
}

.header__burger span {
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: var(--blue-gray-800);
    position: absolute;
    left: 0;
    transition: all .3s
}

.header__burger span:nth-child(1) {
    top: 0
}

.header__burger span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%)
}

.header__burger span:nth-child(3) {
    top: 100%;
    transform: translateY(-100%)
}

.header__logo {
    height: 100%;
    width: fit-content;
    max-width: 125px;
    margin-right: 12px
}

.header__logo img {
    width: 100%;
    height: 100%
}

.header__links {
    display: none;
    justify-content: center;
    gap: 20px;
    margin-left: 40px
}

.header__links a {
    color: var(--dark-gray-600);
    font-size: 16px;
    transition: all .2s
}

.header__links a:hover {
    color: var(--orange-800);
    font-weight: 700
}

.header__links a.active {
    color: var(--orange-1200);
    font-weight: 700
}

.header__links a.wide {
    display: none
}

@media screen and (min-width:992px) {
    .header__links {
        display: flex
    }
}

@media screen and (min-width:1100px) {
    .header__links a.wide {
        display: initial
    }
}

.header__btn {
    color: var(--dark-gray-500);
    font-weight: 700;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
    background: var(--white);
    padding: 4px 8px;
    border-radius: 5px;
    transition: all .3s
}

.header__btn:hover {
    background: var(--light-gray-200)
}

.header__signup:hover {
    background: var(--orange-500)
}

.header__switch {
    margin-left: 8px;
    background: var(--light-blue-1000)
}

.header__switch:hover {
    background: var(--light-blue-500);
    color: #333
}

.header .socials {
    display: none;
    margin-left: 20px
}

@media screen and (max-width:767px) {
    .header__login {
        display: none
    }
}

@media screen and (min-width:576px) {
    .header__logo {
        max-width: none;
        margin-right: 0
    }
    .header__btn {
        padding-left: 18px;
        padding-right: 18px
    }
    .header__burger {
        margin-right: 18px
    }
    .header__switch {
        margin-left: 12px
    }
}

@media screen and (min-width:768px) {
    .header {
        padding-left: 24px;
        padding-right: 24px
    }
    .header__switch {
        margin-left: 16px
    }
}

@media screen and (min-width:992px) {
    .header {
        padding-left: 32px;
        padding-right: 32px
    }
    .header__burger {
        display: none
    }
    .header__switch {
        color: var(--white);
        margin-left: 20px
    }
}

@media screen and (min-width:1200px) {
    .header {
        padding-left: 60px;
        padding-right: 20px
    }
    .header__links {
        margin-left: 24px
    }
    .header__btn {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:1300px) {
    .header .socials {
        display: flex
    }
}

@media screen and (min-width:1500px) {
    .header {
        padding-left: 80px
    }
    .header__links {
        margin-left: 60px;
        gap: 50px
    }
}

.sxsw-section .text-color-purple {
    color: var(--purple-300)
}

.sxsw-section .text-color-yellow {
    color: var(--orange-500)
}

.sxsw-section .text-color-orange {
    color: var(--orange-1200)
}

.sxsw-section .text-color-green {
    color: var(--light-green-300)
}

.sxsw-section .top-bg {
    height: 34px;
    background: url(../../assets/imgs/sxsw/top-bg.png) 0 0 repeat-x
}

.sxsw-section .bottom-bg {
    height: 34px;
    background: url(../../assets/imgs/sxsw/bottom-bg.png) 0 0 repeat-x
}

.sxsw-section .sxsw-line {
    height: 34px;
    background: url(../../assets/imgs/sxsw/sxsw-line-bg.png) 0 0 repeat-x
}

.sxsw-section .paycheck-block {
    background: url(../../assets/imgs/sxsw/header-bg.png) left center no-repeat;
    background-size: 50%
}

.sxsw-section .paycheck-block .paycheck-inner-block {
    background: url(../../assets/imgs/sxsw/job-letter.png) right center no-repeat;
    background-size: 30%;
    padding: 48px 0
}

.sxsw-section .paycheck-block .ready-title {
    font-size: 54px;
    font-weight: 600;
    color: var(--dark-gray-600)
}

.sxsw-section .paycheck-block .ready-title .line-2 {
    background: var(--orange-500);
    display: inline-block;
    padding: 0 5px
}

.sxsw-section .paycheck-block .texts {
    padding: 20px 0
}

.sxsw-section .paycheck-block .texts .text-item {
    font-size: 18px
}

.sxsw-section .paycheck-block .texts .text-item.pb {
    padding-bottom: 15px
}

.sxsw-section .paycheck-block .texts .text-item span {
    font-weight: 600
}

.sxsw-section .paycheck-block .texts .text-item .logo-img {
    height: 17px
}

.sxsw-section .paycheck-block .texts .text-item .icon-image {
    padding: 0 16px 0 0
}

.sxsw-section .paycheck-block .arrowed-texts {
    padding: 0 45px;
    position: relative;
    font-size: 18px;
    display: inline-block
}

.sxsw-section .paycheck-block .arrowed-texts:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 40px;
    background: url(../../assets/imgs/sxsw/arrow.png) 0 0 no-repeat
}

.sxsw-section .paycheck-block .arrowed-texts:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
    height: 40px;
    background: url(../../assets/imgs/sxsw/arrow.png) 0 0 no-repeat
}

.sxsw-section .signup-block {
    padding: 0 0 20px 0
}

.sxsw-section .signup-block .signup-step-block {
    position: relative;
    padding: 25px 15px 20px 65px
}

.sxsw-section .signup-block .signup-step-block .step-img {
    position: absolute;
    left: 0;
    top: -10px
}

.sxsw-section .signup-block .signup-step-block .reward-img {
    position: absolute;
    right: 0;
    top: 10px
}

.sxsw-section .signup-block .signup-step-block .inner-block {
    position: relative;
    z-index: 2
}

.sxsw-section .signup-block .signup-step-block .inner-block .block-title {
    font-size: 22px;
    font-weight: 600;
    padding: 0 0 15px 0
}

.sxsw-section .signup-block .signup-step-block .inner-block .block-title img {
    height: 20px;
    vertical-align: baseline;
    position: relative;
    top: 1px
}

.sxsw-section .signup-block .signup-step-block .inner-block .text {
    font-size: 15px
}

.sxsw-section .signup-block .signup-step-block .inner-block .text ol {
    margin-top: 10px;
    margin-left: 15px;
    list-style: none;
    counter-reset: li
}

.sxsw-section .signup-block .signup-step-block .inner-block .text ol li {
    padding: 0 0 10px 0;
    counter-increment: li
}

.sxsw-section .signup-block .signup-step-block .inner-block .text ol li:before {
    content: counter(li);
    color: var(--orange-1200);
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.sxsw-section .signup-block .text-center {
    text-align: center
}

.sxsw-section .signup-block .signup-btn {
    background: var(--orange-800);
    font-size: 20px;
    color: #000;
    border: none;
    font-weight: 600;
    padding: 10px 100px;
    cursor: pointer;
    border-radius: 5px
}

.sxsw-section .signup-block .signup-btn:hover {
    background: var(--orange-600)
}

.sxsw-section .terms {
    background: var(--light-gray-200);
    padding: 20px 0;
    color: var(--dark-gray-900)
}

.sxsw-section .terms strong {
    font-weight: 700
}

@media screen and (max-width:767px) {
    .sxsw-section .paycheck-block {
        background-size: contain;
        background-position: center top
    }
    .sxsw-section .paycheck-block .paycheck-inner-block {
        padding-top: 200px;
        background-size: 40%
    }
    .sxsw-section .paycheck-block .ready-title {
        font-size: 42px
    }
    .sxsw-section .signup-block {
        overflow: hidden
    }
    .sxsw-section .signup-block .signup-step-block {
        padding-left: 35px
    }
    .sxsw-section .signup-block .signup-step-block .step-img {
        left: -20px
    }
    .sxsw-section .signup-block .signup-step-block .inner-block .block-title {
        padding-right: 100px
    }
    .sxsw-section .signup-block .signup-btn {
        display: inline-block;
        padding: 10px;
        width: 70%
    }
    .sxsw-section .terms ul {
        margin-top: 10px;
        margin-left: 20px
    }
}

.business .main {
    padding-bottom: 120px
}

.business .main__title span {
    color: var(--light-blue-600)
}

.business .main__second {
    background: var(--light-blue-600)
}

.business .main__question {
    color: var(--white);
    font-weight: 700
}

.business .main__bg {
    display: none
}

@media screen and (min-width:576px) {
    .business .main {
        padding-bottom: 100px
    }
}

.b2c .main__question {
    font-weight: initial;
    font-size: 32px
}

.b2c .main__question span {
    font-size: 36px;
    text-transform: lowercase
}

@media screen and (min-width:768px) {
    .b2c .main__question {
        font-size: 44px
    }
    .b2c .main__question span {
        font-size: 48px
    }
}

.b2c .main__bglogo {
    display: block
}

.b2c .main__loading {
    display: none
}

.b2c .main__title {
    font-size: 32px
}

.b2c .main__description {
    font-size: 16px
}

@media screen and (max-width:768px) {
    .b2c .main__first-container {
        margin-top: 32px
    }
}

@media screen and (min-width:576px) {
    .b2c .main__title {
        font-size: 36px
    }
    .b2c .main__description {
        font-size: 20px
    }
}

@media screen and (min-width:768px) {
    .b2c .main__title {
        font-size: 44px
    }
}

@media screen and (min-width:992px) {
    .b2c .main__title {
        font-size: 54px;
        line-height: .7
    }
    .b2c .main__description {
        font-size: 28px
    }
}

.main {
    overflow: hidden;
    position: relative;
    --banner-height: 160px;
    padding-top: var(--banner-height)
}

.main__sticker {
    display: none
}

.main__sticker_mob {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    translate: 0 50%;
    width: 100px
}

@media screen and (min-width:576px) {
    .main__sticker_mob {
        width: 120px
    }
}

@media screen and (min-width:768px) {
    .main__sticker_mob {
        width: 130px
    }
}

@media screen and (min-width:992px) {
    .main__sticker {
        position: absolute;
        display: block;
        z-index: 1
    }
    .main__sticker:nth-child(1) {
        top: 20px;
        left: 0;
        width: 80px
    }
    .main__sticker:nth-child(2) {
        bottom: -20px;
        right: 0;
        width: 120px
    }
    .main__sticker_mob {
        display: none
    }
}

@media screen and (min-width:1200px) {
    .main__sticker:nth-child(1) {
        top: 40px;
        width: 100px
    }
    .main__sticker:nth-child(2) {
        bottom: -60px;
        width: 140px
    }
}

.main__bg {
    width: 105%;
    display: block
}

.main__banner {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: auto;
    object-fit: cover
}

.main__first-container {
    width: fit-content;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 80px
}

@media screen and (min-width:576px) {
    .main__first-container {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .main__first-container {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (min-width:992px) {
    .main__first-container {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media screen and (min-width:1200px) {
    .main__first-container {
        padding-left: 80px;
        padding-right: 80px
    }
}

.main__title {
    font-size: 48px;
    font-weight: 700;
    color: var(--dark-gray-600)
}

.main__title span {
    display: inline-block;
    color: #ffb71b;
}

.main__description {
    margin-top: 16px;
    color: var(--dark-gray-600);
    font-size: 32px
}

.main__description span {
    font-weight: 700
}

.main__description br {
    display: none
}

.main__loading {
    width: 150px;
    margin-top: 30px
}

.main__second {
    background: var(--orange-500);
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative
}

@media screen and (min-width:576px) {
    .main__second {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .main__second {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (min-width:992px) {
    .main__second {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media screen and (min-width:1200px) {
    .main__second {
        padding-left: 80px;
        padding-right: 80px
    }
}

.main__bglogo {
    display: none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .06;
    pointer-events: none
}

.main__question {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--dark-gray-600);
    font-weight: 700;
    font-size: 24px
}

.main__question span {
    font-size: 38px
}

.main__appeal {
    color: var(--dark-gray-600);
    font-size: 16px
}

.main__appeal span {
    display: inline-block;
    font-size: inherit;
    font-weight: 700;
    padding: 2px;
    width: fit-content;
    color: var(--white);
    background: #b150c5
}

.main__form {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.main__form input {
    padding: 12px 20px;
    font-size: 16px;
    color: var(--dark-gray-600);
    outline: 0;
    border: none;
    background: var(--white);
    border-radius: 5px
}

.main__form input:placeholder {
    color: var(--light-gray-500)
}

.main__form button {
    cursor: pointer;
    background: var(--dark-gray-600);
    border-radius: 5px;
    padding: 12px 36px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--white);
    outline: 0;
    border: none;
    transition: all .3s;
    width: fit-content;
    margin-top: 16px
}

.main__form button:hover {
    background: var(--dark-gray-300)
}

.main__singup-btn {
    position: relative;
    z-index: 1;
    margin-top: 16px;
    padding: 4px 20px;
    background: var(--black-900);
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    width: fit-content;
    transition: all .3s
}

.main__singup-btn:hover {
    background: #fefefe;
    color: var(--dark-gray-600)
}

@media screen and (min-width:992px) {
    .main__singup-btn {
        padding: 6px 32px;
        border-radius: 6px;
        font-size: 48px
    }
}

@media screen and (min-width:1200px) {
    .main__singup-btn {
        padding: 6px 48px
    }
}

.main .row {
    flex-direction: column-reverse
}

@media screen and (max-width:992px) {
    .main .row>div {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:576px) {
    .main__description br {
        display: initial
    }
    .main__first-container {
        margin-top: 60px
    }
}

@media screen and (min-width:768px) {
    .main__question span {
        font-size: 44px
    }
    .main__appeal {
        font-size: 20px
    }
}

@media screen and (min-width:992px) {
    .main {
        overflow: visible;
        position: relative;
        --banner-height: 300px;
        padding-top: 0;
        padding-bottom: 80px
    }
    .main .row {
        flex-direction: row
    }
    .main__bg {
        left: 0;
        bottom: 0;
        position: absolute;
        z-index: -1;
        width: 650px
    }
    .main__first {
        padding-top: 27.7655146755vw
    }
    .main__first.pt0 {
        padding-top: 100px
    }
    .main__first-container {
        margin: 0 auto;
        margin-top: 24px;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .main__loading {
        margin-top: 40px
    }
    .main__question {
        font-weight: 400;
        font-size: 48px
    }
    .main__question span {
        font-size: inherit
    }
    .main__description {
        font-size: 28px
    }
    .main__form button {
        margin-top: 20px;
        margin: 0 auto
    }
}

@media screen and (min-width:1200px) {
    .main {
        padding-bottom: 60px
    }
    .main__question {
        font-size: 54px
    }
    .main__appeal {
        font-size: 24px
    }
    .main__bg {
        width: 750px
    }
}

@media screen and (min-width:1400px) {
    .main__bg {
        width: 55%;
        height: 400px;
        object-position: center 10%;
        object-fit: cover
    }
}

@media screen and (max-width:992px) {
    .main {
        padding-top: 0
    }
    .main .main__banner {
        display: none
    }
}

.business .know__title span {
    color: var(--light-blue-600)
}

.know {
    position: relative;
    overflow: visible;
    padding-top: 60px;
    padding-bottom: 80px;
    background: var(--dark-gray-600)
}

.know__title {
    text-align: center;
    color: var(--white);
    font-size: 40px;
    font-weight: 700
}

.know__title span {
    color: var(--orange-500)
}

.know__video {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: 54px
}

.know__btn {
    cursor: pointer;
    background: var(--dark-gray-600);
    border-radius: 5px;
    padding: 12px 36px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--white);
    outline: 0;
    border: none;
    transition: all .3s;
    background: #007ee5;
    text-transform: none;
    font-size: 24px;
    display: block;
    width: fit-content;
    margin: 32px auto 0
}

.know__btn:hover {
    background: var(--dark-gray-300)
}

.know__btn:hover {
    background: var(--light-blue-1000)
}

@media screen and (min-width:576px) {
    .know__btn {
        font-size: 36px;
        margin-top: 36px
    }
}

@media screen and (min-width:992px) {
    .know__btn {
        font-size: 48px
    }
}

.know__subtitle {
    font-size: 24px;
    text-align: center;
    display: block;
    width: fit-content;
    margin: 32px auto 0
}

.know__subtitle span {
    display: inline
}

@media screen and (min-width:576px) {
    .know__subtitle {
        font-size: 36px;
        margin-top: 36px
    }
}

@media screen and (min-width:992px) {
    .know__subtitle {
        font-size: 48px
    }
}

.know__links {
    margin-top: 16px;
    display: flex;
    gap: 12px;
    justify-content: center
}

.know__links a {
    position: relative;
    height: 40px
}

.know__links a:hover img.hover {
    opacity: 1
}

.know__links a img {
    height: 100%;
    transition: all .3s
}

.know__links a img.hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    opacity: 0
}

@media screen and (min-width:576px) {
    .know__links a {
        height: 60px
    }
}

@media screen and (min-width:992px) {
    .know__links {
        margin-top: 24px;
        gap: 24px
    }
}

.know__sticker {
    position: absolute;
    display: none
}

.know__sticker:nth-child(3) {
    top: 0;
    left: 0;
    translate: 0 -20%;
    width: 110px
}

.know__sticker:nth-child(4) {
    bottom: 0;
    right: 0;
    translate: 0 25%;
    width: 70px
}

.know__sticker_mob {
    display: block
}

@media screen and (min-width:768px) {
    .know__sticker {
        display: block
    }
    .know__sticker:nth-child(1) {
        left: 0;
        top: 80px;
        width: 100px
    }
    .know__sticker:nth-child(2) {
        right: 0;
        bottom: 80px;
        width: 100px
    }
    .know__sticker_mob {
        display: none
    }
}

@media screen and (min-width:576px) {
    .know__video {
        margin-top: 32px
    }
}

@media screen and (min-width:768px) {
    .know {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .know__title {
        font-size: 48px
    }
}

@media screen and (min-width:992px) {
    .know__video {
        margin-top: 24px
    }
    .know__title {
        font-size: 60px
    }
}

.business .what__subtitle span {
    color: var(--light-blue-600)
}

.what {
    padding-top: 60px;
    padding-bottom: 60px
}

.what__row {
    margin-top: 24px
}

.what__first {
    padding-left: var(--section-padding);
    padding-right: var(--section-padding);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.what .title {
    padding-left: var(--section-padding);
    padding-right: var(--section-padding)
}

.what__subtitle {
    font-size: 28px;
    font-weight: 700;
    color: var(--dark-gray-600)
}

.what__subtitle span {
    color: #ffb71b;
}

.what__description {
    font-size: 18px;
    color: var(--dark-gray-600);
    margin-top: 24px
}

.what__video {
    margin: 0 auto;
    margin-top: 32px;
    display: block
}

@media screen and (max-width:576px) {
    .what__row {
        --bs-gutter-x: 0
    }
}

@media screen and (min-width:576px) {
    .what .title {
        padding-left: 0;
        padding-right: 0
    }
    .what__first {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:768px) {
    .what {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media screen and (min-width:992px) {
    .what__first {
        padding: 0 40px
    }
    .what__row {
        margin-top: 60px
    }
    .what__description {
        margin-top: 16px
    }
}

@media screen and (min-width:1400px) {
    .what {
        padding-bottom: 120px
    }
}

.help {
    padding-top: 60px
}

.help .title strong {
    display: inline-block
}

.help__row {
    margin-top: 60px;
    gap: 24px
}

@media screen and (min-width:500px) {
    .help .title br {
        display: none
    }
}

@media screen and (max-width:992px) {
    .help__row>* {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:768px) {
    .help {
        padding-top: 80px
    }
}

@media screen and (min-width:992px) {
    .help__row {
        margin-top: 80px;
        gap: 0
    }
}

@media screen and (min-width:992px) {
    .help__row {
        margin-top: 100px
    }
}

@media screen and (min-width:1400px) {
    .help {
        padding-top: 120px
    }
}

@media screen and (max-width:576px) {
    .works {
        --item-width: 100px
    }
    .works__businesses {
        padding-left: 20px
    }
}

.works {
    --items-gap: 40px;
    --item-width: 120px;
    padding-top: 80px;
    padding-bottom: 60px;
    position: relative
}

.works .title {
    text-align: center
}

.works__sticker {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.works__sticker_mobile {
    width: 36px;
    top: 350px;
    display: block
}

@media screen and (min-width:992px) {
    .works__sticker {
        display: block
    }
    .works__sticker_mobile {
        display: none
    }
    .works__sticker:nth-child(1) {
        width: 130px;
        top: 450px
    }
    .works__sticker:nth-child(2) {
        left: auto;
        right: 0;
        top: 100px;
        width: 70px
    }
}

.works__title {
    width: fit-content;
    margin: 0 auto;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase
}

.works__title_businesses {
    margin-top: 40px;
    background: var(--light-blue-600);
    color: #fff
}

.works__title_participant {
    margin-top: 80px;
    background: var(--orange-500);
    color: var(--dark-gray-600)
}

.works__businesses {
    margin: 0 auto;
    margin-top: 40px;
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--items-gap)
}

.works__subtitle {
    width: var(--item-width);
    text-align: center;
    background: var(--white);
    z-index: 2;
    position: relative;
    padding: 2px 0;
    line-height: 24px;
    font-size: 22px;
    font-weight: 700;
    color: var(--dark-gray-600)
}

.works__subtitle span {
    color: var(--orange-1000)
}

.works__item {
    width: fit-content;
    display: flex;
    gap: 24px
}

.works__item:nth-child(1) .works__item-icon::before {
    content: none
}

.works__item-icon {
    min-width: var(--item-width);
    aspect-ratio: 1/1;
    border-radius: 100%;
    border: 2px solid var(--dark-gray-600);
    position: relative;
    background: #fff;
    transition: all .3s
}

.works__item-icon:hover {
    background: #2084ff;
    border-color: #2084ff
}

.works__item-icon:hover img {
    filter: brightness(0) invert(1)
}

.works__item-icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 60%;
    transition: all .3s
}

.works__item-icon::before {
    content: "";
    height: calc(var(--items-gap) + 3px);
    border-right: 2px solid var(--dark-gray-600);
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 0;
    transform: translate(-50%, -100%)
}

.works__item-text {
    display: flex;
    align-items: center;
    text-transform: capitalize;
    width: 100%;
    color: var(--dark-gray-600);
    font-size: 16px
}

.works__text {
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.2;
    color: var(--dark-gray-600);
    text-align: center;
    position: relative
}

.works__text>.deco__item {
    border-radius: 100%;
    aspect-ratio: 1/1;
    position: absolute;
    top: 50%;
    left: calc(var(--section-padding) * -1);
    transform: translate(-50%, -50%);
    z-index: -1
}

.works__text>.deco__item:nth-child(1) {
    border: 1px solid var(--black-900);
    width: var(--section-padding)
}

.works__text>.deco__item:nth-child(2) {
    border: 1px solid #424242;
    width: calc(var(--section-padding) * 1.5)
}

.works__text>.deco__item:nth-child(3) {
    border: 1px solid #949494;
    width: calc(var(--section-padding) * 2)
}

.works__text>.deco__item:nth-child(4) {
    border: 1px solid #bfbfbf;
    width: calc(var(--section-padding) * 2.5)
}

.works__text>.deco__item {
    left: auto;
    right: calc(var(--section-padding) * -1);
    transform: translate(50%, -50%)
}

@media screen and (max-width:992px) {
    .works__text .deco__item {
        display: none
    }
}

@media screen and (min-width:768px) {
    .works__text .dynamic-hide {
        display: none
    }
}

.works__grid {
    width: fit-content;
    margin: 40px auto 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--items-gap)
}

.works__col {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 24px
}

.works__col:nth-child(1)::after {
    content: "";
    position: absolute;
    bottom: calc(var(--items-gap) * -1);
    left: calc(var(--item-width)/ 2);
    width: calc(100% - var(--item-width));
    height: 0;
    border-bottom: 3px solid var(--light-gray-600)
}

.works__col:nth-child(1) .works__item-icon::before {
    content: "" !important;
    top: auto;
    bottom: 0;
    transform: translate(-50%, 100%)
}

.works__col:nth-child(2) .works__row {
    justify-content: start
}

.works__col:nth-child(2) .works__row-container {
    margin-top: calc(var(--items-gap)/ 2);
    position: relative
}

.works__col:nth-child(2) .works__row-container:before {
    content: "";
    height: calc(var(--items-gap)/ 2 + 3px);
    border-right: 3px solid var(--dark-gray-600);
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 0;
    transform: translate(-50%, -100%)
}

.works__col:nth-child(2) .works__row-container:nth-child(1) .works__row::before {
    content: "";
    height: calc(var(--item-width)/ 2 + 40px);
    width: 3px;
    background: var(--white);
    position: absolute;
    left: calc(var(--items-gap) * -1 - 3px);
    top: -40px
}

.works__col:nth-child(2) .works__row-container:nth-child(2) .works__row::before {
    content: "";
    height: calc(100% - var(--item-width)/ 2);
    width: 3px;
    background: var(--white);
    position: absolute;
    left: calc(var(--items-gap) * -1 - 3px);
    top: calc(var(--item-width)/ 2)
}

.works__col:nth-child(2) .works__item {
    width: var(--item-width);
    flex-direction: column
}

.works__col:nth-child(2) .works__item-icon::before {
    content: "" !important
}

.works__col:nth-child(2) .works__item-text {
    text-align: center
}

.works__row {
    width: fit-content;
    display: flex;
    flex-direction: column;
    position: relative;
    gap: var(--items-gap);
    margin-top: 16px
}

@media screen and (min-width:768px) {
    .works {
        padding-bottom: 80px
    }
    .works__grid {
        margin-top: 60px
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    .works__businesses {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--items-gap) 0
    }
    .works__businesses .works__item {
        width: 50%
    }
    .works__businesses .works__item-text {
        width: fit-content
    }
    .works__businesses .works__item:nth-child(2) .works__item-icon:before {
        content: none
    }
}

@media screen and (min-width:992px) {
    .works {
        padding-top: 90px;
        padding-bottom: 100px
    }
    .works__text {
        font-size: 18px
    }
    .works__title {
        padding: 2px 6px
    }
    .works__col {
        flex-direction: column;
        justify-content: center;
        gap: 80px;
        width: 100%
    }
    .works__col:nth-child(1) .works__row {
        justify-content: end
    }
    .works__col:nth-child(1) .works__item-icon::before {
        top: 50%;
        left: auto;
        right: 0;
        transform: translate(100%, -50%)
    }
    .works__col:nth-child(1)::after {
        content: "";
        left: auto;
        right: calc(var(--items-gap) * -1);
        top: 0;
        width: 0;
        height: 100%;
        border-right: 3px solid var(--dark-gray-600)
    }
    .works__col:nth-child(2) .works__row-container {
        margin-top: 0
    }
    .works__col:nth-child(2) .works__row-container:before {
        content: none
    }
    .works__row {
        width: 100%;
        flex-direction: row
    }
    .works__subtitle {
        width: 100%;
        text-align: start;
        background: 0 0;
        z-index: 0;
        position: static;
        padding: 0
    }
    .works__subtitle br {
        display: none
    }
    .works__item {
        width: var(--item-width);
        flex-direction: column
    }
    .works__item-icon img {
        width: 50px
    }
    .works__item-icon:before {
        width: calc(var(--items-gap) + 3px);
        height: 0;
        border-right: none;
        border-bottom: 2px solid var(--dark-gray-600);
        left: 0;
        top: 50%;
        transform: translate(-100%, -50%)
    }
    .works__item-text {
        text-align: center;
        justify-content: center
    }
    .works__businesses {
        flex-direction: row
    }
    .works__grid {
        --items-gap: 24px;
        --item-width: 100px;
        margin-top: 80px;
        gap: calc(var(--items-gap) * 2);
        grid-template-columns: 2fr 3fr
    }
}

@media screen and (min-width:1400px) {
    .works {
        padding-bottom: 120px
    }
    .works__grid {
        --item-width: 120px;
        --items-gap: 40px
    }
    .works__item-icon img {
        width: auto;
        max-width: 70px
    }
}

@media screen and (max-width:767px) {
    .works__item-icon img {
        width: auto
    }
}

.gworks {
    --item-height: 70px;
    --item-height-big: 100px;
    --item-odd-padding: 40px;
    --cols-gap: 30px;
    overflow: auto;
    margin-top: 20px;
    display: flex;
    align-items: stretch;
    gap: var(--cols-gap)
}

.gworks__col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px
}

.gworks__col:nth-child(1) {
    position: relative
}

.gworks__col:nth-child(1)::before {
    content: "";
    position: absolute;
    left: calc(var(--item-height-big)/ 2);
    top: 0;
    z-index: -1;
    translate: -50%;
    background: #000;
    width: 2px;
    height: 100%
}

.gworks__col:nth-child(1)::after {
    content: "";
    position: absolute;
    right: calc(var(--cols-gap)/ -2);
    top: calc(var(--item-height)/ 2);
    z-index: -1;
    background: #000;
    width: 2px;
    height: calc(100% - var(--item-height)/ 2 - var(--item-height-big)/ 2)
}

.gworks__item {
    display: flex;
    align-items: center;
    gap: 12px
}

.gworks__item:not(.gworks__item_big):nth-child(odd) {
    margin-left: var(--item-odd-padding)
}

@media screen and (max-width:992px) {
    .gworks__item:not(.gworks__item_big):nth-child(odd) .gworks__item-content:after {
        rotate: 30deg;
        left: 20px
    }
}

.gworks__item:not(.gworks__item_big):nth-last-child(1) .gworks__item-content:after {
    content: none
}

.gworks__item-content {
    position: relative;
    background: #fff;
    border-radius: 100%;
    min-width: var(--item-height);
    width: var(--item-height);
    aspect-ratio: 1/1;
    border: 1px solid var(--black-900);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

.gworks__item-content:after {
    content: "";
    position: absolute;
    left: 65%;
    bottom: 5px;
    z-index: -1;
    translate: -50% 100%;
    background: #000;
    width: 1px;
    height: 80px;
    rotate: -30deg
}

.gworks__item-content:hover {
    background: #ffb800;
    border-color: #ffb800
}

.gworks__item-content:hover img {
    filter: brightness(0)
}

.gworks__item-content img {
    transition: all .3s
}

.gworks__item-icon {
    width: auto;
    max-width: 50%
}

.gworks__item-text {
    font-size: 12px;
    color: var(--black-900)
}

.gworks__item_big {
    background: #fff;
    border-radius: 100%;
    min-width: var(--item-height-big);
    width: var(--item-height-big);
    aspect-ratio: 1/1;
    border: 1px solid var(--black-900);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    transition: all .3s
}

.gworks__item_big:hover {
    background: #ffb800;
    border-color: #ffb800
}

.gworks__item_big:hover img {
    filter: brightness(0)
}

.gworks__item_big img {
    transition: all .3s
}

.gworks__item_big .gworks__item-icon {
    max-width: 30%
}

.gworks__item_big .gworks__item-text {
    text-align: center;
    max-width: 70%
}

.gworks__item_big:nth-last-child(1) {
    position: relative
}

.gworks__item_big:nth-last-child(1)::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    z-index: -1;
    translate: 100%;
    background: #000;
    height: 2px;
    width: calc(var(--cols-gap)/ 2)
}

.gworks__item:not(.gworks__item_big):nth-child(1) {
    position: relative
}

.gworks__item:not(.gworks__item_big):nth-child(1)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    z-index: -1;
    translate: -100%;
    background: #000;
    height: 2px;
    width: calc(var(--cols-gap)/ 2 + var(--item-odd-padding))
}

@media screen and (min-width:350px) {
    .gworks {
        overflow: initial
    }
}

@media screen and (min-width:400px) {
    .gworks {
        --item-height-big: 120px;
        --item-height: 80px
    }
    .gworks__item-text {
        font-size: 14px
    }
    .gworks__item_big .gworks__item-icon {
        max-width: 35%
    }
}

@media screen and (min-width:500px) {
    .gworks {
        --item-height-big: 140px;
        --cols-gap: 60px
    }
}

@media screen and (min-width:768px) {
    .gworks {
        --item-height: 100px;
        --item-height-big: 160px;
        --cols-gap: 120px
    }
    .gworks__item-text {
        font-size: 16px
    }
    .gworks__item_big:nth-last-child(1) {
        position: static
    }
    .gworks__item_big:nth-last-child(1):before {
        position: absolute;
        width: 100%;
        left: calc(var(--cols-gap)/ 2);
        top: auto;
        bottom: calc(var(--item-height-big)/ 2);
        translate: 0
    }
    .gworks__col {
        width: 100%;
        gap: 60px
    }
}

@media screen and (min-width:992px) {
    .gworks {
        --item-width: 125px;
        flex-direction: column
    }
    .gworks__col {
        flex-direction: row
    }
    .gworks__col:nth-child(1):before {
        width: 100%;
        height: 2px;
        top: 50%;
        left: 0;
        translate: 0
    }
    .gworks__col:nth-child(1)::after {
        width: calc(100% - var(--item-height-big)/ 2);
        height: 2px;
        top: auto;
        right: calc(var(--item-height-big)/ 2);
        bottom: calc(var(--cols-gap)/ -2)
    }
    .gworks__col:nth-child(2) {
        gap: 0;
        justify-content: space-between
    }
    .gworks__item {
        flex-direction: column
    }
    .gworks__item:not(.gworks__item_big) {
        width: var(--item-width)
    }
    .gworks__item:not(.gworks__item_big) .gworks__item-content:after {
        right: 0;
        bottom: auto;
        left: auto;
        top: 0;
        height: 150px;
        translate: 75px;
        rotate: -80deg
    }
    .gworks__item:not(.gworks__item_big):nth-child(odd) {
        margin-left: 0;
        margin-top: var(--item-odd-padding)
    }
    .gworks__item:not(.gworks__item_big):nth-child(odd) .gworks__item-content:after {
        top: -60%;
        rotate: 80deg
    }
    .gworks__item:not(.gworks__item_big):nth-child(1):before {
        left: 50%;
        top: 0;
        height: calc(var(--cols-gap)/ 2 + var(--item-odd-padding));
        width: 2px;
        translate: 0 -100%
    }
    .gworks__item:not(.gworks__item_big):nth-child(1):after {
        content: "";
        background: #fff;
        position: absolute;
        top: calc(var(--cols-gap)/ -2 - var(--item-odd-padding));
        left: 0;
        translate: 0 -50%;
        width: 50%;
        height: 5px
    }
    .gworks__item-text {
        text-align: center
    }
    .gworks__item_big:nth-last-child(1) {
        position: relative
    }
    .gworks__item_big:nth-last-child(1):before {
        left: calc(var(--item-height-big)/ 2);
        bottom: 0;
        translate: -50% 100%;
        width: 2px;
        height: calc(var(--cols-gap)/ 2)
    }
}

@media screen and (min-width:1200px) {
    .gworks {
        --item-width: 140px;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto
    }
    .gworks__item:not(.gworks__item_big) .gworks__item-content:after {
        top: 0;
        height: 200px;
        translate: 100px;
        top: -20px
    }
    .gworks__item:not(.gworks__item_big):nth-child(odd) .gworks__item-content:after {
        top: -60%
    }
}

.sides {
    background: var(--dark-gray-600);
    padding-top: 60px;
    padding-bottom: 80px
}

.sides__title {
    text-align: center;
    color: var(--white);
    font-size: 28px;
    font-weight: 700
}

.sides__title span {
    color: var(--light-blue-300)
}

.sides__title_yellow span {
    color: var(--orange-300)
}

.sides__video {
    display: block;
    margin: 24px auto 0
}

.sides__row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 60px;
    width: 100%
}

.sides.grey {
    background: var(--light-gray-300)
}

@media screen and (min-width:768px) {
    .sides__title {
        font-size: 32px
    }
}

@media screen and (min-width:992px) {
    .sides {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .sides__video {
        margin-top: 40px
    }
    .sides__title {
        font-size: 36px
    }
    .sides__row {
        flex-direction: row;
        gap: 80px
    }
}

@media screen and (min-width:1200px) {
    .sides {
        padding-top: 100px;
        padding-bottom: 100px
    }
    .sides__row {
        gap: 120px
    }
}

.news {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    transition: all 1s
}

.news.active:before {
    opacity: 1
}

.news_wrapper {
    position: relative;
    z-index: 2
}

.news__card {
    background: var(--white);
    border-radius: 10px;
    border: 1px solid var(--light-gray-400);
    padding: 24px;
    width: fit-content;
    max-width: 100%
}

.news__card img {
    width: auto;
    max-width: 100%;
    transition: all .3s
}

.news__card:hover {
    border: 1px solid var(--orange-200)
}

.news__card:hover img {
    filter: brightness(.3)
}

.news__title {
    margin-top: 24px;
    font-size: 18px;
    font-weight: 700;
    color: var(--dark-gray-600)
}

.news__link {
    font-size: 16px;
    text-decoration: underline
}

.news__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin-top: 24px
}

@media screen and (min-width:576px) {
    .news {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media screen and (min-width:768px) {
    .news {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../../assets/imgs/news_bg.jpg)
    }
    .news::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: all 1s;
        background-image: url(../../assets/imgs/news_bg_active.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }
    .news__list {
        gap: 40px;
        margin-top: 40px
    }
}

@media screen and (min-width:992px) {
    .news {
        padding-top: 80px;
        padding-bottom: 100px
    }
    .news__title {
        font-size: 16px
    }
    .news__link {
        font-size: 14px
    }
}

@media screen and (min-width:1200px) {
    .news {
        padding-top: 80px;
        padding-bottom: 120px
    }
}

.business .team {
    background: #5597e7
}

.team {
    padding-top: 30px;
    padding-bottom: 80px;
    background: var(--orange-250)
}

.team .title {
    text-align: center
}

.team__grid {
    display: grid;
    grid-template-columns: repeat(2, 110px);
    gap: 32px 16px;
    width: fit-content;
    height: fit-content
}

.team__grid-wrapper {
    display: flex
}

.team__item {
    display: flex;
    flex-direction: column;
    width: 100%
}

.team__item_active .team__item-img {
    filter: grayscale(0)
}

.team__item_active .team__item-name {
    text-decoration: underline
}

.team__item-interact,
.team__item-link {
    cursor: pointer;
    border-radius: 100%;
    display: flex;
    justify-content: center
}

.team__item-img {
    padding: 0 4px;
    border-radius: 100%;
    filter: grayscale(1);
    transition: all .3s;
    max-width: 97px
}

.team__item-img:hover {
    filter: grayscale(0)
}

.team__item-name {
    text-align: center;
    font-size: 12px;
    color: var(--dark-gray-600);
    margin-top: 6px
}

.team__item-position {
    text-align: center;
    color: var(--dark-gray-600);
    font-size: 12px;
    font-weight: 700
}

.team__slider {
    margin: 28px auto 0;
    max-width: 800px;

}

.team__slider-title {
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 48px;
    font-size: 28px;
    font-weight: 700;
    color: var(--dark-gray-600)
}

.team__slider-title span {
    background: #fff;
    padding: 0 5px
}

.team__info {
    --info-gap: 20px;
    background: var(--white);
    max-width: 250px;
    padding: 18px 24px;
    margin-top: 20px;
    border: 2px solid var(--light-gray-400);
    border-radius: 5px;
    gap: calc(var(--info-gap) * 2);
    pointer-events: all;
    opacity: 1;
    transition: all .3s
}

.team__info_hidden {
    pointer-events: none;
    opacity: 0
}

.team__info-first {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content
}

.team__info-name {
    width: max-content
}

.team__info-img {
    display: none
}

.team__info-text {
    margin-top: 12px;
    font-size: 12px;
    color: var(--black-900)
}

.team__info-text a {
    color: var(--light-blue-600)
}

.team__modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.team__modal-container {
    position: relative;
    padding: 24px;
    background: var(--white);
    border: 3px solid var(--light-gray-400);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.team__modal-close {
    cursor: pointer;
    fill: var(--dark-gray-600);
    position: absolute;
    z-index: 1;
    top: 24px;
    right: 24px;
    width: 20px;
    height: 20px
}

.team__modal-wrapper {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    transition: all .3s
}

.team__modal-wrapper.active {
    opacity: 1;
    pointer-events: all
}

.team__modal-layout {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .4)
}

.team__modal-first {
    width: 100%;
    display: flex
}

.team__modal-first:after {
    content: none
}

@media screen and (min-width:360px) {
    .team__grid {
        grid-template-columns: repeat(3, 90px)
    }
}

@media screen and (min-width:400px) {
    .team__modal {
        width: 300px
    }
}

@media screen and (min-width:500px) {
    .team__grid {
        grid-template-columns: repeat(3, 110px)
    }
}

@media screen and (min-width:576px) {
    .team__info {
        max-width: 350px
    }
}

@media screen and (min-width:768px) {
    .team__slider-name {
        font-size: 14px
    }
    .team__info {
        max-width: 400px
    }
}

@media screen and (min-width:992px) {
    .team__slider-title {
        font-size: 24px
    }
    .team__modal-wrapper {
        display: none
    }
    .team__info {
        display: flex;
        align-items: center;
        max-width: none
    }
    .team__info-first::after {
        content: "";
        position: absolute;
        top: 50%;
        right: calc(var(--info-gap) * -1);
        transform: translate(-50%, -50%);
        width: 2px;
        height: 40px;
        background: var(--light-gray-400)
    }
    .team__info-img {
        display: inline;
        width: 65px;
        border-radius: 100%
    }
    .team__info-text {
        margin-top: 0
    }
    .team__grid {
        grid-template-columns: repeat(5, 110px)
    }
    .team__grid_6 {
        grid-template-columns: repeat(5, 110px)
    }
}

.business .story__text span {
    color: var(--light-blue-1000)
}

.story {
    margin-top: 60px
}

.story__container {
    max-width: 1200px;
    margin: 0 auto
}

.story__first {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: end
}

.story__first-wrapper {
    display: none
}

.story__img {
    width: 155px
}

.story__deco {
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 1;
    width: 200px
}

.story__title {
    text-align: left;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin-left: 20px
}

.story__title-wrapper {
    display: flex;
    position: relative;
    border-bottom: 1px solid var(--dark-gray-600)
}

.story__text {
    margin: 40px 0;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.story__text p {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: var(--dark-gray-600)
}

.story__text p span {
    font-size: inherit;
    font-weight: 700;
    color: #ffb71b;
}

@media screen and (min-width:400px) {
    .story__title {
        display: block;
        margin: auto 0;
        margin-left: 20px
    }
    .story__img {
        width: 200px
    }
    .story__deco {
        width: 220px
    }
}

@media screen and (min-width:576px) {
    .story__img {
        width: 240px
    }
    .story__deco {
        width: 270px
    }
}

@media screen and (min-width:768px) {
    .story__title {
        margin-left: 24px
    }
    .story__img {
        width: 280px
    }
    .story__deco {
        width: 300px
    }
}

@media screen and (min-width:992px) {
    .story {
        margin-top: 80px
    }
    .story__first-wrapper {
        display: block
    }
    .story__text {
        margin-bottom: 80px
    }
    .story__img {
        width: 100%
    }
    .story__deco {
        width: 115%
    }
    .story__title {
        margin-left: 0
    }
    .story__title-wrapper {
        border: none
    }
    .story__title-wrapper img {
        display: none
    }
}

@media screen and (min-width:1200px) {
    .story {
        margin-top: 90px
    }
}

.keep {
    padding-top: 40px
}

.keep .title {
    text-align: center
}

.keep__grid {
    margin: 0 auto;
    margin-top: 24px;
    display: grid;
    justify-content: center;
    width: fit-content;
    height: fit-content;
    overflow: hidden;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-auto-rows: 0;
    gap: 3px
}

.keep__item {
    aspect-ratio: 1/1;
    position: relative;
    z-index: 0;
    cursor: pointer;
    transition: all .3s
}

.keep__item:hover {
    z-index: 3;
    transform: scale(1.1)
}

.keep__item img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media screen and (min-width:480px) {
    .keep {
        --item-side: 200px
    }
    .keep__grid {
        grid-template-columns: repeat(2, var(--item-side))
    }
}

@media screen and (min-width:576px) {
    .keep__grid {
        margin-top: 48px
    }
}

@media screen and (min-width:768px) {
    .keep {
        padding-top: 80px
    }
    .keep .title br {
        display: none
    }
    .keep__grid {
        margin-top: 60px;
        grid-template-columns: repeat(3, var(--item-side));
        grid-template-rows: repeat(3, 1fr)
    }
}

@media screen and (min-width:992px) {
    .keep {
        --item-side: 240px
    }
    .keep__grid {
        margin-top: 80px
    }
}

.contact {
    padding-top: 100px
}

.contact__container {
    width: fit-content;
    margin: 0 auto
}

.contact__title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px
}

.contact__description {
    font-size: 18px;
    text-align: center;
    margin-top: 16px
}

.contact__description br {
    display: none
}


.contact__email {
    font-size: 18px;
    text-align: center;
    margin-top: 32px
}

.contact__form {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 32px
}

.contact__form input,
.contact__form textarea {
    padding: 12px 20px;
    font-size: 16px;
    color: var(--dark-gray-600);
    outline: 0;
    border: none;
    border: 1px solid var(--cold-grey);
    padding: 14px 10px;
    resize: vertical;
    width: 100%
}

.contact__form input:placeholder,
.contact__form textarea:placeholder {
    color: var(--light-gray-500)
}

.contact__form button {
    cursor: pointer;
    background: var(--dark-gray-600);
    border-radius: 5px;
    padding: 12px 36px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--white);
    outline: 0;
    border: none;
    transition: all .3s;
    width: fit-content;
    margin: 0 auto;
    margin-top: 24px
}

.contact__form button:hover {
    background: var(--dark-gray-300)
}

@media screen and (max-width:576px) {
    .contact__form button {
        font-size: 36px
    }
}

@media screen and (max-width:768px) {
    .contact__form button {
        font-size: 32px
    }
}

@media screen and (max-width:992px) {
    .contact__form button {
        font-size: 28px
    }
}

.contact__form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 24px
}

@media screen and (min-width:576px) {
    .contact__description {
        margin-left: 40px;
        margin-right: 40px
    }
    .contact__description br {
        display: inline
    }
}

@media screen and (min-width:768px) {
    .contact__description {
        margin-left: 80px;
        margin-right: 80px
    }
    .contact__description br {
        display: inline
    }
    .contact__form-row {
        flex-direction: row;
        gap: 20px
    }
}

@media screen and (min-width:992px) {
    .contact {
        padding-top: 120px
    }
}



/*===========FAQ===========*/

.faq_hide{
    display: none !important;
}

.faq_container{
    max-width: 800px;
    margin: 0 auto;
}


.faq-search-bar {
    padding: 0 0 12px 0
}

.faq-search-bar input {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 10px
}

#faq_list {
    height: 290px;
    overflow: hidden;
    display: block;
}
#faq_list.show {
    height: auto;
}

#faq_list .ac h2 .ac-trigger{
    font-family: SourceSans, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #222222;
    padding: 0;
}
#faq_list .ac {
    padding: 15px 0;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 10px;
    border: none;
}

#faq_list .ac:nth-child(odd) {
    background: rgba(217, 217, 217, .2);
}
#faq_list .ac:hover h2 .ac-trigger{
    color: #ffc549;
}

.page-id-102 #faq_list .ac:hover h2 .ac-trigger{
    color: #007AFF;
}

.page-id-102 .elementor-element-6a8a53b{display: none;}











.business .download__title {
    margin-top: 110px
}

.business .download__title span {
    color: var(--light-blue-600)
}

.b2c .download {
    overflow: visible
}

.b2c .download__bottom {
    margin-top: 110px
}

@media screen and (min-width:992px) {
    .b2c .download {
        margin-bottom: 120px;
        padding-left: 0;
        padding-right: 0
    }
    .b2c .download__grid {
        margin: 0
    }
    .b2c .download__bottom {
        padding: 20px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 36px;
        background: #ffb800
    }
    .b2c .download__title {
        font-weight: 900
    }
    .b2c .download__title span {
        color: inherit
    }
    .b2c .download__title * {
        font-weight: 900
    }
}

.download {
    margin-top: 80px
}

.download__sticker {
    display: none;
    position: absolute;
    top: 0;
    right: 0
}

.download__sticker_mob {
    width: 44px;
    top: -60px;
    display: block
}

@media screen and (min-width:576px) {
    .download__sticker_mob {
        width: 70px;
        top: -90px
    }
}

@media screen and (min-width:992px) {
    .download__sticker {
        display: block;
        width: 110px;
        top: -140px
    }
    .download__sticker_mob {
        display: none
    }
}

.download__title {
    text-align: center;
    font-size: 28px;
    font-weight: 600
}

.download__title span {
    color: var(--orange-100);
    font-weight: 900
}

.download__ready {
    width: 100%;
    margin: 0 auto;
    display: block
}

.download__grid {
    width: fit-content;
    margin: 0 auto;
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.download__grid a {
    height: 80px;
    display: flex;
    justify-content: center;
    position: relative
}

.download__grid a:hover img.hover {
    opacity: 1
}

.download__grid img {
    height: 100%;
    transition: all .3s
}

.download__grid img.hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    opacity: 0
}

@media screen and (min-width:576px) {
    .download {
        margin-top: 120px
    }
    .download__ready {
        max-width: 500px
    }
    .download__grid {
        flex-direction: row
    }
    .download__grid a {
        height: 60px
    }
}

@media screen and (min-width:768px) {
    .download__ready {
        max-width: 600px
    }
    .download__grid {
        margin-top: 40px
    }
}

@media screen and (min-width:992px) {
    .download {
        margin-top: 140px
    }
    .download__ready {
        max-width: 700px
    }
    .download__grid {
        margin-top: 20px
    }
}

@media screen and (min-width:1200px) {
    .download {
        margin-top: 180px
    }
    .download__ready {
        max-width: 800px
    }
    .download__grid {
        margin-top: 16px
    }
}

.blog {
    --item-height: 100%;
    margin-top: 32px;
    position: relative;
    overflow: visible;
    overflow-x: clip
}

.blog__sticker {
    display: block;
    position: absolute;
    z-index: 2
}

.blog__sticker:nth-of-type(1) {
    left: 0;
    top: 20px;
    rotate: 190deg;
    width: 40px
}

.blog__sticker:nth-of-type(2) {
    right: 0;
    bottom: 0;
    translate: 0 50%;
    rotate: -10deg;
    width: 60px
}

.blog__pre {
    width: 100%;
    height: 100px;
    position: relative;
    background: url(../../assets/imgs/blog/bg.jpg);
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center
}

.blog__pre-title {
    font-weight: 700;
    font-size: 32px;
    color: #fff
}

.blog__pre-title span {
    color: #ffb800
}

.blog__container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.blog__content {
    background: #1c1c1c;
    padding-top: 40px;
    padding-bottom: 40px
}

.blog__title {
    font-size: 24px;
    font-weight: 700;
    color: #f18a00
}

.blog__header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 16px
}

.blog__search input {
    width: 220px
}

.blog__icon {
    aspect-ratio: 240/35;
    display: block;
    position: relative;
    height: 35px
}

.blog__icon img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: block
}

.blog__icon img.hover {
    opacity: 0;
    transition: all .3s
}

.blog__icon:hover img.hover {
    opacity: 1
}

.blog__grid {
    margin-top: 24px;
    display: flex;
    gap: 12px;
    max-width: 350px;
    max-height: var(--item-height);
    transition: all .4s;
    justify-content: center;
}

.blog__grid.active .blog__opener {
    opacity: 0;
    top: auto;
    bottom: 0
}

.blog__subgrid {
    overflow: hidden
}

.blog__item {
    position: relative;
    aspect-ratio: 1/1;
    width: 100%;
    height: var(--item-height)
}

.blog__item-img {
    height: 140px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: all .3s
}

.blog__item-footer {
    height: 60px;
    padding: 10px;
    background: #fff;
    display: flex;
    align-items: center
}

.blog__item-title {
    color: #1c1c1c;
    font-size: 16px;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis
}

.blog__item:hover .blog__item-img {
    filter: brightness(.8)
}

.blog__item:hover:after {
    opacity: 1
}

.blog__item-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.blog__item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgb(0 0 0 / 42%) 0, rgb(0 0 0) 100%);
    opacity: 0.9;
    transition: all .3s;
}

.blog__item-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column-reverse;
    gap: 16px;
    height: 100%;
    width: 100%;
    padding: 20px
}

.blog__item-text {
    font-size: 20px;
    line-height: 24px;
    max-height: 96px;
    overflow: hidden;
    color: var(--white)
}

.blog__item-more {
    font-size: 14px;
    color: #767676;
    transition: all .3s
}

.blog__item-more:hover {
    color: #f18a00
}

.blog__opener {
    cursor: pointer;
    min-width: 16px;
    width: 16px;
    background: #383838;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s
}

.blog__opener img {
    width: 10px
}

.blog__opener:hover {
    background: var(--dark-gray-300)
}

.blog__opener_prev img {
    rotate: 180deg
}

.blog__opener_hidden {
    opacity: 0;
    pointer-events: none
}

.blog__subscribe {
    display: none
}

.blog__subtitle {
    display: none
}

@media screen and (min-width:420px) {
    .blog__sticker:nth-child(1) {
        width: 50px
    }
}

@media screen and (min-width:576px) {
    .blog__grid {
        max-width: 550px
    }
    .blog__search input {
        width: 300px
    }
}

@media screen and (min-width:768px) {
    .blog {
        margin-top: 48px
    }
    .blog__grid {
        margin-top: 32px;
        max-width: 700px
    }
    .blog__opener {
        min-width: 20px;
        width: 20px
    }
    .blog__opener img {
        width: 12px
    }
    .blog__pre {
        height: 140px
    }
    .blog__pre-title {
        font-size: 40px
    }
    .blog__title {
        font-size: 32px
    }
    .blog__header {
        flex-direction: row;
        gap: 32px
    }
    .blog__search {
        display: flex
    }
    .blog__sticker:nth-of-type(1) {
        width: 60px
    }
    .blog__sticker:nth-of-type(2) {
        width: 64px
    }
    .blog__subscribe {
        width: fit-content;
        display: flex;
        gap: 16px;
        margin: 0 auto;
        margin-top: 24px
    }
    .blog__subscribe-title {
        display: flex;
        align-items: center;
        padding: 0 20px;
        border: 1px solid #1c1c1c;
        border-radius: 4px;
        font-size: 16px;
        color: #1c1c1c;
        font-weight: 700
    }
    .blog__subscribe-form {
        border-radius: 4px;
        padding: 4px;
        background: #1c1c1c;
        display: flex
    }
    .blog__subscribe-form input {
        padding-left: 16px;
        background: 0 0;
        border: none;
        outline: 0;
        font-size: 16px;
        color: var(--white);
        width: 200px
    }
    .blog__subscribe-form button {
        border: none;
        background: 0 0;
        cursor: pointer;
        margin-left: 8px;
        padding: 8px 20px;
        border-radius: 4px;
        background: var(--white);
        font-size: 18px;
        color: #1c1c1c;
        font-weight: 700;
        text-transform: uppercase;
        transition: all .2s
    }
    .blog__subscribe-form button:hover {
        color: var(--white);
        background: #ffb700
    }
    .blog__subtitle {
        display: block;
        margin-top: 32px;
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        color: #007ee5
    }
}

@media screen and (min-width:992px) {
    .blog__header {
        gap: 80px
    }
    .blog__sticker:nth-of-type(1) {
        top: 8px;
        rotate: 260deg;
        translate: 40%;
        width: 70px
    }
    .blog__sticker:nth-of-type(2) {
        width: 80px
    }
    .blog__content {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .blog__grid {
        max-width: 900px;
        width: 100%;
        gap: 16px
    }
    .blog__subgrid {
        width: 100%
    }
    .blog__opener {
        min-width: 24px;
        width: 24px
    }
    .blog__opener img {
        width: 14px
    }
    .blog__item-img {
        height: 184px
    }
    .blog__item-footer {
        height: 76px
    }
    .blog__item-title {
        font-size: 18px;
        line-height: 22px;
        max-height: 44px
    }
    .blog__subtitle {
        margin-top: 40px;
        font-size: 40px
    }
}

@media screen and (min-width:1200px) {
    .blog__sticker:nth-of-type(2) {
        translate: 7%;
        bottom: 20px
    }
    .blog__pre {
        height: 180px
    }
    .blog__pre-title {
        font-size: 48px
    }
    .blog__title {
        font-size: 40px
    }
}

.blogitemwide {
    display: flex;
    align-items: center;
    gap: 16px
}

.blogitemwide__img {
    display: block;
    object-fit: cover;
    width: 120px;
    aspect-ratio: 1/1;
    transition: all .3s
}

.blogitemwide__date {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--cold-grey)
}

.blogitemwide__title {
    margin-top: 8px;
    font-size: 16px;
    color: var(--dark-gray-600);
    transition: all .3s
}

.blogitemwide__bottom {
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 24px
}

.blogitemwide__more {
    font-size: 14px;
    transition: all .3s
}

.blogitemwide__more:hover {
    color: #f18a00
}

.blogitemwide__share {
    border: none;
    background: 0 0;
    outline: 0;
    display: flex;
    cursor: pointer
}

.blogitemwide__share img {
    width: 20px
}

.blogitemwide:hover .blogitemwide__img {
    filter: brightness(.8)
}

.blogitemwide:hover .blogitemwide__title {
    color: var(--cold-grey)
}

@media screen and (min-width:576px) {
    .blogitemwide {
        gap: 20px
    }
    .blogitemwide__img {
        width: 140px
    }
    .blogitemwide__date {
        font-size: 14px
    }
}

@media screen and (min-width:768px) {
    .blogitemwide__img {
        width: 160px
    }
    .blogitemwide__date {
        font-size: 14px
    }
    .blogitemwide__title {
        font-size: 18px
    }
    .blogitemwide__more {
        font-size: 16px
    }
    .blogitemwide__share img {
        width: 24px
    }
}

@media screen and (min-width:992px) {
    .blogitemwide__img {
        width: 140px
    }
    .blogitemwide__date {
        font-size: 12px
    }
    .blogitemwide__title {
        font-size: 16px
    }
}

@media screen and (min-width:1200px) {
    .blogitemwide__img {
        width: 160px
    }
    .blogitemwide__date {
        font-size: 14px
    }
    .blogitemwide__title {
        font-size: 18px
    }
}

.modal {
    opacity: 0;
    pointer-events: none;
    transition: all .3s
}

.modal.active {
    opacity: 1;
    pointer-events: all
}

.modal__wrapper {
    display: none;
    position: fixed;
    z-index: 15;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.modal__wrapper.active {
    display: block
}

.modal__wrapper.active .modal__layout {
    opacity: .5
}

.modal__layout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--black-900);
    opacity: 0;
    transition: all .3s
}

.modal__layout.hidden {
    display: none
}

.modal__cookies {
    position: absolute;
    z-index: 2;
    overflow: hidden;
    padding: 12px 20px;
    border-radius: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    translate: 0;
    top: auto;
    left: 0;
    bottom: 0
}

.modal__cookies-text p {
    line-height: 1.1
}

.modal__cookies-text p a {
    color: #2a7de1
}

.modal__cookies-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 24px
}

.modal__cookies-btn {
    cursor: pointer;
    background: var(--dark-gray-600);
    border-radius: 5px;
    padding: 12px 36px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--white);
    outline: 0;
    border: none;
    transition: all .3s;
    min-width: 120px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 20px;
    text-transform: none
}

.modal__cookies-btn:hover {
    background: var(--dark-gray-300)
}

.modal__cookies-btn_white {
    background: 0 0;
    border: 1px solid var(--black-900);
    color: var(--black-900)
}

.modal__cookies-btn_white:hover {
    color: #fff;
    border-color: none
}

.modal__cookies-preferences {
    background: 0 0;
    outline: 0;
    border: none;
    font-size: 18px;
    font-weight: 700;
    color: #989898;
    cursor: pointer;
    transition: all .3s
}

.modal__cookies-preferences:hover {
    color: var(--black-900)
}

@media screen and (min-width:576px) {
    .modal__cookies {
        padding: 12px 24px
    }
}

@media screen and (min-width:768px) {
    .modal__cookies {
        width: 100%;
        padding-left: var(--section-padding);
        padding-right: var(--section-padding)
    }
    .modal__cookies-text p br {
        display: none
    }
    .modal__cookies-bottom {
        flex-direction: row;
        gap: 20px
    }
    .modal__cookies-preferences {
        width: min-content
    }
}

@media screen and (min-width:992px) {
    .modal__cookies-text p {
        font-size: 18px
    }
}

@media screen and (min-width:1200px) {
    .modal__cookies {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .modal__cookies-text p {
        font-size: 20px
    }
    .modal__cookies-bottom {
        gap: 24px
    }
    .modal__cookies-preferences {
        font-size: 24px
    }
    .modal__cookies-btn {
        min-width: 140px
    }
}

.modal__welcome {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    translate: -50% -50%;
    overflow: hidden;
    padding: 32px 24px;
    border-radius: 12px;
    background: #f4f8fa;
    width: 320px
}

.modal__welcome-deco {
    display: block;
    position: absolute;
    pointer-events: none;
    width: 60px
}

.modal__welcome-deco:nth-child(1) {
    top: -10px;
    left: 30px;
    rotate: 45deg
}

.modal__welcome-deco:nth-child(2) {
    top: 20px;
    right: -15px
}

.modal__welcome-deco:nth-child(3) {
    bottom: 4px;
    left: 50%;
    translate: -50%
}

.modal__welcome-deco:nth-child(4),
.modal__welcome-deco:nth-child(5) {
    display: none
}

.modal__welcome-cross {
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 14px
}

@media screen and (min-width:768px) {
    .modal__welcome-cross {
        top: 16px;
        right: 16px;
        width: 16px
    }
}

@media screen and (min-width:992px) {
    .modal__welcome-cross {
        top: 20px;
        right: 20px;
        width: 20px
    }
}

.modal__welcome-title {
    text-align: center
}

.modal__welcome-title span {
    font-size: 40px;
    font-weight: 700;
    color: var(--black-900)
}

.modal__welcome-title img {
    height: 36px
}

.modal__welcome-text {
    margin-top: 24px;
    font-size: 16px;
    color: var(--black-900);
    text-align: center
}

.modal__welcome-text span {
    font-weight: 700
}

.modal__welcome-text span:nth-of-type(1) {
    color: #007fe9
}

.modal__welcome-text span:nth-of-type(2) {
    color: #ff8c00
}

.modal__welcome-signup {
    margin-top: 24px;
    font-size: 20px;
    color: var(--black-900);
    text-align: center;
    font-weight: 700
}

.modal__welcome-signup a {
    color: #ff8c00
}

.modal__welcome-btn {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    margin-top: 20px;
    background: var(--black-900);
    display: block;
    width: fit-content;
    padding: 8px 16px;
    border-radius: 8px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all .3s
}

.modal__welcome-btn:hover {
    background: #ffb800;
    color: #1c1c1c
}

@media screen and (min-width:576px) {
    .modal__welcome {
        width: 420px
    }
}

@media screen and (min-width:768px) {
    .modal__welcome {
        width: 550px;
        border-radius: 32px;
        padding: 40px
    }
    .modal__welcome_mob {
        display: none
    }
    .modal__welcome-title {
        background: 0 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .modal__welcome-title span {
        font-size: 44px
    }
    .modal__welcome-title img {
        height: 32px;
        margin-left: 12px
    }
    .modal__welcome-title br {
        display: none
    }
    .modal__welcome-text {
        margin-top: 12px;
        font-size: 24px;
        line-height: 1.1;
        color: var(--black-900);
        text-align: center
    }
    .modal__welcome-btn {
        font-size: 36px
    }
    .modal__welcome-deco:nth-child(1) {
        top: 40px;
        left: -16px
    }
    .modal__welcome-deco:nth-child(2) {
        top: 0;
        right: 80px;
        translate: 0 -50%
    }
    .modal__welcome-deco:nth-child(3) {
        bottom: -16px;
        left: 40px;
        translate: none
    }
    .modal__welcome-deco:nth-child(4) {
        display: block;
        bottom: 8px;
        right: 30%
    }
    .modal__welcome-deco:nth-child(5) {
        display: block;
        bottom: 60px;
        right: -16px;
        rotate: 45deg
    }
}

@media screen and (min-width:992px) {
    .modal__welcome {
        width: 650px;
        padding: 48px
    }
    .modal__welcome-title span {
        font-size: 52px
    }
    .modal__welcome-title img {
        height: 44px
    }
    .modal__welcome-text {
        margin-top: 20px;
        font-size: 28px
    }
    .modal__welcome-btn {
        margin-top: 24px;
        padding: 8px 40px;
        border-radius: 12px;
        color: #fff;
        font-size: 44px;
        text-transform: uppercase;
        font-weight: 700
    }
}

@media screen and (min-width:1200px) {
    .modal__welcome {
        width: 700px;
        padding: 52px
    }
    .modal__welcome-deco {
        width: 80px
    }
    .modal__welcome-deco:nth-child(5) {
        bottom: 80px
    }
    .modal__welcome-title span {
        font-size: 56px
    }
    .modal__welcome-title img {
        height: 48px;
        margin-left: 16px
    }
    .modal__welcome-text {
        margin-top: 24px
    }
    .modal__welcome-btn {
        margin-top: 36px;
        padding: 12px 64px;
        font-size: 48px
    }
}

.footer {
    position: relative
}

.footer__privacy {
    display: none;
    font-size: 16px;
    color: #767676
}

.footer__privacy_mob {
    display: block
}

@media screen and (min-width:992px) {
    .footer__privacy {
        display: block
    }
    .footer__privacy_mob {
        display: none
    }
}

.footer__sticker {
    position: absolute;
    top: 0;
    left: 0
}

.footer__sticker:nth-child(2) {
    left: auto;
    right: 20px;
    top: 15px;
    width: 120px
}

@media screen and (min-width:768px) {
    .footer__sticker:nth-child(2) {
        top: auto;
        bottom: 16px
    }
}

.footer__sticker:nth-child(3) {
    left: 0;
    top: 0;
    translate: 0 -50%;
    width: 120px
}

.footer__sticker_desktop {
    display: none
}

@media screen and (min-width:992px) {
    .footer__sticker_desktop {
        display: block
    }
    .footer__sticker_mob {
        display: none
    }
    .footer__sticker:nth-child(1) {
        width: 160px;
        top: 0;
        translate: 0 -50%
    }
    .footer__sticker:nth-child(2) {
        left: auto;
        right: 50%;
        top: 50%;
        translate: 420px -50%;
        width: 160px
    }
}

.footer__links {
    margin-top: 48px;
    justify-content: start;
    width: 100%;
    align-items: center;
    gap: 24px;
    flex-direction: row;
    gap: 0
}

@media screen and (min-width:768px) {
    .footer__links {
        margin: 0
    }
}

@media screen and (min-width:992px) {
    .footer__links {
        width: fit-content
    }
}

.footer {
    --gap: 60px;
    margin-top: 80px;
    background: var(--dark-gray-500);
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px
}

.footer__content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.footer__links {
    display: flex;
    flex-direction: column;
    gap: var(--gap)
}

.footer__link {
    color: var(--white);
    font-size: 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    transition: all .3s
}

.footer__link svg {
    margin-top: 24px
}

.footer__link path {
    transition: all .3s
}

.footer__link:hover {
    color: var(--light-gray-700)
}

.footer__link:hover path,
.footer__link:hover svg {
    fill: var(--light-gray-700)
}

.footer__socials {
    gap: 18px;
    margin-top: 24px
}

.footer__socials svg {
    width: 28px !important;
    height: 28px !important;
    fill: var(--white) !important
}

@media screen and (min-width:576px) {
    .footer__socials {
        gap: 24px
    }
}

@media screen and (min-width:768px) {
    .footer {
        margin-top: 120px
    }
    .footer__links {
        flex-direction: row
    }
    .footer__link {
        font-size: 20px;
        flex-direction: row
    }
    .footer__link svg {
        margin-top: 0;
        margin-right: 20px
    }
    .footer__content {
        gap: var(--gap);
        flex-direction: row
    }
    .footer__socials {
        margin-top: 0
    }
}

@media screen and (min-width:992px) {
    .footer__link {
        font-size: 18px
    }
}

.blog-page .footer {
    margin-top: 0
}

.blog-page .blog__content {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    background: var(--white)
}

.blog-page .blog__header {
    background: #1c1c1c;
    padding: 40px 0;
    width: 100%
}

.blog-page .blog__search {
    display: flex
}

.blog-page .blog__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px
}

.blog-page .blog__item {
    height: auto
}

.blog-page .blog__item-footer {
    height: auto;
    background: 0 0;
    padding: 0;
    margin-top: 16px
}

.blog-page .blog__item-title {
    color: #fff;
    max-height: none
}

.blog-page .blog__item-footer {
    display: block
}

.blog-page .blog__item-date {
    color: #fff;
    opacity: .25;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 8px
}

@media screen and (min-width:992px) {
    .blog-page .blog__grid {
        grid-template-columns: 1fr 1fr
    }
}

.singlepost__title {
    font-size: 32px;
    font-weight: 700;
    color: var(--dark-gray-600)
}

.singlepost__row {
    margin-top: 12px
}

.singlepost__date {
    margin-top: 12px;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--cold-grey)
}

.singlepost__back {
    margin-top: 20px;
    width: fit-content;
    font-size: 20px;
    color: var(--black-900);
    display: flex;
    align-items: center;
    transition: all .3s
}

.singlepost__back:hover {
    color: #f18a00
}

.singlepost__back svg {
    rotate: 90deg;
    width: 28px
}

.singlepost__back svg path {
    transition: all .3s
}

.singlepost__content {
    margin-top: 20px
}

.singlepost__aside {
    margin-top: 20px
}

.singlepost__aside-title {
    width: 100%;
    padding: 2px;
    background: #ff8b29;
    font-size: 12px;
    font-weight: 700;
    color: var(--white);
    text-transform: uppercase;
    text-align: center
}

.singlepost__aside-list {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.singlepost__aside-item {
    display: flex;
    align-items: center;
    gap: 16px
}

.singlepost__aside-item-img {
    display: block;
    object-fit: cover;
    width: 120px;
    aspect-ratio: 1/1
}

.singlepost__aside-item-date {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--cold-grey)
}

.singlepost__aside-item-title {
    margin-top: 8px;
    font-size: 16px;
    color: var(--dark-gray-600)
}

.singlepost__share {
    margin-top: 32px;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 12px 16px;
    border-radius: 12px;
    background: #1c1c1c
}

.singlepost__share-text {
    font-size: 14px;
    color: var(--white)
}

.singlepost__share-text strong {
    color: #ffb800
}

@media screen and (min-width:576px) {
    .singlepost__title {
        font-size: 28px
    }
    .singlepost__row {
        margin-top: 16px
    }
    .singlepost__back {
        margin-top: 28px
    }
    .singlepost__aside {
        margin-top: 24px
    }
    .singlepost__aside-title {
        font-size: 14px
    }
    .singlepost__aside-list {
        margin-top: 20px;
        gap: 16px
    }
    .singlepost__aside-item {
        gap: 20px
    }
    .singlepost__aside-item-img {
        width: 140px
    }
    .singlepost__aside-item-date {
        font-size: 14px
    }
    .singlepost__share-text {
        font-size: 16px
    }
}

@media screen and (min-width:768px) {
    .singlepost__title {
        font-size: 36px
    }
    .singlepost__row {
        margin-top: 20px
    }
    .singlepost__date {
        margin-top: 16px
    }
    .singlepost__back {
        margin-top: 32px
    }
    .singlepost__aside-item-img {
        width: 160px
    }
    .singlepost__aside-item-date {
        font-size: 14px
    }
    .singlepost__aside-item-title {
        font-size: 18px
    }
    .singlepost__share {
        margin-top: 40px;
        padding: 18px 24px;
        border-radius: 8px;
        gap: 40px
    }
    .singlepost__share-text {
        font-size: 18px
    }
}

@media screen and (min-width:992px) {
    .singlepost__title {
        font-size: 36px
    }
    .singlepost__back {
        margin-top: 40px
    }
    .singlepost__aside {
        margin-top: 0
    }
    .singlepost__aside-title {
        font-size: 12px
    }
    .singlepost__aside-item-img {
        width: 140px
    }
    .singlepost__aside-item-date {
        font-size: 12px
    }
    .singlepost__aside-item-title {
        font-size: 16px
    }
    .singlepost__share {
        margin-top: 60px;
        padding: 20px 36px
    }
}

@media screen and (min-width:1200px) {
    .singlepost__title {
        font-size: 40px
    }
    .singlepost__aside-item-img {
        width: 160px
    }
    .singlepost__aside-item-date {
        font-size: 14px
    }
    .singlepost__aside-item-title {
        font-size: 18px
    }
    .singlepost__share {
        padding: 24px 40px
    }
    .singlepost__share-text {
        font-size: 20px
    }
}

@media screen and (min-width:1400px) {
    .singlepost__aside {
        padding-left: 40px
    }
}

.privacy__title {
    margin-top: 4px;
    font-size: 24px;
    font-weight: 700;
    color: var(--dark-gray-600)
}

.privacy__content {
    margin-top: 20px
}

@media screen and (min-width:576px) {
    .privacy__title {
        margin-top: 4px;
        font-size: 28px
    }
}

@media screen and (min-width:768px) {
    .privacy__title {
        font-size: 36px
    }
    .privacy__content {
        margin-top: 28px
    }
}

@media screen and (min-width:992px) {
    .privacy__title {
        font-size: 40px
    }
}

.cel-wrap{
    display: flex;
    margin-top: 80px;
    max-width: 1200px;
    margin: 80px auto;
}

.cel--area .video{
        max-width: 88%;
        margin-top: 80px;
        margin-bottom: 130px;
}
.cel--area .cel--area__bg{
    position: absolute;
    width: 100%;
    top: -70px;
}
@media(max-width:768px){
     .cel--area .cel--area__bg{
        top: 0px;
    }   
}
.cel--area{
    position: relative;
    margin: 0 20px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width:768px) {
    .cel--area{
        overflow: hidden;
    }
   .cel-wrap{
        display: block;
        margin-top: 0px;
        max-width: 250px;
        margin: 80px auto;
    }
}


/*.cel--area video{
    width: 100%; 
}*/



.contact__description a:hover{
    color: #ffb71b !important;
}
.form-website input,
.form-website textarea{
    box-sizing: border-box;
    width: 90%;
    min-height: 27px;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #33475b;
    border: 1px solid #cbd6e2;
    border-radius: 3px;
    display: inline-block;
    padding: 13px;
    margin-bottom: 15px;
    max-height: 120px;
}

.form-website input[type="checkbox"]{
        width: auto;
    margin: -3px 10px 0 0;
    float: left;
}

.form-website input[type="submit"]{
    margin: 0;
    width: 90%;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 12px;
    position: relative;
    text-align: center;
    transition: all .15s linear;
    background-color: #000;
    color: #fff;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    padding: 12px 24px;
}
.form-website input[type="submit"]:hover{
    background-color: #ffb71b;
}


 .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      width: auto;
    }
.swiper-pagination{
    margin-top: 20px !important;
    position: relative !important;
}
.swiper-pagination-bullet{
    background-color: transparent !important;
    border: 1px solid #aaa;
}
.b2c .swiper-button-next:after, .b2c .swiper-button-prev:after{
    color: #ffc549;
}
.b2c .swiper-pagination-bullet-active{
    background: #ffc549 !important;
}



.card_black-area{
    background-color: #000; padding: 30px;
    display: grid;
      grid-template-columns: 1fr 1fr; /* 3 colunas */
  grid-template-rows: auto auto;        /* 2 linhas */
  gap: 20px;  
}
.card_black-area__item{
    color: #fff;
    display: flex;
}
.card_black-area__item h2{
        color: #ff8935;
    margin: 0;
    line-height: normal;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.card_black-area__item-img{
        margin-right: 15px;
}
.card_black-area__item-content{}


@media(max-width:768px){
    .card_black-area__item{
        display: block;
    }
    .card_black-area{
        padding: 15px;
        grid-template-columns: 1fr;
        gap: 10px;  
    }
    .card_black-area__item-img{
            width: 200px;
    }
    .card_black-area__item-img img{
        width: 60px;
    }
}

/**/
.worksitem_01{border-color: #477de1;cursor: pointer;}
.worksitem_01:hover{background-color: #477de1;border-color: #477de1;}
.worksitem_01:hover .gworks__item-text{color: #fff; }
.worksitem_01:hover img{filter: brightness(0) invert(1)}


.worksitem_02{border-color: #edb72b;cursor: pointer;}
.worksitem_02:hover{background-color: #edb72b;border-color: #edb72b;}


.worksitem_03{border-color: #9b51c0;cursor: pointer;}
.worksitem_03:hover{background-color: #9b51c0;border-color: #9b51c0;}
.worksitem_03:hover .gworks__item-text{color: #fff; }
.worksitem_03:hover img{filter: brightness(0) invert(1)}

.worksitem_04{border-color: #e58a20;cursor: pointer;}
.worksitem_04:hover{background-color: #e58a20;border-color: #e58a20;}
.worksitem_04:hover img{filter: brightness(0) invert(1)}

.worksitem_05{border-color: #79d1c4;cursor: pointer;}
.worksitem_05:hover{background-color: #79d1c4;border-color: #79d1c4;}

.worksitem_06{border-color: #9b51c0;cursor: pointer;}
.worksitem_06:hover{background-color: #9b51c0;border-color: #9b51c0;}
.worksitem_06:hover img{filter: brightness(0) invert(1)}

.worksitem_07{border-color: #edb62b;cursor: pointer;}
.worksitem_07:hover{background-color: #edb62b;border-color: #edb62b;}

.worksitem_08{border-color: #477de1;cursor: pointer;}
.worksitem_08:hover{background-color: #477de1;border-color: #477de1;}
.worksitem_08:hover img{filter: brightness(0) invert(1)}



.busworksitem_01{border-color: #f18a00;cursor: pointer;}
.busworksitem_01:hover{background-color: #f18a00;border-color: #f18a00;}

.busworksitem_02{border-color: #2a7de1;cursor: pointer;}
.busworksitem_02:hover{background-color: #2a7de1;border-color: #2a7de1;}
.busworksitem_02:hover img{filter: brightness(0) invert(1)}