body,
body *,
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

body * {
    margin: 0;
    padding: 0;
    outline: 0;
    background-repeat: no-repeat;
    background-position: center;
    font-weight: normal;
    font-style: normal;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

li {
    list-style-type: none
}

a {
    text-decoration: none
}

img {
    border: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none
}

input,
textarea {
    border-radius: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input::-ms-clear,
input::-ms-reveal {
    display: none
}

textarea {
    resize: none
}

@font-face {
    font-family: "Outfit";
    src: url("../fonts/Outfit-Light.woff2") format("woff2"), url("../fonts/Outfit-Light.ttf") format("truetype");
    font-weight: 200;
    font-display: swap
}

@font-face {
    font-family: "Outfit";
    src: url("../fonts/Outfit-Thin.woff2") format("woff2"), url("../fonts/Outfit-Thin.ttf") format("truetype");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: "Outfit";
    src: url("../fonts/Outfit-Regular.woff2") format("woff2"), url("../fonts/Outfit-Regular.ttf") format("truetype");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "Outfit";
    src: url("../fonts/Outfit-Medium.woff2") format("woff2"), url("../fonts/Outfit-Medium.ttf") format("truetype");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "Outfit";
    src: url("../fonts/Outfit-SemiBold.woff2") format("woff2"), url("../fonts/Outfit-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: "Outfit";
    src: url("../fonts/Outfit-Bold.woff2") format("woff2"), url("../fonts/Outfit-Bold.ttf") format("truetype");
    font-weight: 700;
    font-display: swap
}

.container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 0 80px;
    width: 100%
}

@media screen and (max-width:1199px) {
    .container {
        padding: 0 20px
    }
}

@media screen and (max-width:767px) {
    .container {
        padding: 0 16px
    }
}

.container-content {
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 20px;
    width: 100%
}

@media screen and (max-width:767px) {
    .container-content {
        padding: 0 16px
    }
}

.container-big {
    margin: 0 auto;
    max-width: 1920px;
    padding: 0;
    width: 100%
}

html.-scroll-lock,
html.-scroll-lock body {
    height: calc(var(--window-inner-height));
    overflow: hidden
}

html.-scroll-lock body {
    position: relative
}

body.-scroll-lock {
    padding-right: var(--scrollbar-width)
}

body.-scroll-lock .header {
    padding-right: var(--scrollbar-width)
}

body:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #1B2429;
    opacity: 0;
    pointer-events: none;
    z-index: 50;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    position: fixed;
    top: 0;
    left: 0
}

html.-scroll-lock body:after {
    opacity: 0.5;
    pointer-events: auto
}

.--paragraph {
    width: 20px;
    display: inline-block
}

.--pc-display {
    display: block
}

.--mobile-display,
.--tablet-display {
    display: none
}

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

    .--tablet-display {
        display: block
    }

    body.-scroll-lock {
        padding-right: 0
    }

    html.-scroll-lock,
    html.-scroll-lock body {
        height: var(--window-inner-height)
    }

    body.-scroll-lock .header {
        padding-right: 0
    }
}

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

    .--mobile-display {
        display: block
    }
}

.title-1,
.title-1 * {
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -1.44px;
    text-transform: uppercase
}

@media screen and (max-width:767px) {

    .title-1,
    .title-1 * {
        font-size: 36px;
        letter-spacing: -0.72px
    }
}

.title-2,
.title-2 * {
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.56px;
    text-transform: uppercase
}

@media screen and (max-width:767px) {

    .title-2,
    .title-2 * {
        font-size: 32px;
        letter-spacing: -0.32px
    }
}

.title-3,
.title-3 * {
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.48px;
    text-transform: uppercase
}

@media screen and (max-width:767px) {

    .title-3,
    .title-3 * {
        font-size: 26px;
        letter-spacing: -0.26px
    }
}

.title-4,
.title-4 * {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase
}

@media screen and (max-width:767px) {

    .title-4,
    .title-4 * {
        font-size: 24px;
        line-height: 130%
    }
}

.title-5,
.title-5 * {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%
}

@media screen and (max-width:767px) {

    .title-5,
    .title-5 * {
        font-size: 20px
    }
}

.button-1,
.button-1 * {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase
}

.button-2,
.button-2 * {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase
}

.body-1,
.body-1 * {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

@media screen and (max-width:767px) {

    .body-1,
    .body-1 * {
        font-size: 20px;
        line-height: 130%
    }
}

.body-2,
.body-2 * {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

@media screen and (max-width:767px) {

    .body-2,
    .body-2 * {
        font-size: 18px
    }
}

.body-3,
.body-3 * {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

@media screen and (max-width:767px) {

    .body-3,
    .body-3 * {
        font-size: 16px
    }
}

.body-4,
.body-4 * {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

@media screen and (max-width:767px) {

    .body-4,
    .body-4 * {
        font-size: 14px
    }
}

.body-5,
.body-5 * {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%
}

@media screen and (max-width:767px) {

    .body-5,
    .body-5 * {
        font-size: 12px
    }
}

.body-6,
.body-6 * {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%
}

@media screen and (max-width:767px) {

    .mob-title-1,
    .mob-title-1 * {
        font-size: 36px;
        letter-spacing: -0.72px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        text-transform: uppercase
    }
}

@media screen and (max-width:767px) {

    .mob-title-2,
    .title-2 * {
        font-size: 32px;
        letter-spacing: -0.32px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        text-transform: uppercase
    }
}

@media screen and (max-width:767px) {

    .mob-title-3,
    .mob-title-3 * {
        font-size: 26px;
        letter-spacing: -0.26px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        text-transform: uppercase
    }
}

@media screen and (max-width:767px) {

    .mob-title-4,
    .mob-title-4 * {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        text-transform: uppercase
    }
}

@media screen and (max-width:767px) {

    .mob-title-5,
    .mob-title-5 * {
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%
    }
}

@media screen and (max-width:767px) {

    .mob-button-1,
    .mob-button-1 * {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        text-transform: uppercase
    }
}

@media screen and (max-width:767px) {

    .mob-button-2,
    .mob-button-2 * {
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        text-transform: uppercase
    }
}

@media screen and (max-width:767px) {

    .mob-body-1,
    .mob-body-1 * {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%
    }
}

@media screen and (max-width:767px) {

    .mob-body-2,
    .mob-body-2 * {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%
    }
}

@media screen and (max-width:767px) {

    .mob-body-3,
    .mob-body-3 * {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%
    }
}

@media screen and (max-width:767px) {

    .mob-body-4,
    .mob-body-4 * {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%
    }
}

@media screen and (max-width:767px) {

    .mob-body-5,
    .mob-body-5 * {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%
    }
}

@media screen and (max-width:767px) {

    .mob-body-6,
    .mob-body-6 * {
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%
    }
}

html {
    background-color: #fff
}

html.-scroll-lock {
    overflow: hidden
}

body {
    font-family: "Outfit", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #365463
}

@media screen and (max-width:767px) {
    body {
        font-size: 18px
    }
}

body.-scroll-lock {
    overflow: hidden
}

body * {
    font-family: "Outfit", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

@media screen and (max-width:767px) {
    body * {
        font-size: 18px
    }
}

a {
    color: inherit
}

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

::-webkit-scrollbar {
    width: 10px
}

@media screen and (max-width:1023px) {
    ::-webkit-scrollbar {
        width: 4px
    }
}

::-webkit-scrollbar-button {
    background-color: #ccc;
    display: none
}

::-webkit-scrollbar-track {
    background-color: #365463
}

::-webkit-scrollbar-thumb {
    background-color: #18D8C7
}

::-webkit-scrollbar-thumb:hover {
    background-color: #16978C
}

main>:first-child {
    padding-top: 160px
}

@media screen and (max-width:1023px) {
    main>:first-child {
        padding-top: 76px
    }
}

span.highlight {
    background-color: rgba(255, 217, 59, 0.18);
    border-radius: 100px;
    padding: 0 16px;
    margin: 4px 0;
    display: inline-block
}

@media screen and (max-width:767px) {
    span.highlight {
        padding: 0 8px
    }
}

span.separator {
    display: inline-block;
    height: 1px;
    width: 100%;
    margin: 56px 0;
    background-color: #E1E3E5
}

@media screen and (max-width:767px) {
    span.separator {
        margin: 32px 0
    }
}

.--bg-primary-color {
    background-color: #365463
}

.--bg-secondary-color {
    background-color: #A9D0E0
}

.--bg-secondary-color {
    background-color: #A9D0E0
}

span.text-low {
    text-transform: lowercase !important
}

.soon-section {
    height: 200px;
    width: 100%;
    border: 1px solid #18D8C7;
    border-radius: 20px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(24, 216, 199, 0.0980392157);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.soon-section:after {
    content: "SOON";
    display: block;
    margin: auto auto;
    text-align: center;
    font-size: 5vw;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7019607843)
}

#CybotCookiebotDialogHeader {
    display: none !important
}

.CybotCookiebotDialogBodyButton {
    background-color: #18D8C7 !important;
    border-color: #18D8C7 !important;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab {
    -webkit-transition: color 0.4s;
    transition: color 0.4s
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a {
    color: #18D8C7 !important
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount) {
    -webkit-transition: color 0.4s;
    transition: color 0.4s
}

#CybotCookiebotDialog .CybotExternalLinkArrow {
    max-width: 15px
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
    color: #18D8C7 !important
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABContainerToggleHide,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABContainerToggleShow,
#CybotCookiebotDialog a:after,
#CybotCookiebotDialog a:before,
#CybotCookiebotDialog button:after,
#CybotCookiebotDialog button:before {
    -webkit-transition: border-color 0.4s;
    transition: border-color 0.4s
}

#CybotCookiebotDialog a:hover:after,
#CybotCookiebotDialog a:hover:before,
#CybotCookiebotDialog button:hover:after,
#CybotCookiebotDialog button:hover:before {
    border-color: #18D8C7 !important
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    background-color: rgba(255, 255, 255, 0.0980392157) !important;
    border: 1px solid #D4DEE3 !important;
    -webkit-backdrop-filter: blur(5px) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-transition: background-color 0.4s, border-color 0.4s;
    transition: background-color 0.4s, border-color 0.4s
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize:hover,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover {
    background-color: rgba(24, 216, 199, 0.0980392157) !important;
    border-color: #18D8C7 !important
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
    -webkit-transition: color 0.4s;
    transition: color 0.4s
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
    color: #18D8C7 !important
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-bottom: 1px solid #18D8C7 !important;
    color: #18D8C7 !important
}

#CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #18D8C7 !important
}

#CybotCookiebotDialog * {
    font-family: "Outfit", sans-serif !important
}

#CybotCookiebotDialogBodyContentText a {
    color: #18D8C7 !important;
    text-decoration: underline !important
}

.grecaptcha-badge {
    display: none !important
}

.swiper-slide {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important
}

.swiper-container {
    -ms-touch-action: auto !important;
    touch-action: auto !important
}

.default-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transition: color 0.4s, -webkit-filter 0.4s;
    transition: color 0.4s, -webkit-filter 0.4s;
    transition: color 0.4s, filter 0.4s;
    transition: color 0.4s, filter 0.4s, -webkit-filter 0.4s
}

.default-link svg path {
    -webkit-transition: fill 0.4s;
    transition: fill 0.4s
}

.default-link:hover {
    color: #18D8C7
}

.default-link:hover svg path {
    fill: #18D8C7
}

.footer-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    -webkit-transition: color 0.4s;
    transition: color 0.4s
}

.footer-link img {
    width: 24px;
    height: 24px
}

.back-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0.16px;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.back-link svg path {
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.button {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    height: 56px;
    min-height: 56px;
    padding: 0 24px;
    background-color: #18D8C7;
    color: #1B2429;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    -webkit-transition: background-color 0.4s, border 0.4s;
    transition: background-color 0.4s, border 0.4s
}

.button.-medium {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    height: 40px;
    min-height: 40px;
    padding: 0 20px;
    border-radius: 2px
}

.button.-small {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    height: 36px;
    min-height: 36px;
    padding: 0 16px;
    border-radius: 2px
}

.button img {
    width: 24px;
    height: 24px
}

.button.-img {
    padding: 0 8px
}

.button.-img img {
    height: 20px;
    width: 20px
}

.button.-arrow:after {
    content: "";
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNS4zMzIwMyAxMy4zMzRMMTAuNjY1NCA4LjAwMDY1TDUuMzMyMDMgMi42NjczMiIgc3Ryb2tlPSIjMUIyNDI5IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 16px;
    height: 16px
}

.button:hover {
    background-color: #92e5dd
}

.button.-outline {
    background-color: #fff;
    border: 1px solid #D4DEE3;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.button.-outline.-white {
    background-color: rgba(255, 255, 255, 0.0980392157);
    color: #fff
}

.button.-outline.-white.-arrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNS4zMzM5OCAxMy4zMzRMMTAuNjY3MyA4LjAwMDY1TDUuMzMzOTggMi42NjczMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==)
}

.button.-outline:hover {
    background-color: rgba(24, 216, 199, 0.0980392157);
    border-color: #18D8C7
}

.slider-btn {
    cursor: pointer;
    padding: 23px;
    height: 64px;
    width: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #D4DEE3;
    background-color: rgba(255, 255, 255, 0.0980392157);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    margin: 0;
    -webkit-transition: background-color 0.4s, border-color 0.4s, opacity 0.4s;
    transition: background-color 0.4s, border-color 0.4s, opacity 0.4s
}

.slider-btn.swiper-button-lock {
    display: none
}

.slider-btn:after {
    content: "";
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIgMTVMNiA5TDEyIDMiIHN0cm9rZT0iIzFCMjQyOSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 18px;
    height: 18px
}

.slider-btn.swiper-button-next:after {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.slider-btn:hover {
    background-color: rgba(24, 216, 199, 0.0980392157);
    border-color: #18D8C7
}

.slider-btn:active {
    background-color: #18D8C7
}

.slider-btn.-green {
    border-color: #18D8C7;
    background-color: #18D8C7
}

.slider-btn.-green.swiper-button-disabled {
    border-color: #D4DEE3;
    background-color: rgba(255, 255, 255, 0.0980392157)
}

.slider-btn.-green:hover {
    opacity: 0.8
}

.swiper-pagination {
    position: static;
    margin: 64px auto 0;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px;
    border-radius: 40px;
    border: 1px solid #D4DEE3
}

.swiper-pagination.swiper-pagination-lock {
    display: none
}

.swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
    margin: 0 !important;
    background-color: #D4DEE3;
    opacity: 1 !important;
    -webkit-transition: width 0.4s, border-redius 0.4s;
    transition: width 0.4s, border-redius 0.4s
}

.swiper-pagination-bullet-active {
    width: 20px !important;
    border-radius: 20px !important;
    background-color: #365463
}

.swiper-pagination.-white {
    border: 1px solid rgba(255, 255, 255, 0.0980392157)
}

.swiper-pagination.-white .swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.2)
}

.swiper-pagination.-white .swiper-pagination-bullet-active {
    background-color: #fff
}

@media screen and (max-width:1023px) {
    .swiper-pagination {
        margin: 40px auto 0
    }
}

.double-input,
.double-input-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px
}

.multi-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px
}

.input,
.input-box {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 24px
}

.input__name,
label.label {
    display: block;
    color: rgba(255, 255, 255, 0.7019607843);
    margin-bottom: 8px
}

.input__error {
    color: #D92D20;
    margin-top: 8px;
    display: none
}

.input-box__wrapper,
.input__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%
}

.input .button {
    position: absolute;
    top: 6px;
    right: 6px;
    max-width: 112px;
    width: 100%
}

.input__wrapper>* {
    width: 100%
}

.file-upload,
.input__wrapper input,
.input__wrapper textarea,
.select-input.--dropdown .--dropdown__value {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.0470588235);
    padding: 0 16px;
    height: 48px;
    width: 100%;
    color: #fff;
    -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s;
    transition: color 0.4s, background-color 0.4s, border 0.4s;
    overflow: hidden
}

@media screen and (max-width:767px) {

    .file-upload,
    .input__wrapper input,
    .input__wrapper textarea,
    .select-input.--dropdown .--dropdown__value {
        font-size: 14px
    }
}

.file-upload:hover,
.input__wrapper input:hover,
.input__wrapper textarea:hover,
.select-input.--dropdown .--dropdown__value:hover {
    border-color: #18D8C7
}

.select-input.--dropdown.-short {
    max-width: 200px
}

.input__wrapper .char-count {
    position: absolute;
    right: 14px;
    bottom: 6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: 140%
}

.input-icon {
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.input-icon img {
    aspect-ratio: 1/1;
    max-width: 24px;
    width: 100%
}

.input__wrapper textarea {
    min-height: 136px;
    max-height: 136px;
    padding: 14px;
    resize: none
}

.input__wrapper input::-webkit-input-placeholder,
.input__wrapper textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5019607843)
}

.input__wrapper input::-moz-placeholder,
.input__wrapper textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5019607843)
}

.input__wrapper input:-ms-input-placeholder,
.input__wrapper textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5019607843)
}

.input__wrapper input::-ms-input-placeholder,
.input__wrapper textarea::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5019607843)
}

.input__wrapper input::placeholder,
.input__wrapper textarea::placeholder {
    color: rgba(255, 255, 255, 0.5019607843)
}

.input__wrapper input:focus,
.input__wrapper textarea:focus {
    border-color: #18D8C7
}

.input.-invalid input,
.input.-invalid textarea {
    border-color: #D92D20;
    background-color: rgba(217, 45, 32, 0.0980392157)
}

.input.-invalid .input__error {
    display: block
}

.form .screen-reader-response,
.form .wpcf7-response-output {
    display: none
}

.--checkbox {
    position: relative;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.--checkbox input {
    display: none
}

.--checkbox span {
    color: rgba(255, 255, 255, 0.7019607843);
    -webkit-transition: color 0.4s, opacity 0.4s;
    transition: color 0.4s, opacity 0.4s
}

.--checkbox span a {
    color: #fff;
    -webkit-transition: color 0.4s;
    transition: color 0.4s
}

.--checkbox span a:hover {
    color: #18D8C7
}

.--checkbox:after,
.--checkbox:before {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    min-width: 20px;
    border-radius: 2px;
    border: 1px solid #1B2429;
    background: #fff;
    aspect-ratio: 1/1;
    -webkit-transition: opacity 0.4s, border 0.4s;
    transition: opacity 0.4s, border 0.4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.--checkbox:after {
    opacity: 0;
    pointer-events: none;
    border: none;
    background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICA8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIyIiBmaWxsPSJ3aGl0ZSIvPgogIDxwYXRoIGQ9Ik02IDEwLjM1NzFMOC40IDEyLjVMMTQgNy41IiBzdHJva2U9IiMxQjI0MjkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==)
}

.--checkbox:before {
    position: relative;
    margin-right: 12px
}

.--checkbox.-checked:after {
    opacity: 1
}

.--checkbox.-invalid:before {
    border-color: #D92D20
}

.--checkbox.-invalid span {
    color: #D92D20
}

.wpcf7-checkbox,
.wpcf7-not-valid-tip {
    display: none
}

.select-input.--dropdown input {
    display: none
}

.select-input .--dropdown__value,
.select-input li {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

@media screen and (max-width:767px) {

    .select-input .--dropdown__value,
    .select-input li {
        font-size: 16px
    }
}

.select-input.--dropdown .--dropdown__value {
    position: relative;
    -webkit-transition: color 0.4s, background 0.4s, border 0.4s;
    transition: color 0.4s, background 0.4s, border 0.4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.select-input.--dropdown .--dropdown__value:after {
    content: "";
    position: absolute;
    right: 14px;
    display: block;
    width: 16px;
    height: 16px;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMi42NjY5OSA1LjMzMzk4TDguMDAwMzMgMTAuNjY3M0wxMy4zMzM3IDUuMzMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=)
}

.select-input .--dropdown__value-text {
    color: inherit;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis
}

.select-input.--dropdown .dropdown__list {
    position: absolute;
    pointer-events: none;
    z-index: 5;
    bottom: 0;
    -webkit-transform: translateY(calc(100% + 20px));
    transform: translateY(calc(100% + 20px));
    width: 100%;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
    opacity: 0;
    overflow: hidden;
    background-color: rgba(24, 216, 199, 0.0980392157);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid #18D8C7;
    border-radius: 4px
}

.select-input.--dropdown.-active .dropdown__list {
    opacity: 1;
    -webkit-transform: translateY(calc(100% + 10px));
    transform: translateY(calc(100% + 10px));
    pointer-events: auto
}

.select-input.--dropdown ul li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background-color: transparent;
    -webkit-transition: color 0.4s, background 0.4s;
    transition: color 0.4s, background 0.4s;
    padding: 14px
}

.select-input.--dropdown ul li:hover {
    color: #18D8C7
}

.select-input.--dropdown ul li.-active {
    pointer-events: none;
    background-color: #16978C
}

.select-input.--dropdown.-active .--dropdown__value:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-input.--dropdown.-active .--dropdown__value {
    border-color: #18D8C7
}

.select-input.--dropdown.-invalid .--dropdown__value {
    border-color: #D92D20;
    background-color: rgba(217, 45, 32, 0.0980392157)
}

.request-accordion {
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.0980392157)
}

