a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

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

main {
    display: block
}

[aria-hidden=true], [hidden] {
    display: none !important
}

button, input, select, svg, textarea {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

button, input, select, textarea {
    background: 0 0;
    border-radius: 0;
    outline: 0
}

textarea {
    overflow: auto
}

button {
    cursor: pointer
}

input::-ms-clear, select::-ms-expand {
    display: none
}

template {
    display: none !important
}

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

a {
    color: inherit
}

    :focus, a, a:focus, a:hover {
        outline: 0;
        text-decoration: none
    }

        a:focus {
            outline: auto
        }

img {
    border: 0
}

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

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

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

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

@font-face {
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(../../public/fonts/icomoon/icomoon.woff2) format("woff2"),url(../../public/fonts/icomoon/icomoon.woff) format("woff"),url(../../public/fonts/icomoon/icomoon.ttf) format("truetype"),url(../../public/fonts/icomoon/icomoon.svg#icomoon) format("svg")
}

.icon-facebook:before {
    content: "\e901" !important
}

.icon-facebook:before, .icon-instagram:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-instagram:before {
    content: "\e932" !important
}

.icon-youtube:before {
    content: "\e933" !important
}

.icon-search:before, .icon-youtube:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-search:before {
    content: "\e903" !important
}

.icon-laptop:before {
    content: "\e904" !important
}

.icon-healthcare:before, .icon-laptop:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-healthcare:before {
    content: "\e905" !important
}

.icon-infrastructure:before {
    content: "\e906" !important
}

.icon-infrastructure:before, .icon-power:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-power:before {
    content: "\e907" !important
}

.icon-process:before {
    content: "\e908" !important
}

.icon-digital-infrastructure:before, .icon-process:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-digital-infrastructure:before {
    content: "\e904" !important
}

.icon-renewable-energy:before {
    content: "\e909" !important
}

.icon-renewable-energy:before, .icon-steel-fabrication:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-steel-fabrication:before {
    content: "\e90a" !important
}

.icon-water:before {
    content: "\e90b" !important
}

.icon-menu:before, .icon-water:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-menu:before {
    content: "\e9bd" !important
}

.icon-cross:before {
    content: "\ea0f" !important
}

.icon-cross:before, .icon-mini-arrow-u:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-mini-arrow-u:before {
    content: "\e90d" !important
}

.icon-mini-arrow-d:before {
    content: "\e90e" !important
}

.icon-mini-arrow-d:before, .icon-mini-arrow-l:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-mini-arrow-l:before {
    content: "\e910" !important
}

.icon-mini-arrow-r:before {
    content: "\e90f" !important
}

.icon-arrow-up:before, .icon-mini-arrow-r:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-arrow-up:before {
    content: "\e911" !important
}

.icon-arrow-right:before {
    content: "\e912" !important
}

.icon-arrow-left:before, .icon-arrow-right:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-arrow-left:before {
    content: "\e913" !important
}

.icon-arrow-down:before {
    content: "\e915" !important
}

.icon-arrow-down:before, .icon-minus:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-minus:before {
    content: "\e914" !important
}

.icon-plus:before {
    content: "\e90c" !important
}

.icon-plus:before, .icon-spain-small:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-spain-small:before {
    content: "\e916" !important
}

.icon-india-small:before {
    content: "\e917" !important
}

.icon-egypt-small:before, .icon-india-small:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-egypt-small:before {
    content: "\e918" !important
}

.icon-ksa-small:before {
    content: "\e919" !important
}

.icon-ksa-small:before, .icon-uk-small:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-uk-small:before {
    content: "\e91a" !important
}

.icon-Icon-ionic-ios-globe:before {
    content: "\e91b" !important
}

.icon-Icon-ionic-ios-globe:before, .icon-energy:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-energy:before {
    content: "\e91c" !important
}

.icon-factory-alt:before {
    content: "\e91d" !important
}

.icon-factory-alt:before, .icon-hand-ask-seed:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-hand-ask-seed:before {
    content: "\e91e" !important
}

.icon-chart-analytic:before {
    content: "\e91f" !important
}

.icon-chart-analytic:before, .icon-leaf-outline:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-leaf-outline:before {
    content: "\e920" !important
}

.icon-glasses:before {
    content: "\e921" !important
}

.icon-briefcase:before, .icon-glasses:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-briefcase:before {
    content: "\e922" !important
}

.icon-mail:before {
    content: "\e923" !important
}

.icon-mail:before, .icon-speaker:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-speaker:before {
    content: "\e928" !important
}

.icon-pause:before {
    content: "\e92d" !important
}

.icon-fax:before, .icon-pause:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-fax:before {
    content: "\e92b" !important
}

.icon-check:before {
    content: "\e92c" !important
}

.icon-check:before, .icon-share:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-share:before {
    content: "\e92f" !important
}

.icon-money-bag:before {
    content: "\e931" !important
}

.icon-money-bag:before, .icon-target:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-target:before {
    content: "\e932" !important
}

.icon-room:before {
    content: "\e933" !important
}

.icon-infinity:before, .icon-room:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-infinity:before {
    content: "\e935" !important
}

.icon-download:before {
    content: "\e936" !important
}

.icon-download:before, .icon-file:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-file:before {
    content: "\e937" !important
}

.icon-play-fill:before {
    content: "\e938" !important
}

.icon-external-link:before, .icon-play-fill:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-external-link:before {
    content: "\e93b" !important
}

.icon-gesture-swipe:before {
    content: "\e93c" !important
}

.icon-filter-outline:before, .icon-gesture-swipe:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-filter-outline:before {
    content: "\e93d" !important
}

.icon-tick:before {
    content: "\e91c" !important
}

.icon-chevron-down:before, .icon-tick:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-chevron-down:before {
    content: "\e91e" !important
}

.icon-chevron-up:before {
    content: "\e91d" !important
}

.icon-chevron-up:before, .icon-loop:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-loop:before {
    content: "\e91f" !important
}

.icon-link:before {
    content: "\e925" !important
}

.icon-link:before, .icon-whatsapp:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-whatsapp:before {
    content: "\e924" !important
}

.icon-linkedin:before {
    content: "\e922" !important
}

.icon-linkedin:before, .icon-twitter:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-twitter:before {
    content: "\e921" !important
}

.icon-play:before {
    content: "\e920" !important
}

.icon-locations-outline:before, .icon-play:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-locations-outline:before {
    content: "\e92b" !important
}

.icon-flag-outline:before {
    content: "\e92a" !important
}

.icon-conversion-path:before, .icon-flag-outline:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-conversion-path:before {
    content: "\e929" !important
}

.icon-hands-praying:before {
    content: "\e928" !important
}

.icon-academic-cap:before, .icon-hands-praying:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-academic-cap:before {
    content: "\e927" !important
}

.icon-chevron-right:before {
    content: "\e92d" !important
}

.icon-chevron-left:before, .icon-chevron-right:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-chevron-left:before {
    content: "\e92c" !important
}

.icon-close:before {
    content: "\e926" !important
}

.icon-bold-arrow-right:before, .icon-close:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-bold-arrow-right:before {
    content: "\e931" !important
}

.icon-bold-arrow-left:before {
    content: "\e930" !important
}

.icon-bold-arrow-left:before, .icon-bold-arrow-top:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-bold-arrow-top:before {
    content: "\e92f" !important
}

.icon-bold-arrow-down:before {
    content: "\e92e" !important
}

.icon-bold-arrow-down:before, .icon-link-arrow:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-link-arrow:before {
    content: "\e934" !important
}

.icon-message:before {
    content: "\e935" !important
}

.icon-message:before, .icon-phone:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-phone:before {
    content: "\e936" !important
}

.icon-hamburger:before {
    content: "\e937" !important
}

.icon-circle-success:before, .icon-hamburger:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-circle-success:before {
    content: "\e938" !important
}

.icon-warning:before {
    content: "\e939" !important
}

.icon-profile:before, .icon-warning:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-profile:before {
    content: "\e93a" !important
}

.icon-bell:before {
    content: "\e93b" !important
}

.icon-bell:before, .icon-person:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-person:before {
    content: "\e93c" !important
}

.icon-flag:before {
    content: "\e93d" !important
}

.icon-clock:before, .icon-flag:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-clock:before {
    content: "\e93e" !important
}

.icon-heart:before {
    content: "\e940" !important
}

.icon-heart:before, .icon-share-post:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-share-post:before {
    content: "\e93f" !important
}

.icon-eye:before {
    content: "\e941" !important
}

.icon-eye:before, .icon-pencil:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-pencil:before {
    content: "\e943" !important
}

.icon-account:before {
    content: "\e942" !important
}

.icon-account:before, .icon-file-add:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-file-add:before {
    content: "\e944" !important
}

.icon-trash:before {
    content: "\e945" !important
}

.icon-eye-hidden:before, .icon-trash:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-eye-hidden:before {
    content: "\e946" !important
}

.icon-mail-variant:before {
    content: "\e947" !important
}

.icon-mail-variant:before, .icon-resize:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.icon-resize:before {
    content: "\e948" !important
}

.icon-heart-fill:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e949" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

body, html {
    font-size: 10px;
    line-height: 1;
    margin: 0;
    padding: 0
}

html {
    scroll-behavior: smooth
}

body {
    color: #292929;
    display: flex;
    flex-direction: column;
    font-family: CenturyGothic;
    font-weight: 400;
    min-height: 100vh;
    overflow-x: hidden
}

html[dir=rtl] body, html[dir=rtl] body span, html[dir=rtl] body > * {
    font-family: GEFlow !important
}

main {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

a:focus-visible, button:focus-visible {
    border: 2px solid #292929
}

*, :after, :before {
    box-sizing: border-box
}

::-moz-selection {
    background-color: #0063af;
    color: #fff
}

::selection {
    background-color: #0063af;
    color: #fff
}

button, input {
    font-family: CenturyGothic
}

    input[type=search]::-ms-clear, input[type=search]::-ms-reveal {
        display: none;
        height: 0;
        width: 0
    }

    input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
        display: none
    }

[v-cloak] {
    display: none !important
}

img {
    vertical-align: top
}

.h1, h1 {
    font-size: 4.4rem;
    line-height: 1.0975609756
}

@media (min-width:768px) {
    .h1, h1 {
        font-size: 5rem
    }
}

@media (min-width:1024px) {
    .h1, h1 {
        font-size: 5.4rem;
        line-height: 1.125
    }
}

@media (min-width:1280px) {
    .h1, h1 {
        font-size: 6.2rem;
        line-height: 1.1842105263
    }
}

@media (min-width:1600px) {
    .h1, h1 {
        font-size: 7.2rem;
        line-height: 1.25
    }
}

.h2, h2 {
    font-size: 3rem;
    line-height: 1.1785714286
}

@media (min-width:768px) {
    .h2, h2 {
        font-size: 3.6rem;
        line-height: 1.2222222222
    }
}

@media (min-width:1024px) {
    .h2, h2 {
        font-size: 4.2rem;
        line-height: 1.32
    }
}

@media (min-width:1600px) {
    .h2, h2 {
        font-size: 4.8rem;
        line-height: 1.375
    }
}

.h3, h3 {
    font-size: 2.4rem;
    line-height: 1.1428571429
}

@media (min-width:768px) {
    .h3, h3 {
        font-size: 2.8rem;
        line-height: 1.2
    }
}

@media (min-width:1024px) {
    .h3, h3 {
        font-size: 3.2rem;
        line-height: 1.2631578947
    }
}

@media (min-width:1600px) {
    .h3, h3 {
        font-size: 3.6rem;
        line-height: 1.3333333333
    }
}

.h4, h4 {
    font-size: 2rem;
    line-height: 1.2857142857
}

@media (min-width:1024px) {
    .h4, h4 {
        font-size: 2.2rem;
        line-height: 1.3846153846
    }
}

@media (min-width:1600px) {
    .h4, h4 {
        font-size: 2.4rem;
        line-height: 1.5
    }
}

.h5, h5 {
    font-size: 1.6rem;
    line-height: 1.3846153846
}

@media (min-width:1024px) {
    .h5, h5 {
        font-size: 1.8rem;
        line-height: 1.5
    }
}

@media (min-width:1600px) {
    .h5, h5 {
        font-size: 2rem;
        line-height: 1.6
    }
}

input, p, textarea {
    font-size: 1.4rem;
    line-height: 1.5
}

@media (min-width:1024px) {
    input, p, textarea {
        font-size: 1.6rem
    }
}

@media (min-width:1600px) {
    input, p, textarea {
        font-size: 1.8rem
    }
}

* b, * em, * strong {
    font-weight: 700
}

* i {
    font-style: italic
}

[data-page-header-scroll] {
    opacity: 0
}

ul li {
    font-size: 1.4rem;
    line-height: 1.5
}

@media (min-width:1024px) {
    ul li {
        font-size: 1.6rem;
        line-height: 1.6363636364
    }
}

@media (min-width:1600px) {
    ul li {
        font-size: 1.8rem;
        line-height: 2
    }
}

.text {
    scroll-margin-top: -175px
}

.text__title {
    font-size: calc(20.004px + 1.11vw);
    line-height: 1.3333333333;
    margin-bottom: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .text__title {
        font-size: 3.6rem
    }
}

.text__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556;
    white-space: pre-line
}

@media (min-width:1600px) {
    .text__text {
        font-size: 1.8rem
    }
}

.text__text strong {
    font-size: calc(17.3376px + .184vw);
    line-height: 1.6
}

@media (min-width:1600px) {
    .text__text strong {
        font-size: 2rem
    }
}

.text__text a {
    color: #0063af;
    text-decoration: underline
}

.text__list {
    -webkit-margin-start: calc(18.672px + 1.48vw);
    margin-top: calc(13.336px + .74vw);
    margin-inline-start: calc(18.672px + 1.48vw)
}

.text__list--unordered {
    list-style-type: disc
}

.text__list--ordered {
    list-style-type: decimal
}

.text__listItem {
    font-size: 1.6rem;
    line-height: 1.5
}

    .text__listItem + .text__listItem {
        margin-top: .8rem
    }

@media (min-width:1600px) {
    .text__listItem {
        font-size: 1.6rem
    }
}

.text--blue .text__title {
    color: #0063af
}

.bg--orange {
    background-color: #fd8c04
}

.bg--primary {
    background-color: #0063af
}

.bg--azure {
    background-color: #1cc5dc
}

.bg--purple {
    background-color: #6b48ff
}

.bg--lightGray {
    background-color: #f7f7f7
}

.color--orange {
    color: #fd8c04
}

.color--lime {
    color: #c9f658
}

.color--primary {
    color: #0063af
}

.color--azure {
    color: #1cc5dc
}

.color--purple {
    color: #6b48ff
}

.container {
    margin-inline: auto;
    max-width: 1440px;
    padding-inline: calc(-5.3264px + 5.924vw);
    width: 100%
}

@media (min-width:1600px) {
    .container {
        padding-inline: 8rem
    }
}

.row {
    margin-left: -16px;
    margin-right: -16px
}

    .row:after, .row:before {
        clear: both;
        content: "";
        display: block
    }

.row--fluid {
    margin-left: 0;
    margin-right: 0
}

    .row--fluid .col-1, .row--fluid .col-10, .row--fluid .col-11, .row--fluid .col-12, .row--fluid .col-2, .row--fluid .col-3, .row--fluid .col-4, .row--fluid .col-5, .row--fluid .col-6, .row--fluid .col-7, .row--fluid .col-8, .row--fluid .col-9 {
        padding-left: 0;
        padding-right: 0
    }

.row--flex {
    display: flex;
    flex-wrap: wrap
}

    .row--flex .col-1, .row--flex .col-10, .row--flex .col-11, .row--flex .col-12, .row--flex .col-2, .row--flex .col-3, .row--flex .col-4, .row--flex .col-5, .row--flex .col-6, .row--flex .col-7, .row--flex .col-8, .row--flex .col-9 {
        display: flex;
        float: none
    }

html[dir=rtl] .row--flex .col-1, html[dir=rtl] .row--flex .col-10, html[dir=rtl] .row--flex .col-11, html[dir=rtl] .row--flex .col-12, html[dir=rtl] .row--flex .col-2, html[dir=rtl] .row--flex .col-3, html[dir=rtl] .row--flex .col-4, html[dir=rtl] .row--flex .col-5, html[dir=rtl] .row--flex .col-6, html[dir=rtl] .row--flex .col-7, html[dir=rtl] .row--flex .col-8, html[dir=rtl] .row--flex .col-9 {
    float: none
}

.row .col-1, .row .col-10, .row .col-11, .row .col-12, .row .col-2, .row .col-3, .row .col-4, .row .col-5, .row .col-6, .row .col-7, .row .col-8, .row .col-9 {
    box-sizing: border-box;
    float: left;
    padding-left: 16px;
    padding-right: 16px
}

html[dir=rtl] .row .col-1, html[dir=rtl] .row .col-10, html[dir=rtl] .row .col-11, html[dir=rtl] .row .col-12, html[dir=rtl] .row .col-2, html[dir=rtl] .row .col-3, html[dir=rtl] .row .col-4, html[dir=rtl] .row .col-5, html[dir=rtl] .row .col-6, html[dir=rtl] .row .col-7, html[dir=rtl] .row .col-8, html[dir=rtl] .row .col-9 {
    float: right
}

.row .col-1 {
    width: 8.3333333333%
}

.row .col-2 {
    width: 16.6666666667%
}

.row .col-3 {
    width: 25%
}

.row .col-4 {
    width: 33.3333333333%
}

.row .col-5 {
    width: 41.6666666667%
}

.row .col-6 {
    width: 50%
}

.row .col-7 {
    width: 58.3333333333%
}

.row .col-8 {
    width: 66.6666666667%
}

.row .col-9 {
    width: 75%
}

.row .col-10 {
    width: 83.3333333333%
}

.row .col-11 {
    width: 91.6666666667%
}

.row .col-12 {
    width: 100%
}

.row .offset-col-1 {
    margin-left: 8.3333333333%
}

.row .offset-col-2 {
    margin-left: 16.6666666667%
}

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

.row .offset-col-4 {
    margin-left: 33.3333333333%
}

.row .offset-col-5 {
    margin-left: 41.6666666667%
}

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

.row .offset-col-7 {
    margin-left: 58.3333333333%
}

.row .offset-col-8 {
    margin-left: 66.6666666667%
}

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

.row .offset-col-10 {
    margin-left: 83.3333333333%
}

.row .offset-col-11 {
    margin-left: 91.6666666667%
}

.row .offset-col-12 {
    margin-left: 100%
}

@media (min-width:1366px) {
    .row.row-lgl-block {
        display: block
    }

    .row .col-lgl-1 {
        margin-left: 0;
        width: 8.3333333333%
    }

    .row .col-lgl-2 {
        margin-left: 0;
        width: 16.6666666667%
    }

    .row .col-lgl-3 {
        margin-left: 0;
        width: 25%
    }

    .row .col-lgl-4 {
        margin-left: 0;
        width: 33.3333333333%
    }

    .row .col-lgl-5 {
        margin-left: 0;
        width: 41.6666666667%
    }

    .row .col-lgl-6 {
        margin-left: 0;
        width: 50%
    }

    .row .col-lgl-7 {
        margin-left: 0;
        width: 58.3333333333%
    }

    .row .col-lgl-8 {
        margin-left: 0;
        width: 66.6666666667%
    }

    .row .col-lgl-9 {
        margin-left: 0;
        width: 75%
    }

    .row .col-lgl-10 {
        margin-left: 0;
        width: 83.3333333333%
    }

    .row .col-lgl-11 {
        margin-left: 0;
        width: 91.6666666667%
    }

    .row .col-lgl-12 {
        margin-left: 0;
        width: 100%
    }

    .row .offset-col-lgl-1 {
        margin-left: 8.3333333333% !important
    }

    .row .offset-col-lgl-2 {
        margin-left: 16.6666666667% !important
    }

    .row .offset-col-lgl-3 {
        margin-left: 25% !important
    }

    .row .offset-col-lgl-4 {
        margin-left: 33.3333333333% !important
    }

    .row .offset-col-lgl-5 {
        margin-left: 41.6666666667% !important
    }

    .row .offset-col-lgl-6 {
        margin-left: 50% !important
    }

    .row .offset-col-lgl-7 {
        margin-left: 58.3333333333% !important
    }

    .row .offset-col-lgl-8 {
        margin-left: 66.6666666667% !important
    }

    .row .offset-col-lgl-9 {
        margin-left: 75% !important
    }

    .row .offset-col-lgl-10 {
        margin-left: 83.3333333333% !important
    }

    .row .offset-col-lgl-11 {
        margin-left: 91.6666666667% !important
    }

    .row .offset-col-lgl-12 {
        margin-left: 100% !important
    }
}

@media (min-width:1280px) {
    .row.row-lg-block {
        display: block
    }

    .row .col-lg-1 {
        margin-left: 0;
        width: 8.3333333333%
    }

    .row .col-lg-2 {
        margin-left: 0;
        width: 16.6666666667%
    }

    .row .col-lg-3 {
        margin-left: 0;
        width: 25%
    }

    .row .col-lg-4 {
        margin-left: 0;
        width: 33.3333333333%
    }

    .row .col-lg-5 {
        margin-left: 0;
        width: 41.6666666667%
    }

    .row .col-lg-6 {
        margin-left: 0;
        width: 50%
    }

    .row .col-lg-7 {
        margin-left: 0;
        width: 58.3333333333%
    }

    .row .col-lg-8 {
        margin-left: 0;
        width: 66.6666666667%
    }

    .row .col-lg-9 {
        margin-left: 0;
        width: 75%
    }

    .row .col-lg-10 {
        margin-left: 0;
        width: 83.3333333333%
    }

    .row .col-lg-11 {
        margin-left: 0;
        width: 91.6666666667%
    }

    .row .col-lg-12 {
        margin-left: 0;
        width: 100%
    }

    .row .offset-col-lg-1 {
        margin-left: 8.3333333333% !important
    }

    .row .offset-col-lg-2 {
        margin-left: 16.6666666667% !important
    }

    .row .offset-col-lg-3 {
        margin-left: 25% !important
    }

    .row .offset-col-lg-4 {
        margin-left: 33.3333333333% !important
    }

    .row .offset-col-lg-5 {
        margin-left: 41.6666666667% !important
    }

    .row .offset-col-lg-6 {
        margin-left: 50% !important
    }

    .row .offset-col-lg-7 {
        margin-left: 58.3333333333% !important
    }

    .row .offset-col-lg-8 {
        margin-left: 66.6666666667% !important
    }

    .row .offset-col-lg-9 {
        margin-left: 75% !important
    }

    .row .offset-col-lg-10 {
        margin-left: 83.3333333333% !important
    }

    .row .offset-col-lg-11 {
        margin-left: 91.6666666667% !important
    }

    .row .offset-col-lg-12 {
        margin-left: 100% !important
    }
}

@media (min-width:1024px) {
    .row.row-mdl-block {
        display: block
    }

    .row .col-mdl-1 {
        margin-left: 0;
        width: 8.3333333333%
    }

    .row .col-mdl-2 {
        margin-left: 0;
        width: 16.6666666667%
    }

    .row .col-mdl-3 {
        margin-left: 0;
        width: 25%
    }

    .row .col-mdl-4 {
        margin-left: 0;
        width: 33.3333333333%
    }

    .row .col-mdl-5 {
        margin-left: 0;
        width: 41.6666666667%
    }

    .row .col-mdl-6 {
        margin-left: 0;
        width: 50%
    }

    .row .col-mdl-7 {
        margin-left: 0;
        width: 58.3333333333%
    }

    .row .col-mdl-8 {
        margin-left: 0;
        width: 66.6666666667%
    }

    .row .col-mdl-9 {
        margin-left: 0;
        width: 75%
    }

    .row .col-mdl-10 {
        margin-left: 0;
        width: 83.3333333333%
    }

    .row .col-mdl-11 {
        margin-left: 0;
        width: 91.6666666667%
    }

    .row .col-mdl-12 {
        margin-left: 0;
        width: 100%
    }

    .row .offset-col-mdl-1 {
        margin-left: 8.3333333333% !important
    }

    .row .offset-col-mdl-2 {
        margin-left: 16.6666666667% !important
    }

    .row .offset-col-mdl-3 {
        margin-left: 25% !important
    }

    .row .offset-col-mdl-4 {
        margin-left: 33.3333333333% !important
    }

    .row .offset-col-mdl-5 {
        margin-left: 41.6666666667% !important
    }

    .row .offset-col-mdl-6 {
        margin-left: 50% !important
    }

    .row .offset-col-mdl-7 {
        margin-left: 58.3333333333% !important
    }

    .row .offset-col-mdl-8 {
        margin-left: 66.6666666667% !important
    }

    .row .offset-col-mdl-9 {
        margin-left: 75% !important
    }

    .row .offset-col-mdl-10 {
        margin-left: 83.3333333333% !important
    }

    .row .offset-col-mdl-11 {
        margin-left: 91.6666666667% !important
    }

    .row .offset-col-mdl-12 {
        margin-left: 100% !important
    }
}

@media (min-width:768px) {
    .row.row-md-block {
        display: block
    }

    .row .col-md-1 {
        margin-left: 0;
        width: 8.3333333333%
    }

    .row .col-md-2 {
        margin-left: 0;
        width: 16.6666666667%
    }

    .row .col-md-3 {
        margin-left: 0;
        width: 25%
    }

    .row .col-md-4 {
        margin-left: 0;
        width: 33.3333333333%
    }

    .row .col-md-5 {
        margin-left: 0;
        width: 41.6666666667%
    }

    .row .col-md-6 {
        margin-left: 0;
        width: 50%
    }

    .row .col-md-7 {
        margin-left: 0;
        width: 58.3333333333%
    }

    .row .col-md-8 {
        margin-left: 0;
        width: 66.6666666667%
    }

    .row .col-md-9 {
        margin-left: 0;
        width: 75%
    }

    .row .col-md-10 {
        margin-left: 0;
        width: 83.3333333333%
    }

    .row .col-md-11 {
        margin-left: 0;
        width: 91.6666666667%
    }

    .row .col-md-12 {
        margin-left: 0;
        width: 100%
    }

    .row .offset-col-md-1 {
        margin-left: 8.3333333333% !important
    }

    .row .offset-col-md-2 {
        margin-left: 16.6666666667% !important
    }

    .row .offset-col-md-3 {
        margin-left: 25% !important
    }

    .row .offset-col-md-4 {
        margin-left: 33.3333333333% !important
    }

    .row .offset-col-md-5 {
        margin-left: 41.6666666667% !important
    }

    .row .offset-col-md-6 {
        margin-left: 50% !important
    }

    .row .offset-col-md-7 {
        margin-left: 58.3333333333% !important
    }

    .row .offset-col-md-8 {
        margin-left: 66.6666666667% !important
    }

    .row .offset-col-md-9 {
        margin-left: 75% !important
    }

    .row .offset-col-md-10 {
        margin-left: 83.3333333333% !important
    }

    .row .offset-col-md-11 {
        margin-left: 91.6666666667% !important
    }

    .row .offset-col-md-12 {
        margin-left: 100% !important
    }
}

@media (min-width:600px) {
    .row.row-mds-block {
        display: block
    }

    .row .col-mds-1 {
        margin-left: 0;
        width: 8.3333333333%
    }

    .row .col-mds-2 {
        margin-left: 0;
        width: 16.6666666667%
    }

    .row .col-mds-3 {
        margin-left: 0;
        width: 25%
    }

    .row .col-mds-4 {
        margin-left: 0;
        width: 33.3333333333%
    }

    .row .col-mds-5 {
        margin-left: 0;
        width: 41.6666666667%
    }

    .row .col-mds-6 {
        margin-left: 0;
        width: 50%
    }

    .row .col-mds-7 {
        margin-left: 0;
        width: 58.3333333333%
    }

    .row .col-mds-8 {
        margin-left: 0;
        width: 66.6666666667%
    }

    .row .col-mds-9 {
        margin-left: 0;
        width: 75%
    }

    .row .col-mds-10 {
        margin-left: 0;
        width: 83.3333333333%
    }

    .row .col-mds-11 {
        margin-left: 0;
        width: 91.6666666667%
    }

    .row .col-mds-12 {
        margin-left: 0;
        width: 100%
    }

    .row .offset-col-mds-1 {
        margin-left: 8.3333333333% !important
    }

    .row .offset-col-mds-2 {
        margin-left: 16.6666666667% !important
    }

    .row .offset-col-mds-3 {
        margin-left: 25% !important
    }

    .row .offset-col-mds-4 {
        margin-left: 33.3333333333% !important
    }

    .row .offset-col-mds-5 {
        margin-left: 41.6666666667% !important
    }

    .row .offset-col-mds-6 {
        margin-left: 50% !important
    }

    .row .offset-col-mds-7 {
        margin-left: 58.3333333333% !important
    }

    .row .offset-col-mds-8 {
        margin-left: 66.6666666667% !important
    }

    .row .offset-col-mds-9 {
        margin-left: 75% !important
    }

    .row .offset-col-mds-10 {
        margin-left: 83.3333333333% !important
    }

    .row .offset-col-mds-11 {
        margin-left: 91.6666666667% !important
    }

    .row .offset-col-mds-12 {
        margin-left: 100% !important
    }
}

@media (min-width:480px) {
    .row.row-sml-block {
        display: block
    }

    .row .col-sml-1 {
        margin-left: 0;
        width: 8.3333333333%
    }

    .row .col-sml-2 {
        margin-left: 0;
        width: 16.6666666667%
    }

    .row .col-sml-3 {
        margin-left: 0;
        width: 25%
    }

    .row .col-sml-4 {
        margin-left: 0;
        width: 33.3333333333%
    }

    .row .col-sml-5 {
        margin-left: 0;
        width: 41.6666666667%
    }

    .row .col-sml-6 {
        margin-left: 0;
        width: 50%
    }

    .row .col-sml-7 {
        margin-left: 0;
        width: 58.3333333333%
    }

    .row .col-sml-8 {
        margin-left: 0;
        width: 66.6666666667%
    }

    .row .col-sml-9 {
        margin-left: 0;
        width: 75%
    }

    .row .col-sml-10 {
        margin-left: 0;
        width: 83.3333333333%
    }

    .row .col-sml-11 {
        margin-left: 0;
        width: 91.6666666667%
    }

    .row .col-sml-12 {
        margin-left: 0;
        width: 100%
    }

    .row .offset-col-sml-1 {
        margin-left: 8.3333333333% !important
    }

    .row .offset-col-sml-2 {
        margin-left: 16.6666666667% !important
    }

    .row .offset-col-sml-3 {
        margin-left: 25% !important
    }

    .row .offset-col-sml-4 {
        margin-left: 33.3333333333% !important
    }

    .row .offset-col-sml-5 {
        margin-left: 41.6666666667% !important
    }

    .row .offset-col-sml-6 {
        margin-left: 50% !important
    }

    .row .offset-col-sml-7 {
        margin-left: 58.3333333333% !important
    }

    .row .offset-col-sml-8 {
        margin-left: 66.6666666667% !important
    }

    .row .offset-col-sml-9 {
        margin-left: 75% !important
    }

    .row .offset-col-sml-10 {
        margin-left: 83.3333333333% !important
    }

    .row .offset-col-sml-11 {
        margin-left: 91.6666666667% !important
    }

    .row .offset-col-sml-12 {
        margin-left: 100% !important
    }
}

@media (min-width:360px) {
    .row.row-sm-block {
        display: block
    }

    .row .col-sm-1 {
        margin-left: 0;
        width: 8.3333333333%
    }

    .row .col-sm-2 {
        margin-left: 0;
        width: 16.6666666667%
    }

    .row .col-sm-3 {
        margin-left: 0;
        width: 25%
    }

    .row .col-sm-4 {
        margin-left: 0;
        width: 33.3333333333%
    }

    .row .col-sm-5 {
        margin-left: 0;
        width: 41.6666666667%
    }

    .row .col-sm-6 {
        margin-left: 0;
        width: 50%
    }

    .row .col-sm-7 {
        margin-left: 0;
        width: 58.3333333333%
    }

    .row .col-sm-8 {
        margin-left: 0;
        width: 66.6666666667%
    }

    .row .col-sm-9 {
        margin-left: 0;
        width: 75%
    }

    .row .col-sm-10 {
        margin-left: 0;
        width: 83.3333333333%
    }

    .row .col-sm-11 {
        margin-left: 0;
        width: 91.6666666667%
    }

    .row .col-sm-12 {
        margin-left: 0;
        width: 100%
    }

    .row .offset-col-sm-1 {
        margin-left: 8.3333333333% !important
    }

    .row .offset-col-sm-2 {
        margin-left: 16.6666666667% !important
    }

    .row .offset-col-sm-3 {
        margin-left: 25% !important
    }

    .row .offset-col-sm-4 {
        margin-left: 33.3333333333% !important
    }

    .row .offset-col-sm-5 {
        margin-left: 41.6666666667% !important
    }

    .row .offset-col-sm-6 {
        margin-left: 50% !important
    }

    .row .offset-col-sm-7 {
        margin-left: 58.3333333333% !important
    }

    .row .offset-col-sm-8 {
        margin-left: 66.6666666667% !important
    }

    .row .offset-col-sm-9 {
        margin-left: 75% !important
    }

    .row .offset-col-sm-10 {
        margin-left: 83.3333333333% !important
    }

    .row .offset-col-sm-11 {
        margin-left: 91.6666666667% !important
    }

    .row .offset-col-sm-12 {
        margin-left: 100% !important
    }
}

@media (min-width:1024px) {
    .headerSpace {
        height: 50px
    }
}

.header {
    background-color: #fff;
    color: #000;
    display: none;
    height: 140px;
    left: 0;
    position: fixed;
    top: 0;
    transition: height .8s;
    width: 100%;
    z-index: 20
}

    .header .icon-search:before {
        color: #0063af
    }

.header--overlay:not(.header--scrolled), .header--overlay:not(.header--scrolled) .header__wrapper {
    background-color: transparent
}

    .header--overlay:not(.header--scrolled) .header__logo img {
        filter: brightness(0) invert(1)
    }

    .header--overlay:not(.header--scrolled) .link {
        color: #fff
    }

    .header--overlay:not(.header--scrolled) .header__topSubmenuItem .link {
        color: #0063af
    }

    .header--overlay:not(.header--scrolled) .icon-search:before {
        color: #fff
    }

    .header--overlay:not(.header--scrolled) .lang-switch__separator:before {
        background-color: hsla(0,0%,100%,.5)
    }

@media (min-width:1024px) {
    .header {
        display: block
    }
}

.header--dark:not(.header--fixed) {
    background-color: transparent;
    color: #fff
}

    .header--dark:not(.header--fixed) .hamburger__beef, .header--dark:not(.header--fixed) .hamburger__roll {
        background-color: #fff
    }

.header--fixed {
    height: 70px
}

    .header--fixed .header__top {
        height: 0
    }

    .header--fixed .header__topWrapper {
        transform: translateY(-100px)
    }

    .header--fixed .header__logo img {
        max-width: 11.9rem
    }

    .header--fixed .header__topSubmenu--active {
        max-height: 0
    }

    .header--fixed .header__inner {
        padding-block: .8rem
    }

    .header--fixed.header--withSticky {
        transform: translateY(-137px)
    }

        .header--fixed.header--withSticky .stickyHeader {
            position: fixed
        }

.header__wrapper {
    background-color: #fff;
    position: relative;
    transition: background-color .3s ease-in-out;
    width: 100%;
    z-index: 20
}

.header__top {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: flex-end;
    position: relative;
    transition: all .6s ease-in-out;
    z-index: 10
}

    .header__top .link {
        color: #0063af
    }

    .header__top .icon-search:before {
        font-weight: 700
    }

.header--dark:not(.header--fixed) .header__top {
    background-color: rgba(0,0,0,.3);
    border-color: hsla(0,0%,44%,.3)
}

.header__topWrapper {
    transition: transform .6s ease-in-out;
    width: 100%
}

.header__topUtils {
    display: flex;
    justify-content: flex-end
}

.header__topLink {
    align-items: center;
    display: flex;
    position: relative
}

html:not([dir=rtl]) .header__topLink:not(:first-of-type) {
    padding: 0 1rem
}

@media (min-width:1280px) {
    html:not([dir=rtl]) .header__topLink:not(:first-of-type) {
        padding: 0 2rem
    }
}

html:not([dir=rtl]) .header__topLink:last-of-type {
    padding: 0 0 0 1rem
}

@media (min-width:1280px) {
    html:not([dir=rtl]) .header__topLink:last-of-type {
        padding: 0 0 0 2rem
    }
}

html[dir=rtl] .header__topLink:not(:last-of-type) {
    padding: 0 2rem
}

html[dir=rtl] .header__topLink:last-of-type {
    padding: 0 2rem 0 0
}

.header__topSubmenu {
    background-color: #fff;
    border-radius: 0 0 1rem 1rem;
    filter: drop-shadow(-10px 20px 20px rgba(0,0,0,.04));
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 4px);
    transition: max-height .4s;
    z-index: 10
}

.header__topSubmenu--active {
    max-height: 999px
}

html:not([dir=rtl]) .header__topSubmenu {
    right: 0
}

html[dir=rtl] .header__topSubmenu {
    left: 0
}

.header__topSubmenuItem {
    padding: 1rem 3rem
}

    .header__topSubmenuItem .link {
        transform: translateX(500px);
        transition: transform .6s
    }

    .header__topSubmenuItem:not(:last-of-type) {
        border-bottom: 1px solid #b2b2b2
    }

.header__topSubmenu--active .header__topSubmenuItem .link {
    transform: translateX(0)
}

.header__inner {
    align-items: end;
    display: flex;
    justify-content: space-between;
    padding-block: calc(13.336px + .74vw);
    transition: padding-block .4s
}

@media (min-width:1600px) {
    .header__inner {
        padding-block: 2.4rem
    }
}

.header__menu {
    transition: all .6s ease-in-out
}

@media (min-width:1024px) {
    .header__menu {
        align-items: flex-end;
        display: flex;
        gap: 2rem;
        justify-content: flex-end
    }
}

@media (min-width:1280px) {
    .header__menu {
        gap: 9.6rem
    }
}

.header__menuLinks {
    display: flex;
    flex-direction: row;
    gap: 1.5rem
}

@media (min-width:1280px) {
    .header__menuLinks {
        gap: 4rem
    }
}

.header__topInner {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-height: 4rem
}

@media (min-width:480px) {
    .header__topInner {
        min-height: 5.6rem
    }
}

.header__searchButton {
    color: currentColor;
    font-size: 1.2rem;
    line-height: 2.8rem
}

@media (min-width:1024px) {
    .header__searchButton {
        font-size: 1.4rem
    }
}

.header__searchButton:hover .header__searchText {
    opacity: 1
}

.header__searchIcon {
    display: inline-block;
    margin-right: .9rem;
    transform: translateY(1px)
}

.header__searchText {
    opacity: .5
}

.header__langs {
    margin-left: 3rem
}

@media (min-width:1024px) {
    .header__langs {
        margin-left: 5rem
    }
}

.header__botInner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 7rem
}

@media (min-width:480px) {
    .header__botInner {
        min-height: 8.8rem
    }
}

@media (min-width:768px) {
    .header__botInner {
        justify-content: flex-start
    }
}

.header__logo {
    display: block;
    max-width: 18.4rem;
    position: relative
}

html:not([dir=rtl]) .header__logo {
    margin-right: 2rem
}

html[dir=rtl] .header__logo {
    margin-left: 2rem
}

.header__logo:focus-visible {
    border: 2px solid #292929
}

.header__logo img {
    height: auto;
    max-width: 100%;
    transition: all .6s ease-in-out
}

@media (min-width:768px) {
    .header__mobileMenu {
        display: none
    }
}

.header__subitem {
    align-items: center;
    background-color: #0063af;
    color: #fff;
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: translateY(calc(-100% - 40vh));
    transition: opacity .4s .6s,visibility .4s .4s,transform .4s .6s;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

.header__subitem--active {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .6s,visibility .4s,transform .4s;
    visibility: visible
}

@media (min-width:1024px) {
    .header__subitem {
        overflow: hidden;
        padding: 5rem 0
    }
}

@media (min-width:1600px) {
    .header__subitem {
        padding: 6rem 0
    }
}

.header__subitemWrapper {
    display: flex;
    height: 100%;
    width: 100%
}

.header__subitemBg {
    left: 50%;
    position: absolute;
    transform: translate(-60%,-42%) scale(0);
    transition: transform .6s
}

.header__subitem--active .header__subitemBg {
    transform: translate(-60%,-42%) scale(1)
}

.header__subitemLeft {
    flex: 0 0 40%;
    max-width: 40%;
    transition: transform .6s
}

@media (min-width:1280px) {
    .header__subitemLeft {
        flex: 0 0 30%;
        max-width: 30%
    }
}

html:not([dir=rtl]) .header__subitemLeft {
    transform: translateX(-100vw)
}

html[dir=rtl] .header__subitemLeft {
    transform: translateX(100vw)
}

html:not([dir=rtl]) .header__subitem--active .header__subitemLeft, html[dir=rtl] .header__subitem--active .header__subitemLeft {
    transform: translateX(0)
}

.header__subitemButton {
    margin-top: 2rem
}

.header__subitemRight {
    flex-grow: 1;
    transition: transform .6s
}

html:not([dir=rtl]) .header__subitemRight {
    transform: translateX(100vw)
}

html[dir=rtl] .header__subitemRight {
    transform: translateX(-100vw)
}

html:not([dir=rtl]) .header__subitem--active .header__subitemRight, html[dir=rtl] .header__subitem--active .header__subitemRight {
    transform: translateX(0)
}

.header__subitemLinks {
    display: flex;
    flex-wrap: wrap;
    padding: 3rem 0 0 10%;
    width: 100%
}

@media (min-width:1600px) {
    .header__subitemLinks {
        padding: 4rem 0 0 20%
    }
}

.header__subitemLink {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 1rem
}

@media (min-width:1280px) {
    .header__subitemLink {
        padding: 1.5rem 2rem
    }
}

.header__menuLink--active .link__text {
    color: #1cc5dc !important
}

.header__topLinkMain {
    display: flex
}

.mobileHeader {
    background-color: #fff;
    filter: drop-shadow(-10px 20px 20px rgba(0,0,0,.04));
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 20
}

@media (min-width:1024px) {
    .mobileHeader {
        display: none
    }
}

.mobileHeader__inner, .mobileHeader__wrapper {
    width: 100%
}

.mobileHeader__search {
    background-color: #fff;
    left: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 3rem;
    position: absolute;
    top: 100%;
    transition: max-height .4s,opacity .4s,visibility .4s,padding .4s;
    visibility: hidden;
    width: 100%;
    z-index: 4
}

    .mobileHeader__search.active {
        max-height: 999px;
        opacity: 1;
        padding: 0 3rem 2rem;
        visibility: visible
    }

.mobileHeader__main {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.mobileHeader__utils {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: flex-end
}

.mobileHeader__utilsSearch {
    overflow: hidden;
    padding-right: 1rem
}

.mobileHeader__logoImg {
    max-width: 65px
}

@media (min-width:360px) {
    .mobileHeader__logoImg {
        max-width: 90px
    }
}

@media (min-width:600px) {
    .mobileHeader__logoImg {
        max-width: 110px
    }
}

@media (min-width:768px) {
    .mobileHeader__logoImg {
        max-width: 136px
    }
}

.mobileHeader__content {
    background-color: #0063af;
    color: #fff;
    height: 0;
    margin-inline: -2rem;
    position: relative;
    transition: height .8s .4s;
    z-index: 3
}

.mobileHeader--opened .mobileHeader__content {
    height: 100vh;
    transition: height .4s
}

.mobileHeader__links {
    height: 100%;
    overflow-x: hidden
}

.mobileHeader__link {
    border-bottom: 1px solid #fff;
    padding: 2rem 3rem;
    position: relative;
    z-index: 20
}

.mobileHeader__linkTop {
    align-items: center;
    display: flex;
    justify-content: space-between
}

html:not([dir=rtl]) .mobileHeader__linkTopButton {
    transform: translateX(-100vw);
    transition: transform .4s
}

html:not([dir=rtl]) .mobileHeader--opened .mobileHeader__linkTopButton {
    transform: translateX(0);
    transition: transform .4s
}

html:not([dir=rtl]) .mobileHeader__linkTopIcon {
    transform: translateX(100vw);
    transition: transform .4s
}

html:not([dir=rtl]) .mobileHeader--opened .mobileHeader__linkTopIcon {
    transform: translateX(0);
    transition: transform .4s
}

.mobileHeader__submenu {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transition: opacity .2s,visibility .2s,max-height .8s;
    visibility: hidden
}

.mobileHeader__submenu--active {
    max-height: 9999px;
    opacity: 1;
    visibility: visible
}

.mobileHeader__submenuBg {
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: scale(0) translateY(-50%);
    transition: transform .4s;
    width: 100%;
    z-index: -1
}

.mobileHeader__submenu--active .mobileHeader__submenuBg {
    transform: scale(1) translateY(-50%)
}

.mobileHeader__submenuBg img {
    max-width: 100%
}

.mobileHeader__submenuText {
    opacity: 0;
    padding: 2rem 0;
    transform: translateY(-35vh);
    transition: opacity .2s,visibility .2s,transform .4s;
    visibility: hidden
}

.mobileHeader__submenu--active .mobileHeader__submenuText {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.mobileHeader__submenuLink {
    opacity: 0;
    padding: .5rem 0;
    transform: translateY(35vh);
    transition: opacity .2s,visibility .2s,transform .4s;
    visibility: hidden
}

.mobileHeader__submenu--active .mobileHeader__submenuLink {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.mobileHeader__submenuButton {
    margin-top: 2rem
}

.footer {
    overflow: hidden;
    position: relative
}

@media (max-width:1024px) {
    .footer {
        display: none
    }
}

.footer__inner {
    background-color: #0063af
}

.footer__top {
    display: flex;
    gap: 2.4rem;
    padding-block: calc(16.0008px + 2.222vw) calc(-5.3328px + 8.148vw)
}

@media (min-width:1280px) {
    .footer__top {
        gap: calc(.672px + 6.48vw)
    }
}

@media (min-width:1600px) {
    .footer__top {
        gap: 9.4rem;
        padding-block: 4.8rem 11.2rem
    }
}

.footer__items {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.footer__column {
    display: flex;
    flex-direction: column;
    gap: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .footer__column {
        gap: 2.4rem
    }
}

.footer__column:first-child, .footer__column:nth-child(2), .footer__column:nth-child(3) {
    gap: 0
}

    .footer__column:first-child .footer__link:first-child, .footer__column:nth-child(2) .footer__link:first-child, .footer__column:nth-child(3) .footer__link:first-child {
        margin-bottom: calc(13.336px + .74vw)
    }

@media (min-width:1600px) {
    .footer__column:first-child .footer__link:first-child, .footer__column:nth-child(2) .footer__link:first-child, .footer__column:nth-child(3) .footer__link:first-child {
        margin-bottom: 2.4rem
    }
}

.footer__column:first-child .footer__link:not(:first-child), .footer__column:nth-child(2) .footer__link:not(:first-child), .footer__column:nth-child(3) .footer__link:not(:first-child) {
    font-size: 1.4rem;
    line-height: 2.5714285714
}

.footer__link {
    color: #fff;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    transition: color .2s
}

@media (min-width:1600px) {
    .footer__link {
        font-size: 2rem
    }
}

@media (hover:hover) {
    .footer__link:hover {
        color: #1cc5dc
    }
}

.footer__shape {
    pointer-events: none;
    position: absolute
}

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

.footer__shape--left {
    left: -8%;
    top: 6%;
    width: 20%
}

@media (min-width:768px) {
    .footer__shape--left {
        left: -8rem;
        top: -2%;
        width: 20%
    }
}

@media (min-width:1024px) {
    .footer__shape--left {
        width: auto
    }
}

.footer__shape--right {
    right: -9%;
    top: -12%;
    width: 35%
}

@media (min-width:768px) {
    .footer__shape--right {
        right: -25rem;
        top: -50%;
        width: 20%
    }
}

@media (min-width:1024px) {
    .footer__shape--right {
        width: auto
    }
}

.footer__shape--bottom {
    bottom: -11rem;
    left: 48%;
    width: 65%
}

@media (min-width:768px) {
    .footer__shape--bottom {
        bottom: -30%;
        width: 40%
    }
}

@media (min-width:1024px) {
    .footer__shape--bottom {
        width: auto
    }
}

.footerBottom {
    background-color: #fff;
    width: 100%
}

.footerBottom__inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-block: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .footerBottom__inner {
        padding-block: 2.4rem
    }
}

.footerBottom__left {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap
}

.footerBottom__right {
    align-items: center;
    display: flex;
    width: 100%
}

@media (min-width:768px) {
    .footerBottom__right {
        justify-content: flex-end;
        width: 30%
    }
}

.footerBottom__linksSingle {
    position: relative;
    z-index: 10
}

.footerBottom__copy {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8571428571
}

html:not([dir=rtl]) .footerBottom__copy {
    margin-right: 7.18%
}

html[dir=rtl] .footerBottom__copy {
    margin-left: 7.18%
}

.footerBottom__copy p {
    font-size: inherit
}

.footerBottom__privacy .link, .footerBottom__terms .link {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8571428571;
    text-decoration: underline;
    text-transform: uppercase
}

html:not([dir=rtl]) .footerBottom__privacy, html:not([dir=rtl]) .footerBottom__terms {
    margin-right: 2.4rem
}

html[dir=rtl] .footerBottom__privacy, html[dir=rtl] .footerBottom__terms {
    margin-left: 2.4rem
}

.footerBottom__links {
    align-items: center;
    display: flex;
    gap: 1rem
}

.footerBottom__link {
    align-items: center;
    background-color: #292929;
    border-radius: 50%;
    display: flex;
    height: 2.4rem;
    justify-content: center;
    width: 2.4rem
}

    .footerBottom__link:before {
        color: #fff;
        font-size: 1rem
    }

html:not([dir=rtl]) .footerBottom__employees {
    margin-right: 7.18%
}

html[dir=rtl] .footerBottom__employees {
    margin-left: 7.18%
}

.stickyHeader {
    align-items: center;
    display: flex;
    display: none;
    justify-content: center;
    min-height: 50px;
    transition: opacity .4s,visibility .4s;
    width: 100%;
    z-index: -1
}

@media (min-width:1024px) {
    .stickyHeader {
        display: flex
    }
}

.stickyHeader__wrapper {
    align-items: center;
    display: flex;
    overflow: auto
}

    .stickyHeader__wrapper::-webkit-scrollbar {
        height: 4px;
        width: 4px
    }

    .stickyHeader__wrapper::-webkit-scrollbar-thumb {
        background-color: #0063af;
        border-radius: 1rem
    }

    .stickyHeader__wrapper::-webkit-scrollbar-track {
        background-color: #fff
    }

@media (min-width:1366px) {
    .stickyHeader__wrapper {
        justify-content: center;
        overflow: unset
    }
}

.stickyHeader__cta, .stickyHeader__link {
    flex-shrink: 0;
    margin: 0 auto
}

@media (min-width:1366px) {
    .stickyHeader__cta, .stickyHeader__link {
        margin: 0
    }
}

.stickyHeader__cta {
    padding: 0 3rem
}

@media (min-width:1024px) {
    .mobileFooter {
        display: none
    }
}

.mobileFooter__head {
    background-color: #0063af;
    color: #fff;
    padding-block: 2.4rem
}

.mobileFooter__nav {
    display: grid;
    gap: 1.6rem;
    grid-template-columns: 1fr 1fr;
    margin-top: 2.4rem
}

.mobileFooter__navLink {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.5714285714
}

.mobileFooter__foot {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    padding-block: 2.4rem
}

.mobileFooter__login {
    font-size: 2rem;
    line-height: 1.6
}

.mobileFooter__socials {
    align-items: center;
    display: flex;
    gap: 1rem
}

.mobileFooter__social {
    align-items: center;
    background-color: #292929;
    border-radius: 50%;
    display: flex;
    height: 2.4rem;
    justify-content: center;
    width: 2.4rem
}

    .mobileFooter__social:before {
        color: #fff;
        font-size: 1rem
    }

.mobileFooter__links {
    align-items: center;
    display: flex;
    gap: 1.6rem
}

.mobileFooter__link {
    font-weight: 700;
    text-decoration: underline
}

.mobileFooter__copyright, .mobileFooter__link {
    font-size: 1.4rem;
    line-height: 1.8571428571
}

.blogHeader {
    background-color: #fff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20
}

@media (max-width:1024px) {
    .blogHeader {
        display: none
    }
}

.blogHeader__inner {
    align-items: center;
    display: flex;
    padding-block: 2.4rem
}

.blogHeader__logo {
    max-width: 12rem
}

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

.blogHeader__items {
    -webkit-margin-start: calc(-7.9968px + 8.888vw);
    align-items: center;
    display: flex;
    gap: calc(18.672px + 1.48vw);
    margin-inline-start: calc(-7.9968px + 8.888vw)
}

@media (min-width:1600px) {
    .blogHeader__items {
        -webkit-margin-start: 12rem;
        gap: 4rem;
        margin-inline-start: 12rem
    }
}

.blogHeader__item {
    align-items: center;
    display: flex;
    gap: 1ch
}

@media (hover:hover) {
    .blogHeader__item:hover .blogHeader__text {
        color: #1cc5dc
    }
}

.blogHeader__text {
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    transition: all .4s
}

@media (min-width:1600px) {
    .blogHeader__text {
        font-size: 2rem
    }
}

.blogHeader__icon {
    font-size: 1rem
}

.blogHeader__profile {
    font-size: 2.4rem
}

.blogHeader__buttons {
    -webkit-margin-start: auto;
    align-items: center;
    display: flex;
    gap: 2rem;
    margin-inline-start: auto
}

.blogHeader__button {
    align-items: center;
    background-color: #c9f658;
    border-radius: .8rem;
    display: flex;
    gap: 1.6rem;
    padding: 2rem 2.4rem;
    transition: all .4s
}

    .blogHeader__button:hover {
        background-color: #292929;
        color: #c9f658
    }

    .blogHeader__button .blogHeader__icon {
        font-size: 2.4rem
    }

.button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: .6rem;
    display: inline-flex;
    font-size: 1.4rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1.6;
    padding: 1rem 1.8rem;
    transition: opacity .4s,background-color .4s,border-color .4s,transform .4s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.timelineSlider .button {
    background-color: transparent;
    border-color: #fd8c04
}

@media (min-width:768px) {
    .button {
        padding: 2rem 3.6rem
    }
}

@media (min-width:1280px) {
    .button {
        font-size: 2rem
    }
}

.button:focus-visible {
    border: 2px solid #292929
}

.button__text {
    display: block;
    position: relative;
    transition: color .2s
}

.button--arrow .button__text {
    padding-right: 1.2rem
}

html[dir=rtl] .button--arrow .button__text {
    padding-left: 1.2rem;
    padding-right: 0
}

.button--arrow .button__text:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e92d" !important;
    display: block;
    font-family: icomoon !important;
    font-size: 1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 1rem;
    line-height: 1rem;
    margin-top: -.4rem;
    position: absolute;
    right: -.6rem;
    text-transform: none;
    top: 50%;
    transition: color .2s
}

html[dir=rtl] .button--arrow .button__text:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e92c" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: -.6rem;
    right: auto;
    text-transform: none
}

.button__icon {
    display: inline-block;
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    transition: background-color .4s,color .2s
}

.button--sliderButton .button__icon {
    color: #fff;
    font-size: 1.6rem
}

.scrollDown--primary .button__icon {
    color: #0063af;
    font-size: 1.6rem
}

.timelineSlider .button__icon {
    color: #fd8c04
}

.button__icon:before {
    display: block
}

.button__icon--before {
    margin-right: 1.2rem
}

html[dir=rtl] .button__icon--before {
    margin-left: 1.2rem;
    margin-right: 0
}

.button__icon--after {
    margin-left: 1.2rem
}

html[dir=rtl] .button__icon--after {
    margin-left: 0;
    margin-right: 1.2rem
}

.button--imageListSlider .button__icon, .button--imageSlider .button__icon {
    align-items: center;
    background: #fafafa;
    border-radius: 50%;
    display: flex;
    font-size: 2rem;
    height: 40px;
    justify-content: center;
    width: 40px
}

.button--search.active .button__icon {
    color: #0063af;
    font-size: 1.6rem
}

.button--block {
    display: flex;
    width: 100%
}

.button--small {
    padding: 1.2rem 2.4rem
}

.button--onlyIcon {
    height: 4rem;
    justify-content: center;
    padding: .3rem;
    width: 4rem
}

@media (min-width:1024px) {
    .button--onlyIcon {
        height: auto
    }
}

.button--onlyIcon.button--small {
    padding: .3rem;
    width: 3.2rem
}

.button--default, .button--defaultSmall {
    background-color: #c9f658;
    color: #292929
}

@media (hover:hover) {
    .button--default:hover, .button--defaultSmall:hover, a:hover .button--passive .button--default, a:hover .button--passive .button--defaultSmall, button:hover .button--passive .button--default, button:hover .button--passive .button--defaultSmall {
        background-color: #292929;
        color: #c9f658;
        filter: drop-shadow(-10px 20px 20px rgba(201,246,88,.2))
    }
}

.button--defaultSmall {
    padding: 1.2rem 2.4rem
}

.button--white {
    background-color: #fff;
    color: #0063af
}

@media (hover:hover) {
    .button--white:hover, a:hover .button--passive .button--white, button:hover .button--passive .button--white {
        background-color: #0063af;
        color: #fff
    }
}

.button--transparentRoundIconPrim {
    border: 1px solid #0063af;
    border-radius: 50%;
    color: #0063af;
    height: 2.6rem;
    padding: 0;
    width: 2.6rem
}

    .button--transparentRoundIconPrim .button__icon {
        font-size: 1rem
    }

.button--transparentLime {
    background-color: transparent;
    border: 1px solid #c9f658;
    color: #292929
}

@media (hover:hover) {
    .button--transparentLime:hover, a:hover .button--passive .button--transparentLime, button:hover .button--passive .button--transparentLime {
        background-color: #c9f658;
        color: #292929
    }
}

.button--transparent {
    background-color: transparent;
    border: none
}

.button--transparentWhite {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    text-align: center
}

@media (hover:hover) {
    .button--transparentWhite:hover, a:hover .button--passive .button--transparentWhite, button:hover .button--passive .button--transparentWhite {
        background-color: #fff;
        color: #292929
    }
}

.button--border {
    background-color: #fff;
    border-color: #292929;
    color: #292929
}

    .button--border:hover, a:hover .button--passive .button--border, button:hover .button--passive .button--border {
        background-color: #292929;
        color: #c9f658
    }

.button--dashBorder {
    background-color: #fff;
    border-color: #0063af;
    border-style: dashed;
    color: #0063af
}

@media (hover:hover) {
    .button--dashBorder:hover, a:hover .button--passive .button--dashBorder, button:hover .button--passive .button--dashBorder {
        background-color: #fef6e7
    }
}

.button--grayBorder {
    background-color: #fff;
    border-color: #fafafa;
    color: #0063af
}

@media (hover:hover) {
    .button--grayBorder:hover, a:hover .button--passive .button--grayBorder, button:hover .button--passive .button--grayBorder {
        background-color: #0063af;
        border-color: #0063af;
        color: #fff
    }
}

.button--newsButton, .button--sliderButton {
    align-items: center;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

@media (min-width:1024px) {
    .button--newsButton:hover, .button--sliderButton:hover {
        border-width: 0
    }
}

.button--newsButton .button__icon, .button--sliderButton .button__icon {
    font-size: 1.2rem
}

@media (min-width:768px) {
    .button--newsButton .button__icon, .button--sliderButton .button__icon {
        font-size: 1.4rem
    }

    .button--newsButton, .button--sliderButton {
        height: 50px;
        width: 50px
    }
}

@media (min-width:1024px) {
    .button--newsButton, .button--sliderButton {
        height: 60px;
        width: 60px
    }
}

@media (min-width:1366px) {
    .button--newsButton, .button--sliderButton {
        height: 70px;
        width: 70px
    }
}

@media (min-width:1600px) {
    .button--newsButton, .button--sliderButton {
        height: 90px;
        width: 90px
    }
}

@media (hover:hover) and (min-width:1024px) {
    .button--sliderButton:hover, a:hover .button--passive .button--sliderButton, button:hover .button--passive .button--sliderButton {
        background-color: #fd8c04;
        filter: drop-shadow(-10px 20px 20px rgba(250,140,4,.2))
    }

        .button--sliderButton:hover .button__icon, a:hover .button--passive .button--sliderButton .button__icon, button:hover .button--passive .button--sliderButton .button__icon {
            color: #fff
        }

    .textSlider--theme-sustainability .button--sliderButton:hover, a:hover .button--passive .textSlider--theme-sustainability .button--sliderButton, button:hover .button--passive .textSlider--theme-sustainability .button--sliderButton {
        background-color: #fff;
        filter: drop-shadow(-10px 20px 20px rgba(250,140,4,.2))
    }

        .textSlider--theme-sustainability .button--sliderButton:hover .button__icon, a:hover .button--passive .textSlider--theme-sustainability .button--sliderButton .button__icon, button:hover .button--passive .textSlider--theme-sustainability .button--sliderButton .button__icon {
            color: #fd8c04
        }

    .textSlider--theme-impact .button--sliderButton:hover, a:hover .button--passive .textSlider--theme-impact .button--sliderButton, button:hover .button--passive .textSlider--theme-impact .button--sliderButton {
        background-color: #fff;
        filter: drop-shadow(-10px 20px 20px rgba(250,140,4,.2))
    }

        .textSlider--theme-impact .button--sliderButton:hover .button__icon, a:hover .button--passive .textSlider--theme-impact .button--sliderButton .button__icon, button:hover .button--passive .textSlider--theme-impact .button--sliderButton .button__icon {
            color: #fd8c04
        }
}

.button--newsButton {
    background-color: #fd8c04;
    border: none;
    color: #fff
}

@media (hover:hover) {
    .button--newsButton:hover, a:hover .button--passive .button--newsButton, button:hover .button--passive .button--newsButton {
        background-color: #fff;
        border: 1px solid #fd8c04;
        filter: drop-shadow(-10px 20px 20px rgba(250,140,4,.2))
    }

        .button--newsButton:hover .button__icon, a:hover .button--passive .button--newsButton .button__icon, button:hover .button--passive .button--newsButton .button__icon {
            color: #fd8c04
        }
}

.button--imageSlider {
    border-radius: 2rem;
    justify-content: flex-start;
    padding: 1rem;
    width: 100%
}

    .button--imageSlider.button--active {
        background-color: #fff;
        filter: drop-shadow(0 15px 20px rgba(0,0,0,.04))
    }

        .button--imageSlider.button--active .button__icon {
            background-color: rgba(253,140,4,.1);
            color: #fd8c04
        }

@media (hover:hover) {
    .button--imageSlider:hover, a:hover .button--passive .button--imageSlider, button:hover .button--passive .button--imageSlider {
        background-color: #fff;
        filter: drop-shadow(0 15px 20px rgba(0,0,0,.04))
    }

        .button--imageSlider:hover .button__icon, a:hover .button--passive .button--imageSlider .button__icon, button:hover .button--passive .button--imageSlider .button__icon {
            background-color: rgba(253,140,4,.1)
        }
}

.button--imageListSlider {
    border-radius: 2rem;
    justify-content: flex-start;
    padding: 1rem;
    width: 100%
}

    .button--imageListSlider.button--active {
        background-color: #fff;
        filter: drop-shadow(0 15px 20px rgba(0,0,0,.04))
    }

        .button--imageListSlider.button--active .button__icon {
            background-color: rgba(107,72,255,.1);
            color: #6b48ff
        }

@media (hover:hover) {
    .button--imageListSlider:hover, a:hover .button--passive .button--imageListSlider, button:hover .button--passive .button--imageListSlider {
        background-color: #fff;
        filter: drop-shadow(0 15px 20px rgba(0,0,0,.04))
    }

        .button--imageListSlider:hover .button__icon, a:hover .button--passive .button--imageListSlider .button__icon, button:hover .button--passive .button--imageListSlider .button__icon {
            background-color: rgba(107,72,255,.1);
            color: #6b48ff
        }
}

.button--scrollButton {
    border: 1px solid #fff;
    border-radius: 1rem;
    color: #fff;
    height: 3.7rem;
    padding: 0;
    width: 2.3rem
}

.scrollDown--primary .button--scrollButton {
    border: 1px solid #0063af
}

.button--scrollButton .button__icon {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: moveScrollIcon;
    animation-timing-function: ease-in-out;
    font-size: 1rem
}

@keyframes moveScrollIcon {
    0%,to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(5px)
    }
}

.button--stickyCta {
    background-color: #c9f658;
    border-radius: 2rem;
    color: #292929;
    padding: 1rem 2rem
}

@media (hover:hover) {
    .button--stickyCta:hover, a:hover .button--passive .button--stickyCta, button:hover .button--passive .button--stickyCta {
        background-color: #292929;
        color: #c9f658
    }

        .button--stickyCta:hover .button__icon, a:hover .button--passive .button--stickyCta .button__icon, button:hover .button--passive .button--stickyCta .button__icon {
            background-color: rgba(107,72,255,.1);
            color: #6b48ff
        }
}

.button--limeRoundIcon {
    align-items: center;
    background-color: #c9f658;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

@media (min-width:1024px) {
    .button--limeRoundIcon:hover {
        border-width: 0
    }
}

.button--limeRoundIcon .button__icon {
    font-size: 1.2rem
}

@media (min-width:768px) {
    .button--limeRoundIcon .button__icon {
        font-size: 1.4rem
    }

    .button--limeRoundIcon {
        height: 50px;
        width: 50px
    }
}

@media (min-width:1024px) {
    .button--limeRoundIcon {
        height: 60px;
        width: 60px
    }
}

@media (min-width:1366px) {
    .button--limeRoundIcon {
        height: 70px;
        width: 70px
    }
}

@media (min-width:1600px) {
    .button--limeRoundIcon {
        height: 90px;
        width: 90px
    }
}

@media (hover:hover) {
    .button--limeRoundIcon:hover, a:hover .button--passive .button--limeRoundIcon, button:hover .button--passive .button--limeRoundIcon {
        background-color: #fff;
        border: 1px solid #c9f658;
        color: #c9f658
    }

        .button--limeRoundIcon:hover .button__icon, a:hover .button--passive .button--limeRoundIcon .button__icon, button:hover .button--passive .button--limeRoundIcon .button__icon {
            color: #6b48ff
        }
}

.button--textToggle .button__textToggle {
    display: none;
    position: relative;
    text-transform: uppercase;
    transition: color .2s
}

.button--textToggle.button--active .button__text {
    display: none
}

.button--textToggle.button--active .button__textToggle {
    display: block
}

.button--disabled, .button[disabled] {
    background-color: #d8d8d8;
    border-color: #d8d8d8;
    color: #fff;
    cursor: not-allowed
}

@media (hover:hover) {
    .button--disabled:hover, .button[disabled]:hover {
        background-color: #d8d8d8;
        border-color: #d8d8d8;
        color: #fff
    }
}

.buttonMore {
    align-items: center;
    border: 1px solid transparent;
    border-radius: .6rem;
    display: inline-flex;
    font-size: 1.4rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1.6;
    padding: 1rem 1.8rem;
    position: relative;
    transition: opacity .4s,background-color .4s,border-color .4s,transform .4s
}

@media (min-width:1280px) {
    .buttonMore {
        font-size: 2rem
    }
}

@media (min-width:768px) {
    .buttonMore {
        padding: 2rem 3.6rem
    }
}

@media (min-width:1024px) {
    .buttonMore:hover:after {
        opacity: 1;
        visibility: visible
    }
}

.buttonMore:after {
    border-radius: 50%;
    content: "";
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .4s,visibility .4s;
    visibility: hidden;
    z-index: -1
}

@media (min-width:1024px) {
    .buttonMore:after {
        height: 60px;
        width: 60px
    }
}

@media (min-width:1366px) {
    .buttonMore:after {
        height: 70px;
        width: 70px
    }
}

@media (min-width:1600px) {
    .buttonMore:after {
        height: 90px;
        width: 90px
    }
}

.timelineSlider .buttonMore {
    background-color: transparent;
    border-color: #fd8c04
}

.buttonMore:not(.buttonMore--ignoreIntersect) {
    opacity: 0;
    transform: translateY(4rem)
}

.section--visible .buttonMore:not(.buttonMore--ignoreIntersect) {
    opacity: 1;
    transform: translateY(0)
}

.buttonMore__text {
    display: block;
    position: relative;
    text-transform: uppercase;
    transition: color .2s,opacity .2s,visibility .2s
}

.buttonMore--arrow .buttonMore__text {
    padding-right: 1.2rem
}

html[dir=rtl] .buttonMore--arrow .buttonMore__text {
    padding-left: 1.2rem;
    padding-right: 0
}

.buttonMore--arrow .buttonMore__text:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e92d" !important;
    display: block;
    font-family: icomoon !important;
    font-size: 1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 1rem;
    line-height: 1rem;
    margin-top: -.4rem;
    position: absolute;
    right: -.6rem;
    text-transform: none;
    top: 50%;
    transition: color .2s
}

html[dir=rtl] .buttonMore--arrow .buttonMore__text:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e92c" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: -.6rem;
    right: auto;
    text-transform: none
}

@media (min-width:1024px) {
    .buttonMore:hover .buttonMore__text {
        color: transparent;
        opacity: 0;
        visibility: hidden
    }
}

.buttonMore__icon {
    display: inline-block;
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    opacity: 0;
    position: absolute;
    transition: opacity .2s,background-color .4s,color .2s
}

@media (min-width:1024px) {
    .buttonMore:hover .buttonMore__icon {
        opacity: 1
    }
}

.buttonMore__icon:before {
    display: block
}

.buttonMore__icon--before {
    margin-right: 1.2rem
}

html[dir=rtl] .buttonMore__icon--before {
    margin-left: 1.2rem;
    margin-right: 0
}

.buttonMore--default .buttonMore__icon, .buttonMore--transparentWhite .buttonMore__icon {
    color: #292929
}

.buttonMore--block {
    display: flex;
    width: 100%
}

.buttonMore--small {
    min-height: 3.2rem;
    padding: .3rem 1.9rem
}

.buttonMore--onlyIcon {
    height: 4rem;
    justify-content: center;
    padding: .3rem;
    width: 4rem
}

@media (min-width:1024px) {
    .buttonMore--onlyIcon {
        height: auto
    }
}

.buttonMore--onlyIcon.buttonMore--small {
    padding: .3rem;
    width: 3.2rem
}

.buttonMore--default, .buttonMore--default:after {
    background-color: #c9f658;
    color: #292929
}

    .buttonMore--default:after {
        filter: drop-shadow(-10px 20px 20px rgba(201,246,88,.2))
    }

@media (hover:hover) {
    .buttonMore--default:hover, a:hover .buttonMore--passive .buttonMore--default, button:hover .buttonMore--passive .buttonMore--default {
        background-color: #292929;
        color: #c9f658
    }
}

@media (hover:hover) and (min-width:1024px) {
    .buttonMore--default:hover, a:hover .buttonMore--passive .buttonMore--default, button:hover .buttonMore--passive .buttonMore--default {
        background-color: transparent
    }
}

.buttonMore--white {
    background-color: #fff;
    color: #0063af
}

@media (hover:hover) {
    .buttonMore--white:hover, a:hover .buttonMore--passive .buttonMore--white, button:hover .buttonMore--passive .buttonMore--white {
        background-color: #0063af;
        color: #fff
    }
}

.buttonMore--transparentWhite {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

    .buttonMore--transparentWhite:after {
        background-color: #fff;
        color: #292929;
        filter: drop-shadow(-10px 20px 20px rgba(255,255,255,.2))
    }

@media (hover:hover) {
    .buttonMore--transparentWhite:hover, a:hover .buttonMore--passive .buttonMore--transparentWhite, button:hover .buttonMore--passive .buttonMore--transparentWhite {
        background-color: #fff;
        color: #292929
    }
}

@media (hover:hover) and (min-width:1024px) {
    .buttonMore--transparentWhite:hover, a:hover .buttonMore--passive .buttonMore--transparentWhite, button:hover .buttonMore--passive .buttonMore--transparentWhite {
        background-color: transparent;
        border: none
    }
}

.buttonMore--border {
    background-color: #fff;
    border-color: #0063af;
    color: #0063af
}

    .buttonMore--border:hover, a:hover .buttonMore--passive .buttonMore--border, button:hover .buttonMore--passive .buttonMore--border {
        background-color: #0063af;
        color: #fff
    }

.buttonMore--dashBorder {
    background-color: #fff;
    border-color: #0063af;
    border-style: dashed;
    color: #0063af
}

@media (hover:hover) {
    .buttonMore--dashBorder:hover, a:hover .buttonMore--passive .buttonMore--dashBorder, button:hover .buttonMore--passive .buttonMore--dashBorder {
        background-color: #fef6e7
    }
}

.buttonMore--grayBorder {
    background-color: #fff;
    border-color: #fafafa;
    color: #0063af
}

@media (hover:hover) {
    .buttonMore--grayBorder:hover, a:hover .buttonMore--passive .buttonMore--grayBorder, button:hover .buttonMore--passive .buttonMore--grayBorder {
        background-color: #0063af;
        border-color: #0063af;
        color: #fff
    }
}

.buttonMore--newsButton {
    background-color: #fd8c04;
    border: none;
    color: #fff
}

@media (hover:hover) {
    .buttonMore--newsButton:hover, a:hover .buttonMore--passive .buttonMore--newsButton, button:hover .buttonMore--passive .buttonMore--newsButton {
        background-color: #fff;
        border: 1px solid #fd8c04;
        filter: drop-shadow(-10px 20px 20px rgba(250,140,4,.2))
    }

        .buttonMore--newsButton:hover .buttonMore__icon, a:hover .buttonMore--passive .buttonMore--newsButton .buttonMore__icon, button:hover .buttonMore--passive .buttonMore--newsButton .buttonMore__icon {
            color: #fd8c04
        }
}

.buttonMore--disabled, .buttonMore[disabled] {
    background-color: #d8d8d8;
    border-color: #d8d8d8;
    color: #fff;
    cursor: not-allowed
}

@media (hover:hover) {
    .buttonMore--disabled:hover, .buttonMore[disabled]:hover {
        background-color: #d8d8d8;
        border-color: #d8d8d8;
        color: #fff
    }
}

.buttonSlider {
    align-items: center;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-flex;
    display: flex;
    height: 40px;
    justify-content: center;
    transition: all .4s;
    width: 40px
}

.buttonSlider--withText {
    flex-direction: column
}

@media (min-width:768px) {
    .buttonSlider {
        height: 50px;
        width: 50px
    }
}

@media (min-width:1024px) {
    .buttonSlider {
        height: 60px;
        width: 60px
    }
}

@media (min-width:1366px) {
    .buttonSlider {
        height: 76px;
        width: 76px
    }
}

.buttonSlider:focus-visible {
    border: 2px solid #292929
}

@media (hover:hover) and (min-width:1024px) {
    .buttonSlider:hover, a:hover .buttonSlider--passive .buttonSlider, button:hover .buttonSlider--passive .buttonSlider {
        background-color: #fd8c04;
        filter: drop-shadow(-10px 20px 20px rgba(250,140,4,.2))
    }

        .buttonSlider:hover .buttonSlider__icon, a:hover .buttonSlider--passive .buttonSlider .buttonSlider__icon, button:hover .buttonSlider--passive .buttonSlider .buttonSlider__icon {
            color: #fff
        }
}

.buttonSlider:not(.buttonSlider--ignoreIntersect) {
    opacity: 0
}

.section--visible .buttonSlider:not(.buttonSlider--ignoreIntersect) {
    opacity: 1
}

.buttonSlider__text {
    font-weight: 700;
    margin-bottom: .5rem;
    text-transform: uppercase
}

.buttonSlider__icon {
    display: inline-block;
    flex-shrink: 0;
    font-size: calc(13.336px + .74vw);
    line-height: 1;
    transition: background-color .4s,color .2s
}

.buttonSlider--sliderButton .buttonSlider__icon {
    color: #fff;
    font-size: 1.6rem
}

.scrollDown--primary .buttonSlider__icon {
    color: #0063af;
    font-size: 1.6rem
}

.timelineSlider .buttonSlider__icon {
    color: #fd8c04
}

html[dir=rtl] .buttonSlider__icon {
    transform: scaleX(-1)
}

.buttonSlider__icon:before {
    color: #292929;
    display: block
}

.buttonSlider--block {
    display: flex;
    width: 100%
}

.buttonSlider--default {
    border: 1px solid #fd8c04;
    color: #fd8c04
}

@media (hover:hover) {
    .buttonSlider--default:hover, a:hover .buttonSlider--passive .buttonSlider--default, button:hover .buttonSlider--passive .buttonSlider--default {
        background-color: #fd8c04;
        color: #fff;
        filter: drop-shadow(-10px 20px 20px rgba(250,140,4,.2))
    }
}

.buttonSlider--white {
    background-color: #fff;
    color: #0063af
}

@media (hover:hover) {
    .buttonSlider--white:hover, a:hover .buttonSlider--passive .buttonSlider--white, button:hover .buttonSlider--passive .buttonSlider--white {
        background-color: #0063af;
        color: #fff
    }
}

.buttonSlider--transparentWhite {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

@media (hover:hover) {
    .buttonSlider--transparentWhite:hover, a:hover .buttonSlider--passive .buttonSlider--transparentWhite, button:hover .buttonSlider--passive .buttonSlider--transparentWhite {
        background-color: #fff;
        filter: drop-shadow(-10px 20px 20px rgba(255,255,255,.2))
    }

        .buttonSlider--transparentWhite:hover .buttonSlider__icon, a:hover .buttonSlider--passive .buttonSlider--transparentWhite .buttonSlider__icon, button:hover .buttonSlider--passive .buttonSlider--transparentWhite .buttonSlider__icon {
            color: #fd8c04
        }
}

.buttonSlider--transparentWhiteOrange {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff
}

    .buttonSlider--transparentWhiteOrange .buttonSlider__icon:before {
        color: #fff
    }

@media (hover:hover) {
    .buttonSlider--transparentWhiteOrange:hover, a:hover .buttonSlider--passive .buttonSlider--transparentWhiteOrange, button:hover .buttonSlider--passive .buttonSlider--transparentWhiteOrange {
        background-color: #fd8c04;
        border-color: #fd8c04;
        filter: drop-shadow(-10px 20px 20px rgba(250,140,4,.2))
    }

        .buttonSlider--transparentWhiteOrange:hover .buttonSlider__icon, a:hover .buttonSlider--passive .buttonSlider--transparentWhiteOrange .buttonSlider__icon, button:hover .buttonSlider--passive .buttonSlider--transparentWhiteOrange .buttonSlider__icon {
            color: #fff
        }
}

.buttonSlider--transparentOrange {
    background-color: transparent;
    border: 2px solid #fd8c04;
    color: #fd8c04
}

@media (hover:hover) {
    .buttonSlider--transparentOrange:hover, a:hover .buttonSlider--passive .buttonSlider--transparentOrange, button:hover .buttonSlider--passive .buttonSlider--transparentOrange {
        background-color: #fd8c04;
        filter: drop-shadow(-10px 20px 20px rgba(250,140,4,.2))
    }

        .buttonSlider--transparentOrange:hover .buttonSlider__icon, a:hover .buttonSlider--passive .buttonSlider--transparentOrange .buttonSlider__icon, button:hover .buttonSlider--passive .buttonSlider--transparentOrange .buttonSlider__icon {
            color: #fff
        }
}

.buttonSlider--transparentDark {
    background-color: transparent;
    border: 2px solid #292929;
    color: #292929
}

@media (hover:hover) {
    .buttonSlider--transparentDark:hover, a:hover .buttonSlider--passive .buttonSlider--transparentDark, button:hover .buttonSlider--passive .buttonSlider--transparentDark {
        background-color: #fd8c04;
        filter: drop-shadow(-10px 20px 20px rgba(250,140,4,.2))
    }

        .buttonSlider--transparentDark:hover .buttonSlider__icon, a:hover .buttonSlider--passive .buttonSlider--transparentDark .buttonSlider__icon, button:hover .buttonSlider--passive .buttonSlider--transparentDark .buttonSlider__icon {
            color: #fff
        }
}

body .buttonSlider--transparentDark--disabled, body .buttonSlider--transparentDark[disabled] {
    background-color: transparent;
    border: 2px solid #292929;
    color: #292929
}

.buttonSlider--transparentPurple {
    background-color: transparent;
    border: 2px solid #6b48ff;
    color: #6b48ff
}

@media (hover:hover) {
    .buttonSlider--transparentPurple:hover, a:hover .buttonSlider--passive .buttonSlider--transparentPurple, button:hover .buttonSlider--passive .buttonSlider--transparentPurple {
        background-color: #6b48ff;
        filter: drop-shadow(-10px 20px 20px rgba(107,72,255,.2))
    }

        .buttonSlider--transparentPurple:hover .buttonSlider__icon, .buttonSlider--transparentPurple:hover .buttonSlider__text, a:hover .buttonSlider--passive .buttonSlider--transparentPurple .buttonSlider__icon, a:hover .buttonSlider--passive .buttonSlider--transparentPurple .buttonSlider__text, button:hover .buttonSlider--passive .buttonSlider--transparentPurple .buttonSlider__icon, button:hover .buttonSlider--passive .buttonSlider--transparentPurple .buttonSlider__text {
            color: #fff
        }
}

.buttonSlider--transparentLime {
    background-color: transparent;
    border: 2px solid #292929;
    color: #c9f658
}

@media (hover:hover) {
    .buttonSlider--transparentLime:hover, a:hover .buttonSlider--passive .buttonSlider--transparentLime, button:hover .buttonSlider--passive .buttonSlider--transparentLime {
        background-color: #c9f658;
        border-color: #c9f658;
        filter: drop-shadow(-10px 20px 20px rgba(201,246,88,.2))
    }

        .buttonSlider--transparentLime:hover .buttonSlider__icon, a:hover .buttonSlider--passive .buttonSlider--transparentLime .buttonSlider__icon, button:hover .buttonSlider--passive .buttonSlider--transparentLime .buttonSlider__icon {
            color: #fff
        }
}

.buttonSlider--Lime {
    background-color: #c9f658;
    border: 2px solid #c9f658;
    opacity: 1
}

    .buttonSlider--Lime .buttonSlider__icon {
        color: #292929
    }

@media (hover:hover) {
    .buttonSlider--Lime:hover, a:hover .buttonSlider--passive .buttonSlider--Lime, button:hover .buttonSlider--passive .buttonSlider--Lime {
        background-color: #c9f658;
        filter: drop-shadow(-10px 20px 20px rgba(201,246,88,.2))
    }

        .buttonSlider--Lime:hover .buttonSlider__icon, a:hover .buttonSlider--passive .buttonSlider--Lime .buttonSlider__icon, button:hover .buttonSlider--passive .buttonSlider--Lime .buttonSlider__icon {
            color: #fff
        }
}

.buttonSlider--disabled, .buttonSlider[disabled] {
    cursor: not-allowed;
    opacity: .5 !important
}

@media (hover:hover) {
    .buttonSlider--disabled:hover, .buttonSlider[disabled]:hover {
        background-color: transparent;
        border-color: #292929
    }
}

.buttonSlider--disabled.hideDisabled, .buttonSlider[disabled].hideDisabled {
    opacity: 0;
    pointer-events: none
}

.buttonVideo {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    transition: opacity .4s,background-color .4s,border-color .4s,transform .4s;
    width: 50px
}

@media (min-width:1024px) {
    .buttonVideo {
        height: 60px;
        width: 60px
    }
}

@media (min-width:1366px) {
    .buttonVideo {
        height: 70px;
        width: 70px
    }
}

@media (min-width:1600px) {
    .buttonVideo {
        height: 90px;
        width: 90px
    }
}

.buttonVideo__icon {
    font-size: 1.6rem
}

@media (min-width:768px) {
    .buttonVideo__icon {
        font-size: 1.8rem
    }
}

@media (min-width:1280px) {
    .buttonVideo__icon {
        font-size: 2rem
    }
}

.buttonVideo--round {
    border-radius: 50%
}

.buttonVideo--transparentLime {
    background-color: transparent;
    border: 1px solid #c9f658;
    color: #c9f658
}

@media (hover:hover) {
    .buttonVideo--transparentLime:hover {
        background-color: #c9f658;
        filter: drop-shadow(-10px 20px 20px rgba(201,246,88,.2))
    }

        .buttonVideo--transparentLime:hover .buttonVideo__icon {
            color: #fff
        }
}

.buttonImageSlider {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 2rem;
    display: inline-flex;
    font-size: 1.4rem;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 1.375;
    padding: 1rem;
    transition: opacity .4s,background-color .4s,border-color .4s,transform .4s;
    width: 100%
}

.timelineSlider .buttonImageSlider {
    background-color: transparent;
    border-color: #fd8c04
}

.buttonImageSlider:not(.buttonImageSlider--ignoreIntersect) {
    opacity: 0
}

.section--visible .buttonImageSlider:not(.buttonImageSlider--ignoreIntersect) {
    opacity: 1
}

@media (min-width:768px) {
    .buttonImageSlider {
        padding: 1.6rem 3rem
    }
}

@media (min-width:1280px) {
    .buttonImageSlider {
        font-size: 1.6rem
    }
}

.buttonImageSlider__text {
    display: block;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    text-align: left;
    transition: color .2s
}

html[dir=rtl] .buttonImageSlider__text {
    text-align: right
}

.buttonImageSlider--arrow .buttonImageSlider__text {
    padding-right: 1.2rem
}

html[dir=rtl] .buttonImageSlider--arrow .buttonImageSlider__text {
    padding-left: 1.2rem;
    padding-right: 0
}

.buttonImageSlider--arrow .buttonImageSlider__text:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e92d" !important;
    display: block;
    font-family: icomoon !important;
    font-size: 1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 1rem;
    line-height: 1rem;
    margin-top: -.4rem;
    position: absolute;
    right: -.6rem;
    text-transform: none;
    top: 50%;
    transition: color .2s
}

html[dir=rtl] .buttonImageSlider--arrow .buttonImageSlider__text:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e92c" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: -.6rem;
    right: auto;
    text-transform: none
}

.buttonImageSlider--default .buttonImageSlider__text {
    color: #292929
}

.buttonImageSlider.active .buttonImageSlider__text {
    font-weight: 700
}

@media (hover:hover) {
    .buttonImageSlider__text:hover, a:hover .buttonImageSlider--passive .buttonImageSlider__text, button:hover .buttonImageSlider--passive .buttonImageSlider__text {
        font-weight: 700
    }
}

.buttonImageSlider__icon {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    font-size: 1.4rem;
    height: 52px;
    justify-content: center;
    line-height: 1;
    transition: background-color .4s,color .2s;
    width: 52px
}

    .buttonImageSlider__icon:before {
        display: block
    }

.buttonImageSlider__icon--before {
    margin-right: 1.2rem
}

html[dir=rtl] .buttonImageSlider__icon--before {
    margin-left: 1.2rem;
    margin-right: 0
}

.buttonImageSlider__icon--after {
    margin-left: 1.2rem
}

html[dir=rtl] .buttonImageSlider__icon--after {
    margin-left: 0;
    margin-right: 1.2rem
}

.buttonImageSlider--default .buttonImageSlider__icon {
    border: 1px solid #fff;
    color: #fff
}

.buttonImageSlider--whitePurple .buttonImageSlider__icon {
    background-color: #fff;
    color: #292929
}

.buttonImageSlider--whiteGray .buttonImageSlider__icon {
    background-color: #fafafa;
    color: #292929
}

.buttonImageSlider__icon img {
    max-height: 45px;
    max-width: 30px
}

.buttonImageSlider--block {
    display: flex;
    width: 100%
}

.buttonImageSlider--small {
    min-height: 3.2rem;
    padding: .3rem 1.9rem
}

.buttonImageSlider--onlyIcon {
    height: 4rem;
    justify-content: center;
    padding: .3rem;
    width: 4rem
}

@media (min-width:1024px) {
    .buttonImageSlider--onlyIcon {
        height: auto
    }
}

.buttonImageSlider--onlyIcon.buttonImageSlider--small {
    padding: .3rem;
    width: 3.2rem
}

.buttonImageSlider--default {
    background-color: #fff;
    border-radius: .8rem;
    box-shadow: 0 2px 15px 0 rgba(63,37,37,.102),0 8px 8px 0 rgba(63,37,37,.09);
    justify-content: flex-start;
    overflow: hidden;
    padding: 2.2rem 3.3rem;
    position: relative;
    width: 100%
}

    .buttonImageSlider--default:after {
        background-image: url(../images/shapes/general/blue.svg);
        background-position: 50%;
        background-size: 100%;
        bottom: 0;
        content: "";
        height: 9.6rem;
        left: 0;
        opacity: 0;
        position: absolute;
        transform: translate(-100%,100%);
        transition: all .4s;
        width: 9.6rem
    }

    .buttonImageSlider--default.buttonImageSlider.active {
        background-color: #fff;
        filter: drop-shadow(0 15px 20px rgba(255,255,255,.2))
    }

        .buttonImageSlider--default.buttonImageSlider.active:after {
            opacity: 1;
            transform: translate(-30px,50px)
        }

        .buttonImageSlider--default.buttonImageSlider.active .buttonImageSlider__icon {
            background-color: rgba(253,140,4,.1);
            border: none
        }

            .buttonImageSlider--default.buttonImageSlider.active .buttonImageSlider__icon img {
                filter: invert(58%) sepia(67%) saturate(2588%) hue-rotate(357deg) brightness(103%) contrast(104%)
            }

        .buttonImageSlider--default.buttonImageSlider.active .buttonImageSlider__text {
            color: #0063af
        }

@media (hover:hover) {
    .buttonImageSlider--default:hover, a:hover .buttonImageSlider--passive .buttonImageSlider--default, button:hover .buttonImageSlider--passive .buttonImageSlider--default {
        background-color: #fff;
        filter: drop-shadow(0 15px 20px rgba(255,255,255,.2))
    }

        .buttonImageSlider--default:hover .buttonImageSlider__icon, a:hover .buttonImageSlider--passive .buttonImageSlider--default .buttonImageSlider__icon, button:hover .buttonImageSlider--passive .buttonImageSlider--default .buttonImageSlider__icon {
            background-color: #fafafa;
            border: none
        }

            .buttonImageSlider--default:hover .buttonImageSlider__icon img, a:hover .buttonImageSlider--passive .buttonImageSlider--default .buttonImageSlider__icon img, button:hover .buttonImageSlider--passive .buttonImageSlider--default .buttonImageSlider__icon img {
                filter: invert(14%) sepia(18%) saturate(4%) hue-rotate(314deg) brightness(10%) contrast(92%)
            }

        .buttonImageSlider--default:hover .buttonImageSlider__text, a:hover .buttonImageSlider--passive .buttonImageSlider--default .buttonImageSlider__text, button:hover .buttonImageSlider--passive .buttonImageSlider--default .buttonImageSlider__text {
            color: #292929;
            font-weight: 700
        }
}

.buttonImageSlider--whitePurple {
    border-radius: 2rem;
    justify-content: flex-start;
    padding: 1rem;
    width: 100%
}

    .buttonImageSlider--whitePurple.buttonImageSlider.active {
        background-color: #fff;
        filter: drop-shadow(0 15px 20px rgba(0,0,0,.04))
    }

        .buttonImageSlider--whitePurple.buttonImageSlider.active .buttonImageSlider__icon {
            background-color: rgba(107,72,255,.1);
            border: none
        }

            .buttonImageSlider--whitePurple.buttonImageSlider.active .buttonImageSlider__icon img {
                filter: invert(50%) sepia(99%) saturate(6115%) hue-rotate(243deg) brightness(100%) contrast(101%)
            }

@media (hover:hover) {
    .buttonImageSlider--whitePurple:hover, a:hover .buttonImageSlider--passive .buttonImageSlider--whitePurple, button:hover .buttonImageSlider--passive .buttonImageSlider--whitePurple {
        background-color: #fff;
        filter: drop-shadow(0 15px 20px rgba(0,0,0,.04))
    }

        .buttonImageSlider--whitePurple:hover .buttonImageSlider__icon, a:hover .buttonImageSlider--passive .buttonImageSlider--whitePurple .buttonImageSlider__icon, button:hover .buttonImageSlider--passive .buttonImageSlider--whitePurple .buttonImageSlider__icon {
            background-color: rgba(107,72,255,.1);
            border: none
        }

            .buttonImageSlider--whitePurple:hover .buttonImageSlider__icon img, a:hover .buttonImageSlider--passive .buttonImageSlider--whitePurple .buttonImageSlider__icon img, button:hover .buttonImageSlider--passive .buttonImageSlider--whitePurple .buttonImageSlider__icon img {
                filter: invert(50%) sepia(99%) saturate(6115%) hue-rotate(243deg) brightness(100%) contrast(101%)
            }
}

.buttonImageSlider--whiteGrayOrange {
    border-radius: 2rem;
    justify-content: flex-start;
    padding: 1rem;
    width: 100%
}

    .buttonImageSlider--whiteGrayOrange.buttonImageSlider.active {
        background-color: #fff;
        filter: drop-shadow(0 15px 20px rgba(0,0,0,.04))
    }

        .buttonImageSlider--whiteGrayOrange.buttonImageSlider.active .buttonImageSlider__icon {
            background-color: rgba(253,140,4,.1)
        }

            .buttonImageSlider--whiteGrayOrange.buttonImageSlider.active .buttonImageSlider__icon img {
                filter: invert(73%) sepia(52%) saturate(6108%) hue-rotate(357deg) brightness(107%) contrast(105%)
            }

@media (hover:hover) {
    .buttonImageSlider--whiteGrayOrange:hover, a:hover .buttonImageSlider--passive .buttonImageSlider--whiteGrayOrange, button:hover .buttonImageSlider--passive .buttonImageSlider--whiteGrayOrange {
        background-color: #fff;
        filter: drop-shadow(0 15px 20px rgba(0,0,0,.04))
    }

        .buttonImageSlider--whiteGrayOrange:hover .buttonImageSlider__icon, a:hover .buttonImageSlider--passive .buttonImageSlider--whiteGrayOrange .buttonImageSlider__icon, button:hover .buttonImageSlider--passive .buttonImageSlider--whiteGrayOrange .buttonImageSlider__icon {
            background-color: rgba(253,140,4,.1);
            color: #fd8c04
        }

        .buttonImageSlider--whiteGrayOrange:hover .buttonImageSlider__text, a:hover .buttonImageSlider--passive .buttonImageSlider--whiteGrayOrange .buttonImageSlider__text, button:hover .buttonImageSlider--passive .buttonImageSlider--whiteGrayOrange .buttonImageSlider__text {
            font-weight: 700
        }
}

.buttonImageSlider--white {
    background-color: #fff;
    color: #0063af
}

@media (hover:hover) {
    .buttonImageSlider--white:hover, a:hover .buttonImageSlider--passive .buttonImageSlider--white, button:hover .buttonImageSlider--passive .buttonImageSlider--white {
        background-color: #0063af;
        color: #fff
    }
}

.buttonImageSlider--disabled, .buttonImageSlider[disabled] {
    background-color: #d8d8d8;
    border-color: #d8d8d8;
    color: #fff;
    cursor: not-allowed
}

@media (hover:hover) {
    .buttonImageSlider--disabled:hover, .buttonImageSlider[disabled]:hover {
        background-color: #d8d8d8;
        border-color: #d8d8d8;
        color: #fff
    }
}

.buttonShare {
    align-items: center;
    display: inline-flex;
    font-size: 1.4rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1.375;
    padding: .8rem 2rem;
    transition: opacity .4s,background-color .4s,border-color .4s,transform .4s
}

    .buttonShare:not(.buttonShare--ignoreIntersect) {
        opacity: 0
    }

.section--visible .buttonShare:not(.buttonShare--ignoreIntersect) {
    opacity: 1
}

@media (min-width:1280px) {
    .buttonShare {
        font-size: 1.6rem
    }
}

.buttonShare__text {
    display: block;
    position: relative;
    transition: color .2s
}

.buttonShare__icon {
    display: inline-block;
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    transition: background-color .4s,color .2s
}

    .buttonShare__icon:before {
        display: block
    }

.buttonShare__icon--before {
    margin-right: 1.2rem
}

html[dir=rtl] .buttonShare__icon--before {
    margin-left: 1.2rem;
    margin-right: 0
}

.buttonShare__icon--after {
    margin-left: 1.2rem
}

html[dir=rtl] .buttonShare__icon--after {
    margin-left: 0;
    margin-right: 1.2rem
}

.buttonShare--block {
    display: flex;
    width: 100%
}

.buttonShare--small {
    min-height: 3.2rem;
    padding: .3rem 1.9rem
}

.buttonShare--onlyIcon {
    height: 4rem;
    justify-content: center;
    padding: .3rem;
    width: 4rem
}

@media (min-width:1024px) {
    .buttonShare--onlyIcon {
        height: auto
    }
}

.buttonShare--onlyIcon.buttonShare--small {
    padding: .3rem;
    width: 3.2rem
}

.buttonShare--default {
    background-color: transparent;
    border: 1px solid #c9f658;
    border-radius: 2rem;
    color: #292929
}

@media (hover:hover) {
    .buttonShare--default:hover, a:hover .buttonShare--passive .buttonShare--default, button:hover .buttonShare--passive .buttonShare--default {
        background-color: #c9f658;
        filter: drop-shadow(-10px 20px 20px rgba(201,246,88,.2))
    }
}

.buttonShare--disabled, .buttonShare[disabled] {
    background-color: #d8d8d8;
    border-color: #d8d8d8;
    color: #fff;
    cursor: not-allowed
}

@media (hover:hover) {
    .buttonShare--disabled:hover, .buttonShare[disabled]:hover {
        background-color: #d8d8d8;
        border-color: #d8d8d8;
        color: #fff
    }
}

.buttonCta {
    align-items: center;
    border-radius: 2rem;
    display: flex;
    padding: .8rem 1.8rem
}

.buttonCta--default {
    background-color: #c9f658;
    color: #292929
}

.buttonCta__icon {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem
}

html:not([dir=rtl]) .buttonCta__icon {
    margin-right: 1rem
}

html[dir=rtl] .buttonCta__icon {
    margin-left: 1rem
}

.buttonCta--default .buttonCta__icon {
    background-color: #292929
}

.buttonCta--default .buttonCta__iconInner {
    color: #fff
}

.buttonCta__text {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width:1280px) {
    .buttonCta__text {
        font-size: 1.6rem
    }
}

.link {
    align-items: center;
    color: #292929;
    display: inline-flex;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5714285714;
    transition: background-color .4s,color .2s
}

@media (min-width:768px) {
    .link {
        font-size: 1.6rem
    }
}

@media (min-width:1280px) {
    .link {
        font-size: 1.8rem
    }
}

.link--inherit {
    font-size: inherit;
    font-weight: inherit
}

.link:focus-visible {
    border: 2px solid #292929
}

@media (hover:hover) {
    .link:hover, a:hover .link--passive .link, button:hover .link--passive .link {
        color: #1cc5dc
    }

    .link--bottomLinks:hover .link__text {
        color: #292929;
        font-weight: 700
    }

    .link--bottomLinks:hover .link__icon {
        background-color: #1cc5dc;
        color: #fff;
        filter: drop-shadow(-20px 20px 20px rgba(28,197,220,.2))
    }

    .bottomLinks--theme-purple .link--bottomLinks:hover .link__text {
        color: #fff;
        font-weight: 700
    }

    .bottomLinks--theme-purple .link--bottomLinks:hover .link__icon {
        background-color: #c9f658;
        color: #6b48ff;
        filter: drop-shadow(-20px 20px 20px rgba(201,246,88,.2))
    }
}

.link--active, .link--current {
    color: #1cc5dc
}

.link--current {
    font-weight: 700
}

.link--mobileMenu {
    color: #fff
}

    .link--mobileMenu.link--mobileMenu --current, .link--mobileMenu:hover, a:hover .link--passive .link--mobileMenu, button:hover .link--passive .link--mobileMenu {
        color: #c9f658
    }

.link--navSubitem {
    color: #fff;
    text-transform: uppercase
}

@media (hover:hover) {
    .link--navSubitem:hover, a:hover .link--passive .link--navSubitem, button:hover .link--passive .link--navSubitem {
        color: #c9f658
    }
}

.link__text {
    display: block;
    position: relative
}

html:not([dir=rtl]) .link--socialLinkRound .link__text .link--bottomLinks .link__text {
    margin-left: 1.24%
}

html[dir=rtl] .link--socialLinkRound .link__text .link--bottomLinks .link__text {
    margin-right: 1.24%
}

.bg--purple .link__text, .bottomLinks--theme-purple .link__text, .breadcrumbs--theme-white .link__text, .stickyHeader.bg--azure .link__text {
    color: #fff
}

.link__icon {
    display: inline-block;
    font-size: 1rem;
    line-height: 1
}

    .link__icon:before {
        display: block
    }

.link__icon--before {
    margin-right: .8rem
}

html[dir=rtl] .link__icon--before {
    margin-left: .8rem;
    margin-right: 0
}

.link__icon--after {
    margin-left: .8rem
}

html[dir=rtl] .link__icon--after {
    margin-left: 0;
    margin-right: .8rem
}

.link--bottomLinks .link__icon {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    font-size: 1.6rem;
    height: 40px;
    justify-content: center;
    width: 40px
}

@media (min-width:768px) {
    .link--bottomLinks .link__icon {
        height: 50px;
        width: 50px
    }
}

@media (min-width:1024px) {
    .link--bottomLinks .link__icon {
        height: 60px;
        width: 60px
    }
}

@media (min-width:1366px) {
    .link--bottomLinks .link__icon {
        height: 70px;
        width: 70px
    }
}

@media (min-width:1600px) {
    .link--bottomLinks .link__icon {
        height: 90px;
        width: 90px
    }
}

.link--bottomLinks .link__icon:before {
    transition: transform .2s
}

html:not([dir=rtl]) .link--bottomLinks .link__icon:before {
    transform: rotate(-45deg)
}

html[dir=rtl] .link--bottomLinks .link__icon:before {
    transform: rotate(-135deg)
}

html:not([dir=rtl]) .link--bottomLinks:hover .link__icon:before {
    transform: translate(8px,-8px) rotate(-45deg)
}

html[dir=rtl] .link--bottomLinks:hover .link__icon:before {
    transform: translate(-8px,-8px) rotate(-135deg)
}

.link--socialLinkRound .link__icon {
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    font-size: 2rem;
    height: 40px;
    justify-content: center;
    width: 40px
}

@media (min-width:768px) {
    .link--socialLinkRound .link__icon {
        height: 50px;
        width: 50px
    }
}

@media (min-width:1024px) {
    .link--socialLinkRound .link__icon {
        height: 60px;
        width: 60px
    }
}

@media (min-width:1366px) {
    .link--socialLinkRound .link__icon {
        height: 70px;
        width: 70px
    }
}

@media (min-width:1600px) {
    .link--socialLinkRound .link__icon {
        height: 90px;
        width: 90px
    }
}

.bottomLinks--theme-primary .link__icon {
    border: 1px solid #1cc5dc;
    color: #1cc5dc
}

.bottomLinks--theme-purple .link__icon {
    border: 1px solid #c9f658;
    color: #c9f658
}

.bg--purple .link__icon, .breadcrumbs--theme-white .link__icon {
    color: #fff
}

.link--primary .link__icon {
    color: #0063af
}

.link--block {
    display: flex;
    width: 100%
}

.link--bold {
    font-weight: 700
}

.link--socialLinkRound {
    font-size: 2rem;
    line-height: 1.2857142857
}

@media (min-width:1024px) {
    .link--socialLinkRound {
        font-size: 2.2rem;
        line-height: 1.3846153846
    }
}

@media (min-width:1600px) {
    .link--socialLinkRound {
        font-size: 2.4rem;
        line-height: 1.5
    }
}

.link--sticky {
    padding: 1.5rem 3rem
}

    .link--sticky.active {
        background-color: #c9f658
    }

        .link--sticky.active .link__text {
            color: #292929;
            font-weight: 700
        }

@media (hover:hover) {
    .link--sticky:hover {
        background-color: #c9f658
    }

        .link--sticky:hover .link__text {
            color: #292929;
            font-weight: 700
        }
}

.link--small {
    font-size: 1.4rem
}

.link--large {
    font-size: 1.8rem;
    line-height: 1.6
}

@media (min-width:1280px) {
    .link--large {
        font-size: 2rem
    }
}

.link--disabled, .link[disabled] {
    cursor: not-allowed;
    opacity: .4
}

@media (hover:hover) {
    .link--disabled:hover, .link[disabled]:hover {
        color: #d8d8d8
    }
}

.input {
    position: relative
}

.input--inline {
    display: inline-block;
    width: auto
}

.input--error:after, .input.error:after {
    bottom: 2rem;
    color: #e05252;
    display: block;
    font-size: 1.5rem;
    left: auto;
    line-height: 1;
    margin-bottom: -.75rem;
    position: absolute;
    right: 1.5rem
}

html[dir=rtl] .input--error:after, html[dir=rtl] .input.error:after {
    left: 1.5rem;
    right: auto
}

.input__input {
    background-color: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 2.8rem;
    color: #303236;
    display: block;
    font-family: CenturyGothic;
    font-size: 1.8rem;
    height: 5.6rem;
    line-height: 2rem;
    padding: .9rem 2rem;
    transition: border-color .2s;
    width: 100%
}

    .input__input:focus, .input__input:hover {
        border-color: #292929
    }

.input--error .input__input, .input.error .input__input {
    border-color: #e05252;
    color: #e05252
}

html:not([dir=rtl]) .input--error .input__input, html:not([dir=rtl]) .input.error .input__input {
    padding-right: 3.1rem
}

html[dir=rtl] .input--error .input__input, html[dir=rtl] .input.error .input__input {
    padding-left: 3.1rem
}

.input__input[type=checkbox] {
    border-radius: 0;
    height: 20px;
    padding: 0;
    width: 20px
}

    .input__input[type=checkbox].error + label {
        color: red
    }

.input__input::-webkit-input-placeholder {
    color: #292929
}

.input__input:-ms-input-placeholder {
    color: #292929
}

.input__input::-ms-input-placeholder {
    color: #292929
}

.input__input::placeholder {
    color: #292929
}

.input--contact .input__input {
    border-color: #e2e2e2;
    padding-top: 3.1rem
}

.input__label {
    display: block;
    font-size: 1.8rem;
    left: 1.6rem;
    position: absolute;
    top: 3.6rem;
    transform: translateY(-50%);
    transition: all .2s
}

html:not([dir=rtl]) .input__label {
    margin-left: 1rem
}

html[dir=rtl] .input__label {
    left: auto;
    margin-right: 1rem;
    right: 1.6rem
}

.input--filled .input__label, .input__input:focus + .input__label {
    color: #b2b2b2;
    font-size: 1.4rem;
    transform: translateY(-3.1rem)
}

.input--contact .input__label {
    top: 4rem
}

html:not([dir=rtl]) .input--contact .input__label {
    margin-left: 0
}

html[dir=rtl] .input--contact .input__label {
    margin-right: 0
}

.input--error .input__label, .input.error .input__label {
    color: #e05252
}

.input__search {
    opacity: 0;
    transform: translateX(100%);
    transition: transform .4s,opacity .4s,visibility .4s;
    visibility: hidden
}

.input__search--active {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

.input__toggle {
    right: 0
}

.input--search:before, .input__toggle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.input--search:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b2b2b2;
    content: "\e91f" !important;
    font-family: icomoon !important;
    font-size: 2.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    right: 2rem;
    text-transform: none
}

html[dir=rtl] .input--search:before {
    left: 2rem;
    right: auto
}

.input--faq .input__input {
    border-radius: 1.2rem;
    height: 6.4rem
}

@media (min-width:1280px) {
    .input--faq .input__input {
        height: 7.4rem
    }
}

.input--faq .input__input::-webkit-input-placeholder {
    color: #b2b2b2
}

.input--faq .input__input:-ms-input-placeholder {
    color: #b2b2b2
}

.input--faq .input__input::-ms-input-placeholder {
    color: #b2b2b2
}

.input--faq .input__input::placeholder {
    color: #b2b2b2
}

.input--faq:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b2b2b2;
    content: "\e91f" !important;
    font-family: icomoon !important;
    font-size: 2.2rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    position: absolute;
    right: 2rem;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%)
}

html[dir=rtl] .input--faq:before {
    left: 2rem;
    right: auto
}

.input--contact .input__input {
    -webkit-padding-start: 1.6rem;
    border-radius: 1.6rem;
    height: 7.2rem;
    padding-inline-start: 1.6rem
}

    .input--contact .input__input::-webkit-input-placeholder {
        color: #b2b2b2
    }

    .input--contact .input__input:-ms-input-placeholder {
        color: #b2b2b2
    }

    .input--contact .input__input::-ms-input-placeholder {
        color: #b2b2b2
    }

    .input--contact .input__input::placeholder {
        color: #b2b2b2
    }

.inputTextIcon {
    position: relative;
    width: 100%
}

.inputTextIcon__input {
    background-color: #f7f7f7;
    border-radius: 2rem;
    font-size: 1.8rem;
    min-height: 78px;
    width: 100%
}

html:not([dir=rtl]) .inputTextIcon__input {
    padding: 3rem 3.5rem 3rem 7rem
}

html[dir=rtl] .inputTextIcon__input {
    padding: 3rem 7rem 3rem 3.5rem
}

.inputTextIcon__input::-webkit-input-placeholder {
    color: #b2b2b2
}

.inputTextIcon__input:-ms-input-placeholder {
    color: #b2b2b2
}

.inputTextIcon__input::-ms-input-placeholder {
    color: #b2b2b2
}

.inputTextIcon__input::placeholder {
    color: #b2b2b2
}

.inputTextIcon__icon {
    color: #0063af;
    font-size: 2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

html:not([dir=rtl]) .inputTextIcon__icon {
    left: 3.5rem
}

html[dir=rtl] .inputTextIcon__icon {
    right: 3.5rem
}

.formInput {
    border: 1px solid #e2e2e2;
    border-radius: 2rem;
    min-height: 45px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .formInput {
        min-height: 78px
    }
}

.formInput--search {
    border: none;
    min-height: unset
}

.formInput__input {
    color: #fff;
    max-height: 78px;
    padding: 1rem 2rem;
    transition: padding .2s;
    width: 100%
}

@media (min-width:600px) {
    .formInput__input {
        padding: 3rem 4rem
    }
}

.formInput__input:focus {
    padding: 4rem 1.5rem 2rem
}

@media (min-width:600px) {
    .formInput__input:focus {
        padding: 4rem 3.5rem 2rem
    }
}

.formInput__input:focus + .formInput__label {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

.formInput__input.error {
    color: #e05252
}

    .formInput__input.error::-webkit-input-placeholder {
        color: #e05252
    }

    .formInput__input.error:-ms-input-placeholder {
        color: #e05252
    }

    .formInput__input.error::-ms-input-placeholder {
        color: #e05252
    }

    .formInput__input.error::placeholder {
        color: #e05252
    }

.formInput__label {
    color: #b2b2b2;
    font-size: 1.4rem;
    opacity: 0;
    position: absolute;
    top: 2rem;
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden
}

html:not([dir=rtl]) .formInput__label {
    left: 1.5rem;
    transform: translateX(-50px)
}

html[dir=rtl] .formInput__label {
    right: 1.5rem;
    transform: translateX(50px)
}

@media (min-width:600px) {
    html:not([dir=rtl]) .formInput__label {
        left: 3.5rem
    }

    html[dir=rtl] .formInput__label {
        right: 3.5rem
    }
}

.formInput__search {
    border: 1px solid #e2e2e2;
    border-radius: 2rem;
    color: #292929 !important;
    font-size: 1.4rem;
    max-height: 50px;
    opacity: 0;
    padding: .5rem 3rem;
    transform: translateX(100%);
    transition: transform .4s,opacity .4s,visibility .4s;
    visibility: hidden
}

    .formInput__search:focus {
        padding: .5rem 3rem
    }

    .formInput__search.active {
        opacity: 1;
        transform: translateX(0);
        visibility: visible
    }

.formInput__toggle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.formTextarea {
    border: 1px solid #e2e2e2;
    border-radius: 2rem;
    position: relative;
    width: 100%
}

.formTextarea__textarea {
    max-height: 300px;
    min-height: 300px;
    padding: 1rem 2rem;
    resize: none;
    transition: padding .2s;
    width: 100%
}

@media (min-width:600px) {
    .formTextarea__textarea {
        padding: 2rem 4rem
    }
}

.formTextarea__textarea:focus {
    padding: 4rem 1.5rem 2rem
}

@media (min-width:600px) {
    .formTextarea__textarea:focus {
        padding: 4rem 3.5rem 2rem
    }
}

.formTextarea__textarea:focus + .formTextarea__label {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

.formTextarea__label {
    color: #b2b2b2;
    font-size: 1.4rem;
    opacity: 0;
    position: absolute;
    top: 2rem;
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden
}

html:not([dir=rtl]) .formTextarea__label {
    left: 1.5rem;
    transform: translateX(-50px)
}

html[dir=rtl] .formTextarea__label {
    right: 1.5rem;
    transform: translateX(50px)
}

@media (min-width:600px) {
    html:not([dir=rtl]) .formTextarea__label {
        left: 3.5rem
    }

    html[dir=rtl] .formTextarea__label {
        right: 3.5rem
    }
}

.formSelect {
    font-size: 1.8rem;
    position: relative;
    width: 100%
}

.formSelect__select {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 2rem;
    transition: border-radius .4s;
    width: 100%
}

.formSelect.active .formSelect__select {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 10
}

.formSelect__selectIcon {
    color: #0063af;
    font-size: 1rem
}

.formSelect__current {
    align-items: center;
    display: flex;
    max-height: 45px;
    min-height: 45px;
    padding: 1rem 2rem;
    width: 100%
}

@media (min-width:600px) {
    .formSelect__current {
        padding: 2rem 4rem
    }
}

@media (min-width:768px) {
    .formSelect__current {
        max-height: 78px;
        min-height: 78px
    }
}

.formSelect__currentButton {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

    .formSelect__currentButton:hover {
        font-weight: 700
    }

.formSelect__currentButtonText {
    font-size: 1.4rem;
    line-height: 1.5
}

@media (min-width:1024px) {
    .formSelect__currentButtonText {
        font-size: 1.6rem;
        line-height: 1.6363636364
    }
}

@media (min-width:1600px) {
    .formSelect__currentButtonText {
        font-size: 1.8rem;
        line-height: 2
    }
}

.formSelect:not(.formSelect.selected) .formSelect__currentButtonText {
    color: #b2b2b2
}

.formSelect:not(.formSelect.selected) .formSelect__currentButton.error .formSelect__currentButtonText, .formSelect__currentButton.error .formSelect__currentButtonText, .formSelect__currentButton.error .formSelect__selectIcon {
    color: red
}

.formSelect__picker {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    left: 0;
    max-height: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .4s,visibility .4s,max-height .4s;
    visibility: hidden;
    width: 100%;
    z-index: 2
}

.formSelect.active .formSelect__picker {
    max-height: 9999px;
    opacity: 1;
    visibility: visible
}

.formSelect__pickerValue {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1.4rem;
    justify-content: space-between;
    line-height: 1.5;
    padding: 1rem 2rem
}

@media (min-width:1024px) {
    .formSelect__pickerValue {
        font-size: 1.6rem;
        line-height: 1.6363636364
    }
}

@media (min-width:1600px) {
    .formSelect__pickerValue {
        font-size: 1.8rem;
        line-height: 2
    }
}

@media (min-width:600px) {
    .formSelect__pickerValue {
        padding: 2rem 4rem
    }
}

.formSelect__pickerValue:hover {
    font-weight: 700
}

.formSelect__pickerValue:not(:last-of-type) {
    border-bottom: 1px solid #e2e2e2
}

.formSelect__pickerValue:focus-visible {
    outline: auto
}

.formSelect__pickerValue.hidden {
    display: none
}

.formSelect__pickerValue--placeholder {
    opacity: .5;
    pointer-events: none
}

.formSelect__pickerValueIcon {
    color: #0063af;
    font-size: 1.8rem;
    opacity: 0
}

.formSelect__pickerValue.selected .formSelect__pickerValueIcon {
    opacity: 1
}

.textarea {
    display: block;
    position: relative;
    width: 100%
}

.textarea--inline {
    display: inline-block;
    width: auto
}

.textarea--error:after, .textarea.error:after {
    bottom: 2rem;
    color: #e05252;
    display: block;
    font-size: 1.5rem;
    left: auto;
    line-height: 1;
    margin-bottom: -.75rem;
    position: absolute;
    right: 1.5rem
}

html[dir=rtl] .textarea--error:after, html[dir=rtl] .textarea.error:after {
    left: 1.5rem;
    right: auto
}

.textarea__textarea {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 1.6rem;
    display: block;
    font-family: CenturyGothic;
    font-size: 1.8rem;
    height: 9.8rem;
    line-height: 2;
    overflow: hidden;
    padding: 4.6rem 1.5rem .9rem;
    resize: vertical;
    transition: border-color .2s;
    width: 100%
}

    .textarea__textarea::-webkit-input-placeholder {
        color: #b2b2b2
    }

    .textarea__textarea:-ms-input-placeholder {
        color: #b2b2b2
    }

    .textarea__textarea::-ms-input-placeholder {
        color: #b2b2b2
    }

    .textarea__textarea::placeholder {
        color: #b2b2b2
    }

.textarea--register .textarea__textarea {
    font-size: 1.4rem;
    line-height: 2.1rem;
    padding: 1.6rem
}

.textarea__textarea:focus {
    border-color: #292929
}

.textarea--error .textarea__textarea, .textarea.error .textarea__textarea {
    border-color: #e05252;
    color: #e05252
}

html:not([dir=rtl]) .textarea--error .textarea__textarea, html:not([dir=rtl]) .textarea.error .textarea__textarea {
    padding-right: 3.1rem
}

html[dir=rtl] .textarea--error .textarea__textarea, html[dir=rtl] .textarea.error .textarea__textarea {
    padding-left: 3.1rem
}

.textarea__label {
    color: #b2b2b2;
    display: block;
    font-size: 1.8rem;
    left: 1.5rem;
    line-height: 2.8rem;
    pointer-events: none;
    position: absolute;
    right: auto;
    top: 2rem;
    transform-origin: 0 50%;
    transition: transform .2s,background-size .2s
}

.textarea--register .textarea__label {
    font-size: 1.4rem;
    line-height: 2.1rem;
    top: 1.6rem
}

html[dir=rtl] .textarea__label {
    background-position: 100% 100%;
    left: auto;
    right: 1.5rem;
    transform-origin: 100% 50%
}

.textarea--filled .textarea__label, .textarea__textarea:focus + .textarea__label {
    background-size: 100% 100%;
    transform: translate(.1rem,-1.8rem) scale(.83)
}

html[dir=rtl] .textarea--filled .textarea__label, html[dir=rtl] .textarea__textarea:focus + .textarea__label {
    transform: translate(-.1rem,-1.8rem) scale(.83)
}

.textarea__textarea:focus + .textarea__label {
    color: #b2b2b2
}

.textarea--error .textarea__label, .textarea.error .textarea__label {
    color: #e05252
}

.textarea__counter {
    -webkit-padding-end: 1.6rem;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-top: .4rem;
    padding-inline-end: 1.6rem
}

.textarea__current, .textarea__divider, .textarea__total {
    color: #b2b2b2;
    font-size: 1.4rem;
    line-height: 2.1rem
}

.select {
    display: block;
    position: relative;
    width: 100%
}

.select--inline {
    display: inline-block;
    width: auto
}

.select:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #292929;
    content: "\e90c" !important;
    display: block;
    font-family: icomoon !important;
    font-size: .8rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%)
}

html[dir=rtl] .select:after {
    left: 1rem;
    right: auto
}

@media (min-width:1024px) {
    .select:after {
        right: 2rem
    }

    html[dir=rtl] .select:after {
        left: 2rem;
        right: auto
    }
}

.select:hover .select__placeholder {
    border-color: #292929
}

.select--active:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e914" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    margin-top: -.5rem;
    text-transform: none;
    transform: rotate(180deg)
}

.select__button, .select__placeholder, .select__select, .select__value {
    -webkit-padding-start: 2rem;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 2.8rem;
    display: block;
    font-size: 1.4rem;
    height: 4.2rem;
    line-height: 1.4285714286;
    padding: 1rem;
    padding-inline-start: 2rem;
    transition: border-color .2s;
    width: 100%
}

@media (min-width:600px) {
    .select__button, .select__placeholder, .select__select, .select__value {
        border-radius: 2.1rem;
        font-size: 1.4rem;
        padding: 1.2rem 2rem
    }
}

@media (min-width:768px) {
    .select__button, .select__placeholder, .select__select, .select__value {
        border-radius: calc(13.0128px + 1.04vw);
        font-size: calc(11.72672px + .296vw);
        padding: 1.6rem 2rem
    }
}

@media (min-width:1024px) {
    .select__button, .select__placeholder, .select__select, .select__value {
        font-size: 1.8rem;
        height: 5.6rem;
        line-height: 1.3333333333;
        padding: 1.7rem 2rem
    }
}

.select--noBorder .select__button, .select--noBorder .select__placeholder, .select--noBorder .select__select, .select--noBorder .select__value {
    border-color: transparent
}

.select--contact .select__button, .select--contact .select__placeholder, .select--contact .select__select, .select--contact .select__value {
    border-color: #e2e2e2;
    border-radius: 1.6rem;
    height: 7.2rem
}

.select--settings .select__button, .select--settings .select__placeholder, .select--settings .select__select, .select--settings .select__value {
    border: none
}

.select--focused .select__button, .select--focused .select__placeholder, .select--focused .select__select, .select--focused .select__value, .select__button:focus, .select__placeholder:focus, .select__select:focus, .select__value:focus {
    border-color: #292929
}

.select__button::-webkit-input-placeholder, .select__placeholder::-webkit-input-placeholder, .select__select::-webkit-input-placeholder, .select__value::-webkit-input-placeholder {
    color: rgba(41,41,41,.33)
}

.select__button:-ms-input-placeholder, .select__placeholder:-ms-input-placeholder, .select__select:-ms-input-placeholder, .select__value:-ms-input-placeholder {
    color: rgba(41,41,41,.33)
}

.select__button::-ms-input-placeholder, .select__placeholder::-ms-input-placeholder, .select__select::-ms-input-placeholder, .select__value::-ms-input-placeholder {
    color: rgba(41,41,41,.33)
}

.select__button::placeholder, .select__placeholder::placeholder, .select__select::placeholder, .select__value::placeholder {
    color: rgba(41,41,41,.33)
}

.select--error .select__button::-webkit-input-placeholder, .select--error .select__placeholder::-webkit-input-placeholder, .select--error .select__select::-webkit-input-placeholder, .select--error .select__value::-webkit-input-placeholder, .select.error .select__button::-webkit-input-placeholder, .select.error .select__placeholder::-webkit-input-placeholder, .select.error .select__select::-webkit-input-placeholder, .select.error .select__value::-webkit-input-placeholder {
    color: #e05252
}

.select--error .select__button:-ms-input-placeholder, .select--error .select__placeholder:-ms-input-placeholder, .select--error .select__select:-ms-input-placeholder, .select--error .select__value:-ms-input-placeholder, .select.error .select__button:-ms-input-placeholder, .select.error .select__placeholder:-ms-input-placeholder, .select.error .select__select:-ms-input-placeholder, .select.error .select__value:-ms-input-placeholder {
    color: #e05252
}

.select--error .select__button::-ms-input-placeholder, .select--error .select__placeholder::-ms-input-placeholder, .select--error .select__select::-ms-input-placeholder, .select--error .select__value::-ms-input-placeholder, .select.error .select__button::-ms-input-placeholder, .select.error .select__placeholder::-ms-input-placeholder, .select.error .select__select::-ms-input-placeholder, .select.error .select__value::-ms-input-placeholder {
    color: #e05252
}

.select--error .select__button::placeholder, .select--error .select__placeholder::placeholder, .select--error .select__select::placeholder, .select--error .select__value::placeholder, .select.error .select__button::placeholder, .select.error .select__placeholder::placeholder, .select.error .select__select::placeholder, .select.error .select__value::placeholder {
    color: #e05252
}

.select--error .select__button, .select--error .select__placeholder, .select--error .select__select, .select--error .select__value, .select.error .select__button, .select.error .select__placeholder, .select.error .select__select, .select.error .select__value {
    border-color: #e05252;
    color: #e05252
}

.select__input {
    position: relative
}

.select__input--hidden {
    visibility: hidden
}

.select__button, .select__placeholder, .select__search, .select__value {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: border-color .2s;
    width: 100%
}

.select__input--error ~ .select__button, .select__input--error ~ .select__placeholder, .select__input--error ~ .select__search, .select__input--error ~ .select__value {
    border-color: #e05252
}

.select__placeholder, .select__value {
    overflow: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select__value {
    display: block
}

.select--placeholder .select__value {
    display: none
}

.select--contact .select__value {
    padding-top: 2.4rem
}

.select__placeholder {
    color: rgba(41,41,41,.33);
    display: none
}

.select--placeholder .select__placeholder {
    display: block
}

.select__button {
    opacity: 0
}

.select__search {
    border-radius: .4rem;
    opacity: 0;
    transition: opacity .2s,border-color .2s,border-radius .2s;
    z-index: 1
}

    .select__search:before {
        background-color: #fff;
        border-radius: 2.5rem;
        bottom: .3rem;
        content: "";
        display: block;
        left: .3rem;
        position: absolute;
        right: .3rem;
        top: .3rem;
        z-index: 0
    }

@media (min-width:600px) {
    .select__search:before {
        border-radius: 1.8rem
    }
}

@media (min-width:768px) {
    .select__search:before {
        border-radius: calc(10.0128px + 1.04vw)
    }
}

.select__search:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903" !important;
    display: block;
    font-family: icomoon !important;
    font-size: 1.8rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-top: -.8rem;
    pointer-events: none;
    position: absolute;
    text-transform: none;
    top: 50%;
    z-index: 1
}

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

.select__searchInput {
    color: #292929;
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    height: 100%;
    line-height: 2rem;
    padding: .9rem 3.2rem;
    position: relative;
    width: 100%;
    z-index: 2
}

.select__options {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: .8rem;
    border-top: 0;
    box-shadow: 0 .4rem 2rem rgba(0,0,0,.1);
    left: 0;
    margin-top: .8rem;
    max-height: 40rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .8rem;
    position: absolute;
    top: 0;
    transform-origin: 50% 0;
    z-index: 50
}

.select__options--multiple .select__option {
    padding-left: 4rem
}

html[dir=rtl] .select__options--multiple .select__option {
    padding-left: 0;
    padding-right: 4rem
}

.select__option {
    border-radius: 2.4rem;
    color: #292929;
    display: block;
    font-size: 1.8rem;
    line-height: 1.3333333333;
    min-height: 4.8rem;
    overflow: hidden;
    padding-left: .8rem;
    text-align: left;
    text-overflow: ellipsis;
    transition: color .2s;
    transition: background-color .2s;
    white-space: nowrap;
    width: 100%
}

html[dir=rtl] .select__option {
    text-align: right
}

.select__option--hidden {
    display: none
}

@media (min-width:600px) {
    .select__option {
        border-radius: 2rem
    }
}

@media (min-width:768px) {
    .select__option {
        border-radius: calc(15.43808px + .594vw)
    }
}

.select__option--selected {
    color: #292929
}

.select__options--multiple .select__option {
    position: relative
}

.select__options--multiple .select__option--partial, .select__options--multiple .select__option--selected {
    color: #292929
}

.select__checkbox {
    align-items: center;
    background-color: #fff;
    border: 2px solid #292929;
    border-radius: .4rem;
    cursor: pointer;
    display: flex;
    height: 2rem;
    justify-content: center;
    left: .8rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .2s,border-color .2s;
    width: 2rem
}

html[dir=rtl] .select__checkbox {
    left: auto;
    right: .8rem
}

.select__checkbox:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "\e91c" !important;
    display: block;
    font-family: icomoon !important;
    font-size: .8rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.select__option--selected .select__checkbox {
    background-color: #292929;
    border-color: #292929
}

    .select__option--selected .select__checkbox:before {
        color: #fff
    }

.select__option--partial .select__checkbox {
    border-color: #292929
}

.select__option--disabled .select__checkbox {
    background-color: #fff
}

    .select__option--disabled .select__checkbox:before {
        color: #fff
    }

.select__option--noResults .select__checkbox {
    display: none
}

.select__label {
    -webkit-padding-start: 2rem;
    background-color: transparent;
    display: block;
    font-size: 1.4rem;
    line-height: 1.4285714286;
    max-width: calc(100% - 4.8rem);
    overflow: hidden;
    padding: 0;
    padding-inline-start: 2rem;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    top: 2rem;
    transform: translateX(0) translateY(-1rem);
    transition: color .2s,transform .2s,background-color .2s;
    white-space: nowrap;
    z-index: 3
}

@media (min-width:600px) {
    .select__label {
        transform: translateX(0) translateY(-.9rem)
    }
}

@media (min-width:768px) {
    .select__label {
        transform: translateX(0) translateY(calc(-7.86336px - .148vw))
    }
}

@media (min-width:1024px) {
    .select__label {
        font-size: 1.8rem;
        line-height: 1.25;
        top: 2.8rem
    }
}

.select--filled .select__label {
    display: none
}

.select--focused .select__label, .select__select:focus ~ .select__label {
    color: #292929
}

.select--error .select__label, .select.error .select__label {
    color: #e05252
}

.select--contact .select__label {
    top: 3.6rem
}

.select--noLabel .select__button, .select--noLabel .select__placeholder, .select--noLabel .select__select, .select--noLabel .select__value, .select--noLabelNavy .select__button, .select--noLabelNavy .select__placeholder, .select--noLabelNavy .select__select, .select--noLabelNavy .select__value {
    border-radius: 2.4rem;
    font-size: 2rem;
    font-weight: 400;
    height: 4.8rem;
    line-height: 1.2;
    padding: 1.1rem 2.4rem
}

@media (min-width:600px) {
    .select--noLabel .select__button, .select--noLabel .select__placeholder, .select--noLabel .select__select, .select--noLabel .select__value, .select--noLabelNavy .select__button, .select--noLabelNavy .select__placeholder, .select--noLabelNavy .select__select, .select--noLabelNavy .select__value {
        border-radius: 2rem;
        font-size: 1.6rem;
        height: 4rem;
        padding: 1rem 2.4rem
    }
}

@media (min-width:768px) {
    .select--noLabel .select__button, .select--noLabel .select__placeholder, .select--noLabel .select__select, .select--noLabel .select__value, .select--noLabelNavy .select__button, .select--noLabelNavy .select__placeholder, .select--noLabelNavy .select__select, .select--noLabelNavy .select__value {
        border-radius: calc(15.43808px + .594vw);
        font-size: calc(11.43808px + .594vw);
        height: calc(30.8608px + 1.19vw);
        padding: calc(8.86336px + .148vw) 2.4rem
    }
}

.select--noLabel .select__label, .select--noLabelNavy .select__label {
    display: none
}

.select--noLabelNavy:after {
    color: #fff
}

.select--noLabelNavy .select__button, .select--noLabelNavy .select__placeholder, .select--noLabelNavy .select__select, .select--noLabelNavy .select__value {
    border-color: transparent;
    color: #fff
}

.select__options--noLabel .select__option, .select__options--noLabelNavy .select__option {
    border-radius: 2.4rem;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.2;
    min-height: 4.8rem
}

@media (min-width:600px) {
    .select__options--noLabel .select__option, .select__options--noLabelNavy .select__option {
        border-radius: 2rem;
        font-size: 1.6rem;
        min-height: 4rem
    }
}

@media (min-width:768px) {
    .select__options--noLabel .select__option, .select__options--noLabelNavy .select__option {
        border-radius: calc(15.43808px + .594vw);
        font-size: calc(11.43808px + .594vw);
        min-height: calc(30.8608px + 1.19vw)
    }
}

.select__error {
    color: #e05252;
    display: none;
    font-size: 1.4rem;
    line-height: 1.7142857143
}

.select__error--active {
    display: block !important
}

.select--default .select__button, .select--default .select__placeholder, .select--default .select__select, .select--default .select__value {
    border-color: #e2e2e2;
    border-radius: .6rem
}

.select--default:after {
    font-size: .6rem
}

.select--contact:after, .select--default:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e91e" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.select--settings {
    -webkit-margin-end: -1.6rem;
    margin-inline-end: -1.6rem;
    width: 10rem
}

    .select--settings .select__button, .select--settings .select__label, .select--settings .select__placeholder, .select--settings .select__select, .select--settings .select__value {
        font-size: 1.6rem;
        font-weight: 700;
        height: 2.4rem;
        line-height: 2.4rem;
        padding: 0
    }

    .select--settings:after {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #0063af;
        content: "\e91e" !important;
        font-family: icomoon !important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-transform: none;
        top: 1.2rem
    }

.statusBadge {
    border-radius: 2rem;
    display: inline-block;
    padding: .8rem 1.6rem;
    position: relative;
    transition: background-color .4s,color .4s
}

@media (min-width:1024px) {
    .statusBadge {
        padding: 1.2rem 2rem
    }
}

.statusBadge__text {
    font-size: 1.4rem;
    font-weight: 700
}

@media (min-width:1024px) {
    .statusBadge__text {
        font-size: 1.6rem
    }
}

.statusBadge--theme-azure {
    border: 1px solid #1cc5dc
}

@media (hover:hover) {
    .statusBadge--theme-azure:hover {
        background-color: #1cc5dc;
        color: #fff
    }
}

.tag {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5;
    transition: opacity .4s
}

@media (min-width:768px) {
    .tag {
        font-size: 1.8rem
    }
}

.section--visible .tag {
    opacity: 1
}

.tag__text {
    display: block;
    position: relative
}

.tag--block {
    display: flex;
    width: 100%
}

.tag--small {
    font-size: 1.2rem
}

@media (min-width:768px) {
    .tag--small {
        font-size: 1.4rem
    }
}

.tag--primary {
    color: #0063af
}

.tag--azure {
    color: #1cc5dc
}

.tag--lime {
    color: #c9f658
}

.tag--white {
    color: #fff
}

.tag--orange {
    color: #fd8c04
}

.tag--bgOrange {
    background-color: #c9f658
}

.tag--bgBlue, .tag--bgOrange {
    border-radius: 6px;
    color: #292929;
    font-weight: 400;
    padding: 4px 12px
}

.tag--bgBlue {
    background-color: #1cc5dc
}

.tag--quoteDefault {
    color: #b2b2b2
}

.tag--bullet, .tag--bulletPrimary {
    font-size: 1.6rem;
    line-height: normal;
    text-transform: uppercase
}

    .tag--bullet.tag--small, .tag--bulletPrimary.tag--small {
        font-size: 1.2rem
    }

@media (min-width:768px) {
    .tag--bullet.tag--small, .tag--bulletPrimary.tag--small {
        font-size: 1.4rem
    }
}

.tag--bullet {
    color: #292929
}

.tag--bulletPrimary {
    color: #0063af
}

.tag--noBold {
    font-weight: 400
}

.tag--upperCase {
    text-transform: uppercase
}

.iconElement {
    align-items: center;
    display: flex;
    font-size: 1.6rem;
    height: 42px;
    justify-content: center;
    width: 42px
}

@media (min-width:768px) {
    .iconElement {
        font-size: 1.8rem;
        height: 52px;
        width: 52px
    }
}

@media (min-width:1280px) {
    .iconElement {
        font-size: 2rem
    }
}

.iconElement--round {
    border-radius: 50%
}

.iconElement--transparentWhite {
    border: 1px solid #fff
}

    .iconElement--transparentWhite .iconElement__icon {
        color: #fff
    }

.list__title {
    font-size: calc(20.004px + 1.11vw);
    line-height: 1.3333333333;
    margin-bottom: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .list__title {
        font-size: 3.6rem
    }
}

.list__list {
    display: flex;
    flex-direction: column;
    gap: calc(13.336px + .74vw)
}

.list__listItem {
    -webkit-padding-start: calc(16.0008px + 2.222vw);
    font-size: calc(15.3376px + .184vw);
    font-weight: 700;
    line-height: 2;
    padding-inline-start: calc(16.0008px + 2.222vw);
    position: relative;
    white-space: pre-line
}

    .list__listItem:before {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #0063af;
        content: "\e92d" !important;
        font-family: icomoon !important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        left: 0;
        position: absolute;
        text-transform: none;
        top: 0
    }

html[dir=rtl] .list__listItem:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e92c" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: auto;
    right: 0;
    text-transform: none
}

@media (min-width:1600px) {
    .list__listItem {
        font-size: 1.8rem
    }
}

.quote {
    font-weight: 700
}

html:not([dir=rtl]) .quote--textAlign-right {
    text-align: right
}

html:not([dir=rtl]) .quote--textAlign-left, html[dir=rtl] .quote--textAlign-right {
    text-align: left
}

html[dir=rtl] .quote--textAlign-left {
    text-align: right
}

html:not([dir=rtl]) .quote--textAlign-center, html[dir=rtl] .quote--textAlign-center {
    text-align: center
}

.quote--theme-default .quote__text {
    color: #0063af
}

.quote__author {
    margin-top: 4rem
}

.quote--theme-default .quote__author {
    color: #292929
}

.quote__positions {
    column-gap: 1rem;
    display: flex;
    flex-wrap: wrap
}

html:not([dir=rtl]) .quote--textAlign-right .quote__positions, html[dir=rtl] .quote--textAlign-right .quote__positions {
    justify-content: flex-end
}

html:not([dir=rtl]) .quote--textAlign-left .quote__positions, html[dir=rtl] .quote--textAlign-left .quote__positions {
    justify-content: flex-start
}

html:not([dir=rtl]) .quote--textAlign-center .quote__positions, html[dir=rtl] .quote--textAlign-center .quote__positions {
    justify-content: center
}

.quote--theme-default .quote__position {
    color: #292929
}

.countryShape {
    opacity: 0;
    position: absolute;
    transform: scale(0);
    transition: opacity .2s,visibility .2s,transform .4s;
    visibility: hidden
}

.section--visible .countryShape {
    opacity: 1;
    transform: scale(1);
    visibility: visible
}

.countryShape img {
    width: 100%
}

.scrollDown {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 3rem 2rem;
    width: 100%
}

@media (min-width:1280px) {
    .scrollDown {
        padding: 3.5rem 0
    }
}

.scrollDown--default {
    background-color: #0063af;
    color: #fff
}

.scrollDown--primary {
    background-color: #fff;
    color: #0063af
}

.scrollDown--transparentWhite {
    background-color: transparent;
    color: #fff
}

.scrollDown__button, .scrollDown__text {
    color: inherit
}

.scrollDown__button {
    margin-bottom: 2rem
}

    .scrollDown__button button {
        cursor: context-menu
    }

.scrollDown__text {
    font-weight: 700;
    text-transform: uppercase
}

    .scrollDown__text p {
        color: inherit;
        font-size: 1.4rem
    }

html[dir=rtl] .scrollDown__text p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

html:not([dir=rtl]) .scrollDown__text p {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.lang-switch {
    display: flex;
    flex-direction: row
}

    .lang-switch a.link:not(.active) {
        opacity: .6
    }

        .lang-switch a.link:not(.active):hover {
            opacity: 1
        }

.lang-switch__separator {
    color: #0063af;
    font-size: 1.2rem;
    line-height: 1;
    margin: 0 1rem;
    opacity: .6;
    position: relative
}

    .lang-switch__separator:before {
        background-color: rgba(0,99,175,.5);
        content: "";
        height: 1.6rem;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: .1rem
    }

.scrollToTop {
    z-index: 2
}

.scrollToTop, .scrollToTop__inner {
    position: relative
}

.scrollToTop__button {
    align-items: center;
    background-color: #fff;
    border-bottom-left-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 1.2rem;
    justify-content: center;
    line-height: 1.7142857143;
    padding: 2.4rem;
    position: absolute;
    right: calc(-5.3264px + 5.924vw);
    text-align: center;
    top: -9.2rem;
    width: 11.2rem;
    z-index: 1
}

html[dir=rtl] .scrollToTop__button {
    left: calc(-5.3264px + 5.924vw);
    padding: 1.4rem;
    right: auto
}

@media (min-width:1600px) {
    .scrollToTop__button {
        right: 8rem
    }

    html[dir=rtl] .scrollToTop__button {
        left: 8rem;
        right: auto
    }
}

@media (max-width:1024px) {
    .scrollToTop__button {
        top: -4.6rem
    }
}

.scrollToTop__button:hover img {
    transform: translateY(-2px)
}

.scrollToTop__button img {
    transform: translateY(0);
    transition: transform .4s
}

.contactForm {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

.contactForm__input {
    width: 100%
}

@media (min-width:768px) {
    .contactForm__fax, .contactForm__name, .contactForm__phone, .contactForm__surname {
        flex-basis: calc(50% - 0.75rem)
    }
}

.contactForm__message {
    transition: opacity .4s,visibility .4s;
    width: 100%
}

    .contactForm__message.hidden {
        display: none
    }

.contactForm__message--success {
    color: green
}

.contactForm__message--error {
    color: red
}

.formsTab {
    position: relative
}

.formsTab__nav {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 5rem;
    width: 100%
}

@media (min-width:768px) {
    .formsTab__nav {
        flex-direction: row;
        overflow: auto
    }
}

.formsTab__navItem {
    color: #b2b2b2;
    cursor: pointer;
    flex-shrink: 0;
    font-weight: 700;
    padding-bottom: .5rem;
    transition: color .4s
}

@media (min-width:768px) {
    .formsTab__navItem {
        padding-bottom: 0
    }
}

.formsTab__navItem:hover {
    color: #0063af
}

.formsTab__navItem.active {
    border-bottom: 2px solid #0063af;
    color: #0063af
}

.formsTab__forms {
    position: relative
}

.formsTab__form {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden;
    width: 100%
}

    .formsTab__form.active {
        opacity: 1;
        position: relative;
        transform: scale(1);
        visibility: visible
    }

.imageBox {
    height: 100%;
    position: relative;
    width: 100%
}

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

        .imageBox img[data-image-lazy=""] {
            opacity: 0;
            transform: scale(0);
            transition: opacity .2s,visibility .2s,transform .4s;
            visibility: hidden
        }

            .imageBox img[data-image-lazy=""].loaded {
                opacity: 1;
                transform: scale(1);
                visibility: visible
            }

.imageBox--filter-default:not(.loaded):after, .imageBox--filter-default:not(.loaded):before {
    opacity: 0;
    visibility: hidden
}

.imageBox--filter-default:before {
    background-color: #1e1e1e;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    opacity: .7;
    position: absolute;
    top: 0;
    transition: opacity .4s .3s,visibility .4s .3s;
    width: 100%;
    z-index: 2
}

.imageBox--filter-blue:not(.loaded):after, .imageBox--filter-blue:not(.loaded):before {
    opacity: 0;
    visibility: hidden
}

.imageBox--filter-blue:after {
    background-color: #0063af;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: color;
    opacity: .15;
    position: absolute;
    top: 0;
    transition: opacity .4s .3s,visibility .4s .3s;
    width: 100%;
    z-index: 2
}

.imageBox--image-heightAuto {
    height: auto
}

.imageBox--image-sizeAuto {
    height: auto;
    width: auto
}

    .imageBox--image-sizeAuto img {
        width: auto
    }

html:not([dir=rtl]) .imageBox--dropShadow-gray {
    filter: drop-shadow(-60px 60px 10px rgba(0,0,0,.04))
}

html[dir=rtl] .imageBox--dropShadow-gray {
    filter: drop-shadow(60px 60px 10px rgba(0,0,0,.04))
}

html:not([dir=rtl]) .imageBox--dropShadow-graySmall {
    filter: drop-shadow(-30px 30px 10px rgba(0,0,0,.04))
}

html[dir=rtl] .imageBox--dropShadow-graySmall {
    filter: drop-shadow(30px 30px 10px rgba(0,0,0,.04))
}

.imageClip {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: opacity .4s .2s,visibility .4s .2s,transform .4s .2s;
    visibility: hidden;
    width: 100%
}

.section--visible .imageClip {
    opacity: 1;
    transform: scale(1);
    visibility: visible
}

html:not([dir=rtl]) .imageClip--dropShadow-gray {
    filter: drop-shadow(-60px 60px 10px rgba(0,0,0,.04))
}

html[dir=rtl] .imageClip--dropShadow-gray {
    filter: drop-shadow(60px 60px 10px rgba(0,0,0,.04))
}

.imageClip--dark img {
    filter: brightness(.3)
}

.imageClip__inner {
    position: absolute
}

.imageClip img {
    background-attachment: fixed;
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media (max-width:1024px) {
    .imageClip img {
        -webkit-clip-path: none !important;
        clip-path: none !important
    }
}

.imageToggle {
    height: 100%;
    position: relative;
    width: 100%
}

    .bioCard:hover .imageToggle .imageToggle__secondary, .imageToggle:hover .imageToggle__secondary {
        opacity: 1;
        visibility: visible
    }

    .bioCard:hover .imageToggle .imageToggle__primary, .imageToggle:hover .imageToggle__primary {
        opacity: 0;
        visibility: hidden
    }

        .bioCard:hover .imageToggle .imageToggle__primary:after, .bioCard:hover .imageToggle .imageToggle__primary:before, .imageToggle:hover .imageToggle__primary:after, .imageToggle:hover .imageToggle__primary:before {
            display: none
        }

.imageToggle--filter-default:after, .imageToggle--filter-default:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .4s,visibility .4s;
    width: 100%;
    z-index: 2
}

.imageToggle--filter-default:after {
    background-color: #0063af;
    mix-blend-mode: color;
    opacity: .1
}

.imageToggle--filter-default:before {
    background-color: #292929;
    mix-blend-mode: normal;
    opacity: .3
}

.imageToggle--filter-blue:after {
    background-color: #0063af;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: color;
    opacity: .15;
    position: absolute;
    top: 0;
    transition: opacity .4s,visibility .4s;
    width: 100%;
    z-index: 2
}

.imageToggle--image-heightAuto {
    height: auto
}

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

.imageToggle__primary, .imageToggle__secondary {
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .4s;
    width: 100%
}

.imageToggle__secondary {
    visibility: hidden
}

    .imageToggle__secondary:after {
        display: none
    }

.videoElement {
    position: relative
}

.videoElement, .videoElement__video {
    height: 100%;
    width: 100%
}

.videoElement__buttons {
    bottom: 2rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 20
}

@media (min-width:600px) {
    .videoElement__buttons {
        bottom: 5rem
    }
}

.videoElement .mejs__offscreen {
    clip: rect(1px,1px,1px,1px);
    word-wrap: normal;
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.newsCard {
    width: 100%
}

@media (min-width:600px) {
    .newsCard--featured {
        padding: 0 6rem 0 4rem
    }
}

.newsCard__image {
    position: relative;
    transform: scale(0);
    transition: transform .4s
}

.section--visible .newsCard__image {
    transform: scale(1)
}

.newsCard__image:after {
    opacity: 0;
    transform: translateX(7rem);
    transition: transform .4s .2s
}

.section--visible .newsCard__image:after {
    opacity: 1;
    transform: translateX(0)
}

.newsCard__image:before {
    opacity: 0;
    transform: translateX(-7rem);
    transition: transform .4s .2s
}

.section--visible .newsCard__image:before {
    opacity: 1;
    transform: translateX(0)
}

.newsCard--featured .newsCard__image:before {
    background-image: url(../images/shapes/news/shape-orange-featured.svg);
    content: "";
    height: 104px;
    position: absolute;
    top: 3rem;
    width: 58px;
    z-index: -1
}

html:not([dir=rtl]) .newsCard--featured .newsCard__image:before {
    left: -4rem
}

html[dir=rtl] .newsCard--featured .newsCard__image:before {
    right: -4rem
}

@media (min-width:768px) {
    .newsCard--featured .newsCard__image:before {
        height: 104px;
        width: 58px
    }
}

@media (min-width:1024px) {
    .newsCard--featured .newsCard__image:before {
        height: 174px;
        width: 98px
    }
}

.newsCard--featured .newsCard__image:after {
    background-image: url(../images/shapes/news/shape-blue-featured.svg);
    background-size: cover;
    bottom: -5rem;
    content: "";
    height: 101px;
    position: absolute;
    width: 86px;
    z-index: -1
}

html:not([dir=rtl]) .newsCard--featured .newsCard__image:after {
    right: -4rem
}

html[dir=rtl] .newsCard--featured .newsCard__image:after {
    left: -4rem
}

@media (min-width:768px) {
    .newsCard--featured .newsCard__image:after {
        height: 101px;
        width: 86px
    }
}

@media (min-width:1024px) {
    .newsCard--featured .newsCard__image:after {
        height: 161px;
        width: 146px
    }
}

.newsCard--featured .newsCard__image:hover:after {
    transform: translate(1rem,-3rem)
}

.newsCard--featured .newsCard__image:hover:before {
    transform: translate(-1rem,3rem)
}

@media (min-width:1280px) {
    .newsCard--featured .newsCard__image:hover:after {
        transform: translate(2rem,-8rem)
    }

    .newsCard--featured .newsCard__image:hover:before {
        transform: translate(-1rem,7rem)
    }
}

.newsCard--0 .newsCard__image:after {
    background-image: url(../images/shapes/news/shape-purple.svg);
    background-size: cover;
    bottom: -1rem;
    content: "";
    height: 146px;
    position: absolute;
    width: 188px;
    z-index: -1
}

html:not([dir=rtl]) .newsCard--0 .newsCard__image:after {
    right: 3.5rem
}

html[dir=rtl] .newsCard--0 .newsCard__image:after {
    left: 3.5rem
}

.newsCard--0 .newsCard__image:hover:after {
    transform: translate(1rem,-3rem) rotate(-30deg)
}

.newsCard--1 .newsCard__image:after {
    background-image: url(../images/shapes/news/shape-blue.svg);
    background-size: cover;
    content: "";
    height: 67px;
    position: absolute;
    top: -4rem;
    width: 67px;
    z-index: -1
}

html:not([dir=rtl]) .newsCard--1 .newsCard__image:after {
    left: 20%
}

html[dir=rtl] .newsCard--1 .newsCard__image:after {
    right: 20%
}

@media (min-width:768px) {
    .newsCard--1 .newsCard__image:after {
        height: 67px;
        width: 67px
    }
}

@media (min-width:1024px) {
    .newsCard--1 .newsCard__image:after {
        height: 107px;
        width: 107px
    }
}

.newsCard--1 .newsCard__image:hover:after {
    transform: translate(-5rem,1rem) rotate(-30deg)
}

@media (min-width:1280px) {
    .newsCard--1 .newsCard__image:hover:after {
        transform: translate(-10rem,2rem) rotate(-30deg)
    }
}

.newsCard--2 .newsCard__image:after {
    background-image: url(../images/shapes/news/shape-light-blue.svg);
    background-size: cover;
    content: "";
    height: 67px;
    position: absolute;
    top: 4rem;
    width: 63px;
    z-index: -1
}

html:not([dir=rtl]) .newsCard--2 .newsCard__image:after {
    right: 15%
}

html[dir=rtl] .newsCard--2 .newsCard__image:after {
    left: 15%
}

@media (min-width:768px) {
    .newsCard--2 .newsCard__image:after {
        height: 67px;
        width: 63px
    }
}

@media (min-width:1024px) {
    .newsCard--2 .newsCard__image:after {
        height: 97px;
        top: 4rem;
        width: 93px
    }
}

.newsCard--2 .newsCard__image:hover:after {
    transform: translate(4rem,1rem) rotate(20deg)
}

@media (min-width:1280px) {
    .newsCard--2 .newsCard__image:hover:after {
        transform: translate(2rem,5rem) rotate(30deg)
    }
}

.newsCard__imageWrapper {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.newsCard__imageInner {
    max-height: 160px;
    min-height: 20px;
    min-width: 20px;
    object-fit: cover;
    transition: transform .4s;
    width: 75%
}

.newsCard--featured .newsCard__imageInner {
    max-height: 300px;
    width: 100%
}

.newsCard__image:hover .newsCard__imageInner {
    transform: scale(1.2)
}

.newsCard__imageInner[data-image-lazy=""] {
    opacity: 0;
    transform: scale(0);
    transition: opacity .2s,visibility .2s,transform .4s;
    visibility: hidden
}

    .newsCard__imageInner[data-image-lazy=""].loaded {
        opacity: 1;
        transform: scale(1);
        visibility: visible
    }

.newsCard__category {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.newsCard__info {
    margin-top: 4rem
}

.newsCard__time {
    margin-right: 4px
}

.newsCard__readTime {
    color: #b2b2b2;
    margin-top: .5rem
}

.newsCard__more {
    bottom: 1rem;
    opacity: 0;
    position: absolute;
    right: 5%;
    transform: translateX(-4rem);
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden;
    z-index: 1
}

.newsCard__image:hover .newsCard__more {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

.newsCard--featured .newsCard__more {
    bottom: 1.5rem;
    right: -8%
}

.newsCard__readTime, .newsCard__time, .newsCard__title {
    opacity: 0;
    transform: translateX(100%);
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden
}

.section--visible .newsCard__readTime, .section--visible .newsCard__time, .section--visible .newsCard__title {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

.resourceCard {
    border: 1px solid #e2e2e2;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 3rem 2rem;
    position: relative;
    width: 100%
}

@media (min-width:600px) {
    .resourceCard--featured {
        padding: 0 6rem 0 4rem
    }
}

.resourceCard__top {
    padding-top: 50%;
    position: relative;
    transform: scale(0);
    transition: transform .4s;
    width: 100%
}

.section--visible .resourceCard__top {
    transform: scale(1)
}

.resourceCard__image, .resourceCard__topWrapper {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.resourceCard__image {
    position: absolute;
    top: 0
}

.resourceCard__imageInner {
    max-height: 220px;
    min-height: 20px;
    min-width: 20px;
    object-fit: cover;
    transition: transform .6s;
    width: 100%
}

.resourceCard--featured .resourceCard__imageInner {
    max-height: 300px;
    width: 100%
}

.resourceCard__imageInner[data-image-lazy=""] {
    opacity: 0;
    transform: scale(0);
    transition: opacity .2s,visibility .2s,transform .6s;
    visibility: hidden
}

    .resourceCard__imageInner[data-image-lazy=""].loaded {
        opacity: 1;
        transform: scale(1);
        visibility: visible
    }

.resourceCard:hover .resourceCard__imageInner {
    transform: scale(1.2)
}

.resourceCard__indicator {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 50px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50px;
    z-index: 1
}

.resourceCard__indicator--video {
    background-color: #0063af
}

.resourceCard__indicatorIcon {
    color: #fff;
    font-size: 1.6rem
}

.resourceCard__category {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.resourceCard__info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-top: 3rem;
    overflow: hidden
}

.resourceCard__time {
    font-size: 1.2rem;
    margin-right: 4px
}

@media (min-width:768px) {
    .resourceCard__time {
        font-size: 1.4rem
    }
}

.resourceCard__more {
    bottom: 3rem;
    opacity: 0;
    position: absolute;
    transform: translateX(0);
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden;
    z-index: 1
}

html:not([dir=rtl]) .resourceCard__more {
    right: 5%
}

html[dir=rtl] .resourceCard__more {
    left: 5%
}

.resourceCard:hover .resourceCard__more {
    opacity: 1;
    visibility: visible
}

html:not([dir=rtl]) .resourceCard:hover .resourceCard__more {
    transform: translateX(2rem)
}

html[dir=rtl] .resourceCard:hover .resourceCard__more {
    transform: rotate(-180deg) translateX(2rem)
}

@media (min-width:768px) {
    html:not([dir=rtl]) .resourceCard:hover .resourceCard__more {
        transform: translateX(7rem)
    }

    html[dir=rtl] .resourceCard:hover .resourceCard__more {
        transform: rotate(-180deg) translateX(5.5rem)
    }
}

html:not([dir=rtl]) .resourceCard--isVideo .resourceCard__more, html[dir=rtl] .resourceCard--isVideo .resourceCard__more {
    bottom: unset;
    left: 50%;
    right: unset;
    top: 50%;
    transform: translate(-50%,-50%)
}

.resourceCard--isVideo:hover .resourceCard__more {
    opacity: 1;
    visibility: visible
}

html:not([dir=rtl]) .resourceCard--isVideo:hover .resourceCard__more, html[dir=rtl] .resourceCard--isVideo:hover .resourceCard__more {
    transform: translate(-50%,-50%)
}

html:not([dir=rtl]) .resourceCard__text {
    padding-right: 4rem
}

html[dir=rtl] .resourceCard__text {
    padding-left: 4rem
}

@media (min-width:1024px) {
    html:not([dir=rtl]) .resourceCard__text {
        padding-right: 8rem
    }

    html[dir=rtl] .resourceCard__text {
        padding-left: 8rem
    }
}

.resourceCard:hover .resourceCard__text {
    font-weight: 700
}

.resourceCard__readTime, .resourceCard__time, .resourceCard__title {
    opacity: 0;
    transform: translateX(100%);
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden
}

.section--visible .resourceCard__readTime, .section--visible .resourceCard__time, .section--visible .resourceCard__title {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

.resourceCard__bottom {
    margin-top: auto
}

.resourceCard__bottomText {
    color: #b2b2b2;
    font-size: 1.4rem;
    margin-top: .5rem
}

.resourceCard__fileIcon {
    align-items: center;
    background-color: rgba(253,140,4,.1);
    display: flex;
    height: 12rem;
    justify-content: center;
    margin-bottom: 3.5rem;
    position: absolute;
    top: 0;
    width: 12rem
}

html:not([dir=rtl]) .resourceCard__fileIcon {
    left: 0
}

html[dir=rtl] .resourceCard__fileIcon {
    right: 0
}

.resourceCard__fileIconInner {
    color: #fd8c04;
    font-size: 3rem;
    transition: transform .2s
}

.resourceCard:hover .resourceCard__fileIconInner {
    transform: scale(.9)
}

.basicCard {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding: 5rem 0 0;
    width: 100%
}

@media (min-width:768px) {
    .basicCard {
        flex-wrap: nowrap;
        padding: 3.5rem 0 0
    }
}

.basicCard--bigImage {
    padding: 5rem 0 0
}

@media (min-width:768px) {
    .basicCard--bigImage {
        padding: 6rem 0 0
    }
}

@media (min-width:1024px) {
    .basicCard--bigImage {
        padding: 10rem 0 0
    }
}

.basicCard__content {
    margin-top: 3.5rem;
    order: 2
}

@media (min-width:600px) {
    .basicCard__content {
        width: 83.12%
    }
}

@media (min-width:768px) {
    .basicCard__content {
        margin-top: 0;
        order: unset;
        width: 67.5%
    }

    html:not([dir=rtl]) .basicCard__content {
        margin-right: 9.68%
    }

    html[dir=rtl] .basicCard__content {
        margin-left: 9.68%
    }

    html:not([dir=rtl]) .basicCard--reversed .basicCard__content {
        margin-left: 9.68%;
        margin-right: 0
    }

    html[dir=rtl] .basicCard--reversed .basicCard__content {
        margin-left: 0;
        margin-right: 9.68%
    }

    .basicCard--bigImage .basicCard__content {
        width: 32.5%
    }
}

.basicCard__image {
    flex-shrink: 0;
    order: 1;
    padding-top: 83.12%;
    position: relative;
    width: 100%
}

html:not([dir=rtl]) .basicCard__image {
    filter: drop-shadow(60px 60px 20px rgba(41,41,41,.06))
}

html[dir=rtl] .basicCard__image {
    filter: drop-shadow(-60px 60px 20px rgba(41,41,41,.06))
}

@media (min-width:600px) {
    .basicCard__image {
        padding-top: 49.36%;
        width: 57.8%
    }
}

@media (min-width:768px) {
    .basicCard__image {
        order: unset;
        width: 39.68%
    }

    .basicCard--bigImage .basicCard__image {
        padding-top: 40.92%;
        width: 59.06%
    }
}

.basicCard__imageWrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.basicCard__more, .basicCard__text {
    margin-top: 3.5rem
}

.projectCard, .projectCard__wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.projectCard__wrapper {
    padding: 75% 3.5rem 8rem
}

.projectCard__image {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.projectCard__content {
    color: #fff
}

.bioCard {
    position: relative;
    width: 100%
}

.cardsSection__card:not(:first-of-type) .bioCard {
    padding: 6rem 0 0
}

.bioCard__wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width:768px) {
    .bioCard__wrapper {
        flex-wrap: nowrap
    }
}

.bioCard__image {
    flex-shrink: 0;
    margin-bottom: 2rem;
    padding-top: 57.8%;
    position: relative;
    width: 49.36%
}

@media (min-width:600px) {
    .bioCard__image {
        padding-top: 37.34%;
        width: 28.9%
    }
}

@media (min-width:768px) {
    .bioCard__image {
        margin-bottom: 0
    }
}

.bioCard__imageInner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bioCard__info {
    width: 100%
}

@media (min-width:600px) {
    .bioCard__info {
        width: 74.68%
    }
}

@media (min-width:768px) {
    .bioCard__info {
        width: 61.4%
    }

    html:not([dir=rtl]) .bioCard__info {
        margin-left: 13.28%
    }

    html[dir=rtl] .bioCard__info {
        margin-right: 13.28%
    }
}

.bioCard__person {
    color: #0063af;
    font-weight: 700
}

.bioCard__position {
    font-weight: 700;
    margin-bottom: 2rem
}

@media (min-width:768px) {
    .bioCard__position {
        margin-bottom: 3rem
    }
}

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

.contactCard__address, .contactCard__contacts, .contactCard__image, .contactCard__name {
    margin-bottom: 2rem
}

.contactCard__name {
    font-weight: 700
}

.newsAuthor {
    align-items: center;
    display: flex;
    position: relative
}

.newsAuthor__thumbnail {
    max-width: 82px
}

html:not([dir=rtl]) .newsAuthor:not(.newsAuthor--noImage) .newsAuthor__info {
    margin-left: 1.5rem
}

html[dir=rtl] .newsAuthor:not(.newsAuthor--noImage) .newsAuthor__info {
    margin-right: 1.5rem
}

.newsAuthor__name {
    font-weight: 700
}

.newsAuthor__position {
    color: #b2b2b2
}

.jobApplyCard {
    background-color: #0063af;
    border-radius: 2rem;
    color: #fff;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 4rem 2.5rem
}

html:not([dir=rtl]) .jobApplyCard {
    border-top-left-radius: 0
}

html[dir=rtl] .jobApplyCard {
    border-top-right-radius: 0
}

@media (min-width:360px) {
    .jobApplyCard {
        max-height: 460px
    }
}

@media (min-width:1024px) {
    html:not([dir=rtl]) .jobApplyCard, html[dir=rtl] .jobApplyCard {
        border-radius: 2rem
    }
}

.jobApplyCard__divide {
    border: 0;
    border-top: 1px solid #fff;
    margin: 2rem 0;
    width: 100%
}

.jobApplyCard__desc, .jobApplyCard__label {
    font-size: 1.4rem
}

.jobApplyCard__asset {
    margin: 2.5rem 0
}

.jobApplyCard__label {
    font-weight: 400;
    opacity: .6
}

.jobApplyCard__desc {
    font-weight: 700;
    text-transform: uppercase
}

.jobApplyCard__apply, .jobApplyCard__apply .button {
    width: 100%
}

.jobApplyCard__date {
    font-size: 1.2rem
}

.fileCard {
    border: 1px solid #e2e2e2;
    border-radius: 2rem;
    height: 100%;
    padding: 4rem 2rem;
    position: relative;
    width: 100%
}

.fileCard__icon {
    align-items: center;
    background-color: rgba(253,140,4,.1);
    display: flex;
    height: 12rem;
    justify-content: center;
    margin-bottom: 3.5rem;
    width: 12rem
}

.fileCard__iconInner {
    color: #fd8c04;
    font-size: 3rem;
    transition: transform .2s
}

.fileCard:hover .fileCard__iconInner {
    transform: scale(.9)
}

.fileCard__name {
    margin-bottom: 2rem
}

.fileCard:hover .fileCard__name {
    font-weight: 700
}

.fileCard__data {
    color: #b2b2b2;
    font-size: 1.4rem;
    text-transform: uppercase
}

.fileCard__more {
    bottom: 2rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden;
    z-index: 2
}

html:not([dir=rtl]) .fileCard__more {
    right: -2rem;
    transform: translateX(-5rem)
}

html[dir=rtl] .fileCard__more {
    left: -2rem;
    transform: translateX(5rem)
}

@media (min-width:768px) {
    html:not([dir=rtl]) .fileCard__more {
        right: -2.5rem
    }

    html[dir=rtl] .fileCard__more {
        left: -2.5rem
    }
}

@media (min-width:1600px) {
    html:not([dir=rtl]) .fileCard__more {
        right: -4.5rem
    }

    html[dir=rtl] .fileCard__more {
        left: -4.5rem
    }
}

.fileCard:hover .fileCard__more {
    opacity: 1;
    pointer-events: all;
    transform: translateX(0);
    visibility: visible
}

.jobOfferCard {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 2rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 5rem 2rem;
    position: relative;
    width: 100%
}

.jobOfferCard__bottom {
    margin-top: auto
}

.jobOfferCard__branch, .jobOfferCard__name {
    font-size: 1.4rem
}

@media (min-width:1024px) {
    .jobOfferCard__branch, .jobOfferCard__name {
        font-size: 1.6rem
    }
}

@media (min-width:1600px) {
    .jobOfferCard__branch, .jobOfferCard__name {
        font-size: 1.8rem
    }
}

.jobOfferCard__name {
    font-weight: 700
}

.jobOfferCard__divide {
    background-color: #b2b2b2;
    margin: 3rem 0
}

.jobOfferCard__desc, .jobOfferCard__label {
    font-size: 1.4rem
}

.jobOfferCard__asset {
    margin: 2.5rem 0
}

.jobOfferCard__label {
    font-weight: 400;
    opacity: .6
}

.jobOfferCard__desc {
    color: #0063af;
    font-weight: 700;
    text-transform: uppercase
}

.jobOfferCard__date {
    color: #b2b2b2;
    font-size: 1.2rem
}

.jobOfferCard__more {
    bottom: 3rem;
    opacity: 0;
    position: absolute;
    transform: translateX(-4rem);
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden;
    z-index: 2
}

html:not([dir=rtl]) .jobOfferCard__more {
    right: -2rem
}

@media (min-width:768px) {
    html:not([dir=rtl]) .jobOfferCard__more {
        right: -2.5rem
    }
}

@media (min-width:1024px) {
    html:not([dir=rtl]) .jobOfferCard__more {
        right: -3rem
    }
}

@media (min-width:1366px) {
    html:not([dir=rtl]) .jobOfferCard__more {
        right: -3.5rem
    }
}

@media (min-width:1600px) {
    html:not([dir=rtl]) .jobOfferCard__more {
        right: -4.5rem
    }
}

html[dir=rtl] .jobOfferCard__more {
    left: -2rem
}

@media (min-width:768px) {
    html[dir=rtl] .jobOfferCard__more {
        left: -2.5rem
    }
}

@media (min-width:1024px) {
    html[dir=rtl] .jobOfferCard__more {
        left: -3rem
    }
}

@media (min-width:1366px) {
    html[dir=rtl] .jobOfferCard__more {
        left: -3.5rem
    }
}

@media (min-width:1600px) {
    html[dir=rtl] .jobOfferCard__more {
        left: -4.5rem
    }
}

.jobOfferCard:hover .jobOfferCard__more {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

.newsRelatedCard {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    height: 100%;
    margin-bottom: 3rem;
    position: relative;
    width: 100%
}

.newsRelatedCard__image, .newsRelatedCard__info {
    width: calc(49.36% - 1.5rem)
}

.projectDetailsCard__wrapper {
    column-gap: 1.5rem;
    display: flex;
    flex-wrap: wrap
}

.projectDetailsCard__info {
    margin-bottom: 3rem;
    width: calc(50% - 1.5rem)
}

.projectDetailsCard__info--client {
    width: calc(100% - 1.5rem)
}

.projectDetailsCard__label {
    font-size: 1.4rem
}

.projectDetailsCard__text {
    font-weight: 700;
    margin-top: 1.2rem
}

.searchCard {
    border: 1px solid #e2e2e2;
    border-radius: 2rem;
    column-gap: 1.5rem;
    display: flex;
    flex-direction: column;
    padding: 2rem;
    position: relative
}

@media (min-width:768px) {
    .searchCard {
        flex-direction: row
    }
}

.searchCard__more {
    bottom: 3rem;
    opacity: 0;
    position: absolute;
    transform: translateX(0);
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden;
    z-index: 1
}

html:not([dir=rtl]) .searchCard__more {
    right: 5%
}

html[dir=rtl] .searchCard__more {
    left: 5%
}

.searchCard:hover .searchCard__more {
    opacity: 1;
    visibility: visible
}

html:not([dir=rtl]) .searchCard:hover .searchCard__more {
    transform: translateX(2rem)
}

html[dir=rtl] .searchCard:hover .searchCard__more {
    transform: rotate(-180deg) translateX(2rem)
}

@media (min-width:768px) {
    html:not([dir=rtl]) .searchCard:hover .searchCard__more {
        transform: translateX(9rem)
    }

    html[dir=rtl] .searchCard:hover .searchCard__more {
        transform: rotate(-180deg) translateX(7rem)
    }
}

.searchCard__left {
    flex-shrink: 0;
    width: 16.86%
}

.searchCard__image {
    flex-shrink: 0;
    margin-top: 2rem;
    overflow: hidden;
    padding-top: 32.5%;
    position: relative;
    width: 49.36%
}

@media (min-width:768px) {
    .searchCard__image {
        margin-top: 0;
        padding-top: 15.62%;
        width: 28.9%
    }

    html:not([dir=rtl]) .searchCard__image {
        margin-left: auto
    }

    html[dir=rtl] .searchCard__image {
        margin-right: auto
    }
}

.searchCard__imageInner {
    height: 100%;
    left: 0;
    max-height: 220px;
    object-fit: cover;
    position: absolute;
    top: 0;
    transition: transform .6s;
    width: 100%
}

    .searchCard__imageInner[data-image-lazy=""] {
        opacity: 0;
        transform: scale(0);
        transition: opacity .2s,visibility .2s,transform .6s;
        visibility: hidden
    }

        .searchCard__imageInner[data-image-lazy=""].loaded {
            opacity: 1;
            transform: scale(1);
            visibility: visible
        }

.searchCard:hover .searchCard__imageInner {
    transform: scale(1.2)
}

.searchCard__fileIcon {
    align-items: center;
    background-color: rgba(253,140,4,.1);
    display: flex;
    height: 6rem;
    justify-content: center;
    margin-bottom: 3.5rem;
    position: absolute;
    top: 0;
    width: 6rem
}

@media (min-width:768px) {
    .searchCard__fileIcon {
        height: 12rem;
        width: 12rem
    }

    html:not([dir=rtl]) .searchCard__fileIcon {
        right: 0
    }

    html[dir=rtl] .searchCard__fileIcon {
        left: 0
    }
}

.searchCard__fileIconInner {
    color: #fd8c04;
    font-size: 2rem;
    transition: transform .2s
}

.searchCard:hover .searchCard__fileIconInner {
    transform: scale(.9)
}

@media (min-width:768px) {
    .searchCard__fileIconInner {
        font-size: 3rem
    }
}

.searchCard__mid {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-top: 2rem
}

@media (min-width:768px) {
    .searchCard__mid {
        margin-top: 0
    }
}

.searchCard__bottom {
    color: #b2b2b2;
    font-size: 1.4rem;
    margin-top: auto
}

.newsroomCard {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .newsroomCard {
        flex-wrap: nowrap
    }
}

.newsroomCard--lead {
    align-items: center
}

.newsroomCard__image {
    align-self: flex-start;
    flex-shrink: 0;
    padding-top: 73.42%;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (min-width:600px) {
    .newsroomCard__image {
        padding-top: 49.36%;
        width: 66.24%
    }
}

@media (min-width:768px) {
    .newsroomCard__image {
        padding-top: 24.06%;
        width: 32.5%
    }
}

.newsroomCard__image:after, .newsroomCard__image:before {
    transition: transform .2s
}

@media (min-width:768px) {
    .newsroomCard--lead .newsroomCard__image {
        padding-top: 31.24%;
        width: 49.36%
    }
}

.newsroomCard--lead .newsroomCard__image:before {
    background-image: url(../images/shapes/general/light-blue-big.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 79px;
    position: absolute;
    top: -4rem;
    transform: translateY(5rem);
    width: 73px;
    z-index: -1
}

@media (min-width:768px) {
    .newsroomCard--lead .newsroomCard__image:before {
        height: 119px;
        width: 113px
    }
}

@media (min-width:1024px) {
    .newsroomCard--lead .newsroomCard__image:before {
        height: 149px;
        width: 143px
    }
}

html:not([dir=rtl]) .newsroomCard--lead .newsroomCard__image:before {
    left: 5rem
}

html[dir=rtl] .newsroomCard--lead .newsroomCard__image:before {
    right: 5rem
}

.newsroomCard--lead .newsroomCard__image:after {
    background-image: url(../images/shapes/general/purple-big.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -5rem;
    content: "";
    height: 82px;
    position: absolute;
    transform: translateY(-5rem);
    width: 125px;
    z-index: -1
}

@media (min-width:768px) {
    .newsroomCard--lead .newsroomCard__image:after {
        height: 132px;
        width: 175px
    }
}

@media (min-width:1024px) {
    .newsroomCard--lead .newsroomCard__image:after {
        height: 182px;
        width: 235px
    }
}

html:not([dir=rtl]) .newsroomCard--lead .newsroomCard__image:after {
    right: 2rem
}

html[dir=rtl] .newsroomCard--lead .newsroomCard__image:after {
    left: 2rem
}

.newsroomHeader__relatedCard:nth-of-type(odd) .newsroomCard__image:before {
    background-image: url(../images/shapes/general/lime-small.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 60px;
    position: absolute;
    top: -4rem;
    transform: translateY(5rem);
    width: 60px;
    z-index: -1
}

html:not([dir=rtl]) .newsroomHeader__relatedCard:nth-of-type(odd) .newsroomCard__image:before {
    right: 1rem
}

html[dir=rtl] .newsroomHeader__relatedCard:nth-of-type(odd) .newsroomCard__image:before {
    left: 1rem
}

.newsroomHeader__relatedCard:nth-of-type(odd) .newsroomCard__image:after {
    background-image: url(../images/shapes/general/orange-small.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -5rem;
    content: "";
    height: 95px;
    position: absolute;
    width: 53px;
    z-index: -1
}

html:not([dir=rtl]) .newsroomHeader__relatedCard:nth-of-type(odd) .newsroomCard__image:after {
    left: -1.5rem;
    transform: translate(5rem,-5rem)
}

html[dir=rtl] .newsroomHeader__relatedCard:nth-of-type(odd) .newsroomCard__image:after {
    right: -1.5rem;
    transform: translate(-5rem,-5rem)
}

.newsroomHeader__relatedCard:nth-of-type(2n) .newsroomCard__image:before {
    background-image: url(../images/shapes/general/blue-small.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 89px;
    position: absolute;
    top: -4rem;
    transform: translateY(5rem);
    width: 80px;
    z-index: -1
}

html:not([dir=rtl]) .newsroomHeader__relatedCard:nth-of-type(2n) .newsroomCard__image:before {
    left: 3rem
}

html[dir=rtl] .newsroomHeader__relatedCard:nth-of-type(2n) .newsroomCard__image:before {
    right: 3rem
}

.newsroomHeader__relatedCard:nth-of-type(2n) .newsroomCard__image:after {
    background-image: url(../images/shapes/general/purple-small.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -3rem;
    content: "";
    height: 70px;
    position: absolute;
    transform: translate(5rem,-5rem);
    width: 91px;
    z-index: -1
}

html:not([dir=rtl]) .newsroomHeader__relatedCard:nth-of-type(2n) .newsroomCard__image:after {
    left: 5rem
}

html[dir=rtl] .newsroomHeader__relatedCard:nth-of-type(2n) .newsroomCard__image:after {
    right: 5rem
}

html:not([dir=rtl]) .newsroomCard:hover .newsroomCard__image:after, html:not([dir=rtl]) .newsroomCard:hover .newsroomCard__image:before, html[dir=rtl] .newsroomCard:hover .newsroomCard__image:after, html[dir=rtl] .newsroomCard:hover .newsroomCard__image:before {
    transform: translate(0)
}

.newsroomCard__imageWrapper {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

    .newsroomCard__imageWrapper .imageBox, .newsroomCard__imageWrapper img {
        transition: transform .4s
    }

.newsroomCard:hover .newsroomCard__imageWrapper .imageBox, .newsroomCard:hover .newsroomCard__imageWrapper img {
    transform: scale(1.1)
}

.newsroomCard__data {
    margin: 3rem 0;
    position: relative;
    z-index: 2
}

@media (min-width:768px) {
    .newsroomCard__data {
        flex-grow: 1;
        margin: 0
    }

    html:not([dir=rtl]) .newsroomCard__data {
        margin-left: 7.18%
    }

    html[dir=rtl] .newsroomCard__data {
        margin-right: 7.18%
    }
}

.newsroomCard__top {
    align-items: center;
    display: flex;
    gap: 1.5rem
}

.newsroomCard__date {
    font-size: 1.8rem
}

.newsroomCard__title {
    font-weight: 700
}

.newsroomCard--lead .newsroomCard__title {
    margin-top: 2rem
}

.newsroomCard__more {
    align-items: center;
    display: flex;
    gap: 2.5rem;
    margin-top: 1rem
}

.newsroomCard--lead .newsroomCard__more {
    margin-top: 2rem
}

.newsroomCard__readTime {
    color: #b2b2b2
}

.projectResultCard {
    position: relative;
    width: 100%
}

.projectResultCard__wrapper {
    background-color: #6b48ff;
    display: flex;
    flex-direction: column;
    min-height: 340px;
    padding: 0 3.5rem 5rem;
    position: relative
}

@media (min-width:768px) {
    .projectResultCard__wrapper {
        min-height: 380px
    }
}

@media (min-width:1024px) {
    .projectResultCard__wrapper {
        min-height: 440px
    }
}

.projectResultCard__image {
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: width .2s,height .2s;
    width: 100%;
    z-index: 2
}

.projectResultCard:hover .projectResultCard__image {
    height: 60%;
    width: 60%
}

html:not([dir=rtl]) .projectResultCard__image {
    right: 0
}

html[dir=rtl] .projectResultCard__image {
    left: 0
}

.projectResultCard__content {
    color: #fff;
    margin-top: auto;
    position: relative;
    width: 100%;
    z-index: 3
}

@media (min-width:768px) {
    .projectResultCard__content {
        width: 60%
    }
}

@media (min-width:1024px) {
    .projectResultCard__content {
        width: 40%
    }
}

.projectResultCard__top {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.projectResultCard__business {
    font-size: 1.4rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .projectResultCard__business {
        font-size: 1.6rem
    }
}

@media (min-width:1024px) {
    .projectResultCard__business {
        font-size: 1.8rem
    }
}

.projectResultCard__head {
    font-weight: 700
}

.projectResultCard__more {
    bottom: 3rem;
    opacity: 0;
    position: absolute;
    transition: opacity .2s,visibility .2s,transform .2s;
    visibility: hidden;
    z-index: 3
}

html:not([dir=rtl]) .projectResultCard__more {
    right: -1rem;
    transform: translateX(-5rem)
}

html[dir=rtl] .projectResultCard__more {
    left: -1rem;
    transform: translateX(5rem) rotate(-180deg)
}

@media (min-width:1024px) {
    html:not([dir=rtl]) .projectResultCard__more {
        right: -5rem;
        transform: translateX(-5rem)
    }

    html[dir=rtl] .projectResultCard__more {
        left: -5rem;
        transform: translateX(5rem) rotate(-180deg)
    }
}

html:not([dir=rtl]) .projectResultCard:hover .projectResultCard__more {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

html[dir=rtl] .projectResultCard:hover .projectResultCard__more {
    opacity: 1;
    transform: translateX(0) rotate(-180deg);
    visibility: visible
}

.tile-card {
    background: #fd8c04;
    border-radius: 2.4rem;
    color: #fff;
    height: 38.4rem;
    overflow: hidden;
    padding: 3.6rem;
    position: relative
}

.tile-card--blue {
    background: #0063af
}

    .tile-card--blue .tile-card__image img {
        border-color: #625da9
    }

.tile-card--purple {
    background: #625da9
}

    .tile-card--purple .tile-card__image img {
        border-color: #c9f658
    }

.tile-card__wrapper {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    height: 100%
}

.tile-card__content {
    align-items: start;
    display: flex;
    flex: none;
    flex-direction: column;
    justify-content: space-between;
    width: 61.5%
}

.tile-card__text {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

    .tile-card__text h3 {
        font-weight: 700
    }

.tile-card__image {
    flex: 1
}

    .tile-card__image img {
        border: 4px solid #625da9;
        height: auto;
        max-width: 100%
    }

.tile-card__shape {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(50%)
}

@media (min-width:1024px) {
    .tile-card__shape {
        right: 10rem
    }
}

.tile-post {
    background-color: #f7f7f7;
    border-radius: 1.6rem;
    display: block;
    height: 100%;
    padding: 1.6rem
}

@media (hover:hover) {
    .tile-post:hover .tile-post__image:before {
        opacity: 1
    }

    .tile-post:hover .tile-post__icon {
        opacity: 1;
        transform: translateX(0)
    }
}

.tile-post__image {
    aspect-ratio: 1.444;
    border-radius: 1.6rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

    .tile-post__image:before {
        background-color: rgba(41,41,41,.7);
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity .4s;
        width: 100%;
        z-index: 1
    }

    .tile-post__image img {
        height: 100%;
        object-fit: cover;
        scale: 1;
        transition: scale .4s;
        width: 100%
    }

    .tile-post__image .tag {
        left: 1.2rem;
        position: absolute;
        top: 1.2rem;
        z-index: 2
    }

.tile-post__icon {
    bottom: 1.2rem;
    opacity: 0;
    position: absolute;
    right: 1.2rem;
    transform: translateX(-4rem);
    transition: opacity .4s,transform .4s;
    z-index: 2
}

    .tile-post__icon:before {
        color: #fff;
        content: "\e912" !important;
        font-size: 3.6rem
    }

    .tile-post__icon:before, html[dir=rtl] .tile-post__icon:before {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: icomoon !important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-transform: none
    }

html[dir=rtl] .tile-post__icon:before {
    content: "\e913" !important
}

.tile-post__text {
    margin-top: 2.4rem
}

    .tile-post__text span {
        background-color: rgba(201,246,88,.2)
    }

.tile-post__footer {
    font-size: 1.4rem;
    line-height: 1.85;
    margin-top: .8rem
}

.imageSlider {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:1024px) {
    .imageSlider {
        flex-wrap: nowrap
    }
}

.imageSlider__nav {
    display: none;
    flex-wrap: nowrap;
    gap: 4rem;
    justify-content: center;
    margin: 0 0 5rem;
    overflow: auto;
    padding: 0;
    position: relative;
    z-index: 10
}

@media (min-width:1024px) {
    .imageSlider__nav {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin: 0;
        overflow: unset;
        padding: 4rem 0;
        width: 46rem
    }
}

.imageSlider__navItem {
    flex-shrink: 0
}

@media (min-width:768px) {
    .imageSlider__navItem {
        flex-shrink: unset
    }
}

.imageSlider__arrows {
    -webkit-padding-after: 2.4rem;
    align-items: center;
    display: flex;
    gap: 1.6rem;
    padding-block-end: 2.4rem
}

@media (min-width:768px) {
    .imageSlider__arrows {
        display: none
    }
}

.imageSlider__title {
    font-size: calc(20.004px + 1.11vw);
    font-weight: 700;
    line-height: 1.3333333333
}

@media (min-width:1600px) {
    .imageSlider__title {
        font-size: 3.6rem
    }
}

.imageSlider__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556;
    margin-top: calc(10.668px + .37vw);
    max-width: 60.8rem
}

@media (min-width:1600px) {
    .imageSlider__text {
        font-size: 1.8rem
    }
}

.imageSlider__inner {
    flex-grow: 1;
    min-height: 600px;
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    .imageSlider__inner {
        min-height: 686px;
        width: auto
    }

    html[dir=rtl] .imageSlider__inner {
        margin-right: 8.2rem
    }

    html:not([dir=rtl]) .imageSlider__inner {
        margin-left: 8.2rem
    }
}

.imageSlider__images, .imageSlider__slide {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.imageSlider__slide {
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s,visibility .4s;
    visibility: hidden
}

    .imageSlider__slide.active {
        opacity: 1;
        pointer-events: all;
        visibility: visible
    }

.imageSlider__slideContent {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    transform: translateX(100%);
    transition: transform .6s
}

.imageSlider__slide.active .imageSlider__slideContent {
    transform: translateX(0)
}

@media (max-width:1024px) {
    .imageSlider__slideContent {
        padding-block: 2.4rem;
        padding-inline: 8.32%
    }
}

@media (min-width:1024px) {
    .imageSlider__slideContent {
        max-width: 908px
    }
}

.imageSlider__slideMore {
    margin-top: 4rem
}

.imageSlider__slideBg {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (min-width:1024px) {
    .imageSlider__slideBg {
        left: -24rem;
        width: calc(100% + 48rem)
    }
}

.textSlider {
    padding: 7rem 0 0;
    position: relative
}

.textSlider--theme-projects {
    padding: 3rem 0
}

@media (min-width:1024px) {
    .textSlider--theme-projects {
        padding: 7rem 0
    }
}

.textSlider__inner {
    display: flex;
    padding: 8rem 0 0;
    width: 100%
}

@media (min-width:768px) {
    .textSlider__inner {
        width: 83.12%
    }

    .textSlider--theme-projects .textSlider__inner {
        padding: 8rem 0;
        width: calc(100% - 180px)
    }
}

.textSlider--theme-projects .textSlider__inner {
    color: #fff
}

.textSlider__slide {
    cursor: -webkit-grab;
    cursor: grab;
    flex-shrink: 0;
    width: 100%
}

@media (min-width:768px) {
    .textSlider__slide {
        width: 39.08%
    }

    html:not([dir=rtl]) .textSlider__slide {
        margin-left: 10.14%
    }

    html[dir=rtl] .textSlider__slide {
        margin-right: 10.14%
    }

    .textSlider--theme-projects .textSlider__slide {
        margin: 0;
        padding: 0 2.5%;
        width: 100%
    }

    .textSlider--wideSlide .textSlider__slide {
        width: 49.36%
    }
}

.textSlider__slideTags {
    column-gap: 2.5%;
    display: flex;
    margin-bottom: 2rem
}

.textSlider__slideNumber {
    font-weight: 700;
    margin-bottom: 2rem
}

.textSlider__next, .textSlider__prev {
    position: absolute;
    top: 10rem;
    z-index: 10
}

@media (min-width:768px) {
    .textSlider__next, .textSlider__prev {
        top: 50%
    }
}

html:not([dir=rtl]) .textSlider__prev {
    right: 50px
}

@media (min-width:768px) {
    html:not([dir=rtl]) .textSlider__prev {
        left: 0;
        right: unset
    }
}

html[dir=rtl] .textSlider__prev {
    left: 50px;
    right: unset;
    transform: rotate(180deg)
}

@media (min-width:768px) {
    html[dir=rtl] .textSlider__prev {
        left: unset;
        right: 0
    }
}

html:not([dir=rtl]) .textSlider__next {
    right: 0
}

html[dir=rtl] .textSlider__next {
    left: 0;
    right: unset;
    transform: rotate(-180deg)
}

@media (min-width:768px) {
    html[dir=rtl] .textSlider__next {
        left: 0;
        right: unset
    }
}

.textImageBgSlider {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding: 7rem 0 0;
    position: relative
}

@media (min-width:600px) {
    .textImageBgSlider {
        flex-wrap: nowrap
    }
}

.textImageBgSlider--theme-projects {
    padding: 3rem 0
}

@media (min-width:1024px) {
    .textImageBgSlider--theme-projects {
        padding: 7rem 0
    }
}

.textImageBgSlider__inner {
    display: flex;
    width: 100%
}

@media (min-width:600px) {
    .textImageBgSlider__inner {
        width: 83.12%
    }

    html:not([dir=rtl]) .textImageBgSlider__inner {
        margin-right: -4.8%
    }

    html[dir=rtl] .textImageBgSlider__inner {
        margin-left: -4.8%
    }
}

@media (min-width:768px) {
    .textImageBgSlider__inner {
        width: 74.68%
    }
}

.textImageBgSlider--theme-projects .textImageBgSlider__inner {
    color: #fff
}

.textImageBgSlider__slide {
    cursor: -webkit-grab;
    cursor: grab;
    flex-shrink: 0;
    height: auto;
    min-height: 100%;
    padding: 3rem;
    position: relative;
    width: 100%
}

.textImageBgSlider--theme-gallery .textImageBgSlider__slide {
    padding: 33.74% 8.42%
}

@media (min-width:768px) {
    .textImageBgSlider__slide {
        padding: 8.42%
    }

    .textImageBgSlider--theme-gallery .textImageBgSlider__slide {
        padding: 25.3% 8.42%
    }
}

@media (min-width:1024px) {
    .textImageBgSlider__slide {
        padding: 16.86%
    }

    .textImageBgSlider--theme-gallery .textImageBgSlider__slide {
        padding: 32.5% 16.86%
    }
}

.textImageBgSlider__slideBg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

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

.textImageBgSlider__slideTags {
    column-gap: 2.5%;
    display: flex;
    margin-bottom: 2rem
}

.textImageBgSlider--theme-gallery .textImageBgSlider__slideTags {
    display: none
}

.textImageBgSlider__slideNumber {
    font-weight: 700;
    margin-bottom: 2rem
}

.textImageBgSlider--theme-gallery .textImageBgSlider__slideNumber {
    display: none
}

.textImageBgSlider__buttons {
    column-gap: 2rem;
    display: flex;
    margin-bottom: 3rem;
    position: relative;
    width: 100%
}

@media (min-width:600px) {
    .textImageBgSlider__buttons {
        flex-direction: column;
        row-gap: 5rem;
        width: 8.42%
    }
}

.textImageBgSlider__nav {
    padding: 0;
    position: absolute;
    top: 3rem
}

html:not([dir=rtl]) .textImageBgSlider__nav {
    left: 0
}

html[dir=rtl] .textImageBgSlider__nav {
    right: 0
}

@media (min-width:768px) {
    .textImageBgSlider__nav {
        padding: 14rem 0 7rem;
        top: 0
    }

    html:not([dir=rtl]) .textImageBgSlider__nav {
        left: 18.12%;
        margin: 0 8.42% 0 0
    }

    html[dir=rtl] .textImageBgSlider__nav {
        margin: 0 0 0 8.42%;
        right: 18.12%
    }
}

html:not([dir=rtl]) .textImageBgSlider__next, html:not([dir=rtl]) .textImageBgSlider__prev {
    transform: rotate(-90deg)
}

html[dir=rtl] .textImageBgSlider__next, html[dir=rtl] .textImageBgSlider__prev {
    transform: rotate(90deg)
}

@media (min-width:600px) {
    html:not([dir=rtl]) .textImageBgSlider__next, html:not([dir=rtl]) .textImageBgSlider__prev, html[dir=rtl] .textImageBgSlider__next, html[dir=rtl] .textImageBgSlider__prev {
        transform: none
    }
}

.textImageBgSlider__more {
    margin-top: 4rem
}

.timelineSlider {
    padding: 1.6rem 0 0;
    position: relative
}

@media (min-width:1024px) {
    .timelineSlider {
        padding: 1.6rem 0 0
    }
}

.timelineSlider__sliderWrapper {
    position: relative;
    width: 95%
}

.timelineSlider__timeline {
    margin-top: 4rem
}

@media (min-width:1024px) {
    .timelineSlider__timeline {
        margin-inline: calc(-3.9936px + 7.776vw)
    }
}

@media (min-width:1600px) {
    .timelineSlider__timeline {
        margin-inline: 10.8rem
    }
}

.timelineSlider__timelineContainer {
    overflow: unset
}

.timelineSlider__timelineWrapper {
    display: flex;
    justify-content: space-between;
    transition: transform .4s
}

.timelineSlider__timelineItem {
    flex-shrink: unset;
    text-align: right
}

.timelineSlider__timelineItem--active button {
    font-weight: 700 !important
}

@media (min-width:1024px) {
    .timelineSlider__timelineItem {
        padding-inline: 2.6rem
    }
}

.timelineSlider__timelineItem button {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8571428571;
    margin-top: 3.2rem;
    position: relative
}

    .timelineSlider__timelineItem button:after {
        border: 1px solid #b2b2b2;
        bottom: 100%;
        content: "";
        height: 20px;
        left: 50%;
        position: absolute;
        transform: translate(-50%);
        width: 1px
    }

@media (min-width:768px) {
    .timelineSlider__timelineItem button:after {
        display: block
    }
}

.timelineSlider__inner {
    display: flex;
    overflow: visible;
    perspective: 1200px
}

.timelineSlider__wrapper {
    display: flex;
    transform-style: preserve-3d;
    width: 100%
}

.timelineSlider__slide {
    align-items: center;
    border-radius: 12px;
    display: flex;
    flex-shrink: 0;
    height: auto;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .timelineSlider__slide {
        height: calc(264.3352px + 21.018vw)
    }
}

@media (min-width:1600px) {
    .timelineSlider__slide {
        height: 56.7rem
    }
}

.timelineSlider__slideTags {
    column-gap: 2.5%;
    display: flex;
    margin-bottom: 2rem
}

.timelineSlider__image {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%
}

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

.timelineSlider__content {
    color: #fff;
    padding: 2rem 3.2rem;
    position: relative;
    z-index: 10
}

@media (min-width:1024px) {
    .timelineSlider__content {
        padding: 8.7rem 10.9rem
    }
}

.timelineSlider__slideScroll {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%
}

@media (min-width:1280px) {
    .timelineSlider__slideScroll {
        padding-bottom: 2rem
    }
}

.timelineSlider__slideScroll::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.timelineSlider__slideScroll::-webkit-scrollbar-thumb {
    background-color: #fd8c04;
    border-radius: 1rem
}

.timelineSlider__slideScroll::-webkit-scrollbar-track {
    background-color: #fff
}

.timelineSlider__scrollItem {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    min-height: 400px;
    position: relative;
    width: 100%
}

@media (min-width:1280px) {
    .timelineSlider__scrollItem {
        padding: 0
    }
}

.timelineSlider__navigation {
    align-items: center;
    display: flex;
    gap: 1.6rem;
    margin-bottom: 2.4rem
}

@media (min-width:1024px) {
    .timelineSlider__next, .timelineSlider__prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10
    }

        .timelineSlider__next .swiper-button-disabled, .timelineSlider__prev .swiper-button-disabled {
            opacity: 0 !important
        }
}

.timelineSlider__prev {
    left: -2.4rem
}

html[dir=rtl] .timelineSlider__prev {
    left: auto;
    right: -2.4rem
}

@media (min-width:768px) {
    .timelineSlider__prev {
        left: -3.6rem
    }

    html[dir=rtl] .timelineSlider__prev {
        left: auto;
        right: -3.6rem
    }
}

.timelineSlider__next {
    right: -2.4rem
}

html[dir=rtl] .timelineSlider__next {
    left: -2.4rem;
    right: auto
}

@media (min-width:768px) {
    .timelineSlider__next {
        right: -4.8rem
    }

    html[dir=rtl] .timelineSlider__next {
        left: -4.8rem;
        right: auto
    }
}

.timelineSlider__nav {
    margin-top: 6rem
}

.timelineSlider__contentInner {
    max-width: 57rem
}

.timelineSlider__title {
    font-size: calc(20.004px + 1.11vw);
    line-height: 1.3333333333;
    margin-top: calc(-4.9944px + 8.054vw)
}

@media (min-width:1600px) {
    .timelineSlider__title {
        margin-top: 11.1rem
    }
}

.timelineSlider__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .timelineSlider__text {
        margin-top: 2.4rem
    }
}

.timelineSlider__timelineProgress {
    --progress: 0%;
    background-color: #f7f7f7;
    border-radius: 2.4rem;
    height: .8rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

    .timelineSlider__timelineProgress:after {
        background-color: #0063af;
        border-radius: 2.4rem;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transition: width .4s;
        width: var(--progress)
    }

html[dir=rtl] .timelineSlider__timelineProgress:after {
    left: auto;
    right: 0
}

.textImageSlider {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width:768px) {
    .textImageSlider {
        align-items: center;
        flex-wrap: nowrap
    }
}

.textImageSlider__images {
    height: 50%;
    position: relative;
    width: 74.68%
}

@media (min-width:600px) {
    .textImageSlider__images {
        height: 60%
    }
}

@media (min-width:768px) {
    .textImageSlider__images {
        width: 40.92%
    }
}

@media (min-width:1024px) {
    .textImageSlider__images {
        height: 80%
    }
}

html[dir=rtl] .textImageSlider__images {
    margin-right: -7.18%
}

.textImageSlider--smallImage .textImageSlider__images {
    height: auto;
    margin: 7.18% 0;
    padding-top: 49.36%;
    width: 49.36%
}

@media (min-width:768px) {
    .textImageSlider--smallImage .textImageSlider__images {
        padding-top: 16.86%;
        width: 16.86%
    }
}

html:not([dir=rtl]) .textImageSlider--smallImage .textImageSlider__images {
    margin-left: 8.42%;
    margin-right: 15.62%
}

html[dir=rtl] .textImageSlider--smallImage .textImageSlider__images {
    margin-left: 8.42%;
    margin-right: 8.42%
}

.textImageSlider__imagesSingle {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: opacity .4s,visibility .4s,transform .4s .2s;
    visibility: hidden;
    width: 100%
}

.textImageSlider__imagesSingle--active {
    opacity: 1;
    transform: scale(1);
    visibility: visible
}

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

.textImageSlider__next, .textImageSlider__prev {
    position: absolute;
    top: 50%;
    width: 7.18%;
    z-index: 2
}

@media (min-width:768px) {
    .textImageSlider__next, .textImageSlider__prev {
        position: static
    }
}

.textImageSlider--smallImage .textImageSlider__next, .textImageSlider--smallImage .textImageSlider__prev {
    top: 7.18%
}

html:not([dir=rtl]) .textImageSlider__next {
    right: 2rem
}

html[dir=rtl] .textImageSlider__next {
    left: 0;
    order: 2;
    right: unset;
    transform: rotate(180deg)
}

@media (min-width:768px) {
    html[dir=rtl] .textImageSlider__next {
        left: 0;
        order: 4;
        right: unset
    }
}

html:not([dir=rtl]) .textImageSlider__prev {
    margin-left: 21.56%;
    right: 6rem;
    transform: translateX(-43.12%)
}

@media (min-width:768px) {
    html:not([dir=rtl]) .textImageSlider__prev {
        margin-left: 0;
        transform: translateX(-28.74%)
    }
}

html[dir=rtl] .textImageSlider__prev {
    left: 5rem;
    order: 4;
    transform: rotate(-180deg)
}

@media (min-width:768px) {
    html[dir=rtl] .textImageSlider__prev {
        left: unset;
        margin-right: 7.18%;
        order: 2;
        right: 0;
        transform: translateX(28.74%) rotate(-180deg)
    }
}

.textImageSlider__slides {
    padding: 40rem 0;
    position: relative;
    width: 100%
}

@media (min-width:600px) {
    html:not([dir=rtl]) .textImageSlider__slides {
        margin-left: 21.56%
    }

    html[dir=rtl] .textImageSlider__slides {
        margin-right: 21.56%
    }
}

@media (min-width:768px) {
    .textImageSlider__slides {
        padding: 20rem 0;
        width: 40.92%
    }

    html:not([dir=rtl]) .textImageSlider__slides {
        margin-left: 0
    }

    html[dir=rtl] .textImageSlider__slides {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .textImageSlider__slides {
        padding: 30rem 0
    }
}

html[dir=rtl] .textImageSlider__slides {
    order: 3
}

.textImageSlider--smallImage .textImageSlider__slides {
    flex-grow: 1;
    padding: 20rem 0
}

@media (min-width:600px) {
    .textImageSlider--smallImage .textImageSlider__slides {
        padding: 15rem 0
    }
}

@media (min-width:768px) {
    .textImageSlider--smallImage .textImageSlider__slides {
        padding: 20rem 0
    }
}

@media (min-width:1024px) {
    .textImageSlider--smallImage .textImageSlider__slides {
        padding: 30rem 0
    }
}

.textImageSlider__slide {
    color: #fff;
    left: 0;
    opacity: 0;
    padding: 0 3rem;
    position: absolute;
    top: 0;
    transform: translate(100%);
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden
}

@media (min-width:768px) {
    .textImageSlider__slide {
        padding: 0;
        top: 50%;
        transform: translate(100%,-50%)
    }
}

.textImageSlider__slide--active {
    opacity: 1;
    transform: translate(0);
    visibility: visible
}

@media (min-width:768px) {
    .textImageSlider__slide--active {
        transform: translateY(-50%)
    }
}

.textImageSlider__slideNumber {
    font-weight: 700;
    margin-bottom: 2rem
}

.textImageSlider--theme-default .textImageSlider__slideNumber {
    color: #c9f658
}

.textImageSlider--theme-lime .textImageSlider__slideNumber {
    color: #6b48ff
}

.textImageSlider__bg {
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translateX(-100%) scale(0);
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

html:not([dir=rtl]) .textImageSlider__bg {
    left: 0
}

html[dir=rtl] .textImageSlider__bg {
    right: 0
}

.textImageSlider--theme-default .textImageSlider__bg {
    background-color: #6b48ff
}

.textImageSlider--theme-lime .textImageSlider__bg {
    background-color: #c9f658
}

@media (min-width:600px) {
    .textImageSlider__bg {
        width: 95.62%
    }

    html:not([dir=rtl]) .textImageSlider__bg {
        margin-left: 16.86%
    }

    html[dir=rtl] .textImageSlider__bg {
        margin-right: 16.86%
    }
}

.section--visible .textImageSlider__bg {
    opacity: 1;
    transform: translateX(0) scale(1);
    visibility: visible
}

.textImageSlider--theme-default .textImageSlider__text .text__head {
    color: #c9f658
}

.textImageSlider--theme-lime .textImageSlider__text {
    color: #292929
}

    .textImageSlider--theme-lime .textImageSlider__text .text__head {
        color: #6b48ff
    }

.textImageSlider__shape {
    position: absolute;
    transform: scale(0);
    transition: transform .4s .4s
}

.section--visible .textImageSlider__shape--active {
    transform: scale(1)
}

.textImageSlider__shape--0, .textImageSlider__shape--2 {
    bottom: 20%;
    width: 70%
}

html[dir=rtl] .textImageSlider__shape--0, html[dir=rtl] .textImageSlider__shape--2 {
    left: -35%
}

html:not([dir=rtl]) .textImageSlider__shape--0, html:not([dir=rtl]) .textImageSlider__shape--2 {
    right: -35%
}

.textImageSlider__shape--0 img, .textImageSlider__shape--2 img {
    height: 100%;
    width: 100%
}

@media (min-width:1024px) {
    .textImageSlider__shape--0, .textImageSlider__shape--2 {
        bottom: -20%;
        width: auto
    }

    html[dir=rtl] .textImageSlider__shape--0, html[dir=rtl] .textImageSlider__shape--2 {
        left: 10%
    }

    html:not([dir=rtl]) .textImageSlider__shape--0, html:not([dir=rtl]) .textImageSlider__shape--2 {
        right: -10%
    }
}

.textImageSlider__shape--1, .textImageSlider__shape--3 {
    top: 20%;
    width: 70%
}

html[dir=rtl] .textImageSlider__shape--1, html[dir=rtl] .textImageSlider__shape--3 {
    left: -35%
}

html:not([dir=rtl]) .textImageSlider__shape--1, html:not([dir=rtl]) .textImageSlider__shape--3 {
    right: -35%
}

.textImageSlider__shape--1 img, .textImageSlider__shape--3 img {
    height: 100%;
    width: 100%
}

@media (min-width:1024px) {
    .textImageSlider__shape--1, .textImageSlider__shape--3 {
        top: -35%;
        width: auto
    }

    html[dir=rtl] .textImageSlider__shape--1, html[dir=rtl] .textImageSlider__shape--3 {
        left: 25%
    }

    html:not([dir=rtl]) .textImageSlider__shape--1, html:not([dir=rtl]) .textImageSlider__shape--3 {
        right: -25%
    }
}

.imageListSlider__inner {
    margin-top: 4rem;
    position: relative;
    width: 100%
}

.imageListSlider__nav {
    align-items: center;
    column-gap: 1.24%;
    display: flex;
    margin: -4rem;
    overflow: auto;
    padding: 4rem;
    width: 100%
}

.imageListSlider__navItem {
    flex-grow: 1;
    flex-shrink: 0
}

@media (min-width:600px) {
    .imageListSlider__navItem {
        width: 40.92%
    }
}

@media (min-width:1024px) {
    .imageListSlider__navItem {
        width: 18.66%
    }
}

.imageListSlider__slide {
    display: flex;
    flex-wrap: wrap;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .4s,visibility .4s;
    visibility: hidden;
    width: 100%
}

@media (min-width:600px) {
    .imageListSlider__slide {
        flex-wrap: unset
    }
}

.imageListSlider__slide.active {
    opacity: 1;
    position: relative;
    visibility: visible
}

.imageListSlider__slideBg {
    align-self: flex-start;
    flex-shrink: 0;
    margin-bottom: 2rem;
    padding-top: 49.36%;
    position: relative;
    width: 100%
}

@media (min-width:600px) {
    .imageListSlider__slideBg {
        margin-bottom: 0;
        padding-top: 49.36%;
        width: 36.08%
    }

    html:not([dir=rtl]) .imageListSlider__slideBg {
        margin-left: -3.6%
    }

    html[dir=rtl] .imageListSlider__slideBg {
        margin-right: -3.6%
    }
}

.imageListSlider__slideBg img {
    width: 100%
}

@media (min-width:600px) {
    html:not([dir=rtl]) .imageListSlider__slideContent {
        padding-left: 9.68%
    }

    html[dir=rtl] .imageListSlider__slideContent {
        padding-right: 9.68%
    }
}

.imageListSlider__slideList {
    margin-top: 4rem
}

.bg--primary .imageListSlider__slideHead {
    color: #c9f658
}

.cardsSlider {
    align-items: stretch;
    display: flex;
    width: 100%
}

.cardsSlider__buttons {
    align-self: center;
    display: flex;
    flex-direction: column;
    row-gap: 3.2rem
}

.cardsSlider__slide {
    cursor: -webkit-grab;
    cursor: grab;
    flex-shrink: 0;
    height: 100%;
    min-height: 400px;
    width: 100%
}

@media (min-width:600px) {
    .cardsSlider__slide {
        width: 57.8%
    }

    html:not([dir=rtl]) .cardsSlider__slide:not(:first-of-type) {
        margin-left: 6.24%
    }

    html[dir=rtl] .cardsSlider__slide:not(:first-of-type) {
        margin-right: 6.24%
    }
}

@media (min-width:768px) {
    .cardsSlider__slide {
        min-height: 450px;
        width: 74.68%
    }
}

@media (min-width:1024px) {
    .cardsSlider__slide {
        min-height: 500px;
        width: 66.24%
    }
}

@media (min-width:1600px) {
    .cardsSlider__slide {
        min-height: 560px;
        width: 57.8%
    }
}

.cardsSlider--smallCards .cardsSlider__slide {
    min-height: 100%;
    width: 49.36%
}

@media (min-width:768px) {
    .cardsSlider--smallCards .cardsSlider__slide {
        width: 49.36%
    }
}

@media (min-width:1024px) {
    .cardsSlider--smallCards .cardsSlider__slide {
        width: 40.92%
    }
}

@media (min-width:1600px) {
    .cardsSlider--smallCards .cardsSlider__slide {
        width: 24.06%
    }
}

.cardsSlider--gallery .cardsSlider__slide {
    max-height: 320px;
    min-height: auto;
    width: 100%
}

html:not([dir=rtl]) .cardsSlider--gallery .cardsSlider__slide, html[dir=rtl] .cardsSlider--gallery .cardsSlider__slide {
    margin: 0
}

.cardsSlider__inner {
    flex-grow: 1
}

html:not([dir=rtl]) .cardsSlider__inner {
    margin-left: 3.58%
}

html[dir=rtl] .cardsSlider__inner {
    margin-right: 3.58%
}

.counterSlider {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding: 7rem 0 0;
    position: relative
}

@media (min-width:600px) {
    .counterSlider {
        flex-wrap: nowrap
    }
}

.counterSlider__nav {
    padding: 0;
    position: absolute;
    top: 3.5rem
}

html:not([dir=rtl]) .counterSlider__nav {
    left: 0
}

html[dir=rtl] .counterSlider__nav {
    right: 0
}

@media (min-width:600px) {
    .counterSlider__nav {
        top: 7rem
    }
}

@media (min-width:768px) {
    .counterSlider__nav {
        bottom: 0;
        top: unset
    }

    html:not([dir=rtl]) .counterSlider__nav {
        left: 18.12%;
        margin: 0 8.42% 0 0
    }

    html[dir=rtl] .counterSlider__nav {
        margin: 0 0 0 8.42%;
        right: 18.12%
    }

    .counterSlider__nav.slider__nav {
        height: calc(100% - 7rem)
    }
}

.counterSlider__buttons {
    column-gap: 2rem;
    display: flex;
    position: relative;
    width: 100%
}

@media (min-width:600px) {
    .counterSlider__buttons {
        flex-direction: column;
        row-gap: 5rem;
        width: 8.42%
    }
}

.counterSlider__inner {
    display: flex;
    width: 100%
}

@media (min-width:600px) {
    .counterSlider__inner {
        width: 83.12%
    }

    html:not([dir=rtl]) .counterSlider__inner {
        margin-right: -4.8%
    }

    html[dir=rtl] .counterSlider__inner {
        margin-left: -4.8%
    }
}

@media (min-width:768px) {
    .counterSlider__inner {
        width: 74.68%
    }
}

.counterSlider--theme-projects .counterSlider__inner {
    color: #fff
}

.counterSlider__slide {
    cursor: -webkit-grab;
    cursor: grab;
    padding: 3rem 0 0;
    width: 100%
}

@media (min-width:768px) {
    .counterSlider__slide {
        padding: 5rem 0 0
    }
}

.counterSlider__slideTop {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
    text-align: center
}

@media (min-width:1024px) {
    .counterSlider__slideTop {
        display: block;
        margin-bottom: 0;
        text-align: unset
    }
}

.counterSlider__slideBottom {
    padding: 2rem 10% 0;
    text-align: center
}

@media (min-width:768px) {
    .counterSlider__slideBottom {
        padding: 3rem 10% 0
    }
}

html:not([dir=rtl]) .counterSlider__next, html:not([dir=rtl]) .counterSlider__prev {
    transform: rotate(-90deg)
}

html[dir=rtl] .counterSlider__next, html[dir=rtl] .counterSlider__prev {
    transform: rotate(90deg)
}

@media (min-width:600px) {
    html:not([dir=rtl]) .counterSlider__next, html:not([dir=rtl]) .counterSlider__prev, html[dir=rtl] .counterSlider__next, html[dir=rtl] .counterSlider__prev {
        transform: none
    }
}

.counterSlider__number {
    color: #fd8c04;
    font-size: 10rem
}

@media (min-width:768px) {
    .counterSlider__number {
        font-size: 18rem
    }
}

@media (min-width:1280px) {
    .counterSlider__number {
        font-size: 24rem
    }
}

.counterSlider__name {
    color: #fd8c04;
    font-size: 3rem
}

@media (min-width:768px) {
    .counterSlider__name {
        font-size: 3.5rem
    }
}

@media (min-width:1280px) {
    .counterSlider__name {
        font-size: 5rem
    }
}

.processSlider {
    position: relative
}

.processSlider__wrapper {
    align-items: center;
    display: flex;
    position: relative
}

.processSlider__inner {
    min-height: 100px;
    overflow: auto;
    width: 91.56%
}

html:not([dir=rtl]) .processSlider__inner {
    margin-left: 8.42%
}

html[dir=rtl] .processSlider__inner {
    margin-right: 8.42%
}

.processSlider__inner::-webkit-scrollbar {
    height: 5px
}

.processSlider__inner::-webkit-scrollbar-thumb {
    background-color: #fd8c04;
    border-radius: 3px
}

.processSlider__timeline {
    display: flex;
    width: 100%
}

.processSlider__timelineItem {
    color: #b2b2b2;
    flex-shrink: 0;
    font-size: 1.8rem;
    font-weight: 700;
    width: 44.7%
}

@media (min-width:768px) {
    .processSlider__timelineItem {
        width: 53.92%
    }
}

@media (min-width:1024px) {
    .processSlider__timelineItem {
        width: 27.64%
    }
}

.processSlider__timelineLabel {
    position: relative
}

.processSlider__timelineLabelLine {
    border: 1px dashed #b2b2b2;
    content: "";
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%)
}

.processSlider__items {
    padding: 5rem 0
}

.processSlider__item {
    cursor: pointer;
    overflow: hidden;
    padding: 1rem 2rem;
    position: relative;
    transition: max-height .4s,background-color .4s,color .2s
}

    .processSlider__item.active, .processSlider__item:hover {
        color: #fff
    }

.processSlider__item--orange {
    border-top: 1px solid #fd8c04;
    color: #fd8c04
}

    .processSlider__item--orange.active, .processSlider__item--orange:hover {
        background-color: #fd8c04
    }

.processSlider__item--purple {
    border-top: 1px solid #6b48ff;
    color: #6b48ff
}

    .processSlider__item--purple.active, .processSlider__item--purple:hover {
        background-color: #6b48ff
    }

.processSlider__item--lime {
    border-top: 1px solid #c9f658;
    color: #c9f658
}

    .processSlider__item--lime.active, .processSlider__item--lime:hover {
        background-color: #c9f658
    }

.processSlider__item--azure {
    border-top: 1px solid #0063af;
    color: #1cc5dc
}

    .processSlider__item--azure.active, .processSlider__item--azure:hover {
        background-color: #1cc5dc
    }

.processSlider__item--primary {
    border-top: 1px solid #0063af;
    color: #0063af
}

    .processSlider__item--primary.active, .processSlider__item--primary:hover {
        background-color: #0063af
    }

.processSlider__item--gray {
    border-top: 1px solid #292929;
    color: #292929
}

    .processSlider__item--gray.active, .processSlider__item--gray:hover {
        background-color: #292929
    }

.processSlider__itemTitle {
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase
}

.processSlider__itemText {
    max-height: 0;
    opacity: 0;
    transform: translateY(100%);
    transition: max-height .4s,visibility .4s,opacity .4s,transform .4s;
    visibility: hidden
}

.processSlider__item.active .processSlider__itemText {
    max-height: 9999px;
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.processSlider__next, .processSlider__prev {
    position: absolute;
    z-index: 10
}

html[dir=rtl] .processSlider__next, html[dir=rtl] .processSlider__prev {
    transform: rotate(-180deg)
}

html:not([dir=rtl]) .processSlider__prev {
    left: 0
}

html:not([dir=rtl]) .processSlider__next, html[dir=rtl] .processSlider__prev {
    right: 0
}

html[dir=rtl] .processSlider__next {
    left: 0
}

.brandsZoom {
    position: relative;
    width: 100%
}

.brandsZoom__nav {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

    .brandsZoom__nav > .container {
        height: 100%
    }

.brandsZoom__navWrapper {
    display: inline-block;
    position: -webkit-sticky;
    position: sticky;
    top: 80%;
    z-index: 10
}

.brandsZoom__swipe {
    bottom: -6rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: opacity .4s,visibility .4s
}

    .brandsZoom__swipe.hidden {
        opacity: 0;
        visibility: hidden
    }

@media (min-width:1024px) {
    .brandsZoom__swipe {
        bottom: -8rem
    }
}

.brandsZoom__swipeTip {
    align-items: center;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: swipe-hand;
    animation-timing-function: ease-in-out;
    display: flex;
    height: 5rem;
    justify-content: center;
    transition: opacity .4s;
    width: 5rem
}

.brandsZoom__parent:hover .brandsZoom__swipeTip {
    opacity: 0
}

@media (min-width:1024px) {
    .brandsZoom__swipeTip {
        height: 7rem;
        width: 7rem
    }
}

.brandsZoom__swipeTipIcon {
    font-size: 4rem
}

@keyframes swipe-hand {
    0% {
        margin: 0;
        transform: rotate(0)
    }

    to {
        margin-right: 20px;
        transform: rotate(-5deg)
    }
}

.brandsZoom__tip {
    bottom: -20%;
    color: #b2b2b2;
    font-weight: 700;
    left: 50%;
    opacity: 1;
    position: absolute;
    transform: translateX(-50%);
    transition: opacity .4s,visibility .4s;
    visibility: visible;
    white-space: nowrap;
    z-index: 2
}

.brandsZoom__tip--inactive {
    opacity: 0;
    visibility: hidden
}

.brandsZoom__zoomIn, .brandsZoom__zoomOut {
    position: relative;
    width: 8.42%;
    z-index: 20
}

.brandsZoom__zoomIn {
    margin-bottom: 2rem
}

@media (min-width:768px) {
    .brandsZoom__zoomIn {
        margin-bottom: 3rem
    }
}

@media (min-width:1024px) {
    .brandsZoom__zoomIn {
        margin-bottom: 5rem
    }
}

.brandsZoom__inner, .brandsZoom__wrapper {
    overflow: hidden;
    position: relative;
    width: 100%
}

.brandsZoom__inner {
    height: 100vh
}

.brandsZoom__node {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: opacity .4s,visibility .4s,transform .4s;
    width: 100%
}

.brandsZoom__node--root.brandsZoom__node--initial {
    opacity: 1;
    transform: scale(1);
    visibility: visible
}

.brandsZoom__nodeText {
    bottom: 0;
    opacity: 0;
    position: absolute;
    transform: scale(0);
    transition: opacity .4s,visibility .4s,transform .4s;
    width: 100%
}

html:not([dir=rtl]) .brandsZoom__nodeText {
    padding-left: 24.06%
}

html[dir=rtl] .brandsZoom__nodeText {
    padding-right: 24.06%
}

@media (min-width:1024px) {
    .brandsZoom__nodeText {
        bottom: unset;
        width: 24.06%
    }

    html:not([dir=rtl]) .brandsZoom__nodeText {
        padding: 0;
        right: 12.5%
    }

    html[dir=rtl] .brandsZoom__nodeText {
        left: 12.5%;
        padding: 0
    }
}

.brandsZoom__nodeCircles {
    width: 100%
}

.brandsZoom__parent {
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    filter: drop-shadow(30px 60px 40px rgba(255,255,255,.03));
    padding-top: 32.5%;
    position: absolute;
    transition: transform .4s,background-color .4s;
    width: 32.5%;
    z-index: 10
}

html:not([dir=rtl]) .brandsZoom__parent {
    left: 50%;
    transform: translate(-50%,-50%)
}

html[dir=rtl] .brandsZoom__parent {
    right: 50%;
    transform: translate(50%,-50%)
}

@media (min-width:1024px) {
    .brandsZoom__parent {
        padding-top: 15.62%;
        width: 15.62%
    }
}

.brandsZoom__parent--active, .brandsZoom__parent:hover {
    background-color: #0063af
}

    .brandsZoom__parent--active .brandsZoom__parentImage .imageBox img, .brandsZoom__parent:hover .brandsZoom__parentImage .imageBox img {
        filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(270deg) brightness(140%) contrast(100%)
    }

.brandsZoom__parentImage {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70%
}

.brandsZoom__childs {
    border: 1px dashed #b2b2b2;
    border-radius: 50%;
    opacity: 0;
    padding-top: 100%;
    position: absolute;
    top: -50%;
    width: 100%
}

html:not([dir=rtl]) .brandsZoom__childs {
    left: 35%;
    transform: translate(-50%,-50%) scale(0)
}

html[dir=rtl] .brandsZoom__childs {
    right: 35%;
    transform: translate(50%,-50%) scale(0)
}

@media (min-width:1024px) {
    .brandsZoom__childs {
        padding-top: 66.24%;
        width: 66.24%
    }
}

.brandsZoom__children {
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    padding-top: 28.94%;
    position: absolute;
    transition: transform .4s,background-color .4s;
    width: 28.94%;
    z-index: 10
}

@media (min-width:768px) {
    .brandsZoom__children {
        padding-top: 18.78%;
        width: 18.78%
    }
}

@media (min-width:1024px) {
    .brandsZoom__children {
        padding-top: 15.44%;
        width: 15.44%
    }
}

.brandsZoom__children:hover {
    background-color: #0063af
}

    .brandsZoom__children:hover .brandsZoom__childrenImage .imageBox img {
        filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(270deg) brightness(140%) contrast(100%)
    }

.brandsZoom__childrenImage {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70%
}

.brandsZoom__childrenNodes {
    border: 1px dashed #b2b2b2;
    border-radius: 50%;
    opacity: 0;
    padding-top: 140.24%;
    position: absolute;
    top: 50%;
    width: 140.24%
}

html:not([dir=rtl]) .brandsZoom__childrenNodes {
    left: 50%;
    transform: translate(-50%,-50%) scale(0)
}

html[dir=rtl] .brandsZoom__childrenNodes {
    right: 50%;
    transform: translate(50%,-50%) scale(0)
}

@media (min-width:768px) {
    .brandsZoom__childrenNodes {
        padding-top: 243%;
        width: 243%
    }
}

@media (min-width:1024px) {
    .brandsZoom__childrenNodes {
        padding-top: 370.98%;
        width: 370.98%
    }
}

.brandsZoom__childrenNode {
    background-color: #fff;
    border-radius: 50%;
    padding-top: 16.86%;
    position: absolute;
    width: 16.86%;
    z-index: 10
}

.goals {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.goals__item {
    border-bottom: 1px solid #e2e2e2;
    padding: 3rem;
    text-transform: uppercase;
    width: 100%
}

@media (min-width:600px) {
    .goals__item {
        width: 50%
    }

    html:not([dir=rtl]) .goals__item:nth-child(odd) {
        border-right: 1px solid #e2e2e2
    }

    html[dir=rtl] .goals__item:nth-child(odd) {
        border-left: 1px solid #e2e2e2
    }

    .goals__item:last-child {
        border-bottom: none
    }
}

@media (min-width:768px) {
    .goals__item {
        padding: 5rem 3rem 8rem
    }
}

.goals__icon {
    color: #fd8c04;
    font-size: 3rem;
    margin-bottom: 3rem
}

    .goals__icon .icon-infinity {
        font-size: 2rem
    }

.counter {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.counter__number, .counter__prefix {
    color: #fd8c04;
    font-size: 10rem
}

@media (min-width:768px) {
    .counter__number, .counter__prefix {
        font-size: 18rem
    }
}

@media (min-width:1280px) {
    .counter__number, .counter__prefix {
        font-size: 24rem
    }
}

.counter__name {
    color: #fd8c04;
    font-size: 3rem
}

@media (min-width:768px) {
    .counter__name {
        font-size: 3.5rem
    }
}

@media (min-width:1280px) {
    .counter__name {
        font-size: 5rem
    }
}

.bio__position {
    font-weight: 700;
    margin: 2rem 0
}

.bio__desc {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 4rem;
    max-height: 108px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-height .4s
}

.bio--active .bio__desc {
    -webkit-line-clamp: none;
    max-height: 9999px
}

.contactsList__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4.5rem;
    width: 100%
}

.contactsList__listItem {
    flex: 0 0 100%;
    margin: 1.5rem 0;
    max-width: 100%
}

html:not([dir=rtl]) .contactsList__listItem {
    padding-right: 1.5rem
}

html[dir=rtl] .contactsList__listItem {
    padding-left: 1.5rem
}

@media (min-width:600px) {
    .contactsList__listItem {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1024px) {
    .contactsList__listItem {
        flex: 1
    }
}

.contactsList__toll {
    font-size: 1.4rem;
    margin-top: 4rem
}

    .contactsList__toll * {
        font-size: 1.4rem
    }

.shareBar {
    position: relative;
    width: 100%
}

.shareBar__wrapper {
    align-items: center;
    background-color: transparent;
    border-radius: 4.6rem;
    display: flex;
    gap: 1.5rem;
    padding: 1rem;
    position: relative;
    transition: background-color .4s .2s,border .4s .2s,padding .4s .2s
}

@media (min-width:768px) {
    .shareBar__wrapper {
        padding: 1.5rem
    }
}

.shareBar.active .shareBar__wrapper {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    transition: border .4s .4s,padding .4s .4s,background-color .4s .4s
}

.shareBar__toggleButton {
    align-items: center;
    background-color: #c9f658;
    border-radius: 50%;
    color: #292929;
    display: flex;
    height: 50px;
    justify-content: center;
    transition: width .6s .6s,height .6s .6s,background-color .4s,border .4s,color .4s;
    width: 50px
}

@media (min-width:1024px) {
    .shareBar__toggleButton {
        height: 60px;
        width: 60px
    }
}

@media (min-width:1366px) {
    .shareBar__toggleButton {
        height: 70px;
        width: 70px
    }
}

@media (min-width:1600px) {
    .shareBar__toggleButton {
        height: 90px;
        width: 90px
    }
}

.shareBar__toggleButtonIcon {
    font-size: 1.4rem
}

@media (min-width:768px) {
    .shareBar__toggleButtonIcon {
        font-size: 1.6rem
    }
}

@media (min-width:1024px) {
    .shareBar__toggleButtonIcon {
        font-size: 1.8rem
    }
}

@media (min-width:1366px) {
    .shareBar__toggleButtonIcon {
        font-size: 2.2rem
    }
}

@media (min-width:1600px) {
    .shareBar__toggleButtonIcon {
        font-size: 2.5rem
    }
}

.shareBar__toggleButton:hover {
    background-color: #fff;
    border: 1px solid #c9f658
}

.shareBar.active .shareBar__toggleButton {
    background-color: #f7f7f7;
    height: 50px;
    transition: width .4s,height .4s,background-color .4s,border .4s,color .4s;
    width: 50px
}

.shareBar__items {
    display: grid;
    gap: 1.5rem;
    grid-auto-flow: column;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-width .4s,opacity .4s,visibility .4s;
    visibility: hidden
}

.shareBar.active .shareBar__items {
    max-width: 9999px;
    opacity: 1;
    overflow: auto;
    transition: max-width 1s .4s,opacity 1s .4s,visibility 1s .4s;
    visibility: visible
}

.shareBar__item {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.jobApply {
    bottom: 0;
    position: fixed;
    transition: transform .4s;
    width: 100%;
    z-index: 10
}

html:not([dir=rtl]) .jobApply {
    transform: translateX(100%)
}

html[dir=rtl] .jobApply {
    transform: translateX(-100%)
}

    html:not([dir=rtl]) .jobApply.active, html[dir=rtl] .jobApply.active {
        transform: translateX(0)
    }

@media (min-width:1024px) {
    .jobApply {
        bottom: unset;
        top: 180px;
        z-index: 3
    }

    .jobApply, html:not([dir=rtl]) .jobApply, html[dir=rtl] .jobApply {
        transform: none
    }
}

@media (min-width:1600px) {
    .jobApply {
        top: 32%
    }
}

.jobApply__toggle {
    align-items: center;
    background-color: #c9f658;
    display: flex;
    justify-content: center;
    padding: 3rem 0;
    position: absolute;
    top: 0;
    width: 8.32%
}

html:not([dir=rtl]) .jobApply__toggle {
    left: -8.32%
}

html[dir=rtl] .jobApply__toggle {
    right: -8.32%
}

html:not([dir=rtl]) .jobApply.active .jobApply__toggle {
    left: 0
}

html[dir=rtl] .jobApply.active .jobApply__toggle {
    right: 0
}

.jobApply__toggleButton {
    color: #292929;
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    font-weight: 700
}

.jobApply__toggleButtonIcon {
    margin-bottom: 3rem
}

html[dir=rtl] .jobApply__toggleButtonIcon {
    transform: rotate(-180deg)
}

html[dir=rtl] .jobApply.active .jobApply__toggleButtonIcon {
    transform: rotate(0)
}

html:not([dir=rtl]) .jobApply.active .jobApply__toggleButtonIcon {
    transform: rotate(-180deg)
}

html:not([dir=rtl]) .jobApply__toggleButtonText {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

html[dir=rtl] .jobApply__toggleButtonText {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media (min-width:1024px) {
    .jobApply__toggle {
        display: none
    }
}

.jobApply__wrapper {
    position: relative;
    width: 100%
}

.jobApply__card {
    position: relative
}

@media (min-width:1024px) {
    .jobApply__card {
        min-width: 280px;
        width: 25.3%
    }

    html:not([dir=rtl]) .jobApply__card {
        margin-left: 75.92%
    }

    html[dir=rtl] .jobApply__card {
        margin-right: 75.92%
    }
}

.textRoll {
    overflow: hidden;
    position: relative
}

.textRoll__item {
    opacity: 0;
    position: absolute;
    transform: translateY(100px);
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden
}

    .textRoll__item.active {
        opacity: 1;
        position: relative;
        transform: translateY(0);
        visibility: visible
    }

    .textRoll__item .text__head {
        font-size: 2rem
    }

@media (min-width:768px) {
    .textRoll__item .text__head {
        font-size: 3.6rem;
        line-height: 1.2222222222
    }
}

@media (min-width:1024px) {
    .textRoll__item .text__head {
        font-size: 4.2rem;
        line-height: 1.32
    }
}

@media (min-width:1600px) {
    .textRoll__item .text__head {
        font-size: 4.8rem;
        line-height: 1.375
    }
}

.pagination__inner {
    align-items: center;
    display: flex;
    gap: .8rem
}

.pagination__arrow {
    align-items: center;
    border: 1px solid #292929;
    border-radius: 50%;
    display: flex;
    height: 3.2rem;
    justify-content: center;
    transition: background-color .4s,border-color .4s;
    width: 3.2rem
}

@media (min-width:768px) {
    .pagination__arrow {
        height: 4.8rem;
        width: 4.8rem
    }
}

.pagination__arrow:before {
    color: #292929;
    font-size: calc(10.668px + .37vw)
}

@media (hover:hover) {
    .pagination__arrow:hover {
        background-color: #c9f658;
        border-color: #c9f658
    }
}

.pagination__arrow--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e913" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.pagination__arrow--next:before, html[dir=rtl] .pagination__arrow--prev:before {
    content: "\e912" !important
}

.pagination__arrow--next:before, html[dir=rtl] .pagination__arrow--next:before, html[dir=rtl] .pagination__arrow--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

html[dir=rtl] .pagination__arrow--next:before {
    content: "\e913" !important
}

.pagination__pages {
    align-items: center;
    display: flex;
    gap: .8rem
}

.pagination__page {
    align-items: center;
    border: 1px solid #c9f658;
    border-radius: 6px;
    display: flex;
    font-size: calc(12.668px + .37vw);
    font-weight: 700;
    height: 4.8rem;
    justify-content: center;
    line-height: 3.6rem;
    transition: background-color .4s,color .4s,border-color .4s;
    width: 4.8rem
}

@media (min-width:768px) {
    .pagination__page {
        height: 5.8rem;
        width: 6.8rem
    }
}

.pagination__page--current {
    background-color: #c9f658;
    border-color: #c9f658;
    color: #292929
}

@media (hover:hover) {
    .pagination__page:hover {
        background-color: #292929;
        border-color: #292929;
        color: #c9f658
    }
}

.worldMap {
    overflow: hidden;
    position: relative
}

.worldMap, .worldMap__inner {
    height: 100%;
    width: 100%
}

.worldMap__tooltip {
    background-color: #fff;
    border: none;
    border-radius: 2rem;
    font-size: 1.6rem;
    font-weight: 700;
    opacity: 0;
    padding: .9rem 1.8rem;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s
}

@media (min-width:1024px) {
    .worldMap__tooltip.active {
        opacity: 1
    }
}

.worldMap .country {
    stroke-width: 1px;
    vector-effect: non-scaling-stroke;
    fill: #d9e9f4;
    transition: fill .2s
}

    .worldMap .country:focus-visible {
        stroke-width: 2px;
        stroke: #292929
    }

.worldMap .country--project {
    fill: #006cb6;
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,.7))
}

@media (min-width:1024px) {
    .worldMap .country--project:hover {
        fill: #1cc5dc
    }
}

.worldMap .country--active {
    fill: #1cc5dc
}

.postFilters--search {
    width: 100%
}

.postFilters .searchResults__title {
    margin-bottom: .8rem
}

.postFilters__form {
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 2.4rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    padding: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .postFilters__form {
        flex-direction: row
    }

    .postFilters__form--blog .postFilters__search, .postFilters__form--blog .postFilters__select, .postFilters__form--blog .postFilters__sort {
        width: 100%
    }

    .postFilters__form--blog {
        flex-direction: column
    }
}

.postFilters__search {
    width: 100%
}

@media (min-width:1024px) {
    .postFilters__search {
        width: 36%
    }
}

.postFilters__row {
    display: grid;
    gap: 1.6rem;
    grid-template-columns: 1fr;
    width: 100%
}

@media (min-width:1024px) {
    .postFilters__row {
        grid-template-columns: repeat(3,1fr)
    }
}

.postFilters__searchBlog {
    width: 100%
}

@media (min-width:1024px) {
    .postFilters__searchBlog {
        width: 23.4%
    }
}

.postFilters__select {
    width: 100%
}

@media (min-width:1024px) {
    .postFilters__select {
        width: 20%
    }
}

.postFilters__sort {
    margin-left: auto;
    width: 100%
}

@media (min-width:1024px) {
    .postFilters__sort {
        width: 14rem
    }
}

html[dir=rtl] .postFilters__sort {
    margin-left: 0;
    margin-right: auto
}

.postFilters__units {
    margin-left: auto;
    width: 100%
}

@media (min-width:1024px) {
    .postFilters__units {
        width: 20rem
    }
}

html[dir=rtl] .postFilters__units {
    margin-left: 0;
    margin-right: auto
}

.postFilters__dateRange {
    margin-left: auto
}

@media (min-width:1024px) {
    .postFilters__dateRange, .postFilters__sortBlog {
        width: 17.8rem
    }

    .postFilters__tag {
        width: 16rem
    }
}

.checkbox {
    display: block;
    position: relative
}

.checkbox--inline {
    display: inline-block;
    width: auto
}

.checkbox__input {
    display: block;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: -1
}

.checkbox__label {
    z-index: 0
}

.checkbox__box, .checkbox__label {
    align-items: center;
    display: flex;
    position: relative
}

.checkbox__box {
    align-self: flex-start;
    border: 2px solid #292929;
    border-radius: .4rem;
    cursor: pointer;
    flex-shrink: 0;
    height: 2rem;
    justify-content: center;
    transition: background-color .2s,border-color .2s;
    width: 2rem;
    z-index: 1
}

    .checkbox__box:before {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: transparent;
        content: "\e91c" !important;
        display: block;
        font-family: icomoon !important;
        font-size: .8rem;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        margin-top: .1rem;
        text-transform: none
    }

.checkbox--large .checkbox__box {
    border-radius: .4rem;
    height: 2.8rem;
    width: 2.8rem
}

    .checkbox--large .checkbox__box:before {
        font-size: 1.4rem
    }

.checkbox--transparent .checkbox__box {
    background-color: transparent
}

    .checkbox--transparent .checkbox__box:before {
        color: transparent;
        transition: color .2s
    }

.checkbox__input:checked ~ .checkbox__label .checkbox__box {
    background-color: #292929
}

    .checkbox--transparent .checkbox__input:checked ~ .checkbox__label .checkbox__box:before, .checkbox__input:checked ~ .checkbox__label .checkbox__box:before {
        color: #fff
    }

.checkbox__text {
    display: block;
    font-size: 1.4rem;
    line-height: 1.3333333333;
    margin-left: 1rem;
    position: relative;
    z-index: 0
}

html[dir=rtl] .checkbox__text {
    margin-left: 0;
    margin-right: 1rem
}

.checkbox--largeLabel .checkbox__text {
    margin: -.04em 0
}

.checkbox--large .checkbox__text, .checkbox--largeLabel .checkbox__text {
    font-size: 1.6rem
}

@media (min-width:600px) {
    .checkbox--large .checkbox__text, .checkbox--largeLabel .checkbox__text {
        font-size: calc(11.72672px + .296vw)
    }
}

.pageSelect__inner {
    align-items: center;
    display: flex;
    gap: .8rem
}

.pageSelect__label {
    font-size: 1.4rem;
    line-height: 1.7142857143
}

@media (min-width:1024px) {
    .pageSelect__label {
        font-size: 1.8rem;
        line-height: 2
    }
}

.pageSelect__select {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.searchTile {
    border: .1rem solid #e2e2e2;
    border-radius: 2rem;
    position: relative
}

@media (hover:hover) {
    .searchTile:hover .searchTile__tag {
        background-color: #292929;
        color: #c9f658
    }

    .searchTile:hover .searchTile__button {
        opacity: 1;
        transform: translateX(8.4rem);
        visibility: visible
    }

    html[dir=rtl] .searchTile:hover .searchTile__button {
        transform: translateX(-8.4rem)
    }
}

.searchTile__inner {
    display: flex;
    flex-direction: column;
    gap: calc(18.672px + 1.48vw);
    padding: calc(13.336px + .74vw)
}

@media (min-width:768px) {
    .searchTile__inner {
        flex-direction: row
    }
}

.searchTile__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column-reverse;
    gap: 1.6rem;
    justify-content: space-between;
    width: 100%
}

@media (min-width:768px) {
    .searchTile__content {
        flex-direction: row;
        gap: 0
    }
}

.searchTile__main {
    max-width: 61rem
}

.searchTile__title {
    font-size: calc(18.668px + .37vw);
    line-height: 1.5
}

@media (min-width:1600px) {
    .searchTile__title {
        font-size: 2.4rem
    }
}

.searchTile__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.3333333333;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .searchTile__text {
        font-size: 1.8rem
    }
}

.searchTile__tag {
    background-color: #c9f658;
    border-radius: .6rem;
    font-size: calc(15.3376px + .184vw);
    line-height: 1.3333333333;
    padding: .4rem 1.2rem;
    transition: background-color .4s,color .4s
}

@media (min-width:1600px) {
    .searchTile__tag {
        font-size: 1.8rem
    }
}

.searchTile__button {
    align-items: center;
    background-color: #c9f658;
    border-radius: 50%;
    bottom: 2.4rem;
    box-shadow: 0 95px 27px transparent,0 61px 24px rgba(0,0,0,.01),0 34px 21px rgba(0,0,0,.03),0 15px 15px rgba(0,0,0,.04),0 4px 8px rgba(0,0,0,.05);
    display: flex;
    height: 7.5rem;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 6rem;
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden;
    width: 7.5rem
}

    .searchTile__button:before {
        content: "\e912" !important;
        font-size: 2.5rem
    }

    .searchTile__button:before, html[dir=rtl] .searchTile__button:before {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: icomoon !important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-transform: none
    }

html[dir=rtl] .searchTile__button:before {
    content: "\e913" !important
}

html[dir=rtl] .searchTile__button {
    left: 6rem;
    right: auto
}

.searchTile__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:1024px) {
    .searchTile__link {
        display: none
    }
}

.searchTile__thumbnail {
    border-radius: .6rem;
    overflow: hidden;
    width: 100%
}

@media (min-width:1024px) {
    .searchTile__thumbnail {
        max-width: 38.9rem
    }
}

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

.iconTextTile {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: calc(20.004px + 1.11vw) calc(13.336px + .74vw)
}

@media (min-width:1024px) {
    .iconTextTile {
        height: calc(92.0064px + 12.776vw)
    }
}

@media (min-width:1600px) {
    .iconTextTile {
        height: 27.6rem
    }
}

.iconTextTile__icon {
    color: #fd8c04;
    font-size: 4rem
}

.iconTextTile__text {
    font-size: calc(14.668px + .37vw);
    font-weight: 700;
    line-height: 1.6;
    margin-top: calc(10.668px + .37vw);
    text-transform: uppercase
}

@media (min-width:1600px) {
    .iconTextTile__text {
        font-size: 2rem
    }
}

.socials__inner {
    display: flex;
    flex-direction: row;
    gap: calc(10.668px + .37vw)
}

@media (min-width:1024px) {
    .socials__inner {
        flex-direction: column
    }
}

.socials__item {
    align-items: center;
    background-color: #fff;
    border: .1rem solid #e2e2e2;
    border-radius: 50%;
    display: flex;
    height: calc(32.004px + 1.11vw);
    justify-content: center;
    transition: background-color .4s,border-color .4s;
    width: calc(32.004px + 1.11vw)
}

    .socials__item:before {
        font-size: calc(13.336px + .74vw);
        transition: color .4s
    }

@media (min-width:1600px) {
    .socials__item:before {
        font-size: 2.4rem
    }
}

@media (hover:hover) {
    .socials__item:hover {
        background-color: #292929;
        border-color: #292929
    }

        .socials__item:hover:before {
            color: #c9f658
        }
}

.simpleImage__img {
    border-radius: 1.6rem;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.simpleVideo__inner {
    border-radius: 1.6rem;
    overflow: hidden;
    position: relative
}

.simpleVideo__thumbnail {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .4s,visibility .4s;
    width: 100%
}

    .simpleVideo__thumbnail:before {
        background-color: rgba(0,0,0,.6);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.simpleVideo__thumbnail--hidden {
    opacity: 0;
    visibility: hidden
}

.simpleVideo__play {
    align-items: center;
    border: .6rem solid #c9f658;
    border-radius: 50%;
    display: flex;
    height: calc(30.0024px + 4.166vw);
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: background-color .4s;
    width: calc(30.0024px + 4.166vw)
}

    .simpleVideo__play:before {
        color: #c9f658;
        font-size: calc(12.3352px + 1.018vw);
        transition: color .4s
    }

@media (min-width:1600px) {
    .simpleVideo__play:before {
        font-size: 2.7rem
    }
}

@media (hover:hover) {
    .simpleVideo__play:hover {
        background-color: #c9f658
    }

        .simpleVideo__play:hover:before {
            color: #292929
        }
}

@media (min-width:1600px) {
    .simpleVideo__play {
        height: 9rem;
        width: 9rem
    }
}

.simpleVideo__img, .simpleVideo__video {
    height: calc(200.0056px + 15.554vw);
    object-fit: cover;
    width: 100%
}

@media (min-width:1600px) {
    .simpleVideo__img, .simpleVideo__video {
        height: 42.4rem
    }
}

.simpleVideo__video {
    background-color: #000;
    object-fit: contain
}

.navMenu {
    counter-reset: counter
}

.navMenu__inner {
    border-radius: .8rem;
    box-shadow: 0 .4rem 2rem 0 rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    gap: calc(10.668px + .37vw);
    padding: calc(13.336px + .74vw) calc(18.672px + 1.48vw)
}

.navMenu__link {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.3333333333;
    transition: color .4s
}

    .navMenu__link:before {
        content: counter(counter) ".";
        counter-increment: counter
    }

.navMenu__link--active {
    font-weight: 700
}

@media (hover:hover) {
    .navMenu__link:hover {
        color: #1cc5dc
    }
}

@media (min-width:1600px) {
    .navMenu__link {
        font-size: 1.8rem
    }
}

.jobTile {
    border-radius: 1.6rem;
    height: calc(260.0008px + 22.222vw);
    overflow: hidden;
    position: relative
}

@media (min-width:1600px) {
    .jobTile {
        height: 58rem
    }
}

@media (hover:hover) {
    .jobTile:hover .jobTile__link {
        opacity: 1;
        visibility: visible
    }

    .jobTile:hover .jobTile__content {
        transform: translateY(calc(-3.4rem - 14.668px - .37vw))
    }
}

.jobTile__content {
    bottom: 0;
    left: 0;
    padding: calc(14.668px + .37vw);
    position: absolute;
    transition: transform .4s;
    width: 100%
}

.jobTile__text {
    color: #fff;
    font-size: calc(18.668px + .37vw);
    font-weight: 700;
    line-height: 1.5
}

@media (min-width:1600px) {
    .jobTile__text {
        font-size: 2.4rem
    }
}

.jobTile__link {
    align-items: center;
    bottom: calc(14.668px + .37vw);
    color: #fff;
    display: none;
    font-size: calc(17.3376px + .184vw);
    gap: 1.6rem;
    left: calc(14.668px + .37vw);
    line-height: 1.6;
    margin-top: calc(13.336px + .74vw);
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:768px) {
    .jobTile__link {
        display: flex;
        opacity: 0;
        transition: visibility .4s,opacity .4s;
        visibility: hidden
    }
}

@media (hover:hover) {
    .jobTile__link:hover .jobTile__icon {
        background-color: #c9f658;
        border-color: #c9f658
    }

        .jobTile__link:hover .jobTile__icon:before {
            color: #292929
        }
}

.jobTile__icon {
    align-items: center;
    border: .1rem solid #fff;
    border-radius: 50%;
    display: flex;
    height: calc(22.0056px + .554vw);
    justify-content: center;
    transition: background-color .4s,border-color .4s;
    width: calc(22.0056px + .554vw)
}

    .jobTile__icon:before {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e912" !important;
        font-family: icomoon !important;
        font-size: calc(9.3376px + .184vw);
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-transform: none;
        transition: color .4s
    }

@media (min-width:1600px) {
    .jobTile__icon:before {
        font-size: 1.2rem
    }
}

html[dir=rtl] .jobTile__icon:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e913" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.jobTile__thumbnail, .jobTile__thumbnail:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

    .jobTile__thumbnail:before {
        background: linear-gradient(180deg,transparent 11.83%,#000);
        content: ""
    }

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

.projectTile {
    display: block;
    flex-grow: 1;
    height: 100%;
    min-height: 25.6rem;
    width: 100%
}

@media (min-width:768px) {
    .projectTile {
        min-height: 50rem
    }
}

.projectTile__inner {
    align-items: flex-end;
    border-radius: 1.6rem;
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative
}

.projectTile__image, .projectTile__image:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

    .projectTile__image:before {
        background-color: rgba(0,0,0,.6);
        content: "";
        transition: opacity .4s
    }

.projectTile__content {
    background-color: hsla(0,0%,100%,.9);
    height: 100%;
    left: 0;
    padding-inline: calc(20.004px + 1.11vw);
    position: absolute;
    top: 0;
    transform: translateY(100%);
    transition: transform .4s;
    width: 100%;
    z-index: 2
}

    .projectTile__content .projectTile__title {
        color: #fd8c04
    }

.projectTile__foot {
    padding: calc(13.336px + .74vw);
    position: relative;
    transition: opacity .4s;
    z-index: 1
}

@media (min-width:1600px) {
    .projectTile__foot {
        padding: 2.4rem
    }
}

.projectTile__tag {
    border-radius: .4rem;
    display: inline-block;
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556;
    padding: .4rem 1.6rem
}

.projectTile--purple .projectTile__tag {
    background-color: #625da9;
    color: #fff
}

.projectTile--blue .projectTile__tag {
    background-color: #0063af;
    color: #fff
}

.projectTile--orange .projectTile__tag {
    background-color: #fd8c04;
    color: #292929
}

@media (min-width:1600px) {
    .projectTile__tag {
        font-size: 1.8rem
    }
}

.projectTile__title {
    color: #fff;
    font-size: calc(18.668px + .37vw);
    font-weight: 700;
    line-height: 1.5;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .projectTile__title {
        font-size: 2.4rem;
        margin-top: 2.4rem
    }
}

.projectTile__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .projectTile__text {
        font-size: 1.8rem;
        margin-top: 1.6rem
    }
}

.projectTile__button {
    align-items: center;
    background-color: #c9f658;
    border-radius: 50%;
    bottom: calc(13.336px + .74vw);
    display: flex;
    height: calc(28.0048px + 3.332vw);
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: calc(13.336px + .74vw);
    transition: opacity .4s;
    width: calc(28.0048px + 3.332vw);
    z-index: 2
}

html[dir=rtl] .projectTile__button {
    left: calc(13.336px + .74vw);
    right: auto
}

.projectTile__button:before {
    content: "\e912" !important;
    font-size: calc(13.336px + .74vw)
}

.projectTile__button:before, html[dir=rtl] .projectTile__button:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

html[dir=rtl] .projectTile__button:before {
    content: "\e913" !important
}

@media (min-width:1600px) {
    .projectTile__button:before {
        font-size: 2.4rem
    }

    .projectTile__button {
        height: 7.6rem;
        width: 7.6rem
    }
}

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

@media (hover:hover) {
    .projectTile:hover .projectTile__foot, .projectTile:hover .projectTile__image:before {
        opacity: 0
    }

    .projectTile:hover .projectTile__content {
        transform: translateY(0)
    }

    .projectTile:hover .projectTile__button {
        opacity: 1
    }
}

.infoCard {
    background-color: #0063af;
    border-radius: 1.6rem
}

.infoCard__inner {
    padding: calc(18.672px + 1.48vw)
}

.infoCard__row + .infoCard__row {
    margin-top: .8rem
}

.infoCard__label, .infoCard__text {
    color: #fff;
    font-size: calc(15.3376px + .184vw);
    line-height: 2
}

@media (min-width:1600px) {
    .infoCard__label, .infoCard__text {
        font-size: 1.8rem
    }
}

.infoCard__text {
    font-weight: 700
}

.heading__title {
    color: #0063af;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .heading__title {
        font-size: 2rem
    }
}

.heading__subtitle {
    font-size: calc(32.004px + 1.11vw);
    line-height: 1.375;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1024px) {
    .heading__subtitle {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .heading__subtitle {
        font-size: 4.8rem;
        margin-top: 2.4rem
    }
}

.heading--smallSubtitle .heading__subtitle {
    font-size: calc(20.004px + 1.11vw);
    line-height: 1.3333333333
}

@media (min-width:1600px) {
    .heading--smallSubtitle .heading__subtitle {
        font-size: 3.6rem
    }
}

.heading--largeSubtitle .heading__subtitle {
    font-size: calc(24.0048px + 3.332vw);
    line-height: 1.25
}

@media (min-width:1600px) {
    .heading--largeSubtitle .heading__subtitle {
        font-size: 7.2rem
    }
}

.heading__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 2;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .heading__text {
        font-size: 1.8rem;
        margin-top: 1.6rem
    }
}

.heading--orange .heading__title {
    color: #fd8c04
}

.heading--lime .heading__title {
    color: #c9f658
}

.heading--lightblue .heading__title {
    color: #1cc5dc
}

.sliderNav__inner {
    align-items: center;
    display: flex;
    gap: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .sliderNav__inner {
        gap: 2.4rem
    }
}

.sliderNav__button {
    border: .2rem solid #292929;
    border-radius: 50%;
    display: grid;
    height: calc(38.6688px + 2.592vw);
    place-items: center;
    transition: all .4s;
    width: calc(38.6688px + 2.592vw)
}

@media (min-width:1600px) {
    .sliderNav__button {
        height: 7.6rem;
        width: 7.6rem
    }
}

.sliderNav__button:before {
    font-size: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .sliderNav__button:before {
        font-size: 2.4rem
    }
}

.sliderNav__button--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e930" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.sliderNav__button--next:before, html[dir=rtl] .sliderNav__button--prev:before {
    content: "\e931" !important
}

.sliderNav__button--next:before, html[dir=rtl] .sliderNav__button--next:before, html[dir=rtl] .sliderNav__button--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

html[dir=rtl] .sliderNav__button--next:before {
    content: "\e930" !important
}

.sliderNav__button.swiper-button-disabled {
    color: #292929;
    cursor: not-allowed;
    opacity: .5
}

@media (hover:hover) {
    .sliderNav__button.swiper-button-disabled:hover {
        background-color: transparent !important;
        border-color: #292929 !important
    }

    .sliderNav--default .sliderNav__button:hover {
        background-color: #c9f658;
        border-color: #c9f658
    }

    .sliderNav--orange .sliderNav__button:hover {
        background-color: #fd8c04;
        border-color: #fd8c04;
        color: #fff
    }
}

.sliderNav--small .sliderNav__button {
    border-width: 1px;
    height: calc(32.004px + 1.11vw);
    width: calc(32.004px + 1.11vw)
}

    .sliderNav--small .sliderNav__button:before {
        font-size: calc(10.668px + .37vw)
    }

@media (min-width:1600px) {
    .sliderNav--small .sliderNav__button:before {
        font-size: 1.6rem
    }
}

.sliderNav--small .sliderNav__button--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e913" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.sliderNav--small .sliderNav__button--next:before, html[dir=rtl] .sliderNav--small .sliderNav__button--prev:before {
    content: "\e912" !important
}

.sliderNav--small .sliderNav__button--next:before, html[dir=rtl] .sliderNav--small .sliderNav__button--next:before, html[dir=rtl] .sliderNav--small .sliderNav__button--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

html[dir=rtl] .sliderNav--small .sliderNav__button--next:before {
    content: "\e913" !important
}

.personTile__inner {
    border-radius: 1.6rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    overflow: hidden;
    padding: calc(13.336px + .74vw);
    position: relative
}

@media (min-width:1600px) {
    .personTile__inner {
        padding: 2.4rem
    }
}

.personTile__content {
    opacity: 0;
    position: relative;
    transition: opacity .4s;
    z-index: 1
}

.personTile__title {
    color: #fff;
    font-size: calc(18.668px + .37vw);
    font-weight: 700;
    line-height: 1.5
}

@media (min-width:1600px) {
    .personTile__title {
        font-size: 2.4rem
    }
}

.personTile__text {
    color: #fff;
    font-size: calc(17.3376px + .184vw);
    line-height: 1.6
}

@media (min-width:1600px) {
    .personTile__text {
        font-size: 2rem
    }
}

.personTile__image, .personTile__image:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

    .personTile__image:before {
        background-color: rgba(0,0,0,.4);
        content: "";
        opacity: 0;
        transition: opacity .4s
    }

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

@media (hover:hover) {
    .personTile:hover .personTile__content, .personTile:hover .personTile__image:before {
        opacity: 1
    }
}

.jobOfferTile__inner {
    border: .1rem solid #b2b2b2;
    border-radius: 1.6rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: calc(10.672px + 1.48vw)
}

@media (min-width:1600px) {
    .jobOfferTile__inner {
        padding: 3.2rem
    }
}

.jobOfferTile__head {
    border-bottom: .1rem solid #e2e2e2;
    padding-bottom: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .jobOfferTile__head {
        padding-bottom: 2.4rem
    }
}

.jobOfferTile__body {
    padding-bottom: .8rem;
    padding-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .jobOfferTile__body {
        padding-top: 2.4rem
    }
}

.jobOfferTile__details {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

@media (min-width:768px) {
    .jobOfferTile__details {
        gap: .8rem
    }
}

.jobOfferTile__foot {
    border-top: .1rem solid #e2e2e2;
    margin-top: auto;
    padding-top: .8rem
}

.jobOfferTile__title {
    font-size: calc(18.668px + .37vw);
    font-weight: 700;
    line-height: 1.5
}

@media (min-width:768px) {
    .jobOfferTile__title {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .jobOfferTile__title {
        font-size: 2.4rem
    }
}

.jobOfferTile__label {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.4444444444
}

@media (min-width:1600px) {
    .jobOfferTile__label {
        font-size: 1.8rem
    }
}

.jobOfferTile__text {
    color: #0063af;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6
}

@media (min-width:768px) {
    .jobOfferTile__text {
        height: 6.6rem
    }
}

@media (min-width:1600px) {
    .jobOfferTile__text {
        font-size: 2rem
    }
}

.jobOfferTile__description {
    color: #b2b2b2;
    font-size: calc(15.3376px + .184vw);
    line-height: 1.4444444444
}

@media (min-width:1600px) {
    .jobOfferTile__description {
        font-size: 1.8rem
    }
}

.applyTile__inner {
    background-color: #0063af;
    border-radius: 1.6rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: calc(10.672px + 1.48vw)
}

@media (min-width:1600px) {
    .applyTile__inner {
        padding: 3.2rem
    }
}

.applyTile__head {
    border-bottom: .1rem solid #e2e2e2;
    padding-bottom: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .applyTile__head {
        padding-bottom: 2.4rem
    }
}

.applyTile__body {
    padding-bottom: .8rem;
    padding-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .applyTile__body {
        padding-top: 2.4rem
    }
}

.applyTile__details {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

@media (min-width:768px) {
    .applyTile__details {
        gap: .8rem
    }
}

.applyTile__foot {
    margin-top: .8rem
}

.applyTile__title {
    font-size: calc(18.668px + .37vw);
    font-weight: 700;
    line-height: 1.5
}

@media (min-width:768px) {
    .applyTile__title {
        white-space: pre-line
    }
}

.applyTile__label {
    color: #b2b2b2;
    font-size: calc(15.3376px + .184vw);
    line-height: 1.4444444444
}

.applyTile__text {
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6
}

@media (min-width:768px) {
    .applyTile__text {
        height: 6.6rem
    }
}

.applyTile__description {
    color: #b2b2b2;
    font-size: calc(15.3376px + .184vw);
    line-height: 1.4444444444;
    margin-top: .8rem
}

.applyTile__button {
    width: 100%
}

.columnList__title {
    color: #0063af;
    font-size: calc(20.004px + 1.11vw);
    line-height: 1.3333333333
}

@media (min-width:1600px) {
    .columnList__title {
        font-size: 3.6rem
    }
}

.columnList__items {
    column-gap: calc(16.0008px + 2.222vw);
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-top: calc(18.672px + 1.48vw);
    row-gap: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .columnList__items {
        column-gap: 4.8rem;
        margin-top: 4rem;
        row-gap: 1.6rem
    }
}

.columnList__item {
    align-items: flex-start;
    display: flex;
    gap: .8rem
}

.columnList__icon {
    color: #0063af;
    font-size: 2.4rem
}

html[dir=rtl] .columnList__icon {
    transform: scaleX(-1)
}

.columnList__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556
}

@media (min-width:1600px) {
    .columnList__text {
        font-size: 1.8rem
    }
}

.jobRequirements__title {
    color: #0063af;
    font-size: calc(20.004px + 1.11vw);
    line-height: 1.3333333333
}

@media (min-width:1600px) {
    .jobRequirements__title {
        font-size: 3.6rem
    }
}

.jobRequirements__items {
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .jobRequirements__items {
        font-size: 2.4rem
    }
}

.jobRequirements__item + .jobRequirements__item {
    margin-top: calc(21.336px + .74vw)
}

@media (min-width:1600px) {
    .jobRequirements__item + .jobRequirements__item {
        margin-top: 3.2rem
    }
}

.jobRequirements__label {
    font-size: calc(18.668px + .37vw);
    line-height: 1.5
}

@media (min-width:1600px) {
    .jobRequirements__label {
        font-size: 2.4rem
    }
}

.jobRequirements__listItem, .jobRequirements__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556
}

@media (min-width:1600px) {
    .jobRequirements__listItem, .jobRequirements__text {
        font-size: 1.8rem
    }
}

.jobRequirements__text {
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .jobRequirements__text {
        margin-top: 1.6rem
    }
}

.jobRequirements__list {
    -webkit-margin-start: 3rem;
    list-style: disc;
    margin-inline-start: 3rem;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .jobRequirements__list {
        margin-top: 1.6rem
    }
}

.jobRequirements__detail {
    margin-top: calc(21.336px + .74vw)
}

@media (min-width:1600px) {
    .jobRequirements__detail {
        margin-top: 3.2rem
    }
}

.videoBox__box {
    border-radius: 4rem;
    box-shadow: 0 2px 5px 0 rgba(63,37,37,.102),0 8px 8px 0 rgba(63,37,37,.09),0 19px 11px 0 rgba(63,37,37,.051),0 34px 13px 0 rgba(63,37,37,.012),0 52px 15px 0 rgba(63,37,37,0);
    height: calc(187.3336px + 19.074vw);
    overflow: hidden;
    position: relative
}

.videoBox__video {
    background-color: #000;
    height: 100%;
    object-fit: contain;
    width: 100%
}

.videoBox__thumbnail {
    transition: opacity .4s,visibility .4s
}

    .videoBox__thumbnail, .videoBox__thumbnail:before {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

        .videoBox__thumbnail:before {
            background-color: rgba(0,0,0,.6);
            content: ""
        }

.videoBox__thumbnail--hidden {
    opacity: 0;
    visibility: hidden
}

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

.videoBox__play {
    align-items: center;
    border: .6rem solid #c9f658;
    border-radius: 50%;
    display: flex;
    height: calc(30.0024px + 4.166vw);
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: background-color .4s;
    width: calc(30.0024px + 4.166vw)
}

    .videoBox__play:before {
        color: #c9f658;
        font-size: calc(12.3352px + 1.018vw);
        transition: color .4s
    }

@media (min-width:1600px) {
    .videoBox__play:before {
        font-size: 2.7rem
    }
}

@media (hover:hover) {
    .videoBox__play:hover {
        background-color: #c9f658
    }

        .videoBox__play:hover:before {
            color: #292929
        }
}

@media (min-width:1600px) {
    .videoBox__play {
        height: 9rem;
        width: 9rem
    }
}

.contactForm__box {
    background-color: #fff;
    border-radius: 2.4rem;
    color: #292929;
    padding: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .contactForm__box {
        border-radius: 4rem
    }
}

@media (min-width:1600px) {
    .contactForm__box {
        padding: 4rem
    }
}

.contactForm__title {
    font-size: calc(18.668px + .37vw);
    font-weight: 700;
    line-height: 1.5
}

@media (min-width:768px) {
    .contactForm__title {
        white-space: pre-line
    }
}

.contactForm__inputs {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-top: 1.2rem
}

.contactForm__foot {
    display: flex;
    flex-direction: column;
    gap: calc(13.336px + .74vw);
    margin-top: 1.6rem
}

.contactForm__button {
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.blogTile {
    position: relative
}

.blogTile__inner {
    border: .1rem solid #e2e2e2;
    border-radius: 1.6rem;
    display: flex;
    flex-direction: column;
    gap: calc(13.336px + .74vw);
    padding: calc(10.668px + .37vw)
}

@media (min-width:1280px) {
    .blogTile__inner {
        flex-direction: row
    }
}

@media (min-width:1600px) {
    .blogTile__inner {
        gap: 2.4rem;
        padding: 1.6rem
    }
}

.blogTile__thumbnail {
    border-radius: .8rem;
    height: 25.6rem;
    overflow: hidden
}

@media (min-width:1280px) {
    .blogTile__thumbnail {
        height: 25.6rem;
        max-width: 30rem
    }
}

.blogTile__img {
    height: 100%;
    object-fit: cover;
    transition: transform .4s;
    width: 100%
}

.blogTile__title {
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6
}

@media (min-width:1600px) {
    .blogTile__title {
        font-size: 2rem
    }
}

.blogTile__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556;
    margin-top: .8rem
}

@media (min-width:1600px) {
    .blogTile__text {
        font-size: 1.8rem
    }
}

.blogTile__details, .blogTile__tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .blogTile__details, .blogTile__tags {
        margin-top: 2.4rem
    }
}

.blogTile__tags {
    gap: .8rem
}

.blogTile__details {
    gap: 1.6rem
}

.blogTile__tag {
    background-color: #c9f658;
    border-radius: .6rem;
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556;
    padding: .4rem 1.2rem;
    transition: all .4s
}

@media (min-width:1600px) {
    .blogTile__tag {
        font-size: 1.8rem
    }
}

.blogTile__detail {
    align-items: center;
    background-color: #f7f7f7;
    border-radius: .6rem;
    display: flex;
    font-size: 1.4rem;
    gap: .8rem;
    line-height: 2.6rem;
    padding: .4rem 1.2rem
}

    .blogTile__detail .blogTile__text {
        margin-top: 0
    }

.blogTile__button {
    align-items: center;
    background-color: #c9f658;
    border-radius: 50%;
    bottom: -1.6rem;
    display: none;
    height: calc(38.6688px + 2.592vw);
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: -1.6rem;
    transform: translateX(-8rem);
    transition: all .4s;
    visibility: hidden;
    width: calc(38.6688px + 2.592vw)
}

html[dir=rtl] .blogTile__button {
    left: -1.6rem;
    right: auto;
    transform: translateX(8rem)
}

.blogTile__button:before {
    content: "\e912" !important;
    font-size: calc(13.336px + .74vw)
}

.blogTile__button:before, html[dir=rtl] .blogTile__button:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

html[dir=rtl] .blogTile__button:before {
    content: "\e913" !important
}

@media (min-width:1600px) {
    .blogTile__button:before {
        font-size: 2.4rem
    }
}

@media (min-width:1024px) {
    .blogTile__button {
        display: flex
    }
}

@media (min-width:1600px) {
    .blogTile__button {
        height: 7.6rem;
        width: 7.6rem
    }
}

.blogTile__wrapper {
    border-radius: 1.6rem;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:1024px) {
    .blogTile__wrapper {
        display: none
    }
}

@media (hover:hover) {
    .blogTile:hover .blogTile__tag {
        background-color: #292929;
        color: #c9f658
    }

    .blogTile:hover .blogTile__button {
        opacity: 1;
        transform: translateX(0);
        visibility: visible
    }

    .blogTile:hover .blogTile__img {
        transform: scale(1.2)
    }
}

.loginForm__inner {
    margin-block: 3.2rem
}

@media (min-width:1024px) {
    .loginForm__inner {
        margin-block: 122px 8rem
    }

    .loginForm__breadcrumbs {
        padding-top: 3.2rem
    }
}

.loginForm__box {
    background-color: #fff;
    border: .1rem solid #f7f7f7;
    border-radius: 1.6rem;
    margin-top: 2.2rem;
    margin-inline: auto;
    max-width: 63rem;
    padding: 2rem
}

@media (min-width:1024px) {
    .loginForm__box {
        padding: 4rem
    }
}

.loginForm__buttons {
    background-color: #f7f7f7;
    border-radius: 1.6rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: .2rem
}

.loginForm__button {
    background-color: #f7f7f7;
    border-radius: .6rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding: 1.2rem .8rem;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .loginForm__button {
        font-size: 2rem;
        line-height: 3.2rem;
        padding: 1.8rem .8rem
    }
}

.loginForm__button--active {
    background-color: #c9f658;
    box-shadow: 0 3.84px 3.84px 0 rgba(0,0,0,.071);
    font-weight: 700
}

.loginForm__link {
    -webkit-margin-start: 1.6rem;
    color: #0063af;
    display: block;
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin-top: .8rem;
    margin-inline-start: 1.6rem
}

.loginForm__form {
    margin-top: 4rem
}

.loginForm__form, .loginForm__options {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

.loginForm__options {
    margin-top: 2.4rem
}

.loginForm__divider {
    align-items: center;
    display: flex;
    font-size: 1.4rem;
    gap: 2.4rem;
    justify-content: center;
    line-height: 2.1rem;
    position: relative
}

.loginForm__line {
    background-color: #b2b2b2;
    height: 1px;
    width: 16.1rem
}

.loginForm__pattern {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.loginForm__slide {
    display: none;
    opacity: 0;
    visibility: hidden
}

.loginForm__slide--active {
    display: block;
    opacity: 1;
    visibility: visible
}

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

.loginSuccess__inner {
    padding-block: calc(10.672px + 1.48vw)
}

@media (min-width:1024px) {
    .loginSuccess__inner {
        margin-block: 140px 8rem
    }
}

.loginSuccess__heading {
    display: flex;
    flex-direction: column
}

.loginSuccess__icon:before {
    color: #c9f658;
    font-size: 9.6rem
}

.loginSuccess__title {
    font-size: calc(32.004px + 1.11vw);
    line-height: 1.375;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .loginSuccess__title {
        font-size: 4.8rem;
        margin-top: 2.4rem
    }
}

.loginSuccess__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.3333333333;
    margin-top: .8rem;
    white-space: pre-line
}

@media (min-width:1600px) {
    .loginSuccess__text {
        font-size: 1.8rem
    }
}

.loginSuccess__box {
    background-color: #fff;
    border: .1rem solid #f7f7f7;
    border-radius: 1.6rem;
    margin-top: 2.2rem;
    margin-inline: auto;
    max-width: 63rem;
    padding: 2.4rem;
    text-align: center
}

@media (min-width:1024px) {
    .loginSuccess__box {
        padding: 4rem
    }
}

.forgotPassword__inner {
    padding-block: calc(10.672px + 1.48vw)
}

@media (min-width:1024px) {
    .forgotPassword__inner {
        margin-block: 140px 8rem
    }
}

.forgotPassword__title {
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6
}

@media (min-width:1600px) {
    .forgotPassword__title {
        font-size: 2rem
    }
}

.forgotPassword__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.3333333333;
    margin-top: .8rem
}

@media (min-width:1024px) {
    .forgotPassword__text {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .forgotPassword__text {
        font-size: 1.8rem
    }
}

.forgotPassword__message {
    -webkit-margin-start: 1.6rem;
    color: #e05252;
    display: flex;
    font-size: 1.4rem;
    gap: .25rem;
    line-height: 2.1rem;
    margin-inline-start: 1.6rem;
    margin-top: .8rem
}

    .forgotPassword__message:before {
        font-size: 1.6rem
    }

.forgotPassword__box {
    background-color: #fff;
    border: .1rem solid #f7f7f7;
    border-radius: 1.6rem;
    margin-top: 2.2rem;
    margin-inline: auto;
    max-width: 63rem;
    padding: 2.4rem
}

@media (min-width:1024px) {
    .forgotPassword__box {
        padding: 4rem
    }
}

.forgotPassword__form {
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .forgotPassword__form {
        margin-top: 4rem
    }
}

.forgotPassword__back, .forgotPassword__submit {
    width: 100%
}

.forgotPassword__submit {
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .forgotPassword__submit {
        margin-top: 4rem
    }
}

.forgotPassword__back {
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .forgotPassword__back {
        margin-top: 2.4rem
    }
}

.forgotSuccess__inner {
    padding-block: calc(10.672px + 1.48vw)
}

@media (min-width:1024px) {
    .forgotSuccess__inner {
        margin-block: 140px 8rem
    }
}

.forgotSuccess__heading {
    display: flex;
    flex-direction: column
}

.forgotSuccess__icon:before {
    color: #c9f658;
    font-size: 9.6rem
}

.forgotSuccess__title {
    font-size: calc(16.0008px + 2.222vw);
    line-height: 1.375;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .forgotSuccess__title {
        font-size: 4.8rem;
        margin-top: 2.4rem
    }
}

.forgotSuccess__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.7777777778;
    margin-top: 1.6rem
}

@media (min-width:1024px) {
    .forgotSuccess__text {
        padding-inline: 1.4rem;
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .forgotSuccess__text {
        font-size: 2rem
    }
}

.forgotSuccess__box {
    background-color: #fff;
    border: .1rem solid #f7f7f7;
    border-radius: 1.6rem;
    margin-top: 2.2rem;
    margin-inline: auto;
    max-width: 63rem;
    padding: 2.4rem;
    text-align: center
}

@media (min-width:1024px) {
    .forgotSuccess__box {
        padding: 4rem
    }
}

.forgotSuccess__button {
    margin-top: calc(18.672px + 1.48vw);
    margin-inline: auto
}

@media (min-width:1600px) {
    .forgotSuccess__button {
        margin-top: 4rem
    }
}

.inputAuth {
    position: relative
}

.inputAuth--inline {
    display: inline-block;
    width: auto
}

.inputAuth--error:after, .inputAuth.error:after {
    bottom: 2rem;
    color: #e05252;
    display: block;
    font-size: 1.5rem;
    left: auto;
    line-height: 1;
    margin-bottom: -.75rem;
    position: absolute;
    right: 1.5rem
}

html[dir=rtl] .inputAuth--error:after, html[dir=rtl] .inputAuth.error:after {
    left: 1.5rem;
    right: auto
}

.inputAuth__input {
    background-color: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 1.6rem;
    color: #303236;
    display: block;
    font-family: CenturyGothic;
    font-size: 1.6rem;
    height: 5.2rem;
    line-height: 2rem;
    padding: .9rem 2rem;
    transition: border-color .2s;
    width: 100%
}

@media (min-width:1024px) {
    .inputAuth__input {
        font-size: 1.8rem;
        height: 7.2rem;
        line-height: 2rem
    }
}

.inputAuth__input:focus, .inputAuth__input:hover {
    border-color: #292929
}

.inputAuth--error .inputAuth__input, .inputAuth.error .inputAuth__input {
    border-color: #e05252;
    color: #e05252
}

html:not([dir=rtl]) .inputAuth--error .inputAuth__input, html:not([dir=rtl]) .inputAuth.error .inputAuth__input {
    padding-right: 3.1rem
}

html[dir=rtl] .inputAuth--error .inputAuth__input, html[dir=rtl] .inputAuth.error .inputAuth__input {
    padding-left: 3.1rem
}

.inputAuth__input[type=checkbox] {
    border-radius: 0;
    height: 20px;
    padding: 0;
    width: 20px
}

    .inputAuth__input[type=checkbox].error + label {
        color: red
    }

.inputAuth__input::-webkit-input-placeholder {
    color: #b2b2b2
}

.inputAuth__input:-ms-input-placeholder {
    color: #b2b2b2
}

.inputAuth__input::-ms-input-placeholder {
    color: #b2b2b2
}

.inputAuth__input::placeholder {
    color: #b2b2b2
}

.inputAuth--error .inputAuth__input::-webkit-input-placeholder, .inputAuth.error .inputAuth__input::-webkit-input-placeholder {
    color: #e05252
}

.inputAuth--error .inputAuth__input:-ms-input-placeholder, .inputAuth.error .inputAuth__input:-ms-input-placeholder {
    color: #e05252
}

.inputAuth--error .inputAuth__input::-ms-input-placeholder, .inputAuth.error .inputAuth__input::-ms-input-placeholder {
    color: #e05252
}

.inputAuth--error .inputAuth__input::placeholder, .inputAuth.error .inputAuth__input::placeholder {
    color: #e05252
}

.inputAuth--contact .inputAuth__input {
    border-color: #e2e2e2;
    padding-top: 3.1rem
}

.inputAuth__label {
    display: block;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: .8rem;
    transition: all .2s
}

@media (min-width:1024px) {
    .inputAuth__label {
        font-size: 1.8rem;
        line-height: 2.6rem
    }
}

.inputAuth__inputBox {
    position: relative
}

.inputAuth__password {
    color: #b2b2b2;
    font-size: 2.4rem;
    position: absolute;
    right: 1.6rem;
    top: 50%;
    transform: translateY(-50%)
}

    .inputAuth__password:before {
        display: flex
    }

html[dir=rtl] .inputAuth__password {
    left: 1.6rem;
    right: auto
}

.inputAuth--areacode .inputAuth__input {
    -webkit-padding-start: 9rem;
    font-size: 1.4rem;
    line-height: 2.1rem;
    padding-inline-start: 9rem
}

html[dir=rtl] .inputAuth--areacode .inputAuth__input {
    -webkit-padding-start: 2rem;
    -webkit-padding-end: 9rem;
    padding-inline-end: 9rem;
    padding-inline-start: 2rem;
    text-align: right
}

.inputAuth__areacode {
    align-items: center;
    display: flex;
    gap: .4rem;
    left: 1.6rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

html[dir=rtl] .inputAuth__areacode {
    left: auto;
    right: 1.6rem
}

.inputAuth__areacode:before {
    background-color: #b2b2b2;
    content: "";
    height: 2.1rem;
    position: absolute;
    right: -.4rem;
    top: 0;
    width: .1rem
}

html[dir=rtl] .inputAuth__areacode:before {
    left: -.4rem;
    right: auto
}

.inputAuth__flag {
    width: 2.1rem
}

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

.inputAuth__code {
    color: #b2b2b2;
    font-size: 1.4rem;
    line-height: 2.1rem
}

.blogPost__inner {
    padding-block: 4rem
}

@media (min-width:1024px) {
    .blogPost__inner {
        -webkit-padding-before: 140px;
        padding-block-start: 140px
    }
}

.blogPost__main {
    display: flex;
    flex-direction: column;
    gap: 4.8rem;
    justify-content: space-between;
    margin-top: 4rem
}

@media (min-width:1024px) {
    .blogPost__main {
        flex-direction: row;
        gap: 1.6rem
    }
}

.blogPost__content {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    width: 100%
}

@media (min-width:1024px) {
    .blogPost__content {
        max-width: 78rem
    }
}

.blogPost__related {
    width: 100%
}

@media (min-width:1024px) {
    .blogPost__related {
        max-width: 43.4rem
    }
}

.blogPost__reply {
    margin-top: 4rem
}

.postDetails__title {
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 6.6rem
}

.postDetails__tags {
    flex-wrap: wrap;
    margin-top: 1.6rem
}

.postDetails__tag, .postDetails__tags {
    align-items: center;
    display: flex;
    gap: .8rem
}

.postDetails__tag {
    background-color: #f7f7f7;
    border-radius: .6rem;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: .4rem 1.2rem
}

.postDetails__tag--active {
    background-color: #c9f658
}

.postDetails__icon {
    font-size: 1.2rem
}

.postDetails__post {
    margin-top: 4rem
}

.singlePost {
    border: .1rem solid #e2e2e2;
    border-radius: 1.6rem;
    padding: 1.6rem
}

.singlePost__head {
    align-items: flex-start;
    display: flex;
    gap: 1.6rem;
    justify-content: space-between
}

.singlePost__profile {
    align-items: center;
    display: flex;
    gap: 2.4rem
}

.singlePost__picture {
    border-radius: 50%;
    height: 6.4rem;
    overflow: hidden;
    width: 6.4rem
}

.singlePost__name {
    font-size: 2.4rem;
    line-height: 3.6rem
}

.singlePost__date {
    font-size: 1.4rem;
    line-height: 1.7rem
}

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

.singlePost__body {
    margin-top: 2.4rem
}

.singlePost__title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    margin-bottom: .8rem
}

.singlePost__message {
    font-size: 1.8rem;
    line-height: 2.7rem
}

@media (min-width:1024px) {
    .singlePost__message {
        -webkit-padding-start: 8.8rem;
        padding-inline-start: 8.8rem
    }
}

.singlePost__options {
    align-items: center;
    display: flex;
    gap: .8rem
}

.singlePost__option {
    align-items: center;
    background-color: #c9f658;
    border-radius: 50%;
    display: flex;
    font-size: 1.2rem;
    height: 3.4rem;
    justify-content: center;
    padding: 1rem;
    transition: background-color .4s,color .4s;
    width: 3.4rem
}

    .singlePost__option:hover {
        background-color: #292929;
        color: #c9f658
    }

.singlePost--vertical .singlePost__options {
    display: none
}

.singlePost--vertical .singlePost__message {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.postComments__head {
    align-items: center;
    border-bottom: .1rem solid #e2e2e2;
    display: flex;
    gap: 2.4rem;
    justify-content: space-between;
    margin-bottom: 2.4rem;
    padding-bottom: 1rem
}

.postComments__total {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem
}

.postComments__sort {
    max-width: 23.2rem
}

.postComments__items {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.postComments__foot {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between;
    margin-top: 4rem
}

@media (min-width:1280px) {
    .postComments__foot {
        flex-direction: row
    }
}

.postReply__head {
    align-items: center;
    border-bottom: .1rem solid #e2e2e2;
    display: flex;
    gap: 2.4rem;
    justify-content: space-between;
    margin-bottom: 2.4rem;
    padding-bottom: 1rem
}

.postReply__title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem
}

.postReply__foot {
    align-items: center;
    display: flex;
    gap: 1.6rem;
    margin-top: 2.4rem
}

.postReply__body .textarea__textarea {
    min-height: 28rem;
    padding-top: 3.1rem
}

.popup {
    align-items: center;
    background-color: rgba(48,50,54,.4);
    display: flex;
    inset: 0;
    justify-content: center;
    position: fixed;
    z-index: 50
}

.popup--service .popup__head, .popup--service .popup__title {
    display: none
}

.popup--service .popup__box {
    max-width: 45.2rem
}

.popup--privacy .popup__box, .popup--profile .popup__box {
    max-width: 51rem
}

.popup__box {
    background-color: #fff;
    border: 1px solid #fafafa;
    border-radius: 1.6rem;
    display: flex;
    flex-direction: column;
    margin-inline: 2rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    .popup__box {
        margin-inline: 0
    }
}

.popup--default .popup__box {
    max-width: 70rem
}

.popup--creator .popup__box, .popup--taskCreator .popup__box {
    border-radius: 0;
    height: 100%;
    max-width: 45.2rem;
    position: absolute;
    right: 0;
    top: 0
}

.popup__head {
    align-items: center;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    min-height: 5.1rem;
    padding: .4rem 4.4rem .4rem 2.4rem;
    position: relative;
    z-index: 0
}

html[dir=rtl] .popup__head {
    padding-left: 4.4rem;
    padding-right: 0
}

.popup__title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3333333333;
    margin-right: auto
}

html[dir=rtl] .popup__title {
    margin-left: auto;
    margin-right: 2.4rem
}

@media (min-width:1024px) {
    .popup__title {
        font-size: 2.4rem;
        line-height: 2
    }
}

.popup__close {
    align-items: center;
    color: #d8d8d8;
    display: flex;
    font-size: 1.2rem;
    height: 3.2rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 1rem;
    text-align: center;
    top: 1rem;
    transition: color .2s;
    width: 3.2rem;
    z-index: 1
}

@media (min-width:1024px) {
    .popup__close {
        right: 1.6rem;
        top: 1.6rem
    }

    html[dir=rtl] .popup__close {
        left: 1.6rem;
        right: auto
    }
}

html[dir=rtl] .popup__close {
    left: 1rem;
    right: auto
}

.popup__close:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #292929;
    content: "\e926" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none;
    transition: transform .2s
}

@media (hover:hover) {
    .popup__close:hover {
        color: #e05252
    }

        .popup__close:hover:before {
            transform: rotate(-1turn)
        }

    html[dir=rtl] .popup__close:hover:before {
        transform: rotate(1turn)
    }
}

.popup__body {
    display: flex;
    flex-direction: column;
    padding: 0 2.4rem
}

.popup__scroll {
    max-height: calc(100vh - 12rem)
}

    .popup__scroll .customScroll__track {
        bottom: 1.6rem;
        top: 1.6rem
    }

.popup__foot {
    display: none
}

.popup--creator .popup__foot {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1.6rem;
    margin-top: auto;
    padding: 0 2.4rem
}

.popup__footer {
    display: none
}

.popup--taskCreator .popup__footer {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1.6rem;
    margin-top: auto;
    padding: 0 2.4rem
}

.popup__content {
    padding: 1.6rem 0
}

.popupForm__body, .popup__content {
    display: flex;
    flex-direction: column
}

.popupForm__body {
    gap: .8rem
}

.popupForm__foot {
    display: grid;
    gap: 1.6rem;
    grid-template-columns: 1fr 1fr;
    margin-top: 2.4rem
}

.popupForm__foot--fullWidth {
    border-top: 1px solid #e5e7eb;
    grid-template-columns: 1fr;
    margin-inline: -2.4rem;
    padding-inline: 2.4rem;
    padding-top: 2.4rem
}

    .popupForm__foot--fullWidth .popupForm__button {
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

.popupForm__field--checkbox {
    margin-top: 1rem
}

.popupForm__textarea {
    height: 5.6rem;
    padding-top: .9rem
}

.popupForm__select .select__button, .popupForm__select .select__placeholder, .popupForm__select .select__select, .popupForm__select .select__value {
    height: 5.6rem
}

.popupForm__select .select__label {
    top: 2.8rem
}

.popupForm__select .select__value {
    padding-top: 2rem
}

.popupForm__select:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e926" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    margin-top: -.3rem !important;
    text-transform: none;
    transform: rotate(45deg)
}

.popupForm__button {
    width: 100%
}

.popupForm__picture {
    align-items: center;
    border: .2rem solid #0063af;
    border-radius: 50%;
    display: flex;
    height: calc(50.0016px + 6.944vw);
    justify-content: center;
    margin-inline: auto;
    overflow: hidden;
    width: calc(50.0016px + 6.944vw)
}

@media (min-width:1600px) {
    .popupForm__picture {
        height: 15rem;
        width: 15rem
    }
}

.popupForm__initials {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem
}

@media (min-width:1024px) {
    .popupForm__initials {
        font-size: 4.8rem;
        line-height: 6.2rem
    }
}

.popupForm--profile .popupForm__body {
    text-align: center
}

.newPassword__inner {
    padding-block: calc(10.672px + 1.48vw)
}

@media (min-width:1024px) {
    .newPassword__inner {
        margin-block: 140px 8rem
    }
}

.newPassword__heading {
    display: flex;
    flex-direction: column
}

.newPassword__icon:before {
    color: #c9f658;
    font-size: 9.6rem
}

.newPassword__title {
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6
}

@media (min-width:1600px) {
    .newPassword__title {
        font-size: 2rem
    }
}

.newPassword__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.4444444444;
    margin-top: .8rem;
    white-space: pre-line
}

@media (min-width:1600px) {
    .newPassword__text {
        font-size: 1.8rem
    }
}

.newPassword__box {
    background-color: #fff;
    border: .1rem solid #f7f7f7;
    border-radius: 1.6rem;
    margin-top: 2.2rem;
    margin-inline: auto;
    max-width: 63rem;
    padding: 2.4rem
}

@media (min-width:1024px) {
    .newPassword__box {
        padding: 4rem
    }
}

.newPassword__button {
    margin-top: calc(18.672px + 1.48vw);
    margin-inline: auto
}

@media (min-width:1600px) {
    .newPassword__button {
        margin-top: 4rem
    }
}

.userAccount {
    background-color: #fff;
    border-radius: 1.6rem;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,.059);
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    overflow: hidden;
    padding: 4.8rem 1.6rem 2.4rem;
    position: relative
}

@media (min-width:1024px) {
    .userAccount {
        flex-direction: row
    }
}

.userAccount__picture {
    align-items: center;
    border: .2rem solid #0063af;
    border-radius: 50%;
    display: flex;
    height: calc(50.0016px + 6.944vw);
    justify-content: center;
    overflow: hidden;
    width: calc(50.0016px + 6.944vw)
}

@media (min-width:1600px) {
    .userAccount__picture {
        height: 15rem;
        width: 15rem
    }
}

.userAccount__initials {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem
}

@media (min-width:1024px) {
    .userAccount__initials {
        font-size: 4.8rem;
        line-height: 6.2rem
    }
}

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

.userAccount__row {
    align-items: center;
    display: flex;
    gap: 1.6rem;
    justify-content: space-between
}

.userAccount__name {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem
}

.userAccount__label {
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin-top: .8rem
}

.userAccount__text {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    margin-top: .4rem
}

.userAccount:before {
    background-color: #0063af;
    content: "";
    height: 2.4rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.userAbout {
    border: .1rem solid #e2e2e2;
    border-radius: 1.6rem;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,.059);
    padding-block: 2.4rem
}

.userAbout__head {
    align-items: center;
    border-bottom: .1rem solid #f7f7f7;
    display: flex;
    gap: 1.6rem;
    justify-content: space-between;
    padding-inline: 1.6rem;
    padding-bottom: 2.4rem
}

.userAbout__title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem
}

.userAbout__edit {
    align-items: center;
    display: flex;
    gap: .4rem;
    position: relative
}

.userAbout__edit--hidden {
    display: none
}

.userAbout__icon {
    font-size: 1.6rem
}

    .userAbout__icon.icon-tick {
        font-size: 1.2rem
    }

.userAbout__save {
    display: none
}

.userAbout__save--visible {
    display: block
}

.userAbout__label {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6rem;
    position: relative;
    white-space: nowrap
}

    .userAbout__label:after {
        background-color: #292929;
        bottom: 0;
        content: "";
        height: .1rem;
        left: 0;
        position: absolute;
        width: 100%
    }

.userAbout__content {
    padding-inline: 1.6rem;
    padding-top: 2.4rem
}

.userAbout__text {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem
}

.userAbout__text--hidden {
    display: none
}

.userAbout__textarea {
    display: none;
    height: 20rem;
    width: 100%
}

.userAbout__textarea--visible {
    display: block
}

.userAbout--padding .userAbout__content, .userAbout--padding .userAbout__head {
    padding-inline: 2.4rem
}

.userInfo {
    border: .1rem solid #e2e2e2;
    border-radius: 1.6rem;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,.059);
    padding-block: 2.4rem
}

.userInfo__head {
    border-bottom: .1rem solid #f7f7f7;
    padding-inline: 1.6rem;
    padding-bottom: 2.4rem
}

.userInfo__title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem
}

.userInfo__content {
    padding-inline: 1.6rem;
    padding-top: 2.4rem
}

.userInfo__text {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.userInfo__content {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

.userInfo__row {
    gap: 1.6rem;
    justify-content: space-between
}

.userInfo__row, .userInfo__tag {
    align-items: center;
    display: flex
}

.userInfo__tag {
    background-color: #f7f7f7;
    border-radius: .6rem;
    gap: .8rem;
    padding: .4rem 1.2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.userInfo__tag, .userInfo__text {
    font-size: 1.4rem;
    line-height: 2.6rem
}

.commentPreview {
    border: .1rem solid #e2e2e2;
    border-radius: 1.6rem;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,.039);
    display: flex;
    gap: 2.4rem;
    padding: 1.6rem 1.6rem 2.4rem
}

.commentPreview__picture {
    border-radius: 50%;
    height: 6.4rem;
    overflow: hidden;
    width: 6.4rem
}

.commentPreview__content {
    width: 100%
}

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

.commentPreview__head {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    justify-content: space-between
}

@media (min-width:1024px) {
    .commentPreview__head {
        align-items: center;
        flex-direction: row
    }
}

.commentPreview__user {
    align-items: center;
    display: flex;
    gap: .4rem
}

.commentPreview__label {
    font-size: 1.4rem;
    line-height: 2.1rem
}

.commentPreview__name {
    font-size: 2.4rem;
    line-height: 3.6rem
}

.commentPreview__details {
    align-items: center;
    display: flex;
    gap: 1.6rem
}

.commentPreview__detail {
    background-color: #f7f7f7;
    border-radius: .6rem;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: .4rem 1.2rem
}

.commentPreview__body {
    display: flex;
    flex-direction: column;
    margin-top: .4rem
}

.commentPreview__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem
}

.commentPreview__tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: .8rem
}

.commentPreview__tag {
    background-color: #c9f658;
    border-radius: .6rem;
    font-size: 1.8rem;
    line-height: 2.6rem;
    padding: .4rem 1.2rem
}

.commentPreview__text {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-top: .8rem
}

.commentPreview__link {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6rem;
    margin-left: auto;
    margin-top: 1.8rem;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

html[dir=rtl] .commentPreview__link {
    margin-left: 0;
    margin-right: auto
}

.commentPreview__link:before {
    background-color: #292929;
    bottom: 0;
    content: "";
    height: .1rem;
    left: 0;
    position: absolute;
    width: 100%
}

.commentPreview--hideName .commentPreview__user {
    display: none
}

.labeledBox__label {
    font-size: 2rem;
    line-height: 3.2rem
}

.labeledBox__content {
    margin-top: 1.6rem
}

.accountNav {
    background-color: rgba(0,99,175,.05);
    border-radius: .8rem;
    height: 100%;
    padding: 2rem .8rem
}

.accountNav__label {
    color: #0063af;
    font-size: 1.4rem;
    line-height: 2.1rem;
    padding-inline: .8rem
}

.accountNav__items {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    margin-top: 1.2rem
}

.accountNav__item {
    align-items: center;
    border-radius: .8rem;
    display: flex;
    gap: .4rem;
    padding: .4rem
}

.accountNav__item--active {
    background-color: #0063af
}

    .accountNav__item--active .accountNav__icon, .accountNav__item--active .accountNav__text {
        color: #fff
    }

    .accountNav__item--active .accountNav__text {
        font-weight: 700
    }

.accountNav__icon {
    font-size: 2.4rem;
    padding: .4rem
}

.accountNav__text {
    font-size: 1.4rem;
    line-height: 2.1rem
}

.notifications {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

.notification {
    background-color: rgba(0,99,175,.05);
    border-radius: 1.6rem;
    display: grid;
    gap: 2.4rem;
    grid-template-columns: 1fr;
    padding: 1.6rem 1.6rem 2.4rem
}

@media (min-width:1024px) {
    .notification {
        grid-template-columns: 1fr 10rem
    }
}

.notification__title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem
}

.notification__text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: .4rem
}

.notification__label {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.1rem
}

.notification__options {
    display: flex;
    flex-direction: column;
    gap: 1.2rem
}

.notification__option {
    display: flex;
    gap: .8rem
}

.switch__toggle {
    display: block;
    height: 2.4rem;
    position: relative;
    width: 4rem
}

.switch__input {
    height: 0;
    opacity: 0;
    width: 0
}

    .switch__input:checked + .switch__slider {
        background-color: #0063af
    }

        .switch__input:checked + .switch__slider:before {
            transform: translateX(1.6rem)
        }

.switch__slider {
    background-color: #b2b2b2;
    border-radius: 20rem;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .4s
}

    .switch__slider:before {
        background-color: #fff;
        border-radius: 50%;
        content: "";
        height: 1.6rem;
        left: .4rem;
        position: absolute;
        top: .4rem;
        transition: transform .4s;
        width: 1.6rem
    }

.userDetails {
    border: .1rem solid #e2e2e2;
    border-radius: 1.6rem;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,.059);
    overflow: hidden;
    padding: 2.6rem 2.4rem;
    position: relative
}

    .userDetails:before {
        background-color: #0063af;
        content: "";
        height: 8.4rem;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.userDetails__box {
    margin-inline: auto;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.userDetails__profile {
    border: .2rem solid #0063af;
    border-radius: 50%;
    height: 15rem;
    overflow: hidden;
    position: relative;
    width: 15rem;
    z-index: 1
}

.userDetails__edit {
    align-items: center;
    background-color: #fff;
    border: .1rem solid #292929;
    border-radius: 50%;
    bottom: -.4rem;
    display: flex;
    font-size: 1.6rem;
    height: 4rem;
    justify-content: center;
    position: absolute;
    right: .7rem;
    width: 4rem;
    z-index: 1
}

html[dir=rtl] .userDetails__edit {
    left: .7rem;
    right: auto
}

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

.userDetails__details {
    margin-top: 1.6rem
}

.userDetails__detail, .userDetails__details {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

.userDetails__detail {
    border: .1rem solid #e2e2e2;
    border-radius: 1.6rem;
    justify-content: space-between;
    padding: 2rem 1.6rem
}

@media (min-width:1280px) {
    .userDetails__detail {
        align-items: center;
        flex-direction: row
    }
}

.userDetails__wrapper {
    align-items: center;
    display: flex;
    gap: 1.2rem
}

.userDetails__button {
    font-size: 1.6rem
}

.userDetails__label, .userDetails__value {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.userDetails__value {
    font-weight: 700
}

.contactDetails {
    border: .1rem solid #e2e2e2;
    border-radius: 1.6rem;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,.059);
    padding-block: 2.4rem
}

.contactDetails__head {
    align-items: center;
    border-bottom: .1rem solid #f7f7f7;
    display: flex;
    gap: 1.6rem;
    justify-content: space-between;
    padding-inline: 2.4rem;
    padding-bottom: 2.4rem
}

.contactDetails__title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem
}

.contactDetails__details {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-top: 2.4rem;
    padding-inline: 2.4rem
}

.contactDetails__detail {
    border: .1rem solid #e2e2e2;
    border-radius: 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    justify-content: space-between;
    padding: 2rem 1.6rem
}

@media (min-width:1280px) {
    .contactDetails__detail {
        align-items: center;
        flex-direction: row
    }
}

.contactDetails__wrapper {
    align-items: center;
    display: flex;
    gap: 1.2rem
}

.contactDetails__button {
    font-size: 1.6rem
}

    .contactDetails__button[data-account-detail-save] {
        font-size: 1.2rem
    }

.contactDetails__button--hidden {
    display: none
}

.contactDetails__button--visible {
    display: block
}

.contactDetails__label {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.contactDetails__input, .contactDetails__value {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem
}

.contactDetails__input, .contactDetails__input--hidden, .contactDetails__value--hidden {
    display: none
}

.contactDetails__input--visible {
    display: block;
    text-align: right
}

.userPassword {
    border: .1rem solid #e2e2e2;
    border-radius: 1.6rem;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,.059);
    padding-block: 2.4rem
}

.userPassword__head {
    align-items: center;
    border-bottom: .1rem solid #f7f7f7;
    display: flex;
    gap: 1.6rem;
    justify-content: space-between;
    padding-inline: 1.6rem;
    padding-bottom: 2.4rem
}

.userPassword__title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem
}

.userPassword__edit {
    font-size: 1.6rem;
    padding: 1.2rem
}

.userPassword__content {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    padding: 2.4rem
}

.userPassword__button {
    margin-top: 1.6rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.passwordStrength__strength {
    display: none;
    margin-top: .8rem
}

.passwordStrength__strength--visible {
    display: block
}

.passwordStrength__label {
    -webkit-padding-start: 1.6rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    padding-inline-start: 1.6rem
}

.passwordStrength__validation {
    display: flex;
    flex-direction: column;
    gap: .4rem
}

.passwordStrength__row {
    -webkit-padding-start: 1.6rem;
    display: flex;
    gap: .8rem;
    padding-inline-start: 1.6rem
}

    .passwordStrength__row .passwordStrength__text {
        font-size: 1.4rem;
        line-height: 2.1rem
    }

.passwordStrength__icon {
    display: none;
    height: 1.6rem;
    margin-top: .4rem;
    min-width: 1.6rem
}

.passwordStrength__icon--display {
    display: block
}

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

.passwordStrength__progress {
    background-color: #f7f7f7;
    border-radius: 1rem;
    height: .8rem;
    margin-top: 2.4rem;
    overflow: hidden;
    position: relative
}

.passwordStrength__bar {
    background: linear-gradient(90deg,#b03a2e 3.5%,#eea39c 90.5%);
    border-radius: 1rem;
    height: .8rem;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .4s;
    width: 5%
}

html[dir=rtl] .passwordStrength__bar {
    left: auto;
    right: 0
}

.passwordStrength__foot {
    margin-top: .8rem
}

.passwordStrength__status, .passwordStrength__text {
    font-size: 1.8rem;
    line-height: 3.2rem
}

.passwordStrength__status {
    font-weight: 700
}

.confirmSms__inner {
    padding-block: calc(10.672px + 1.48vw)
}

@media (min-width:1024px) {
    .confirmSms__inner {
        margin-block: 140px 8rem
    }
}

.confirmSms__link {
    align-items: center;
    display: flex;
    gap: .4rem
}

.confirmSms__label {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6rem;
    position: relative
}

    .confirmSms__label:before {
        background-color: #292929;
        bottom: 0;
        content: "";
        height: .1rem;
        left: 0;
        position: absolute;
        width: 100%
    }

.confirmSms__icon {
    font-size: 1.2rem
}

.confirmSms__heading {
    margin-top: 2.4rem
}

.confirmSms__title {
    font-size: calc(16.0008px + 2.222vw);
    line-height: 1.375;
    text-align: center
}

@media (min-width:1600px) {
    .confirmSms__title {
        font-size: 4.8rem
    }
}

.confirmSms__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.3333333333;
    margin-top: 1.6rem;
    text-align: center;
    white-space: pre-line
}

@media (min-width:1600px) {
    .confirmSms__text {
        font-size: 1.8rem
    }
}

.confirmSms__message {
    -webkit-margin-start: 1.6rem;
    align-items: center;
    color: #e05252;
    display: flex;
    gap: .25rem;
    margin-inline-start: 1.6rem;
    margin-top: .8rem
}

.confirmSms__box {
    background-color: #fff;
    border: .1rem solid #f7f7f7;
    border-radius: 1.6rem;
    margin-top: 2.2rem;
    margin-inline: auto;
    max-width: 63rem;
    padding: 2.4rem
}

@media (min-width:1024px) {
    .confirmSms__box {
        padding: 4rem
    }
}

.confirmSms__form {
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .confirmSms__form {
        margin-top: 4rem
    }
}

.confirmSms__back, .confirmSms__submit {
    width: 100%
}

.confirmSms__submit {
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .confirmSms__submit {
        margin-top: 4rem
    }
}

.confirmSms__back {
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .confirmSms__back {
        margin-top: 2.4rem
    }
}

.confirmSms__foot {
    align-items: center;
    display: flex;
    gap: 1.6rem;
    justify-content: space-between;
    margin-top: 3rem
}

.confirmSms__code {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media (min-width:1024px) {
    .confirmSms__code {
        font-size: 1.8rem;
        line-height: 2.7rem
    }
}

.confirmSms__resend {
    color: #b2b2b2;
    font-size: 1.4rem;
    line-height: 2.1rem;
    position: relative
}

@media (min-width:1024px) {
    .confirmSms__resend {
        font-size: 1.6rem;
        line-height: 2.1rem
    }
}

.confirmSms__resend:before {
    background-color: #b2b2b2;
    bottom: 0;
    content: "";
    height: .1rem;
    left: 0;
    position: absolute;
    width: 100%
}

.confirmSms__form {
    align-items: center;
    display: flex;
    gap: 2.4rem;
    justify-content: center
}

.confirmSms__input {
    border: .2rem solid #b2b2b2;
    border-radius: .8rem;
    font-size: 1.8rem;
    font-weight: 700;
    height: 6rem;
    line-height: 2.4rem;
    padding: .8rem;
    text-align: center;
    transition: border-color .4s;
    width: 6rem
}

@media (min-width:1024px) {
    .confirmSms__input {
        font-size: 3.2rem;
        height: 8rem;
        line-height: 4.8rem;
        padding: 1.6rem;
        width: 8rem
    }
}

.confirmSms__input:focus {
    border-color: #c9f658
}

.upload__box {
    border: .2rem dashed #b2b2b2;
    border-radius: 1.6rem;
    display: flex;
    flex-direction: column;
    gap: .8rem;
    padding: 1.2rem 2rem;
    text-align: center
}

@media (min-width:1024px) {
    .upload__box {
        align-items: center;
        flex-direction: row;
        gap: 2.4rem;
        padding: 2.4rem 4rem;
        text-align: left
    }

    html[dir=rtl] .upload__box {
        text-align: right
    }
}

.upload__icon {
    font-size: 4rem;
    margin-inline: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:1024px) {
    .upload__icon {
        margin-inline: 0
    }
}

.upload__label {
    font-size: 1.4rem;
    line-height: 2.1rem
}

@media (min-width:1024px) {
    .upload__label {
        font-size: 1.8rem;
        line-height: 2.6rem
    }
}

.upload__link {
    font-weight: 700;
    text-decoration: underline
}

.upload__text {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-top: .8rem
}

.upload.hidden {
    display: none
}

.profilePicture {
    border: .1rem solid #b2b2b2;
    border-radius: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    padding: 1.2rem
}

@media (min-width:1024px) {
    .profilePicture {
        flex-direction: row
    }
}

.profilePicture__image {
    border-radius: .8rem;
    height: 12rem;
    overflow: hidden;
    width: 12rem
}

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

.profilePicture__head {
    align-items: center;
    display: flex;
    gap: 1.6rem;
    justify-content: space-between
}

.profilePicture__label {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.1rem
}

.profilePicture__button {
    align-items: center;
    display: flex;
    gap: .4rem
}

    .profilePicture__button .profilePicture__text {
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1.6rem;
        text-decoration: underline
    }

.profilePicture__icon {
    font-size: 1.6rem
}

.profilePicture__main {
    flex-grow: 1
}

.profilePicture__content {
    margin-top: .4rem
}

.profilePicture__text {
    align-items: center;
    display: flex;
    font-size: 1.4rem;
    gap: .8rem;
    line-height: 2.1rem
}

.profilePicture__separator {
    background-color: #b2b2b2;
    display: inline-block;
    height: 2.1rem;
    width: .1rem
}

.profilePicture.hidden {
    display: none
}

.custom-select {
    font-family: CenturyGothic;
    font-size: 1.8rem;
    line-height: 2rem;
    min-width: 70px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .custom-select.is-open .custom-select__arrow:before {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e914" !important;
        font-family: icomoon !important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-transform: none
    }

    .custom-select.is-multiple .custom-select__option {
        padding-left: 4rem
    }

html[dir=rtl] .custom-select.is-multiple .custom-select__option {
    padding-left: 0;
    padding-right: 4rem
}

.custom-select__control {
    align-items: center;
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 2.8rem;
    cursor: pointer;
    display: flex;
    height: 5.6rem;
    padding: .9rem 2rem;
    width: 100%
}

.custom-select.is-disabled .custom-select__control {
    cursor: not-allowed;
    opacity: .6
}

.custom-select__tags {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 6px
}

.custom-select__tag {
    align-items: center;
    background: #f2f2f2;
    border-radius: 12px;
    display: inline-flex;
    font-size: .85em;
    gap: 6px;
    padding: 4px 8px
}

.custom-select__tag-remove {
    background: 0 0;
    border: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 1
}

.custom-select__input {
    border: none;
    flex: 1;
    font-size: .95em;
    min-width: 80px;
    outline: 0;
    padding: 4px
}

.custom-select__placeholder {
    color: #999;
    flex: 1
}

.custom-select__single {
    flex: 1
}

.custom-select__arrow:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #292929;
    content: "\e90c" !important;
    display: block;
    font-family: icomoon !important;
    font-size: .8rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%)
}

html[dir=rtl] .custom-select__arrow:before {
    left: 1rem;
    right: auto
}

@media (min-width:1024px) {
    .custom-select__arrow:before {
        right: 2rem
    }

    html[dir=rtl] .custom-select__arrow:before {
        left: 2rem;
        right: auto
    }
}

.custom-select__clear {
    background: 0 0;
    border: none;
    cursor: pointer;
    display: none;
    font-size: 1.05em;
    margin-left: 6px
}

.custom-select__menu {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: .8rem;
    left: 0;
    margin-top: 6px;
    max-height: 220px;
    overflow: auto;
    padding: .8rem;
    position: absolute;
    right: 0;
    z-index: 20
}

.custom-select__option {
    border-radius: 2.4rem;
    color: #292929;
    font-size: 1.8rem;
    line-height: 1.3333333333;
    min-height: 4.8rem;
    overflow: hidden;
    padding-left: .8rem;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    transition: color .2s;
    transition: background-color .2s;
    white-space: nowrap
}

.custom-select__option, .custom-select__option-label {
    display: block;
    width: 100%
}

html[dir=rtl] .custom-select__option-label {
    text-align: right
}

.custom-select__option.is-selected .custom-select__checkbox {
    background-color: #292929 !important
}

.custom-select__checkbox {
    align-items: center;
    background-color: #fff;
    border: 2px solid #292929;
    border-radius: .4rem;
    cursor: pointer;
    display: flex;
    height: 2rem;
    justify-content: center;
    left: .8rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .2s,border-color .2s;
    width: 2rem
}

html[dir=rtl] .custom-select__checkbox {
    left: auto;
    right: .8rem
}

.custom-select__checkbox:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "\e91c" !important;
    display: block;
    font-family: icomoon !important;
    font-size: .8rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.custom-select__checkbox input {
    display: none
}

.custom-select__no-options {
    color: #777;
    padding: 8px 10px
}

.section {
    overflow: hidden;
    padding-block: calc(26.6728px + 3.702vw);
    position: relative;
    z-index: 2
}

@media (min-width:1600px) {
    .section {
        padding-block: 8rem
    }
}

.section--headerPadding {
    border: none;
    height: 115px;
    outline: 0;
    padding: 0
}

@media (min-width:1024px) {
    .section--headerPadding {
        height: 137px
    }

    .section--blog {
        margin-top: 12.2rem
    }
}

.section--padding-none {
    padding: 0
}

.section--padding-small {
    padding: 6rem 0
}

@media (min-width:1024px) {
    .section--padding-bigTop {
        padding-top: 16rem
    }
}

.section--padding-largeTop {
    padding-top: 15rem
}

@media (min-width:1024px) {
    .section--padding-largeTop {
        padding-top: 23rem
    }

    .section--padding-bigVertical {
        padding: 15rem 0
    }

    .section--padding-largeVertical {
        padding: 23rem 0
    }
}

.section--padding-topNone {
    padding-top: 0
}

.section--padding-bottomNone {
    padding-bottom: 0
}

.section--mb-40 {
    margin-bottom: 4rem
}

.section--parallax {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover
}

    .section--parallax:after, .section--parallax:before {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2
    }

    .section--parallax:after {
        background-color: #0063af;
        mix-blend-mode: color;
        opacity: .1
    }

    .section--parallax:before {
        background-color: #292929;
        mix-blend-mode: normal;
        opacity: .15
    }

.section__tag {
    margin-bottom: 2.4rem;
    text-transform: uppercase
}

.section__more {
    margin-top: 2rem
}

.section__bg {
    position: absolute;
    z-index: -1
}

.section__bg--gridRepeat {
    left: 0;
    top: 8rem;
    width: 100%
}

.section--padding-bigTop .section__bg--gridRepeat {
    top: 15rem
}

.section__bg--gridRepeat .section.newsroom {
    top: 15%
}

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

.section__container {
    padding: 8rem 0
}

.section__container--padding-none {
    padding: 0
}

@media (min-width:1024px) {
    .section__container--padding-bigVertical {
        padding: 15rem 0
    }
}

.breadcrumbs__wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.breadcrumbs__divider, .breadcrumbs__divider a, .breadcrumbs__item, .breadcrumbs__item a {
    color: #0063af
}

.breadcrumbs__link {
    font-size: 1.4rem;
    line-height: 2.6rem
}

.breadcrumbs__divider {
    font-size: 1.6rem;
    line-height: 2.6rem
}

.breadcrumbs__item:last-child a {
    font-weight: 700 !important
}

.breadcrumbs--white .breadcrumbs__divider, .breadcrumbs--white .breadcrumbs__item a {
    color: #fff
}

.breadcrumbs--black .breadcrumbs__divider, .breadcrumbs--black .breadcrumbs__item a {
    color: #292929
}

.hero {
    background-color: #000;
    height: calc(100vh - 87px);
    overflow: unset;
    padding: 10rem 0;
    width: 100%
}

@media (min-width:1024px) {
    .hero {
        height: 100vh;
        padding: 0
    }
}

.hero__inner {
    height: 100%;
    left: 0;
    max-height: calc(100vh - 76px);
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:1024px) {
    .hero__inner {
        max-height: unset;
        position: static
    }
}

.hero__nav {
    bottom: 5%;
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .hero__nav {
        bottom: 8%;
        display: block
    }
}

.hero__slider {
    height: 100%;
    position: relative;
    width: 100%
}

.hero__slide {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s,visibility .2s;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

    .hero__slide.active {
        opacity: 1;
        pointer-events: all;
        visibility: visible
    }

.hero__slideBg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

    .hero__slideBg > .container {
        height: 100%
    }

.hero__slideBgWrapper {
    height: 100%;
    position: relative;
    width: 125%
}

html:not([dir=rtl]) .hero__slideBgWrapper {
    margin-left: -12.5%
}

html[dir=rtl] .hero__slideBgWrapper {
    margin-right: -12.5%
}

@media (min-width:1024px) {
    html:not([dir=rtl]) .hero__slideBgWrapper {
        margin-left: -12.5%;
        width: 117.28%
    }

    html[dir=rtl] .hero__slideBgWrapper {
        margin-right: -12.5%;
        width: 117.28%
    }
}

.hero__slideBgWrapper:after, .hero__slideBgWrapper:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.hero__slideBgWrapper:after {
    background-color: #0063af;
    mix-blend-mode: color;
    opacity: .1
}

.hero__slideBgWrapper:before {
    background-color: #292929;
    mix-blend-mode: normal;
    opacity: .15
}

.hero__slideBg img, .hero__slideBgWrapper > video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.hero__slideBg img {
    isolation: isolate;
    opacity: 0;
    position: relative;
    transition: transform .6s,opacity .4s,visibility .4s;
    visibility: hidden
}

html[dir=rtl] .hero__slideBg img {
    transform: translateX(100vw)
}

html:not([dir=rtl]) .hero__slideBg img {
    transform: translateX(-100vw)
}

.hero__slide.active .hero__slideBg img {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

.hero__slideText {
    opacity: 0;
    padding-top: 2rem;
    transform: translateY(-100vh);
    transition: transform .6s,opacity .6s,visibility .4s;
    visibility: hidden;
    width: 100%
}

@media (min-width:768px) {
    .hero__slideText {
        padding-top: 0
    }

    html[dir=rtl] .hero__slideText {
        padding-left: 5rem
    }
}

@media (min-width:1280px) {
    .hero__slideText {
        width: 76.4rem
    }
}

.hero__slide.active .hero__slideText {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.hero__slideText .text__content {
    max-width: 63rem
}

.hero__slideButtons {
    opacity: 0;
    padding-top: 4rem;
    transform: translateY(100vh);
    transition: transform .6s,opacity .6s,visibility .4s;
    visibility: hidden;
    width: 100%
}

.hero__slide.active .hero__slideButtons {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.hero__slideButtonsInner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

@media (min-width:768px) {
    .hero__slideButtonsInner {
        column-gap: 2.4rem;
        flex-wrap: unset;
        row-gap: unset
    }
}

.hero__count {
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6
}

@media (min-width:1600px) {
    .hero__count {
        font-size: 2rem
    }
}

.hero__title {
    font-size: calc(24.0048px + 3.332vw);
    line-height: 1.25;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .hero__title {
        font-size: 7.2rem;
        margin-top: 4rem
    }
}

.hero__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.75;
    margin-top: calc(10.668px + .37vw);
    max-width: 63rem
}

@media (min-width:1600px) {
    .hero__text {
        font-size: 1.8rem
    }
}

.hero__buttons {
    bottom: 10%;
    display: none;
    position: absolute;
    width: 100%
}

@media (min-width:768px) {
    .hero__buttons {
        bottom: 15%;
        display: block
    }
}

.hero__buttons--mobile {
    bottom: 0;
    display: block !important;
    margin-top: 2.4rem;
    position: relative
}

@media (min-width:768px) {
    .hero__buttons--mobile {
        display: none !important
    }
}

.hero__buttonsInner {
    display: flex;
    width: 100%
}

@media (min-width:768px) {
    .hero__buttonsInner {
        justify-content: flex-end
    }
}

.hero__buttonsWrapper {
    column-gap: 1.6rem;
    display: flex;
    position: relative;
    z-index: 2
}

@media (min-width:768px) {
    .hero__buttonsWrapper {
        flex-direction: column;
        row-gap: 2.4rem
    }
}

html[dir=rtl] .hero__buttonsNext, html[dir=rtl] .hero__buttonsPrev {
    transform: rotate(-270deg)
}

@media (min-width:768px) {
    html[dir=rtl] .hero__buttonsNext, html[dir=rtl] .hero__buttonsPrev {
        transform: rotate(-180deg)
    }
}

html:not([dir=rtl]) .hero__buttonsNext, html:not([dir=rtl]) .hero__buttonsPrev {
    transform: rotate(90deg)
}

@media (min-width:768px) {
    html:not([dir=rtl]) .hero__buttonsNext, html:not([dir=rtl]) .hero__buttonsPrev {
        transform: rotate(180deg)
    }
}

html[dir=rtl] .hero__buttonsPrev {
    order: 1
}

@media (min-width:768px) {
    html[dir=rtl] .hero__buttonsPrev {
        order: unset
    }
}

.slider__nav {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 14px;
    width: 100%
}

.slider__nav--vertical {
    height: 1px;
    width: 100%
}

@media (min-width:768px) {
    .slider__nav--vertical {
        flex-direction: column;
        height: 100%;
        width: 1px
    }
}

.slider__navPin {
    background-color: #fff;
    border-radius: 100%;
    height: 16px;
    opacity: .4;
    transition: all .4s;
    width: 16px
}

    .slider__navPin.active {
        height: 20px;
        opacity: 1;
        width: 20px
    }

.timelineSlider .slider__navPin {
    background-color: #fd8c04
}

.slider__nav--vertical .slider__navPin {
    flex-shrink: 0;
    height: auto;
    width: 100%
}

.about {
    overflow: hidden;
    padding: 0;
    width: 100%;
    z-index: auto
}

.about__inner {
    background-color: #0063af;
    position: relative
}

.about__wrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (min-width:768px) {
    .about__wrapper {
        flex-wrap: nowrap
    }
}

.about__left {
    padding-bottom: 8rem;
    padding-top: 4rem;
    width: 100%
}

@media (min-width:768px) {
    .about__left {
        max-width: 516px;
        padding-bottom: 16rem;
        padding-top: 8rem
    }
}

.about__tag {
    color: #c9f658;
    opacity: 0;
    transform: translateY(-100%);
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden
}

.section--visible .about__tag {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.about__title {
    color: #fff;
    font-size: calc(32.004px + 1.11vw);
    line-height: 1.375
}

@media (min-width:1600px) {
    .about__title {
        font-size: 4.8rem
    }
}

.about__text {
    color: #fff;
    font-size: calc(15.3376px + .184vw);
    line-height: 2;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .about__text {
        font-size: 1.8rem
    }
}

.about__more {
    opacity: 0;
    padding-top: 4rem;
    transform: translateY(100%);
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden
}

.section--visible .about__more {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

.about__image {
    display: none;
    height: 400px;
    padding: 5rem 0 10rem;
    width: 100%
}

@media (min-width:768px) {
    .about__image {
        display: inline-block;
        height: auto;
        padding: 0;
        width: 70%
    }

    html[dir=rtl] .about__image {
        margin-right: 4.78%;
        width: 57.8%
    }

    html:not([dir=rtl]) .about__image {
        margin-left: 4.78%;
        width: 57.8%
    }
}

.about__imageWrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.about__shape {
    pointer-events: none;
    position: absolute
}

@media (max-width:1024px) {
    .about__shape {
        display: none
    }
}

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

.about__shape--left {
    left: -17%;
    max-width: 38.8rem;
    opacity: .2;
    rotate: 0;
    top: -7%;
    width: 30%
}

html[dir=rtl] .about__shape--left {
    left: auto;
    right: -17%;
    transform: scaleX(-1)
}

.about__shape--right {
    height: 100%;
    opacity: .2;
    right: -12rem;
    top: 0;
    width: 33%
}

html[dir=rtl] .about__shape--right {
    left: -12rem;
    right: auto;
    transform: scaleX(-1)
}

.about__shape--right img {
    height: 90%;
    object-fit: cover
}

.about__image {
    -webkit-clip-path: path("M202.501 751C295.804 549.259 469.969 377.918 678 217.631C443.015 210.722 270.923 135.415 154.122 0C136.153 133.342 89.156 250.794 0 345.446C100.214 461.516 163.798 592.786 202.501 751Z");
    clip-path: path("M202.501 751C295.804 549.259 469.969 377.918 678 217.631C443.015 210.722 270.923 135.415 154.122 0C136.153 133.342 89.156 250.794 0 345.446C100.214 461.516 163.798 592.786 202.501 751Z");
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(25%)
}

html[dir=rtl] .about__image {
    left: 0;
    right: auto;
    transform: translateX(-25%) scaleX(-1)
}

@media (max-width:768px) {
    .about__image {
        display: none
    }
}

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

@media (min-width:1280px) {
    .about__image img {
        width: 125%
    }
}

.numberCarousel {
    overflow: hidden
}

.numberCarousel__inner {
    opacity: 0;
    overflow: unset;
    transition: opacity .4s;
    width: 100%
}

.section--visible .numberCarousel__inner {
    opacity: 1
}

.numberCarousel__wrapper {
    display: flex;
    height: 100%;
    width: 100%
}

@media (min-width:768px) {
    .numberCarousel__wrapper {
        margin-left: 8.42%
    }
}

.numberCarousel__slide {
    width: 83.12%
}

@media (min-width:768px) {
    .numberCarousel__slide {
        width: 40.92%
    }
}

@media (min-width:1600px) {
    .numberCarousel__slide {
        width: 24.06%
    }
}

.numberCarousel__slideTop {
    align-items: flex-end;
    color: #1cc5dc;
    display: flex
}

.numberCarousel__slideBottom {
    margin-top: 1.5rem
}

.numberCarousel__number, .numberCarousel__prefix {
    font-size: 5rem;
    font-weight: 700
}

@media (min-width:1600px) {
    .numberCarousel__number, .numberCarousel__prefix {
        font-size: 6rem
    }
}

.numberCarousel__suffix {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 3px
}

@media (min-width:768px) {
    .numberCarousel__suffix {
        font-size: 3.2rem
    }
}

@media (min-width:1600px) {
    .numberCarousel__suffix {
        font-size: 3.6rem
    }
}

.businessLines {
    overflow: hidden
}

@media (min-width:1600px) {
    .businessLines__heading {
        max-width: 71rem
    }
}

.businessLines__slider {
    overflow: hidden;
    padding-top: 4rem
}

.businessLines__title {
    font-size: calc(32.004px + 1.11vw);
    line-height: 1.375
}

@media (min-width:1024px) {
    .businessLines__title {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .businessLines__title {
        font-size: 4.8rem
    }
}

.businessLines__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.75;
    margin-top: calc(10.668px + .37vw);
    max-width: 73.3rem
}

@media (min-width:1600px) {
    .businessLines__text {
        font-size: 1.8rem
    }
}

@media (max-width:1024px) {
    .businessLines__container {
        padding-inline: 0
    }
}

.businessLines--centered .businessLines__heading {
    margin-inline: auto;
    text-align: center
}

.businessLines--centered .businessLines__text {
    margin-inline: auto
}

.textSliderSection {
    color: #fff;
    overflow: hidden;
    position: relative
}

.textSliderSection--textCenter .textSliderSection__heading {
    text-align: center
}

html:not([dir=rtl]) .textSliderSection__heading--offset {
    margin-left: 3.58%
}

html[dir=rtl] .textSliderSection__heading--offset {
    margin-right: 3.58%
}

.textSliderSection__head {
    width: 100%
}

@media (min-width:600px) {
    .textSliderSection__head {
        width: 83.12%
    }
}

@media (min-width:768px) {
    .textSliderSection__head {
        width: 66.24%
    }
}

.textSliderSection--textCenter .textSliderSection__head {
    margin: 0 auto
}

.textSliderSection__heading--headerBig .textSliderSection__head {
    width: 100%
}

@media (min-width:600px) {
    .textSliderSection__heading--headerBig .textSliderSection__head {
        width: 83.12%
    }
}

.textSliderSection__desc {
    width: 67.5%
}

.textSliderSection--textCenter .textSliderSection__desc {
    margin: 0 auto
}

.textSliderSection__shape {
    position: absolute
}

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

.textSliderSection__shape--left {
    left: -3%;
    top: -5%;
    width: 50%
}

@media (min-width:768px) {
    .textSliderSection__shape--left {
        left: -3%;
        top: -25%;
        width: 40%
    }
}

@media (min-width:1024px) {
    .textSliderSection__shape--left {
        left: -3%;
        top: -25%;
        width: auto
    }
}

.textSliderSection__shape--right {
    right: -10%;
    top: 10%;
    width: 50%
}

@media (min-width:768px) {
    .textSliderSection__shape--right {
        right: -10%;
        top: 10%;
        width: 40%
    }
}

@media (min-width:1024px) {
    .textSliderSection__shape--right {
        right: -40%;
        top: 10%;
        width: auto
    }
}

.imageListSliderSection {
    position: relative
}

.imageListSliderSection--primary {
    color: #fff
}

.imageListSliderSection__shape {
    max-width: 70%;
    position: absolute;
    z-index: -1
}

    .imageListSliderSection__shape img {
        width: 100%
    }

.imageListSliderSection__shape--left {
    left: -15%;
    top: 15%
}

.imageListSliderSection__shape--right {
    right: -25%;
    top: -15%
}

@media (min-width:768px) {
    .imageListSliderSection__shape {
        max-width: 60%
    }
}

@media (min-width:1024px) {
    .imageListSliderSection__shape {
        max-width: 50%
    }

    .imageListSliderSection__shape--right {
        right: -30%;
        top: -20%
    }
}

@media (min-width:1280px) {
    .imageListSliderSection__shape {
        max-width: unset
    }

    .imageListSliderSection__shape--right {
        right: -40%;
        top: -30%
    }
}

.imageListSliderSection__heading {
    margin-left: 25.3%;
    width: 57.8%
}

.imageListSliderSection--textCenter .imageListSliderSection__heading {
    margin: 0 auto;
    text-align: center
}

.imageListSliderSection__slider {
    margin-top: 4rem
}

.timelineSection__title {
    font-size: calc(32.004px + 1.11vw);
    line-height: 1.375
}

@media (min-width:1600px) {
    .timelineSection__title {
        font-size: 4.8rem
    }
}

.timelineSection__head {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between
}

@media (min-width:1024px) {
    .timelineSection__head {
        align-items: flex-end;
        flex-direction: row;
        gap: 0
    }
}

.timelineSection__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556;
    margin-top: 1.6rem
}

@media (min-width:1600px) {
    .timelineSection__text {
        font-size: 1.8rem
    }
}

.timelineSection__shape {
    position: absolute
}

    .timelineSection__shape img {
        width: 100%
    }

.timelineSection__shape--orange {
    max-width: 40px;
    top: 9%
}

html:not([dir=rtl]) .timelineSection__shape--orange {
    right: 30%
}

html[dir=rtl] .timelineSection__shape--orange {
    left: 30%
}

@media (min-width:600px) {
    html:not([dir=rtl]) .timelineSection__shape--orange {
        right: 26%
    }

    html[dir=rtl] .timelineSection__shape--orange {
        left: 26%
    }
}

@media (min-width:768px) {
    .timelineSection__shape--orange {
        max-width: 50px
    }

    html:not([dir=rtl]) .timelineSection__shape--orange {
        right: 24%
    }

    html[dir=rtl] .timelineSection__shape--orange {
        left: 24%
    }
}

.timelineSection__shape--purple {
    max-width: 70px;
    top: 13%
}

html:not([dir=rtl]) .timelineSection__shape--purple {
    right: 8%
}

html[dir=rtl] .timelineSection__shape--purple {
    left: 8%
}

@media (min-width:768px) {
    .timelineSection__shape--purple {
        max-width: 90px;
        top: 15%
    }
}

.timelineSection__shape--lime {
    max-width: 40px;
    top: 5rem
}

html:not([dir=rtl]) .timelineSection__shape--lime {
    right: 3rem
}

html[dir=rtl] .timelineSection__shape--lime {
    left: 3rem
}

@media (min-width:768px) {
    .timelineSection__shape--lime {
        max-width: 50px
    }
}

@media (min-width:1024px) {
    .timelineSection__shape {
        max-width: unset
    }
}

.textImageSliderSection {
    overflow: hidden;
    padding-bottom: 0
}

.textImageSliderSection__heading {
    width: 74.68%
}

html:not([dir=rtl]) .textImageSliderSection__heading {
    margin-left: 16.86%
}

html[dir=rtl] .textImageSliderSection__heading {
    margin-right: 16.86%
}

@media (min-width:1024px) {
    .textImageSliderSection__heading--offset {
        width: 57.8%
    }

    html:not([dir=rtl]) .textImageSliderSection__heading--offset {
        margin-left: 25.3%
    }

    html[dir=rtl] .textImageSliderSection__heading--offset {
        margin-right: 25.3%
    }
}

.textImageSliderSection__content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5rem;
    position: relative
}

.textImageSliderSection__image {
    align-items: center;
    display: flex;
    margin-top: 100px;
    min-height: 350px;
    padding: 1.24%;
    width: 100%
}

@media (min-width:600px) {
    .textImageSliderSection__image {
        min-height: 400px;
        width: 66.24%
    }
}

@media (min-width:1024px) {
    .textImageSliderSection__image {
        margin-top: 0;
        min-height: unset;
        width: 40.92%
    }
}

.textImageSliderSection__imageWrapper {
    height: 100%;
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    .textImageSliderSection__imageWrapper {
        height: 60%
    }
}

@media (min-width:1280px) {
    .textImageSliderSection__imageWrapper {
        height: 100%
    }
}

html:not([dir=rtl]) .textImageSliderSection__slider {
    margin-left: 26.56%;
    width: 74.68%
}

@media (min-width:1024px) {
    html:not([dir=rtl]) .textImageSliderSection__slider {
        margin-left: 0;
        width: 59.06%
    }
}

html[dir=rtl] .textImageSliderSection__slider {
    margin-left: 0;
    margin-right: 26.56%;
    width: 74.68%
}

@media (min-width:1024px) {
    html[dir=rtl] .textImageSliderSection__slider {
        margin-right: 0;
        width: 59.06%
    }
}

.newsroom {
    overflow: hidden
}

    .newsroom:after {
        background-image: url(../images/shapes/grid-5x5.svg);
        background-position: 0 0;
        background-repeat: repeat;
        background-size: 10% 33%;
        content: "";
        left: 0;
        padding-top: 35%;
        position: absolute;
        top: 18%;
        width: 100%;
        z-index: -1
    }

.newsroom--bgTop:after {
    top: 0
}

.newsroom__inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.newsroom__heading {
    margin-bottom: 5rem;
    width: 100%
}

@media (min-width:600px) {
    .newsroom__heading {
        width: 40.92%
    }

    .newsroom--noLead .newsroom__heading {
        width: 74.68%
    }
}

.newsroom__lead {
    width: 100%
}

@media (min-width:600px) {
    .newsroom__lead {
        width: 49.36%
    }

    html:not([dir=rtl]) .newsroom__lead {
        margin-left: 8.42%
    }

    html[dir=rtl] .newsroom__lead {
        margin-right: 8.42%
    }
}

.newsroom__news {
    display: flex;
    overflow: auto;
    padding-top: 5rem;
    width: 100%
}

@media (min-width:600px) {
    .newsroom__news {
        padding-top: 7rem
    }
}

@media (min-width:1024px) {
    .newsroom__news {
        flex-wrap: wrap;
        overflow: unset
    }
}

.newsroom__newsSingle {
    flex-shrink: 0;
    margin-bottom: 5rem;
    width: 100%
}

html:not([dir=rtl]) .newsroom__newsSingle {
    padding-right: 1.24%
}

html[dir=rtl] .newsroom__newsSingle {
    padding-left: 1.24%
}

@media (min-width:600px) {
    .newsroom__newsSingle {
        width: 49.36%
    }
}

@media (min-width:1024px) {
    .newsroom__newsSingle {
        flex-shrink: unset;
        width: 32.5%
    }
}

.joinUs {
    overflow: unset;
    position: relative;
    z-index: 4
}

.joinUs__bg {
    background-color: #1cc5dc;
    height: 100%;
    left: -3.6%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 107.18%;
    z-index: -1
}

.joinUs__wrapper {
    position: relative
}

.joinUs__inner {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    padding: 10rem 0;
    width: 100%
}

@media (min-width:768px) {
    .joinUs__inner {
        padding: 15rem 0;
        width: 49.36%
    }
}

@media (min-width:1024px) {
    .joinUs__inner {
        padding: 20rem 0
    }
}

.joinUs__shape {
    position: absolute;
    z-index: -1
}

    .joinUs__shape img {
        width: 100%
    }

.joinUs__shape--bigLeft {
    left: -50%;
    top: 0;
    width: 100%
}

@media (min-width:1024px) {
    .joinUs__shape--bigLeft {
        left: -20%;
        width: auto
    }
}

.joinUs__shape--bigRight {
    right: -79%;
    top: -50%;
    width: 100%
}

    .joinUs__shape--bigRight img {
        height: 100%;
        width: 100%
    }

.joinUs__shape--leftOrange {
    bottom: -10%;
    left: 12%;
    width: 10%
}

@media (min-width:1024px) {
    .joinUs__shape--leftOrange {
        width: auto
    }
}

.joinUs__shape--rightGreen {
    bottom: 13%;
    right: 12%;
    width: 10%
}

@media (min-width:768px) {
    .joinUs__shape--rightGreen {
        width: 12%
    }
}

@media (min-width:1024px) {
    .joinUs__shape--rightGreen {
        width: auto
    }
}

.joinUs__shape--bottomPurple {
    bottom: -15%;
    right: 50%;
    transform: translateX(50%);
    width: 30%;
    z-index: 1
}

@media (min-width:1024px) {
    .joinUs__shape--bottomPurple {
        width: auto
    }
}

.joinUs__shape--topBlue {
    right: 2%;
    top: -4%;
    width: 16%;
    z-index: 1
}

@media (min-width:768px) {
    .joinUs__shape--topBlue {
        width: 20%
    }
}

@media (min-width:1024px) {
    .joinUs__shape--topBlue {
        top: -16%;
        width: auto
    }
}

.contact {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.contact__wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width:768px) {
    .contact__wrapper {
        align-items: center
    }
}

.contact__image {
    margin-bottom: 4rem;
    padding: 83.12% 0 0;
    position: relative;
    width: 100%
}

@media (min-width:600px) {
    .contact__image {
        padding: 57.8% 0 0;
        width: 74.68%
    }
}

@media (min-width:768px) {
    .contact__image {
        margin-bottom: 0;
        margin-right: 8.42%;
        padding: 49.36% 0 0;
        width: 49.36%
    }
}

@media (min-width:1024px) {
    .contact__image {
        margin-left: 8.42%;
        margin-right: 8.42%;
        min-height: unset;
        padding: 40.92% 0 0;
        width: 40.92%
    }
}

.contact__imageWrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.contact__heading {
    width: 100%
}

@media (min-width:768px) {
    .contact__heading {
        width: 40.92%
    }
}

@media (min-width:1600px) {
    .contact__heading {
        margin-bottom: 4rem
    }
}

.contact__more {
    margin-top: 3rem
}

.bottomLinks {
    background-color: #fff;
    border-top: 1px solid #e2e2e2;
    padding: 3rem 0;
    z-index: 3
}

.bottomLinks--theme-purple {
    background-color: #6b48ff
}

.bottomLinks__wrapper {
    column-gap: 1.24%;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width:768px) {
    .bottomLinks__wrapper {
        flex-wrap: unset
    }
}

.bottomLinks__link {
    flex-shrink: 0;
    opacity: 0;
    padding-bottom: 1rem;
    padding-right: 1.24%;
    padding-top: 1rem;
    transform: scale(0);
    transition: opacity .2s,visibility .2s,transform .4s;
    visibility: hidden;
    width: 100%
}

.section--visible .bottomLinks__link {
    opacity: 1;
    transform: scale(1);
    visibility: visible
}

@media (min-width:600px) {
    .bottomLinks__link {
        width: 49.36%
    }
}

@media (min-width:768px) {
    .bottomLinks__link {
        padding-bottom: 0;
        padding-top: 0;
        width: 32.5%
    }
}

.bottomLinks__link .link {
    width: 100%
}

.footerBefore {
    overflow: hidden
}

.footerBefore__wrapper {
    color: #fff;
    margin: 0 auto;
    padding: 6rem 0;
    position: relative;
    width: 83.12%;
    z-index: 3
}

@media (min-width:768px) {
    .footerBefore__wrapper {
        padding: 10rem 0
    }
}

@media (min-width:1280px) {
    .footerBefore__wrapper {
        padding: 14rem 0
    }
}

.footerBefore__heading {
    display: flex;
    flex-direction: column
}

.icon-stats__wrapper {
    display: none;
    flex-direction: column;
    gap: 2rem
}

@media (min-width:1024px) {
    .icon-stats__wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0
    }

        .icon-stats__wrapper > :not(:first-child) {
            border-left: 1px solid #b2b2b2
        }

    html[dir=rtl] .icon-stats__wrapper > :not(:first-child) {
        border-left: none;
        border-right: 1px solid #b2b2b2
    }
}

.icon-stats__item {
    flex: 1;
    text-align: center
}

.icon-stats-slider {
    padding-block: 4rem
}

@media (min-width:1024px) {
    .icon-stats-slider {
        display: none
    }
}

.icon-stats-slider-wrapper {
    display: flex
}

.icon-stats-slider-slide {
    flex-shrink: 0;
    width: 100%
}

.stat-item {
    flex: 1
}

@media (max-width:768px) {
    .stat-item + .stat-item {
        margin-top: 4.8rem
    }
}

.stat-item__icon {
    align-items: center;
    display: flex;
    height: 44px;
    justify-content: center;
    margin: 0 auto;
    width: 100px
}

    .stat-item__icon img {
        max-height: 100%;
        width: auto
    }

.stat-item__number {
    color: #222b45;
    display: flex;
    font-weight: 700;
    justify-content: center;
    margin-top: calc(16.0008px + 2.222vw);
    text-align: center
}

    .stat-item__number span {
        font-size: calc(24.0048px + 3.332vw);
        line-height: 1.25
    }

@media (min-width:1600px) {
    .stat-item__number span {
        font-size: 7.2rem
    }
}

html[dir=rtl] .stat-item__number span {
    font-family: CenturyGothic !important
}

@media (min-width:1600px) {
    .stat-item__number {
        margin-top: 4.8rem
    }
}

.stat-item__title {
    font-size: calc(18.668px + .37vw);
    line-height: 1.5;
    margin-top: .8rem;
    text-align: center
}

@media (min-width:1600px) {
    .stat-item__title {
        font-size: 2.4rem
    }
}

.textLogos__wrapper {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    justify-content: space-between;
    position: relative
}

@media (min-width:1024px) {
    .textLogos__wrapper {
        flex-direction: row
    }
}

.textLogos__text {
    display: flex;
    flex: none;
    flex-direction: column;
    gap: 1.6rem
}

    .textLogos__text h2 {
        font-size: calc(32.004px + 1.11vw);
        line-height: 1.375
    }

@media (min-width:1600px) {
    .textLogos__text h2 {
        font-size: 4.8rem
    }
}

.textLogos__text p {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556
}

@media (min-width:1600px) {
    .textLogos__text p {
        font-size: 1.8rem
    }
}

@media (min-width:1024px) {
    .textLogos__text {
        max-width: 516px
    }
}

.textLogos__slider {
    overflow: hidden;
    position: relative
}

@media (min-width:1024px) {
    .textLogos__slider {
        display: none
    }
}

.textLogos__sliderWrapper {
    display: flex
}

.textLogos__slide {
    flex-shrink: 0;
    padding-inline: 2.4rem;
    width: 100%
}

.textLogos__nav {
    align-items: center;
    display: flex;
    gap: 2.4rem
}

@media (min-width:1024px) {
    .textLogos__nav {
        display: none
    }
}

.textLogos__next, .textLogos__prev {
    transform: rotate(90deg)
}

.textLogos__logos {
    display: none;
    gap: 4rem;
    grid-template-columns: 1fr
}

@media (min-width:1024px) {
    .textLogos__logos {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

.textLogos__logo {
    display: block
}

.textLogos__img {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.textLogos__decor {
    display: none;
    left: -30%;
    position: absolute;
    top: 7rem;
    transform: rotate(148.97deg);
    width: 43%
}

html[dir=rtl] .textLogos__decor {
    left: auto;
    right: -30%;
    transform: rotate(-148.97deg) scaleX(-1)
}

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

@media (min-width:1024px) {
    .textLogos--decor .textLogos__decor {
        display: block
    }
}

.textLogos--largeSpacing {
    padding-block: calc(.004px + 11.11vw)
}

@media (min-width:1600px) {
    .textLogos--largeSpacing {
        padding-block: 16rem
    }
}

.basic-slider__heading {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between
}

@media (min-width:1024px) {
    .basic-slider__heading {
        flex-direction: row
    }
}

.basic-slider__buttons {
    align-items: end;
    display: flex;
    flex-direction: row;
    gap: 2.4rem
}

html:not([dir=rtl]) .basic-slider__next, html:not([dir=rtl]) .basic-slider__prev {
    transform: rotate(90deg)
}

html[dir=rtl] .basic-slider__next, html[dir=rtl] .basic-slider__prev {
    transform: rotate(-90deg)
}

.basic-slider__head {
    font-size: calc(32.004px + 1.11vw);
    line-height: 1.375
}

@media (min-width:1600px) {
    .basic-slider__head {
        font-size: 4.8rem
    }
}

.basic-slider__desc {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .basic-slider__desc {
        font-size: 1.8rem
    }
}

.basic-slider__wrapper {
    display: flex
}

.basic-slider__slide {
    flex-shrink: 0;
    width: 100%
}

@media (min-width:1024px) {
    .basic-slider__slide {
        width: 33.3333%
    }
}

.basic-slider__progress-bar {
    background-color: #b2b2b2;
    height: 1px;
    margin-top: 4rem;
    position: relative;
    width: 100%
}

    .basic-slider__progress-bar .swiper-pagination-progressbar-fill {
        background-color: #292929;
        display: block;
        height: 3px;
        transform-origin: left top;
        transition: all .4s;
        width: 100%
    }

html[dir=rtl] .basic-slider__progress-bar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

@media (min-width:1024px) {
    .basic-slider--noNav .basic-slider__buttons, .basic-slider--noNav .basic-slider__progress-bar {
        display: none
    }
}

.cta {
    color: #fff
}

.cta__inner {
    padding-block: calc(53.3384px + 7.406vw)
}

@media (min-width:1600px) {
    .cta__inner {
        padding-block: 16rem
    }
}

.cta__box {
    background-color: #625da9;
    border-radius: 2.4rem;
    padding: 4rem;
    padding-block: calc(-.3312px + 10.092vw) calc(16.668px + 5.37vw);
    padding-inline: calc(-4.9944px + 8.054vw);
    position: relative
}

@media (min-width:1024px) {
    .cta__box {
        width: 75%
    }
}

@media (min-width:1600px) {
    .cta__box {
        padding-block: 14.5rem 9.4rem;
        padding-inline: 11.1rem
    }
}

.cta__box .button {
    margin-top: 4rem
}

.cta__bg {
    inset: 0;
    opacity: .05;
    pointer-events: none;
    position: absolute
}

    .cta__bg img {
        height: 150%;
        object-fit: cover;
        width: 150%
    }

.cta .text__content {
    font-weight: 400
}

.cta__desc, .cta__head, .cta__tag {
    position: relative;
    z-index: 1
}

.cta__head {
    font-size: calc(32.004px + 1.11vw);
    line-height: 1.375
}

@media (min-width:1600px) {
    .cta__head {
        font-size: 4.8rem
    }
}

.cta__desc {
    font-size: calc(15.3376px + .184vw);
    font-weight: 400;
    line-height: 1.5555555556;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .cta__desc {
        font-size: 1.8rem
    }
}

.cta__image {
    -webkit-clip-path: path("M955.174 455.918C662.208 318.969 405.646 201.956 201.089 0C158.618 98.8111 90.1435 169.886 0 219.291C151.684 362.307 274.764 536.527 370.108 741.083C526.126 631.871 730.682 511.391 955.174 455.918Z");
    clip-path: path("M955.174 455.918C662.208 318.969 405.646 201.956 201.089 0C158.618 98.8111 90.1435 169.886 0 219.291C151.684 362.307 274.764 536.527 370.108 741.083C526.126 631.871 730.682 511.391 955.174 455.918Z");
    position: absolute;
    right: -53%;
    top: -10.7rem;
    width: 100%
}

html[dir=rtl] .cta__image {
    left: -53%;
    right: auto;
    transform: scaleX(-1)
}

@media (max-width:1024px) {
    .cta__image {
        display: none
    }
}

.cta__img {
    height: 100%;
    object-fit: cover;
    width: 125%
}

@media (min-width:1024px) {
    .cta__img {
        width: 150%
    }
}

@media (min-width:1280px) {
    .cta__img {
        width: 125%
    }
}

.pageHeader.section--zIndex-auto {
    z-index: unset
}

.pageHeader__wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

@media (min-width:600px) {
    .pageHeader__wrapper {
        flex-wrap: nowrap
    }
}

.pageHeader__image {
    align-self: flex-start;
    flex-shrink: 0;
    width: 100%
}

@media (min-width:600px) {
    .pageHeader__image {
        width: 53.42%
    }

    html:not([dir=rtl]) .pageHeader__image {
        margin-left: -12.5%
    }

    html[dir=rtl] .pageHeader__image {
        margin-right: -12.5%
    }
}

.pageHeader--imageRight .pageHeader__image {
    position: relative
}

html:not([dir=rtl]) .pageHeader--imageRight .pageHeader__image {
    left: 12.5%;
    margin-left: 0
}

html[dir=rtl] .pageHeader--imageRight .pageHeader__image {
    margin-right: 0;
    right: 12.5%
}

.pageHeader__heading {
    align-self: flex-start;
    padding: 4rem 0;
    width: 91.56%
}

html:not([dir=rtl]) .pageHeader__heading {
    padding-right: 2.5%
}

html[dir=rtl] .pageHeader__heading {
    padding-left: 2.5%
}

.section--zIndex-auto .pageHeader__heading {
    z-index: 3
}

@media (min-width:600px) {
    .pageHeader__heading {
        padding: 6rem 0;
        width: 40.92%
    }

    html:not([dir=rtl]) .pageHeader__heading {
        margin-left: 9.68%;
        padding-right: 0
    }

    html[dir=rtl] .pageHeader__heading {
        margin-right: 9.68%;
        padding-left: 0
    }

    .pageHeader--imageRight .pageHeader__heading {
        padding: 6rem 0;
        width: 50.62%
    }

    html:not([dir=rtl]) .pageHeader--imageRight .pageHeader__heading {
        margin-left: 0
    }

    html[dir=rtl] .pageHeader--imageRight .pageHeader__heading {
        margin-right: 0
    }
}

.pageHeader--noImage .pageHeader__heading {
    width: 100%
}

@media (min-width:600px) {
    .pageHeader--noImage .pageHeader__heading {
        width: 74.68%
    }
}

@media (min-width:1024px) {
    .pageHeader--noImage .pageHeader__heading {
        width: 66.24%
    }
}

html:not([dir=rtl]) .pageHeader--noImage .pageHeader__heading, html[dir=rtl] .pageHeader--noImage .pageHeader__heading {
    margin: 0
}

@media (min-width:600px) {
    .pageHeader--narrowHeader .pageHeader__heading {
        width: 40.92%
    }
}

.pageHeader__scroll {
    position: absolute;
    width: 100%
}

.pageHeader__scrollWrapper {
    position: relative;
    width: 100%
}

.pageHeader__scrollButton {
    bottom: -100%;
    max-width: 100px;
    min-width: 8.32%;
    position: absolute;
    z-index: 10
}

html:not([dir=rtl]) .pageHeader__scrollButton {
    right: -10%
}

html[dir=rtl] .pageHeader__scrollButton {
    left: -10%
}

@media (min-width:1600px) {
    html:not([dir=rtl]) .pageHeader__scrollButton {
        right: -12.5%
    }

    html[dir=rtl] .pageHeader__scrollButton {
        left: -12.5%
    }
}

.pageHeader__shape {
    display: none;
    position: absolute;
    z-index: -1
}

@media (min-width:600px) {
    .pageHeader__shape {
        display: block
    }
}

.pageHeader__shape img {
    width: 100%
}

.pageHeader__shape--purple {
    max-width: 60px;
    top: 43%
}

html:not([dir=rtl]) .pageHeader__shape--purple {
    right: 3%
}

html[dir=rtl] .pageHeader__shape--purple {
    left: 3%
}

@media (min-width:600px) {
    .pageHeader__shape--purple {
        max-width: 50px
    }

    html:not([dir=rtl]) .pageHeader__shape--purple {
        right: 1%
    }

    html[dir=rtl] .pageHeader__shape--purple {
        left: 1%
    }
}

@media (min-width:1024px) {
    .pageHeader__shape--purple {
        max-width: 80px
    }
}

@media (min-width:1280px) {
    .pageHeader__shape--purple {
        max-width: 100px
    }
}

.pageHeader__shape--orange {
    max-width: 40px;
    top: 35%
}

html:not([dir=rtl]) .pageHeader__shape--orange {
    right: 10%
}

html[dir=rtl] .pageHeader__shape--orange {
    left: 10%
}

@media (min-width:600px) {
    .pageHeader__shape--orange {
        max-width: 50px
    }

    html:not([dir=rtl]) .pageHeader__shape--orange {
        right: 13%
    }

    html[dir=rtl] .pageHeader__shape--orange {
        left: 13%
    }
}

@media (min-width:1024px) {
    .pageHeader__shape--orange {
        max-width: 60px
    }
}

.pageHeader__shape--lightBlue {
    max-width: 35px;
    top: 10%
}

html:not([dir=rtl]) .pageHeader__shape--lightBlue {
    right: 5%
}

html[dir=rtl] .pageHeader__shape--lightBlue {
    left: 5%
}

@media (min-width:600px) {
    .pageHeader__shape--lightBlue {
        max-width: 40px
    }

    html:not([dir=rtl]) .pageHeader__shape--lightBlue {
        right: 8%
    }

    html[dir=rtl] .pageHeader__shape--lightBlue {
        left: 8%
    }
}

@media (min-width:1280px) {
    .pageHeader__shape--lightBlue {
        max-width: 50px
    }

    html:not([dir=rtl]) .pageHeader__shape--lightBlue {
        right: 10%
    }

    html[dir=rtl] .pageHeader__shape--lightBlue {
        left: 10%
    }
}

.pageHeader--imageRight .pageHeader__shape--orange {
    max-width: 40px;
    top: 25%
}

html:not([dir=rtl]) .pageHeader--imageRight .pageHeader__shape--orange {
    right: 10%
}

html[dir=rtl] .pageHeader--imageRight .pageHeader__shape--orange {
    left: 10%
}

@media (min-width:600px) {
    .pageHeader--imageRight .pageHeader__shape--orange {
        max-width: 50px
    }

    html:not([dir=rtl]) .pageHeader--imageRight .pageHeader__shape--orange {
        right: 48%
    }

    html[dir=rtl] .pageHeader--imageRight .pageHeader__shape--orange {
        left: 48%
    }
}

@media (min-width:1024px) {
    .pageHeader--imageRight .pageHeader__shape--orange {
        max-width: 60px
    }
}

.pageHeader--imageRight .pageHeader__shape--lightBlue {
    max-width: 35px;
    top: 10%
}

html:not([dir=rtl]) .pageHeader--imageRight .pageHeader__shape--lightBlue {
    right: 15%
}

html[dir=rtl] .pageHeader--imageRight .pageHeader__shape--lightBlue {
    left: 15%
}

@media (min-width:600px) {
    .pageHeader--imageRight .pageHeader__shape--lightBlue {
        max-width: 40px
    }

    html:not([dir=rtl]) .pageHeader--imageRight .pageHeader__shape--lightBlue {
        right: 45%
    }

    html[dir=rtl] .pageHeader--imageRight .pageHeader__shape--lightBlue {
        left: 45%
    }
}

.pageHeader--imageRight .pageHeader__shape--blue {
    max-width: 65px;
    top: 8%
}

html:not([dir=rtl]) .pageHeader--imageRight .pageHeader__shape--blue {
    right: 5%
}

html[dir=rtl] .pageHeader--imageRight .pageHeader__shape--blue {
    left: 5%
}

@media (min-width:600px) {
    .pageHeader--imageRight .pageHeader__shape--blue {
        max-width: 80px;
        top: 3%
    }

    html:not([dir=rtl]) .pageHeader--imageRight .pageHeader__shape--blue {
        right: 30%
    }

    html[dir=rtl] .pageHeader--imageRight .pageHeader__shape--blue {
        left: 30%
    }
}

@media (min-width:1024px) {
    .pageHeader--imageRight .pageHeader__shape--blue {
        max-width: 95px
    }
}

@media (min-width:1366px) {
    .pageHeader--imageRight .pageHeader__shape {
        max-width: unset
    }
}

.pageHeader--narrowHeader .pageHeader__shape--orange {
    bottom: 15%;
    max-width: 40px;
    top: unset
}

html:not([dir=rtl]) .pageHeader--narrowHeader .pageHeader__shape--orange {
    right: 10%
}

html[dir=rtl] .pageHeader--narrowHeader .pageHeader__shape--orange {
    left: 10%
}

@media (min-width:600px) {
    .pageHeader--narrowHeader .pageHeader__shape--orange {
        max-width: 50px
    }

    html:not([dir=rtl]) .pageHeader--narrowHeader .pageHeader__shape--orange {
        right: 40%
    }

    html[dir=rtl] .pageHeader--narrowHeader .pageHeader__shape--orange {
        left: 40%
    }
}

@media (min-width:1024px) {
    .pageHeader--narrowHeader .pageHeader__shape--orange {
        max-width: 65px
    }
}

.pageHeader--narrowHeader .pageHeader__shape--lightBlue {
    max-width: 35px;
    top: 30%
}

html:not([dir=rtl]) .pageHeader--narrowHeader .pageHeader__shape--lightBlue {
    right: 15%
}

html[dir=rtl] .pageHeader--narrowHeader .pageHeader__shape--lightBlue {
    left: 15%
}

@media (min-width:600px) {
    .pageHeader--narrowHeader .pageHeader__shape--lightBlue {
        max-width: 40px
    }

    html:not([dir=rtl]) .pageHeader--narrowHeader .pageHeader__shape--lightBlue {
        right: 35%
    }

    html[dir=rtl] .pageHeader--narrowHeader .pageHeader__shape--lightBlue {
        left: 35%
    }
}

@media (min-width:1024px) {
    .pageHeader--narrowHeader .pageHeader__shape--lightBlue {
        max-width: 53px
    }
}

.pageHeader--narrowHeader .pageHeader__shape--lime {
    bottom: 25%;
    max-width: 35px;
    top: unset
}

html:not([dir=rtl]) .pageHeader--narrowHeader .pageHeader__shape--lime {
    right: 15%
}

html[dir=rtl] .pageHeader--narrowHeader .pageHeader__shape--lime {
    left: 15%
}

@media (min-width:600px) {
    .pageHeader--narrowHeader .pageHeader__shape--lime {
        max-width: 40px
    }

    html:not([dir=rtl]) .pageHeader--narrowHeader .pageHeader__shape--lime {
        right: 17%
    }

    html[dir=rtl] .pageHeader--narrowHeader .pageHeader__shape--lime {
        left: 17%
    }
}

@media (min-width:1024px) {
    .pageHeader--narrowHeader .pageHeader__shape--lime {
        max-width: 65px
    }
}

.pageHeader--narrowHeader .pageHeader__shape--purple {
    bottom: 10%;
    max-width: 60px;
    top: unset
}

html:not([dir=rtl]) .pageHeader--narrowHeader .pageHeader__shape--purple {
    right: 3%
}

html[dir=rtl] .pageHeader--narrowHeader .pageHeader__shape--purple {
    left: 3%
}

@media (min-width:600px) {
    .pageHeader--narrowHeader .pageHeader__shape--purple {
        max-width: 50px
    }

    html:not([dir=rtl]) .pageHeader--narrowHeader .pageHeader__shape--purple {
        right: 25%
    }

    html[dir=rtl] .pageHeader--narrowHeader .pageHeader__shape--purple {
        left: 25%
    }
}

@media (min-width:1024px) {
    .pageHeader--narrowHeader .pageHeader__shape--purple {
        max-width: 80px
    }
}

@media (min-width:1280px) {
    .pageHeader--narrowHeader .pageHeader__shape--purple {
        max-width: 110px
    }
}

.pageHeader--narrowHeader .pageHeader__shape--blue {
    max-width: 65px;
    top: 10%
}

html:not([dir=rtl]) .pageHeader--narrowHeader .pageHeader__shape--blue {
    right: 10%
}

html[dir=rtl] .pageHeader--narrowHeader .pageHeader__shape--blue {
    left: 10%
}

@media (min-width:600px) {
    .pageHeader--narrowHeader .pageHeader__shape--blue {
        max-width: 80px;
        top: 15%
    }

    html:not([dir=rtl]) .pageHeader--narrowHeader .pageHeader__shape--blue {
        right: 12%
    }

    html[dir=rtl] .pageHeader--narrowHeader .pageHeader__shape--blue {
        left: 12%
    }
}

@media (min-width:1024px) {
    .pageHeader--narrowHeader .pageHeader__shape--blue {
        max-width: 95px
    }
}

.pageHeader__bio {
    margin-top: 8rem
}

html:not([dir=rtl]) .pageHeader__bio {
    margin-left: 8.42%;
    text-align: right
}

html[dir=rtl] .pageHeader__bio {
    margin-right: 8.42%;
    text-align: left
}

@media (min-width:600px) {
    html:not([dir=rtl]) .pageHeader__bio {
        margin-left: 20.6%
    }

    html[dir=rtl] .pageHeader__bio {
        margin-right: 20.6%
    }
}

.pageHeader__slider {
    margin: 8rem 0 0
}

html:not([dir=rtl]) .pageHeader__slider--cards-slider {
    margin-right: -12.5%
}

.headImage {
    padding-bottom: 0
}

.headImage__wrapper {
    display: flex;
    position: relative;
    width: 100%
}

.headImage__shapes {
    min-height: 50vh;
    position: relative
}

@media (min-width:600px) {
    .headImage__shapes {
        width: 49.36%
    }
}

@media (min-width:768px) {
    .headImage__shapes {
        width: 33.74%
    }
}

.headImage__image {
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity .2s,visibility .2s,transform .4s;
    visibility: hidden;
    width: 125%
}

html:not([dir=rtl]) .headImage__image {
    transform: translateX(100vw) scale(0)
}

html[dir=rtl] .headImage__image {
    transform: translateX(-100vw) scale(0)
}

.section--visible .headImage__image {
    opacity: 1;
    visibility: visible
}

html:not([dir=rtl]) .section--visible .headImage__image, html[dir=rtl] .section--visible .headImage__image {
    transform: translateX(0) scale(1)
}

html:not([dir=rtl]) .headImage__image {
    margin-left: -12.5%
}

html[dir=rtl] .headImage__image {
    margin-right: -12.5%
}

@media (min-width:600px) {
    .headImage__image {
        width: 74.68%
    }

    html:not([dir=rtl]) .headImage__image {
        margin-left: 37.8%
    }

    html[dir=rtl] .headImage__image {
        margin-right: 37.8%
    }
}

.headImage__imageInner {
    height: 100%
}

@media (min-width:600px) {
    html:not([dir=rtl]) .headImage__imageInner {
        margin-left: -12.5%
    }

    html[dir=rtl] .headImage__imageInner {
        margin-right: -12.5%
    }
}

.headImage__imageInner img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.headImage__shape {
    display: none;
    position: absolute;
    z-index: 2
}

@media (min-width:600px) {
    .headImage__shape {
        display: block
    }
}

.headImage__shape img {
    width: 100%
}

.headImage__shape--lime {
    bottom: 30%;
    max-width: 40px
}

html:not([dir=rtl]) .headImage__shape--lime {
    right: 6%
}

html[dir=rtl] .headImage__shape--lime {
    left: 6%
}

@media (min-width:768px) {
    .headImage__shape--lime {
        max-width: 50px
    }
}

@media (min-width:1024px) {
    .headImage__shape--lime {
        max-width: 60px
    }
}

.headImage__shape--blue {
    max-width: 65px;
    top: 20%
}

html:not([dir=rtl]) .headImage__shape--blue {
    right: -20%
}

html[dir=rtl] .headImage__shape--blue {
    left: -20%
}

@media (min-width:768px) {
    .headImage__shape--blue {
        max-width: 80px
    }
}

@media (min-width:1024px) {
    .headImage__shape--blue {
        max-width: 95px
    }
}

.headImage__shape--purple {
    bottom: 10%;
    max-width: 60px
}

html:not([dir=rtl]) .headImage__shape--purple {
    right: 35%
}

html[dir=rtl] .headImage__shape--purple {
    left: 35%
}

@media (min-width:768px) {
    .headImage__shape--purple {
        max-width: 80px
    }
}

@media (min-width:1024px) {
    .headImage__shape--purple {
        max-width: 100px
    }
}

.headImage__shape--orange {
    bottom: 15%;
    max-width: 40px
}

html:not([dir=rtl]) .headImage__shape--orange {
    left: 0
}

html[dir=rtl] .headImage__shape--orange {
    right: 0
}

@media (min-width:768px) {
    .headImage__shape--orange {
        max-width: 50px
    }
}

@media (min-width:1024px) {
    .headImage__shape--orange {
        max-width: 60px
    }
}

.headImage__shape--lightBlue {
    max-width: 40px;
    top: 30%
}

html:not([dir=rtl]) .headImage__shape--lightBlue {
    left: 15%
}

html[dir=rtl] .headImage__shape--lightBlue {
    right: 15%
}

@media (min-width:1024px) {
    .headImage__shape--lightBlue {
        max-width: 60px
    }
}

@media (min-width:1366px) {
    .headImage__shape {
        max-width: unset
    }
}

.pageTextHeader {
    padding: 0
}

.pageTextHeader--theme-primary {
    color: #fff
}

.pageTextHeader__wrapper {
    padding: 10rem 0;
    position: relative
}

.pageTextHeader__bg {
    height: 100%;
    position: absolute;
    top: 0;
    width: 120%;
    z-index: -1
}

html:not([dir=rtl]) .pageTextHeader__bg {
    left: -10%
}

html[dir=rtl] .pageTextHeader__bg {
    right: -10%
}

@media (min-width:1600px) {
    .pageTextHeader__bg {
        width: 116.08%
    }

    html:not([dir=rtl]) .pageTextHeader__bg {
        left: -12.5%
    }

    html[dir=rtl] .pageTextHeader__bg {
        right: -12.5%
    }
}

.pageTextHeader--theme-primary .pageTextHeader__bg {
    background-color: #0063af
}

.pageTextHeader__scroll {
    display: none;
    height: 100%;
    min-width: 7.74%;
    position: absolute;
    top: 0
}

html:not([dir=rtl]) .pageTextHeader__scroll {
    right: 0
}

html[dir=rtl] .pageTextHeader__scroll {
    left: 0
}

@media (min-width:768px) {
    .pageTextHeader__scroll {
        display: block
    }
}

@media (min-width:1600px) {
    .pageTextHeader__scroll {
        width: 7.74%
    }

    html:not([dir=rtl]) .pageTextHeader__scroll {
        right: -7.74%
    }

    html[dir=rtl] .pageTextHeader__scroll {
        left: -7.74%
    }
}

.pageTextHeader__head {
    width: 100%
}

@media (min-width:768px) {
    .pageTextHeader__head {
        width: 57.8%
    }
}

.pageTextHeader__content {
    margin-top: 4rem;
    width: 100%
}

@media (min-width:768px) {
    .pageTextHeader__content {
        margin-left: 25.3%;
        width: 57.8%
    }
}

.pageTextHeader__shape {
    position: absolute
}

    .pageTextHeader__shape img {
        width: 100%
    }

.pageTextHeader__shape--top {
    max-width: 150px;
    right: 18%;
    top: -20%
}

@media (min-width:768px) {
    .pageTextHeader__shape--top {
        max-width: 200px;
        top: -25%
    }
}

@media (min-width:1280px) {
    .pageTextHeader__shape--top {
        max-width: 250px;
        top: -30%
    }
}

@media (min-width:1600px) {
    .pageTextHeader__shape--top {
        max-width: 324px;
        top: -40%
    }
}

.pageTextHeader__shape--bottom {
    bottom: -10%;
    left: 10.76%;
    max-width: 200px
}

@media (min-width:768px) {
    .pageTextHeader__shape--bottom {
        bottom: -15%;
        max-width: 300px
    }
}

@media (min-width:1280px) {
    .pageTextHeader__shape--bottom {
        bottom: -20%;
        max-width: 413px
    }
}

@media (min-width:1600px) {
    .pageTextHeader__shape--bottom {
        bottom: -30%;
        max-width: 513px
    }
}

.parallaxHeader {
    overflow: unset;
    padding-bottom: 0
}

@media (min-width:600px) {
    .parallaxHeader {
        padding-top: 14rem
    }
}

.parallaxHeader__wrapper {
    margin: 0 auto;
    max-width: 1600px;
    position: relative
}

.parallaxHeader__scroll {
    position: absolute;
    top: 5%;
    width: 100%;
    z-index: 11
}

@media (min-width:360px) {
    .parallaxHeader__scroll {
        top: 15%
    }
}

@media (min-width:600px) {
    .parallaxHeader__scroll {
        top: 30%
    }
}

.parallaxHeader__scrollWrapper {
    position: relative;
    width: 100%
}

.parallaxHeader__scrollButton {
    background-color: #fff;
    padding: 2rem 0;
    position: absolute;
    z-index: 10
}

html:not([dir=rtl]) .parallaxHeader__scrollButton {
    right: -10%
}

html[dir=rtl] .parallaxHeader__scrollButton {
    left: -10%
}

@media (min-width:360px) {
    .parallaxHeader__scrollButton {
        width: 7.8%
    }
}

@media (min-width:1280px) {
    .parallaxHeader__scrollButton {
        padding: 4rem 0
    }
}

@media (min-width:1600px) {
    html:not([dir=rtl]) .parallaxHeader__scrollButton {
        right: -12.5%
    }

    html[dir=rtl] .parallaxHeader__scrollButton {
        left: -12.5%
    }
}

.parallaxHeader__bg {
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: 10
}

@media (min-width:768px) {
    .parallaxHeader__bg {
        bottom: unset;
        top: 30%
    }
}

@media (min-width:1024px) {
    .parallaxHeader__bg {
        top: 20%
    }
}

.parallaxHeader__top {
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

@media (min-width:768px) {
    .parallaxHeader__top {
        top: 10rem
    }
}

.parallaxHeader__bottom {
    background-color: #fff;
    padding-top: 5rem;
    position: relative
}

@media (min-width:768px) {
    .parallaxHeader__bottom {
        padding-top: 0
    }
}

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

html:not([dir=rtl]) .parallaxHeader__head {
    justify-content: flex-end
}

@media (min-width:768px) {
    .parallaxHeader__head {
        flex-direction: row;
        width: 66.24%
    }

    html:not([dir=rtl]) .parallaxHeader__head {
        margin-left: 8.42%
    }

    html[dir=rtl] .parallaxHeader__head {
        margin-right: 8.42%
    }
}

.parallaxHeader__headLeft {
    cursor: pointer;
    flex-shrink: 0;
    overflow: hidden;
    position: relative
}

html:not([dir=rtl]) .parallaxHeader__headLeft {
    margin-right: 1.24%
}

.parallaxHeader__roll {
    opacity: 0;
    position: absolute;
    transform: translateY(100px);
    transition: opacity .2s,visibility .2s,transform .4s;
    visibility: hidden
}

    .parallaxHeader__roll.active {
        opacity: 1;
        position: relative;
        transform: translateY(0);
        visibility: visible
    }

.parallaxHeader__roll--azure {
    color: #1cc5dc
}

.parallaxHeader__roll--purple {
    color: #6b48ff
}

.parallaxHeader__desc {
    width: 100%
}

@media (min-width:768px) {
    .parallaxHeader__desc {
        width: 49.36%
    }

    html:not([dir=rtl]) .parallaxHeader__desc {
        margin-left: 40.92%
    }

    html[dir=rtl] .parallaxHeader__desc {
        margin-right: 40.92%
    }
}

.parallaxHeader__quote {
    background-color: #fff;
    margin-top: 8rem;
    padding: 3rem;
    position: relative;
    width: 100%;
    z-index: 10
}

@media (min-width:768px) {
    .parallaxHeader__quote {
        margin-top: 35rem;
        padding: 8.42%;
        width: 83.12%
    }

    html:not([dir=rtl]) .parallaxHeader__quote {
        margin-left: 16.86%
    }

    html[dir=rtl] .parallaxHeader__quote {
        margin-right: 16.86%
    }
}

.pageBgHeader {
    margin: 0 auto;
    max-width: 1600px;
    position: relative
}

@media (min-width:1024px) {
    .header--withSticky + main > .pageBgHeader {
        max-height: calc(100vh - 192px)
    }
}

.pageBgHeader__scrollButton {
    bottom: -22%;
    filter: drop-shadow(-10px 20px 20px rgba(0,0,0,.04));
    position: absolute;
    width: 12%
}

html:not([dir=rtl]) .pageBgHeader__scrollButton {
    right: 0
}

html[dir=rtl] .pageBgHeader__scrollButton {
    left: 0
}

@media (min-width:768px) {
    .pageBgHeader__scrollButton {
        bottom: -14%;
        width: 6.24%
    }
}

.pageBgHeader__wrapper {
    overflow: hidden;
    position: relative
}

.pageBgHeader__head {
    align-items: center;
    display: flex
}

.pageBgHeader__icon {
    margin-bottom: 1rem
}

html:not([dir=rtl]) .pageBgHeader__icon {
    margin-right: 1rem
}

html[dir=rtl] .pageBgHeader__icon {
    margin-left: 1rem
}

@media (min-width:1280px) {
    .pageBgHeader__icon {
        margin-bottom: 2rem
    }

    html:not([dir=rtl]) .pageBgHeader__icon {
        margin-right: 2rem
    }

    html[dir=rtl] .pageBgHeader__icon {
        margin-left: 2rem
    }
}

.pageBgHeader__bg {
    position: absolute;
    z-index: -1
}

.pageBgHeader__bg, .pageBgHeader__bgVideo {
    height: 100%;
    width: 100%
}

    .pageBgHeader__bgVideo video {
        object-fit: cover
    }

.pageBgHeader__content {
    color: #fff
}

@media (min-width:1024px) {
    .pageBgHeader__content {
        width: 74.68%
    }
}

@media (min-width:1280px) {
    .pageBgHeader__content {
        margin-top: 6rem
    }
}

@media (min-width:1024px) {
    html:not([dir=rtl]) .pageBgHeader--contentOffset .pageBgHeader__content {
        margin-left: 25.3%
    }

    html[dir=rtl] .pageBgHeader--contentOffset .pageBgHeader__content {
        margin-right: 25.3%
    }
}

.pageBgHeader--theme-headBg .pageBgHeader__content {
    margin-bottom: 20rem
}

@media (min-width:768px) {
    .pageBgHeader--theme-headBg .pageBgHeader__content {
        margin-bottom: 24rem
    }
}

@media (min-width:1024px) {
    .pageBgHeader--theme-headBg .pageBgHeader__content {
        margin-bottom: 32rem;
        width: 32.5%
    }
}

@media (min-width:768px) {
    html:not([dir=rtl]) .pageBgHeader__desc {
        padding-right: 25.3%
    }

    html[dir=rtl] .pageBgHeader__desc {
        padding-left: 25.3%
    }
}

.pageBgHeader__bigText {
    color: #1cc5dc;
    font-size: 20rem;
    font-weight: 700;
    margin-top: -4rem;
    position: relative;
    transform: translateY(28%);
    z-index: -1
}

@media (min-width:768px) {
    .pageBgHeader__bigText {
        font-size: 24rem
    }
}

@media (min-width:1280px) {
    .pageBgHeader__bigText {
        font-size: 29rem
    }
}

@media (min-width:1600px) {
    .pageBgHeader__bigText {
        font-size: 34rem
    }
}

.pageClipHeader {
    background-color: #f7f7f7;
    overflow: unset;
    position: relative
}

    .pageClipHeader:after {
        background-image: url(../images/shapes/grid-5x5.svg);
        background-position: 0 0;
        background-repeat: repeat;
        background-size: 50% 33%;
        bottom: 0;
        content: "";
        position: absolute;
        width: 100%;
        z-index: -1
    }

@media (min-width:768px) {
    .pageClipHeader:after {
        padding-top: 36%;
        width: 23%
    }
}

html:not([dir=rtl]) .pageClipHeader:after {
    right: 0
}

html[dir=rtl] .pageClipHeader:after {
    left: 0
}

.pageClipHeader__scroll {
    position: absolute;
    width: 100%
}

.pageClipHeader__scrollWrapper {
    position: relative;
    width: 100%
}

.pageClipHeader__scrollButton {
    bottom: -100%;
    max-width: 100px;
    min-width: 8.32%;
    position: absolute;
    z-index: 10
}

html:not([dir=rtl]) .pageClipHeader__scrollButton {
    right: -10%
}

html[dir=rtl] .pageClipHeader__scrollButton {
    left: -10%
}

@media (min-width:1600px) {
    html:not([dir=rtl]) .pageClipHeader__scrollButton {
        right: -12.5%
    }

    html[dir=rtl] .pageClipHeader__scrollButton {
        left: -12.5%
    }
}

.pageClipHeader__wrapper {
    overflow: hidden;
    position: relative
}

.pageClipHeader__content {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 8rem
}

@media (min-width:768px) {
    .pageClipHeader__content {
        flex-wrap: nowrap
    }
}

.pageClipHeader__image {
    margin-bottom: 4rem;
    padding-top: 66.24%;
    position: relative;
    width: 66.24%
}

@media (min-width:600px) {
    .pageClipHeader__image {
        padding-top: 49.36%;
        width: 49.36%
    }
}

@media (min-width:768px) {
    .pageClipHeader__image {
        margin: 0 3.58%;
        padding-top: 32.5%;
        width: 32.5%
    }
}

.pageClipHeader__heading {
    width: 74.68%
}

@media (min-width:768px) {
    .pageClipHeader__heading {
        margin: 0 8.42% 0 9.68%;
        width: 40.92%
    }
}

.pageHeaderGrid {
    position: relative
}

.pageHeaderGrid__wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width:768px) {
    .pageHeaderGrid__wrapper {
        flex-wrap: nowrap
    }
}

.pageHeaderGrid__heading {
    width: 100%
}

@media (min-width:768px) {
    .pageHeaderGrid__heading {
        width: 40.92%
    }
}

.pageHeaderGrid__image {
    height: 20px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .pageHeaderGrid__image {
        width: 40.92%
    }

    html:not([dir=rtl]) .pageHeaderGrid__image {
        margin-left: 1.24%;
        margin-right: -12.5%
    }

    html[dir=rtl] .pageHeaderGrid__image {
        margin-left: -12.5%;
        margin-right: 1.24%
    }
}

.pageHeaderGrid__image:after {
    background-image: url(../images/shapes/grid-repeat-horizontal.svg);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 20% 100%;
    content: "";
    height: 34px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.contactHeader {
    background-color: #f7f7f7;
    position: relative
}

    .contactHeader:after {
        background-image: url(../images/shapes/grid-5x5.svg);
        background-position: 0 0;
        background-repeat: repeat;
        background-size: 50% 33%;
        bottom: 0;
        content: "";
        padding-top: 31%;
        position: absolute;
        right: 0;
        width: 23%;
        z-index: -1
    }

.contactHeader__inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding-top: 4rem;
    width: 100%
}

@media (min-width:768px) {
    .contactHeader__inner {
        flex-wrap: nowrap;
        padding-top: 4rem
    }
}

.contactHeader__heading {
    flex-shrink: 0;
    width: 100%
}

@media (min-width:768px) {
    .contactHeader__heading {
        width: 42.18%
    }
}

.contactHeader__contacts {
    margin: 3rem 0
}

@media (min-width:768px) {
    .contactHeader__contacts {
        margin: 0
    }

    html:not([dir=rtl]) .contactHeader__contacts {
        margin-left: 16.86%
    }

    html[dir=rtl] .contactHeader__contacts {
        margin-right: 16.86%
    }
}

.contactHeader__more {
    margin-top: 3rem
}

.contactHeader__shape {
    position: absolute
}

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

.contactHeader__shape--orange {
    max-width: 40px;
    top: 16vw
}

html:not([dir=rtl]) .contactHeader__shape--orange {
    right: 25vw
}

html[dir=rtl] .contactHeader__shape--orange {
    left: 25vw
}

@media (min-width:600px) {
    html:not([dir=rtl]) .contactHeader__shape--orange {
        right: 20vw
    }

    html[dir=rtl] .contactHeader__shape--orange {
        left: 20vw
    }
}

@media (min-width:768px) {
    .contactHeader__shape--orange {
        max-width: 50px
    }

    html:not([dir=rtl]) .contactHeader__shape--orange {
        right: 15vw
    }

    html[dir=rtl] .contactHeader__shape--orange {
        left: 15vw
    }
}

.contactHeader__shape--purple {
    max-width: 70px;
    top: 20vw
}

html:not([dir=rtl]) .contactHeader__shape--purple {
    left: 93vw
}

html[dir=rtl] .contactHeader__shape--purple {
    right: 93vw
}

@media (min-width:768px) {
    .contactHeader__shape--purple {
        max-width: 90px;
        top: 20vw
    }
}

.contactHeader__shape--lightBlue {
    max-width: 40px;
    top: 30vw
}

html:not([dir=rtl]) .contactHeader__shape--lightBlue {
    right: 10vw
}

html[dir=rtl] .contactHeader__shape--lightBlue {
    left: 10vw
}

@media (min-width:768px) {
    .contactHeader__shape--lightBlue {
        max-width: 50px;
        top: 6vh
    }
}

@media (min-width:1024px) {
    .contactHeader__shape {
        max-width: unset
    }
}

.newsHeader {
    overflow: unset;
    position: relative;
    z-index: unset
}

.newsHeader__wrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

@media (min-width:768px) {
    .newsHeader__wrapper {
        flex-wrap: nowrap
    }
}

.newsHeader__status {
    margin: 2rem 0
}

@media (min-width:768px) {
    .newsHeader__status {
        margin: 3rem 0 5rem
    }
}

.newsHeader__heading {
    background-color: #fff;
    order: 2;
    overflow: hidden;
    padding: 3rem 3rem 0;
    width: 100%
}

@media (min-width:768px) {
    .newsHeader__heading {
        margin-top: 16rem;
        order: unset;
        padding: 8rem 8.42% 0;
        width: 66.24%
    }
}

.newsHeader__side {
    background-color: #fff;
    flex-grow: 1;
    padding: 2rem 2rem 0
}

@media (min-width:768px) {
    .newsHeader__side {
        background-color: transparent;
        padding: calc(100vh - 137px) 0 0
    }

    html:not([dir=rtl]) .newsHeader__side {
        padding-left: 1.24%
    }

    html[dir=rtl] .newsHeader__side {
        padding-right: 1.24%
    }
}

.newsHeader__image {
    height: calc(100vh - 137px);
    width: 100%;
    z-index: -1
}

.newsHeader__image, .newsHeader__imageWrapper {
    left: 0;
    position: absolute;
    top: 0
}

.newsHeader__related {
    margin-bottom: 4rem;
    width: 100%
}

@media (min-width:768px) {
    .newsHeader__related {
        height: 100%;
        margin-bottom: 0;
        position: absolute;
        top: 20%;
        width: 40.92%
    }

    html:not([dir=rtl]) .newsHeader__related {
        padding-left: 1.24%;
        right: -10%
    }

    html[dir=rtl] .newsHeader__related {
        left: -10%;
        padding-right: 1.24%
    }
}

@media (min-width:1024px) {
    .newsHeader__related {
        top: 26.1%;
        width: 49.36%
    }
}

@media (min-width:1600px) {
    .newsHeader__related {
        top: 20.8%
    }

    html:not([dir=rtl]) .newsHeader__related {
        padding-left: 1.24%;
        right: -12.5%
    }

    html[dir=rtl] .newsHeader__related {
        left: -12.5%;
        padding-right: 1.24%
    }
}

.newsHeader__relatedWrapper {
    background-color: #f7f7f7;
    padding: 2rem
}

@media (min-width:768px) {
    .newsHeader__relatedWrapper {
        position: -webkit-sticky;
        position: sticky;
        top: 140px
    }
}

@media (min-width:1024px) {
    .newsHeader__relatedWrapper {
        padding: 6rem 20% 6rem 6rem
    }
}

.newsHeader__relatedHeader {
    margin-bottom: 5rem
}

.newsHeader__relatedItems {
    display: flex;
    overflow: auto
}

@media (min-width:1366px) {
    .newsHeader__relatedItems {
        display: block
    }
}

.newsHeader__relatedItem {
    flex-shrink: 0;
    width: 100%
}

@media (min-width:1366px) {
    .newsHeader__relatedItem {
        width: auto
    }
}

.newsHeader__author, .newsHeader__list, .newsHeader__video {
    padding: 4rem 0
}

.newsHeader__gallery {
    padding-top: 4rem
}

.newsHeader__desc {
    position: relative
}

.newsHeader__share {
    bottom: 1rem;
    position: fixed;
    width: 100%;
    z-index: 3
}

html:not([dir=rtl]) .newsHeader__share {
    left: 0
}

html[dir=rtl] .newsHeader__share {
    right: 0
}

@media (min-width:768px) {
    .newsHeader__share {
        bottom: 5%;
        margin: 0 0 2rem;
        top: unset;
        width: auto
    }

    html:not([dir=rtl]) .newsHeader__share {
        left: 4.75%
    }

    html[dir=rtl] .newsHeader__share {
        right: 4.75%
    }
}

@media (min-width:1600px) {
    html:not([dir=rtl]) .newsHeader__share {
        left: 6.5%
    }

    html[dir=rtl] .newsHeader__share {
        right: 6.5%
    }
}

.newsHeader__scroll {
    display: none;
    position: absolute;
    width: 100%
}

@media (min-width:768px) {
    .newsHeader__scroll {
        display: block
    }
}

.newsHeader__scrollWrapper {
    position: relative;
    width: 100%
}

.newsHeader__scrollButton {
    bottom: -100%;
    max-width: 100px;
    min-width: 8.32%;
    position: absolute;
    z-index: 10
}

html:not([dir=rtl]) .newsHeader__scrollButton {
    right: -10%
}

html[dir=rtl] .newsHeader__scrollButton {
    left: -10%
}

@media (min-width:1600px) {
    html:not([dir=rtl]) .newsHeader__scrollButton {
        right: -12.5%
    }

    html[dir=rtl] .newsHeader__scrollButton {
        left: -12.5%
    }
}

.newsroomHeader {
    background-color: #f7f7f7;
    overflow: unset;
    position: relative;
    z-index: unset
}

    .newsroomHeader:after {
        background-image: url(../images/shapes/grid-5x5.svg);
        background-position: 0 0;
        background-repeat: repeat;
        background-size: 50% 17.8%;
        bottom: 0;
        content: "";
        padding-top: 65%;
        position: absolute;
        right: 0;
        width: 23.125%
    }

.newsroomHeader__bg {
    background-color: #0063af;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 53.42%;
    z-index: 0
}

html:not([dir=rtl]) .newsroomHeader__bg {
    left: -12.5%
}

html[dir=rtl] .newsroomHeader__bg {
    right: -12.5%
}

.newsroomHeader__shape {
    position: absolute
}

.newsroomHeader__shape--top {
    top: -24%
}

    .newsroomHeader__shape--top img {
        max-width: 200px
    }

@media (min-width:768px) {
    .newsroomHeader__shape--top img {
        max-width: 300px
    }
}

html:not([dir=rtl]) .newsroomHeader__shape--top {
    right: -3%
}

html[dir=rtl] .newsroomHeader__shape--top {
    left: 0
}

.newsroomHeader__shape--bottom {
    bottom: -26%
}

    .newsroomHeader__shape--bottom img {
        max-width: 350px
    }

@media (min-width:768px) {
    .newsroomHeader__shape--bottom img {
        max-width: 400px
    }
}

html:not([dir=rtl]) .newsroomHeader__shape--bottom {
    left: 6%
}

html[dir=rtl] .newsroomHeader__shape--bottom {
    right: 6%
}

@media (min-width:1024px) {
    .newsroomHeader__shape img {
        max-width: unset
    }
}

.newsroomHeader__scroll {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media (min-width:600px) {
    .newsroomHeader__scroll {
        display: block
    }
}

.newsroomHeader__scrollWrapper {
    position: relative;
    width: 100%
}

.newsroomHeader__scrollButton {
    bottom: -100%;
    max-width: 100px;
    min-width: 8.32%;
    position: absolute;
    z-index: 10
}

html:not([dir=rtl]) .newsroomHeader__scrollButton {
    right: -10%
}

html[dir=rtl] .newsroomHeader__scrollButton {
    left: -10%
}

@media (min-width:1600px) {
    html:not([dir=rtl]) .newsroomHeader__scrollButton {
        right: -12.5%
    }

    html[dir=rtl] .newsroomHeader__scrollButton {
        left: -12.5%
    }
}

.newsroomHeader__wrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1
}

.newsroomHeader__heading {
    overflow: hidden;
    padding-top: 4rem;
    width: 49.36%
}

html:not([dir=rtl]) .newsroomHeader__heading {
    margin-left: 50.62%
}

html[dir=rtl] .newsroomHeader__heading {
    margin-right: 50.62%
}

@media (min-width:1024px) {
    .newsroomHeader__heading {
        padding-top: 6rem
    }
}

.newsroomHeader__news {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .newsroomHeader__news {
        flex-wrap: nowrap
    }
}

@media (min-width:1024px) {
    .newsroomHeader__news {
        margin-top: 8rem
    }
}

.newsroomHeader__newsImage {
    overflow: hidden;
    padding-top: 73.42%;
    position: relative;
    width: 100%
}

@media (min-width:600px) {
    .newsroomHeader__newsImage {
        padding-top: 49.36%;
        width: 66.24%
    }
}

@media (min-width:768px) {
    .newsroomHeader__newsImage {
        padding-top: 33.74%;
        width: 49.36%
    }
}

.newsroomHeader__newsImageWrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.newsroomHeader__newsData {
    margin: 3rem 0
}

@media (min-width:768px) {
    .newsroomHeader__newsData {
        margin: 0;
        width: 33.74%
    }

    html:not([dir=rtl]) .newsroomHeader__newsData {
        margin-left: 7.18%
    }

    html[dir=rtl] .newsroomHeader__newsData {
        margin-right: 7.18%
    }
}

.newsroomHeader__newsTop {
    align-items: center;
    display: flex;
    gap: 1.5rem
}

.newsroomHeader__newsDate {
    font-size: 1.8rem
}

.newsroomHeader__newsTitle {
    font-weight: 700;
    margin-top: 3rem
}

.newsroomHeader__newsMore {
    align-items: center;
    display: flex;
    gap: 2.5rem;
    margin-top: 3rem
}

.newsroomHeader__newsReadTime {
    color: #b2b2b2
}

.newsroomHeader__related {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    padding: 8rem 0
}

@media (min-width:1024px) {
    .newsroomHeader__related {
        flex-wrap: nowrap;
        gap: 1.5rem
    }
}

.newsroomHeader__relatedCard {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%
}

@media (min-width:600px) {
    .newsroomHeader__relatedCard {
        flex-direction: row
    }
}

@media (min-width:1024px) {
    .newsroomHeader__relatedCard {
        width: 49.36%
    }
}

.mapHeader {
    position: relative
}

.mapHeader__breadcrumbs, .mapHeader__heading {
    position: relative;
    z-index: 4
}

.mapHeader__heading {
    padding: 40vh 0 10vh;
    pointer-events: none;
    width: 91.56%
}

@media (min-width:600px) {
    .mapHeader__heading {
        width: 100%
    }
}

@media (min-width:1024px) {
    .mapHeader__heading {
        padding: 10rem 0 30rem;
        width: 40.92%
    }
}

.mapHeader__heading a, .mapHeader__heading button {
    pointer-events: all
}

.mapHeader__scroll {
    position: absolute;
    width: 100%
}

.mapHeader__scrollWrapper {
    position: relative;
    width: 100%
}

.mapHeader__scrollButton {
    bottom: -100%;
    max-width: 100px;
    min-width: 8.32%;
    position: absolute;
    z-index: 10
}

html:not([dir=rtl]) .mapHeader__scrollButton {
    right: -10%
}

html[dir=rtl] .mapHeader__scrollButton {
    left: -10%
}

@media (min-width:1600px) {
    html:not([dir=rtl]) .mapHeader__scrollButton {
        right: -12.5%
    }

    html[dir=rtl] .mapHeader__scrollButton {
        left: -12.5%
    }
}

.mapHeader__map {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

    .mapHeader__map:after, .mapHeader__map:before {
        content: ""
    }

    .mapHeader__map:after {
        height: 100%;
        pointer-events: all;
        position: absolute;
        top: 0;
        width: 40%
    }

html:not([dir=rtl]) .mapHeader__map:after {
    background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0));
    left: 0
}

html[dir=rtl] .mapHeader__map:after {
    background: linear-gradient(-90deg,#fff,hsla(0,0%,100%,0));
    right: 0
}

@media (min-width:1024px) {
    .mapHeader__map:after {
        width: 45%
    }
}

.mapHeader__map:before {
    background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
    bottom: 0;
    height: 20%;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.cardsSection {
    position: relative
}

.cardsSection__heading {
    margin: 0 auto;
    width: 66.24%
}

.cardsSection--textCenter .cardsSection__heading {
    text-align: center
}

.cardsSection--withBreadcrumbs .cardsSection__heading {
    padding-top: 4rem
}

.cardsSection__cards {
    margin: 0 auto;
    width: 100%
}

@media (min-width:1280px) {
    .cardsSection__cards {
        width: 83.12%
    }
}

.cardsSection--fullWidth .cardsSection__cards, .cardsSection__card {
    width: 100%
}

.cardsSection__shape {
    position: absolute
}

    .cardsSection__shape img {
        width: 100%
    }

.cardsSection__shape--lime {
    max-width: 60px;
    top: 7%
}

html:not([dir=rtl]) .cardsSection__shape--lime {
    right: 27%
}

html[dir=rtl] .cardsSection__shape--lime {
    left: 27%
}

@media (min-width:600px) {
    .cardsSection__shape--lime {
        max-width: 70px
    }

    html:not([dir=rtl]) .cardsSection__shape--lime {
        right: 27%
    }

    html[dir=rtl] .cardsSection__shape--lime {
        left: 27%
    }
}

@media (min-width:768px) {
    html:not([dir=rtl]) .cardsSection__shape--lime {
        right: 27%
    }

    html[dir=rtl] .cardsSection__shape--lime {
        left: 27%
    }
}

@media (min-width:1024px) {
    .cardsSection__shape--lime {
        max-width: 80px
    }
}

.cardsSection__shape--purple {
    max-width: 60px;
    top: 11%
}

html:not([dir=rtl]) .cardsSection__shape--purple {
    right: 35%
}

html[dir=rtl] .cardsSection__shape--purple {
    left: 35%
}

@media (min-width:600px) {
    .cardsSection__shape--purple {
        max-width: 70px
    }

    html:not([dir=rtl]) .cardsSection__shape--purple {
        right: 35%
    }

    html[dir=rtl] .cardsSection__shape--purple {
        left: 35%
    }
}

@media (min-width:768px) {
    html:not([dir=rtl]) .cardsSection__shape--purple {
        right: 35%
    }

    html[dir=rtl] .cardsSection__shape--purple {
        left: 35%
    }
}

@media (min-width:1024px) {
    .cardsSection__shape--purple {
        max-width: 130px
    }
}

.cardsSection__shape--lightBlue {
    max-width: 40px;
    top: 0
}

html:not([dir=rtl]) .cardsSection__shape--lightBlue {
    left: 28%
}

html[dir=rtl] .cardsSection__shape--lightBlue {
    right: 28%
}

@media (min-width:600px) {
    html:not([dir=rtl]) .cardsSection__shape--lightBlue {
        left: 28%
    }

    html[dir=rtl] .cardsSection__shape--lightBlue {
        right: 28%
    }
}

@media (min-width:768px) {
    .cardsSection__shape--lightBlue {
        max-width: 50px
    }

    html:not([dir=rtl]) .cardsSection__shape--lightBlue {
        left: 28%
    }

    html[dir=rtl] .cardsSection__shape--lightBlue {
        right: 28%
    }
}

@media (min-width:1024px) {
    .cardsSection__shape--lightBlue {
        max-width: 70px
    }
}

.cardsSection__shape--blue {
    max-width: 90px;
    top: -1%
}

html:not([dir=rtl]) .cardsSection__shape--blue {
    right: 15%
}

html[dir=rtl] .cardsSection__shape--blue {
    left: 15%
}

@media (min-width:600px) {
    .cardsSection__shape--blue {
        max-width: 110px
    }

    html:not([dir=rtl]) .cardsSection__shape--blue {
        right: 15%
    }

    html[dir=rtl] .cardsSection__shape--blue {
        left: 15%
    }
}

@media (min-width:768px) {
    .cardsSection__shape--blue {
        top: -2.5%
    }

    html:not([dir=rtl]) .cardsSection__shape--blue {
        right: 15%
    }

    html[dir=rtl] .cardsSection__shape--blue {
        left: 15%
    }
}

@media (min-width:1024px) {
    .cardsSection__shape--blue {
        max-width: 150px
    }
}

.cardsSection__shape--orange {
    max-width: 70px;
    top: 8%
}

html:not([dir=rtl]) .cardsSection__shape--orange {
    left: 30%
}

html[dir=rtl] .cardsSection__shape--orange {
    right: 30%
}

@media (min-width:600px) {
    html:not([dir=rtl]) .cardsSection__shape--orange {
        left: 30%
    }

    html[dir=rtl] .cardsSection__shape--orange {
        right: 30%
    }
}

@media (min-width:768px) {
    html:not([dir=rtl]) .cardsSection__shape--orange {
        left: 30%
    }

    html[dir=rtl] .cardsSection__shape--orange {
        right: 30%
    }
}

@media (min-width:1024px) {
    .cardsSection__shape--orange {
        max-width: 80px
    }
}

@media (min-width:1280px) {
    .cardsSection__shape {
        max-width: unset
    }
}

.citeSection {
    color: #0063af;
    text-align: center
}

.citeSection__wrapper {
    border-bottom: 1px solid #e2e2e2
}

.citeSection__text {
    margin: 0 auto;
    width: 83.12%
}

.citeSection__content {
    padding: 1rem 0 0
}

.imageCite__wrapper {
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width:768px) {
    .imageCite__wrapper {
        flex-wrap: nowrap
    }
}

.imageCite__wrapper--padding {
    padding: 8rem 0
}

.imageCite__wrapper--padding-none {
    padding: 0
}

.imageCite__wrapper--padding-small {
    padding: 6rem 0
}

@media (min-width:1024px) {
    .imageCite__wrapper--padding-bigTop {
        padding-top: 15rem
    }
}

.imageCite__wrapper--padding-largeTop {
    padding-top: 15rem
}

@media (min-width:1024px) {
    .imageCite__wrapper--padding-largeTop {
        padding-top: 23rem
    }

    .imageCite__wrapper--padding-bigVertical {
        padding: 15rem 0
    }

    .imageCite__wrapper--padding-largeVertical {
        padding: 23rem 0
    }
}

.imageCite__wrapper--padding-topNone {
    padding-top: 0
}

.imageCite__wrapper--padding-bottomNone {
    padding-bottom: 0
}

@media (min-width:1024px) {
    .imageCite__wrapper--padding-bigBottom {
        padding-bottom: 15rem
    }
}

.imageCite__image {
    margin-bottom: 3rem;
    padding-top: 66.24%;
    position: relative;
    width: 66.24%
}

html:not([dir=rtl]) .imageCite__image, html[dir=rtl] .imageCite__image {
    margin-left: 8.42%
}

@media (min-width:600px) {
    .imageCite__image {
        padding-top: 57.8%;
        width: 57.8%
    }
}

@media (min-width:768px) {
    .imageCite__image {
        align-self: flex-start;
        margin-bottom: 0;
        padding-top: 40.92%;
        width: 40.92%
    }
}

.imageCite__quote {
    width: 100%
}

@media (min-width:768px) {
    .imageCite__quote {
        align-self: flex-end;
        padding-top: 10rem;
        width: 40.92%
    }

    html:not([dir=rtl]) .imageCite__quote {
        margin-left: 1.24%
    }

    html[dir=rtl] .imageCite__quote {
        margin-right: 1.24%
    }
}

@media (min-width:1024px) {
    .imageCite__quote {
        padding-top: 18rem
    }
}

.listSection:after {
    background-image: url(../images/shapes/grid-5x5.svg);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 25%;
    content: "";
    left: 0;
    position: absolute;
    top: 18%;
    width: 100%;
    z-index: -1
}

@media (min-width:768px) {
    .listSection:after {
        padding-top: 47%;
        width: 46%
    }
}

.listSection__top {
    width: 100%
}

@media (min-width:768px) {
    .listSection__top {
        width: 57.8%
    }

    html:not([dir=rtl]) .listSection__top {
        margin-left: 25.3%
    }

    html[dir=rtl] .listSection__top {
        margin-right: 25.3%
    }
}

.listSection__bottom {
    display: flex;
    flex-wrap: wrap;
    padding-top: 2rem
}

@media (min-width:768px) {
    .listSection__bottom {
        flex-wrap: unset
    }
}

.listSection__image {
    padding-top: 91.56%;
    position: relative;
    width: 91.56%
}

@media (min-width:600px) {
    .listSection__image {
        padding-top: 57.8%;
        width: 57.8%
    }
}

@media (min-width:768px) {
    .listSection__image {
        margin-left: 8.42%;
        width: 45.78%
    }
}

.listSection__list {
    padding-top: 2rem;
    width: 100%
}

@media (min-width:768px) {
    .listSection__list {
        margin-left: 4.84%;
        width: 32.5%
    }
}

.listPlainSection {
    position: relative
}

@media (min-width:768px) {
    .listPlainSection__wrapper {
        margin: 0 auto;
        width: 49.36%
    }
}

.brandsZoomSection {
    background-color: #f7f7f7;
    overflow: unset
}

.brandsZoomSection__heading {
    overflow: hidden;
    text-align: center
}

.featuredProjects__wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width:768px) {
    .featuredProjects__wrapper {
        flex-wrap: nowrap
    }
}

.featuredProjects__shape {
    position: absolute
}

    .featuredProjects__shape img {
        width: 100%
    }

.featuredProjects__shape--orange {
    max-width: 40px;
    top: 9%
}

html:not([dir=rtl]) .featuredProjects__shape--orange {
    right: 10%
}

html[dir=rtl] .featuredProjects__shape--orange {
    left: 10%
}

@media (min-width:768px) {
    .featuredProjects__shape--orange {
        max-width: 50px
    }

    html:not([dir=rtl]) .featuredProjects__shape--orange {
        left: 10%;
        right: unset
    }

    html[dir=rtl] .featuredProjects__shape--orange {
        left: unset;
        right: 10%
    }
}

.featuredProjects__shape--purple {
    max-width: 70px;
    top: 5%
}

html:not([dir=rtl]) .featuredProjects__shape--purple {
    right: 20%
}

html[dir=rtl] .featuredProjects__shape--purple {
    left: 8%
}

@media (min-width:768px) {
    .featuredProjects__shape--purple {
        max-width: 90px;
        top: 15%
    }

    html:not([dir=rtl]) .featuredProjects__shape--purple {
        left: 20%;
        right: unset
    }

    html[dir=rtl] .featuredProjects__shape--purple {
        left: unset;
        right: 20%
    }
}

.featuredProjects__shape--lime {
    max-width: 40px;
    top: 5rem
}

html:not([dir=rtl]) .featuredProjects__shape--lime {
    right: 5%
}

html[dir=rtl] .featuredProjects__shape--lime {
    left: 5%
}

@media (min-width:768px) {
    .featuredProjects__shape--lime {
        max-width: 50px
    }

    html:not([dir=rtl]) .featuredProjects__shape--lime {
        left: 30%;
        right: unset
    }

    html[dir=rtl] .featuredProjects__shape--lime {
        left: unset;
        right: 30%
    }
}

@media (min-width:1024px) {
    .featuredProjects__shape {
        max-width: unset
    }
}

.featuredProjects__heading {
    width: 100%
}

@media (min-width:600px) {
    .featuredProjects__heading {
        width: 66.24%
    }
}

@media (min-width:768px) {
    .featuredProjects__heading {
        width: 32.5%
    }
}

.featuredProjects__slider {
    margin-top: 8rem;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .featuredProjects__slider {
        margin-top: 0;
        width: 70.3%
    }

    html:not([dir=rtl]) .featuredProjects__slider {
        left: 12.5%
    }

    html[dir=rtl] .featuredProjects__slider {
        right: 12.5%
    }
}

.textSection {
    overflow: hidden
}

.textSection--withImage .textSection__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 83.12%
}

.textSection--withImage .textSection__image {
    align-self: flex-start;
    margin-bottom: 4rem
}

@media (min-width:768px) {
    .textSection--withImage .textSection__image {
        margin-bottom: 0;
        width: 49.24%
    }
}

.textSection__inner {
    margin: 0 auto;
    width: 100%
}

@media (min-width:768px) {
    .textSection__inner {
        width: 74.68%
    }
}

@media (min-width:1024px) {
    .textSection__inner {
        width: 66.24%
    }
}

@media (min-width:1280px) {
    .textSection__inner {
        width: 49.36%
    }
}

@media (min-width:768px) {
    .textSection--withImage .textSection__inner {
        width: 39.08%
    }

    html:not([dir=rtl]) .textSection--withImage .textSection__inner {
        margin-left: 11.64%
    }

    html[dir=rtl] .textSection--withImage .textSection__inner {
        margin-right: 11.64%
    }
}

.textSection__shape {
    display: none;
    position: absolute
}

@media (min-width:360px) {
    .textSection__shape {
        display: block
    }
}

.textSection__shape img {
    width: 100%
}

.textSection__shape--lime {
    max-width: 35px;
    top: 30%
}

@media (min-width:768px) {
    .textSection__shape--lime {
        max-width: 45px
    }
}

@media (min-width:1024px) {
    .textSection__shape--lime {
        max-width: 60px
    }
}

html:not([dir=rtl]) .textSection__shape--lime {
    left: 5%
}

html[dir=rtl] .textSection__shape--lime {
    right: 5%
}

.textSection__shape--orange {
    bottom: 8%;
    max-width: 30px
}

@media (min-width:768px) {
    .textSection__shape--orange {
        max-width: 45px
    }
}

@media (min-width:1024px) {
    .textSection__shape--orange {
        max-width: 60px
    }
}

html:not([dir=rtl]) .textSection__shape--orange {
    right: 12%
}

html[dir=rtl] .textSection__shape--orange {
    left: 12%
}

.textSection__shape--lightBlue {
    bottom: 30%
}

html:not([dir=rtl]) .textSection__shape--lightBlue {
    right: -5%
}

html[dir=rtl] .textSection__shape--lightBlue {
    left: -5%
}

@media (min-width:768px) {
    html:not([dir=rtl]) .textSection__shape--lightBlue {
        right: 8%
    }

    html[dir=rtl] .textSection__shape--lightBlue {
        left: 8%
    }
}

.textSection__shape--blue {
    max-width: 50px;
    top: 5%
}

@media (min-width:768px) {
    .textSection__shape--blue {
        max-width: 90px
    }
}

@media (min-width:1024px) {
    .textSection__shape--blue {
        max-width: 100px
    }
}

html:not([dir=rtl]) .textSection__shape--blue {
    left: 10%
}

html[dir=rtl] .textSection__shape--blue {
    right: 10%
}

.textSection__shape--purple1 {
    top: 38%
}

html:not([dir=rtl]) .textSection__shape--purple1 {
    left: -5%
}

html[dir=rtl] .textSection__shape--purple1 {
    right: -5%
}

.textSection__shape--purple2 {
    bottom: 5%
}

html:not([dir=rtl]) .textSection__shape--purple2 {
    right: -3%
}

html[dir=rtl] .textSection__shape--purple2 {
    left: -3%
}

.textSection__shape--purple1, .textSection__shape--purple2 {
    max-width: 80px
}

@media (min-width:768px) {
    .textSection__shape--purple1, .textSection__shape--purple2 {
        max-width: 90px
    }
}

@media (min-width:1024px) {
    .textSection__shape--purple1, .textSection__shape--purple2 {
        max-width: 100px
    }
}

@media (min-width:1280px) {
    .textSection__shape {
        max-width: unset
    }
}

.goalsSection {
    position: relative
}

.goalsSection__top {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.goalsSection__heading {
    width: 100%
}

@media (min-width:1024px) {
    .goalsSection__heading {
        padding-bottom: 15rem;
        width: 40.92%
    }

    .goalsSection--revert .goalsSection__heading {
        order: 2
    }
}

.goalsSection__goals {
    margin: 4rem auto 0;
    width: 100%
}

@media (min-width:600px) {
    .goalsSection__goals {
        width: 83.12%
    }
}

@media (min-width:768px) {
    .goalsSection__goals {
        margin-top: 7rem
    }
}

@media (min-width:1024px) {
    .goalsSection__goals {
        margin-top: 9rem;
        width: 49.36%
    }

    html:not([dir=rtl]) .goalsSection__goals {
        margin-left: 8.42%
    }

    html[dir=rtl] .goalsSection__goals {
        margin-right: 8.42%
    }

    .goalsSection--revert .goalsSection__goals {
        order: 1
    }

    html:not([dir=rtl]) .goalsSection--revert .goalsSection__goals {
        margin-left: 0;
        margin-right: 8.42%
    }

    html[dir=rtl] .goalsSection--revert .goalsSection__goals {
        margin-left: 8.42%;
        margin-right: 0
    }
}

.goalsSection__numbers {
    display: flex;
    flex-wrap: wrap;
    margin: 4rem auto 0;
    width: 83.12%
}

@media (min-width:768px) {
    .goalsSection__numbers {
        margin-top: 10rem
    }
}

.goalsSection__number {
    padding: 3rem 0;
    width: 120.3%
}

@media (min-width:1024px) {
    .goalsSection__number {
        width: auto
    }

        .goalsSection__number:first-of-type {
            transform: translateY(-75%)
        }

        .goalsSection__number:nth-child(3n) {
            margin: 0 auto
        }
}

.processSliderSection {
    background-color: #f7f7f7;
    position: relative
}

.processSliderSection__slider {
    margin-top: 8rem;
    width: 100%
}

.videoSection {
    position: relative;
    width: 100%
}

.videoSection__video, .videoSection__wrapper {
    height: 100%;
    width: 100%
}

.filterSection {
    contain: paint;
    overflow: unset
}

.filterSection__heading {
    margin: 0 auto;
    padding-bottom: 8rem;
    text-align: center
}

@media (min-width:1024px) {
    .filterSection__heading {
        width: 66.24%
    }
}

.filterSection__wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width:1024px) {
    .filterSection__wrapper {
        flex-wrap: nowrap
    }
}

.filterSection__filters {
    background-color: #f7f7f7;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4rem;
    max-height: 500px;
    overflow: auto;
    padding: 3rem 0;
    width: 100%
}

    .filterSection__filters::-webkit-scrollbar {
        width: .5rem
    }

    .filterSection__filters::-webkit-scrollbar-thumb {
        background-color: #0063af
    }

@media (min-width:1024px) {
    .filterSection__filters {
        align-self: flex-start;
        display: block;
        position: -webkit-sticky;
        position: sticky;
        top: 13rem;
        width: 28.9%
    }

    html:not([dir=rtl]) .filterSection__filters {
        margin-left: -12.5%
    }

    html[dir=rtl] .filterSection__filters {
        margin-right: -12.5%
    }
}

.filterSection__filter {
    border-bottom: 1px solid #e2e2e2;
    flex-grow: 1;
    width: 100%
}

@media (min-width:768px) {
    .filterSection__filter {
        width: 49.36%
    }
}

@media (min-width:1024px) {
    .filterSection__filter {
        width: auto
    }
}

.filterSection__filterItem {
    padding: 2rem;
    width: 100%
}

@media (min-width:600px) {
    html:not([dir=rtl]) .filterSection__filterItem {
        padding: 2rem 2rem 2rem 5rem
    }

    html[dir=rtl] .filterSection__filterItem {
        padding: 2rem 5rem 2rem 2rem
    }
}

.filterSection__filterOptions {
    margin-top: 1.5rem;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .4s;
    visibility: hidden
}

    .filterSection__filterOptions.active {
        max-height: 9999px;
        opacity: 1;
        visibility: visible
    }

.filterSection__filterValue {
    padding: 1rem 0
}

.filterSection__toggle {
    align-items: center;
    color: #0063af;
    display: flex;
    font-size: 1.8rem;
    font-weight: 700;
    justify-content: space-between;
    width: 100%
}

.filterSection__toggleIcon {
    font-size: 1rem
}

.filterSection__inner {
    width: 100%
}

@media (min-width:1024px) {
    .filterSection__inner {
        width: 74.68%
    }

    html:not([dir=rtl]) .filterSection__inner {
        margin-left: 9.68%
    }

    html[dir=rtl] .filterSection__inner {
        margin-right: 9.68%
    }
}

.filterSection__topBar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width:600px) {
    .filterSection__topBar {
        flex-wrap: nowrap
    }
}

.filterSection__count {
    margin-bottom: 2rem
}

@media (min-width:600px) {
    .filterSection__count {
        margin-bottom: 0
    }
}

.filterSection__count span:first-of-type {
    color: #0063af;
    font-weight: 700
}

.filterSection__count span {
    font-size: 3.6rem
}

.filterSection__search {
    flex-grow: 1
}

@media (min-width:600px) {
    html:not([dir=rtl]) .filterSection__search {
        margin-left: 8.42%
    }

    html[dir=rtl] .filterSection__search {
        margin-right: 8.42%
    }
}

.filterSection__preferences {
    grid-gap: 1.5rem;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem;
    width: 100%
}

.filterSection__preference {
    align-items: center;
    display: flex;
    margin: 1rem 0
}

.filterSection__preferenceName {
    color: #0063af;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase
}

    .filterSection__preferenceName:not(:first-of-type) {
        margin: 0 3rem
    }

.filterSection__preferenceValue {
    align-items: center;
    border: 1px solid #e2e2e2;
    border-radius: 3rem;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    padding: .5rem 1rem
}

html:not([dir=rtl]) .filterSection__preferenceValue button {
    margin-left: 1rem
}

html[dir=rtl] .filterSection__preferenceValue button {
    margin-right: 1rem
}

.filterSection__results {
    column-gap: 1.5rem;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    width: 100%
}

@media (min-width:600px) {
    .filterSection__results {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width:1024px) {
    .filterSection__results {
        width: 100%
    }
}

.filterSection__results--perRow-1 {
    grid-template-columns: repeat(1,1fr)
}

@media (min-width:600px) {
    .filterSection__results--perRow-3 {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width:1366px) {
    .filterSection__results--perRow-3 {
        grid-template-columns: repeat(3,1fr)
    }
}

.filterSection__result {
    margin: 2rem 0
}

.filterSection__result--tpl {
    display: none
}

.filterSearchSection {
    position: relative
}

.filterSearchSection__search {
    margin: 4rem 0
}

.filterSearchSection__count {
    margin-bottom: 3rem
}

    .filterSearchSection__count span:first-of-type {
        color: #0063af;
        font-weight: 700
    }

    .filterSearchSection__count span {
        font-size: 3.6rem
    }

.filterSearchSection__filterOptions {
    display: flex;
    margin: -2rem 0;
    overflow: auto;
    padding: 2rem 0
}

html:not([dir=rtl]) .filterSearchSection__filterValue {
    padding-right: 3rem
}

html[dir=rtl] .filterSearchSection__filterValue {
    padding-left: 3rem
}

.filterSearchSection__results {
    margin-top: 4rem
}

.filterSearchSection__result {
    margin: 2rem 0
}

.filterNewsroomSection {
    overflow: unset;
    position: relative;
    z-index: unset
}

.filterNewsroomSection__top {
    margin-top: -18rem;
    position: relative
}

    .filterNewsroomSection__top.active {
        z-index: 20
    }

@media (min-width:1024px) {
    .filterNewsroomSection__top, .filterNewsroomSection__top.active {
        z-index: 10
    }
}

.filterNewsroomSection__topInner {
    align-items: center;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 3rem;
    width: 100%
}

@media (min-width:1024px) {
    .filterNewsroomSection__topInner {
        filter: drop-shadow(0 15px 20px rgba(0,0,0,.04));
        flex-wrap: nowrap;
        padding: 6rem;
        width: 107.18%
    }

    html:not([dir=rtl]) .filterNewsroomSection__topInner {
        transform: translateX(-3.6%)
    }

    html[dir=rtl] .filterNewsroomSection__topInner {
        transform: translateX(3.58%)
    }
}

.filterNewsroomSection__search {
    width: 100%
}

@media (min-width:1024px) {
    .filterNewsroomSection__search {
        width: 49.36%
    }
}

.filterNewsroomSection__allToggle {
    padding: 3rem 2rem 0;
    width: 100%
}

@media (min-width:1024px) {
    .filterNewsroomSection__allToggle {
        display: none
    }
}

.filterNewsroomSection__filters {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .4s,visibility .4s,max-height .4s,padding .2s;
    visibility: hidden;
    width: 100%
}

    .filterNewsroomSection__filters.active {
        opacity: 1;
        padding: 3rem 0 0;
        visibility: visible
    }

@media (min-width:1024px) {
    .filterNewsroomSection__filters {
        height: auto;
        max-height: unset;
        opacity: 1;
        padding: 0;
        position: static;
        visibility: visible;
        width: 100%
    }

        .filterNewsroomSection__filters.active {
            max-height: 9999px;
            opacity: 1;
            padding: 3rem 0 0;
            visibility: visible
        }
}

@media (min-width:1280px) {
    .filterNewsroomSection__filters {
        overflow: unset
    }
}

@media (min-width:1600px) {
    .filterNewsroomSection__filters {
        width: auto
    }
}

.filterNewsroomSection__filtersWrapper {
    display: flex;
    flex-direction: column;
    height: 80%;
    overflow: hidden;
    overflow: scroll;
    width: 100%
}

@media (min-width:1024px) {
    .filterNewsroomSection__filtersWrapper {
        flex-direction: row;
        height: auto;
        overflow: auto;
        width: auto
    }
}

.filterNewsroomSection__filtersClose {
    align-items: center;
    background-color: #fff;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 2rem;
    position: absolute;
    width: 100%;
    z-index: 10
}

@media (min-width:1024px) {
    .filterNewsroomSection__filtersClose {
        display: none
    }
}

.filterNewsroomSection__filter {
    flex-shrink: 0;
    padding: 1rem 2rem
}

html:not([dir=rtl]) .filterNewsroomSection__filter:not(:last-of-type) {
    border-right: 1px solid #e2e2e2
}

html[dir=rtl] .filterNewsroomSection__filter:not(:last-of-type) {
    border-left: 1px solid #e2e2e2
}

html:not([dir=rtl]) .filterNewsroomSection__filter:last-of-type {
    border-right: none;
    padding-right: 0
}

html[dir=rtl] .filterNewsroomSection__filter:last-of-type {
    border-left: none;
    padding-left: 0
}

@media (min-width:1024px) {
    .filterNewsroomSection__filter {
        padding: 1rem 4rem
    }
}

.filterNewsroomSection__filterValue {
    flex-shrink: 0;
    padding: 1rem 0
}

@media (min-width:1024px) {
    .filterNewsroomSection__filterValue {
        padding: 0
    }
}

.filterNewsroomSection__filterOptions {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    transition: opacity .4s,visibility .4s,padding .4s;
    visibility: hidden
}

    .filterNewsroomSection__filterOptions.active {
        max-height: 999px;
        opacity: 1;
        padding: 1.5rem 0;
        visibility: visible
    }

@media (min-width:1024px) {
    .filterNewsroomSection__filterOptions {
        background-color: #fff;
        border-top: 1px solid #e2e2e2;
        display: flex;
        gap: 3rem;
        left: 0;
        max-height: unset;
        opacity: 0;
        overflow: auto;
        position: absolute;
        top: 100%;
        visibility: hidden;
        width: 100%;
        z-index: 2
    }

        .filterNewsroomSection__filterOptions.active {
            opacity: 1;
            padding: 3rem 6rem;
            visibility: visible
        }
}

.filterNewsroomSection__toggle {
    align-items: center;
    color: #0063af;
    display: flex;
    font-size: 1.8rem;
    font-weight: 700;
    gap: 1.5rem;
    justify-content: space-between;
    width: 100%
}

.filterNewsroomSection__toggleIcon {
    font-size: 1rem
}

.filterNewsroomSection__bottom {
    margin: 3rem 0
}

.filterNewsroomSection__count span:first-of-type {
    color: #0063af;
    font-weight: 700
}

.filterNewsroomSection__count span {
    font-size: 3.6rem
}

.filterNewsroomSection__preferences {
    grid-gap: 1.5rem;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem;
    width: 100%
}

    .filterNewsroomSection__preferences:empty {
        margin-top: 0
    }

.filterNewsroomSection__preference {
    align-items: center;
    display: flex;
    margin: 1rem 0
}

.filterNewsroomSection__preferenceName {
    color: #0063af;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase
}

    .filterNewsroomSection__preferenceName:not(:first-of-type) {
        margin: 0 3rem
    }

.filterNewsroomSection__preferenceValue {
    align-items: center;
    border: 1px solid #e2e2e2;
    border-radius: 3rem;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    padding: .5rem 1rem
}

html:not([dir=rtl]) .filterNewsroomSection__preferenceValue button {
    margin-left: 1rem
}

html[dir=rtl] .filterNewsroomSection__preferenceValue button {
    margin-right: 1rem
}

.filterNewsroomSection__results {
    grid-column-gap: 1.5rem;
    display: grid
}

@media (min-width:600px) {
    .filterNewsroomSection__results {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width:1024px) {
    .filterNewsroomSection__results {
        grid-template-columns: repeat(3,1fr)
    }
}

.contactFormSection {
    overflow: unset;
    z-index: auto
}

@media (min-width:1024px) {
    .contactFormSection {
        padding-bottom: 30rem
    }
}

.contactFormSection__wrapper {
    background-color: #0063af;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

@media (min-width:600px) {
    .contactFormSection__wrapper {
        padding: 2rem
    }
}

@media (min-width:768px) {
    .contactFormSection__wrapper {
        padding: 8rem
    }
}

@media (min-width:1024px) {
    .contactFormSection__wrapper {
        flex-wrap: nowrap;
        margin: 8rem 0;
        padding: 0
    }
}

.contactFormSection__shapes {
    display: none;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%
}

@media (min-width:768px) {
    .contactFormSection__shapes {
        display: block
    }
}

.contactFormSection__shape {
    left: -12%;
    position: absolute;
    top: -35%
}

.contactFormSection__heading {
    color: #fff;
    margin-bottom: 4rem;
    overflow: hidden;
    padding: 2rem;
    width: 100%
}

@media (min-width:600px) {
    .contactFormSection__heading {
        margin-bottom: 6rem;
        padding: 0;
        width: 74.68%
    }
}

@media (min-width:1024px) {
    .contactFormSection__heading {
        padding: 8rem 0 32rem;
        width: 24.06%
    }

    html:not([dir=rtl]) .contactFormSection__heading {
        margin-left: 8.42%
    }

    html[dir=rtl] .contactFormSection__heading {
        margin-right: 8.42%
    }
}

.contactFormSection__form {
    filter: drop-shadow(0 20px 40px rgba(0,0,0,.04));
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 3
}

@media (min-width:1024px) {
    .contactFormSection__form {
        width: 57.8%
    }

    html:not([dir=rtl]) .contactFormSection__form {
        margin: 8rem 8.42% -8rem 1.24%
    }

    html[dir=rtl] .contactFormSection__form {
        margin: 8rem 1.24% -8rem 8.42%
    }
}

.contactFormSection__formWrapper {
    background-color: #fff;
    border-top: 1px solid #0063af;
    max-height: 1000px;
    overflow: auto;
    padding: 2rem
}

    .contactFormSection__formWrapper::-webkit-scrollbar {
        width: .5rem
    }

    .contactFormSection__formWrapper::-webkit-scrollbar-thumb {
        background-color: #c9f658
    }

@media (min-width:1024px) {
    .contactFormSection__formWrapper {
        left: 0;
        padding: 3.58% 8.42%;
        position: absolute;
        top: 0
    }
}

.socialFollow {
    position: relative
}

.socialFollow__heading {
    color: #fff;
    margin: 0 auto;
    text-align: center;
    width: 66.24%
}

.socialFollow__shape {
    position: absolute
}

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

.socialFollow__shape--left {
    left: -3%;
    top: -5%;
    width: 50%
}

@media (min-width:768px) {
    .socialFollow__shape--left {
        left: -3%;
        top: -25%;
        width: 40%
    }
}

@media (min-width:1024px) {
    .socialFollow__shape--left {
        left: -3%;
        top: -25%;
        width: auto
    }
}

.socialFollow__shape--right {
    right: -10%;
    top: 10%;
    width: 50%
}

@media (min-width:768px) {
    .socialFollow__shape--right {
        right: -10%;
        top: 10%;
        width: 40%
    }
}

@media (min-width:1024px) {
    .socialFollow__shape--right {
        right: -40%;
        top: 10%;
        width: auto
    }
}

.socialFollow__links {
    column-gap: 1.24%;
    display: grid
}

@media (min-width:600px) {
    .socialFollow__links {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width:1024px) {
    .socialFollow__links {
        grid-template-columns: repeat(3,1fr)
    }
}

.socialFollow__link {
    margin-top: 2rem;
    text-align: center
}

@media (min-width:600px) {
    .socialFollow__link {
        margin-top: 3rem
    }
}

@media (min-width:1024px) {
    .socialFollow__link {
        margin-top: 5rem;
        text-align: unset
    }
}

.jobDetails {
    position: relative
}

.jobDetails__wrapper {
    width: 66.24%
}

.jobDetails__purpose {
    padding: 0 0 8rem
}

.jobDetails__requirements ul:not(:first-of-type) {
    padding-top: 1rem
}

.jobDetails__requirements ul > :first-child {
    margin: 4rem 0 0
}

.jobDetails__apply, .jobDetails__competencies {
    margin-top: 6rem
}

.jobOffersHero {
    position: relative
}

    .jobOffersHero:after {
        background-image: url(../images/shapes/grid-5x5.svg);
        background-position: 0 0;
        background-repeat: repeat;
        background-size: 8.92% 20%;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

.jobOffersHero__wrapper {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:1280px) {
    .jobOffersHero__wrapper {
        flex-wrap: nowrap
    }
}

.jobOffersHero__thumbnails {
    margin-bottom: 4rem;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .jobOffersHero__thumbnails {
        width: 49.36%
    }
}

@media (min-width:1280px) {
    .jobOffersHero__thumbnails {
        margin-bottom: 0;
        width: 40.92%
    }

    html:not([dir=rtl]) .jobOffersHero__thumbnails {
        margin-right: 9.68%
    }

    html[dir=rtl] .jobOffersHero__thumbnails {
        margin-left: 9.68%
    }
}

.jobOffersHero__heading {
    width: 100%
}

@media (min-width:1280px) {
    .jobOffersHero__heading {
        padding: 12rem 0 18rem;
        width: 57.8%
    }
}

.jobOffersHero__thumb {
    position: relative
}

    .jobOffersHero__thumb:first-of-type {
        padding-top: 33.74%;
        width: 33.74%
    }

    .jobOffersHero__thumb:nth-of-type(2) {
        margin-left: auto;
        padding-top: 42.18%;
        width: 42.18%
    }

@media (min-width:600px) {
    .jobOffersHero__thumb:first-of-type {
        padding-top: 16.86%;
        width: 16.86%
    }

    .jobOffersHero__thumb:nth-of-type(2) {
        padding-top: 25.3%;
        width: 25.3%
    }
}

@media (min-width:768px) {
    .jobOffersHero__thumb:first-of-type {
        padding-top: 58.76%;
        width: 50%
    }

    html:not([dir=rtl]) .jobOffersHero__thumb:first-of-type {
        margin-left: -8.78%
    }

    html[dir=rtl] .jobOffersHero__thumb:first-of-type {
        margin-right: -8.78%
    }

    .jobOffersHero__thumb:nth-of-type(2) {
        margin-top: -5rem;
        padding-top: 61.82%;
        width: 61.82%
    }

    html:not([dir=rtl]) .jobOffersHero__thumb:nth-of-type(2) {
        margin-left: 38.16%
    }

    html[dir=rtl] .jobOffersHero__thumb:nth-of-type(2) {
        margin-right: 38.16%
    }
}

.jobOffersHero__shape {
    position: absolute
}

    .jobOffersHero__shape img {
        width: 100%
    }

.jobOffersHero__shape--orange {
    max-width: 40px;
    top: 20%
}

html:not([dir=rtl]) .jobOffersHero__shape--orange {
    right: 50%
}

html[dir=rtl] .jobOffersHero__shape--orange {
    left: 50%
}

@media (min-width:768px) {
    .jobOffersHero__shape--orange {
        top: 10%
    }

    html:not([dir=rtl]) .jobOffersHero__shape--orange {
        right: 10%
    }

    html[dir=rtl] .jobOffersHero__shape--orange {
        left: 10%
    }
}

.jobOffersHero__shape--purple {
    bottom: 10%;
    max-width: 100px
}

html:not([dir=rtl]) .jobOffersHero__shape--purple {
    left: -5%
}

html[dir=rtl] .jobOffersHero__shape--purple {
    right: 50%
}

@media (min-width:768px) {
    .jobOffersHero__shape--purple {
        bottom: 20%
    }

    html:not([dir=rtl]) .jobOffersHero__shape--purple {
        left: -5%
    }

    html[dir=rtl] .jobOffersHero__shape--purple {
        right: -5%
    }
}

.jobOffersHero__shape--lightBlue {
    max-width: 40px;
    top: 0
}

html:not([dir=rtl]) .jobOffersHero__shape--lightBlue {
    right: 10%
}

html[dir=rtl] .jobOffersHero__shape--lightBlue {
    left: 10%
}

@media (min-width:768px) {
    .jobOffersHero__shape--lightBlue {
        bottom: 0;
        top: unset
    }

    html:not([dir=rtl]) .jobOffersHero__shape--lightBlue {
        right: -15%
    }

    html[dir=rtl] .jobOffersHero__shape--lightBlue {
        left: -15%
    }

    .jobOffersHero__shape {
        max-width: unset
    }
}

.filesSection {
    position: relative
}

.filesSection__wrapper {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:768px) {
    .filesSection__wrapper {
        flex-wrap: nowrap
    }
}

@media (min-width:600px) {
    .filesSection__heading {
        width: 66.24%
    }
}

@media (min-width:768px) {
    .filesSection__heading {
        width: 40.92%
    }

    html:not([dir=rtl]) .filesSection__heading {
        margin-right: 8.42%
    }

    html[dir=rtl] .filesSection__heading {
        margin-left: 8.42%
    }
}

.filesSection__files {
    display: flex;
    gap: 1.5rem;
    margin: 3rem -3rem 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 3rem
}

@media (min-width:768px) {
    .filesSection__files {
        width: 66.24%
    }
}

@media (min-width:1024px) {
    .filesSection__files {
        margin: 0 -4rem;
        padding: 0 4rem;
        width: 49.36%
    }
}

@media (min-width:1280px) {
    .filesSection__files {
        overflow: unset
    }
}

@media (min-width:1600px) {
    .filesSection__files {
        margin: 0 -5rem;
        padding: 0 5rem
    }
}

.filesSection__file {
    flex-shrink: 0;
    height: auto;
    min-height: 100%;
    width: calc(90% + 1.5rem)
}

@media (min-width:600px) {
    .filesSection__file {
        width: calc(65% + 1.5rem)
    }
}

@media (min-width:1024px) {
    .filesSection__file {
        width: calc(65% + 2.5rem)
    }
}

@media (min-width:1280px) {
    .filesSection__file {
        width: calc(50% + 2.5rem)
    }
}

@media (min-width:1600px) {
    .filesSection__file {
        width: calc(50% + 3.5rem)
    }
}

.featuredJobOffers {
    background-color: #f7f7f7;
    position: relative;
    z-index: 3
}

.featuredJobOffers__offers {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-top: 4rem;
    width: 100%
}

.featuredJobOffers__offer {
    width: calc(100% - 1.5rem)
}

@media (min-width:600px) {
    .featuredJobOffers__offer {
        width: calc(49.36% - 1.5rem)
    }
}

@media (min-width:1024px) {
    .featuredJobOffers__offer {
        width: calc(32.5% - 1.5rem)
    }
}

@media (min-width:1280px) {
    .featuredJobOffers__offer {
        width: calc(24.06% - 1.5rem)
    }
}

.tabsSection {
    position: relative
}

.tabsSection__nav {
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    width: 100%
}

.tabsSection__navItem {
    color: #b2b2b2;
    cursor: pointer;
    font-weight: 700;
    padding-bottom: 3rem;
    transition: color .4s
}

    .tabsSection__navItem:hover {
        color: #0063af
    }

    .tabsSection__navItem.active {
        border-bottom: 2px solid #0063af;
        color: #0063af
    }

html:not([dir=rtl]) .tabsSection__navItem {
    padding-right: 3.74%
}

html[dir=rtl] .tabsSection__navItem {
    padding-left: 3.74%
}

.tabsSection__tabs {
    position: relative
}

.tabsSection__tab {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: opacity .4s,visibility .4s,transform .4s;
    visibility: hidden;
    width: 100%
}

    .tabsSection__tab.active {
        opacity: 1;
        position: relative;
        transform: scale(1);
        visibility: visible
    }

.newsletter {
    position: relative
}

.newsletter__wrapper {
    background-color: #f7f7f7;
    border-radius: 2.4rem;
    padding-block: calc(26.6728px + 3.702vw);
    padding-inline: 2.4rem
}

@media (min-width:1600px) {
    .newsletter__wrapper {
        padding-block: 8rem
    }
}

.newsletter__wrapperInner {
    margin-inline: auto;
    max-width: 61.4rem
}

.newsletter__heading {
    font-size: calc(20.004px + 1.11vw);
    line-height: 1.3333333333
}

@media (min-width:1600px) {
    .newsletter__heading {
        font-size: 3.6rem
    }
}

.newsletter__form {
    margin-top: 4rem
}

.newsletter__row {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 1.6rem
}

@media (min-width:768px) {
    .newsletter__row {
        align-items: center;
        flex-direction: row
    }
}

.newsletter__formInput {
    flex-grow: 1;
    width: 100%
}

    .newsletter__formInput input {
        color: #292929
    }

.newsletter__formSubmit button {
    width: 100%
}

@media (min-width:1024px) {
    .newsletter--contact {
        padding-block: 0
    }

        .newsletter--contact .newsletter__wrapper {
            border-bottom: 0
        }
}

.newsroomFilteredList--blog .newsroomFilteredList__inner {
    padding-top: 0
}

.newsroomFilteredList__inner {
    display: flex;
    flex-direction: column-reverse;
    gap: 2.4rem;
    padding-block: calc(26.6728px + 3.702vw)
}

@media (min-width:1024px) {
    .newsroomFilteredList__inner {
        flex-direction: row
    }
}

@media (min-width:1600px) {
    .newsroomFilteredList__inner {
        padding-block: 8rem
    }
}

@media (min-width:1024px) {
    .newsroomFilteredList__content {
        max-width: 62%
    }

    .newsroomFilteredList__side {
        max-width: 34%
    }
}

.newsroomFilteredList__items {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:768px) {
    .newsroomFilteredList__items {
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:1024px) {
    .newsroomFilteredList__items {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (min-width:1600px) {
    .newsroomFilteredList__items {
        margin-top: 4rem
    }
}

@media (min-width:768px) {
    .newsroomFilteredList__items--search {
        grid-template-columns: 1fr
    }
}

@media (min-width:1024px) {
    .newsroomFilteredList__items--search {
        grid-template-columns: 1fr
    }
}

@media (min-width:768px) {
    .newsroomFilteredList__items--comments {
        grid-template-columns: 1fr
    }
}

@media (min-width:1024px) {
    .newsroomFilteredList__items--comments {
        grid-template-columns: 1fr
    }
}

.newsroomFilteredList__foot {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: 2.4rem;
    justify-content: space-between;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .newsroomFilteredList__foot {
        flex-direction: row
    }
}

@media (min-width:1600px) {
    .newsroomFilteredList__foot {
        margin-top: 4rem
    }
}

.newsroomFilteredList__text {
    font-size: calc(20.004px + 1.11vw);
    line-height: 4.8rem;
    margin-top: calc(44.004px + 1.11vw)
}

    .newsroomFilteredList__text strong {
        color: #0063af;
        font-weight: 700
    }

@media (min-width:1600px) {
    .newsroomFilteredList__text {
        font-size: 3.6rem;
        margin-top: 6rem
    }
}

.newsroomHead {
    position: relative
}

@media (min-width:768px) {
    .newsroomHead {
        margin-top: 140px
    }
}

.newsroomHead__inner {
    padding-block: calc(10.672px + 1.48vw) calc(24.6672px + 3.148vw)
}

.newsroomHead__heading {
    margin-top: calc(5.0064px + 5.276vw);
    max-width: 69.5rem
}

.newsroomHead__title {
    color: #0063af;
    font-size: calc(14.668px + .37vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .newsroomHead__title {
        font-size: 2rem
    }
}

.newsroomHead__subtitle {
    font-size: calc(24.0048px + 3.332vw);
    line-height: 1.25;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:768px) {
    .newsroomHead__subtitle {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .newsroomHead__subtitle {
        font-size: 7.2rem
    }
}

.newsroomHead__text {
    font-size: calc(12.668px + .37vw);
    line-height: 1.5555555556;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:768px) {
    .newsroomHead__text {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .newsroomHead__text {
        font-size: 1.8rem
    }
}

.newsroomHead__content {
    align-items: flex-end;
    display: flex;
    gap: 2.4rem;
    justify-content: space-between
}

.newsroomHead__image {
    display: none
}

@media (min-width:768px) {
    .newsroomHead__image {
        display: block
    }
}

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

.newsroomHead--decor .newsroomHead__heading {
    margin-top: calc(6.6696px + 4.814vw)
}

.newsroomHead--decor:before {
    display: none
}

@media (min-width:768px) {
    .newsroomHead--decor:before {
        background-color: #0063af;
        content: "";
        display: block;
        height: 200%;
        position: absolute;
        right: 0;
        top: 0;
        width: 41.7%
    }

    html[dir=rtl] .newsroomHead--decor:before {
        left: 0;
        right: auto
    }
}

@media (min-width:768px) and (min-width:1600px) {
    .newsroomHead--decor:before {
        height: 150%
    }
}

.newsHeading {
    position: relative
}

@media (min-width:1024px) {
    .newsHeading {
        height: 61.4rem
    }
}

.newsHeading__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

@media (min-width:1024px) {
    .newsHeading__inner {
        padding-top: 140px
    }
}

.newsHeading__breadcrumbs {
    margin-top: calc(10.672px + 1.48vw);
    z-index: 1
}

.newsHeading__box {
    background-color: #fff;
    margin-top: 2.4rem;
    max-width: 76.2rem;
    padding-block: calc(18.672px + 1.48vw);
    padding-inline: calc(5.3376px + 5.184vw);
    z-index: 1
}

@media (min-width:1024px) {
    .newsHeading__box {
        margin-top: 0
    }
}

@media (min-width:1600px) {
    .newsHeading__box {
        padding-block: 4rem;
        padding-inline: 8rem
    }
}

.newsHeading__title {
    color: #0063af;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .newsHeading__title {
        font-size: 2rem
    }
}

.newsHeading__subtitle {
    font-size: calc(20.004px + 1.11vw);
    line-height: 1.3333333333;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .newsHeading__subtitle {
        font-size: 3.6rem
    }
}

.newsHeading__text {
    font-size: calc(13.3376px + .184vw);
    line-height: 1.625;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .newsHeading__text {
        font-size: 1.6rem
    }
}

.newsHeading__socials {
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1024px) {
    .newsHeading__socials {
        display: none
    }
}

.newsHeading__image, .newsHeading__image:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

    .newsHeading__image:before {
        background-color: rgba(30,30,30,.7);
        content: ""
    }

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

@media (min-width:768px) {
    .searchResults {
        margin-top: 140px
    }
}

.searchResults__inner {
    padding-top: calc(21.336px + .74vw)
}

.searchResults__content {
    margin-top: calc(14.668px + .37vw)
}

.searchResults__title {
    font-size: calc(24.0048px + 3.332vw);
    line-height: 1.25
}

@media (min-width:1600px) {
    .searchResults__title {
        font-size: 7.2rem
    }
}

.searchResults__search {
    margin-top: .8rem;
    max-width: 65.5rem
}

.searchFilteredList__inner {
    padding-block: calc(18.672px + 1.48vw) calc(5.3376px + 5.184vw)
}

.searchFilteredList__text {
    font-size: calc(14.668px + .37vw);
    line-height: 1.6
}

@media (min-width:1600px) {
    .searchFilteredList__text {
        font-size: 2rem
    }
}

.searchFilteredList__filters {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: calc(14.668px + .37vw);
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:768px) {
    .searchFilteredList__filters {
        flex-direction: row
    }

    .searchFilteredList__select {
        max-width: 24rem
    }

    .searchFilteredList__sort {
        max-width: 14rem
    }
}

.searchFilteredList__tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin-top: calc(10.668px + .37vw)
}

.searchFilteredList__tag {
    border: .1rem solid #b2b2b2;
    border-radius: 10rem;
    color: #292929;
    font-size: calc(15.3376px + .184vw);
    line-height: 2;
    padding: .4rem 1.2rem;
    transition: background-color .4s,border-color .4s
}

@media (min-width:1600px) {
    .searchFilteredList__tag {
        font-size: 1.8rem
    }
}

@media (hover:hover) {
    .searchFilteredList__tag:hover {
        background-color: #c9f658;
        border-color: #c9f658
    }
}

.searchFilteredList__icon {
    -webkit-margin-start: .4rem;
    font-size: 1.2rem;
    margin-inline-start: .4rem
}

.searchFilteredList__items {
    margin-top: calc(18.672px + 1.48vw)
}

.searchFilteredList__item {
    margin-top: calc(14.668px + .37vw)
}

    .searchFilteredList__item:first-child {
        margin-top: 0
    }

.searchFilteredList__foot {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: 2.4rem;
    justify-content: space-between;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .searchFilteredList__foot {
        flex-direction: row
    }
}

.columnTilesHeading {
    background-color: #f7f7f7
}

.columnTilesHeading__inner {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: calc(-7.3272px + 8.702vw);
    justify-content: space-between;
    padding-block: calc(.004px + 11.11vw)
}

@media (min-width:1024px) {
    .columnTilesHeading__inner {
        flex-direction: row
    }
}

@media (min-width:1600px) {
    .columnTilesHeading__inner {
        padding-block: 16rem
    }
}

.columnTilesHeading__items {
    display: flex;
    flex-wrap: wrap;
    gap: calc(14.668px + .37vw)
}

@media (min-width:1024px) {
    .columnTilesHeading__items {
        margin-bottom: calc(42.672px + 1.48vw)
    }
}

.columnTilesHeading__item {
    flex-grow: 1;
    width: calc(50% - 14.668px - .37vw)
}

@media (min-width:768px) {
    .columnTilesHeading__item:nth-child(2n) {
        transform: translateY(calc(42.672px + 1.48vw))
    }
}

.columnTilesHeading__heading {
    max-width: 51.6rem
}

.columnTilesHeading__title {
    color: #0063af;
    font-size: calc(14.668px + .37vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .columnTilesHeading__title {
        font-size: 2rem
    }
}

.columnTilesHeading__subtitle {
    font-size: calc(20.004px + 1.11vw);
    font-weight: 700;
    line-height: 1.3333333333;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .columnTilesHeading__subtitle {
        font-size: 3.6rem
    }
}

.columnTilesHeading__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556;
    margin-top: calc(10.668px + .37vw);
    white-space: pre-line
}

@media (min-width:1600px) {
    .columnTilesHeading__text {
        font-size: 1.8rem
    }
}

@media (min-width:1024px) {
    .columnTilesHeading--noColumnShift .columnTilesHeading__items {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .columnTilesHeading--noColumnShift .columnTilesHeading__item:nth-child(2n) {
        transform: translateY(0)
    }
}

.newsContent__inner {
    display: flex;
    padding-block: calc(18.672px + 1.48vw) calc(26.6728px + 3.702vw)
}

.newsContent__socials {
    display: none
}

@media (min-width:1024px) {
    .newsContent__socials {
        -webkit-margin-start: calc(-15.9968px - 1.112vw);
        display: block;
        margin-inline-start: calc(-15.9968px - 1.112vw)
    }

    .newsContent__mobile {
        display: none
    }
}

.newsContent__content {
    display: flex;
    flex-direction: column;
    gap: calc(18.672px + 1.48vw);
    max-width: 80rem;
    padding-inline: calc(5.3376px + 5.184vw);
    width: 100%
}

@media (min-width:1024px) {
    .newsContent__content {
        -webkit-margin-start: -1.6rem;
        margin-inline-start: -1.6rem
    }
}

@media (min-width:1600px) {
    .newsContent__content {
        padding-inline: 8rem
    }
}

.newsContent__side {
    -webkit-margin-start: auto;
    display: none;
    margin-inline-start: auto;
    max-width: 40.8rem;
    position: relative;
    width: 100%
}

@media (min-width:1280px) {
    .newsContent__side {
        display: block
    }
}

.newsContent__nav, .newsContent__socials {
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    top: calc(140px + 1.6rem)
}

.newsContent__button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.newsContent--hideSocials .newsContent__socials {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.heroVideoHeading {
    position: relative
}

.heroVideoHeading__inner {
    padding-block: calc(10.672px + 1.48vw) calc(-21.3312px + 12.592vw)
}

@media (min-width:768px) {
    .heroVideoHeading__inner {
        padding-block: 140px calc(-21.3312px + 12.592vw)
    }
}

@media (min-width:1600px) {
    .heroVideoHeading__inner {
        padding-block: 140px 16rem
    }
}

.heroVideoHeading__breadcrumbs, .heroVideoHeading__heading {
    position: relative;
    z-index: 1
}

.heroVideoHeading__title {
    color: #c9f658;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .heroVideoHeading__title {
        font-size: 2rem
    }
}

.heroVideoHeading__subtitle {
    color: #fff;
    font-size: calc(24.0048px + 3.332vw);
    line-height: 1.25
}

@media (min-width:1600px) {
    .heroVideoHeading__subtitle {
        font-size: 7.2rem
    }
}

.heroVideoHeading__text {
    color: #fff;
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:768px) {
    .heroVideoHeading__text {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .heroVideoHeading__text {
        font-size: 1.8rem
    }
}

.heroVideoHeading__breadcrumbs {
    margin-bottom: calc(-40.6632px + 17.962vw)
}

@media (min-width:768px) {
    .heroVideoHeading__breadcrumbs {
        margin-top: calc(10.672px + 1.48vw)
    }
}

@media (min-width:1600px) {
    .heroVideoHeading__breadcrumbs {
        margin-bottom: 21.8rem
    }
}

.heroVideoHeading__wrapper {
    display: flex;
    gap: 3ch;
    margin-top: calc(13.336px + .74vw)
}

.heroVideoHeading__animation {
    display: none;
    flex-grow: 1;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .heroVideoHeading__animation {
        display: block
    }
}

.heroVideoHeading__animation .heroVideoHeading__subtitle {
    transition: transform .4s
}

    .heroVideoHeading__animation .heroVideoHeading__subtitle:last-child {
        position: absolute;
        top: 100%
    }

.heroVideoHeading__animation--move .heroVideoHeading__subtitle {
    transform: translateY(-100%)
}

.heroVideoHeading__button {
    margin-top: calc(18.672px + 1.48vw)
}

.heroVideoHeading__video {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.headingAlbumImages {
    position: relative
}

.headingAlbumImages__inner {
    padding-block: calc(26.6728px + 3.702vw)
}

.headingAlbumImages__heading {
    text-align: center
}

.headingAlbumImages__title {
    color: #fd8c04;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .headingAlbumImages__title {
        font-size: 2rem
    }
}

.headingAlbumImages__subtitle {
    font-size: calc(32.004px + 1.11vw);
    line-height: 1.375;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .headingAlbumImages__subtitle {
        font-size: 4.8rem
    }
}

.headingAlbumImages__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .headingAlbumImages__text {
        font-size: 1.8rem
    }
}

.headingAlbumImages__images {
    display: none;
    gap: 2rem;
    grid-template-columns: 1fr;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .headingAlbumImages__images {
        display: grid;
        grid-template-columns: repeat(4,1fr)
    }
}

.headingAlbumImages__column--one {
    align-items: center;
    display: flex
}

@media (min-width:1024px) {
    .headingAlbumImages__column--one .headingAlbumImages__image {
        height: 19.9rem;
        width: 26.6rem
    }
}

.headingAlbumImages__column--two {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

    .headingAlbumImages__column--two .headingAlbumImages__image:first-child {
        width: 100%
    }

@media (min-width:1024px) {
    .headingAlbumImages__column--two .headingAlbumImages__image:first-child {
        height: 26.4rem
    }

    .headingAlbumImages__column--two .headingAlbumImages__image:nth-child(2) {
        height: 26.4rem;
        max-width: 17.3rem
    }
}

.headingAlbumImages__column--three {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr
}

@media (min-width:1024px) {
    .headingAlbumImages__column--three {
        grid-template-columns: 1fr 1fr
    }
}

.headingAlbumImages__column--three .headingAlbumImages__image:first-child {
    margin-top: auto;
    width: 100%
}

@media (min-width:1024px) {
    .headingAlbumImages__column--three .headingAlbumImages__image:first-child {
        height: 11.1rem;
        width: 17rem
    }
}

.headingAlbumImages__column--three .headingAlbumImages__image:nth-child(2) {
    margin-top: auto;
    width: 100%
}

@media (min-width:1024px) {
    .headingAlbumImages__column--three .headingAlbumImages__image:nth-child(2) {
        height: 18.1rem;
        width: 16rem
    }

    .headingAlbumImages__column--three .headingAlbumImages__image:last-child {
        grid-column: 1/3;
        height: 21.5rem;
        width: 35.1rem
    }
}

.headingAlbumImages__decor {
    display: none;
    height: 100%;
    opacity: .2;
    position: absolute;
    z-index: -1
}

.headingAlbumImages__decor--1 {
    left: -26%;
    top: 29%
}

@media (min-width:1600px) {
    .headingAlbumImages__decor--1 {
        left: -31%
    }
}

.headingAlbumImages__decor--2 {
    height: 67%;
    right: -16%;
    top: 46%
}

@media (min-width:1600px) {
    .headingAlbumImages__decor--2 {
        right: -22%
    }
}

.headingAlbumImages__decor img {
    height: 100%;
    object-fit: contain;
    width: auto
}

@media (min-width:1024px) {
    .headingAlbumImages__decor {
        display: block
    }
}

.headingAlbumImages__img {
    border-radius: 1.6rem;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.headingAlbumImages__slider {
    margin-top: calc(18.672px + 1.48vw);
    margin-inline: -2.4rem
}

@media (min-width:1024px) {
    .headingAlbumImages__slider {
        display: none
    }
}

.headingAlbumImages__wrapper {
    display: flex
}

.headingAlbumImages__slide {
    flex-shrink: 0;
    height: 25.6rem;
    padding-inline: 2.4rem;
    width: 100%
}

.headingAlbumImages__nav {
    align-items: center;
    display: flex;
    gap: 2.4rem;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .headingAlbumImages__nav {
        display: none
    }
}

.headingAlbumImages__next, .headingAlbumImages__prev {
    transform: rotate(90deg)
}

.headingAlbumImage__column--3 {
    align-items: flex-start
}

.headingNarrowSlider {
    overflow: hidden
}

.headingNarrowSlider__inner {
    padding-block: calc(.004px + 11.11vw) calc(26.6728px + 3.702vw)
}

@media (min-width:1600px) {
    .headingNarrowSlider__inner {
        padding-block: 16rem 8rem
    }
}

.headingNarrowSlider__container {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    justify-content: space-between
}

@media (min-width:768px) {
    .headingNarrowSlider__container {
        align-items: flex-end;
        flex-direction: row;
        gap: 0
    }
}

.headingNarrowSlider__title {
    color: #625da9;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .headingNarrowSlider__title {
        font-size: 2rem
    }
}

.headingNarrowSlider__subtitle {
    font-size: calc(24.0048px + 3.332vw);
    line-height: 1.25;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .headingNarrowSlider__subtitle {
        font-size: 7.2rem
    }
}

.headingNarrowSlider__text {
    font-size: calc(17.3376px + .184vw);
    line-height: 1.6
}

@media (min-width:1600px) {
    .headingNarrowSlider__text {
        font-size: 2rem
    }
}

.headingNarrowSlider__content {
    display: flex;
    flex-direction: column;
    gap: calc(12.0048px + 3.332vw);
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:768px) {
    .headingNarrowSlider__content {
        flex-direction: row
    }
}

.headingNarrowSlider__side {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 37.6rem;
    position: relative;
    z-index: 2
}

.headingNarrowSlider__nav {
    align-items: center;
    display: flex;
    gap: calc(13.336px + .74vw);
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .headingNarrowSlider__nav--hidden {
        display: none
    }
}

.headingNarrowSlider__navButton {
    align-items: center;
    border: .2rem solid #292929;
    border-radius: 50%;
    display: flex;
    height: calc(32.004px + 1.11vw);
    justify-content: center;
    transition: background-color .4s,border-color .4s,opacity .4s;
    width: calc(32.004px + 1.11vw)
}

    .headingNarrowSlider__navButton:before {
        font-size: calc(9.336px + .74vw)
    }

@media (min-width:1600px) {
    .headingNarrowSlider__navButton:before {
        font-size: 2rem
    }
}

.headingNarrowSlider__navButton--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e930" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.headingNarrowSlider__navButton--next:before, html[dir=rtl] .headingNarrowSlider__navButton--prev:before {
    content: "\e931" !important
}

.headingNarrowSlider__navButton--next:before, html[dir=rtl] .headingNarrowSlider__navButton--next:before, html[dir=rtl] .headingNarrowSlider__navButton--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

html[dir=rtl] .headingNarrowSlider__navButton--next:before {
    content: "\e930" !important
}

.headingNarrowSlider__navButton.swiper-button-disabled {
    opacity: .5
}

    .headingNarrowSlider__navButton.swiper-button-disabled:before {
        color: #292929
    }

@media (hover:hover) {
    .headingNarrowSlider__navButton.swiper-button-disabled:hover {
        background-color: transparent;
        border-color: #292929;
        cursor: not-allowed
    }

    .headingNarrowSlider__navButton:hover {
        background-color: #c9f658;
        border-color: #c9f658
    }
}

.headingNarrowSlider__slider {
    margin-inline: -1rem;
    overflow: visible
}

@media (min-width:768px) {
    .headingNarrowSlider__slider {
        width: 50%
    }
}

.headingNarrowSlider__wrapper {
    display: flex;
    width: 100%
}

.headingNarrowSlider__slide {
    flex-shrink: 0;
    padding-inline: 1rem;
    transition: opacity .4s,visibility .4s,width .4s;
    width: 100%
}

@media (min-width:768px) {
    .headingNarrowSlider__slide {
        width: calc(51% - 1rem)
    }
}

.headingNarrowSlider__slide--hidden {
    opacity: 0;
    visibility: hidden
}

@media (hover:hover) and (min-width:768px) {
    .headingNarrowSlider__slide:hover {
        width: calc(54% - 1rem)
    }
}

.textContent__inner {
    display: flex;
    gap: 2.4rem;
    justify-content: space-between;
    padding-block: calc(18.672px + 1.48vw) calc(26.6728px + 3.702vw)
}

.textContent__content {
    display: flex;
    flex-direction: column;
    gap: calc(10.672px + 1.48vw)
}

@media (min-width:1024px) {
    .textContent__content {
        max-width: calc(83.3352px + 43.518vw)
    }
}

@media (min-width:1600px) {
    .textContent__content {
        max-width: 71rem
    }
}

.textContent__side {
    -webkit-margin-start: auto;
    display: none;
    margin-inline-start: auto;
    max-width: 40.8rem;
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    .textContent__side {
        display: block
    }
}

.textContent__nav {
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    top: calc(140px + 1.6rem)
}

.singleHeading__inner {
    -webkit-padding-after: 2.4rem;
    padding-block-end: 2.4rem
}

@media (min-width:1024px) {
    .singleHeading__inner {
        padding-block: 140px calc(-4.9944px + 8.054vw)
    }
}

@media (min-width:1600px) {
    .singleHeading__inner {
        padding-block: 140px 11.1rem
    }
}

.singleHeading__breadcrumbs {
    margin-top: calc(21.336px + .74vw)
}

.singleHeading__title {
    font-size: calc(24.0048px + 3.332vw);
    line-height: 1.25;
    margin-top: calc(14.0064px + 2.776vw)
}

@media (min-width:1600px) {
    .singleHeading__title {
        font-size: 7.2rem
    }
}

.pageNotFound {
    flex-grow: 1;
    position: relative
}

.pageNotFound__inner {
    padding-block: calc(10.672px + 1.48vw) calc(-21.3312px + 12.592vw)
}

@media (min-width:768px) {
    .pageNotFound__inner {
        padding-block: 140px calc(-21.3312px + 12.592vw)
    }
}

@media (min-width:1600px) {
    .pageNotFound__inner {
        padding-block: 140px 16rem
    }
}

.pageNotFound__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: calc(-9.9984px + 9.444vw);
    text-align: center
}

@media (min-width:1600px) {
    .pageNotFound__content {
        margin-top: 12.6rem
    }
}

.pageNotFound__title {
    color: #0063af;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .pageNotFound__title {
        font-size: 2rem
    }
}

.pageNotFound__subtitle {
    font-size: calc(32.004px + 1.11vw);
    line-height: 1.375;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .pageNotFound__subtitle {
        font-size: 4.8rem
    }
}

.pageNotFound__text {
    color: #b2b2b2;
    font-size: calc(15.3376px + .184vw);
    line-height: 1.7777777778;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:768px) {
    .pageNotFound__text {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .pageNotFound__text {
        font-size: 1.8rem
    }
}

.pageNotFound__button, .pageNotFound__links {
    margin-top: calc(18.672px + 1.48vw)
}

.pageNotFound__links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: calc(10.672px + 1.48vw);
    justify-content: center
}

.pageNotFound__link {
    color: #0063af;
    font-size: calc(13.3376px + .184vw);
    line-height: 1.625;
    transition: color .4s
}

@media (min-width:1600px) {
    .pageNotFound__link {
        font-size: 1.6rem
    }
}

@media (hover:hover) {
    .pageNotFound__link:hover {
        color: #1cc5dc
    }
}

.pageNotFound__pattern {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

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

.projectsFilteredList__inner {
    padding-block: calc(26.6728px + 3.702vw)
}

@media (min-width:1600px) {
    .projectsFilteredList__inner {
        padding-block: 8rem
    }
}

.projectsFilteredList__items {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .projectsFilteredList__items {
        margin-top: 4rem
    }
}

.projectsFilteredList__item {
    flex-grow: 1;
    min-height: 25.6rem;
    width: 100%
}

@media (min-width:768px) {
    .projectsFilteredList__item {
        min-height: 50rem;
        width: calc(50% - 2rem)
    }
}

@media (min-width:1024px) {
    .projectsFilteredList__item {
        width: calc(33.3333% - 2rem)
    }
}

.projectsFilteredList__foot {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: 2.4rem;
    justify-content: space-between;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .projectsFilteredList__foot {
        flex-direction: row
    }
}

@media (min-width:1600px) {
    .projectsFilteredList__foot {
        margin-top: 4rem
    }
}

.projectsFilteredList__text {
    font-size: calc(20.004px + 1.11vw);
    line-height: 4.8rem;
    margin-top: calc(44.004px + 1.11vw)
}

    .projectsFilteredList__text strong {
        color: #0063af;
        font-weight: 700
    }

@media (min-width:1600px) {
    .projectsFilteredList__text {
        font-size: 3.6rem;
        margin-top: 6rem
    }
}

.headingCentered__inner {
    text-align: center
}

@media (min-width:1024px) {
    .headingCentered__inner {
        margin-top: 140px
    }
}

.headingCentered__breadcrumbs {
    margin-top: calc(10.672px + 1.48vw)
}

.headingCentered__content {
    margin-top: calc(18.672px + 1.48vw)
}

.headingCentered__title {
    color: #0063af;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .headingCentered__title {
        font-size: 2rem
    }
}

.headingCentered__subtitle {
    font-size: calc(24.0048px + 3.332vw);
    line-height: 1.25;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .headingCentered__subtitle {
        font-size: 7.2rem
    }
}

.headingCentered__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.7777777778;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .headingCentered__text {
        font-size: 1.8rem
    }
}

.headingCentered__button {
    margin-top: calc(18.672px + 1.48vw)
}

.tabsSlider {
    -webkit-margin-before: 4rem;
    background-color: #625da9;
    margin-block-start: 4rem;
    position: relative
}

@media (min-width:1024px) {
    .tabsSlider {
        margin-block: calc(.004px + 11.11vw)
    }
}

@media (min-width:1600px) {
    .tabsSlider {
        margin-block: 16rem
    }
}

.tabsSlider__box, .tabsSlider__inner {
    position: relative
}

.tabsSlider__box {
    display: flex;
    height: 100%
}

@media (min-width:1024px) {
    .tabsSlider__content {
        width: 50%
    }
}

.tabsSlider__content, .tabsSlider__tabs {
    z-index: 1
}

.tabsSlider__content {
    color: #fff;
    display: none;
    margin-left: auto;
    opacity: 0;
    padding-block: calc(.0016px + 11.944vw);
    visibility: hidden
}

.tabsSlider__content--active {
    display: block;
    opacity: 1;
    visibility: visible
}

@media (max-width:1024px) {
    .tabsSlider__content {
        margin-left: 0
    }
}

@media (min-width:1600px) {
    .tabsSlider__content {
        padding-block: 17.2rem
    }
}

.tabsSlider__titleWrapper {
    align-items: center;
    display: flex;
    gap: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .tabsSlider__titleWrapper {
        gap: 2.4rem
    }
}

.tabsSlider__icon {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 6rem;
    justify-content: center;
    width: 6rem
}

.tabsSlider__title {
    font-size: calc(20.004px + 1.11vw);
    font-weight: 700;
    line-height: 1.3333333333
}

@media (min-width:1600px) {
    .tabsSlider__title {
        font-size: 3.6rem
    }
}

.tabsSlider__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .tabsSlider__text {
        font-size: 1.8rem;
        margin-top: 4rem
    }
}

.tabsSlider__tabs {
    align-items: center;
    bottom: -3rem;
    display: flex;
    gap: calc(16.0008px + 2.222vw);
    justify-content: space-between;
    left: 0;
    position: absolute;
    width: 100%
}

@media (max-width:1024px) {
    .tabsSlider__tabs {
        display: none
    }
}

@media (min-width:1600px) {
    .tabsSlider__tabs {
        gap: 4.8rem
    }
}

.tabsSlider__tab {
    background-color: #fff;
    border-left: .3rem solid #c9f658;
    border-radius: .8rem;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.051),0 15px 15px 0 rgba(0,0,0,.039),0 34px 21px 0 rgba(0,0,0,.031),0 61px 24px 0 rgba(0,0,0,.012),0 95px 27px 0 transparent;
    height: 6rem;
    padding-block: 1.4rem;
    padding-inline: 2rem;
    text-align: left;
    transition: background-color .4s;
    white-space: nowrap;
    width: 100%
}

.tabsSlider__tab--active {
    background-color: #c9f658
}

@media (hover:hover) {
    .tabsSlider__tab:hover {
        background-color: #c9f658
    }
}

.tabsSlider__label {
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6
}

@media (min-width:1600px) {
    .tabsSlider__label {
        font-size: 2rem
    }
}

.tabsSlider__image {
    height: calc(96.5% + .0008px + 22.222vw);
    left: -5.5rem;
    opacity: 0;
    position: absolute;
    top: calc(-2.9rem + .0032px - 11.112vw);
    transition: visibility .4s,opacity .4s;
    visibility: hidden
}

.tabsSlider__image--active {
    opacity: 1;
    transform: translate(0);
    visibility: visible
}

@media (max-width:1024px) {
    .tabsSlider__image {
        display: none
    }
}

@media (min-width:1600px) {
    .tabsSlider__image {
        height: calc(96.5% + 32rem);
        top: -18.9rem
    }
}

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

.tabsSlider__nav {
    align-items: center;
    display: flex;
    gap: calc(13.336px + .74vw);
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .tabsSlider__nav {
        display: none
    }
}

.tabsSlider__arrow {
    align-items: center;
    border: .1rem solid #fff;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 1.6rem;
    height: 4.8rem;
    justify-content: center;
    transition: background-color .4s,border-color .4s,color .4s,opacity .4s;
    width: 4.8rem
}

@media (hover:hover) {
    .tabsSlider__arrow:hover {
        background-color: #c9f658;
        border-color: #c9f658;
        color: #292929
    }
}

.tabsSlider__arrow--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e930" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.tabsSlider__arrow--next:before, html[dir=rtl] .tabsSlider__arrow--prev:before {
    content: "\e931" !important
}

.tabsSlider__arrow--next:before, html[dir=rtl] .tabsSlider__arrow--next:before, html[dir=rtl] .tabsSlider__arrow--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

html[dir=rtl] .tabsSlider__arrow--next:before {
    content: "\e930" !important
}

.tabsSlider__arrow.swiper-button-disabled {
    cursor: not-allowed;
    opacity: .5
}

@media (hover:hover) {
    .tabsSlider__arrow.swiper-button-disabled:hover {
        background-color: transparent;
        border-color: currentColor;
        color: currentColor
    }
}

.projectsVerticalSlider {
    background-color: #0063af;
    color: #fff;
    overflow: hidden;
    position: relative
}

.projectsVerticalSlider__inner {
    -webkit-padding-before: calc(26.6728px + 3.702vw);
    padding-block-start: calc(26.6728px + 3.702vw);
    position: relative
}

@media (min-width:1600px) {
    .projectsVerticalSlider__inner {
        -webkit-padding-before: 8rem;
        padding-block-start: 8rem
    }
}

.projectsVerticalSlider__heading {
    position: relative;
    z-index: 1
}

.projectsVerticalSlider__title {
    color: #c9f658;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .projectsVerticalSlider__title {
        font-size: 2rem
    }
}

.projectsVerticalSlider__subtitle {
    font-size: calc(16.0008px + 2.222vw);
    line-height: 1.375;
    margin-top: calc(13.336px + .74vw);
    max-width: 80%
}

@media (min-width:1600px) {
    .projectsVerticalSlider__subtitle {
        font-size: 4.8rem;
        margin-top: 2.4rem
    }
}

.projectsVerticalSlider__text {
    font-size: calc(17.3376px + .184vw);
    line-height: 1.6;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .projectsVerticalSlider__text {
        font-size: 2rem;
        margin-top: 4rem
    }
}

.projectsVerticalSlider__content {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .projectsVerticalSlider__content {
        align-items: center;
        flex-direction: row;
        gap: 0
    }
}

@media (min-width:1600px) {
    .projectsVerticalSlider__content {
        margin-top: 4rem
    }
}

.projectsVerticalSlider__side {
    align-items: center;
    display: flex;
    gap: calc(5.3368px + 2.962vw)
}

@media (min-width:1024px) {
    .projectsVerticalSlider__side {
        width: 16.9532%
    }
}

@media (min-width:1600px) {
    .projectsVerticalSlider__side {
        gap: 4.8rem
    }
}

.projectsVerticalSlider__nav {
    display: flex;
    gap: calc(13.336px + .74vw)
}

@media (min-width:1024px) {
    .projectsVerticalSlider__nav {
        flex-direction: column
    }
}

@media (min-width:1600px) {
    .projectsVerticalSlider__nav {
        gap: 2.4rem
    }
}

.projectsVerticalSlider__arrow {
    align-items: center;
    border: .1rem solid #fff;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 1.6rem;
    height: 4.8rem;
    justify-content: center;
    transition: background-color .4s,border-color .4s,color .4s,opacity .4s;
    width: 4.8rem
}

@media (hover:hover) {
    .projectsVerticalSlider__arrow:hover {
        background-color: #c9f658;
        border-color: #c9f658;
        color: #292929
    }
}

.projectsVerticalSlider__arrow--prev:before {
    content: "\e913" !important
}

.projectsVerticalSlider__arrow--prev:before, html[dir=rtl] .projectsVerticalSlider__arrow--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

html[dir=rtl] .projectsVerticalSlider__arrow--prev:before {
    content: "\e912" !important
}

@media (min-width:1024px) {
    .projectsVerticalSlider__arrow--prev:before, html[dir=rtl] .projectsVerticalSlider__arrow--prev:before {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e911" !important;
        font-family: icomoon !important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-transform: none
    }
}

.projectsVerticalSlider__arrow--next:before {
    content: "\e912" !important
}

.projectsVerticalSlider__arrow--next:before, html[dir=rtl] .projectsVerticalSlider__arrow--next:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

html[dir=rtl] .projectsVerticalSlider__arrow--next:before {
    content: "\e913" !important
}

@media (min-width:1024px) {
    .projectsVerticalSlider__arrow--next:before, html[dir=rtl] .projectsVerticalSlider__arrow--next:before {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e915" !important;
        font-family: icomoon !important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-transform: none
    }
}

.projectsVerticalSlider__arrow.swiper-button-disabled {
    cursor: not-allowed;
    opacity: .5
}

@media (hover:hover) {
    .projectsVerticalSlider__arrow.swiper-button-disabled:hover {
        background-color: transparent;
        border-color: currentColor;
        color: currentColor
    }
}

.projectsVerticalSlider__progress {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1.2rem
}

@media (max-width:1024px) {
    .projectsVerticalSlider__progress {
        display: none
    }
}

.projectsVerticalSlider__index {
    font-size: calc(18.668px + .37vw);
    line-height: 1.5
}

.projectsVerticalSlider__bars {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    height: 23.2rem;
    width: .2rem
}

.projectsVerticalSlider__bar {
    background-color: hsla(0,0%,100%,.2);
    border-radius: 10rem;
    overflow: hidden;
    position: relative;
    width: .2rem
}

    .projectsVerticalSlider__bar:before {
        background-color: #fff;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity .4s;
        width: 100%
    }

.projectsVerticalSlider__bar--active:before {
    opacity: 1
}

.projectsVerticalSlider__slider {
    border-top-left-radius: 1.6rem;
    border-top-right-radius: 1.6rem;
    overflow: hidden;
    width: 100%
}

@media (min-width:1024px) {
    .projectsVerticalSlider__slider {
        width: 83.0468%
    }
}

.projectsVerticalSlider__wrapper {
    display: flex
}

@media (min-width:1024px) {
    .projectsVerticalSlider__wrapper {
        flex-direction: column
    }
}

.projectsVerticalSlider__slide {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    padding-block: calc(26.6728px + 3.702vw);
    padding-inline: calc(-5.3264px + 5.924vw);
    position: relative;
    width: 100%
}

@media (min-width:1600px) {
    .projectsVerticalSlider__slide {
        padding-block: 8rem;
        padding-inline: 8rem
    }
}

.projectsVerticalSlider__slide .projectsVerticalSlider__title {
    color: #fff;
    font-size: calc(20.004px + 1.11vw);
    line-height: 1.3333333333;
    text-transform: unset
}

@media (min-width:1600px) {
    .projectsVerticalSlider__slide .projectsVerticalSlider__title {
        font-size: 3.6rem
    }
}

.projectsVerticalSlider__button {
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .projectsVerticalSlider__button {
        margin-top: 4rem
    }
}

.projectsVerticalSlider__image, .projectsVerticalSlider__image:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

    .projectsVerticalSlider__image:before {
        background-color: rgba(0,0,0,.7);
        content: ""
    }

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

.projectsVerticalSlider__decor {
    max-width: 1060px;
    pointer-events: none;
    position: absolute;
    right: -41.5rem;
    top: 9.6rem;
    transform: rotate(15deg);
    width: 82%
}

html[dir=rtl] .projectsVerticalSlider__decor {
    left: -41.5rem;
    right: auto;
    transform: rotate(-15deg) scaleX(-1)
}

.relatedSlider {
    position: relative
}

.relatedSlider__inner {
    padding-block: calc(.004px + 11.11vw);
    position: relative
}

@media (min-width:1600px) {
    .relatedSlider__inner {
        padding-block: 16rem
    }
}

.relatedSlider__head {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between
}

@media (min-width:1024px) {
    .relatedSlider__head {
        align-items: center;
        flex-direction: row;
        gap: 0
    }
}

.relatedSlider__title {
    font-size: calc(16.0008px + 2.222vw);
    line-height: 1.375
}

@media (min-width:1600px) {
    .relatedSlider__title {
        font-size: 4.8rem
    }
}

.relatedSlider__text {
    font-size: calc(17.3376px + .184vw);
    line-height: 1.6
}

@media (min-width:1600px) {
    .relatedSlider__text {
        font-size: 2rem
    }
}

.relatedSlider__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: calc(12.0048px + 3.332vw);
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .relatedSlider__content {
        flex-direction: row
    }
}

@media (min-width:1600px) {
    .relatedSlider__content {
        gap: 6rem;
        margin-top: 4rem
    }
}

.relatedSlider__side {
    position: relative;
    width: 100%;
    z-index: 1
}

@media (min-width:1024px) {
    .relatedSlider__side {
        width: 34%
    }
}

.relatedSlider__slider {
    width: calc(100% + 2rem)
}

@media (min-width:1024px) {
    .relatedSlider__slider {
        width: 66%
    }
}

@media (min-width:1600px) {
    .relatedSlider__slider {
        margin-inline: -1rem
    }
}

.relatedSlider__wrapper {
    display: flex
}

.relatedSlider__slide {
    flex-shrink: 0;
    padding-inline: calc(7.3376px + .184vw);
    transition: opacity .4s,visibility .4s;
    width: 100%
}

@media (min-width:1024px) {
    .relatedSlider__slide {
        width: 50%
    }
}

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

@media (min-width:1600px) {
    .relatedSlider__slide {
        padding-inline: 1rem
    }
}

.relatedSlider__item {
    display: block;
    height: 25.6rem
}

@media (min-width:1024px) {
    .relatedSlider__item {
        height: 50rem
    }
}

.relatedSlider__nav {
    align-items: center;
    display: flex;
    gap: calc(13.336px + .74vw);
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .relatedSlider__nav {
        gap: 2.4rem;
        margin-top: 4rem
    }
}

.relatedSlider__arrow {
    align-items: center;
    border: .1rem solid #292929;
    border-radius: 50%;
    color: #292929;
    display: flex;
    font-size: 1.6rem;
    height: 4.8rem;
    justify-content: center;
    transition: background-color .4s,border-color .4s,color .4s,opacity .4s;
    width: 4.8rem
}

@media (hover:hover) {
    .relatedSlider__arrow:hover {
        background-color: #c9f658;
        border-color: #c9f658;
        color: #292929
    }
}

.relatedSlider__arrow--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e930" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.relatedSlider__arrow--next:before, html[dir=rtl] .relatedSlider__arrow--prev:before {
    content: "\e931" !important
}

.relatedSlider__arrow--next:before, html[dir=rtl] .relatedSlider__arrow--next:before, html[dir=rtl] .relatedSlider__arrow--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

html[dir=rtl] .relatedSlider__arrow--next:before {
    content: "\e930" !important
}

.relatedSlider__arrow.swiper-button-disabled {
    cursor: not-allowed;
    opacity: .5
}

@media (hover:hover) {
    .relatedSlider__arrow.swiper-button-disabled:hover {
        background-color: transparent;
        border-color: currentColor;
        color: currentColor
    }
}

.relatedSlider__decor {
    left: -12.9rem;
    max-width: 631px;
    pointer-events: none;
    position: absolute;
    top: -2.8rem;
    transform: rotate(328deg);
    width: 49%
}

html[dir=rtl] .relatedSlider__decor {
    left: auto;
    right: -12.9rem;
    transform: rotate(-328deg) scaleX(-1)
}

@media (min-width:1600px) {
    .relatedSlider__decor {
        right: 0
    }

    html[dir=rtl] .relatedSlider__decor {
        left: 0;
        right: auto
    }
}

.heroImageHeading {
    position: relative
}

.heroImageHeading__inner {
    padding-block: calc(10.672px + 1.48vw) calc(-6.996px + 8.61vw)
}

@media (min-width:768px) {
    .heroImageHeading__inner {
        padding-block: 140px calc(-6.996px + 8.61vw)
    }
}

@media (min-width:1600px) {
    .heroImageHeading__inner {
        padding-block: 140px 11.7rem
    }
}

.heroImageHeading__breadcrumbs, .heroImageHeading__heading {
    position: relative;
    z-index: 1
}

.heroImageHeading__title {
    color: #c9f658;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: calc(13.336px + .74vw);
    text-transform: uppercase
}

@media (min-width:1600px) {
    .heroImageHeading__title {
        font-size: 2rem;
        margin-bottom: 2.4rem
    }
}

.heroImageHeading__subtitle {
    color: #fff;
    font-size: calc(32.004px + 1.11vw);
    line-height: 1.375
}

@media (min-width:1024px) {
    .heroImageHeading__subtitle {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .heroImageHeading__subtitle {
        font-size: 4.8rem
    }
}

.heroImageHeading__text {
    color: #fff;
    font-size: calc(15.3376px + .184vw);
    line-height: 1.7777777778;
    margin-top: calc(10.668px + .37vw);
    max-width: 76.4rem
}

@media (min-width:1600px) {
    .heroImageHeading__text {
        font-size: 1.8rem
    }
}

.heroImageHeading__breadcrumbs {
    margin-bottom: calc(18.672px + 1.48vw)
}

@media (min-width:768px) {
    .heroImageHeading__breadcrumbs {
        margin-top: calc(10.672px + 1.48vw)
    }
}

@media (min-width:1600px) {
    .heroImageHeading__breadcrumbs {
        margin-bottom: 4rem
    }
}

.heroImageHeading__button {
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .heroImageHeading__button {
        margin-top: 4rem
    }
}

.heroImageHeading__image {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

    .heroImageHeading__image:before {
        background-color: rgba(30,30,30,.7);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

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

.heroImageHeading--narrow .heroImageHeading__text {
    max-width: 51rem
}

.heroImageHeading--small .heroImageHeading__inner {
    -webkit-padding-after: calc(26.6728px + 3.702vw);
    padding-block-end: calc(26.6728px + 3.702vw)
}

@media (min-width:1600px) {
    .heroImageHeading--small .heroImageHeading__inner {
        -webkit-padding-after: 8rem;
        padding-block-end: 8rem
    }
}

.heroImageHeading--large .heroImageHeading__inner {
    -webkit-padding-after: calc(-1.9976px + 11.666vw);
    padding-block-end: calc(-1.9976px + 11.666vw)
}

@media (min-width:1600px) {
    .heroImageHeading--large .heroImageHeading__inner {
        -webkit-padding-after: 16.6rem;
        padding-block-end: 16.6rem
    }
}

.heroImageHeading--large .heroImageHeading__breadcrumbs {
    margin-bottom: calc(2.004px + 6.11vw)
}

@media (min-width:1600px) {
    .heroImageHeading--large .heroImageHeading__breadcrumbs {
        margin-bottom: 9rem
    }
}

.heroImageHeading--largeHeading .heroImageHeading__subtitle {
    font-size: calc(24.0048px + 3.332vw);
    line-height: 1.25
}

@media (min-width:1600px) {
    .heroImageHeading--largeHeading .heroImageHeading__subtitle {
        font-size: 7.2rem
    }
}

.headingAlterOffers__inner {
    padding-block: calc(26.6728px + 3.702vw)
}

@media (min-width:1600px) {
    .headingAlterOffers__inner {
        padding-block: 8rem
    }
}

.headingAlterOffers__heading {
    max-width: 128rem
}

@media (min-width:1024px) {
    .headingAlterOffers__heading {
        text-align: center
    }
}

.headingAlterOffers__title {
    color: #0063af;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .headingAlterOffers__title {
        font-size: 2rem
    }
}

.headingAlterOffers__subtitle {
    font-size: calc(32.004px + 1.11vw);
    font-weight: 700;
    line-height: 1.375;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .headingAlterOffers__subtitle {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .headingAlterOffers__subtitle {
        font-size: 4.8rem;
        margin-top: 4rem
    }
}

.headingAlterOffers__text {
    font-size: calc(17.3376px + .184vw);
    line-height: 1.6;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .headingAlterOffers__text {
        font-size: 2rem;
        margin-top: 1.6rem
    }
}

.headingAlterOffers__items {
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .headingAlterOffers__items {
        margin-top: 4rem
    }
}

.headingAlterOffers__item {
    display: flex;
    flex-direction: column-reverse;
    gap: calc(-12.3312px + 10.092vw);
    justify-content: space-between;
    padding-block: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .headingAlterOffers__item {
        align-items: center;
        flex-direction: row
    }
}

@media (min-width:1600px) {
    .headingAlterOffers__item {
        gap: 13.3rem;
        padding-block: 4rem
    }
}

@media (min-width:1024px) {
    .headingAlterOffers__item:nth-child(2n) {
        flex-direction: row-reverse
    }

    .headingAlterOffers__content {
        max-width: 42%
    }
}

.headingAlterOffers__content .headingAlterOffers__title {
    color: #000;
    font-size: calc(20.004px + 1.11vw);
    line-height: 1.3333333333;
    text-transform: unset
}

@media (min-width:1024px) {
    .headingAlterOffers__content .headingAlterOffers__title {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .headingAlterOffers__content .headingAlterOffers__title {
        font-size: 3.6rem
    }
}

.headingAlterOffers__content .headingAlterOffers__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 2
}

@media (min-width:1600px) {
    .headingAlterOffers__content .headingAlterOffers__text {
        font-size: 1.8rem
    }
}

.headingAlterOffers__button {
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .headingAlterOffers__button {
        margin-top: 4rem
    }
}

.headingAlterOffers__image {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.051),0 15px 15px 0 rgba(0,0,0,.039),0 34px 21px 0 rgba(0,0,0,.031),0 61px 24px 0 rgba(0,0,0,.012),0 95px 27px 0 transparent;
    height: calc(181.336px + 20.74vw)
}

@media (min-width:1024px) {
    .headingAlterOffers__image {
        max-width: 46%
    }
}

@media (min-width:1600px) {
    .headingAlterOffers__image {
        height: 48rem
    }
}

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

.headingProjectSlider {
    background-color: #f7f7f7;
    overflow: hidden
}

.headingProjectSlider__inner {
    padding-block: calc(.004px + 11.11vw)
}

@media (min-width:1600px) {
    .headingProjectSlider__inner {
        padding-block: 16rem
    }
}

.headingProjectSlider__heading {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between
}

@media (min-width:768px) {
    .headingProjectSlider__heading {
        align-items: center;
        flex-direction: row;
        gap: 0
    }
}

.headingProjectSlider__container {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    justify-content: space-between
}

@media (min-width:1024px) {
    .headingProjectSlider__container {
        align-items: flex-end;
        flex-direction: row;
        gap: 0
    }
}

.headingProjectSlider__title {
    font-size: calc(32.004px + 1.11vw);
    line-height: 1.375
}

@media (min-width:1600px) {
    .headingProjectSlider__title {
        font-size: 4.8rem
    }
}

.headingProjectSlider__text {
    font-size: calc(17.3376px + .184vw);
    line-height: 1.6
}

@media (min-width:1600px) {
    .headingProjectSlider__text {
        font-size: 2rem
    }
}

.headingProjectSlider__content {
    display: flex;
    flex-direction: column;
    gap: calc(12.0048px + 3.332vw);
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .headingProjectSlider__content {
        flex-direction: row
    }
}

.headingProjectSlider__side {
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 37.6rem;
    position: relative;
    z-index: 2
}

.headingProjectSlider__nav {
    align-items: center;
    display: flex;
    gap: calc(13.336px + .74vw);
    margin-top: calc(18.672px + 1.48vw)
}

.headingProjectSlider__navButton {
    align-items: center;
    border: .2rem solid #292929;
    border-radius: 50%;
    display: flex;
    height: calc(32.004px + 1.11vw);
    justify-content: center;
    transition: background-color .4s,border-color .4s,opacity .4s;
    width: calc(32.004px + 1.11vw)
}

    .headingProjectSlider__navButton:before {
        font-size: calc(9.336px + .74vw)
    }

@media (min-width:1600px) {
    .headingProjectSlider__navButton:before {
        font-size: 2rem
    }
}

.headingProjectSlider__navButton--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e930" !important;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

.headingProjectSlider__navButton--next:before, html[dir=rtl] .headingProjectSlider__navButton--prev:before {
    content: "\e931" !important
}

.headingProjectSlider__navButton--next:before, html[dir=rtl] .headingProjectSlider__navButton--next:before, html[dir=rtl] .headingProjectSlider__navButton--prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none
}

html[dir=rtl] .headingProjectSlider__navButton--next:before {
    content: "\e930" !important
}

.headingProjectSlider__navButton.swiper-button-disabled {
    opacity: .5
}

    .headingProjectSlider__navButton.swiper-button-disabled:before {
        color: #292929
    }

@media (hover:hover) {
    .headingProjectSlider__navButton.swiper-button-disabled:hover {
        background-color: transparent;
        border-color: #292929;
        cursor: not-allowed
    }

    .headingProjectSlider__navButton:hover {
        background-color: #c9f658;
        border-color: #c9f658
    }
}

.headingProjectSlider__slider {
    margin-inline: -1rem;
    overflow: visible
}

.headingProjectSlider__wrapper {
    display: flex;
    width: 100%
}

.headingProjectSlider__slide {
    flex-shrink: 0;
    height: 25.6rem;
    padding-inline: 1rem;
    transition: opacity .4s,visibility .4s,width .4s;
    width: 100%
}

@media (min-width:768px) {
    .headingProjectSlider__slide {
        height: 50rem;
        width: 50%
    }
}

.headingProjectSlider__slide--hidden {
    opacity: 0;
    visibility: hidden
}

@media (hover:hover) and (min-width:768px) {
    .headingProjectSlider__slide:hover {
        width: 50%
    }
}

.personSlider {
    background-color: #f7f7f7;
    position: relative
}

.personSlider__inner {
    padding-block: calc(26.6728px + 3.702vw)
}

@media (min-width:1600px) {
    .personSlider__inner {
        padding-block: 8rem
    }
}

.personSlider__heading {
    max-width: 76.4rem;
    position: relative;
    z-index: 1
}

.personSlider__title {
    color: #625da9;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .personSlider__title {
        font-size: 2rem
    }
}

.personSlider__subtitle {
    font-size: calc(32.004px + 1.11vw);
    line-height: 1.375;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1024px) {
    .personSlider__subtitle {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .personSlider__subtitle {
        font-size: 4.8rem;
        margin-top: 2.4rem
    }
}

.personSlider__text {
    font-size: calc(17.3376px + .184vw);
    line-height: 1.6;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .personSlider__text {
        font-size: 2rem;
        margin-top: 1.6rem
    }
}

.personSlider__slider {
    margin-top: calc(18.672px + 1.48vw);
    overflow: hidden
}

@media (min-width:1600px) {
    .personSlider__slider {
        margin-top: 4rem
    }
}

.personSlider__wrapper {
    display: flex
}

.personSlider__slide {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: calc(10.6728px + 3.702vw);
    width: 100%
}

@media (min-width:1024px) {
    .personSlider__slide {
        align-items: center;
        flex-direction: row
    }
}

@media (min-width:1600px) {
    .personSlider__slide {
        gap: 6.4rem
    }
}

@media (min-width:1024px) {
    .personSlider__content {
        width: 50%
    }
}

.personSlider__content .personSlider__title {
    color: #0063af;
    font-size: calc(20.004px + 1.11vw);
    font-weight: 700;
    line-height: 1.3333333333;
    text-transform: unset
}

@media (min-width:1600px) {
    .personSlider__content .personSlider__title {
        font-size: 3.6rem
    }
}

.personSlider__content .personSlider__subtitle {
    font-size: calc(18.668px + .37vw);
    line-height: 1.5;
    margin-top: .8rem
}

@media (min-width:1600px) {
    .personSlider__content .personSlider__subtitle {
        font-size: 2.4rem;
        margin-top: .8rem
    }
}

.personSlider__nav {
    align-items: center;
    display: flex;
    gap: calc(13.336px + .74vw);
    margin-top: calc(4.668px + 5.37vw)
}

@media (min-width:1600px) {
    .personSlider__nav {
        gap: 2.4rem;
        margin-top: 8.2rem
    }
}

.personSlider__image {
    border-radius: 1.6rem;
    height: calc(187.3336px + 19.074vw);
    overflow: hidden
}

@media (min-width:1024px) {
    .personSlider__image {
        margin-left: calc(5.3376px + 5.184vw);
        width: 32%
    }

    html[dir=rtl] .personSlider__image {
        margin-left: auto;
        margin-right: calc(5.3376px + 5.184vw)
    }
}

.personSlider__decor {
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(-35.49deg);
    width: 36%
}

@media (min-width:1024px) {
    .personSlider__decor {
        right: -6.6rem;
        top: -6.6rem
    }
}

html[dir=rtl] .personSlider__decor {
    left: 0;
    right: auto;
    transform: scaleX(-1) rotate(-35.49deg)
}

@media (min-width:1024px) {
    html[dir=rtl] .personSlider__decor {
        left: -6.6rem
    }
}

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

.faqHeading {
    background-color: #f7f7f7
}

.faqHeading__inner {
    padding-block: calc(10.672px + 1.48vw) calc(-21.3312px + 12.592vw)
}

@media (min-width:1024px) {
    .faqHeading__inner {
        margin-top: 140px
    }
}

@media (min-width:1600px) {
    .faqHeading__inner {
        padding-block: 3.2rem 16rem
    }
}

.faqHeading__heading {
    margin-top: calc(11.3352px + 3.518vw);
    text-align: center
}

.faqHeading__title {
    color: #fd8c04;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .faqHeading__title {
        font-size: 2rem
    }
}

.faqHeading__subtitle {
    font-size: calc(20.004px + 1.11vw);
    line-height: 1.3333333333;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .faqHeading__subtitle {
        font-size: 3.6rem;
        margin-top: 2.4rem
    }
}

.faqHeading__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5;
    margin-top: calc(10.668px + .37vw)
}

@media (min-width:1600px) {
    .faqHeading__text {
        font-size: 1.8rem;
        margin-top: 1.6rem
    }
}

.faqHeading__form {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    margin-inline: auto;
    margin-top: calc(21.336px + .74vw)
}

@media (min-width:768px) {
    .faqHeading__form {
        align-items: center;
        flex-direction: row;
        max-width: 81.2rem
    }
}

@media (min-width:1600px) {
    .faqHeading__form {
        margin-top: 3.2rem
    }
}

.faqHeading__search {
    flex-grow: 1
}

@media (max-width:768px) {
    .faqHeading__button {
        width: 100%
    }
}

.faqAccordion__inner {
    display: flex;
    gap: calc(10.672px + 1.48vw);
    padding-block: calc(26.6728px + 3.702vw)
}

@media (min-width:1600px) {
    .faqAccordion__inner {
        gap: 3.2rem;
        padding-block: 8rem
    }
}

.faqAccordion__side {
    display: none
}

@media (min-width:1024px) {
    .faqAccordion__side {
        display: block;
        width: 33%
    }

    .faqAccordion__content {
        width: 64%
    }
}

.faqAccordion__items {
    display: flex;
    flex-direction: column;
    gap: calc(10.672px + 1.48vw)
}

@media (min-width:1600px) {
    .faqAccordion__items {
        gap: 3.2rem
    }
}

.faqAccordion__item {
    -webkit-padding-after: calc(13.336px + .74vw);
    border-top: .1rem solid #f7f7f7;
    padding-block-end: calc(13.336px + .74vw);
    padding-inline: calc(13.336px + .74vw) calc(24.0048px + 3.332vw);
    position: relative
}

@media (min-width:1600px) {
    .faqAccordion__item {
        -webkit-padding-after: 2.4rem;
        padding-block-end: 2.4rem;
        padding-inline: 2.4rem 7.2rem
    }
}

.faqAccordion__item--active .faqAccordion__arrow {
    transform: rotate(-180deg)
}

.faqAccordion__item--active .faqAccordion__textWrapper {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible
}

.faqAccordion__title {
    cursor: pointer;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    padding-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .faqAccordion__title {
        font-size: 2rem;
        padding-top: 2.4rem
    }
}

.faqAccordion__textWrapper {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: all .4s;
    visibility: hidden
}

.faqAccordion__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5;
    margin-top: .8rem
}

@media (min-width:1600px) {
    .faqAccordion__text {
        font-size: 1.8rem
    }
}

.faqAccordion__link {
    align-items: center;
    color: #0063af;
    display: flex;
    font-size: 1.4rem;
    gap: 1rem;
    line-height: 1.5;
    margin-top: .8rem;
    transition: color .4s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .faqAccordion__link:after {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e934" !important;
        font-family: icomoon !important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-transform: none
    }

html[dir=rtl] .faqAccordion__link:after {
    transform: scaleX(-1)
}

@media (hover:hover) {
    .faqAccordion__link:hover {
        color: #1cc5dc
    }
}

.faqAccordion__arrow {
    color: #0063af;
    position: absolute;
    right: calc(13.336px + .74vw);
    top: calc(13.336px + .74vw);
    transition: transform .4s,color .4s
}

@media (min-width:1600px) {
    .faqAccordion__arrow {
        right: 2.4rem;
        top: 2.4rem
    }
}

html[dir=rtl] .faqAccordion__arrow {
    left: calc(13.336px + .74vw);
    right: auto
}

@media (min-width:1600px) {
    html[dir=rtl] .faqAccordion__arrow {
        left: 2.4rem;
        right: auto
    }
}

@media (hover:hover) {
    .faqAccordion__arrow:hover {
        color: #1cc5dc
    }
}

.coursesFilteredList__inner {
    padding-block: calc(-6.996px + 8.61vw) calc(5.3376px + 5.184vw)
}

@media (min-width:1024px) {
    .coursesFilteredList__inner {
        padding-block: 11.6rem 8rem
    }
}

.coursesFilteredList__heading {
    max-width: 65.4rem
}

.coursesFilteredList__title {
    color: #0063af;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .coursesFilteredList__title {
        font-size: 2rem
    }
}

.coursesFilteredList__subtitle {
    font-size: calc(32.004px + 1.11vw);
    line-height: 1.375;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .coursesFilteredList__subtitle {
        font-size: 4.8rem
    }
}

.coursesFilteredList__text {
    font-size: calc(14.668px + .37vw);
    line-height: 1.6;
    margin-top: calc(18.672px + 1.48vw)
}

    .coursesFilteredList__text strong {
        color: #0063af
    }

@media (min-width:1600px) {
    .coursesFilteredList__text {
        font-size: 2rem;
        margin-top: 4rem
    }
}

.coursesFilteredList__filters {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: calc(14.668px + .37vw);
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:768px) {
    .coursesFilteredList__filters {
        flex-direction: row
    }
}

.coursesFilteredList__category, .coursesFilteredList__search, .coursesFilteredList__sort {
    flex-grow: 1;
    width: 100%
}

@media (min-width:768px) {
    .coursesFilteredList__search {
        max-width: 43.6rem
    }

    .coursesFilteredList__category {
        max-width: 24rem
    }

    .coursesFilteredList__sort {
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        max-width: 14rem
    }
}

.coursesFilteredList__tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin-top: calc(10.668px + .37vw)
}

.coursesFilteredList__tag {
    border: .1rem solid #b2b2b2;
    border-radius: 10rem;
    color: #292929;
    font-size: calc(15.3376px + .184vw);
    line-height: 2;
    padding: .4rem 1.2rem;
    transition: background-color .4s,border-color .4s
}

@media (min-width:1600px) {
    .coursesFilteredList__tag {
        font-size: 1.8rem
    }
}

@media (hover:hover) {
    .coursesFilteredList__tag:hover {
        background-color: #c9f658;
        border-color: #c9f658
    }
}

.coursesFilteredList__icon {
    -webkit-margin-start: .4rem;
    font-size: 1.2rem;
    margin-inline-start: .4rem
}

.coursesFilteredList__items {
    column-gap: calc(14.668px + .37vw);
    display: grid;
    grid-template-columns: 1fr;
    margin-top: calc(18.672px + 1.48vw);
    row-gap: calc(18.672px + 1.48vw)
}

@media (min-width:480px) {
    .coursesFilteredList__items {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width:1024px) {
    .coursesFilteredList__items {
        grid-template-columns: repeat(3,1fr)
    }
}

@media (min-width:1600px) {
    .coursesFilteredList__items {
        column-gap: 2rem;
        margin-top: 4rem;
        row-gap: 4rem
    }
}

.coursesFilteredList__item {
    margin-top: calc(14.668px + .37vw)
}

    .coursesFilteredList__item:first-child {
        margin-top: 0
    }

.coursesFilteredList__foot {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: 2.4rem;
    justify-content: space-between;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .coursesFilteredList__foot {
        flex-direction: row
    }
}

.figuresList__inner {
    display: flex;
    flex-direction: column;
    gap: calc(-1.9992px + 7.222vw);
    padding-block: calc(53.3384px + 7.406vw);
    position: relative
}

@media (min-width:1024px) {
    .figuresList__inner {
        flex-direction: row
    }
}

@media (min-width:1600px) {
    .figuresList__inner {
        gap: 10.2rem;
        padding-block: 16rem
    }
}

@media (min-width:1024px) {
    .figuresList__head {
        width: 34%
    }
}

.figuresList__heading {
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 18rem
}

.figuresList__items {
    column-gap: calc(18.0024px + 1.666vw);
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: calc(22.6688px + 2.592vw)
}

@media (min-width:1024px) {
    .figuresList__items {
        width: 57%
    }
}

.figuresList__item {
    display: flex;
    flex-direction: column;
    gap: .7rem
}

@media (min-width:1024px) {
    .figuresList__item {
        padding: calc(13.336px + .74vw)
    }
}

@media (min-width:1600px) {
    .figuresList__item {
        padding: 2.4rem
    }
}

.figuresList__label {
    color: #1cc5dc;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .figuresList__label {
        font-size: 2rem
    }
}

.figuresList__title {
    color: #0063af;
    font-size: calc(24.0048px + 3.332vw);
    line-height: 1.25
}

@media (min-width:1024px) {
    .figuresList__title {
        white-space: nowrap
    }
}

@media (min-width:1600px) {
    .figuresList__title {
        font-size: 7.2rem
    }
}

.figuresList__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 2
}

@media (min-width:1024px) {
    .figuresList__text {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .figuresList__text {
        font-size: 1.8rem
    }
}

.figuresList__decor {
    left: -115px;
    position: absolute;
    top: 538px;
    width: 44%
}

@media (max-width:1024px) {
    .figuresList__decor {
        display: none
    }
}

.figuresList__decor svg {
    height: 100%;
    object-fit: cover;
    width: 100%
}

html[dir=rtl] .figuresList__decor {
    left: auto;
    right: -115px;
    transform: scaleX(-1)
}

.teamSlider {
    overflow: hidden
}

.teamSlider__inner {
    padding-block: calc(53.3384px + 7.406vw)
}

@media (min-width:1600px) {
    .teamSlider__inner {
        padding-block: 16rem
    }
}

.teamSlider__head {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between
}

@media (min-width:1024px) {
    .teamSlider__head {
        align-items: flex-end;
        flex-direction: row;
        gap: 0
    }
}

.teamSlider__content, .teamSlider__progress {
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .teamSlider__content, .teamSlider__progress {
        margin-top: 4rem
    }
}

.teamSlider__slider {
    margin-inline: -1.2rem
}

.teamSlider__wrapper {
    display: flex
}

.teamSlider__slide {
    flex-shrink: 0;
    height: calc(201.3376px + 15.184vw);
    padding-inline: 1.2rem;
    width: 100%
}

@media (min-width:1024px) {
    .teamSlider__slide {
        width: 25%
    }
}

@media (min-width:1600px) {
    .teamSlider__slide {
        height: 42rem
    }
}

.teamSlider__tile {
    height: 100%
}

.teamSlider__progress {
    background-color: #b2b2b2;
    height: .1rem;
    width: 100%
}

.teamSlider__bar {
    background-color: #292929;
    height: .2rem;
    transition: transform .4s
}

.teamSlider__progress-bar {
    background-color: #b2b2b2;
    height: 1px;
    margin-top: 4rem;
    position: relative;
    width: 100%
}

    .teamSlider__progress-bar .swiper-pagination-progressbar-fill {
        background-color: #292929;
        display: block;
        height: 3px;
        transform-origin: left top;
        transition: all .4s;
        width: 100%
    }

html[dir=rtl] .teamSlider__progress-bar .swiper-pagination-progressbar-fill {
    left: auto;
    right: 0
}

.headingImage {
    background-color: #1cc5dc
}

.headingImage__inner {
    display: flex;
    flex-direction: column;
    gap: 5.8rem;
    justify-content: flex-end;
    padding-block: calc(26.6728px + 3.702vw) calc(53.3384px + 7.406vw);
    position: relative
}

@media (min-width:1024px) {
    .headingImage__inner {
        flex-direction: row;
        gap: calc(12.6672px + 3.148vw);
        padding-block: 8rem 16rem
    }
}

@media (min-width:1600px) {
    .headingImage__inner {
        gap: 5.8rem
    }
}

@media (min-width:768px) {
    .headingImage__content {
        width: 41%
    }
}

.headingImage__heading {
    color: #fff;
    position: relative;
    z-index: 1
}

.headingImage__button {
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .headingImage__button {
        margin-top: 4rem
    }
}

.headingImage__image {
    height: 367px;
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    .headingImage__image {
        height: 583px;
        width: 50%
    }
}

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

@media (min-width:1024px) {
    .headingImage--reverse .headingImage__inner {
        flex-direction: row-reverse;
        padding-bottom: 0
    }
}

.headingImage--reverse .headingImage__content {
    width: 73%
}

@media (min-width:1024px) {
    .headingImage--reverse .headingImage__image {
        height: 707px;
        left: auto;
        right: calc(10.6672px - 11.852vw);
        transform: rotate(0);
        width: calc(100% + 10rem)
    }

    html[dir=rtl] .headingImage--reverse .headingImage__image {
        left: 0;
        right: auto
    }
}

.headingImage--condense {
    overflow: hidden
}

    .headingImage--condense .heading__text {
        font-size: 1.8rem;
        line-height: 1.5
    }

.headingImage--white {
    background-color: #fff
}

    .headingImage--white .headingImage__heading {
        color: #292929
    }

.headingImage__decor {
    position: absolute
}

.headingImage__decor--1 {
    right: 1rem;
    top: -1rem;
    width: 26%
}

html[dir=rtl] .headingImage__decor--1 {
    left: 1rem;
    right: auto;
    transform: scaleX(-1)
}

.headingImage__decor--2 {
    bottom: -26%;
    left: 16%;
    width: 24%
}

html[dir=rtl] .headingImage__decor--2 {
    left: auto;
    right: 16%;
    transform: scaleX(-1)
}

.headingImage__decor--3 {
    left: -7%;
    opacity: .2;
    top: -10%;
    width: 28%
}

html[dir=rtl] .headingImage__decor--3 {
    left: auto;
    right: -7%;
    transform: scaleX(-1)
}

.headingImage__decor--4 {
    left: 164px;
    opacity: .2;
    top: 51px;
    width: 41.75%
}

html[dir=rtl] .headingImage__decor--4 {
    left: auto;
    right: 164px;
    transform: scaleX(-1)
}

.headingImage__decor--5 {
    bottom: -342px;
    opacity: .2;
    right: 25px;
    width: 48%
}

html[dir=rtl] .headingImage__decor--5 {
    left: 25px;
    right: auto;
    transform: scaleX(-1)
}

.headingImage__decor svg {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.ourSources__inner {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between;
    padding-block: calc(53.3384px + 7.406vw)
}

@media (min-width:768px) {
    .ourSources__inner {
        flex-direction: row;
        gap: 0
    }
}

@media (min-width:1600px) {
    .ourSources__inner {
        padding-block: 16rem
    }
}

@media (min-width:1024px) {
    .ourSources__heading {
        max-width: 44rem
    }
}

.ourSources__items {
    column-gap: calc(20.004px + 1.11vw);
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: calc(26.6688px + 2.592vw)
}

@media (min-width:1600px) {
    .ourSources__items {
        column-gap: 3.6rem;
        row-gap: 6.4rem
    }
}

.ourSources__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: calc(13.336px + .74vw);
    text-align: center
}

@media (min-width:1024px) {
    .ourSources__item {
        gap: 2.4rem;
        min-width: 24rem
    }
}

.ourSources__label {
    color: #0063af;
    font-size: calc(20.004px + 1.11vw);
    font-weight: 700;
    line-height: 1.3333333333
}

@media (min-width:1024px) {
    .ourSources__label {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .ourSources__label {
        font-size: 3.6rem
    }
}

.ourValues {
    background-color: #f7f7f7;
    overflow: hidden
}

.ourValues__inner {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: 2.4rem;
    padding-block: calc(53.3384px + 7.406vw);
    position: relative
}

@media (min-width:1024px) {
    .ourValues__inner {
        flex-direction: row;
        gap: 0
    }
}

@media (min-width:1600px) {
    .ourValues__inner {
        padding-block: 16rem
    }
}

@media (min-width:1024px) {
    .ourValues__heading {
        -webkit-margin-start: calc(-11.9976px - 3.334vw);
        margin-inline-start: calc(-11.9976px - 3.334vw);
        max-width: 52rem
    }
}

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

.ourValues__decor {
    position: absolute
}

@media (max-width:1024px) {
    .ourValues__decor {
        display: none
    }
}

.ourValues__decor svg {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.ourValues__decor--1 {
    left: 35%;
    max-width: 469px;
    top: -59px;
    width: 32%
}

html[dir=rtl] .ourValues__decor--1 {
    left: auto;
    right: 35%;
    transform: scaleX(-1)
}

.ourValues__decor--2 {
    bottom: 2rem;
    max-width: 631px;
    right: -6rem;
    width: 44%
}

.jobsFilteredList__inner {
    padding-block: calc(26.6728px + 3.702vw)
}

@media (min-width:1600px) {
    .jobsFilteredList__inner {
        padding-block: 8rem
    }
}

.jobsFilteredList__items {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:600px) {
    .jobsFilteredList__items {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width:1024px) {
    .jobsFilteredList__items {
        grid-template-columns: repeat(3,1fr)
    }
}

@media (min-width:1600px) {
    .jobsFilteredList__items {
        margin-top: 4rem
    }
}

.jobsFilteredList__item {
    width: 100%
}

.jobsFilteredList__foot {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: 2.4rem;
    justify-content: space-between;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .jobsFilteredList__foot {
        flex-direction: row
    }
}

@media (min-width:1600px) {
    .jobsFilteredList__foot {
        margin-top: 4rem
    }
}

.jobsFilteredList__text {
    font-size: calc(20.004px + 1.11vw);
    line-height: 4.8rem;
    margin-top: calc(44.004px + 1.11vw)
}

    .jobsFilteredList__text strong {
        color: #0063af;
        font-weight: 700
    }

@media (min-width:1600px) {
    .jobsFilteredList__text {
        font-size: 3.6rem;
        margin-top: 6rem
    }
}

.jobOfferSlider {
    background-color: #f7f7f7
}

.jobOfferSlider__inner {
    padding-block: calc(26.6728px + 3.702vw)
}

@media (min-width:1600px) {
    .jobOfferSlider__inner {
        padding-block: 8rem
    }
}

.jobOfferSlider__head {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between
}

@media (min-width:1024px) {
    .jobOfferSlider__head {
        align-items: center;
        flex-direction: row;
        gap: 0
    }
}

.jobOfferSlider__title {
    font-size: calc(32.004px + 1.11vw);
    line-height: 1.375
}

@media (min-width:1600px) {
    .jobOfferSlider__title {
        font-size: 4.8rem
    }
}

.jobOfferSlider__slider {
    margin-top: calc(18.672px + 1.48vw);
    margin-inline: -.6rem
}

@media (min-width:1600px) {
    .jobOfferSlider__slider {
        margin-top: 4rem
    }
}

.jobOfferSlider__wrapper {
    display: flex
}

.jobOfferSlider__slide {
    flex-grow: 1;
    min-width: 100%;
    padding-inline: .6rem
}

@media (min-width:1024px) {
    .jobOfferSlider__slide {
        min-width: 33.3333%
    }
}

.jobOfferSlider__progress {
    background-color: #b2b2b2;
    height: .1rem;
    margin-top: calc(18.672px + 1.48vw);
    width: 100%
}

@media (min-width:1600px) {
    .jobOfferSlider__progress {
        margin-top: 4rem
    }
}

.jobOfferSlider__bar {
    background-color: #292929;
    height: .2rem;
    transition: transform .4s
}

.jobOfferHeading {
    background-color: #f7f7f7
}

@media (min-width:1024px) {
    .jobOfferHeading {
        margin-top: 140px
    }
}

.jobOfferHeading__inner {
    padding-block: calc(10.672px + 1.48vw) calc(5.3376px + 5.184vw)
}

@media (min-width:1600px) {
    .jobOfferHeading__inner {
        padding-block: 3.2rem 8rem
    }
}

.jobOfferHeading__content {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between;
    margin-top: calc(10.6728px + 3.702vw)
}

@media (min-width:1024px) {
    .jobOfferHeading__content {
        flex-direction: row;
        gap: 0
    }
}

@media (min-width:1600px) {
    .jobOfferHeading__content {
        margin-top: 6.4rem
    }
}

.jobOfferHeading__heading {
    max-width: 58.1rem
}

    .jobOfferHeading__heading .heading__text {
        max-width: 52.1rem
    }

.jobOfferHeading__wrapper {
    max-width: 41.4rem;
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    .jobOfferHeading__tile {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.jobOfferContent__inner {
    display: flex;
    padding-block: calc(26.6728px + 3.702vw)
}

.jobOfferContent__content {
    display: flex;
    flex-direction: column;
    gap: calc(26.6728px + 3.702vw);
    max-width: 62.9rem;
    width: 100%
}

@media (min-width:1600px) {
    .jobOfferContent__content {
        gap: 8rem
    }
}

.jobOfferContent__side {
    -webkit-margin-start: auto;
    display: none;
    margin-inline-start: auto;
    max-width: 40.8rem;
    position: relative;
    width: 100%
}

@media (min-width:1280px) {
    .jobOfferContent__side {
        display: block
    }
}

.jobOfferContent__button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.headingShapeImage {
    background-color: #0063af;
    color: #fff
}

.headingShapeImage__inner {
    padding-block: calc(26.6728px + 3.702vw) calc(53.3384px + 7.406vw);
    position: relative
}

.headingShapeImage__heading .heading__text {
    line-height: 27px
}

@media (min-width:1024px) {
    .headingShapeImage__heading {
        max-width: 51.6rem
    }
}

.headingShapeImage__image {
    -webkit-clip-path: path("M955.174 455.918C662.208 318.969 405.646 201.956 201.089 0C158.618 98.8111 90.1435 169.886 0 219.291C151.684 362.307 274.764 536.527 370.108 741.083C526.126 631.871 730.682 511.391 955.174 455.918Z");
    clip-path: path("M955.174 455.918C662.208 318.969 405.646 201.956 201.089 0C158.618 98.8111 90.1435 169.886 0 219.291C151.684 362.307 274.764 536.527 370.108 741.083C526.126 631.871 730.682 511.391 955.174 455.918Z");
    position: absolute;
    right: -9.8rem;
    top: 3.4rem;
    width: 62%;
    z-index: 1
}

html[dir=rtl] .headingShapeImage__image {
    left: -9.8rem;
    right: auto;
    transform: scaleX(-1)
}

@media (max-width:1024px) {
    .headingShapeImage__image {
        display: none
    }
}

.headingShapeImage__decor {
    bottom: 1rem;
    height: 90%;
    opacity: .2;
    position: absolute;
    right: 4rem
}

html[dir=rtl] .headingShapeImage__decor {
    left: 4rem;
    right: auto;
    transform: scaleX(-1)
}

@media (max-width:1024px) {
    .headingShapeImage__decor {
        display: none
    }
}

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

.headingShapeImage__img {
    height: 100%;
    object-fit: cover;
    width: 125%
}

@media (min-width:1024px) {
    .headingShapeImage__img {
        width: 150%
    }
}

@media (min-width:1280px) {
    .headingShapeImage__img {
        width: 125%
    }
}

.headingContactForm {
    background-color: #0063af;
    color: #fff
}

.headingContactForm__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between;
    padding-block: calc(26.6728px + 3.702vw) calc(53.3384px + 7.406vw);
    position: relative
}

@media (min-width:1024px) {
    .headingContactForm__inner {
        flex-direction: row
    }
}

@media (min-width:1600px) {
    .headingContactForm__inner {
        padding-block: 8rem 16rem
    }
}

.headingContactForm__heading {
    width: 100%
}

@media (min-width:1024px) {
    .headingContactForm__heading {
        max-width: 51.6rem
    }
}

.headingContactForm__heading .heading__text {
    line-height: 1.5
}

.headingContactForm__form {
    position: relative;
    width: 100%;
    z-index: 1
}

@media (min-width:1024px) {
    .headingContactForm__form {
        max-width: 63rem
    }
}

.headingContactForm__decor {
    opacity: .2;
    position: absolute
}

@media (max-width:1024px) {
    .headingContactForm__decor {
        display: none
    }
}

.headingContactForm__decor--1 {
    left: 1rem;
    top: 1rem;
    width: 22%
}

html[dir=rtl] .headingContactForm__decor--1 {
    left: auto;
    right: .5rem;
    transform: scaleX(-1)
}

.headingContactForm__decor--2 {
    bottom: 8rem;
    left: 45%;
    width: 18.5%
}

html[dir=rtl] .headingContactForm__decor--2 {
    left: auto;
    right: 45%;
    transform: scaleX(-1)
}

.headingContactForm__decor svg {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.videoSlider__inner {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between;
    padding-block: calc(26.6728px + 3.702vw)
}

@media (min-width:1024px) {
    .videoSlider__inner {
        flex-direction: row;
        gap: 0
    }
}

@media (min-width:1600px) {
    .videoSlider__inner {
        padding-block: 8rem
    }
}

.videoSlider__heading {
    max-width: 41.3rem
}

.videoSlider__nav {
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .videoSlider__nav {
        margin-top: 4rem
    }
}

.videoSlider__slider {
    height: calc(187.3336px + 19.074vw);
    max-width: 65.7rem;
    position: relative;
    width: calc(100% - 1.6rem)
}

@media (min-width:1024px) {
    .videoSlider__slider {
        transform: translateX(-3.5rem);
        width: 100%
    }
}

.videoSlider__wrapper {
    display: flex;
    transform-style: preserve-3d;
    width: 100%
}

.videoSlider__slide {
    flex-shrink: 0;
    pointer-events: none;
    width: 100%
}

    .videoSlider__slide.swiper-slide-active {
        pointer-events: all
    }

.blogFilteredList__inner {
    -webkit-padding-after: calc(26.6728px + 3.702vw);
    padding-block-end: calc(26.6728px + 3.702vw)
}

@media (min-width:1600px) {
    .blogFilteredList__inner {
        -webkit-padding-after: 8rem;
        padding-block-end: 8rem
    }
}

.blogFilteredList__text {
    font-size: calc(20.004px + 1.11vw);
    line-height: 4.8rem;
    margin-top: calc(44.004px + 1.11vw)
}

    .blogFilteredList__text strong {
        color: #0063af;
        font-weight: 700
    }

@media (min-width:1600px) {
    .blogFilteredList__text {
        font-size: 3.6rem;
        margin-top: 6rem
    }
}

.blogFilteredList__content {
    display: flex;
    flex-direction: column-reverse;
    gap: 2.4rem;
    justify-content: space-between;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .blogFilteredList__content {
        flex-direction: row
    }
}

@media (min-width:1600px) {
    .blogFilteredList__content {
        margin-top: 4rem
    }
}

.blogFilteredList__items {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .blogFilteredList__items {
        margin-top: 4rem
    }
}

.blogFilteredList__item {
    width: 100%
}

.blogFilteredList__side {
    display: flex;
    flex-direction: column;
    gap: calc(26.6728px + 3.702vw)
}

@media (min-width:1024px) {
    .blogFilteredList__side {
        max-width: 34%
    }
}

@media (min-width:1600px) {
    .blogFilteredList__side {
        gap: 8rem
    }
}

.blogFilteredList__foot {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: 2.4rem;
    justify-content: space-between;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1024px) {
    .blogFilteredList__foot {
        flex-direction: row
    }
}

@media (min-width:1600px) {
    .blogFilteredList__foot {
        margin-top: 4rem
    }
}

.blogFilteredList__button {
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .blogFilteredList__button {
        margin-top: 4rem
    }
}

.popularTags__items {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 2rem
}

.popularTags__item {
    align-items: center;
    background-color: #f7f7f7;
    border-radius: .6rem;
    display: flex;
    font-size: 1.8rem;
    gap: .8rem;
    line-height: 2.8rem;
    padding: .4rem 1.2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.trendingPosts__items {
    margin-inline: -1rem;
    margin-top: 2rem;
    overflow: hidden
}

.trendingPosts__wrapper {
    display: flex
}

.trendingPosts__post {
    border-radius: 1.6rem;
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative
}

.trendingPosts__item {
    min-height: 25.8rem;
    min-width: 50%;
    padding-inline: 1rem
}

.trendingPosts__thumbnail, .trendingPosts__thumbnail:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

    .trendingPosts__thumbnail:before {
        background-color: rgba(41,41,41,.7);
        content: ""
    }

.trendingPosts__content {
    color: #fff;
    margin-top: auto;
    padding: calc(13.336px + .74vw);
    position: relative;
    z-index: 1
}

@media (min-width:1600px) {
    .trendingPosts__content {
        padding: 2.4rem
    }
}

.trendingPosts__title {
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6
}

@media (min-width:1600px) {
    .trendingPosts__title {
        font-size: 2rem
    }
}

.trendingPosts__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.4444444444
}

@media (min-width:1600px) {
    .trendingPosts__text {
        font-size: 1.8rem
    }
}

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

.trendingPosts__nav {
    margin-top: calc(9.336px + .74vw)
}

@media (min-width:1600px) {
    .trendingPosts__nav {
        margin-top: 2rem
    }
}

.officeSlider__inner {
    padding-block: calc(26.6728px + 3.702vw)
}

@media (min-width:1600px) {
    .officeSlider__inner {
        padding-block: 8rem
    }
}

.officeSlider__title {
    color: #0063af;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase
}

@media (min-width:1600px) {
    .officeSlider__title {
        font-size: 2rem
    }
}

.officeSlider__head {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between
}

@media (min-width:1024px) {
    .officeSlider__head {
        align-items: center;
        flex-direction: row;
        gap: 0
    }
}

.officeSlider__subtitle {
    color: #0063af;
    font-size: calc(32.004px + 1.11vw);
    font-weight: 700;
    line-height: 1.375;
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1024px) {
    .officeSlider__subtitle {
        white-space: pre-line
    }
}

@media (min-width:1600px) {
    .officeSlider__subtitle {
        font-size: 4.8rem;
        margin-top: 2.4rem
    }
}

.officeSlider__slider {
    margin-top: calc(18.672px + 1.48vw);
    margin-inline: -1rem
}

@media (min-width:1600px) {
    .officeSlider__slider {
        margin-top: 4rem
    }
}

.officeSlider__wrapper {
    display: flex
}

.officeSlider__slide {
    display: flex;
    flex-direction: column;
    min-width: 100%;
    padding-inline: 1rem
}

@media (min-width:1024px) {
    .officeSlider__slide {
        min-width: calc(33.3333% - 2rem)
    }
}

.officeSlider__decor {
    max-width: 10.4rem
}

.officeSlider__label {
    font-size: calc(20.004px + 1.11vw);
    font-weight: 700;
    line-height: 1.3333333333;
    margin-top: 2rem
}

@media (min-width:1600px) {
    .officeSlider__label {
        font-size: 3.6rem
    }
}

.officeSlider__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 2;
    margin-top: 1.6rem;
    white-space: pre-line
}

@media (min-width:1600px) {
    .officeSlider__text {
        font-size: 1.8rem
    }
}

.officeSlider__foot {
    margin-top: auto
}

.officeSlider__phone {
    align-items: center;
    display: flex;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    gap: 1.2rem;
    line-height: 1.6;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .officeSlider__phone {
        font-size: 2rem;
        margin-top: 4rem
    }
}

.officeSlider__phone:before {
    color: #0063af;
    font-size: 2.4rem
}

.officeSlider__button {
    margin-top: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .officeSlider__button {
        margin-top: 2.4rem
    }
}

.officeSlider__progress {
    background-color: #b2b2b2;
    height: .1rem;
    margin-top: calc(18.672px + 1.48vw);
    width: 100%
}

@media (min-width:1600px) {
    .officeSlider__progress {
        margin-top: 4rem
    }
}

.officeSlider__bar {
    background-color: #292929;
    height: .2rem;
    transition: transform .4s
}

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

.mediaChannels {
    background-color: #625da9
}

@media (min-width:1024px) {
    .mediaChannels {
        margin-bottom: -18.25rem
    }
}

.mediaChannels__inner {
    padding-block: calc(53.3384px + 7.406vw) calc(80.004px + 11.11vw)
}

@media (min-width:1600px) {
    .mediaChannels__inner {
        padding-block: 16rem 24rem
    }
}

.mediaChannels__heading {
    color: #fff;
    margin-inline: auto;
    max-width: 76rem;
    text-align: center
}

.mediaChannels__items {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: calc(5.3376px + 5.184vw);
    justify-content: center;
    margin-top: calc(18.672px + 1.48vw);
    margin-inline: auto;
    max-width: 76rem
}

@media (min-width:1600px) {
    .mediaChannels__items {
        gap: 8rem;
        margin-top: 4rem
    }
}

.mediaChannels__item {
    align-items: center;
    display: flex;
    gap: 1.2rem
}

@media (hover:hover) {
    .mediaChannels__item:hover .mediaChannels__icon {
        background-color: #fff;
        border-color: #fff;
        color: #8e88e3
    }
}

.mediaChannels__icon {
    align-items: center;
    border: .1rem solid #8e88e3;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: calc(9.336px + .74vw);
    height: calc(26.6728px + 3.702vw);
    justify-content: center;
    transition: background-color .4s,border-color .4s,color .4s;
    width: calc(26.6728px + 3.702vw)
}

@media (min-width:1600px) {
    .mediaChannels__icon {
        font-size: 2rem;
        height: 8rem;
        width: 8rem
    }
}

.mediaChannels__label {
    color: #fff;
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556
}

@media (min-width:1600px) {
    .mediaChannels__label {
        font-size: 1.8rem
    }
}

.headingContact {
    background-color: #0063af;
    color: #fff
}

.headingContact__inner {
    padding-block: calc(10.672px + 1.48vw) calc(86.0016px + 11.944vw);
    position: relative
}

@media (min-width:1024px) {
    .headingContact__inner {
        margin-top: 140px
    }
}

@media (min-width:1600px) {
    .headingContact__inner {
        padding-block: 3.2rem 25.8rem
    }
}

.headingContact__heading {
    margin-top: calc(34.0008px + 4.722vw)
}

@media (min-width:1600px) {
    .headingContact__heading {
        margin-top: 10.2rem
    }
}

.headingContact__decor {
    max-width: 52.8rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 36.6666%
}

html[dir=rtl] .headingContact__decor {
    left: 0;
    right: auto;
    transform: scaleX(-1)
}

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

.formTabsSlider {
    position: relative
}

.formTabsSlider__inner {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between;
    padding-block: calc(-16.664px + 15.74vw) calc(53.3384px + 7.406vw)
}

@media (min-width:1600px) {
    .formTabsSlider__inner {
        padding-block: 21rem 16rem
    }
}

@media (min-width:1024px) {
    .formTabsSlider__inner {
        flex-direction: row
    }
}

.formTabsSlider__slider {
    overflow: hidden
}

@media (min-width:1024px) {
    .formTabsSlider__slider {
        max-width: 52.2rem
    }
}

.formTabsSlider__wrapper {
    display: flex;
    position: relative
}

.formTabsSlider__slide {
    flex-shrink: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s,visibility .4s;
    visibility: hidden
}

    .formTabsSlider__slide.swiper-slide-active {
        opacity: 1 !important;
        pointer-events: all;
        visibility: visible
    }

.formTabsSlider__title {
    font-size: calc(20.004px + 1.11vw);
    font-weight: 700;
    line-height: 1.3333333333;
    white-space: pre-line
}

@media (min-width:1600px) {
    .formTabsSlider__title {
        font-size: 3.6rem
    }
}

.formTabsSlider__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.5555555556;
    margin-top: calc(13.336px + .74vw);
    white-space: pre-line
}

@media (min-width:1600px) {
    .formTabsSlider__text {
        font-size: 1.8rem;
        margin-top: 2.4rem
    }
}

.formTabsSlider__phone {
    align-items: center;
    display: flex;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    gap: 1.2rem;
    line-height: 1.6;
    margin-top: calc(16.0008px + 2.222vw)
}

@media (min-width:1600px) {
    .formTabsSlider__phone {
        font-size: 2rem;
        margin-top: 4.8rem
    }
}

.formTabsSlider__phone:before {
    color: #0063af;
    font-size: calc(13.336px + .74vw)
}

@media (min-width:1600px) {
    .formTabsSlider__phone:before {
        font-size: 2.4rem
    }
}

.formTabsSlider__foot {
    align-items: center;
    display: flex;
    gap: 1.6rem;
    justify-content: space-between;
    margin-top: calc(18.672px + 1.48vw)
}

@media (min-width:1600px) {
    .formTabsSlider__foot {
        margin-top: 4rem
    }
}

.formTabsSlider__background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

    .formTabsSlider__background:before {
        background-color: hsla(0,0%,100%,.7);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .formTabsSlider__background:after {
        background-color: hsla(0,0%,97%,.7);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.formTabsSlider__formBox {
    background-color: #fff;
    border-radius: 2.4rem;
    padding-block: calc(26.0032px + 3.888vw);
    padding-inline: calc(18.672px + 1.48vw);
    width: 100%
}

@media (min-width:1024px) {
    .formTabsSlider__formBox {
        margin-top: calc(62.0024px - 28.334vw);
        max-width: 63rem
    }
}

@media (min-width:1600px) {
    .formTabsSlider__formBox {
        margin-top: -34.6rem;
        padding-block: 8.2rem;
        padding-inline: 4rem
    }
}

.formTabsSlider__tabs {
    align-items: center;
    display: flex;
    gap: 2.4rem;
    overflow-x: auto
}

.formTabsSlider__tab {
    color: #b2b2b2;
    font-size: calc(17.3376px + .184vw);
    font-weight: 700;
    line-height: 1.6;
    position: relative;
    transition: color .4s;
    white-space: nowrap
}

    .formTabsSlider__tab:before {
        background-color: #0063af;
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        transition: width .4s;
        width: 0
    }

@media (min-width:1600px) {
    .formTabsSlider__tab {
        font-size: 2rem
    }
}

.formTabsSlider__tab--active {
    color: #0063af
}

    .formTabsSlider__tab--active:before {
        width: 100%
    }

.formTabsSlider__form {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    margin-top: calc(12.0024px + 1.666vw)
}

@media (min-width:1600px) {
    .formTabsSlider__form {
        margin-top: 3.6rem
    }
}

.formTabsSlider__textarea .textarea__textarea {
    height: calc(106.6696px + 14.814vw);
    padding-top: 3.1rem
}

@media (min-width:1600px) {
    .formTabsSlider__textarea .textarea__textarea {
        height: 32rem
    }
}

.formTabsSlider__button {
    margin-top: 1.6rem
}

    .formTabsSlider__button .button__icon:before {
        font-size: 2.4rem
    }

.formTabsSlider__box {
    display: none;
    opacity: 0;
    visibility: hidden
}

.formTabsSlider__box--active {
    display: block;
    opacity: 1;
    visibility: visible
}

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

.relatedTopics__title {
    color: #0063af;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem
}

.relatedTopics__subtitle {
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 4.8rem;
    margin-top: 2.4rem
}

.relatedTopics__items {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 4rem
}

.userPanel__inner {
    padding-block: 2.4rem
}

@media (min-width:1024px) {
    .userPanel__inner {
        padding-block: 140px 12rem
    }
}

.userPanel__main {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between;
    margin-top: 4rem
}

@media (min-width:1024px) {
    .userPanel__main {
        flex-direction: row
    }
}

.userPanel__side {
    width: 100%
}

@media (min-width:1024px) {
    .userPanel__side {
        max-width: 43.4rem
    }
}

.userPanel__side .userPanel__items {
    margin-top: 7.4rem
}

.userPanel__content {
    width: 100%
}

@media (min-width:1024px) {
    .userPanel__content {
        width: 61%
    }
}

.userPanel__label {
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 4.8rem
}

.userPanel__tabs {
    align-items: center;
    display: flex;
    gap: 3.2rem;
    margin-top: 2.4rem
}

.userPanel__slide {
    display: none
}

.userPanel__slide--active {
    display: block;
    margin-top: 2.4rem
}

.userPanel__tab {
    font-size: 1.6rem;
    line-height: 2.4rem;
    position: relative;
    transition: color .4s
}

    .userPanel__tab:before {
        background-color: #0063af;
        bottom: -.4rem;
        content: "";
        height: .2rem;
        left: 0;
        position: absolute;
        transition: width .4s;
        width: 0
    }

.userPanel__tab--active {
    color: #0063af
}

    .userPanel__tab--active:before {
        width: 100%
    }

.userPanel__filters {
    background-color: #f7f7f7;
    border-radius: 2.4rem;
    display: grid;
    gap: .8rem;
    grid-template-columns: 1fr;
    margin-top: 2.4rem;
    padding: 2.4rem
}

@media (min-width:1024px) {
    .userPanel__filters {
        padding: 4rem
    }
}

@media (min-width:1280px) {
    .userPanel__filters {
        grid-template-columns: repeat(4,1fr)
    }
}

.userPanel__items {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2.4rem
}

.userPanel__foot {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between;
    margin-top: 4rem
}

@media (min-width:1024px) {
    .userPanel__foot {
        flex-direction: row
    }
}

.userSettings__inner {
    padding-block: 2.4rem
}

@media (min-width:1024px) {
    .userSettings__inner {
        padding-block: 140px 4rem
    }
}

.userSettings__main {
    display: flex;
    gap: 2.4rem;
    margin-top: 4rem
}

.userSettings__side {
    display: none;
    width: 100%
}

@media (min-width:1024px) {
    .userSettings__side {
        display: block;
        max-width: 26.8rem
    }
}

.userSettings__content {
    flex-grow: 1;
    width: 100%
}

@media (min-width:1024px) {
    .userSettings__content {
        width: 55%
    }
}

.userSettings__title {
    font-size: 3.6rem;
    line-height: 4.8rem;
    margin-top: 2rem
}

.userSettings__tabs {
    align-items: center;
    display: flex;
    gap: 3.2rem;
    margin-block: 2.4rem
}

.userSettings__tab {
    font-size: 1.6rem;
    line-height: 2.4rem;
    position: relative
}

    .userSettings__tab:before {
        background-color: #0063af;
        border-radius: 20rem;
        bottom: -.4rem;
        content: "";
        height: .2rem;
        left: 0;
        position: absolute;
        width: 0
    }

.userSettings__tab--active {
    color: #0063af
}

    .userSettings__tab--active:before {
        width: 100%
    }

.userSettings__slide {
    display: none;
    margin-top: 2.4rem
}

.userSettings__slide--active {
    display: block
}

.userSettings__box {
    display: none;
    gap: 2.4rem;
    grid-template-columns: 1fr
}

@media (min-width:1024px) {
    .userSettings__box {
        grid-template-columns: 1fr 1fr
    }
}

.userSettings__box--active {
    display: grid
}

@media (min-width:1024px) {
    .userSettings__extended {
        grid-column: 1/3
    }
}

.userSettings__fit {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.userSettings__options {
    display: flex;
    grid-column: 1/3;
    justify-content: flex-end
}

.userSettings__button {
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.registerProfile__inner {
    padding-block: calc(10.672px + 1.48vw)
}

@media (min-width:1024px) {
    .registerProfile__inner {
        margin-block: 122px 8rem
    }
}

.registerProfile__title {
    font-size: calc(20.004px + 1.11vw);
    font-weight: 700;
    line-height: 1.3333333333
}

@media (min-width:1600px) {
    .registerProfile__title {
        font-size: 3.6rem
    }
}

.registerProfile__text {
    font-size: calc(15.3376px + .184vw);
    line-height: 1.3333333333;
    margin-top: .8rem;
    white-space: pre-line
}

@media (min-width:1600px) {
    .registerProfile__text {
        font-size: 1.8rem
    }
}

.registerProfile__label {
    display: block;
    font-size: calc(15.3376px + .184vw);
    line-height: 1.3333333333;
    margin-bottom: .8rem
}

@media (min-width:1600px) {
    .registerProfile__label {
        font-size: 1.8rem
    }
}

.registerProfile__box {
    background-color: #fff;
    border: .1rem solid #f7f7f7;
    border-radius: 1.6rem;
    margin-top: 2.2rem;
    margin-inline: auto;
    max-width: 63rem;
    padding: 2.4rem
}

@media (min-width:1024px) {
    .registerProfile__box {
        padding: 4rem
    }
}

.registerProfile__form {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    margin-top: 4rem
}

.registerProfile__foot {
    align-items: center;
    display: flex;
    gap: 1.6rem;
    justify-content: space-between;
    margin-top: 3rem
}

.registerProfile__button {
    width: 50%
}

.blogSidePanel__inner {
    display: flex;
    flex-direction: column;
    gap: calc(26.6728px + 3.702vw)
}
/* From main.css */
.live-sec {
    position: fixed;
    right: 30px;
    bottom: 0;
    z-index: 99;
    width: 30%
}

    .live-sec .cta__inner {
        padding: 0;
        margin: 0
    }

    .live-sec .cta__box {
        width: 100%;
        padding: 40px 6px 30px 37%;
        border-radius: 20px 20px 0 0;
        filter: drop-shadow(3px 4px 7px #00000077);
        background-color: #0063af
    }

    .live-sec .cta__image {
        position: absolute;
        left: -28%;
        top: -16%;
        width: 100%;
        -webkit-clip-path: path("M300 143.292C207.884 100.16 127.554 63.554 63.17 0C49.742 31.042 28.286 53.36 0 68.88C47.6 113.78 86.19 168.588 116.002 232.878C165.234 198.444 229.752 160.36 300 143.292Z");
        clip-path: path("M300 143.292C207.884 100.16 127.554 63.554 63.17 0C49.742 31.042 28.286 53.36 0 68.88C47.6 113.78 86.19 168.588 116.002 232.878C165.234 198.444 229.752 160.36 300 143.292Z")
    }

    .live-sec .tag {
        opacity: 1;
        font-size: 12px
    }

    .live-sec .cta__img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .live-sec .cta__head {
        font-size: 22px
    }

    .live-sec .cta__box .button {
        padding: 5px 20px;
        font-size: 16px
    }

    .live-sec .close-pop {
        color: #fff;
        position: absolute;
        right: 30px;
        top: 19px;
        font-size: 24px;
        cursor: pointer
    }


.timelineSlider__slide:not(.swiper-slide-active) {
    user-select: none;
    pointer-events: none;
}

.iconTextTile__icon {
    max-width: 70px;
    max-height: 70px;
}

.footer__column:nth-child(3) {
    gap: 2.4rem;
}

    .footer__column:nth-child(3) .footer__link:first-child {
        margin-bottom: 0;
    }

    .footer__column:nth-child(3) .footer__link:not(:first-child) {
        font-size: 2rem;
        line-height: 1.6;
    }

.textLogos__img {
    width: 65%;
    margin: auto;
}

.sldRd-more a .tile-post__text {
    margin: 0;
}

.sldRd-more a p {
    font-size: 16px;
    font-weight: bold;
}

.sldRd-more a {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    font-size: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: auto;
    background-color: #fd8c04;
    color: #fff !important;
    transition: .1s ease-in-out;
}

.sldRd-more {
    height: 100%;
    display: flex;
}

    .sldRd-more a:hover {
        background-color: #fff;
        border: 1px solid #fd8c04;
        filter: drop-shadow(-10px 20px 20px rgba(250, 140, 4, .2));
        color: #fd8c04 !important;
        content: '-';
    }

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

.tabsSlider__img {
    height: 100%;
    object-fit: scale-down;
    max-width: 100%;
    width: auto;
}

.ourSources__icon {
    width: 100px;
    height: 100px;
}

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

.headingNarrowSlider__container {
    display: flex;
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.headingNarrowSlider__subtitle {
    flex: 6;
}

.headingNarrowSlider__button {
    flex: 1;
    margin-top: calc(13.336px + .74vw);
}

.circled-container {
    max-width: 1120px;
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 768px) {
    .circled-container {
        flex-direction: row;
        height: 720px;
        align-items: center;
    }
}

/* Left side circle circled-container */
.circle-wrapper {
    position: relative;
    width: 320px;
    height: 320px;
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .circle-wrapper {
        width: 360px;
        height: 360px;
    }
}

@media (min-width: 768px) {
    .circle-wrapper {
        width: 400px;
        height: 400px;
    }
}

/* Circle outline SVG */
.circle-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    max-width: 400px;
    max-height: 400px;
    transform: translate(-50%, -50%);
}

/* circled-container for value circles */
.values-circled-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 320px;
    height: 320px;
    max-width: 400px;
    max-height: 400px;
    transform: translate(-50%, -50%);
}

@media (min-width: 640px) {
    .values-circled-container {
        width: 360px;
        height: 360px;
    }
}

@media (min-width: 768px) {
    .values-circled-container {
        width: 400px;
        height: 400px;
    }
}

/* Each value circle */
.value-circle {
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #0d5ca8;
    border-radius: 50%;
    color: white;
    font-weight: 600;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
    padding: 0 6px;
    transition: box-shadow 0.3s ease;
    outline-offset: 3px;
}

    .value-circle:focus {
        outline: none;
        box-shadow: 0 0 0 4px #f5821f;
    }

    .value-circle.active {
        box-shadow: 0 0 0 4px #f5821f;
    }

/* Positions of circles on circumference aligned left as per design */
.value-integrity {
    top: -7%;
    left: 40%;
}

.value-excellence {
    top: 3%;
    left: 13%;
}

.value-collaboration {
    top: 26%;
    left: -6%;
}

.value-innovation {
    top: 55%;
    left: -6%;
}

.value-accountability {
    top: 78%;
    left: 13%;
}

.value-sustainability {
    top: 86%;
    left: 40%;
}

/* Right side text content */
.val-txt-cont {
    margin-top: 3rem;
    max-width: 440px;
    padding: 0 1rem;
    text-align: center;
}

@media (min-width: 768px) {
    .val-txt-cont {
        margin-top: 0;
        margin-left: 5rem;
        text-align: left;
        padding: 0;
    }
}

.label-values {
    font-weight: 700;
    font-size: 12px;
    color: #f5821f;
    margin-bottom: 0.5rem;
    letter-spacing: 0.05em;
}

.val-headline {
    font-weight: 300;
    font-size: 1.875rem; /* 30px */
    color: #1a1a1a;
    margin-bottom: 1rem;
    line-height: 1.2;
}

@media (min-width: 640px) {
    .val-headline {
        font-size: 2.25rem; /* 36px */
    }
}

.val-desc {
    font-weight: 400;
    font-size: 0.875rem; /* 14px */
    color: #1a1a1a;
    max-width: 400px;
    line-height: 1.5;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .val-desc {
        font-size: 1rem; /* 16px */
        margin-left: 0;
        margin-right: 0;
    }
}

.ourValues {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 100px 0;
}

.value-circle {
    width: 130px;
    height: 130px;
    font-size: 16px;
}

.values-circled-container {
    width: 600px;
    height: 600px;
    max-width: 600px;
    max-height: 600px;
    border: 1px dashed #d9d9d9;
    border-radius: 50%;
}

.label-values {
    font-size: 21px;
}

@media screen and (min-width: 768px) {
    .val-desc {
        font-size: 18px;
    }
}

@media screen and (min-width: 640px) {
    .val-headline {
        font-size: 5.25rem;
    }
}


@media screen and (min-width: 768px) {
    .values-circled-container {
        width: 600px;
        height: 600px;
    }
}


@media screen and (min-width: 768px) {
    .circle-wrapper {
        width: 600px;
        height: 600px;
    }
}

@media screen and (min-width: 768px) {
    .circled-container {
        height: 600px;
    }
}

@media screen and (min-width: 768px) {
    .val-txt-cont {
        margin-left: -5rem;
        padding: 60px 0;
        background-color: #f7f7f79e;
        z-index: 1;
    }
}

@media screen and (max-width: 765px) {
    .values-circled-container {
        height: auto;
        max-width: 120%;
        max-height: 600px;
        border: 1px dashed #d9d9d9;
        width: fit-content;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        overflow-x: scroll;
        border-radius: 0;
        padding: 30px 0;
        margin: 0;
    }


    .value-circle {
        min-width: 100px;
        height: 100px;
        width: unset;
        font-size: 16px;
        top: 0;
        position: relative;
        left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 7px;
        margin: auto 5px;
    }

    .val-headline {
        font-size: 4.875rem;
    }

    .val-desc {
        font-size: 2.875rem;
    }

    .live-sec {
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 99;
        width: 97%;
        margin: auto;
        display: block;
    }

        .live-sec .cta__box {
            width: 100%;
            padding: 15% 15px 30px;
        }

        .live-sec .cta__image {
            position: absolute;
            left: 5%;
            top: -47%;
            width: 100%;
            display: block;
        }

        .live-sec .cta__img {
            width: 130%;
            height: auto;
            object-fit: cover;
        }

    .mobileHeader__logoImg {
        height: auto;
        padding: 18px 0;
    }

    .headingNarrowSlider__container {
        flex-direction: column;
    }

    .mobileFooter__logo {
        max-width: 200px
    }

        .mobileFooter__logo img {
            width: auto;
            max-height: 70px;
            margin-bottom: 30px;
        }
}

.hero__count {
    display: none;
}

:dir(rtl) .circled-container {
    flex-direction: column;
    align-items: center;
}

@media (min-width: 768px) {
    :dir(rtl) .circled-container {
        flex-direction: row;
        align-items: center;
    }
}

:dir(rtl) .val-txt-cont {
    text-align: center;
    margin-top: 3rem;
    max-width: 440px;
    padding: 0 1rem;
}

@media (min-width: 768px) {
    :dir(rtl) .val-txt-cont {
        text-align: right;
        margin-left: 0;
        margin-right: 5rem;
        padding: 60px 0;
        background-color: #f7f7f79e;
        z-index: 1;
    }
}

:dir(rtl) .val-desc {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    :dir(rtl) .val-desc {
        margin-right: 0;
        margin-left: 0;
    }
}

/* Adjusting circle positions to mirror the original LTR layout for RTL */
:dir(rtl) .value-integrity {
    top: -7%;
    right: 40%;
    left: auto;
}

:dir(rtl) .value-excellence {
    top: 3%;
    right: 13%;
    left: auto;
}

:dir(rtl) .value-collaboration {
    top: 26%;
    right: -6%;
    left: auto;
}

:dir(rtl) .value-innovation {
    top: 55%;
    right: -6%;
    left: auto;
}

:dir(rtl) .value-accountability {
    top: 78%;
    right: 13%;
    left: auto;
}

:dir(rtl) .value-sustainability {
    top: 86%;
    right: 40%;
    left: auto;
}

/* Responsive carousel behavior in RTL */
@media screen and (max-width: 765px) {
    :dir(rtl) .values-circled-container {
        direction: rtl;
        flex-direction: row-reverse;
    }

    :dir(rtl) .value-circle {
        margin: auto 5px;
    }
}

.MsoNormal * {
    font-family: 'CenturyGothic' !important;
}


html[dir=rtl] body, :dir(rtl) .MsoNormal *, :dir(rtl) p, :dir(rtl) h1, :dir(rtl) h2, :dir(rtl) h3, :dir(rtl) h4, :dir(rtl) h5, :dir(rtl) h6, :dir(rtl) span, :dir(rtl) input:dir(rtl), :dir(rtl) button {
    font-family: "GEFlow", "CenturyGothic" !important
}

:dir(rtl) .icon-stats__wrapper > :not(:first-child) {
    border-left: none;
}

:dir(rtl) .icon-stats__wrapper > :not(:last-child) {
    border-left: 1px solid #b2b2b2;
}

.blogPost__post img {
    margin: 15px auto 30px;
    display: block;
}

.blogPost__post .singlePost__message {
    padding: 30px;
}

.blogPost__post li {
    position: relative;
    padding-left: 30px;
}

.blogPost__post ul {
    margin: 7px 0;
}

.blogPost__post li:not([class]):after {
    background-image: url(https://alfanarprojects.com/public/images/shapes/lists/bullet.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 1.6rem 2.6rem;
    content: "";
    height: 30px;
    position: absolute;
    top: 0;
    left: -7px;
    width: 30px;
    bottom: auto;
}
/* RTL override for live section styles */
:dir(rtl) .live-sec {
    left: 30px;
    right: auto;
}

    :dir(rtl) .live-sec .cta__box {
        padding: 40px 37% 30px 6px;
        border-radius: 20px 20px 0 0; /* Optional: keep same unless UI needs mirrored corners */
    }

    :dir(rtl) .live-sec .close-pop {
        left: 30px;
        right: auto;
    }

    :dir(rtl) .live-sec .cta__image {
        left: auto;
        right: -28%;
    }

#mc-embedded-subscribe {
    margin: 30px 0 !important;
}

.newsletter__heading {
    margin-bottom: 30px;
}

img.iconTextTile__img {
    width: 70px;
    height: auto;
}

.timelineSlider__contentInner a.timelineSlider__title {
    display: inline-block;
    margin: 0;
}

.header__menuLinks, .header__menuLink, .header__topUtils {
    margin: 0;
}

.header__menu {
    align-items: center;
}

.footer_top .footercolumn:nth-child(3) *.footer_link:last-child {
    font-size: 2rem;
    line-height: 1.6;
}

.blogHeader__items {
    margin: auto;
}

html[dir=rtl] body, :dir(rtl) .MsoNormal *, :dir(rtl) p, :dir(rtl) h1, :dir(rtl) h2, :dir(rtl) h3, :dir(rtl) h4, :dir(rtl) h5, :dir(rtl) h6, :dir(rtl) span, :dir(rtl) input:dir(rtl), :dir(rtl) button {
    font-family: "CenturyGothic", "GEFlow" !important;
}

    html[dir=rtl] body, html[dir=rtl] body span, html[dir=rtl] body > * {
        font-family: "CenturyGothic", "GEFlow" !important;
    }

.about__shape--right {
    width: 53%;
}

    .about__shape--right img {
        height: 100%;
        object-fit: contain;
        filter: brightness(1.3);
    }

@media screen and (min-width: 1280px) {
    .cta:not(.live-sec) .cta__img {
        width: auto;
        object-fit: contain;
        height: 100%;
        transform: scale(1.5);
    }
}

.cta:not(.live-sec) {
    overflow: hidden;
}

.headingImage__decor--5, .headingImage__decor--4, .headingShapeImage__decor img {
    display: none
}

#mc-embedded-subscribe {
    margin: 0 !important;
}

.imageSlider__slideContent {
    transform: unset;
}

.businessLines__slider .imageClip img {
    clip-path: none !important;
}

.imageSlider__slideMore, .imageSlider__slideMore a {
    margin-top: 4rem;
    position: relative;
    z-index: 999;
}

/* Ensure arrows are clickable on all devices */
.imageSlider__arrows {
    position: relative;
    z-index: 1000;
}

.buttonSlider {
    cursor: pointer;
    position: relative;
    z-index: 1001;
}

/* Make sure our active class overrides everything */
.imageSlider__slide.my-active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
}

.imageSlider__slide:not(.my-active) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
}


.imageSlider__navItem .buttonImageSlider--default::after {
    z-index: -1;
    background-repeat: no-repeat;
}

.imageSlider__slide.my-active {
    pointer-events: all;
}

    .imageSlider__slide.my-active .imageSlider__slideContent {
        transform: translateX(0);
    }

.imageSlider__navItem:nth-of-type(1) .buttonImageSlider--default::after {
    background-image: url(https://stgaes-stgdeployment.azurewebsites.net/media/fldjx0do/blue.svg);
}

.imageSlider__navItem:nth-of-type(2) .buttonImageSlider--default::after {
    background-image: url(https://stgaes-stgdeployment.azurewebsites.net/media/ik3j1lmu/light-blue.svg);
    left: 90%;
    bottom: 5%
}

.imageSlider__navItem:nth-of-type(3) .buttonImageSlider--default::after {
    background-image: url(https://stgaes-stgdeployment.azurewebsites.net/media/u3rdc3ps/lime.svg);
    left: 30%;
    bottom: 90%
}

.imageSlider__navItem:nth-of-type(4) .buttonImageSlider--default::after {
    background-image: url(https://stgaes-stgdeployment.azurewebsites.net/media/qm5ldsq1/orange.svg);
    left: 80%;
    bottom: 25%
}

.imageSlider__navItem:nth-of-type(5) .buttonImageSlider--default::after {
    background-image: url(https://stgaes-stgdeployment.azurewebsites.net/media/5a1pcjcr/purple.svg);
    left: 80%;
    bottom: 35%
}



.tile-card__text p span {
    font-size: 1.5rem !important;
}



@media screen and (max-width: 765px) {
    .tile-card {
        height: auto;
    }

    .tile-card__wrapper {
        display: flex;
        flex-direction: column-reverse;
    }

    .tile-card__content {
        width: 100%;
    }
}

.formTabsSlider__formBox {
    background-color: #f8f8f8;
}

a.footer__logo {
    height: fit-content;
}

.about__shape.about__shape--right {
    display: none;
}

.about__image {
    clip-path: none;
    position: relative;
}

.about__imageWrapper {
    width: 90%;
}

.about__image img {
    -webkit-clip-path: path("M202.501 751C295.804 549.259 469.969 377.918 678 217.631C443.015 210.722 270.923 135.415 154.122 0C136.153 133.342 89.156 250.794 0 345.446C100.214 461.516 163.798 592.786 202.501 751Z");
    clip-path: path("M202.501 751C295.804 549.259 469.969 377.918 678 217.631C443.015 210.722 270.923 135.415 154.122 0C136.153 133.342 89.156 250.794 0 345.446C100.214 461.516 163.798 592.786 202.501 751Z");
}

.headingShapeImage__inner {
    padding-block: calc(26.6728px + 1.702vw) calc(3.3384px + 0.406vw);
}

.stat-item__number.h1 {
    align-items: flex-end;
    font-size: 4rem;
}

@media screen and (min-width: 1024px) {
    .heading__subtitle {
        white-space: normal;
    }
}

.headingShapeImage {
    padding: 2% 0 7%;
}

.timelineSlider__contentInner p {
    display: none;
}

.singlePost__message p a {
    font-weight: bold;
    color: #0063af;
}

.singlePost__img {
    object-fit: contain;
}

.singlePost__profile img {
    object-fit: contain;
    padding: 7px;
}

html[dir=rtl] #fabPhone {
    right: 18px;
    left: unset
}

.videoSlider__content li {
    position: relative;
    width: 100%;
    float: left;
    margin: 5px 0;
}

    .videoSlider__content li li {
        margin: 5px 20px;
    }

    .videoSlider__content li::before {
        background-image: url(https://stgaes-stgdeployment.azurewebsites.net/media/flobcfhn/bullet.svg);
        background-repeat: no-repeat;
        content: "";
        height: 15px;
        top: 5px;
        bottom: 0;
        left: 0;
        position: relative;
        width: 4%;
        float: left;
        margin: 0 5px;
    }

.videoSlider__nav {
    margin-top: 5rem;
    display: inline-block;
    clear: both;
}

.videoSlider__content li p {
    display: flex;
}

html[dir=rtl] .videoSlider__content li::before, html[dir=rtl] .videoSlider__content li {
    float: right;
}

    html[dir=rtl] .videoSlider__content li::before {
        transform: rotate(180deg);
    }

.videoSlider__content li p span {
    display: contents;
}

@media screen and (min-width: 1024px) {
    .personSlider__decor {
        right: -6.6rem;
        top: -20.6rem;
    }
}

.personSlider__decor .personSlider__img {
    visibility: hidden;
}

@media screen and (min-width: 1600px) {
    .icon-stats.section {
        padding-block: 4rem;
    }

    .stat-item__number {
        margin-top: 2.8rem;
    }
}

.stat-item__icon {
    height: 55px;
}

@media screen and (min-width: 1600px) {
    .stat-item__number span {
        font-size: 4.2rem;
    }
}

.stat-item__number.h1 {
    align-items: center;
    display: flex;
    justify-content: center;
}

.stat-item__number span {
    order: 1;
}

.stat-item__number.h1 div:nth-of-type(1) {
    order: 2;
}

.stat-item__number.h1 div:nth-of-type(2) {
    order: 0;
}

li.header__topLink:nth-of-type(2) {
    display: none;
}

@media screen and (min-width: 1600px) {
    input, p, textarea {
        font-size: 1.7rem;
    }
}

.about__shape--left {
    z-index: -1;
}

.newsContent__content .text__title {
    font-size: 1.8rem;
    line-height: 1.5555555556;
    white-space: unset;
    margin-bottom: 0;
    float: left;
    padding-right: .4rem;
}

html[dir=rtl] .newsContent__content .text__title {
    float: right;
    padding-left: .4rem;
}

.newsContent__content {
    gap: calc(8.672px + 0.28vw);
}

.imageSlider__navItem .buttonImageSlider--default::after {
    background-size: contain;
}

html[dir=rtl] .imageSlider__navItem:nth-of-type(5) .buttonImageSlider--default::after {
    right: 70%;
    left: auto;
}

.imageSlider__navItem:nth-of-type(5) .buttonImageSlider--default::after {
    left: 70%;
    right: auto;
}

html[dir=rtl] .imageSlider__navItem:nth-of-type(2) .buttonImageSlider--default::after {
    left: 10%;
    right: auto;
    bottom: 89%;
}

.imageSlider__navItem:nth-of-type(2) .buttonImageSlider--default::after {
    right: 10%;
    left: auto;
    bottom: 89%;
}

html[dir=rtl] .imageSlider__navItem:nth-of-type(4) .buttonImageSlider--default::after {
    left: 24%;
    right: auto;
}

.imageSlider__navItem:nth-of-type(4) .buttonImageSlider--default::after {
    right: 24%;
    left: auto;
}

html[dir=rtl] .imageSlider__navItem:nth-of-type(1) .buttonImageSlider--default::after {
    left: 31%;
    right: auto;
    bottom: 53%;
}

.imageSlider__navItem:nth-of-type(1) .buttonImageSlider--default::after {
    right: 31%;
    left: auto;
    bottom: 53%;
}

.heroImageHeading__text ~ p {
    color: #fff;
    font-size: calc(15.3376px + .184vw);
    line-height: 1.7777777778;
    margin-top: calc(10.668px + .37vw);
    max-width: 76.4rem;
}

@media screen and (min-width: 1600px) {
    .heroImageHeading__text ~ p {
        font-size: 1.8rem;
    }
}