.request-accordion .--accordion__content {
    padding-bottom: 16px
}

.request-accordion .--accordion__open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    gap: 8px;
    margin-bottom: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.request-accordion .--accordion__open p {
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.request-accordion .--accordion__open:hover {
    color: #18D8C7
}

.request-accordion .--accordion__open:hover .--accordion__arrow {
    -webkit-filter: brightness(0) saturate(100%) invert(81%) sepia(89%) saturate(486%) hue-rotate(96deg) brightness(90%) contrast(87%);
    filter: brightness(0) saturate(100%) invert(81%) sepia(89%) saturate(486%) hue-rotate(96deg) brightness(90%) contrast(87%)
}

.request-accordion .--accordion__arrow {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    -webkit-transition: -webkit-filter 0.4s, -webkit-transform 0.4s;
    transition: -webkit-filter 0.4s, -webkit-transform 0.4s;
    transition: filter 0.4s, transform 0.4s;
    transition: filter 0.4s, transform 0.4s, -webkit-filter 0.4s, -webkit-transform 0.4s;
    background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMi42NjY5OSA1LjMzMzk4TDguMDAwMzMgMTAuNjY3M0wxMy4zMzM3IDUuMzMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=)
}

.request-accordion.-open .--accordion__arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.file-upload {
    position: relative;
    border: 1px dashed #18D8C7;
    -webkit-transition: color 0.4s, background 0.4s, border 0.4s;
    transition: color 0.4s, background 0.4s, border 0.4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.file-upload:hover {
    border: 1px solid #18D8C7
}

.file-upload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 100%;
    width: 100%
}

.file-upload.--file-selected {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    border: 1px solid #18D8C7
}

.file-upload.--file-selected .file-upload-clear {
    opacity: 1;
    pointer-events: auto
}

.file-upload-clear {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    right: 18px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    background: transparent;
    border-radius: 50%;
    border: 1.5px solid var(--black-secondary-30);
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.file-upload-clear:hover {
    background: var(--black-secondary-30)
}

#file-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

#file-name:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOS41IDJIMy41QzMuMzY3MzkgMiAzLjI0MDIxIDIuMDUyNjggMy4xNDY0NSAyLjE0NjQ1QzMuMDUyNjggMi4yNDAyMSAzIDIuMzY3MzkgMyAyLjVWMTMuNUMzIDEzLjYzMjYgMy4wNTI2OCAxMy43NTk4IDMuMTQ2NDUgMTMuODUzNkMzLjI0MDIxIDEzLjk0NzMgMy4zNjczOSAxNCAzLjUgMTRIMTIuNUMxMi42MzI2IDE0IDEyLjc1OTggMTMuOTQ3MyAxMi44NTM2IDEzLjg1MzZDMTIuOTQ3MyAxMy43NTk4IDEzIDEzLjYzMjYgMTMgMTMuNVY1LjVNOS41IDJMMTMgNS41TTkuNSAyVjUuNUgxMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=)
}

#clear-btn {
    cursor: pointer;
    border-radius: 50%;
    aspect-ratio: 1/1;
    background: transparent;
    border: 1px solid #D4DEE3;
    -webkit-transition: background-color 0.4s, border-color 0.4s;
    transition: background-color 0.4s, border-color 0.4s
}

#clear-btn:hover {
    background-color: rgba(24, 216, 199, 0.0980392157);
    border-color: #18D8C7
}

#clear-btn:active {
    background-color: #18D8C7
}

.input-box.-invalid .file-upload {
    border-color: #D92D20;
    background-color: rgba(217, 45, 32, 0.0980392157)
}

.input-box.-invalid .input__error {
    display: block
}

.submit-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
    gap: 20px
}

.submit-wrapper .button {
    max-width: 240px;
    width: 100%
}

.submit-wrapper .input {
    margin-bottom: 0
}

.submit-wrapper .input-box {
    margin-bottom: 0
}

.submit:disabled,
button[type=submit]:disabled {
    opacity: 0.6;
    cursor: wait;
    font-size: 0
}

.submit:disabled:after,
button[type=submit]:disabled:after {
    content: "";
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cmVjdCB4PSIxMS4wOTk2IiB5PSIxNy4zMzk4IiB3aWR0aD0iMS43NjU3MSIgaGVpZ2h0PSI2LjY2IiByeD0iMC44ODI4NTciIGZpbGw9IiMxQjI0MjkiIGZpbGwtb3BhY2l0eT0iMC4yNSIvPgogIDxyZWN0IHg9IjguNTU0NjkiIHk9IjE2LjE5MTQiIHdpZHRoPSIxLjc2NTcxIiBoZWlnaHQ9IjYuNjYiIHJ4PSIwLjg4Mjg1NyIgdHJhbnNmb3JtPSJyb3RhdGUoMzAgOC41NTQ2OSAxNi4xOTE0KSIgZmlsbD0iIzFCMjQyOSIgZmlsbC1vcGFjaXR5PSIwLjMzMyIvPgogIDxyZWN0IHg9IjYuOTI1NzgiIHk9IjEzLjkxMjEiIHdpZHRoPSIxLjc2NTcxIiBoZWlnaHQ9IjYuNjYiIHJ4PSIwLjg4Mjg1NyIgdHJhbnNmb3JtPSJyb3RhdGUoNjAgNi45MjU3OCAxMy45MTIxKSIgZmlsbD0iIzFCMjQyOSIgZmlsbC1vcGFjaXR5PSIwLjQxNiIvPgogIDxyZWN0IHg9IjYuNjUxMzciIHk9IjExLjEyNSIgd2lkdGg9IjEuNzY1NzEiIGhlaWdodD0iNi42NiIgcng9IjAuODgyODU3IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2LjY1MTM3IDExLjEyNSkiIGZpbGw9IiMxQjI0MjkiIGZpbGwtb3BhY2l0eT0iMC40OTgiLz4KICA8cmVjdCB4PSI3LjgwODU5IiB5PSI4LjU4MDA4IiB3aWR0aD0iMS43NjU3MSIgaGVpZ2h0PSI2LjY2IiByeD0iMC44ODI4NTciIHRyYW5zZm9ybT0icm90YXRlKDEyMCA3LjgwODU5IDguNTgwMDgpIiBmaWxsPSIjMUIyNDI5IiBmaWxsLW9wYWNpdHk9IjAuNTgiLz4KICA8cmVjdCB4PSIxMC4wODc5IiB5PSI2Ljk1MTE3IiB3aWR0aD0iMS43NjU3MSIgaGVpZ2h0PSI2LjY2IiByeD0iMC44ODI4NTciIHRyYW5zZm9ybT0icm90YXRlKDE1MCAxMC4wODc5IDYuOTUxMTcpIiBmaWxsPSIjMUIyNDI5IiBmaWxsLW9wYWNpdHk9IjAuNjY3Ii8+CiAgPHJlY3QgeD0iMTIuODc0IiB5PSI2LjY3NTc4IiB3aWR0aD0iMS43NjU3MSIgaGVpZ2h0PSI2LjY2IiByeD0iMC44ODI4NTciIHRyYW5zZm9ybT0icm90YXRlKDE4MCAxMi44NzQgNi42NzU3OCkiIGZpbGw9IiMxQjI0MjkiIGZpbGwtb3BhY2l0eT0iMC43NSIvPgogIDxyZWN0IHg9IjE1LjQxOTkiIHk9IjcuODMzOTgiIHdpZHRoPSIxLjc2NTcxIiBoZWlnaHQ9IjYuNjYiIHJ4PSIwLjg4Mjg1NyIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCAxNS40MTk5IDcuODMzOTgpIiBmaWxsPSIjMUIyNDI5IiBmaWxsLW9wYWNpdHk9IjAuODMiLz4KICA8cmVjdCB4PSIxNy4wNDc5IiB5PSIxMC4xMTUyIiB3aWR0aD0iMS43NjU3MSIgaGVpZ2h0PSI2LjY2IiByeD0iMC44ODI4NTciIHRyYW5zZm9ybT0icm90YXRlKC0xMjAgMTcuMDQ3OSAxMC4xMTUyKSIgZmlsbD0iIzFCMjQyOSIgZmlsbC1vcGFjaXR5PSIwLjkxNCIvPgogIDxyZWN0IHg9IjE3LjMyMjMiIHk9IjEyLjg5MDYiIHdpZHRoPSIxLjc2NTcxIiBoZWlnaHQ9IjYuNjYiIHJ4PSIwLjg4Mjg1NyIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE3LjMyMjMgMTIuODkwNikiIGZpbGw9IiMxQjI0MjkiIGZpbGwtb3BhY2l0eT0iMC45OCIvPgo8L3N2Zz4=);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    -webkit-animation: infinite spin 1s linear;
    animation: infinite spin 1s linear
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media screen and (max-width:1023px) {
    .double-input {
        gap: 16px
    }

    .input,
    .input-box {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 16px
    }

    .input__wrapper input,
    .input__wrapper textarea,
    .select-input.--dropdown .--dropdown__value {
        border-radius: 3px;
        height: 40px
    }

    .input__wrapper textarea {
        padding: 14px
    }

    .--checkbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width:767px) {
    .request-accordion {
        margin-bottom: 32px
    }

    .double-input,
    .multi-input {
        display: block
    }

    .select-input.--dropdown.-short {
        max-width: 100%
    }

    .submit-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 32px;
        gap: 40px
    }

    .submit-wrapper .button {
        max-width: 100%
    }
}

.conveyor-container {
    position: relative;
    width: 100%
}

.conveyor-belt__belt {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.conveyor-belt__belt-part {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.conveyor-belt__belt.-in-viewport .conveyor-belt__belt-part {
    -webkit-animation-play-state: running !important;
    animation-play-state: running !important
}

.conveyor-belt__belt .conveyor-belt__belt-part {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.conveyor-belt__belt.-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@-webkit-keyframes conveyor-part {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes conveyor-part {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes conveyor-part-reverse {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes conveyor-part-reverse {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.content {
    color: rgba(54, 84, 99, 0.6980392157)
}

.content * {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

@media screen and (max-width:767px) {
    .content * {
        font-size: 18px
    }
}

.content__wrapper {
    padding: 64px 0 120px
}

.content b,
.content strong {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #365463
}

@media screen and (max-width:767px) {

    .content b,
    .content strong {
        font-size: 20px
    }
}

.content blockquote,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: #365463
}

.content h1 {
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    margin-bottom: 40px
}

@media screen and (max-width:767px) {
    .content h1 {
        font-size: 26px;
        letter-spacing: -0.26px
    }
}

.content h2 {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
    margin: 64px 0
}

@media screen and (max-width:767px) {
    .content h2 {
        font-size: 24px;
        line-height: 130%
    }
}

.content h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 32px 0 12px
}

@media screen and (max-width:767px) {
    .content h3 {
        font-size: 20px
    }
}

.content p+p {
    margin-top: 24px
}

.content a {
    color: #18D8C7;
    text-decoration: underline;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}

.content a:hover {
    opacity: 0.7
}

.content ul {
    margin: 24px 0;
    padding-left: 32px
}

.content ul li {
    list-style-type: disc
}

.content ul li::marker {
    color: #18D8C7
}

.content ul li+li {
    margin-top: 12px
}

.content blockquote {
    padding: 24px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    background: #F6F7F9;
    margin: 56px 0
}

.content blockquote:before {
    content: "";
    display: block;
    max-width: 40px;
    height: 40px;
    width: 100%;
    aspect-ratio: 1/1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHJ4PSI4IiBmaWxsPSIjMThEOEM3IiAvPgogIDxwYXRoIGQ9Ik0xNS44MDU0IDI2QzE0LjcwOTkgMjYgMTMuODAxOCAyNS41OTU4IDEzLjA4MTEgMjQuNzg3NUMxMi4zNjA0IDIzLjk3OTEgMTIgMjIuOTA1OSAxMiAyMS41Njc5QzEyIDIwLjI1NzggMTIuMjU5NSAxOS4wNTkyIDEyLjc3ODQgMTcuOTcyMUMxMy4yOTczIDE2Ljg4NSAxNC4wMDM2IDE2LjAwNyAxNC44OTczIDE1LjMzOEMxNS44MTk4IDE0LjY0MTEgMTYuODU3NyAxNC4xOTUxIDE4LjAxMDggMTRWMTYuNTA4N0MxNy40NjMxIDE2LjcwMzggMTcuMDAxOCAxNy4wMjQ0IDE2LjYyNyAxNy40NzA0QzE2LjI1MjMgMTcuODg4NSAxNi4wMDcyIDE4LjQwNDIgMTUuODkxOSAxOS4wMTc0QzE1LjgwNTQgMTkuNjAyOCAxNS44NDg2IDIwLjIwMjEgMTYuMDIxNiAyMC44MTUzTDE0LjE2MjIgMjAuMjNDMTQuMzkyOCAyMC4wMDcgMTQuNjgxMSAxOS44MjU4IDE1LjAyNyAxOS42ODY0QzE1LjM3MyAxOS41NDcgMTUuNzQ3NyAxOS40Nzc0IDE2LjE1MTQgMTkuNDc3NEMxNy4xMDI3IDE5LjQ3NzQgMTcuODgxMSAxOS43ODQgMTguNDg2NSAyMC4zOTcyQzE5LjA5MTkgMjEuMDEwNSAxOS4zOTQ2IDIxLjc3NyAxOS4zOTQ2IDIyLjY5NjlDMTkuMzk0NiAyMy42MTY3IDE5LjA2MzEgMjQuMzk3MiAxOC40IDI1LjAzODNDMTcuNzM2OSAyNS42Nzk0IDE2Ljg3MjEgMjYgMTUuODA1NCAyNlpNMjQuNDEwOCAyNkMyMy4zMTUzIDI2IDIyLjQwNzIgMjUuNTk1OCAyMS42ODY1IDI0Ljc4NzVDMjAuOTY1OCAyMy45NzkxIDIwLjYwNTQgMjIuOTA1OSAyMC42MDU0IDIxLjU2NzlDMjAuNjA1NCAyMC4yNTc4IDIwLjg2NDkgMTkuMDU5MiAyMS4zODM4IDE3Ljk3MjFDMjEuOTAyNyAxNi44ODUgMjIuNjA5IDE2LjAwNyAyMy41MDI3IDE1LjMzOEMyNC40MjUyIDE0LjY0MTEgMjUuNDYzMSAxNC4xOTUxIDI2LjYxNjIgMTRWMTYuNTA4N0MyNi4wNjg1IDE2LjcwMzggMjUuNjA3MiAxNy4wMjQ0IDI1LjIzMjQgMTcuNDcwNEMyNC44NTc3IDE3Ljg4ODUgMjQuNjEyNiAxOC40MDQyIDI0LjQ5NzMgMTkuMDE3NEMyNC40MTA4IDE5LjYwMjggMjQuNDU0MSAyMC4yMDIxIDI0LjYyNyAyMC44MTUzTDIyLjc2NzYgMjAuMjNDMjIuOTk4MiAyMC4wMDcgMjMuMjg2NSAxOS44MjU4IDIzLjYzMjQgMTkuNjg2NEMyMy45Nzg0IDE5LjU0NyAyNC4zNTMyIDE5LjQ3NzQgMjQuNzU2OCAxOS40Nzc0QzI1LjcwODEgMTkuNDc3NCAyNi40ODY1IDE5Ljc4NCAyNy4wOTE5IDIwLjM5NzJDMjcuNjk3MyAyMS4wMTA1IDI4IDIxLjc3NyAyOCAyMi42OTY5QzI4IDIzLjYxNjcgMjcuNjY4NSAyNC4zOTcyIDI3LjAwNTQgMjUuMDM4M0MyNi4zNDIzIDI1LjY3OTQgMjUuNDc3NSAyNiAyNC40MTA4IDI2WiIgZmlsbD0iIzFCMUIxQiIgLz4KPC9zdmc+)
}

.content .content-image-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    background-color: #F3F6F7;
    overflow: hidden;
    border-radius: 4px;
    padding: 40px;
    border: none !important;
    margin: 64px 0
}

.content .content-image-block+.content-image-block {
    margin-top: 24px
}

.content .content-image-block-image img {
    border-radius: 4px
}

.content .content-image-block-text {
    color: #365463
}

.content span.separator+blockquote,
.content span.separator+h2,
.content span.separator+h3 {
    margin-top: 0
}

.content span.separator~ul {
    margin-bottom: 0
}

.content .content-image-block+span.separator {
    margin-top: 0
}

.content .authors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

.content .authors .author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.content .authors .author .avatar {
    max-width: 48px;
    aspect-ratio: 1/1
}

.content .authors .author-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.content .authors .author-content .linkedin-link {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

@media screen and (max-width:767px) {
    .content .authors .author-content .linkedin-link {
        font-size: 14px
    }
}

.content .authors .author-content .linkedin-link:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    aspect-ratio: 1/1;
    background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIuNjY2NyAyQzEzLjAyMDMgMiAxMy4zNTk0IDIuMTQwNDggMTMuNjA5NSAyLjM5MDUyQzEzLjg1OTUgMi42NDA1NyAxNCAyLjk3OTcxIDE0IDMuMzMzMzNWMTIuNjY2N0MxNCAxMy4wMjAzIDEzLjg1OTUgMTMuMzU5NCAxMy42MDk1IDEzLjYwOTVDMTMuMzU5NCAxMy44NTk1IDEzLjAyMDMgMTQgMTIuNjY2NyAxNEgzLjMzMzMzQzIuOTc5NzEgMTQgMi42NDA1NyAxMy44NTk1IDIuMzkwNTIgMTMuNjA5NUMyLjE0MDQ4IDEzLjM1OTQgMiAxMy4wMjAzIDIgMTIuNjY2N1YzLjMzMzMzQzIgMi45Nzk3MSAyLjE0MDQ4IDIuNjQwNTcgMi4zOTA1MiAyLjM5MDUyQzIuNjQwNTcgMi4xNDA0OCAyLjk3OTcxIDIgMy4zMzMzMyAySDEyLjY2NjdaTTEyLjMzMzMgMTIuMzMzM1Y4LjhDMTIuMzMzMyA4LjIyMzYgMTIuMTA0NCA3LjY3MDggMTEuNjk2OCA3LjI2MzIyQzExLjI4OTIgNi44NTU2NCAxMC43MzY0IDYuNjI2NjcgMTAuMTYgNi42MjY2N0M5LjU5MzMzIDYuNjI2NjcgOC45MzMzMyA2Ljk3MzMzIDguNjEzMzMgNy40OTMzM1Y2Ljc1MzMzSDYuNzUzMzNWMTIuMzMzM0g4LjYxMzMzVjkuMDQ2NjdDOC42MTMzMyA4LjUzMzMzIDkuMDI2NjcgOC4xMTMzMyA5LjU0IDguMTEzMzNDOS43ODc1NCA4LjExMzMzIDEwLjAyNDkgOC4yMTE2NyAxMC4yIDguMzg2N0MxMC4zNzUgOC41NjE3MyAxMC40NzMzIDguNzk5MTMgMTAuNDczMyA5LjA0NjY3VjEyLjMzMzNIMTIuMzMzM1pNNC41ODY2NyA1LjcwNjY3QzQuODgzNzEgNS43MDY2NyA1LjE2ODU5IDUuNTg4NjcgNS4zNzg2MyA1LjM3ODYzQzUuNTg4NjcgNS4xNjg1OSA1LjcwNjY3IDQuODgzNzEgNS43MDY2NyA0LjU4NjY3QzUuNzA2NjcgMy45NjY2NyA1LjIwNjY3IDMuNDYgNC41ODY2NyAzLjQ2QzQuMjg3ODYgMy40NiA0LjAwMTI4IDMuNTc4NyAzLjc4OTk5IDMuNzg5OTlDMy41Nzg3IDQuMDAxMjggMy40NiA0LjI4Nzg2IDMuNDYgNC41ODY2N0MzLjQ2IDUuMjA2NjcgMy45NjY2NyA1LjcwNjY3IDQuNTg2NjcgNS43MDY2N1pNNS41MTMzMyAxMi4zMzMzVjYuNzUzMzNIMy42NjY2N1YxMi4zMzMzSDUuNTEzMzNaIiBmaWxsPSIjMzY1NDYzIi8+Cjwvc3ZnPg==)
}

@media screen and (max-width:1023px) {
    .content__wrapper {
        padding: 64px 0 80px
    }

    .content blockquote {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 16px;
        gap: 16px;
        margin: 32px 0
    }

    .content h1 {
        margin-bottom: 32px
    }

    .content h2 {
        margin: 32px 0
    }

    .content h3 {
        margin: 32px 0 12px
    }

    .content ul {
        margin: 16px 0;
        padding-left: 16px
    }

    .content ul li+li {
        margin-top: 16px
    }

    .content .content-image-block {
        padding: 16px;
        margin: 32px 0;
        -ms-grid-columns: 1fr !important;
        grid-template-columns: 1fr !important
    }

    .content .content-image-block-text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (max-width:767px) {
    .content .authors .author .avatar {
        max-width: 36px
    }

    .content .authors .author-content .linkedin-link:after {
        width: 14px;
        height: 14px
    }
}

.--tabs-container__menu::-webkit-scrollbar {
    height: 0;
    width: 0
}

.--tabs-container__menu .--tabs-container__menu-item {
    text-align: center
}

.--tabs-container {
    width: 100%
}

.--tabs-container__items {
    width: 100%
}

.--tabs-container__items-inner {
    position: relative;
    -webkit-transition: height 0.7s;
    transition: height 0.7s
}

.--tabs-container__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.4s opacity;
    transition: 0.4s opacity
}

.--tabs-container__item.-active {
    position: relative;
    z-index: 1;
    opacity: 1;
    pointer-events: auto
}

.hero {
    background-color: #365463;
    color: #fff
}

.hero__wrapper {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    min-height: calc(100svh - 160px)
}

.hero-content {
    padding: 20px 20px 20px 80px;
    -ms-grid-column-span: 7;
    grid-column: span 7
}

.hero-content .subtitle {
    margin-top: 32px;
    color: rgba(255, 255, 255, 0.8);
    max-width: 560px
}

.hero-content .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    margin-top: 48px
}

.hero-media {
    height: 100%;
    -ms-grid-column-span: 5;
    grid-column: span 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #A9D0E0
}

.hero-media img {
    margin: 0 auto;
    width: auto;
    max-height: calc(100svh - 160px);
    min-height: 450px
}

@media screen and (max-width:1199px) {
    .hero-content {
        padding-left: 20px
    }
}

@media screen and (max-width:1023px) {
    .hero {
        padding: 80px 16px
    }

    .hero__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px;
        padding-top: 64px
    }

    .hero-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 0
    }

    .hero-media {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        overflow: hidden;
        border-radius: 4px
    }

    .hero-media img {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        max-height: 100%
    }
}

@media screen and (max-width:767px) {
    .hero-content .subtitle {
        margin-top: 24px
    }

    .hero-content .buttons {
        margin-top: 32px
    }
}

@media screen and (max-width:575px) {
    .hero-content .buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.recommends {
    margin-top: 120px;
    padding-bottom: 120px
}

.recommends .title {
    text-align: center;
    color: #365463
}

.recommends-swiper {
    margin-top: 64px;
    position: relative;
    overflow: hidden
}

.recommends-swiper-container {
    position: relative
}

.recommends-swiper .swiper-slide {
    height: auto
}

.recommends .slider-btn {
    top: calc(50% - 72px)
}

.recommends .slider-btn.swiper-button-next {
    right: -32px
}

.recommends .slider-btn.swiper-button-prev {
    left: -32px
}

.recommends-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #F3F6F7;
    border-radius: 4px;
    height: 100%;
    overflow: hidden
}

.recommends-card-img {
    aspect-ratio: 1/1;
    overflow: hidden
}

.recommends-card-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s
}

.recommends-card-content {
    text-align: center;
    padding: 14px 8px 32px
}

.recommends-card:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media screen and (max-width:1199px) {
    .recommends-swiper-container {
        margin: 0 20px
    }
}

@media screen and (max-width:1023px) {
    .recommends {
        margin-top: 80px;
        padding-bottom: 80px
    }

    .recommends-swiper {
        margin-top: 40px
    }

    .recommends .slider-btn {
        top: calc(50% - 62px)
    }
}

@media screen and (max-width:575px) {
    .recommends-swiper-container {
        margin: 0
    }

    .recommends .slider-btn {
        display: none
    }
}

.features {
    background-color: #365463;
    color: #fff
}

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

.features__wrapper {
    padding: 60px 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

.features-card .icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.features-card .icon img {
    aspect-ratio: 1/1;
    max-width: 32px
}

.features-card .title {
    margin-top: 32px
}

.features-card .description {
    margin-top: 16px;
    color: rgba(255, 255, 255, 0.8);
    max-width: 336px
}

@media screen and (max-width:1023px) {
    .features__wrapper {
        padding: 80px 0;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 32px
    }

    .features-card .icon {
        height: 64px;
        width: 64px
    }

    .features-card .icon img {
        max-width: 24px
    }

    .features-card .title {
        margin-top: 24px
    }

    .features-card .description {
        max-width: 360px
    }
}

@media screen and (max-width:767px) {
    .features-video {
        aspect-ratio: 390/172;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.about-home__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about-home .image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    padding: 80px 30px 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.about-home-content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding-top: 80px;
    padding-bottom: 80px
}

.about-home-content .description {
    margin-top: 32px;
    max-width: 588px
}

.about-home-content .buttons {
    margin-top: 48px
}

.about-home-content .buttons .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width:1023px) {
    .about-home {
        background-color: #F3F6F7
    }

    .about-home__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 80px 16px;
        gap: 40px
    }

    .about-home .image {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 45px 15px 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .about-home-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .about-home-content .description {
        margin-top: 32px;
        max-width: 588px
    }

    .about-home-content .buttons {
        margin-top: 32px
    }

    .about-home-content .buttons .button {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media screen and (max-width:767px) {
    .about-home-content .buttons .button {
        width: 100%
    }
}

.superhero-home {
    padding: 120px 0
}

.superhero-home .title {
    text-align: center
}

.superhero-home .image {
    max-width: 700px;
    margin: 40px auto 0
}

.superhero-home .button {
    margin: 40px auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width:1023px) {
    .superhero-home {
        padding: 80px 0
    }

    .superhero-home .image {
        margin-top: 32px
    }
}

@media screen and (max-width:767px) {
    .superhero-home .container-big {
        padding: 0 16px
    }

    .superhero-home .button {
        width: 100%
    }
}

.event-section {
    background-color: #365463;
    color: #fff
}

.event-section__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    padding: 100px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.event-section-content {
    padding-right: 80px
}

.event-section-content .title {
    margin-bottom: 24px
}

.event-section-content .text {
    max-width: 520px;
    color: rgba(255, 255, 255, 0.8)
}

.event-section-content .buttons {
    margin-top: 40px
}

.event-section-content .buttons .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.event-section .label {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    padding: 5px 12px;
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 0.0980392157);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width:767px) {
    .event-section .label {
        font-size: 14px
    }
}

.event-section .label.-date:before,
.event-section .label.-place:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px
}

.event-section .label.-date:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTMuNzUgMS44NzVWNC4zNzVNNi4yNSAxLjg3NVY0LjM3NU0zLjEyNSA2Ljg3NUgxNi44NzVNMy43NSAzLjEyNUgxNi4yNUMxNi41OTUyIDMuMTI1IDE2Ljg3NSAzLjQwNDgyIDE2Ljg3NSAzLjc1VjE2LjI1QzE2Ljg3NSAxNi41OTUyIDE2LjU5NTIgMTYuODc1IDE2LjI1IDE2Ljg3NUgzLjc1QzMuNDA0ODIgMTYuODc1IDMuMTI1IDE2LjU5NTIgMy4xMjUgMTYuMjVWMy43NUMzLjEyNSAzLjQwNDgyIDMuNDA0ODIgMy4xMjUgMy43NSAzLjEyNVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+) no-repeat center 100%
}

.event-section .label.-place:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTY2XzI1MzMxKSI+CiAgICA8cGF0aCBkPSJNMTAgMTAuNjI1QzExLjM4MDcgMTAuNjI1IDEyLjUgOS41MDU3MSAxMi41IDguMTI1QzEyLjUgNi43NDQyOSAxMS4zODA3IDUuNjI1IDEwIDUuNjI1QzguNjE5MjkgNS42MjUgNy41IDYuNzQ0MjkgNy41IDguMTI1QzcuNSA5LjUwNTcxIDguNjE5MjkgMTAuNjI1IDEwIDEwLjYyNVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICAgIDxwYXRoIGQ9Ik0xNi4yNSA4LjEyNUMxNi4yNSAxMy43NSAxMCAxOC4xMjUgMTAgMTguMTI1QzEwIDE4LjEyNSAzLjc1IDEzLjc1IDMuNzUgOC4xMjVDMy43NSA2LjQ2NzQgNC40MDg0OCA0Ljg3NzY5IDUuNTgwNTggMy43MDU1OEM2Ljc1MjY5IDIuNTMzNDggOC4zNDI0IDEuODc1IDEwIDEuODc1QzExLjY1NzYgMS44NzUgMTMuMjQ3MyAyLjUzMzQ4IDE0LjQxOTQgMy43MDU1OEMxNS41OTE1IDQuODc3NjkgMTYuMjUgNi40Njc0IDE2LjI1IDguMTI1WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfMTY2XzI1MzMxIj4KICAgICAgPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPg==) no-repeat center 100%
}

.event-section__categories,
.event-section__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px
}

.event-section-media img {
    border-radius: 4px
}

@media screen and (max-width:1023px) {
    .event-section__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 64px 0 80px;
        gap: 40px
    }

    .event-section-content {
        padding-right: 0
    }

    .event-section-content .text {
        max-width: 520px;
        color: rgba(255, 255, 255, 0.8)
    }

    .event-section-content .buttons {
        margin-top: 32px
    }

    .event-section-content .buttons .button {
        width: 100%
    }
}

.reviews {
    padding: 60px 0;
    background-color: #F3F6F7
}

.reviews__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr)
}

.reviews-content {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    padding-left: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.reviews .slider-btn {
    position: static
}

.reviews .swiper-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    gap: 8px
}

.reviews-swiper {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    margin-right: 80px;
    overflow: hidden
}

.reviews-item {
    background-color: #fff;
    padding: 40px;
    border-radius: 4px;
    height: 100%
}

.reviews-item .blockquote-icon img {
    width: 64px;
    height: 64px
}

.reviews-item-title {
    margin-top: 40px
}

.reviews-item-text {
    margin: 24px 0 80px;
    max-width: 513px
}

.reviews-item .logo {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.reviews-item .logo img {
    max-height: 34px;
    width: auto;
    height: 100%
}

.reviews .-mobile {
    display: none
}

@media screen and (max-width:1023px) {
    .reviews {
        padding: 64px 0 80px
    }

    .reviews .-pc {
        display: none
    }

    .reviews .-mobile {
        display: block
    }

    .reviews .swiper-navigation {
        margin: 40px auto 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .reviews__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .reviews-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding-left: 0
    }

    .reviews-content .title {
        text-align: center
    }

    .reviews-content .swiper-navigation {
        display: none
    }

    .reviews-swiper {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        margin-right: 0;
        margin-top: 32px;
        padding: 0 20px
    }

    .reviews-item {
        padding: 16px
    }

    .reviews-item .blockquote-icon img {
        width: 56px;
        height: 56px
    }

    .reviews-item-title {
        margin-top: 32px
    }

    .reviews-item-text {
        margin: 24px 0 40px;
        max-width: 513px
    }
}

.request {
    padding: 60px 0;
    background-color: #365463;
    color: #fff
}

.request__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr)
}

.request.-hero-section {
    min-height: 100dvh
}

.request.-hero-section .request__wrapper {
    padding-top: 120px
}

.request-content {
    position: sticky;
    top: 200px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -ms-grid-column-span: 5;
    grid-column: span 5;
    padding-left: 80px
}

.request-content .title {
    max-width: 440px
}

.request-content .description {
    max-width: 355px;
    margin-top: 24px;
    color: rgba(255, 255, 255, 0.7019607843)
}

.request-form {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding-right: 80px
}

.request-form .form-wrapper {
    border-radius: 4px;
    padding: 24px;
    background-color: rgba(255, 255, 255, 0.0980392157);
    position: relative
}

.request-form .form-wrapper.-valid .form {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.request-form .form-wrapper.-valid .thanks-container {
    opacity: 1;
    pointer-events: auto
}

.request-form .thanks-container {
    position: absolute;
    opacity: 0;
    left: 0;
    bottom: 0;
    padding: 100px 16px;
    pointer-events: none;
    width: 100%;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.request-form .thanks-container .img {
    max-width: 80px;
    width: 100%;
    margin-bottom: 48px
}

.request-form .thanks-container .img img {
    display: block;
    width: 100%;
    aspect-ratio: 1/1
}

.request-form .thanks-container .title {
    text-align: center
}

.request-form .thanks-container .text {
    margin-top: 24px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7019607843)
}

@media screen and (max-width:1023px) {
    .request {
        padding: 80px 0
    }

    .request .container-big {
        padding: 0 16px
    }

    .request__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .request.-hero-section .request__wrapper {
        padding-top: 80px
    }

    .request-content {
        position: static;
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding-left: 0
    }

    .request-content .title {
        max-width: 460px
    }

    .request-content .description {
        max-width: 320px;
        margin-top: 16px
    }

    .request-form {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding-right: 0;
        margin-top: 32px
    }

    .request-form .form-wrapper {
        padding: 16px
    }

    .request-form .thanks-container {
        padding: 64px 16px
    }

    .request-form .thanks-container .img {
        max-width: 80px;
        margin-bottom: 40px
    }
}

@media screen and (max-width:767px) {
    .request-content .title {
        max-width: 360px
    }

    .request-content .description {
        max-width: 320px
    }
}

.get-in-touch__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr)
}

.get-in-touch__illustration {
    background-color: #A9D0E0;
    -ms-grid-column-span: 5;
    grid-column: span 5
}

.get-in-touch__content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 60px 80px
}

.get-in-touch__content .title {
    margin-bottom: 40px
}

.get-in-touch__content .map {
    position: relative;
    overflow: hidden;
    border-radius: 5px
}

.get-in-touch__content .map .button {
    position: absolute;
    bottom: 12px;
    right: 12px
}

.get-in-touch__content .address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px
}

.get-in-touch__content .address a {
    min-width: 185px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    border-radius: 4px;
    background-color: #F3F6F7;
    -webkit-transition: color 0.4s;
    transition: color 0.4s
}

.get-in-touch__content .address a .icon {
    padding: 16px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #A9D0E0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.get-in-touch__content .address a .icon svg path {
    fill: #365463;
    -webkit-transition: fill 0.4s;
    transition: fill 0.4s
}

.get-in-touch__content .address a:hover {
    color: #18D8C7
}

.get-in-touch__content .address a:hover svg path {
    fill: rgba(255, 255, 255, 0.7019607843)
}

@media screen and (max-width:1023px) {
    .get-in-touch {
        padding: 80px 16px
    }

    .get-in-touch__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px
    }

    .get-in-touch__illustration {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 12px 52px;
        border-radius: 4px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .get-in-touch__content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .get-in-touch__content .title {
        margin-bottom: 32px
    }

    .get-in-touch__content .address {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .get-in-touch__content .address a .icon {
        padding: 13px;
        width: 40px;
        height: 40px
    }

    .get-in-touch__content .address a .icon svg {
        height: 14px;
        width: 14px
    }

    .get-in-touch__content .address a .icon svg path {
        fill: #365463;
        -webkit-transition: fill 0.4s;
        transition: fill 0.4s
    }

    .get-in-touch__content .address:hover {
        color: #18D8C7
    }

    .get-in-touch__content .address:hover svg path {
        fill: rgba(255, 255, 255, 0.7019607843)
    }
}

.event-calendar {
    background-color: #365463;
    color: #fff
}

.event-calendar .container {
    padding-top: 120px;
    padding-bottom: 120px
}

.event-calendar .title {
    margin-bottom: 64px
}

.event-calendar-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 40px
}

.event-calendar-filter-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.event-calendar-filter-item.-outline.-white {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.2)
}

.event-calendar-filter-item.-outline.-white:hover {
    border-color: #18D8C7
}

.event-calendar-filter-item.-outline.-white.-active {
    background-color: #18D8C7
}

.event-calendar__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px
}

.event-calendar #event-calendar {
    -ms-grid-column-span: 8;
    grid-column: span 8;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.0470588235)
}

.event-calendar #event-calendar .fc-header-toolbar {
    margin-bottom: 0;
    padding: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px
}

.event-calendar #event-calendar .fc-header-toolbar .fc-toolbar-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

@media screen and (max-width:767px) {
    .event-calendar #event-calendar .fc-header-toolbar .fc-toolbar-title {
        font-size: 14px
    }
}

.event-calendar #event-calendar .fc-header-toolbar .fc-button-primary {
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    aspect-ratio: 1/1;
    background: transparent;
    padding: 4px;
    -webkit-transition: border-color 0.4s, background-color 0.4s;
    transition: border-color 0.4s, background-color 0.4s
}

.event-calendar #event-calendar .fc-header-toolbar .fc-button-primary .fc-icon {
    font-size: 16px
}

.event-calendar #event-calendar .fc-header-toolbar .fc-button-primary:hover {
    border-color: #18D8C7;
    background-color: rgba(24, 216, 199, 0.0980392157)
}

.event-calendar #event-calendar .fc-scrollgrid,
.event-calendar #event-calendar .fc-theme-standard {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.event-calendar #event-calendar .fc-scrollgrid .fc-scrollgrid,
.event-calendar #event-calendar .fc-theme-standard .fc-scrollgrid {
    border-bottom-style: hidden
}

.event-calendar #event-calendar .fc-scrollgrid td,
.event-calendar #event-calendar .fc-scrollgrid th,
.event-calendar #event-calendar .fc-theme-standard td,
.event-calendar #event-calendar .fc-theme-standard th {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2)
}

.event-calendar #event-calendar thead .fc-scrollgrid-sync-inner {
    text-align: right
}

.event-calendar #event-calendar .fc-col-header-cell-cushion {
    padding: 12px 16px;
    text-align: right
}

.event-calendar #event-calendar .fc-daygrid-day-top a,
.event-calendar #event-calendar .fc-scrollgrid-sync-inner a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%
}

@media screen and (max-width:767px) {

    .event-calendar #event-calendar .fc-daygrid-day-top a,
    .event-calendar #event-calendar .fc-scrollgrid-sync-inner a {
        font-size: 12px
    }
}

.event-calendar #event-calendar tbody .fc-daygrid-day-top {
    margin-bottom: auto
}

.event-calendar #event-calendar tbody .fc-daygrid-day-top a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 28px;
    height: 28px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

.event-calendar #event-calendar tbody .fc-daygrid-day-frame {
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.event-calendar #event-calendar tbody .fc-day-today {
    background: none
}

.event-calendar #event-calendar tbody .fc-day-today .fc-daygrid-day-top a {
    background-color: #fff;
    color: #1B2429
}

.event-calendar #event-calendar tbody .fc-day-other {
    background-color: #365463
}

.event-calendar #event-calendar tbody .fc-daygrid-day-events {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    margin-top: 6px
}

.event-calendar #event-calendar tbody .fc-daygrid-day-events .fc-daygrid-event-harness .fc-event {
    border: none;
    margin: 0;
    overflow: hidden;
    position: relative;
    -webkit-animation: fadeIn 0.5s ease-in-out;
    animation: fadeIn 0.5s ease-in-out
}

.event-calendar #event-calendar tbody .fc-daygrid-day-events .fc-daygrid-event-harness .fc-event .fc-event-title-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.event-calendar #event-calendar tbody .fc-daygrid-day-events .fc-daygrid-event-harness .fc-event .fc-event-title-container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background-color: currentColor;
    z-index: -1;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s
}

.event-calendar #event-calendar tbody .fc-daygrid-day-events .fc-daygrid-event-harness .fc-event .fc-event-title-container:before {
    content: "";
    display: block;
    border-left: 6px solid currentColor;
    height: 100%;
    background-color: inherit
}

.event-calendar #event-calendar tbody .fc-daygrid-day-events .fc-daygrid-event-harness .fc-event .fc-event-title-container .fc-event-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    padding: 6px;
    color: #fff
}

.event-calendar #event-calendar tbody .fc-daygrid-day-events .fc-daygrid-event-harness .fc-event:hover .fc-event-title-container:after {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.event-calendar-upcoming {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto
}

.event-calendar-upcoming .button {
    margin-top: auto;
    gap: 8px
}

.event-calendar-upcoming .button:after {
    content: "" !important;
    display: block;
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE3IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNiA1Ljk5OTQzSDNNMyA1Ljk5OTQzVjIuOTk5NDNNMyA1Ljk5OTQzTDQuNzY3NSA0LjIzMTkzQzUuNzkxMSAzLjIwODM3IDcuMTc2OTYgMi42Mjk2MSA4LjYyNDUxIDIuNjIxMTlDMTAuMDcyIDIuNjEyNzYgMTEuNDY0NiAzLjE3NTM1IDEyLjUgNC4xODY5M00xMSA5Ljk5OTQzSDE0TTE0IDkuOTk5NDNWMTIuOTk5NE0xNCA5Ljk5OTQzTDEyLjIzMjUgMTEuNzY2OUMxMS4yMDg5IDEyLjc5MDUgOS44MjMwNCAxMy4zNjkzIDguMzc1NDkgMTMuMzc3N0M2LjkyNzk1IDEzLjM4NjEgNS41MzU0NSAxMi44MjM1IDQuNSAxMS44MTE5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4=) no-repeat center 100%
}

.event-calendar-upcoming .button:disabled:after {
    -webkit-animation: rotate 1s infinite;
    animation: rotate 1s infinite
}

.event-calendar-upcoming-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.event-calendar-upcoming-list .upcoming-event-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    border-radius: 4px;
    -webkit-animation: fadeIn 0.5s ease-in-out;
    animation: fadeIn 0.5s ease-in-out
}

.event-calendar-upcoming-list .upcoming-event-item .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.event-calendar-upcoming-list .upcoming-event-item .head .event-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px
}

.event-calendar-upcoming-list .upcoming-event-item .head .event-categories .label {
    padding: 5px 8px;
    border-radius: 40px;
    background-color: #fff;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.event-calendar-upcoming-list .upcoming-event-item .head .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.event-calendar-upcoming-list .upcoming-event-item .head .date:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTIuMzc1IDEuNjg3NVYzLjkzNzVNNS42MjUgMS42ODc1VjMuOTM3NU0yLjgxMjUgNi4xODc1SDE1LjE4NzVNMy4zNzUgMi44MTI1SDE0LjYyNUMxNC45MzU3IDIuODEyNSAxNS4xODc1IDMuMDY0MzQgMTUuMTg3NSAzLjM3NVYxNC42MjVDMTUuMTg3NSAxNC45MzU3IDE0LjkzNTcgMTUuMTg3NSAxNC42MjUgMTUuMTg3NUgzLjM3NUMzLjA2NDM0IDE1LjE4NzUgMi44MTI1IDE0LjkzNTcgMi44MTI1IDE0LjYyNVYzLjM3NUMyLjgxMjUgMy4wNjQzNCAzLjA2NDM0IDIuODEyNSAzLjM3NSAyLjgxMjVaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==) no-repeat center 100%
}

.event-calendar-upcoming-list .upcoming-event-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.event-calendar-upcoming-list .upcoming-event-item-link:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNS4zMzIwMyAxMy4zMzRMMTAuNjY1NCA4LjAwMDY1TDUuMzMyMDMgMi42NjczMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==) no-repeat center 100%
}

.event-calendar-upcoming-list .upcoming-event-item:hover .upcoming-event-item-link:after {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.event-calendar-upcoming .no-events-message {
    text-align: center;
    -webkit-animation: fadeIn 0.5s ease-in-out;
    animation: fadeIn 0.5s ease-in-out
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@media screen and (max-width:1199px) {
    .event-calendar-upcoming-list .upcoming-event-item .head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }
}

@media screen and (max-width:1023px) {
    .event-calendar .container {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .event-calendar .title {
        margin-bottom: 32px
    }

    .event-calendar-filter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 24px;
        margin-bottom: 32px
    }

    .event-calendar__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 32px
    }

    .event-calendar #event-calendar {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .event-calendar #event-calendar thead .fc-scrollgrid-sync-inner {
        text-align: center
    }

    .event-calendar #event-calendar .fc-col-header-cell-cushion {
        padding: 12px 8px;
        text-align: center
    }

    .event-calendar #event-calendar tbody .fc-daygrid-day-events {
        gap: 2px;
        margin-top: 2px
    }

    .event-calendar #event-calendar tbody .fc-daygrid-day-events .fc-daygrid-event-harness .fc-event .fc-event-title-container .fc-event-title {
        color: transparent;
        padding: 0
    }

    .event-calendar-upcoming {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .event-calendar-upcoming-list .upcoming-event-item {
        gap: 16px;
        padding: 16px
    }

    .event-calendar-upcoming-list .upcoming-event-item .head {
        gap: 16px
    }
}

.contacts-section {
    margin: 80px 0 160px
}

.contacts-section .contacts__wrapper {
    position: relative;
    border-radius: 24px;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 91px
}

.contacts-section .contacts__wrapper-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 448px;
    width: 100%
}

.contacts-section .contacts__wrapper-left .title * {
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -1px
}

.contacts-section .contacts__wrapper-left .text {
    margin: 16px 0
}

.contacts-section .contacts__wrapper-left .text.-hidden {
    display: none
}

.contacts-section .contacts__wrapper-right {
    width: 100%
}

.contacts-section .contacts__wrapper-right .form-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: height 0.7s;
    transition: height 0.7s;
    position: relative;
    background-color: #fff;
    padding: 40px;
    border-radius: 16px
}

.contacts-section .contacts__wrapper-right .form-wrapper .form {
    width: 100%
}

.contacts-section .contacts__wrapper-right .form-wrapper.-valid .form {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.contacts-section .contacts__wrapper-right .form-wrapper.-valid .thanks-container {
    opacity: 1;
    pointer-events: auto
}

.contacts-section .contacts__wrapper-right .thanks-container {
    position: absolute;
    opacity: 0;
    bottom: 0;
    padding: 86px 122px;
    pointer-events: none;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contacts-section .contacts__wrapper-right .thanks-container .img {
    max-width: 96px;
    width: 100%
}

.contacts-section .contacts__wrapper-right .thanks-container .img img {
    display: block;
    width: 100%;
    aspect-ratio: 1/1
}

.contacts-section .contacts__wrapper-right .thanks-container .title {
    margin-top: 40px;
    text-align: center;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -1px
}

.contacts-section .contacts__wrapper-right .thanks-container .text {
    margin-top: 24px;
    text-align: center
}

.contacts-section .contacts__bg {
    margin-top: auto
}

@media screen and (max-width:1199px) {
    .contacts-section {
        margin: 80px 0
    }

    .contacts-section .contacts__wrapper {
        gap: 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contacts-section .contacts__bg {
        display: none
    }

    .contacts-section .contacts__wrapper {
        border-radius: 16px;
        padding: 16px
    }

    .contacts-section .contacts__wrapper-left .text {
        margin-top: 16px
    }

    .contacts-section .contacts__wrapper-right {
        width: 100%
    }

    .contacts-section .contacts__wrapper-right .form-wrapper {
        padding: 16px
    }

    .contacts-section .contacts__wrapper-right .thanks-container {
        padding: 64px 16px
    }
}

.resources {
    margin-top: 120px;
    padding-bottom: 120px
}

.resources__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px
}

.resources .title {
    position: sticky;
    top: 200px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.resources-container {
    max-width: 840px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.resources-item {
    background-color: #F3F6F7;
    border-radius: 4px;
    overflow: hidden
}

.resources-item-image {
    padding: 30px 87px;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s
}

.resources-item-content {
    text-align: center;
    padding: 14px 32px 32px;
    -webkit-transition: color 0.4s;
    transition: color 0.4s
}

.resources-item:is(a):hover .resources-item-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.resources-item:is(a):hover .resources-item-content {
    color: #18D8C7
}

@media screen and (max-width:1023px) {
    .resources {
        margin-top: 64px;
        padding-bottom: 80px
    }

    .resources__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px
    }

    .resources .title {
        position: static
    }

    .resources-container {
        max-width: 100%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 16px 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 16px
    }

    .resources-item-image {
        padding: 12px 36px
    }

    .resources-item-content {
        padding: 14px 16px 16px
    }
}

.stay-updated {
    background-color: #365463;
    color: #fff
}

.stay-updated__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr)
}

.stay-updated__illustration {
    background-color: #A9D0E0;
    -ms-grid-column-span: 5;
    grid-column: span 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.stay-updated__illustration img {
    width: 100%
}

.stay-updated__content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.stay-updated__content .title {
    margin-bottom: 40px
}

.stay-updated__content .description {
    color: rgba(255, 255, 255, 0.8);
    max-width: 520px;
    margin-bottom: 48px
}

.stay-updated__content .subscribe-form {
    max-width: 520px
}

.stay-updated__content .subscribe-form .form-wrapper {
    position: relative
}

.stay-updated__content .subscribe-form .form-wrapper.-valid .form {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.stay-updated__content .subscribe-form .form-wrapper.-valid .thanks-container {
    opacity: 1;
    pointer-events: auto
}

.stay-updated__content .subscribe-form .thanks-container {
    position: absolute;
    opacity: 0;
    left: 0;
    bottom: 0;
    pointer-events: none;
    width: 100%;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
    padding: 12px;
    background-color: rgba(255, 255, 255, 0.0980392157)
}

.stay-updated__content .subscribe-form .thanks-container .img {
    max-width: 32px;
    width: 100%
}

.stay-updated__content .subscribe-form .thanks-container .img img {
    display: block;
    width: 100%;
    aspect-ratio: 1/1
}

.stay-updated__content .subscribe-form .thanks-container .title {
    text-align: center
}

.stay-updated__content .subscribe-form .thanks-container .text {
    text-align: center;
    color: rgba(255, 255, 255, 0.7019607843);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
    width: 100%
}

.stay-updated__content .input .input__wrapper input {
    height: 56px;
    padding-right: 136px
}

.stay-updated__content .input .button {
    height: 44px;
    padding: 0 24px
}

@media screen and (max-width:1023px) {
    .stay-updated {
        padding: 80px 16px
    }

    .stay-updated__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px
    }

    .stay-updated__illustration {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 12px 52px;
        border-radius: 4px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .stay-updated__content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 0
    }

    .stay-updated__content .title {
        margin-bottom: 24px;
        text-align: center
    }

    .stay-updated__content .description {
        margin: 0 auto 24px;
        text-align: center
    }

    .stay-updated__content .subscribe-form {
        margin: 0 auto
    }
}

@media screen and (max-width:575px) {
    .stay-updated__content .title {
        text-align: start
    }

    .stay-updated__content .description {
        text-align: start
    }

    .stay-updated__content .subscribe-form {
        margin: 0
    }
}

.product-hero {
    background-color: #365463;
    color: #fff
}

.product-hero__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr)
}

.product-hero-image {
    -ms-grid-column-span: 5;
    grid-column: span 5
}

.product-hero-info {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 64px 80px 120px
}

.product-hero-info .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 40px 0 56px
}

.product-hero-content {
    margin-top: 24px
}

.product-hero-content ul {
    padding-left: 16px
}

.product-hero-content ul li {
    list-style: disc
}

.product-hero-content ul li::marker {
    color: #18D8C7
}

.product-hero-content ul li+li {
    margin-top: 8px
}

.product-hero-specifications {
    width: 100%;
    border-collapse: collapse
}

.product-hero-specifications tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.product-hero-specifications tr th {
    text-align: left;
    color: rgba(255, 255, 255, 0.8)
}

.product-hero-specifications tr td {
    text-align: right;
    font-weight: 500
}

.product-hero-specifications tr td,
.product-hero-specifications tr th {
    padding: 12px 0
}

.product-hero-specifications tr:last-child {
    border-bottom: none
}

@media screen and (max-width:1023px) {
    .product-hero__wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 10px
    }

    .product-hero-image {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .product-hero-info {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 16px 16px 80px
    }

    .product-hero-info .button {
        margin: 24px 0 32px
    }
}

@media screen and (max-width:575px) {
    .product-hero-info .button {
        width: 100%
    }
}

.design {
    margin-top: 120px;
    padding-bottom: 64px
}

.design .title {
    margin-bottom: 64px
}

.design .--tabs-container__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 56px
}

.design .--tabs-container__menu::-webkit-scrollbar {
    height: 0;
    width: 0
}

.design .--tabs-container__menu .--tabs-container__menu-item {
    cursor: pointer;
    height: 40px;
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid #D4DEE3;
    border-radius: 4px;
    -webkit-transition: background-color 0.4s, color 0.4s, border-color 0.4s;
    transition: background-color 0.4s, color 0.4s, border-color 0.4s
}

.design .--tabs-container__menu .--tabs-container__menu-item:hover {
    background-color: rgba(24, 216, 199, 0.0980392157);
    border-color: #18D8C7
}

.design .--tabs-container__menu .--tabs-container__menu-item.-active {
    color: #1B2429;
    background-color: #18D8C7;
    border-color: #18D8C7;
    pointer-events: none
}

.design .--tabs-container__items .--tabs-container__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.design .--tabs-container__items .--tabs-container__item .subtitle {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    padding-bottom: 16px
}

.design .--tabs-container__items .--tabs-container__item .image {
    padding: 20px;
    background-color: #F3F6F7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    overflow: hidden
}

.design .--tabs-container {
    width: 100%
}

.design .--tabs-container__items {
    width: 100%
}

.design .--tabs-container__items-inner {
    position: relative;
    -webkit-transition: height 0.7s;
    transition: height 0.7s
}

.design .--tabs-container__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.4s opacity;
    transition: 0.4s opacity
}

.design .--tabs-container__item.-active {
    position: relative;
    z-index: 1;
    opacity: 1;
    pointer-events: auto
}

.design .tabs-list::-webkit-scrollbar {
    width: 0
}

@media screen and (max-width:1023px) {
    .design {
        margin-top: 64px;
        padding-bottom: 80px
    }

    .design .title {
        margin-bottom: 24px
    }

    .design .--tabs-container__menu {
        padding: 0 16px;
        gap: 8px;
        margin-bottom: 24px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-left: -16px;
        margin-right: -16px;
        overflow-x: scroll
    }

    .design .--tabs-container__items .--tabs-container__item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .design .--tabs-container__items .--tabs-container__item .subtitle {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding-bottom: 40px
    }

    .design .--tabs-container__items .--tabs-container__item .image {
        aspect-ratio: 358/268;
        padding: 12px
    }
}

.lidt-lifetime {
    margin-top: 64px;
    padding-bottom: 64px
}

.lidt-lifetime .title {
    margin-bottom: 64px
}

.lidt-lifetime .graphs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.lidt-lifetime .graphs .image {
    padding: 20px;
    background-color: #F3F6F7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px
}

@media screen and (max-width:1023px) {
    .lidt-lifetime {
        padding-bottom: 80px
    }

    .lidt-lifetime .title {
        margin-bottom: 40px
    }

    .lidt-lifetime .graphs {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .lidt-lifetime .graphs .image {
        padding: 12px
    }
}

.stock_products {
    margin-top: 120px;
    padding-bottom: 120px
}

.stock_products-swiper {
    margin-top: 64px;
    position: relative;
    overflow: hidden
}

.stock_products-swiper-container {
    position: relative
}

.stock_products-swiper .swiper-slide {
    height: auto
}

.stock_products .slider-btn {
    top: calc(50% - 72px)
}

.stock_products .slider-btn.swiper-button-next {
    right: -32px
}

.stock_products .slider-btn.swiper-button-prev {
    left: -32px
}

.stock_products .stock_product {
    display: -ms-grid;
    display: grid;
    background-color: #F3F6F7;
    border-radius: 4px;
    height: 100%;
    overflow: hidden
}

.stock_products .stock_product-image {
    aspect-ratio: 520/360;
    overflow: hidden
}

.stock_products .stock_product-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s
}

.stock_products .stock_product-content {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto
}

.stock_products .stock_product .coating {
    margin-bottom: 8px
}

.stock_products .stock_product-text {
    margin-bottom: 24px;
    color: rgba(54, 84, 99, 0.6980392157)
}

.stock_products .stock_product-price-container {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px
}

.stock_products .stock_product:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media screen and (max-width:1023px) {
    .stock_products {
        margin-top: 64px;
        padding-bottom: 80px
    }

    .stock_products-swiper {
        margin-top: 40px;
        overflow: visible
    }

    .stock_products .slider-btn {
        top: calc(50% - 72px)
    }

    .stock_products .slider-btn.swiper-button-next {
        right: -16px
    }

    .stock_products .slider-btn.swiper-button-prev {
        left: -16px
    }

    .stock_products .stock_product-content {
        padding: 16px
    }
}

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

.category-hero__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    min-height: calc(100svh - 160px)
}

.category-hero-content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 80px
}

.category-hero-description {
    color: rgba(54, 84, 99, 0.6980392157)
}

.category-hero-description p {
    margin-top: 32px
}

.category-hero-description p strong {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

@media screen and (max-width:767px) {
    .category-hero-description p strong {
        font-size: 20px;
        line-height: 130%
    }
}

.category-hero-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #A9D0E0;
    height: 100%
}

.category-hero-image img {
    max-width: 100%;
    max-height: calc(100svh - 160px);
    min-height: 340px;
    width: auto
}

@media screen and (max-width:1023px) {
    .category-hero__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px
    }

    .category-hero .container-big {
        padding: 0 16px
    }

    .category-hero-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 64px 0 0
    }

    .category-hero-description p {
        margin-top: 24px
    }

    .category-hero-image {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .category-hero-image img {
        max-width: 100%;
        max-height: 100%;
        min-height: auto;
        width: auto
    }
}

.products-category {
    margin-top: 120px;
    padding-bottom: 120px
}

.products-category__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

.products-category-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    border-radius: 4px;
    background-color: #F3F6F7
}

.products-category-item-image {
    overflow: hidden;
    aspect-ratio: 414/308;
    -o-object-position: center;
    object-position: center
}

.products-category-item-image img {
    aspect-ratio: 414/308;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s
}

.products-category-item-content {
    padding: 14px 32px 32px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.products-category-item-content .button {
    margin-top: auto;
    width: 100%
}

.products-category-item-title {
    margin-bottom: 24px
}

.products-category-item:hover .products-category-item-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.products-category-item:hover .products-category-item-content .button {
    border-color: #18D8C7;
    background-color: rgba(24, 216, 199, 0.0980392157)
}

@media screen and (max-width:1023px) {
    .products-category {
        margin-top: 64px;
        padding-bottom: 80px
    }

    .products-category__wrapper {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .products-category-item-content {
        padding: 16px
    }
}

@media screen and (max-width:767px) {
    .products-category__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.technology-hero__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    min-height: calc(100svh - 160px)
}

.technology-hero-content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 80px
}

.technology-hero-description {
    color: rgba(54, 84, 99, 0.6980392157)
}

.technology-hero-description p {
    margin-top: 32px
}

.technology-hero-description p strong {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

@media screen and (max-width:767px) {
    .technology-hero-description p strong {
        font-size: 20px;
        line-height: 130%
    }
}

.technology-hero-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    background-color: #A9D0E0;
    padding: 0
}

@media screen and (max-width:1023px) {
    .technology-hero {
        padding-bottom: 80px
    }

    .technology-hero__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px
    }

    .technology-hero .container-big {
        padding: 0 16px
    }

    .technology-hero-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 64px 0 0
    }

    .technology-hero-description p {
        margin-top: 24px
    }

    .technology-hero-image {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }
}

.reports {
    padding: 60px 0;
    background-color: #365463;
    color: #fff
}

.reports .title {
    margin-bottom: 64px
}

.reports .--tabs-container__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
    gap: 14px
}

.reports .--tabs-container__menu .--tabs-container__menu-item.-active {
    color: #1B2429;
    background-color: #18D8C7;
    border-color: #18D8C7;
    pointer-events: none
}

.reports .--tabs-container__item {
    overflow: hidden;
    border: 1px solid #587584;
    border-radius: 4px
}

.reports-table {
    width: 100%;
    border-collapse: collapse;
    background-color: rgba(255, 255, 255, 0.0470588235)
}

.reports-table tr {
    border-top: 1px solid #587584;
    border-bottom: 1px solid #587584
}

.reports-table tr:first-child {
    border-top: none
}

.reports-table tr:last-child {
    border-bottom: none
}

.reports-table td,
.reports-table th {
    border-right: 1px solid #587584
}

.reports-table td:last-child,
.reports-table th:last-child {
    border-right: none
}

.reports-table thead {
    text-align: left
}

.reports-table thead tr {
    height: 38px;
    border-bottom: 1px solid #587584 !important
}

.reports-table thead tr th {
    padding: 0 16px
}

.reports-table tbody td {
    height: 64px;
    padding: 0 16px
}

.reports-table tbody td:last-child {
    padding: 0
}

.reports-table tbody td:last-child a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s
}

.reports-table tbody td:last-child a img {
    max-width: 24px;
    aspect-ratio: 1/1;
    -webkit-transition: -webkit-filter 0.4s;
    transition: -webkit-filter 0.4s;
    transition: filter 0.4s;
    transition: filter 0.4s, -webkit-filter 0.4s
}

.reports-table tbody td:last-child a:hover {
    background-color: #18D8C7
}

.reports-table tbody td:last-child a:hover img {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

@media screen and (max-width:1023px) {
    .reports {
        padding: 80px 0
    }

    .reports .title {
        margin-bottom: 32px
    }

    .reports .--tabs-container__menu {
        margin-bottom: 32px
    }

    .reports-table thead tr {
        height: 40px
    }

    .reports-table thead tr th {
        padding: 0 8px
    }

    .reports-table tbody tr td {
        height: 40px;
        padding: 0 8px
    }
}

@media screen and (max-width:767px) {
    .reports .--tabs-container__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .reports-table thead tr {
        height: 40px
    }

    .reports-table thead tr th {
        padding: 0 8px;
        display: none
    }

    .reports-table thead tr th:last-child,
    .reports-table thead tr th:nth-child(2),
    .reports-table thead tr th:nth-child(6) {
        display: table-cell
    }

    .reports-table tbody tr td {
        height: 40px;
        padding: 0 8px;
        display: none
    }

    .reports-table tbody tr td:last-child,
    .reports-table tbody tr td:nth-child(2),
    .reports-table tbody tr td:nth-child(6) {
        display: table-cell
    }
}

.technology-info {
    background-color: #F3F6F7
}

.technology-info__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr)
}

.technology-info-content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 80px
}

.technology-info-description {
    color: rgba(54, 84, 99, 0.6980392157);
    margin-top: 32px;
    max-width: 588px
}

.technology-info-description p strong {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

@media screen and (max-width:767px) {
    .technology-info-description p strong {
        font-size: 20px;
        line-height: 130%
    }
}

.technology-info-description p+p {
    margin-top: 32px
}

.technology-info-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    background-color: #A9D0E0;
    padding: 45px 90px
}

@media screen and (max-width:1023px) {
    .technology-info {
        padding-bottom: 80px
    }

    .technology-info__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px
    }

    .technology-info .container-big {
        padding: 0 16px
    }

    .technology-info-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 80px 0 0
    }

    .technology-info-description p {
        margin-top: 24px
    }

    .technology-info-image {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 12px 52px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.disclaimer {
    padding: 60px 0;
    background-color: #F3F6F7
}

.disclaimer__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr)
}

.disclaimer-title {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    padding-left: 80px
}

.disclaimer-content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding-right: 80px
}

.disclaimer-content__wrapper {
    padding: 24px 32px 32px;
    background-color: #fff;
    border-radius: 4px
}

.disclaimer-content-title {
    margin-bottom: 16px
}

@media screen and (max-width:1023px) {
    .disclaimer {
        padding: 64px 0 80px
    }

    .disclaimer__wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px
    }

    .disclaimer .container-big {
        padding: 0 16px
    }

    .disclaimer-title {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding-left: 0;
        text-align: center
    }

    .disclaimer-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding-right: 0
    }

    .disclaimer-content__wrapper {
        padding: 16px;
        border-radius: 4px
    }
}

.industries__wrapper {
    padding: 64px 0 120px
}

.industries__wrapper .title {
    text-align: center;
    margin-bottom: 64px
}

.industries-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

.industries-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F3F6F7;
    border-radius: 4px;
    overflow: hidden
}

.industries-item-content {
    padding: 40px 80px
}

.industries-item-title {
    margin-bottom: 16px
}

.industries-item-description {
    margin-bottom: 32px;
    color: rgba(54, 84, 99, 0.6980392157)
}

.industries-item .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.industries-item-image {
    height: 100%
}

.industries-item-image img {
    aspect-ratio: 640/440;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 100%
}

.industries-item:nth-child(2n) .industries-item-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media screen and (max-width:1023px) {
    .industries__wrapper {
        padding: 64px 0 80px
    }

    .industries__wrapper .title {
        margin-bottom: 40px
    }

    .industries-container {
        gap: 16px
    }

    .industries-item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .industries-item-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 16px
    }

    .industries-item .button {
        width: 100%
    }

    .industries-item-image img {
        aspect-ratio: 358/246
    }
}

.industry-hero__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 130px 80px;
    min-height: calc(100svh - 160px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.industry-hero-title {
    color: #fff;
    margin-bottom: 48px;
    max-width: 700px
}

.industry-hero .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width:1023px) {
    .industry-hero__wrapper {
        padding: 96px 16px;
        min-height: auto
    }

    .industry-hero-title {
        margin-bottom: 32px;
        max-width: 700px
    }
}

@media screen and (max-width:767px) {
    .industry-hero-title {
        max-width: 340px
    }
}

.what-can-optoman {
    padding: 120px 0
}

.what-can-optoman .section-title {
    text-align: center;
    margin-bottom: 24px
}

.what-can-optoman .section-description {
    text-align: center;
    color: rgba(54, 84, 99, 0.6980392157)
}

.what-can-optoman-swiper {
    margin-top: 64px;
    position: relative;
    overflow: hidden
}

.what-can-optoman-swiper-container {
    position: relative
}

.what-can-optoman-swiper .swiper-slide {
    height: auto
}

.what-can-optoman .slider-btn {
    top: calc(50% - 72px)
}

.what-can-optoman .slider-btn.swiper-button-next {
    right: -32px
}

.what-can-optoman .slider-btn.swiper-button-prev {
    left: -32px
}

.what-can-optoman-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #F3F6F7;
    border-radius: 4px;
    height: 100%;
    overflow: hidden
}

.what-can-optoman-card-img {
    aspect-ratio: 416/308;
    overflow: hidden
}

.what-can-optoman-card-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s
}

.what-can-optoman-card-content {
    padding: 24px 32px 32px
}

.what-can-optoman-card-title {
    margin-bottom: 16px
}

@media screen and (max-width:1023px) {
    .what-can-optoman {
        padding: 80px 0
    }

    .what-can-optoman .section-title {
        text-align: start
    }

    .what-can-optoman .section-description {
        text-align: start
    }

    .what-can-optoman-swiper {
        margin-top: 40px
    }

    .what-can-optoman .slider-btn {
        top: calc(50% - 52px)
    }

    .what-can-optoman .slider-btn.swiper-button-next {
        right: -16px
    }

    .what-can-optoman .slider-btn.swiper-button-prev {
        left: -16px
    }

    .what-can-optoman-card-img {
        aspect-ratio: 358/308
    }

    .what-can-optoman-card-content {
        padding: 16px
    }
}

@media screen and (max-width:767px) {
    .what-can-optoman .slider-btn {
        display: none
    }
}

.capabilities {
    padding: 60px 0;
    background-color: #365463;
    color: #fff
}

.capabilities .section-title {
    text-align: center
}

.capabilities-swiper {
    margin-top: 64px;
    position: relative;
    overflow: hidden
}

.capabilities-swiper-container {
    position: relative
}

.capabilities-swiper .swiper-slide {
    height: auto
}

.capabilities .slider-btn {
    top: calc(50% - 72px)
}

.capabilities .slider-btn.swiper-button-next {
    right: -32px
}

.capabilities .slider-btn.swiper-button-prev {
    left: -32px
}

.capabilities-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.0980392157);
    border-radius: 4px;
    height: 100%;
    padding: 32px
}

.capabilities-card-icon {
    aspect-ratio: 1/1;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #A9D0E0;
    margin-bottom: 32px
}

.capabilities-card-icon img {
    max-width: 32px;
    aspect-ratio: 1/1
}

.capabilities-card-title {
    margin-bottom: 16px
}

.capabilities-card-description {
    color: rgba(255, 255, 255, 0.8)
}

.capabilities-card-description a {
    color: #18D8C7;
    text-decoration: underline;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}

.capabilities-card-description a:hover {
    opacity: 0.7
}

@media screen and (max-width:1023px) {
    .capabilities {
        padding: 80px 0
    }

    .capabilities-swiper {
        margin-top: 40px
    }

    .capabilities .slider-btn {
        top: calc(50% - 52px)
    }

    .capabilities .slider-btn.swiper-button-next {
        right: -16px
    }

    .capabilities .slider-btn.swiper-button-prev {
        left: -16px
    }

    .capabilities-card {
        padding: 16px
    }

    .capabilities-card-icon {
        height: 64px;
        width: 64px;
        margin-bottom: 24px
    }

    .capabilities-card-icon img {
        max-width: 24px
    }
}

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

.application-products {
    padding: 120px 0 0
}

.application-products .title {
    margin-bottom: 64px
}

.application-products .--tabs-container__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 40px
}

.application-products .--tabs-container__menu .--tabs-container__menu-item.-active {
    border-color: #18D8C7;
    background-color: #18D8C7
}

.application-products .--tabs-container__item .item {
    background-color: #F3F6F7;
    border-radius: 4px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 120px
}

.application-products .--tabs-container__item .item .image {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    aspect-ratio: 1/1;
    width: 100%;
    height: 100%
}

.application-products .--tabs-container__item .item .image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.application-products-content {
    -ms-grid-column-span: 8;
    grid-column: span 8;
    padding: 40px 80px
}

.application-products-content b,
.application-products-content strong {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%
}

@media screen and (max-width:767px) {

    .application-products-content b,
    .application-products-content strong {
        font-size: 20px
    }
}

.application-products-content ul {
    margin-top: 24px;
    padding-left: 16px
}

.application-products-content ul li {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: rgba(54, 84, 99, 0.6980392157);
    list-style: disc
}

@media screen and (max-width:767px) {
    .application-products-content ul li {
        font-size: 16px
    }
}

.application-products-content ul li::marker {
    color: #18D8C7
}

.application-products-content ul li+li {
    margin-top: 8px
}

@media screen and (max-width:1023px) {
    .application-products {
        padding: 64px 0 0px
    }

    .application-products .title {
        margin-bottom: 24px
    }

    .application-products .--tabs-container__item .item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .application-products .--tabs-container__item .item .image {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .application-products-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 16px
    }

    .application-products-content ul {
        margin-top: 15px
    }
}

@media screen and (max-width:1023px) {
    .application-products .--tabs-container__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.design-example {
    background-color: #F3F6F7
}

.design-example__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr)
}

.design-example:nth-child(odd) .design-example__wrapper {
    grid-auto-flow: dense
}

.design-example:nth-child(odd) .design-example-content {
    -ms-grid-column: 6;
    -ms-grid-column-span: 7;
    grid-column: 6/13
}

.design-example:nth-child(odd) .design-example-image {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1/6
}

.design-example-content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 80px
}

.design-example-content .title {
    margin-bottom: 16px
}

.design-example-content .description {
    margin-bottom: 48px
}

.design-example-content .table-title {
    margin-bottom: 16px
}

.design-example-content table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.design-example-content table tr {
    border-bottom: 1px solid #D4DEE3;
    height: 38px
}

.design-example-content table tr:last-child {
    border-bottom: none
}

.design-example-content table tr th {
    text-align: start
}

.design-example-content table tr td {
    text-align: end
}

.design-example-content table+.table-title,
.design-example-content table+table {
    margin-top: 48px
}

.design-example-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    padding: 60px;
    background-color: #A9D0E0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.design-example-image-description {
    margin-top: 24px
}

@media screen and (max-width:1023px) {
    .design-example {
        padding: 64px 0 80px
    }

    .design-example__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px
    }

    .design-example:nth-child(odd) .design-example__wrapper {
        grid-auto-flow: dense
    }

    .design-example:nth-child(odd) .design-example-content {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .design-example:nth-child(odd) .design-example-image {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .design-example .container-big {
        padding: 0 16px
    }

    .design-example-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 0
    }

    .design-example-content .description {
        margin-bottom: 40px
    }

    .design-example-content table tr {
        height: 36px
    }

    .design-example-content table+.table-title,
    .design-example-content table+table {
        margin-top: 40px
    }

    .design-example-image {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 37px
    }

    .design-example-image-description {
        margin-top: 16px
    }
}

.certifications {
    padding: 120px 0
}

.certifications__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px
}

.certifications-container {
    max-width: 632px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.certifications-item {
    background-color: #F3F6F7;
    border-radius: 4px;
    aspect-ratio: 1/1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:1023px) {
    .certifications {
        padding: 64px 0 80px
    }

    .certifications .title {
        text-align: center
    }

    .certifications__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px
    }

    .certifications-container {
        max-width: 100%;
        -ms-grid-columns: 1fr 8px 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 8px
    }
}

.industry-about__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(12, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px
}

.industry-about-items {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 120px 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.industry-about-item {
    padding: 16px;
    border-radius: 4px;
    background-color: #F3F6F7
}

.industry-about-item .icon {
    width: 64px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #A9D0E0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px
}

.industry-about-item .icon img {
    width: 24px;
    aspect-ratio: 1/1
}

.industry-about .image {
    height: 100%;
    -ms-grid-column-span: 5;
    grid-column: span 5;
    background-color: #A9D0E0;
    padding: 0 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:1023px) {
    .industry-about {
        padding: 80px 0
    }

    .industry-about .container-big {
        padding: 0 16px
    }

    .industry-about__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .industry-about-items {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 0
    }

    .industry-about-item .icon {
        width: 56px
    }

    .industry-about-item .icon img {
        width: 20px
    }

    .industry-about .image {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 0 40px
    }
}

.contact_optoman {
    padding: 160px 0
}

.contact_optoman .title {
    margin-bottom: 64px
}

.contact_optoman-card {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F3F6F7
}

.contact_optoman-image {
    height: 100%;
    -ms-grid-column-span: 4;
    grid-column: span 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #A9D0E0;
    aspect-ratio: 1/1
}

.contact_optoman-info {
    padding: 80px;
    -ms-grid-column-span: 8;
    grid-column: span 8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contact_optoman-info .name {
    margin-bottom: 16px
}

.contact_optoman-info .profession {
    margin-bottom: 40px
}

.contact_optoman-info .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

@media screen and (max-width:1023px) {
    .contact_optoman {
        padding: 80px 0
    }

    .contact_optoman .title {
        margin-bottom: 40px
    }

    .contact_optoman-card {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .contact_optoman-image {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .contact_optoman-info {
        padding: 16px;
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .contact_optoman-info .profession {
        margin-bottom: 32px
    }

    .contact_optoman-info .buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }
}

.metrology-hero__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    min-height: calc(100svh - 160px)
}

.metrology-hero-content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 80px
}

.metrology-hero-description {
    color: rgba(54, 84, 99, 0.6980392157)
}

.metrology-hero-description p {
    margin-top: 32px
}

.metrology-hero-description p strong {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

@media screen and (max-width:767px) {
    .metrology-hero-description p strong {
        font-size: 20px;
        line-height: 130%
    }
}

.metrology-hero-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    background-color: #A9D0E0;
    padding: 0
}

.metrology-hero-image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

@media screen and (max-width:1023px) {
    .metrology-hero {
        padding-bottom: 80px
    }

    .metrology-hero__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px
    }

    .metrology-hero .container-big {
        padding: 0 16px
    }

    .metrology-hero-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 64px 0 0
    }

    .metrology-hero-description p {
        margin-top: 24px
    }

    .metrology-hero-image {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }
}

.metrology-tab-section {
    padding: 60px 0 64px
}

.metrology-tab-section:last-child {
    padding-bottom: 120px
}

.metrology-tab-section .description {
    margin-top: 24px;
    color: rgba(54, 84, 99, 0.6980392157)
}

.metrology-tab-section .--tabs-container__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 14px;
    margin: 64px 0 56px
}

.metrology-tab-section .--tabs-container__menu .--tabs-container__menu-item.-active {
    color: #1B2429;
    background-color: #18D8C7;
    border-color: #18D8C7;
    pointer-events: none
}

.metrology-tab-section .--tabs-container__item {
    border-radius: 4px;
    background-color: #F3F6F7;
    overflow: hidden;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.metrology-tab-section .--tabs-container__item .metrology-slide-info {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 80px
}

.metrology-tab-section .--tabs-container__item .metrology-slide-info .description ul {
    padding-left: 24px
}

.metrology-tab-section .--tabs-container__item .metrology-slide-info .description ul li {
    list-style: disc;
    color: rgba(54, 84, 99, 0.6980392157)
}

.metrology-tab-section .--tabs-container__item .metrology-slide-info .description ul li::marker {
    color: #18D8C7
}

.metrology-tab-section .--tabs-container__item .metrology-slide-image {
    position: relative;
    -ms-grid-column-span: 5;
    grid-column: span 5;
    height: 100%;
    width: 100%;
    aspect-ratio: 563/440
}

.metrology-tab-section .--tabs-container__item .metrology-slide-image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.metrology-tab-section .--tabs-container__item .metrology-slide-image-description {
    position: absolute;
    bottom: 16px;
    right: 16px;
    max-width: 100%
}

.metrology-tab-section .--tabs-container__item .metrology-slide-image-description.-light {
    color: #fff
}

@media screen and (max-width:1023px) {
    .metrology-tab-section {
        padding: 64px 0 80px
    }

    .metrology-tab-section:last-child {
        padding-bottom: 80px
    }

    .metrology-tab-section .description {
        margin-top: 16px
    }

    .metrology-tab-section .--tabs-container__menu {
        margin: 24px 0 40px
    }

    .metrology-tab-section .--tabs-container__item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .metrology-tab-section .--tabs-container__item .metrology-slide-info {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 16px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .metrology-tab-section .--tabs-container__item .metrology-slide-image {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        aspect-ratio: 358/280
    }

    .metrology-tab-section .--tabs-container__item .metrology-slide-image-description {
        bottom: 12px;
        right: 12px
    }
}

@media screen and (max-width:767px) {
    .metrology-tab-section .--tabs-container__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.whitepapers {
    overflow: hidden
}

.whitepapers__wrapper {
    padding: 64px 0 0
}

.whitepapers .title-section {
    text-align: center;
    max-width: 1300px;
    margin: 0 auto
}

.whitepapers .categories-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 0 120px
}

.whitepapers .categories-filters .button.-active {
    background-color: #18D8C7;
    color: #1B2429;
    border-color: #18D8C7
}

.whitepapers .whitepaper-item {
    background-color: #F3F6F7;
    -webkit-animation: fadeUp 1s ease-in-out;
    animation: fadeUp 1s ease-in-out
}

.whitepapers .whitepaper-item__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.whitepapers .whitepaper-item-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    background-color: #A9D0E0;
    height: 100%
}

.whitepapers .whitepaper-item-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.whitepapers .whitepaper-item-info {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 120px 80px
}

.whitepapers .whitepaper-item-info .title {
    margin-bottom: 32px
}

.whitepapers .whitepaper-item-info .excerpt {
    margin-bottom: 48px;
    color: rgba(54, 84, 99, 0.6980392157)
}

.whitepapers .whitepaper-item-info .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.whitepapers .whitepaper-item:nth-child(odd) {
    background-color: #365463;
    color: #fff
}

.whitepapers .whitepaper-item:nth-child(odd) .whitepaper-item-image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.whitepapers .whitepaper-item:nth-child(odd) .whitepaper-item-info .excerpt {
    color: rgba(255, 255, 255, 0.8)
}

@-webkit-keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

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

@keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

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

@media screen and (max-width:1023px) {
    .whitepapers .container-big {
        padding: 0 16px
    }

    .whitepapers .title-section {
        text-align: left
    }

    .whitepapers .categories-filters {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin: 24px 0 40px
    }

    .whitepapers .whitepaper-item {
        padding: 64px 0 80px
    }

    .whitepapers .whitepaper-item__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px
    }

    .whitepapers .whitepaper-item-image {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        aspect-ratio: 358/392
    }

    .whitepapers .whitepaper-item-info {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 0
    }

    .whitepapers .whitepaper-item-info .title {
        margin-bottom: 24px
    }

    .whitepapers .whitepaper-item-info .excerpt {
        margin-bottom: 24px
    }
}

@media screen and (max-width:767px) {
    .whitepapers .categories-filters {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.representatives {
    overflow: hidden
}

.representatives__wrapper {
    padding: 60px 0 60px
}

.representatives .title-section {
    text-align: center;
    max-width: 1300px;
    margin: 0 auto
}

.representatives .categories-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 0 40px
}

.representatives .categories-filters .button.-active {
    background-color: #18D8C7;
    color: #1B2429;
    border-color: #18D8C7;
    pointer-events: none
}

.representatives .representative-item {
    background-color: #F3F6F7;
    -webkit-animation: fadeUp 1s ease-in-out;
    animation: fadeUp 1s ease-in-out
}

.representatives .representative-item__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr)
}

.representatives .representative-item-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    background-color: #EFEFEF;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 440px;
    width: 100%;
    aspect-ratio: 564/440
}

.representatives .representative-item-image img {
    height: auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.representatives .representative-item-info {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 40px 80px
}

.representatives .representative-item-info .logo {
    margin-bottom: 40px;
    max-height: 74px;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 2px
}

.representatives .representative-item-info .logo img {
    max-height: 70px;
    height: 100%;
    width: auto
}

.representatives .representative-item-info .title {
    margin-bottom: 16px
}

.representatives .representative-item-info .content {
    color: rgba(54, 84, 99, 0.6980392157)
}

.representatives-list.-loading {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.representatives-list.-many {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 0
}

.representatives-list.-many .representative-item__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

.representatives-list.-many .representative-item-image {
    aspect-ratio: 1280/440
}

.representatives-list.-many .representative-item-info {
    padding: 40px
}

.representatives-list.-many .representative-item:first-child {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

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

@media screen and (max-width:1023px) {
    .representatives__wrapper {
        padding: 64px 0 80px
    }

    .representatives .title-section {
        text-align: left
    }

    .representatives .categories-filters {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin: 24px 0 40px
    }

    .representatives .representative-item__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 0
    }

    .representatives .representative-item-image {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        aspect-ratio: 358/280
    }

    .representatives .representative-item-info {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 16px
    }

    .representatives .representative-item-info .logo {
        max-width: 94px;
        margin-bottom: 32px
    }

    .representatives .representative-item-info .title {
        margin-bottom: 16px
    }
}

@media screen and (max-width:767px) {
    .representatives .categories-filters {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.optics-title__wrapper {
    margin-bottom: 60px;
    padding-top: 64px;
    text-align: center
}
.optics-title__wrapper h1 *{
   font-weight: 700;
font-size: 72px;
line-height: 110%;
letter-spacing: -0.02em; 
}

@media screen and (max-width:1023px) {
    .optics-title__wrapper {
        margin-bottom: 64px;
        padding-top: 40px;
        text-align: start
    }
}

.story-line {
    background-color: #F3F6F7
}

.story-line-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr)
}

.story-line-item-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    background-color: #A9D0E0;
    aspect-ratio: 1/1
}

.story-line-item-row {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    position: relative
}

.story-line-item-row .row {
    height: 100%;
    background-color: #CDD6D9;
    width: 4px;
    margin: 0 auto
}

.story-line-item-row .row-fill {
    width: inherit;
    background-color: #18D8C7;
    border-radius: 0 0 2px 2px
}

.story-line-item-row .year {
    position: absolute;
    top: 15%;
    left: 50%;
    background-color: #F3F6F7;
    aspect-ratio: 1/1;
    width: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.story-line-item-row .year-inner {
    background-color: #CDD6D9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    aspect-ratio: 1/1;
    height: 48px;
    border-radius: 50%;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s
}

.story-line-item-row .year.-active .year-inner {
    background-color: #18D8C7
}

.story-line-item-info {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 60px 80px 60px 0
}

.story-line-item-info .title {
    margin-bottom: 32px
}

.story-line-item-info .description {
    color: rgba(54, 84, 99, 0.6980392157)
}

.story-line-item:first-child .story-line-item-row {
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(30, 28, 28, 0)), color-stop(0, #1e1c1c), color-stop(85%, #1e1c1c), to(rgba(30, 28, 28, 0)));
    -webkit-mask-image: linear-gradient(0deg, rgba(30, 28, 28, 0), #1e1c1c 0, #1e1c1c 85%, rgba(30, 28, 28, 0));
    mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(30, 28, 28, 0)), color-stop(0, #1e1c1c), color-stop(85%, #1e1c1c), to(rgba(30, 28, 28, 0)));
    mask-image: linear-gradient(0deg, rgba(30, 28, 28, 0), #1e1c1c 0, #1e1c1c 85%, rgba(30, 28, 28, 0))
}

.story-line-item:last-child .story-line-item-row {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 28, 28, 0)), color-stop(0, #1e1c1c), color-stop(85%, #1e1c1c), to(rgba(30, 28, 28, 0)));
    -webkit-mask-image: linear-gradient(180deg, rgba(30, 28, 28, 0), #1e1c1c 0, #1e1c1c 85%, rgba(30, 28, 28, 0));
    mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 28, 28, 0)), color-stop(0, #1e1c1c), color-stop(85%, #1e1c1c), to(rgba(30, 28, 28, 0)));
    mask-image: linear-gradient(180deg, rgba(30, 28, 28, 0), #1e1c1c 0, #1e1c1c 85%, rgba(30, 28, 28, 0))
}

.story-line-item:nth-child(2n) .story-line-item-image {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.story-line-item:nth-child(2n) .story-line-item-row {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}
.description p:last-child{
    margin-bottom: 0;
}

.story-line-item:nth-child(2n) .story-line-item-info {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 60px 0 60px 80px
}

@media screen and (max-width:1023px) {
    .story-line-item {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
        background-color: #F3F6F7
    }

    .story-line-item-image {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 4;
        grid-area: 2/2/3/6;
        margin-bottom: 16px;
        margin-right: 16px
    }

    .story-line-item-row {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: 1/1/3/2
    }

    .story-line-item-row .year {
        top: 10%;
        width: 56px
    }

    .story-line-item-row .year-inner {
        height: 32px;
        font-size: 10px
    }

    .story-line-item-info {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 4;
        grid-area: 1/2/2/6;
        padding: 80px 16px 40px 0
    }

    .story-line-item-info .title {
        margin-bottom: 24px
    }

    .story-line-item:first-child .story-line-item-row {
        -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(30, 28, 28, 0)), color-stop(0, #1e1c1c), color-stop(85%, #1e1c1c), to(rgba(30, 28, 28, 0)));
        -webkit-mask-image: linear-gradient(0deg, rgba(30, 28, 28, 0), #1e1c1c 0, #1e1c1c 85%, rgba(30, 28, 28, 0));
        mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(30, 28, 28, 0)), color-stop(0, #1e1c1c), color-stop(85%, #1e1c1c), to(rgba(30, 28, 28, 0)));
        mask-image: linear-gradient(0deg, rgba(30, 28, 28, 0), #1e1c1c 0, #1e1c1c 85%, rgba(30, 28, 28, 0))
    }

    .story-line-item:last-child .story-line-item-row {
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 28, 28, 0)), color-stop(0, #1e1c1c), color-stop(85%, #1e1c1c), to(rgba(30, 28, 28, 0)));
        -webkit-mask-image: linear-gradient(180deg, rgba(30, 28, 28, 0), #1e1c1c 0, #1e1c1c 85%, rgba(30, 28, 28, 0));
        mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 28, 28, 0)), color-stop(0, #1e1c1c), color-stop(85%, #1e1c1c), to(rgba(30, 28, 28, 0)));
        mask-image: linear-gradient(180deg, rgba(30, 28, 28, 0), #1e1c1c 0, #1e1c1c 85%, rgba(30, 28, 28, 0))
    }

    .story-line-item:last-child .story-line-item-image {
        margin-bottom: 80px
    }

    .story-line-item:nth-child(2n) .story-line-item-info {
        padding: 80px 16px 40px 0
    }
}

.offer-section {
    background-color: #365463;
    color: #fff;
    padding: 120px 0
}

.offer-section__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

.offer-section .section-description {
    color: rgba(255, 255, 255, 0.8);
    max-width: 998px;
    margin: 24px 0 64px
}

.offer-section .offer-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.0980392157);
    border-radius: 4px;
    height: 100%;
    padding: 32px
}

.offer-section .offer-item-icon {
    aspect-ratio: 1/1;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #A9D0E0;
    margin-bottom: 32px
}

.offer-section .offer-item-icon img {
    max-width: 32px;
    aspect-ratio: 1/1
}

.offer-section .offer-item .title {
    margin-bottom: 16px
}

.offer-section .offer-item .description {
    color: rgba(255, 255, 255, 0.8)
}

.offer-section .offer-item .description a {
    color: #18D8C7;
    text-decoration: underline;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}

.offer-section .offer-item .description a:hover {
    opacity: 0.7
}

@media screen and (max-width:1023px) {
    .offer-section {
        padding: 80px 0
    }

    .offer-section__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .offer-section .section-description {
        margin: 24px 0 40px
    }

    .offer-section .offer-item {
        padding: 16px
    }

    .offer-section .offer-item-icon {
        height: 64px;
        width: 64px;
        margin-bottom: 24px
    }

    .offer-section .offer-item-icon img {
        max-width: 24px
    }
}

.application_optimised {
    padding: 60px 0
}
.application_optimised .section-title{

}
.application_optimised-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    background-color: #F3F6F7;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.application_optimised-item-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    aspect-ratio: 564/440;
    width: 100%;
    height: 100%
}

.application_optimised-item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.application_optimised-item-info {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 40px 80px
}

.application_optimised-item-info .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 32px;
    margin-top: 40px
}

.application_optimised-item-info .description {
    margin-top: 32px
}

.application_optimised-item+.application_optimised-item {
    margin-top: 24px
}

.application_optimised-item:nth-child(2n) .application_optimised-item-image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media screen and (max-width:1023px) {
    .application_optimised {
        padding: 64px 0 60px
    }

    .application_optimised-item {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .application_optimised-item-image {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        aspect-ratio: 358/280
    }

    .application_optimised-item-info {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 16px
    }

    .application_optimised-item-info .button {
        width: 100%;
        margin-top: 32px
    }

    .application_optimised-item-info .description {
        margin-top: 16px
    }

    .application_optimised-item+.application_optimised-item {
        margin-top: 16px
    }

    .application_optimised-item:nth-child(2n) .application_optimised-item-image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .application_optimised-item:nth-child(2n) .application_optimised-item-info {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.certificate-hero__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 130px 80px;
    min-height: calc(100svh - 160px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.certificate-hero-title {
    color: #fff;
    margin-bottom: 48px;
    max-width: 700px
}

@media screen and (max-width:1023px) {
    .certificate-hero__wrapper {
        padding: 160px 16px;
        min-height: auto
    }

    .certificate-hero-title {
        margin-bottom: 32px;
        max-width: 700px
    }
}

@media screen and (max-width:767px) {
    .certificate-hero-title {
        max-width: 340px
    }
}

.certificate-list {
    padding: 120px 0 80px
}

.certificate-list .section-title {
    text-align: center;
    margin-bottom: 24px
}

.certificate-list .section-description {
    text-align: center;
    margin-bottom: 64px
}

.certificate-list-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    background-color: #F3F6F7;
    overflow: hidden;
    border-radius: 4px
}

.certificate-list-item-image {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    aspect-ratio: 1/1;
    overflow: hidden
}

.certificate-list-item-image img {
    -o-object-position: center;
    object-position: center
}

.certificate-list-item-title {
    margin-bottom: 16px
}

.certificate-list-item-description {
    color: rgba(54, 84, 99, 0.6980392157)
}

.certificate-list-item-content {
    -ms-grid-column-span: 8;
    grid-column: span 8;
    padding: 40px 80px
}

.certificate-list-item-content .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    margin-top: 32px
}

.certificate-list-item-content .buttons .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.certificate-list-item:nth-child(2n) .certificate-list-item-image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.certificate-list-item+.certificate-list-item {
    margin-top: 24px
}

@media screen and (max-width:1023px) {
    .certificate-list {
        padding: 64px 0 80px
    }

    .certificate-list .section-title {
        text-align: start
    }

    .certificate-list .section-description {
        text-align: start;
        margin-bottom: 40px
    }

    .certificate-list-item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .certificate-list-item-image {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        aspect-ratio: 358/240
    }

    .certificate-list-item-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 16px
    }

    .certificate-list-item-content .buttons .button {
        width: 100%
    }

    .certificate-list-item:nth-child(2n) .certificate-list-item-image {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .certificate-list-item+.certificate-list-item {
        margin-top: 16px
    }
}

.job-hero {
    background-color: #365463;
    color: #fff;
    overflow: hidden
}

.job-hero__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr)
}

.job-hero-content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 100px 0px 100px 80px
}

.job-hero-content .categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin-bottom: 24px
}

.job-hero-content .title {
    margin-bottom: 24px
}

.job-hero-content .description {
    margin-bottom: 48px;
    max-width: 375px;
    color: rgba(255, 255, 255, 0.8)
}

.job-hero-content .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px
}

.job-hero-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:1199px) {
    .job-hero-content {
        padding: 100px 20px
    }
}

@media screen and (max-width:1023px) {
    .job-hero .container-big {
        padding: 0 16px
    }

    .job-hero__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px;
        padding-top: 64px
    }

    .job-hero-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 0
    }

    .job-hero-content .description {
        margin-bottom: 24px
    }

    .job-hero-content .buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .job-hero-image {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }
}

.category-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.0980392157);
    padding: 0 12px;
    border-radius: 40px;
    text-transform: capitalize
}

.job-content {
    padding: 48px 0 80px
}

@media screen and (max-width:1023px) {
    .job-content {
        padding: 32px 0 80px
    }
}

.career-hero__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 64px
}

.career-hero .title {
    text-align: center;
    margin-bottom: 24px
}

.career-hero .description {
    text-align: center;
    color: rgba(54, 84, 99, 0.6980392157)
}

.career-hero .buttons {
    margin-top: 48px;
    margin-bottom: 64px
}

.career-hero-image {
    padding: 40px 85px
}

@media screen and (max-width:1023px) {
    .career-hero .buttons {
        margin-top: 24px;
        margin-bottom: 40px
    }

    .career-hero-image {
        margin: 0 -16px;
        padding: 22px 0;
        aspect-ratio: 602/677
    }

    .career-hero-image img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%
    }
}

@media screen and (max-width:767px) {
    .career-hero .buttons {
        width: 100%
    }
}

.career-list {
    background-color: #365463;
    color: #fff;
    padding: 120px 0
}

.career-list .section-title {
    text-align: center;
    margin-bottom: 64px
}

.career-list__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.career-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.0980392157);
    padding: 32px;
    border-radius: 4px
}

.career-list-item-description {
    margin-top: 16px;
    color: rgba(255, 255, 255, 0.8)
}

.career-list-item .categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin: 24px 0 40px
}

.career-list-item .button {
    margin-top: auto
}

@media screen and (max-width:1023px) {
    .career-list {
        padding: 80px 0
    }

    .career-list .section-title {
        margin-bottom: 40px
    }

    .career-list__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .career-list-item {
        padding: 16px
    }

    .career-list-item .categories {
        margin: 16px 0 32px
    }

    .career-list-item .button {
        margin-top: auto
    }
}

@media screen and (max-width:767px) {
    .career-list .section-title {
        text-align: start
    }
}

.superhero-hero__wrapper {
    padding: 64px 0
}

.superhero-hero__wrapper .image {
    max-width: 800px;
    margin: 0 auto
}

.superhero-hero .title {
    text-align: center;
    margin-bottom: 40px
}

@media screen and (max-width:1023px) {
    .superhero-hero .container-big {
        padding: 0 16px
    }
}

.superhero-about {
    background-color: #F3F6F7
}

.superhero-about__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    overflow: hidden
}

.superhero-about-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    background-color: #A9D0E0
}

.superhero-about-image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.superhero-about-content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 120px 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.superhero-about-content .title {
    margin-bottom: 32px
}

.superhero-about-content .content {
    max-width: 588px
}

@media screen and (max-width:1023px) {
    .superhero-about__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 80px 0;
        gap: 40px
    }

    .superhero-about .container-big {
        padding: 0 16px
    }

    .superhero-about-image {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        aspect-ratio: 358/392;
        overflow: hidden;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .superhero-about-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 0
    }

    .superhero-about-content .title {
        margin-bottom: 24px
    }

    .superhero-about-content .content {
        max-width: 588px
    }
}

.heroes {
    background-color: #365463;
    color: #fff
}

.heroes__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    overflow: hidden
}

.heroes-content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.heroes-content .title {
    margin-bottom: 16px
}

.heroes-content .description {
    margin-bottom: 24px
}

.heroes-content .text {
    margin-bottom: 32px;
    color: rgba(255, 255, 255, 0.8)
}

.heroes-content .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.heroes-content-swiper {
    overflow: hidden;
    margin-bottom: 80px
}

.heroes-content .swiper-navigation {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.heroes-content .swiper-navigation .slider-btn {
    position: static
}

.heroes-content .swiper-navigation .swiper-pagination {
    margin: 0
}

.heroes-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    background-color: #A9D0E0
}

.heroes-image-swiper {
    overflow: hidden
}

@media screen and (max-width:1023px) {
    .heroes {
        padding: 80px 0
    }

    .heroes__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 24px
    }

    .heroes .container-big {
        padding: 0 16px
    }

    .heroes-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 0
    }

    .heroes-content .title {
        margin-bottom: 8px
    }

    .heroes-content .description {
        margin-bottom: 16px
    }

    .heroes-content .button {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .heroes-content-swiper {
        overflow: hidden;
        margin-bottom: 40px
    }

    .heroes-content .swiper-navigation {
        margin: auto auto 0
    }

    .heroes-image {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .heroes-image img {
        margin: 0 auto;
        max-width: 500px
    }
}

@media screen and (max-width:767px) {
    .heroes-content .button {
        width: 100%
    }
}

.partners {
    padding: 160px 0 120px
}

.partners .section-title {
    text-align: center;
    margin-bottom: 64px
}

.partners__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 80px
}

.partners-item {
    max-height: 48px
}

.partners-item img {
    max-height: inherit;
    height: 100%;
    width: auto
}

@media screen and (max-width:1023px) {
    .partners {
        padding: 80px 0
    }

    .partners__wrapper {
        gap: 45px
    }

    .partners-item {
        max-height: 32px
    }
}

.superhero-resources {
    padding: 64px 0 120px
}

.superhero-resources__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.superhero-resources-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    background-color: #F3F6F7
}

.superhero-resources-item-image {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    padding: 42px 92px
}

.superhero-resources-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-grid-column-span: 8;
    grid-column: span 8;
    padding: 40px 80px
}

.superhero-resources-item-content .title {
    margin-bottom: 16px
}

.superhero-resources-item-content .except {
    margin-bottom: 32px;
    color: rgba(54, 84, 99, 0.6980392157)
}

.superhero-resources-item-content .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width:1023px) {
    .superhero-resources {
        padding: 64px 0 80px
    }

    .superhero-resources__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }

    .superhero-resources-item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .superhero-resources-item-image {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 35px 75px
    }

    .superhero-resources-item-image img {
        max-width: 400px;
        margin: 0 auto
    }

    .superhero-resources-item-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 16px
    }
}

@media screen and (max-width:767px) {
    .superhero-resources-item-content .button {
        width: 100%
    }
}

.project-hero {
    background-color: #365463;
    color: #fff
}

.project-hero__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr)
}

.project-hero-content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 80px
}

.project-hero-content .description {
    margin-top: 32px;
    color: rgba(255, 255, 255, 0.8)
}

.project-hero-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    background-color: #F3F6F7
}

@media screen and (max-width:1023px) {
    .project-hero .container-big {
        padding: 0 16px
    }

    .project-hero__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 64px 0 80px
    }

    .project-hero-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 0
    }

    .project-hero-content .description {
        margin-top: 24px
    }

    .project-hero-image {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }
}

.project-content {
    padding: 120px 0
}

.project-content h2:first-child {
    margin-top: 0
}

.project-content .results {
    margin-top: 64px;
    padding-top: 64px;
    border-top: 1px solid #D4DEE3
}

.project-content .results__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

.project-content .results-item {
    border-radius: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 16px);
    flex: 1 1 calc(50% - 16px);
    padding: 24px;
    background-color: #A9D0E0
}

.project-content .results-item .label {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

@media screen and (max-width:767px) {
    .project-content .results-item .label {
        font-size: 14px
    }
}

.project-content .results-item .title {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #365463
}

@media screen and (max-width:767px) {
    .project-content .results-item .title {
        font-size: 20px
    }
}

.project-content .results-item.-small {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(33.3333333333% - 12px);
    flex: 1 1 calc(33.3333333333% - 12px)
}

@media screen and (max-width:1023px) {
    .project-content {
        padding: 80px 0
    }

    .project-content .results {
        margin-top: 32px;
        padding-top: 32px
    }

    .project-content .results-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 16px
    }

    .project-content .results-item.-small {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

.projects-hero {
    text-align: center
}

.projects-hero__wrapper {
    padding-top: 64px
}

.projects-hero .section-title {
    margin-bottom: 32px
}

.projects-hero .section-description {
    margin-bottom: 64px
}

.projects-hero-image {
    aspect-ratio: 1440/600;
    overflow: hidden
}

.projects-hero-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.projects-list {
    padding: 120px 0 80px
}

.projects-list-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    background-color: #F3F6F7;
    overflow: hidden;
    border-radius: 4px
}

.projects-list-item-info {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 40px 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.projects-list-item-info .title {
    margin-bottom: 24px
}

.projects-list-item-info .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 40px
}

.projects-list-item-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    padding: 40px
}

.projects-list-item-image__wrapper {
    border-radius: 4px;
    background-color: #fff;
    aspect-ratio: 478/376
}

.projects-list-item-image__wrapper img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.projects-list-item:nth-child(2n) .projects-list-item-info {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.projects-list-item+.projects-list-item {
    margin-top: 24px
}

@media screen and (max-width:1023px) {
    .projects-hero__wrapper {
        padding: 64px 0 80px
    }

    .projects-hero .section-title {
        margin-bottom: 24px
    }

    .projects-hero .section-description {
        margin-bottom: 40px
    }

    .projects-hero-image {
        aspect-ratio: 390/325
    }

    .projects-hero-image img {
        -o-object-position: left;
        object-position: left
    }

    .projects-list {
        padding: 64px 0 80px
    }

    .projects-list-item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .projects-list-item-info {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 16px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .projects-list-item-info .title {
        margin-bottom: 16px
    }

    .projects-list-item-info .button {
        width: 100%;
        margin-top: 32px
    }

    .projects-list-item-image {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 25px
    }

    .projects-list-item-image__wrapper {
        aspect-ratio: 303/238
    }

    .projects-list-item+.projects-list-item {
        margin-top: 16px
    }
}

.search-section {
    min-height: calc(100dvh - 161px - 575px)
}

.search-section__wrapper {
    padding: 64px 0 120px
}

.search-section .title {
    text-align: center;
    margin-bottom: 64px
}

.search-section .result-count {
    padding-bottom: 12px;
    border-bottom: 1px solid #D4DEE3;
    margin-bottom: 64px
}

.search-section .results-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr
}

.search-section .results-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px;
    border-radius: 4px;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s
}

.search-section .results-list li a:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNSAxMi41TDEwIDcuNUw1IDIuNSIgc3Ryb2tlPSIjMThEOEM3IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+);
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}

.search-section .results-list li a:hover {
    background-color: #F3F6F7
}

.search-section .results-list li a:hover:after {
    opacity: 1
}

@media screen and (max-width:1023px) {
    .search-section__wrapper {
        padding: 40px 0
    }

    .search-section .title {
        text-align: start;
        margin-bottom: 40px
    }

    .search-section .result-count {
        margin-bottom: 24px
    }

    .search-section .results-list {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .search-section .results-list li a {
        padding: 8px 8px
    }
}

@media screen and (max-width:767px) {
    .search-section .results-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .search-section .results-list li a {
        padding: 8px 0
    }
}

.assemblies-hero__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.assemblies-hero-content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 40px 80px
}

.assemblies-hero-content b,
.assemblies-hero-content strong {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%
}

@media screen and (max-width:767px) {

    .assemblies-hero-content b,
    .assemblies-hero-content strong {
        font-size: 20px
    }
}

.assemblies-hero-content .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.assemblies-hero-content ul {
    margin: 24px 0;
    padding-left: 16px
}

.assemblies-hero-content ul li {
    list-style-type: disc
}

.assemblies-hero-content ul li::marker {
    color: #A9D0E0
}

.assemblies-hero-content ul li+li {
    margin-top: 8px
}

.assemblies-hero-image {
    -ms-grid-column-span: 5;
    grid-column: span 5
}

.assemblies-hero-title {
    margin-bottom: 24px
}

.assemblies-hero-description {
    margin-bottom: 48px
}

@media screen and (max-width:1023px) {
    .assemblies-hero {
        padding: 80px 0
    }

    .assemblies-hero .container-big {
        padding: 0 16px
    }

    .assemblies-hero__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px
    }

    .assemblies-hero-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 0
    }

    .assemblies-hero-image {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .assemblies-hero-title {
        margin-bottom: 16px
    }

    .assemblies-hero-description {
        margin-bottom: 32px
    }
}

@media screen and (max-width:767px) {
    .assemblies-hero-content .button {
        width: 100%
    }
}

.assemblies-features-section {
    padding: 120px 0 80px
}

.assemblies-features-section+.assemblies-features-section {
    padding-top: 80px
}

.assemblies-features-section .section-title {
    margin-bottom: 64px
}

.assemblies-features-section__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

.assemblies-features-section .assemblies-feature {
    border-radius: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(33.3333333333% - 24px);
    flex: 1 1 calc(33.3333333333% - 24px);
    padding: 24px;
    background-color: #F3F6F7
}

.assemblies-features-section .assemblies-feature .icon {
    border-radius: 50%;
    background-color: #A9D0E0;
    width: 64px;
    height: 64px;
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.assemblies-features-section .assemblies-feature .icon img {
    width: 24px;
    height: 24px;
    aspect-ratio: 1/1
}

.assemblies-features-section .assemblies-feature .title {
    margin-top: 24px;
    color: #365463
}

.assemblies-features-section .assemblies-feature.-small {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(33.3333333333% - 12px);
    flex: 1 1 calc(33.3333333333% - 12px)
}

.assemblies-features-section .assemblies-feature.-medium {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 12px);
    flex: 1 1 calc(50% - 12px)
}

@media screen and (max-width:1023px) {
    .assemblies-features-section {
        padding: 80px 0
    }

    .assemblies-features-section .section-title {
        margin-bottom: 24px
    }

    .assemblies-features-section .assemblies-feature {
        border-radius: 4px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 12px);
        flex: 1 1 calc(50% - 12px);
        padding: 16px
    }

    .assemblies-features-section .assemblies-feature .title {
        margin-top: 16px
    }

    .assemblies-features-section .assemblies-feature.-small {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 12px);
        flex: 1 1 calc(50% - 12px)
    }

    .assemblies-features-section .assemblies-feature.-medium {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 12px);
        flex: 1 1 calc(50% - 12px)
    }
}

.image-scroll-section {
    position: relative;
    width: 100%;
    min-height: 100dvh;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #365463;
    color: #fff
}

.image-scroll-section .image-scroll {
    position: absolute;
    top: 161px;
    height: 100%;
    width: 100%;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.image-scroll-section .image-scroll.shift-left {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%)
}

.image-scroll-section .image-scroll.shift-top {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%)
}

.image-scroll-section .image-scroll canvas,
.image-scroll-section .image-scroll video {
    aspect-ratio: 1920/1080;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto
}

.image-scroll-section .scroll-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 161px);
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    will-change: transform
}

.image-scroll-section .scroll-image video {
    will-change: transform
}

.image-scroll-section .image-scroll-content {
    position: absolute;
    top: 160px;
    min-height: calc(100dvh - 160px)
}

.image-scroll-section .image-scroll-content .animation-step {
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 80px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}

.image-scroll-section .image-scroll-content .animation-step.-active {
    opacity: 1;
    pointer-events: auto
}

.image-scroll-section .image-scroll-content .animation-step.-active .animation-label .line {
    -webkit-animation: width-animation 1s forwards;
    animation: width-animation 1s forwards
}

@-webkit-keyframes width-animation {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes width-animation {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.image-scroll-section .image-scroll-content .animation-step .title {
    margin-top: 80px;
    text-align: center
}

.image-scroll-section .image-scroll-content .animation-step .title.-center {
    margin: 0 auto;
    max-width: 1000px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.image-scroll-section .image-scroll-content .animation-step .animation-label {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    top: 0;
    left: 0;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 360px;
    text-align: left
}

.image-scroll-section .image-scroll-content .animation-step .animation-label .line {
    position: relative;
    margin-top: 16px;
    height: 2px;
    width: 100%;
    background-color: #18D8C7
}

.image-scroll-section .image-scroll-content .animation-step .animation-label .line:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    aspect-ratio: 1/1;
    background-color: #18D8C7
}

.image-scroll-section .image-scroll-content .animation-step .animation-label.-reverse {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    text-align: end
}

.image-scroll-section .image-scroll-content .animation-step .animation-label.-reverse .line:after {
    left: auto;
    right: 0
}

.image-scroll-section .image-scroll-content .card-section {
    max-width: 632px
}

.image-scroll-section .image-scroll-content .card-section .title {
    text-align: start;
    margin-bottom: 56px
}

.image-scroll-section .image-scroll-content .card-section__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

.image-scroll-section .image-scroll-content .card-section .animation-card {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 16px);
    flex: 1 1 calc(50% - 16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px;
    border-radius: 4px;
    gap: 24px;
    background-color: rgba(255, 255, 255, 0.0470588235);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.image-scroll-section .image-scroll-content .card-section .animation-card .icon {
    height: 64px;
    width: 64px;
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #A9D0E0
}

.image-scroll-section .image-scroll-content .card-section .animation-card .icon img {
    width: 24px;
    height: 24px;
    aspect-ratio: 1/1
}

.image-scroll-section .image-scroll-content .animation-step-2 .animation-label:nth-child(2) {
    top: 30%;
    left: 80px
}

.image-scroll-section .image-scroll-content .animation-step-2 .animation-label:nth-child(3) {
    top: 45%;
    left: auto;
    right: 80px
}

.image-scroll-section .image-scroll-content .animation-step-2 .animation-label:nth-child(4) {
    top: 60%;
    left: 80px
}

.image-scroll-section .image-scroll-content .animation-step-3 .animation-label:nth-child(2) {
    top: 30%;
    left: 80px
}

.image-scroll-section .image-scroll-content .animation-step-3 .animation-label:nth-child(3) {
    top: 50%;
    left: auto;
    right: 80px
}

.image-scroll-section .image-scroll-content .animation-step-5 .animation-label:nth-child(2) {
    top: 30%;
    left: 80px
}

.image-scroll-section .image-scroll-content .animation-step-5 .animation-label:nth-child(3) {
    top: 50%;
    left: auto;
    right: 80px
}

.image-scroll-section .image-scroll-content .animation-step-5 .animation-label:nth-child(4) {
    top: 60%;
    left: 80px
}

.image-scroll-section .image-scroll-content .animation-step-10,
.image-scroll-section .image-scroll-content .animation-step-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.image-scroll-section .image-scroll-content .animation-step-7 .animation-label:nth-child(2) {
    top: 40%;
    left: 80px
}

.image-scroll-section .image-scroll-content .animation-step-11 .animation-label:nth-child(2) {
    top: 40%;
    left: 80px
}

.image-scroll-section .image-scroll-content .animation-step-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.image-scroll-section .image-scroll-content .animation-step-12 .card-section {
    max-width: 434px
}

@media screen and (max-width:1023px) {
    .image-scroll-section {
        min-height: calc(100dvh - 76px)
    }

    .image-scroll-section:has(canvas),
    .image-scroll-section:has(video) {
        min-height: 100dvh
    }

    .image-scroll-section:has(canvas) .image-scroll-content,
    .image-scroll-section:has(video) .image-scroll-content {
        top: 76px;
        min-height: calc(100dvh - 76px)
    }

    .image-scroll-section .scroll-image {
        top: 50%;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        aspect-ratio: 390/400
    }

    .image-scroll-section .image-scroll {
        top: 76px
    }

    .image-scroll-section .image-scroll canvas,
    .image-scroll-section .image-scroll video {
        position: absolute;
        aspect-ratio: 390/400;
        top: 50%;
        width: 100%;
        height: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .image-scroll-section .image-scroll-content .animation-step {
        padding: 0 20px
    }

    .image-scroll-section .image-scroll-content .animation-step .animation-label {
        max-width: 200px
    }

    .image-scroll-section .image-scroll-content .animation-step .animation-label .line {
        margin-top: 12px
    }

    .image-scroll-section .image-scroll-content .card-section {
        max-width: 100%;
        width: 100%
    }

    .image-scroll-section .image-scroll-content .card-section .title {
        margin-bottom: 16px
    }

    .image-scroll-section .image-scroll-content .card-section .animation-card {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        padding: 16px;
        gap: 16px
    }

    .image-scroll-section .image-scroll-content .animation-step-2 .animation-label:nth-child(2) {
        top: 30%;
        left: 20px
    }

    .image-scroll-section .image-scroll-content .animation-step-2 .animation-label:nth-child(3) {
        top: 45%;
        left: auto;
        right: 20px
    }

    .image-scroll-section .image-scroll-content .animation-step-2 .animation-label:nth-child(4) {
        top: 60%;
        left: 20px
    }

    .image-scroll-section .image-scroll-content .animation-step-3 .animation-label:nth-child(2) {
        top: 30%;
        left: 20px
    }

    .image-scroll-section .image-scroll-content .animation-step-3 .animation-label:nth-child(3) {
        top: 50%;
        left: auto;
        right: 20px
    }

    .image-scroll-section .image-scroll-content .animation-step-5 .animation-label:nth-child(2) {
        top: 30%;
        left: 20px
    }

    .image-scroll-section .image-scroll-content .animation-step-5 .animation-label:nth-child(3) {
        top: 50%;
        left: auto;
        right: 20px
    }

    .image-scroll-section .image-scroll-content .animation-step-5 .animation-label:nth-child(4) {
        top: 60%;
        left: 20px
    }

    .image-scroll-section .image-scroll-content .animation-step-10,
    .image-scroll-section .image-scroll-content .animation-step-12,
    .image-scroll-section .image-scroll-content .animation-step-6 {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        padding-bottom: 80px
    }

    .image-scroll-section .image-scroll-content .animation-step-10 .card-section,
    .image-scroll-section .image-scroll-content .animation-step-12 .card-section,
    .image-scroll-section .image-scroll-content .animation-step-6 .card-section {
        max-width: 100%
    }

    .image-scroll-section .image-scroll-content .animation-step-7 .animation-label:nth-child(2) {
        top: 40%;
        left: 20px
    }

    .image-scroll-section .image-scroll-content .animation-step-11 .animation-label:nth-child(2) {
        top: 40%;
        left: 20px
    }
}

.available-lenses-hero__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    min-height: calc(100svh - 160px)
}

.available-lenses-hero-content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 80px
}

.available-lenses-hero-description {
    color: rgba(54, 84, 99, 0.6980392157)
}

.available-lenses-hero-description p {
    margin-top: 32px
}

.available-lenses-hero-description p strong {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

@media screen and (max-width:767px) {
    .available-lenses-hero-description p strong {
        font-size: 20px;
        line-height: 130%
    }
}

.available-lenses-hero-image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    background-color: #F3F6F7;
    padding: 0
}

@media screen and (max-width:1023px) {
    .available-lenses-hero {
        padding-bottom: 80px
    }

    .available-lenses-hero__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px
    }

    .available-lenses-hero .container-big {
        padding: 0 16px
    }

    .available-lenses-hero-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 64px 0 0
    }

    .available-lenses-hero-description p {
        margin-top: 24px
    }

    .available-lenses-hero-image {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }
}

.general-specifications {
    padding: 60px 0;
    background-color: #F3F6F7
}

.general-specifications .section-title {
    margin-bottom: 64px;
    text-align: center
}

.general-specifications-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.general-specifications-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    background-color: #fff;
    padding: 24px;
    border-radius: 4px
}

.general-specifications-item .title {
    margin: 40px 0 12px
}

.general-specifications-item .title:first-child {
    margin-top: 0
}

.general-specifications-main {
    width: 100%;
    border-collapse: collapse
}

.general-specifications-main tr {
    border-bottom: 1px solid #D4DEE3
}

.general-specifications-main tr td {
    text-align: left;
    color: rgba(54, 84, 99, 0.6980392157)
}

.general-specifications-main tr td:last-child {
    color: #365463;
    text-align: right
}

.general-specifications-main tr td,
.general-specifications-main tr th {
    padding: 12px 0
}

.general-specifications-main tr:last-child {
    border-bottom: none
}

.general-specifications-table {
    width: 100%;
    border-collapse: collapse;
    background-color: rgba(255, 255, 255, 0.0470588235);
    table-layout: fixed
}

.general-specifications-table-wrapper {
    margin-top: 24px;
    border: 1px solid #D4DEE3;
    border-radius: 4px;
    overflow: hidden
}

.general-specifications-table tr {
    border-top: 1px solid #D4DEE3;
    border-bottom: 1px solid #D4DEE3
}

.general-specifications-table tr:first-child {
    border-top: none
}

.general-specifications-table tr:last-child {
    border-bottom: none
}

.general-specifications-table td,
.general-specifications-table th {
    border-right: 1px solid #D4DEE3
}

.general-specifications-table td:last-child,
.general-specifications-table th:last-child {
    border-right: none
}

.general-specifications-table thead {
    text-align: left
}

.general-specifications-table thead tr {
    height: 38px;
    border-bottom: 1px solid #D4DEE3 !important
}

.general-specifications-table thead tr th {
    padding: 0 16px
}

.general-specifications-table tbody td {
    height: 40px;
    padding: 0 16px
}

@media screen and (max-width:1023px) {
    .general-specifications {
        padding: 80px 0
    }

    .general-specifications .section-title {
        margin-bottom: 32px
    }

    .general-specifications .--tabs-container__menu {
        margin-bottom: 32px
    }

    .general-specifications-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .general-specifications-table thead tr {
        height: 40px
    }

    .general-specifications-table thead tr th {
        padding: 0 8px
    }

    .general-specifications-table tbody tr td {
        height: 40px;
        padding: 0 8px
    }
}

@media screen and (max-width:767px) {
    .general-specifications .--tabs-container__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .general-specifications-table thead tr {
        height: 40px
    }

    .general-specifications-table thead tr th {
        padding: 0 8px;
        display: none
    }

    .general-specifications-table thead tr th:last-child,
    .general-specifications-table thead tr th:nth-child(2),
    .general-specifications-table thead tr th:nth-child(6) {
        display: table-cell
    }

    .general-specifications-table tbody tr td {
        height: 40px;
        padding: 0 8px;
        display: none
    }

    .general-specifications-table tbody tr td:last-child,
    .general-specifications-table tbody tr td:nth-child(2),
    .general-specifications-table tbody tr td:nth-child(6) {
        display: table-cell
    }
}

.relative {
    margin-top: 120px;
    padding-bottom: 120px
}

.relative .title {
    text-align: center;
    color: #365463
}

.relative-swiper {
    margin-top: 64px;
    position: relative;
    overflow: hidden
}

.relative-swiper-container {
    position: relative
}

.relative-swiper .swiper-slide {
    height: auto
}

.relative-swiper .swiper-slide .products-category-item {
    height: 100%
}

.relative-swiper .swiper-slide .products-category-item-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.relative .slider-btn {
    top: calc(50% - 72px)
}

.relative .slider-btn.swiper-button-next {
    right: -32px
}

.relative .slider-btn.swiper-button-prev {
    left: -32px
}

.relative-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #F3F6F7;
    border-radius: 4px;
    height: 100%;
    overflow: hidden
}

.relative-card-img {
    aspect-ratio: 1/1;
    overflow: hidden
}

.relative-card-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s
}

.relative-card-content {
    text-align: center;
    padding: 14px 8px 32px
}

.relative-card:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media screen and (max-width:1199px) {
    .relative-swiper-container {
        margin: 0 20px
    }
}

@media screen and (max-width:1023px) {
    .relative {
        margin-top: 80px;
        padding-bottom: 80px
    }

    .relative-swiper {
        margin-top: 40px
    }

    .relative .slider-btn {
        top: calc(50% - 62px)
    }
}

@media screen and (max-width:575px) {
    .relative-swiper-container {
        margin: 0
    }

    .relative .slider-btn {
        display: none
    }
}

.fzf {
    background-color: #365463;
    color: #fff
}

.fzf__wrapper {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    min-height: calc(100svh - 160px)
}

.fzf-content {
    padding: 80px 40px 80px 80px;
    -ms-grid-column-span: 7;
    grid-column: span 7
}

.fzf-content .title {
    margin-bottom: 48px
}

.fzf-content .button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.fzf-image {
    height: 100%;
    -ms-grid-column-span: 5;
    grid-column: span 5;
    background-color: #A9D0E0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media screen and (max-width:1023px) {
    .fzf .container-big {
        padding: 0 16px
    }

    .fzf__wrapper {
        padding: 64px 0 80px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px
    }

    .fzf-content {
        padding: 0;
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .fzf-content .title {
        margin-bottom: 32px
    }

    .fzf-image {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }
}

@media screen and (max-width:767px) {
    .fzf-content .button {
        width: 100%
    }
}

.document__wrapper {
    padding: 64px 0 120px
}

@media screen and (max-width:1023px) {
    .document {
        padding: 64px 0 0
    }
}

.--accordion__content-container {
    height: 0;
    -webkit-transition: height 0.7s;
    transition: height 0.7s;
    overflow: hidden
}

.faq-section {
    background-color: #F3F6F7
}

.faq-section .faq-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr)
}

.faq-section .faq-content {
    -ms-grid-column-span: 7;
    grid-column: span 7;
    padding: 80px
}

.faq-section .image {
    -ms-grid-column-span: 5;
    grid-column: span 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #A9D0E0
}

.faq-section .title {
    margin-bottom: 40px
}

.faq-section .faq-accordion {
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #D4DEE3;
    -webkit-transition: background-color 0.4s, border-color 0.4s;
    transition: background-color 0.4s, border-color 0.4s
}

.faq-section .faq-accordion:hover {
    background-color: rgba(24, 216, 199, 0.0980392157);
    border-color: #18D8C7
}

.faq-section .faq-accordion+.faq-accordion {
    margin-top: 12px
}

.faq-section .faq-accordion .--accordion__open {
    padding: 20px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    cursor: pointer;
    -webkit-transition: background 0.4s;
    transition: background 0.4s
}

.faq-section .faq-accordion .--accordion__open .title {
    margin: auto 0
}

.faq-section .faq-accordion .--accordion__arrow {
    width: 32px;
    height: 32px;
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #F3F6F7;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color 0.4s, border 0.4s;
    transition: background-color 0.4s, border 0.4s
}

.faq-section .faq-accordion .--accordion__arrow:after,
.faq-section .faq-accordion .--accordion__arrow:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s, -webkit-filter 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s, -webkit-filter 0.4s;
    transition: opacity 0.4s, transform 0.4s, filter 0.4s;
    transition: opacity 0.4s, transform 0.4s, filter 0.4s, -webkit-transform 0.4s, -webkit-filter 0.4s
}

.faq-section .faq-accordion .--accordion__arrow:before {
    background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMi42NjY1IDUuMzMzOThMNy45OTk4NCAxMC42NjczTDEzLjMzMzIgNS4zMzM5OCIgc3Ryb2tlPSIjMzY1NDYzIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+)
}

.faq-section .faq-accordion.-open .--accordion__arrow {
    background-color: #18D8C7
}

.faq-section .faq-accordion.-open .--accordion__arrow:before {
    -webkit-filter: brightness(0) saturate(100%) invert(9%) sepia(19%) saturate(849%) hue-rotate(157deg) brightness(96%) contrast(90%);
    filter: brightness(0) saturate(100%) invert(9%) sepia(19%) saturate(849%) hue-rotate(157deg) brightness(96%) contrast(90%);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq-section .faq-accordion .--accordion__content {
    padding: 0 24px 20px
}

@media screen and (max-width:1023px) {
    .faq-section .faq-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px
    }

    .faq-section .container-big {
        padding: 0 16px
    }

    .faq-section .faq-content {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        padding: 80px 0 0
    }

    .faq-section .image {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .faq-section .faq-accordion .--accordion__open {
        padding: 16px
    }

    .faq-section .faq-accordion .--accordion__content {
        padding: 0 16px 16px
    }
}

.article {
    padding: 0 0 120px
}

.article .title {
    margin: 8px 0 25px
}

.article-main-img {
    margin: 56px 0
}

.article-main-img img {
    border-radius: 32px
}

.article-date {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0.12px;
    text-transform: uppercase
}

.article-date:before {
    content: "";
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzk0XzgzMDApIj4KICAgIDxwYXRoIGQ9Ik05LjYyNSAwLjQzNzVWMi4xODc1TTQuMzc1IDAuNDM3NVYyLjE4NzVNMS4zMTI1IDQuODEyNUgxMi42ODc1TTEuODI5NTUgMS4zMTI1SDEyLjE3MDVDMTIuNDU2IDEuMzEyNSAxMi42ODc1IDEuNTQzOTkgMTIuNjg3NSAxLjgyOTU1VjEyLjE3MDVDMTIuNjg3NSAxMi40NTYgMTIuNDU2IDEyLjY4NzUgMTIuMTcwNSAxMi42ODc1SDEuODI5NTVDMS41NDM5OSAxMi42ODc1IDEuMzEyNSAxMi40NTYgMS4zMTI1IDEyLjE3MDVWMS44Mjk1NUMxLjMxMjUgMS41NDM5OSAxLjU0Mzk5IDEuMzEyNSAxLjgyOTU1IDEuMzEyNVoiIHN0cm9rZT0iI0E0QTRBNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzM5NF84MzAwIj4KICAgICAgPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPg==)
}

@media screen and (max-width:1023px) {
    .article {
        padding: 0 0 80px
    }
}

@media screen and (max-width:767px) {
    .article .title {
        margin: 8px 0 25px
    }

    .article-main-img {
        margin: 32px 0
    }

    .article-main-img img {
        border-radius: 12px
    }
}

.cookies {
    padding: 24px;
    border-radius: 14px;
    background: #fff;
    width: 560px;
    -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
    position: fixed;
    bottom: 16px;
    right: 16px;
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    z-index: 9999999999 !important;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s
}

.cookies.-open {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cookies-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.cookies-header img {
    display: block;
    width: 40px
}

.cookies .text {
    margin: 16px 0 24px;
    color: rgba(54, 84, 99, 0.6980392157)
}

.cookies .text a {
    color: #18D8C7;
    text-decoration: underline;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.cookies-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.cookies-buttons .button {
    width: 100%
}

.cookies-buttons .button.-transparent {
    background: none;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #1B2429
}

@media screen and (max-width:767px) {
    .cookies {
        padding: 16px;
        bottom: 16px;
        right: 16px;
        left: 16px;
        width: calc(100% - 32px)
    }

    .cookies-header {
        gap: 12px
    }

    .cookies-buttons .button.-transparent {
        height: auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.header {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s
}

.header-first-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #D4DEE3;
    padding: 24px 0 20px;
    z-index: 1;
    background-color: #fff
}

.header-second-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0 24px
}

.header .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.header-button {
    padding: 8px
}

.header .logo img {
    max-height: 34px
}

.header__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px
}

.header__navigation .default-link {
    background-color: #fff
}

.header__navigation a {
    color: #365463
}

.header__navigation-item-submenu {
    position: absolute;
    display: none;
    top: calc(100% + 34px);
    width: 440px;
    padding: 12px;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    max-height: calc(100svh - 171px);
    overflow-y: auto
}

.header__navigation-item-submenu::-webkit-scrollbar {
    width: 3px;
    border-radius: 0 0 6px 0
}

.header__navigation-item-submenu .button {
    margin-top: 16px
}

.category-item>.header__navigation-item-submenu {
    display: none;
    top: 0;
    right: calc(-100% - 4px)
}

.header__navigation-item-submenu-1 {
    -webkit-transform: translateX(calc(100% + 4px));
    transform: translateX(calc(100% + 4px))
}

.header__navigation-item-submenu-2 {
    -webkit-transform: translateX(calc(200% + 8px));
    transform: translateX(calc(200% + 8px))
}

.header__navigation-item-submenu-3 {
    -webkit-transform: translateX(calc(300% + 12px));
    transform: translateX(calc(300% + 12px))
}

.header__navigation .submenu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    padding: 12px 16px;
    border-radius: 6px;
    background-color: #fff;
    -webkit-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s
}

.header__navigation .submenu-item .image {
    max-width: 64px;
    aspect-ratio: 1/1;
    background-color: #F3F6F7;
    border-radius: 2px;
    overflow: hidden
}

.header__navigation .submenu-item span {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase
}

.header__navigation .submenu-item svg {
    width: 24px;
    height: 24px;
    -webkit-transition: -webkit-filter 0.4s;
    transition: -webkit-filter 0.4s;
    transition: filter 0.4s;
    transition: filter 0.4s, -webkit-filter 0.4s
}

@media screen and (min-width:1024px) {
    .header__navigation .submenu-item:after {
        opacity: 0;
        content: "";
        display: block;
        margin-left: auto;
        max-width: 15px;
        width: 100%;
        height: 15px;
        background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE1IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNSAxM0wxMCA4TDUgMyIgc3Ryb2tlPSIjMThEOEM3IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+);
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s
    }
}

@media screen and (min-width:1024px) and (min-width:1024px) {
    .header__navigation .submenu-item:hover {
        color: #18D8C7;
        background-color: #F3F6F7
    }

    .header__navigation .submenu-item:hover svg {
        -webkit-filter: brightness(0) saturate(100%) invert(81%) sepia(89%) saturate(486%) hue-rotate(96deg) brightness(90%) contrast(87%);
        filter: brightness(0) saturate(100%) invert(81%) sepia(89%) saturate(486%) hue-rotate(96deg) brightness(90%) contrast(87%)
    }

    .header__navigation .submenu-item:hover:after {
        opacity: 1
    }
}

@media screen and (min-width:1024px) {
    .header__navigation .submenu-item.-active {
        color: #18D8C7;
        background-color: #F3F6F7
    }

    .header__navigation .submenu-item.-active svg {
        -webkit-filter: brightness(0) saturate(100%) invert(81%) sepia(89%) saturate(486%) hue-rotate(96deg) brightness(90%) contrast(87%);
        filter: brightness(0) saturate(100%) invert(81%) sepia(89%) saturate(486%) hue-rotate(96deg) brightness(90%) contrast(87%)
    }

    .header__navigation .submenu-item.-active:after {
        opacity: 1
    }
}

.header__navigation-item.-with-submenu {
    position: relative;
    cursor: pointer
}

.header__navigation-item.-with-submenu .default-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px
}

.header__navigation-item.-with-submenu .default-link:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNCA2TDggOUwxMiA2IiBzdHJva2U9IiMzNjU0NjMiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPg==) no-repeat center 100%
}

.header__navigation-item.-with-submenu .default-link:hover:after {
    -webkit-filter: brightness(0) saturate(100%) invert(81%) sepia(89%) saturate(486%) hue-rotate(96deg) brightness(90%) contrast(87%);
    filter: brightness(0) saturate(100%) invert(81%) sepia(89%) saturate(486%) hue-rotate(96deg) brightness(90%) contrast(87%)
}

.header-search {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s
}

.header-search.-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.header-search-close {
    cursor: pointer;
    -webkit-transition: -webkit-filter 0.4s;
    transition: -webkit-filter 0.4s;
    transition: filter 0.4s;
    transition: filter 0.4s, -webkit-filter 0.4s
}

.header-search-close img {
    aspect-ratio: 1/1;
    width: 20px
}

.header-search-close:hover {
    -webkit-filter: brightness(0) saturate(100%) invert(81%) sepia(89%) saturate(486%) hue-rotate(96deg) brightness(90%) contrast(87%);
    filter: brightness(0) saturate(100%) invert(81%) sepia(89%) saturate(486%) hue-rotate(96deg) brightness(90%) contrast(87%)
}

.header-search .ajax-search-form {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff
}

.header-search .ajax-search-form .search-input__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    width: 100%
}

.header-search .ajax-search-form .search-input__wrapper input {
    width: 100%;
    border: none;
    background: none;
    color: #365463
}

.header-search .ajax-search-form .search-input__wrapper:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICA8ZyBvcGFjaXR5PSIwLjUiPgogICAgPHBhdGggZD0iTTEzLjE2OTUgMTMuMTY5NUwxNy41IDE3LjVNMTUgOC43NUMxNSAxMi4yMDE4IDEyLjIwMTggMTUgOC43NSAxNUM1LjI5ODIyIDE1IDIuNSAxMi4yMDE4IDIuNSA4Ljc1QzIuNSA1LjI5ODIyIDUuMjk4MjIgMi41IDguNzUgMi41QzEyLjIwMTggMi41IDE1IDUuMjk4MjIgMTUgOC43NVoiIHN0cm9rZT0iIzM2NTQ2MyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICA8L2c+Cjwvc3ZnPg==)
}

.header-search .search-results {
    margin: 0 -24px;
    padding: 24px;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    max-height: calc(100dvh - 171px);
    overflow-y: auto
}

.header-search .search-results .search-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid #D4DEE3;
    margin-bottom: 24px
}

.header-search .search-results .search-info .view-all {
    display: inline-block;
    color: #18D8C7;
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}

.header-search .search-results .search-info .view-all:hover {
    opacity: 0.7
}

.header-search .search-results ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px;
    border-radius: 4px;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s
}

.header-search .search-results ul li a:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: no-repeat center/contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNSAxMi41TDEwIDcuNUw1IDIuNSIgc3Ryb2tlPSIjMThEOEM3IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+);
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}

.header-search .search-results ul li a:hover {
    background-color: #F3F6F7
}

.header-search .search-results ul li a:hover:after {
    opacity: 1
}

.header .-mobile {
    display: none
}

@media screen and (max-width:1023px) {
    .header .-pc {
        display: none
    }

    .header .-mobile {
        display: block
    }

    .header .burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        gap: 5px
    }

    .header .burger span {
        height: 1.5px;
        width: 20px;
        background-color: #365463;
        -webkit-transition: background-color 0.4s, width 0.4s, -webkit-transform 0.4s;
        transition: background-color 0.4s, width 0.4s, -webkit-transform 0.4s;
        transition: background-color 0.4s, transform 0.4s, width 0.4s;
        transition: background-color 0.4s, transform 0.4s, width 0.4s, -webkit-transform 0.4s
    }

    .header .burger span:last-child {
        width: 75%
    }

    .header .burger.-active span {
        background-color: #D4DEE3
    }

    .header .burger.-active span:first-child {
        -webkit-transform: rotate(45deg) translate(5px, 5px);
        transform: rotate(45deg) translate(5px, 5px)
    }

    .header .burger.-active span:nth-child(2) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .header .burger.-active span:last-child {
        width: 0
    }

    .header__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 0;
        background-color: #fff;
        position: relative
    }

    .header-first-row {
        padding: 0;
        border-bottom: none;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .header-second-row {
        padding: 0;
        position: static
    }

    .header .logo img {
        max-height: 32px
    }

    .header .mobile-menu {
        position: fixed;
        width: 100%;
        top: 76px;
        background-color: #fff;
        border-top: 1px solid #D4DEE3;
        min-height: calc(100svh - 76px);
        max-height: calc(100svh - 76px);
        overflow-y: auto;
        padding: 16px 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform 0.4s;
        transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        transition: transform 0.4s, -webkit-transform 0.4s;
        z-index: -1
    }

    .header .mobile-menu::-webkit-scrollbar {
        width: 0
    }

    .header .mobile-menu .buttons .button {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 8px);
        flex: 1 1 calc(50% - 8px)
    }

    .header .mobile-menu.-active {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .header__navigation {
        margin: 25px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4px
    }

    .header__navigation a {
        color: #365463
    }

    .header__navigation .default-link {
        padding: 12px 0
    }

    .header__navigation .default-link:after {
        content: none
    }

    .header__navigation-item-submenu {
        display: block;
        position: static;
        padding: 0;
        width: 100%
    }

    .header__navigation .submenu-item {
        padding: 8px 0;
        gap: 16px
    }

    .header__navigation .submenu-item .image {
        max-width: 48px
    }

    .header__navigation .--accordion {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-transition: border-color 0.4s, padding 0.4s;
        transition: border-color 0.4s, padding 0.4s
    }

    .header__navigation .--accordion .--accordion__open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 4px;
        -webkit-transition: color 0.4s;
        transition: color 0.4s
    }

    .header__navigation .--accordion .--accordion__open:after {
        content: "";
        display: block;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNCA2TDggOUwxMiA2IiBzdHJva2U9IiMzNjU0NjMiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPg==) no-repeat center 100%;
        width: 16px;
        height: 16px;
        -webkit-transition: -webkit-filter 0.4s, -webkit-transform 0.4s;
        transition: -webkit-filter 0.4s, -webkit-transform 0.4s;
        transition: filter 0.4s, transform 0.4s;
        transition: filter 0.4s, transform 0.4s, -webkit-filter 0.4s, -webkit-transform 0.4s
    }

    .header__navigation .--accordion.-open {
        padding: 16px 0;
        border-top: 1px solid #D4DEE3;
        border-bottom: 1px solid #D4DEE3
    }

    .header__navigation .--accordion.-open .--accordion__open.-active {
        color: #18D8C7
    }

    .header__navigation .--accordion.-open .--accordion__open.-active:after {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-filter: brightness(0) saturate(100%) invert(81%) sepia(89%) saturate(486%) hue-rotate(96deg) brightness(90%) contrast(87%);
        filter: brightness(0) saturate(100%) invert(81%) sepia(89%) saturate(486%) hue-rotate(96deg) brightness(90%) contrast(87%)
    }

    .header__socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px
    }

    .header-search {
        margin: 0 -20px;
        width: calc(100% + 40px);
        background-color: #fff;
        padding: 16px 20px 20px
    }

    .header-search.-active {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    .header-search .ajax-search-form {
        padding: 16px;
        border: 1px solid #D4DEE3;
        border-radius: 2px
    }

    .header-search .search-results {
        padding: 24px 20px;
        border-radius: 0;
        max-height: calc(100dvh - 76px)
    }

    .header-search .search-results .search-info {
        padding-bottom: 12px;
        margin-bottom: 16px
    }

    .header-search .search-results ul li a {
        padding: 8px 2px 8px 0
    }
}

.footer {
    background-color: #365463;
    padding: 60px 0 40px;
    color: #fff
}

.footer-label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 16px;
    color: rgba(255, 255, 255, 0.7019607843)
}

@media screen and (max-width:767px) {
    .footer-label {
        font-size: 12px
    }
}

.footer-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(12, 1fr);
    margin-bottom: 70px;
    gap: 20px
}

.footer-row .col {
    -ms-grid-column-span: 5;
    grid-column: span 5
}

.footer-row .col:last-child {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.footer-row .info .logo {
    display: block;
    margin-bottom: 32px;
    max-width: 224px
}

.footer-row .info .logo img {
    max-height: 48px;
    height: 100%
}

.footer-row .info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.footer-row .info ul li a {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width:767px) {
    .footer-row .info ul li a {
        font-size: 14px
    }
}

.footer-row .info ul li a svg {
    width: 16px;
    height: 16px
}

.footer-row .info ul li a svg path {
    fill: rgba(255, 255, 255, 0.5019607843);
    -webkit-transition: fill 0.4s;
    transition: fill 0.4s
}

.footer-row .info ul li a:hover {
    color: #18D8C7
}

.footer-row .info ul li a:hover svg path {
    fill: #18D8C7
}

.footer-row .navigation {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.footer-row .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.footer-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.footer-socials-item {
    padding: 12.5px;
    background-color: #18D8C7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    aspect-ratio: 1/1;
    width: 48px;
    height: 48px
}

.footer-socials-item svg path {
    -webkit-transition: fill 0.4s;
    transition: fill 0.4s
}

.footer-socials-item:hover svg path {
    fill: #fff
}

.footer .subscribe .input {
    max-width: 370px;
    margin-bottom: 0
}

.footer .subscribe .input input {
    padding-right: 120px
}

.footer .subscribe .form-wrapper {
    position: relative
}

.footer .subscribe .form-wrapper.-valid .form {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.footer .subscribe .form-wrapper.-valid .thanks-container {
    opacity: 1;
    pointer-events: auto
}

.footer .subscribe .thanks-container {
    position: absolute;
    opacity: 0;
    left: 0;
    bottom: 0;
    pointer-events: none;
    width: 100%;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
    padding: 12px;
    background-color: rgba(255, 255, 255, 0.0980392157)
}

.footer .subscribe .thanks-container .img {
    max-width: 32px;
    width: 100%
}

.footer .subscribe .thanks-container .img img {
    display: block;
    width: 100%;
    aspect-ratio: 1/1
}

.footer .subscribe .thanks-container .title {
    text-align: center
}

.footer .subscribe .thanks-container .text {
    text-align: center;
    color: rgba(255, 255, 255, 0.7019607843);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
    width: 100%
}

.footer .back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer .back-to-top {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-top: auto;
    margin-left: auto;
    color: rgba(255, 255, 255, 0.7019607843)
}

.footer .back-to-top span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    -webkit-transition: color 0.4s;
    transition: color 0.4s
}

@media screen and (max-width:767px) {
    .footer .back-to-top span {
        font-size: 12px
    }
}

.footer .back-to-top .top-circle {
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.0470588235);
    height: 48px;
    width: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: border 0.4s, background-color 0.4s;
    transition: border 0.4s, background-color 0.4s
}

.footer .back-to-top .top-circle:after {
    content: "";
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNiAxNEwxMiA5LjVMMTggMTQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 24px;
    height: 24px
}

.footer .back-to-top:hover {
    color: #18D8C7
}

.footer .back-to-top:hover .top-circle {
    border: 1px solid #18D8C7;
    background-color: rgba(24, 216, 199, 0.0980392157)
}

.footer .back-to-top:active .top-circle {
    background-color: #18D8C7
}

.footer .footer-info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.0980392157)
}

.footer .footer-info-row .navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.footer .footer-info-row .copyright {
    color: rgba(255, 255, 255, 0.5019607843)
}

.footer .-mobile {
    display: none
}

@media screen and (max-width:1023px) {
    .footer {
        padding: 80px 0 24px
    }

    .footer .-pc {
        display: none !important
    }

    .footer .-mobile {
        display: block
    }

    .footer-label {
        margin-bottom: 8px
    }

    .footer-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin-bottom: 48px;
        gap: 48px
    }

    .footer-row .col {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .footer-row .col:last-child {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }

    .footer-row .info .logo {
        margin-bottom: 0;
        max-width: 187px
    }

    .footer-row .info .logo img {
        max-height: 40px
    }

    .footer-row .navigation {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .footer-row .buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .footer .subscribe .input {
        max-width: 370px;
        margin-bottom: 0
    }

    .footer .subscribe .input input {
        padding-right: 0;
        height: 48px
    }

    .footer .back-to-top {
        gap: 12px
    }

    .footer .back-to-top .top-circle {
        height: 40px;
        width: 40px
    }

    .footer .back-to-top .top-circle:after {
        width: 20px;
        height: 20px
    }

    .footer .footer-info-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 32px;
        padding-top: 24px
    }

    .footer .footer-info-row .navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }

    .footer .footer-info-row .additional-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        gap: 20px
    }
}

@media screen and (max-width:767px) {
    .footer-row .buttons .button {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1
    }

    .footer .subscribe .input {
        max-width: 100%
    }
}

/*# sourceMappingURL=styles.css.map */