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

@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
  --swiper-theme-color: #007aff
}

.swiper-container {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out
}

.swiper-container-pointer-events {
  touch-action: pan-y
}

  .swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
  }

.swiper-slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}

  .swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
  }

.swiper-container-3d {
  perspective: 1200px
}

  .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
  }

  .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
  }

  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
  }

  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
  }

  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
  }

  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
  }

.swiper-container-css-mode > .swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none
}

  .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
  }

  .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
  }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: calc(0px - var(--swiper-navigation-size)/ 2);
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/44*27);
  z-index: 10
}

  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
  }

  .swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important;
    text-transform: none
  }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto
}

  .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: "prev"
  }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  left: auto;
  right: 10px
}

  .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: "next"
  }

  .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
  }

  .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
  }

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity .3s;
  z-index: 10
}

  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
  }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden
}

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
  }

.swiper-pagination-bullet {
  background: #000;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  opacity: .2;
  width: 8px
}

button.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none !important
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  opacity: 1
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0,-50%,0)
}

  .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
  }

  .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
  }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      display: inline-block;
      transition: transform .2s,top .2s
    }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
  }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s,right .2s
}

.swiper-pagination-progressbar {
  background: rgba(0,0,0,.25);
  position: absolute
}

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
  }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 4px;
  left: 0;
  top: 0;
  width: 100%
}

  .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
  }

.swiper-pagination-white {
  --swiper-pagination-color: #fff
}

.swiper-pagination-black {
  --swiper-pagination-color: #000
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  background: rgba(0,0,0,.1);
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none
}

.swiper-container-horizontal > .swiper-scrollbar {
  bottom: 3px;
  height: 5px;
  left: 1%;
  position: absolute;
  width: 98%;
  z-index: 50
}

.swiper-container-vertical > .swiper-scrollbar {
  height: 98%;
  position: absolute;
  right: 3px;
  top: 1%;
  width: 5px;
  z-index: 50
}

.swiper-scrollbar-drag {
  background: rgba(0,0,0,.5);
  border-radius: 10px;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%
}

  .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
  }

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  to {
    transform: rotate(1turn)
  }
}

.swiper-container .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

  .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
  }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

  .swiper-container-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
  }

    .swiper-container-cube .swiper-slide .swiper-slide {
      pointer-events: none
    }

  .swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
  }

  .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }

  .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
  }

  .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
  }

  .swiper-container-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
  }

    .swiper-container-cube .swiper-cube-shadow:before {
      background: #000;
      bottom: 0;
      content: "";
      filter: blur(50px);
      left: 0;
      position: absolute;
      right: 0;
      top: 0
    }

.swiper-container-flip {
  overflow: visible
}

  .swiper-container-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
  }

    .swiper-container-flip .swiper-slide .swiper-slide {
      pointer-events: none
    }

  .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }

  .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
  }

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;
  pointer-events: none;
  -webkit-touch-callout: none;
}

@font-face {
  font-display:swap;
  font-family: CenturyGothic;
  font-style: italic;
  font-weight: 400;
  src: url(../../public/fonts/CenturyGothic/CenturyGothic-RegularItalic.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: CenturyGothic;
  font-style: italic;
  font-weight: 400;
  src: url(../../public/fonts/CenturyGothic/CenturyGothic-BoldItalic.ttf) format("truetype")
}

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

}

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


@font-face {
  font-display: swap;
  font-family: HelveticaNeue;
  font-style: normal;
  font-weight: 400;
  src: url(../../public/fonts/HelveticaNeue/HelveticaNeue-Medium.ttf) format("truetype")
}

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


@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-linkedin:before {
  content: "\e902" !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: "\e934" !important
}

.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: "\e926" !important
}

.icon-youtube:before {
  content: "\e927" !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-lightbulb:before {
  content: "\e923" !important
}

.icon-lightbulb: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-play:before {
  content: "\e929" !important
}

.icon-pause: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-pause:before {
  content: "\e92d" !important
}

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

.icon-fax: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-fax:before {
  content: "\e92b" !important
}

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

.icon-check:before, .icon-link: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:before {
  content: "\e92e" !important
}

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

.icon-mail: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-mail:before {
  content: "\e930" !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-chevron-down: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-chevron-down:before {
  content: "\e939" !important
}

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

.icon-chevron-up:before, .icon-external-link: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
}

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

body {
  color: #303236;
  font-family: CenturyGothic,CenturyGothicRegular,Verdana,Tahoma,Helvetica,sans-serif;
  font-weight: 400
}

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

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

::-moz-selection {
  background-color: #2B255D;
  color: #fff
}

::selection {
  background-color: #2B255D;
  color: #fff
}

button, input {
  font-family: CenturyGothic,CenturyGothicRegular,Verdana,Tahoma,Helvetica,sans-serif
}

  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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1600px) {
  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;
    line-height: 1.6363636364
  }
}

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

* b, * 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--center {
  text-align: center
}

.text--regular {
  font-weight: 400
}

.text--bold {
  font-weight: 700
}

.text--textEditor p {
  margin: 2rem 0 0
}

@media (min-width:1024px) {
  .text--textEditor p {
    margin: 3rem 0 0
  }
}

.text--textEditor h1, .text--textEditor h2, .text--textEditor h3, .text--textEditor h4, .text--textEditor h5, .text--textEditor h6 {
  margin: 5rem 0 0
}

@media (min-width:1024px) {
  .text--textEditor h1, .text--textEditor h2, .text--textEditor h3, .text--textEditor h4, .text--textEditor h5, .text--textEditor h6 {
    margin: 8rem 0 0
  }
}

.text__head {
  margin-bottom: 1rem
}

.text:not(.text--ignoreIntersect) .text__head {
  opacity: 0;
  transform: translateX(100%);
  transition: opacity .4s,visibility .4s,transform .4s;
  visibility: hidden
}

.section--visible .text:not(.text--ignoreIntersect) .text__head {
  opacity: 1;
  transform: translateX(0);
  visibility: visible
}

@media (min-width:1280px) {
  .text__head {
    margin-bottom: 2rem
  }
}

.text__head--large {
  font-size: 5rem
}

@media (min-width:768px) {
  .text__head--large {
    font-size: 6rem
  }
}

@media (min-width:1024px) {
  .text__head--large {
    font-size: 7rem
  }
}

@media (min-width:1280px) {
  .text__head--large {
    font-size: 9rem
  }
}

@media (min-width:1600px) {
  .text__head--large {
    font-size: 12rem
  }
}

.text:not(.text--ignoreIntersect) .text__content {
  opacity: 0;
  transform: translateX(100%);
  transition: opacity .4s .2s,visibility .4s .2s,transform .4s .2s;
  visibility: hidden
}

.section--visible .text:not(.text--ignoreIntersect) .text__content {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}

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

.bg--primary {
  background-color: #2B255D
}

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

.bg--purple {
  background-color: #625da9
}

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

.color--orange {
  color: #fd8c04
}

.color--lime {
  color: #e41017
}
.division_icon {
  max-height: 35px!important;
}

.color--primary {
  color: #2B255D
}

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

.color--purple {
  color: #625da9
}

.swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
  z-index: 2
}

.swiper-pagination-bullet {
  height: 1rem;
  margin: 0 4px;
  width: 1rem
}

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

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 8.32%;
  padding-right: 8.32%;
  position: relative;
  width: 100%
}

@media (min-width:1600px) {
  .container {
    max-width: 1422px;
    padding-left: 71px;
    padding-right: 71px
  }
}

.container--full {
  height: 100%
}

.container--fluid {
  max-width: 100%;
  padding: 0
}

  .container--fluid .row {
    margin: 0
  }

.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;
  left: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  transition: color .2s,background-color .2s,transform .4s;
  width: 100%;
  z-index: 20
}

@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 {
  transform: translateY(-50px)
}

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

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

.header__wrapper {
  position: relative;
  width: 100%;
  z-index: 20
}

  .header__top, .header__wrapper, .header__wrapper > .container {
    background-color: #fff
  }

.header__top {
  align-items: center;
  border-bottom: 1px solid #d8d8d8;
  display: flex;
  height: 50px;
  justify-content: flex-end
}

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

.header__topWrapper {
  width: 100%
}

@media (min-width:1024px) {
  .header__topWrapper {
    padding: 0 3rem
  }
}

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

@media (min-width:1600px) {
  .header__topWrapper {
    margin: 0 auto;
    max-width: 1600px;
    padding: 0 8rem
  }
}

.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 3rem
}

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

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

html[dir=rtl] .header__topLink:last-of-type {
  padding: 0 3rem 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 {
  display: flex
}

@media (min-width:1024px) {
  .header__inner {
    padding: 1rem 3rem
  }
}

@media (min-width:1366px) {
  .header__inner {
    padding: 1rem 6rem
  }
}

@media (min-width:1600px) {
  .header__inner {
    margin: 0 auto;
    max-width: 1600px;
    padding: 1rem 8rem
  }
}

.header__menu {
  flex-grow: 1
}

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

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

@media (min-width:1024px) {
  .header__menuLink {
    padding: 0 2rem 1rem 0
  }
}

@media (min-width:1600px) {
  .header__menuLink {
    padding: 0 5rem 1rem 0
  }
}

@media (min-width:1024px) {
  .header__menuLink:not(:first-of-type) {
    padding: 0 2rem 1rem
  }
}

@media (min-width:1600px) {
  .header__menuLink:not(:first-of-type) {
    padding: 0 5rem 1rem
  }
}

@media (min-width:1024px) {
  .header__menuLink:last-of-type {
    padding: 0 0 1rem 2rem
  }
}

@media (min-width:1600px) {
  .header__menuLink:last-of-type {
    padding: 0 0 1rem 5rem
  }
}

.header__menuLinks {
  display: flex
}

.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: 16rem;
  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
}

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

.header__subitem {
  align-items: center;
  background-color: #2B255D;
  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
  }
}

.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;
  padding: 1rem 3rem;
  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: #2B255D;
  color: #fff;
  height: 0;
  position: relative;
  transition: height .8s .4s;
  z-index: 3
}

.mobileHeader--opened .mobileHeader__content {
  height: 88vh;
  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;
  z-index: 5
}

.footer__wrapper {
  background-color: #2B255D;
  width: 100%
}

.footer__inner {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: 4rem 3rem
}

@media (min-width:768px) {
  .footer__inner {
    flex-wrap: nowrap
  }
}

@media (min-width:1024px) {
  .footer__inner {
    padding: 4rem 3rem
  }
}

@media (min-width:1600px) {
  .footer__inner {
    margin: 0 auto;
    max-width: 1600px;
    padding: 5rem 8rem
  }
}

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

@media (min-width:480px) {
  .footer__main {
    align-items: flex-start;
    flex-direction: row
  }
}

@media (min-width:768px) {
  .footer__main {
    flex-grow: 1
  }
}

.footer__logos {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  max-width: 100%
}

@media (min-width:768px) {
  .footer__logos {
    flex: unset
  }
}

.footer__logo {
  max-width: 16rem;
  background:#fff;
  padding:15px;
  border-radius: 15px;
}

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

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

@media (min-width:480px) {
  .footer__logo {
    margin-bottom: 0
  }

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

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

@media (min-width:1024px) {
  html:not([dir=rtl]) .footer__logo {
    margin-right: 3rem
  }

  html[dir=rtl] .footer__logo {
    margin-left: 3rem
  }
}

html:not([dir=rtl]) .footer__caption {
  padding: 2rem 5rem 2rem 0
}

html[dir=rtl] .footer__caption {
  padding: 2rem 0 2rem 5rem
}

.footer__content {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap
}

@media (min-width:768px) {
  .footer__content {
    flex-wrap: nowrap
  }
}

@media (min-width:1280px) {
  .footer__content {
    padding: 0 0 0 5rem
  }
}

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

.footer__list {
  flex: 0 0 50%;
  max-width: 50%
}

@media (min-width:768px) {
  .footer__list {
    flex: 0 0 25%;
    max-width: 25%
  }
}

.footer__list > * {
  font-weight: 700
}

.footer__listTitle {
  padding: 1.5rem 3rem 1.5rem 0
}

@media (min-width:768px) {
  .footer__listTitle {
    padding: 1.5rem 3rem
  }
}

.footer__listLink {
  padding: 1.5rem 3rem 1.5rem 0
}

@media (min-width:768px) {
  .footer__listLink {
    padding: 7px 3rem;
  }
}

.footer__right {
  flex-grow: 1
}

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

@media (min-width:1024px) {
  .footer__right {
    padding-left: 0
  }
}

.footer__rightList {
  column-gap: 2rem;
  display: flex;
  flex-wrap: wrap;
  padding-top: 2rem
}

@media (min-width:768px) {
  .footer__rightList {
    column-gap: unset;
    padding-top: 0
  }
}

.footer__rightListLink {
  padding: 1rem 0
}

@media (min-width:768px) {
  .footer__rightListLink {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 1.5rem 0 3rem
  }
}

@media (min-width:1024px) {
  .footer__rightListLink {
    flex: 0 0 33.3333%;
    max-width: 33.3333%
  }
}

.footer__rightListLink > * {
  font-weight: 700
}

.footer__shape {
  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: -8%;
    top: 6%;
    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: -9%;
    top: -12%;
    width: 20%
  }
}

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

.footer__shape--bottom {
  bottom: -20%;
  left: 65%;
  transform: translateX(-50%);
  width: 65%
}

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

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

.footer__bottom {
  width: 100%
}

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

.footerBottom__inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1rem 3rem
}

@media (min-width:1024px) {
  .footerBottom__inner {
    padding: 1rem 3rem
  }
}

@media (min-width:1600px) {
  .footerBottom__inner {
    margin: 0 auto;
    max-width: 1600px;
    padding: 1rem 8rem
  }
}

.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__links {
  align-items: center;
  display: flex
}

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

.footerBottom__copy {
  font-size: 1.4rem
}

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
}

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

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

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: #2B255D;
    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
}

.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.375;
  padding: 1rem 1.8rem;
  transition: opacity .4s,background-color .4s,border-color .4s,transform .4s
}

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

.button:not(.button--ignoreIntersect) {
  opacity: 1
}

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

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

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

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

.button__text {
  display: block;
  position: relative;
  text-transform: uppercase;
  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 {
  display: block;
  font-size: 1rem;
  height: 1rem;
  line-height: 1rem;
  margin-top: -.4rem;
  position: absolute;
  right: -.6rem;
  top: 50%;
  transition: color .2s
}

html[dir=rtl] .button--arrow .button__text:after {
  left: -.6rem;
  right: auto
}

.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: #2B255D;
  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: #2B255D;
  font-size: 1.6rem
}

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

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

.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 {
  background-color: #e41017;
  color: #ffffff
}

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

.button--white {
  background-color: #fff;
  color: #2B255D
}

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

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

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

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

@media (hover:hover) {
  .button--transparentLime:hover, a:hover .button--passive .button--transparentLime, button:hover .button--passive .button--transparentLime {
    background-color: #e41017;
    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: #2B255D;
  color: #2B255D
}

  .button--border:hover, a:hover .button--passive .button--border, button:hover .button--passive .button--border {
    background-color: #2B255D;
    color: #fff
  }

.button--dashBorder {
  background-color: #fff;
  border-color: #2B255D;
  border-style: dashed;
  color: #2B255D
}

@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: #2B255D
}

@media (hover:hover) {
  .button--grayBorder:hover, a:hover .button--passive .button--grayBorder, button:hover .button--passive .button--grayBorder {
    background-color: #2B255D;
    border-color: #2B255D;
    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: #625da9
    }

@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: #625da9
    }
}

.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 #2B255D
}

.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: #e41017;
  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: #e41017
  }

    .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: #625da9
    }
}

.button--limeRoundIcon {
  align-items: center;
  background-color: #e41017;
  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 #e41017;
    color: #e41017
  }

    .button--limeRoundIcon:hover .button__icon, a:hover .button--passive .button--limeRoundIcon .button__icon, button:hover .button--passive .button--limeRoundIcon .button__icon {
      color: #625da9
    }
}

.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.375;
  padding: 1rem 1.8rem;
  position: relative;
  transition: opacity .4s,background-color .4s,border-color .4s,transform .4s
}

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

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

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

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

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

@media (min-width:1600px) {
  .buttonMore:after {
    height: 90px;
    top: -22px;
    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)
}

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

.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 {
  display: block;
  font-size: 1rem;
  height: 1rem;
  line-height: 1rem;
  margin-top: -.4rem;
  position: absolute;
  right: -.6rem;
  top: 50%;
  transition: color .2s
}

html[dir=rtl] .buttonMore--arrow .buttonMore__text:after {
  left: -.6rem;
  right: auto
}

@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: #ffffff
}

.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: #e41017;
  color: #ffffff
}

  .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: #e41017
  }
}

@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: #2B255D
}

@media (hover:hover) {
  .buttonMore--white:hover, a:hover .buttonMore--passive .buttonMore--white, button:hover .buttonMore--passive .buttonMore--white {
    background-color: #2B255D;
    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: #2B255D;
  color: #2B255D
}

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

.buttonMore--dashBorder {
  background-color: #fff;
  border-color: #2B255D;
  border-style: dashed;
  color: #2B255D
}

@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: #2B255D
}

@media (hover:hover) {
  .buttonMore--grayBorder:hover, a:hover .buttonMore--passive .buttonMore--grayBorder, button:hover .buttonMore--passive .buttonMore--grayBorder {
    background-color: #2B255D;
    border-color: #2B255D;
    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: 1px solid #fff;
  border-radius: 50%;
  display: inline-flex;
  display: flex;
  height: 40px;
  justify-content: center;
  transition: opacity .4s,background-color .4s,border-color .4s,transform .4s;
  width: 40px;
  filter: drop-shadow(0 0 1px #00000066);
}

.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: 70px;
    width: 70px
  }
}

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

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

.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
    }
}

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

.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: 1.4rem;
  line-height: 1;
  transition: background-color .4s,color .2s
}

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

.scrollDown--primary .buttonSlider__icon {
  color: #2B255D;
  font-size: 1.6rem
}

.timelineSlider .buttonSlider__icon {
  color: #fd8c04
}

.buttonSlider__icon:before {
  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: #2B255D
}

@media (hover:hover) {
  .buttonSlider--white:hover, a:hover .buttonSlider--passive .buttonSlider--white, button:hover .buttonSlider--passive .buttonSlider--white {
    background-color: #2B255D;
    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: #00000029;
  border: 1px solid #fff;
  color: #fff
}

@media (hover:hover) {
  .buttonSlider--transparentWhiteOrange:hover, a:hover .buttonSlider--passive .buttonSlider--transparentWhiteOrange, button:hover .buttonSlider--passive .buttonSlider--transparentWhiteOrange {
    background-color: #fd8c04;
    border: none;
    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: 1px 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--transparentPurple {
  background-color: transparent;
  border: 1px solid #625da9;
  color: #625da9
}

@media (hover:hover) {
  .buttonSlider--transparentPurple:hover, a:hover .buttonSlider--passive .buttonSlider--transparentPurple, button:hover .buttonSlider--passive .buttonSlider--transparentPurple {
    background-color: #625da9;
    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: 1px solid #e41017;
  color: #e41017
}

@media (hover:hover) {
  .buttonSlider--transparentLime:hover, a:hover .buttonSlider--passive .buttonSlider--transparentLime, button:hover .buttonSlider--passive .buttonSlider--transparentLime {
    background-color: #e41017;
    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--disabled, .buttonSlider[disabled] {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  color: #fff;
  cursor: not-allowed
}

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

.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 #e41017;
  color: #e41017
}

@media (hover:hover) {
  .buttonVideo--transparentLime:hover {
    background-color: #e41017;
    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-weight: 400;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  transition: color .2s
}

.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 {
  display: block;
  font-size: 1rem;
  height: 1rem;
  line-height: 1rem;
  margin-top: -.4rem;
  position: absolute;
  right: -.6rem;
  top: 50%;
  transition: color .2s
}

html[dir=rtl] .buttonImageSlider--arrow .buttonImageSlider__text:after {
  left: -.6rem;
  right: auto
}

.buttonImageSlider--default .buttonImageSlider__text {
  color: #fff
}

.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 {
  border-radius: 2rem;
  justify-content: flex-start;
  padding: 1rem;
  width: 100%
}

  .buttonImageSlider--default.buttonImageSlider.active {
    background-color: #fff;
    filter: drop-shadow(0 15px 20px rgba(255,255,255,.2))
  }

    .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: #292929
    }

@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: #2B255D
}

@media (hover:hover) {
  .buttonImageSlider--white:hover, a:hover .buttonImageSlider--passive .buttonImageSlider--white, button:hover .buttonImageSlider--passive .buttonImageSlider--white {
    background-color: #2B255D;
    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
}*/
.buttonShare.active {
  background-color: #e41017;
  filter: drop-shadow(-10px 20px 20px rgba(201,246,88,.2));
}
.buttonShare {
    position: relative
}
  .buttonShare .buttonShare__icon:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
  }
  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 #e41017;
  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: #e41017;
    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: #e41017;
  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
  }
}

.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: #e41017;
    color: #625da9;
    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: #e41017
  }

.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: #e41017
  }
}

.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: 1.2rem;
  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 #e41017;
  color: #e41017
}

.bg--purple .link__icon, .breadcrumbs--theme-white .link__icon {
  color: #fff
}

.link--primary .link__icon {
  color: #2B255D
}

.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: #e41017
  }

    .link--sticky.active .link__text {
      color: #292929;
      font-weight: 700
    }

@media (hover:hover) {
  .link--sticky:hover {
    background-color: #e41017
  }

    .link--sticky:hover .link__text {
      color: #292929;
      font-weight: 700
    }
}

.link--small {
  font-size: 1.4rem
}

.link--disabled, .link[disabled] {
  cursor: not-allowed;
  opacity: .4
}

@media (hover:hover) {
  .link--disabled:hover, .link[disabled]:hover {
    color: #d8d8d8
  }
}

.input {
  align-items: center;
  display: flex;
  position: relative;
  width: 100%
}

.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 #2B255D;
  border-radius: 6px;
  color: #303236;
  display: block;
  font-family: CenturyGothic,CenturyGothicRegular,Verdana,Tahoma,Helvetica,sans-serif;
  font-size: 1.2rem;
  line-height: 2rem;
  padding: .9rem 1.5rem;
  transition: border-color .2s
}

  .input__input:focus {
    border-color: #2B255D
  }

.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__label {
  display: block;
  font-size: 1.8rem;
  transition: transform .2s,background-size .2s
}

html:not([dir=rtl]) .input__label {
  margin-left: 1rem
}

html[dir=rtl] .input__label {
  margin-right: 1rem
}

.input__input:focus + .input__label {
  color: #2B255D
}

.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 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.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: #2B255D;
  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 {
  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;
  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: #2B255D;
  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: #2B255D;
  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 {
  rows: 3;
  background-color: #fff;
  border: 1px solid #fafafa;
  border-radius: 4px;
  color: #303236;
  display: block;
  font-family: CenturyGothic,CenturyGothicRegular,Verdana,Tahoma,Helvetica,sans-serif;
  font-size: 1.2rem;
  line-height: 2rem;
  min-height: 4rem;
  padding: .9rem 1.5rem;
  resize: vertical;
  transition: border-color .2s;
  width: 100%
}

  .textarea__textarea:focus {
    border-color: #2B255D
  }

.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 {
  background-image: linear-gradient(90deg,#fff,#fff);
  background-repeat: no-repeat;
  background-size: 0 100%;
  display: block;
  font-size: 1.2rem;
  left: 1.5rem;
  line-height: 1.6rem;
  margin: -.8rem -.4rem 0;
  padding: 0 .4rem;
  pointer-events: none;
  position: absolute;
  right: auto;
  top: 2rem;
  transform-origin: 0 50%;
  transition: transform .2s,background-size .2s
}

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,-2rem) scale(.83)
}

html[dir=rtl] .textarea--filled .textarea__label, html[dir=rtl] .textarea__textarea:focus + .textarea__label {
  transform: translate(-.1rem,-2rem) scale(.83)
}

.textarea__textarea:focus + .textarea__label {
  color: #2B255D
}

.textarea--error .textarea__label, .textarea.error .textarea__label {
  color: #e05252
}

.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;
  bottom: 2rem;
  color: #303236;
  content: "\e939" !important;
  display: block;
  font-family: icomoon !important;
  font-size: .8rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  left: auto;
  line-height: 1;
  margin-bottom: -.5rem;
  position: absolute;
  right: 1.5rem;
  text-transform: none
}

html[dir=rtl] .select:after {
  left: 1.5rem;
  right: auto
}

.select__select {
  rows: 3;
  background-color: #fff;
  border: 1px solid #fafafa;
  border-radius: 4px;
  color: #303236;
  display: block;
  font-family: CenturyGothic,CenturyGothicRegular,Verdana,Tahoma,Helvetica,sans-serif;
  font-size: 1.2rem;
  height: 4rem;
  line-height: 2rem;
  padding: .9rem 1.5rem;
  resize: vertical;
  transition: border-color .2s;
  width: 100%
}

html:not([dir=rtl]) .select__select {
  padding-right: 3.1rem
}

html[dir=rtl] .select__select {
  padding-left: 3.1rem
}

.select__select:focus {
  border-color: #2B255D
}

.select--error .select__select, .select.error .select__select {
  border-color: #e05252;
  color: #e05252
}

.select__label {
  background-image: linear-gradient(90deg,#fff,#fff);
  background-repeat: no-repeat;
  background-size: 0 100%;
  display: block;
  font-size: 1.2rem;
  left: 1.5rem;
  line-height: 1.6rem;
  margin: -.8rem -.4rem 0;
  padding: 0 .4rem;
  pointer-events: none;
  position: absolute;
  right: auto;
  top: 2rem;
  transform-origin: 0 50%;
  transition: transform .2s,background-size .2s
}

html[dir=rtl] .select__label {
  background-position: 100% 100%;
  left: auto;
  right: 1.5rem;
  transform-origin: 100% 50%
}

.select--filled .select__label, .select__select:focus + .select__label {
  background-size: 100% 100%;
  transform: translate(.1rem,-2rem) scale(.83)
}

html[dir=rtl] .select--filled .select__label, html[dir=rtl] .select__select:focus + .select__label {
  transform: translate(-.1rem,-2rem) scale(.83)
}

.select__select:focus + .select__label {
  color: #2B255D
}

.select--error .select__label, .select.error .select__label {
  color: #e05252
}

.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.8571428571;
  opacity: 0;
  transition: opacity .4s
}

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

.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: #2B255D
}

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

.tag--lime {
  color: #ffffff
}

.tag--white {
  color: #fff
}

.tag--orange {
  color: #fd8c04
}

.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: #2B255D
}

.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
  }

li:not([class]) {
  margin: 1.5rem 0;
  position: relative
}

html:not([dir=rtl]) li:not([class]) {
  padding: 0 0 0 2.5rem
}

html[dir=rtl] li:not([class]) {
  padding: 0 2.5rem 0 0
}

li:not([class]):after {
  background-image: url(../images/shapes/lists/bullet.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1.6rem 1.6rem;
  content: "";
  height: 1.6rem;
  position: absolute;
  top: 0;
  width: 1.6rem
}

@media (min-width:768px) {
  li:not([class]):after {
    top: 1rem
  }
}

html:not([dir=rtl]) li:not([class]):after {
  left: 0
}

html[dir=rtl] li:not([class]):after {
  right: 0;
  transform: rotate(-180deg)
}

.list--twoColumn {
  display: flex;
  flex-wrap: wrap
}

.list > div {
  width: 100%
}

.list__item {
  margin: 1.5rem 0;
  opacity: 0;
  position: relative;
  transition: opacity .4s,visibility .4s;
  visibility: hidden
}

.section--visible .list__item {
  opacity: 1;
  visibility: visible
}

html:not([dir=rtl]) .list__item {
  padding: 0 0 0 2.5rem
}

html[dir=rtl] .list__item {
  padding: 0 2.5rem 0 0
}

.list__item:after {
  background-image: url(../images/shapes/lists/bullet.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1.6rem 1.6rem;
  content: "";
  height: 1.6rem;
  position: absolute;
  top: 0;
  width: 1.6rem
}

@media (min-width:768px) {
  .list__item:after {
    top: 1rem
  }
}

html:not([dir=rtl]) .list__item:after {
  left: 0
}

html[dir=rtl] .list__item:after {
  right: 0;
  transform: rotate(-180deg)
}

.list__item--margin-small {
  margin: .5rem 0
}

.list--twoColumn .list__item {
  width: 100%
}

@media (min-width:768px) {
  .list--twoColumn .list__item {
    width: 50%
  }
}

.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: #2B255D
}

.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: #2B255D;
  color: #fff
}

.scrollDown--primary {
  background-color: #fff;
  color: #2B255D
}

.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;
  transform: rotatez(180deg);
}

html:not([dir=rtl]) .scrollDown__text p {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}

.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: #2B255D
}

.formsTab__navItem.active {
  border-bottom: 2px solid #2B255D;
  color: #2B255D
}

.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:after, .imageBox--filter-default:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity .4s .3s,visibility .4s .3s;
  width: 100%;
  z-index: 2
}

.imageBox--filter-default:after {
  background-color: #2B255D;
  mix-blend-mode: color;
  opacity: .1
}
#pageBgHeader .imageBox--filter-default:before {
  background: linear-gradient(105deg,#e10d14 ,#2a235a)!important;
  mix-blend-mode: normal;
  opacity: .8
}

.imageBox--filter-default:before {
  background-color: #292929;
  mix-blend-mode: normal;
  opacity: .5
}

.imageBox--filter-blue:not(.loaded):after, .imageBox--filter-blue:not(.loaded):before {
  opacity: 0;
  visibility: hidden
}

.imageBox--filter-blue:after {
  background-color: #2B255D;
  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__inner {
  position: absolute
}

.imageClip img {
  background-attachment: fixed;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.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: #2B255D;
  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: #2B255D;
  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: contain;
  width: 100%
}

.imageToggle__primary, .imageToggle__secondary {
  transition: opacity .4s,visibility .4s
}

.imageToggle__secondary {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%
}

  .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 {
  height: 160px;
  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: #2B255D
}

.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: #2B255D;
  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: #2B255D;
  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: #2B255D;
  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: #625da9;
  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
}

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

@media (min-width:1024px) {
  .imageSlider {
    flex-wrap: nowrap
  }
}

.imageSlider__nav {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 0 5rem;
  overflow: auto;
  padding: 0;
  width: 100%
}

@media (min-width:1024px) {
  .imageSlider__nav {
    display: block;
    flex-shrink: 0;
    flex-wrap: wrap;
    margin: 0;
    overflow: unset;
    padding: 5rem 0;
    width: 33.74%
  }
}

@media (min-width:1280px) {
  .imageSlider__nav {
    width: 24.06%
  }
}

.imageSlider__navItem {
  flex-shrink: 0;
  padding: .5rem 0
}

@media (min-width:768px) {
  .imageSlider__navItem {
    flex-shrink: unset
  }
}

@media (min-width:1600px) {
  .imageSlider__content {
    margin-left: 9.68%;
    width: 66.24%
  }
}

.imageSlider__inner {
  flex-grow: 1;
  min-height: 400px;
  position: relative;
  width: 100%
}

@media (min-width:1024px) {
  .imageSlider__inner {
    min-height: unset;
    width: auto
  }

  html[dir=rtl] .imageSlider__inner {
    margin-right: 8.42%
  }

  html:not([dir=rtl]) .imageSlider__inner {
    margin-left: 8.42%
  }
}

.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
}

html:not([dir=rtl]) .imageSlider__slideContent {
  margin-left: 8.42%
}

html[dir=rtl] .imageSlider__slideContent {
  margin-right: 8.42%
}

.imageSlider__slide.active .imageSlider__slideContent {
  transform: translateX(0)
}

@media (min-width:1024px) {
  .imageSlider__slideContent {
    width: 61.78%
  }

  html:not([dir=rtl]) .imageSlider__slideContent {
    margin-left: 25.46%
  }

  html[dir=rtl] .imageSlider__slideContent {
    margin-right: 25.46%
  }
}

.imageSlider__slideMore {
  margin-top: 3rem
}

.imageSlider__slideBg {
  height: 100%;
  left: 0;
  position: absolute;
  width: 118.86%;
  z-index: -1
}

html[dir=rtl] .imageSlider__slideBg {
  margin-left: -18.86%
}

.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: 7rem 0 0;
  position: relative
}

.timelineSlider__timeline {
  width: 100%
}

.timelineSlider__timelineContainer {
  overflow: unset
}

.timelineSlider__timelineWrapper {
  transition: transform .4s
}

.timelineSlider__timelineItem {
  flex-shrink: unset
}

html:not([dir=rtl]) .timelineSlider__timelineItem {
  padding-left: 16.86%
}

html[dir=rtl] .timelineSlider__timelineItem {
  padding-right: 16.86%
}

.timelineSlider__timelineItem button {
  font-size: 1.6rem;
  font-weight: 700;
  opacity: .5;
  position: relative;
  transition: opacity .4s .4s
}

  .timelineSlider__timelineItem button:after {
    border: 1px dashed #e2e2e2;
    bottom: -400px;
    content: "";
    height: 400px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 1px
  }

@media (min-width:768px) {
  .timelineSlider__timelineItem button:after {
    display: block
  }
}

.timelineSlider__timelineItem--active button {
  opacity: 1
}

  .timelineSlider__timelineItem--active button:after {
    border: 1px solid #292929
  }

.timelineSlider__inner {
  display: flex;
  margin: 8rem auto 0;
  width: 100%
}

@media (min-width:768px) {
  .timelineSlider__inner {
    width: 83.12%
  }
}

@media (min-width:1280px) {
  .timelineSlider__inner {
    width: 66.24%
  }
}

.timelineSlider__slide {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  min-height: 400px;
  width: 100%
}

@media (min-width:768px) {
  .timelineSlider__slide {
    align-items: unset;
    min-height: unset
  }
}

@media (min-width:1280px) {
  .timelineSlider__slide {
    width: 49.04%
  }
}

.timelineSlider__slideTags {
  column-gap: 2.5%;
  display: flex;
  margin-bottom: 2rem
}

.timelineSlider__image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

@media (min-width:768px) {
  .timelineSlider__image {
    height: 300px;
    position: static;
    width: 40.92%
  }
}

@media (min-width:1280px) {
  .timelineSlider__image {
    width: 24.06%
  }
}

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

.timelineSlider__content {
  color: #fff;
  padding: 7.18%;
  width: 100%
}

@media (min-width:768px) {
  .timelineSlider__content {
    color: #292929;
    padding-top: 2rem;
    width: 74.68%
  }
}

.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__next, .timelineSlider__prev {
  position: absolute;
  top: 11rem;
  z-index: 10
}

@media (min-width:768px) {
  .timelineSlider__next, .timelineSlider__prev {
    top: 50%
  }

  html:not([dir=rtl]) .timelineSlider__next, html:not([dir=rtl]) .timelineSlider__prev {
    transform: translateY(-50%)
  }

  html[dir=rtl] .timelineSlider__next, html[dir=rtl] .timelineSlider__prev {
    transform: rotate(180deg) translateY(-50%)
  }
}

html:not([dir=rtl]) .timelineSlider__prev {
  right: 50px
}

@media (min-width:768px) {
  html:not([dir=rtl]) .timelineSlider__prev {
    left: 0;
    right: unset
  }
}

html[dir=rtl] .timelineSlider__prev {
  left: 50px;
  right: unset;
  transform: rotate(180deg)
}

@media (min-width:768px) {
  html[dir=rtl] .timelineSlider__prev {
    left: unset;
    right: 0
  }
}

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

html[dir=rtl] .timelineSlider__next {
  left: 0;
  right: unset;
  transform: rotate(-180deg)
}

.timelineSlider__nav {
  margin-top: 6rem
}

html:not([dir=rtl]) .timelineSlider__timelineItem--diff-1 {
  padding-left: 8.42%
}

html[dir=rtl] .timelineSlider__timelineItem--diff-1 {
  padding-right: 8.42%
}

html:not([dir=rtl]) .timelineSlider__timelineItem--diff-2 {
  padding-left: 16.84%
}

html[dir=rtl] .timelineSlider__timelineItem--diff-2 {
  padding-right: 16.84%
}

html:not([dir=rtl]) .timelineSlider__timelineItem--diff-3 {
  padding-left: 25.26%
}

html[dir=rtl] .timelineSlider__timelineItem--diff-3 {
  padding-right: 25.26%
}

html:not([dir=rtl]) .timelineSlider__timelineItem--diff-4 {
  padding-left: 33.68%
}

html[dir=rtl] .timelineSlider__timelineItem--diff-4 {
  padding-right: 33.68%
}

html:not([dir=rtl]) .timelineSlider__timelineItem--diff-5 {
  padding-left: 42.1%
}

html[dir=rtl] .timelineSlider__timelineItem--diff-5 {
  padding-right: 42.1%
}

html:not([dir=rtl]) .timelineSlider__timelineItem--diff-6 {
  padding-left: 50.52%
}

html[dir=rtl] .timelineSlider__timelineItem--diff-6 {
  padding-right: 50.52%
}

html:not([dir=rtl]) .timelineSlider__timelineItem--diff-7 {
  padding-left: 58.94%
}

html[dir=rtl] .timelineSlider__timelineItem--diff-7 {
  padding-right: 58.94%
}

html:not([dir=rtl]) .timelineSlider__timelineItem--diff-8 {
  padding-left: 67.36%
}

html[dir=rtl] .timelineSlider__timelineItem--diff-8 {
  padding-right: 67.36%
}

html:not([dir=rtl]) .timelineSlider__timelineItem--diff-9 {
  padding-left: 75.78%
}

html[dir=rtl] .timelineSlider__timelineItem--diff-9 {
  padding-right: 75.78%
}

html:not([dir=rtl]) .timelineSlider__timelineItem--diff-10 {
  padding-left: 84.2%
}

html[dir=rtl] .timelineSlider__timelineItem--diff-10 {
  padding-right: 84.2%
}

.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: #ffffff
}

.textImageSlider--theme-lime .textImageSlider__slideNumber {
  color: #625da9
}

.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: #625da9
}

.textImageSlider--theme-lime .textImageSlider__bg {
  background-color: #e41017
}

@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: #ffffff
}

.textImageSlider--theme-lime .textImageSlider__text {
  color: #292929
}

  .textImageSlider--theme-lime .textImageSlider__text .text__head {
    color: #625da9
  }

.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: #e41017
}

.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 #625da9;
  color: #625da9
}

  .processSlider__item--purple.active, .processSlider__item--purple:hover {
    background-color: #625da9
  }

.processSlider__item--lime {
  border-top: 1px solid #e41017;
  color: #e41017
}

  .processSlider__item--lime.active, .processSlider__item--lime:hover {
    background-color: #e41017
  }

.processSlider__item--azure {
  border-top: 1px solid #2B255D;
  color: #1cc5dc
}

  .processSlider__item--azure.active, .processSlider__item--azure:hover {
    background-color: #1cc5dc
  }

.processSlider__item--primary {
  border-top: 1px solid #2B255D;
  color: #2B255D
}

  .processSlider__item--primary.active, .processSlider__item--primary:hover {
    background-color: #2B255D
  }

.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: #2B255D
}

  .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: #2B255D
}

  .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: 6rem
}

@media (min-width:768px) {
  .counter__number, .counter__prefix {
    font-size: 10rem
  }
}

@media (min-width:1280px) {
  .counter__number, .counter__prefix {
    font-size: 16rem
  }
}

.counter__name {
  color: #fd8c04;
  font-size: 2rem
}

@media (min-width:768px) {
  .counter__name {
    font-size: 2.5rem
  }
}

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

.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: #e41017;
  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 #e41017
}

.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: #e41017;
  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 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-top: 5rem;
  position: relative
}

@media (min-width:768px) {
  .pagination {
    flex-wrap: nowrap
  }
}

.pagination__left {
  column-gap: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

@media (min-width:768px) {
  .pagination__left {
    width: auto
  }
}

.pagination__right {
  margin-top: 4rem
}

@media (min-width:768px) {
  .pagination__right {
    margin-top: 0
  }

  html:not([dir=rtl]) .pagination__right {
    margin-left: auto
  }

  html[dir=rtl] .pagination__right {
    margin-right: auto
  }
}

.pagination__button {
  align-items: center;
  background-color: #e41017;
  border: 1px solid #e41017;
  border-radius: .6rem;
  color: #292929;
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  margin: .5rem 0;
  outline: 0;
  transition: color .4s,border-color .4s,background-color .4s;
  width: 40px
}

@media (min-width:600px) {
  .pagination__button {
    height: 40px;
    width: 50px
  }
}

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

.pagination__button.active {
  background-color: #fff;
  border: 1px solid #e41017
}

.pagination__button:disabled {
  background-color: #fff;
  border: none
}

.pagination__button:hover {
  background-color: #292929;
  border: 1px solid #292929;
  color: #e41017
}

.pagination__navigate {
  font-size: 1.6rem;
  font-weight: 700
}

html:not([dir=rtl]) .pagination__navigate label {
  margin-right: 1.5rem
}

html[dir=rtl] .pagination__navigate label {
  margin-left: 1.5rem
}

.pagination__navigateInput {
  background-color: #f7f7f7;
  border-radius: .6rem;
  height: 30px;
  text-align: center;
  width: 40px
}

@media (min-width:600px) {
  .pagination__navigateInput {
    height: 40px;
    width: 50px
  }
}

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

.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: #2B255D;
  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
}

.section {
  overflow: hidden;
  padding: 8rem 0;
  position: relative;
  z-index: 2
}

.section--headerPadding {
  border: none;
  height: 115px;
  outline: 0;
  padding: 0
}

@media (min-width:1024px) {
  .section--headerPadding {
    height: 137px
  }
}

.section--padding-none {
  padding: 0
}

.section--padding-small {
  padding: 6rem 0
}

@media (min-width:1024px) {
  .section--padding-bigTop {
    padding-top: 15rem
  }
}

.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--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: #2B255D;
    mix-blend-mode: color;
    opacity: .1
  }

  .section--parallax:before {
    background-color: #292929;
    mix-blend-mode: normal;
    opacity: .15
  }

.section__tag {
  margin-bottom: 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 {
  padding: 3rem 0
}

@media (min-width:1024px) {
  .breadcrumbs {
    padding: 4rem 0
  }
}

.breadcrumbs__wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap
}

.breadcrumbs__divider {
  margin: 0 5px
}

.breadcrumbs--theme-white .breadcrumbs__divider {
  color: #fff
}

.hero {
  background-color: #2B255D;
  height: calc(100vh - 76px);
  overflow: unset;
  padding: 35rem 0;
  width: 100%
}

@media (min-width:1024px) {
  .hero {
    height: calc(100vh - 137px);
    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__scroll {
  bottom: 5%;
  color: #fff;
  opacity: .5;
  position: absolute;
  z-index: 2
}

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

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

@media (min-width:1024px) {
  .hero__scroll {
    bottom: 0;
    width: 4.68%
  }
}

@media (min-width:1600px) {
  .hero__scroll {
    width: 6.34%
  }
}

.hero__scrollButton {
  margin-bottom: 2rem
}

.hero__scrollText {
  font-weight: 700;
  text-transform: uppercase
}

  .hero__scrollText p {
    font-size: 1.4rem
  }

html[dir=rtl] .hero__scrollText p {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl
}

html:not([dir=rtl]) .hero__scrollText p {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}

.hero__nav {
  bottom: 5%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2
}

@media (min-width:768px) {
  .hero__nav {
    bottom: 10%
  }

  html[dir=rtl] .hero__navInner {
    padding-left: 100px
  }

  html:not([dir=rtl]) .hero__navInner {
    padding-right: 100px
  }
}

.hero__slider {
  height: 100%;
  position: relative;
  width: 100%
}

.hero__slide {
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transition: opacity .2s,visibility .2s;
  visibility: hidden;
  width: 100%;
  z-index: 1
}
/*  .hero__slide:nth-of-type(2) .hero__slideBgWrapper:before,
  .hero__slide:nth-of-type(2) .hero__slideBgWrapper:after {
      display: none
  }*/
  @media (min-width:768px) {
    .hero__slide {
    justify-content: center
  }
}

.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: #2B255D;
  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:not([dir=rtl]) .hero__slideText {
    padding-right: 5rem
  }

  html[dir=rtl] .hero__slideText {
    padding-left: 5rem
  }
}

@media (min-width:1280px) {
  .hero__slideText {
    width: 49.36%
  }
}

.hero__slide.active .hero__slideText {
  opacity: 1;
  transform: translateY(0);
  visibility: visible
}

.hero__slideButtons {
  opacity: 0;
  padding-top: 3rem;
  transform: translateY(100vh);
  transition: transform .6s,opacity .6s,visibility .4s;
  visibility: hidden;
  width: 100%
}

@media (min-width:768px) {
  .hero__slideButtons {
    width: 57.8%
  }
}

.hero__slide.active .hero__slideButtons {
  opacity: 1;
  transform: translateY(0);
  visibility: visible
}

.hero__slideButtonsInner {
  align-items: center;
  column-gap: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.5rem
}

@media (min-width:768px) {
  .hero__slideButtonsInner {
    column-gap: 2.5rem;
    flex-wrap: unset;
    row-gap: unset
  }
}

.hero__buttons {
  bottom: 10%;
  position: absolute;
  width: 100%
}

@media (min-width:768px) {
  .hero__buttons {
    bottom: 20%
  }
}

.hero__buttonsInner {
  display: flex;
  width: 100%
}

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

.hero__buttonsWrapper {
  column-gap: 16px;
  display: flex;
  position: relative;
  z-index: 2
}

@media (min-width:768px) {
  .hero__buttonsWrapper {
    column-gap: unset;
    flex-direction: column;
    row-gap: 3rem
  }
}

@media (min-width:1024px) {
  .hero__buttonsWrapper {
    row-gap: 4rem
  }
}

@media (min-width:1600px) {
  .hero__buttonsWrapper {
    row-gap: 5rem
  }
}

html[dir=rtl] .hero__buttonsNext, html[dir=rtl] .hero__buttonsPrev {
  transform: rotate(-270deg)
}

html:not([dir=rtl]) .hero__buttonsNext, html:not([dir=rtl]) .hero__buttonsPrev {
  transform: rotate(90deg)
}

html[dir=rtl] .hero__buttonsPrev {
  order: 1
}

@media (min-width:768px) {
  html[dir=rtl] .hero__buttonsPrev {
    order: unset
  }
}

.hero__shape {
  overflow: hidden;
  position: absolute;
  z-index: -1
}

  .hero__shape img {
    height: 100%;
    transform: translateX(20%);
    width: 100%
  }

.hero__shape--right {
  bottom: -15%;
  right: 0;
  width: 50%
}

@media (min-width:768px) {
  .hero__shape--right {
    width: 30%
  }
}

@media (min-width:1024px) {
  .hero__shape--right {
    bottom: -15%
  }
}

@media (min-width:1366px) {
  .hero__shape--right {
    width: auto
  }
}

.slider__nav {
  display: flex;
  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;
  flex-basis: 0;
  flex-grow: 1;
  height: 2px;
  opacity: .2;
  transition: opacity .4s
}

  .slider__navPin.active {
    opacity: 1
  }

.timelineSlider .slider__navPin {
  background-color: #fd8c04
}

.slider__nav--vertical .slider__navPin {
  flex-shrink: 0;
  height: auto;
  width: 100%
}

.about {
  background-color: #2B255D;
  overflow: hidden;
  padding: 0;
  width: 100%;
  z-index: auto
}

.about__wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

@media (min-width:768px) {
  .about__wrapper {
    flex-wrap: nowrap
  }
}

.about__left {
  padding: 10rem 0 0;
  width: 100%
}

@media (min-width:768px) {
  .about__left {
    margin-left: 8.42%;
    padding: 10rem 0;
    width: 32.5%
  }
}

.about__tag {
  color: #e41017;
  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__text {
  color: #fff
}

.about__more {
  opacity: 0;
  padding-top: 3rem;
  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 {
  height: 400px;
  overflow: hidden;
  padding: 5rem 0 10rem;
  width: 100%
}

@media (min-width:600px) {
  .about__image {
    width: 70%
  }
}

@media (min-width:768px) {
  .about__image {
    height: auto;
    padding: 0
  }

  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%
}

@media (min-width:768px) {
  .about__imageWrapper {
    transform: translateY(10rem)
  }
}

.about__shape {
  position: absolute
}

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

.about__shape--left {
  bottom: -5%;
  left: -3%;
  width: 50%
}

@media (min-width:768px) {
  .about__shape--left {
    bottom: -15%;
    left: -3%;
    width: 40%
  }
}

@media (min-width:1024px) {
  .about__shape--left {
    bottom: -25%;
    width: auto
  }
}

.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%*/
    width: 33.92%;
  }
}

@media (min-width:1600px) {
  .numberCarousel__slide {
    width: 24.06%
  }
}

.numberCarousel__slideTop {
  align-items: flex-end;
  color: #e41017;
}

.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
}

.businessLines__heading {
  text-align: center
}

@media (min-width:768px) {
  .businessLines__heading {
    margin: 0 auto;
    width: 80.62%
  }
}

@media (min-width:1600px) {
  .businessLines__heading {
    width: 66.24%
  }
}

.businessLines__slider {
  overflow: hidden;
  padding-top: 5rem
}

.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__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: #625da9
}

.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
}

.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: #2B255D
}

.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: 70%
  }

  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: #625da9
}

.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: 20.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: 2rem;
    margin-bottom: 2rem;
  }
}

@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: #e10d14;
  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: #2B255D;
  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: #2B255D;
  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;
  padding: 8rem 0 2rem;
}

.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: #2B255D
  }

@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 {
  flex-grow: 1;
  width: 100%
}
  .filterSection__filter:not(:last-of-type) {
    border-bottom: 1px solid #e2e2e2;
  }
  @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: #2B255D;
  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: #2B255D;
  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: #2B255D;
  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: #2B255D;
    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: #2B255D;
  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: #2B255D;
  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: #2B255D;
  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: #2B255D;
  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 #2B255D;
  max-height: 1000px;
  overflow: auto;
  padding: 2rem
}

  .contactFormSection__formWrapper::-webkit-scrollbar {
    width: .5rem
  }

  .contactFormSection__formWrapper::-webkit-scrollbar-thumb {
    background-color: #e41017
  }

@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: #2B255D
  }

  .tabsSection__navItem.active {
    border-bottom: 2px solid #2B255D;
    color: #2B255D
  }

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;
  padding: 6rem 2rem;
  width: 100%
}

@media (min-width:1024px) {
  .newsletter__wrapper {
    padding: 6rem 0;
    width: 107.18%
  }

  html:not([dir=rtl]) .newsletter__wrapper {
    transform: translateX(-3.6%)
  }

  html[dir=rtl] .newsletter__wrapper {
    transform: translateX(3.58%)
  }
}

.newsletter__heading {
  margin: 0 auto;
  text-align: center;
  width: 54.2%
}

.newsletter__form {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2.5%;
  margin: 0 auto;
  width: 100%
}

@media (min-width:1024px) {
  .newsletter__form {
    gap: 3%;
    width: 83.12%
  }
}

@media (min-width:1600px) {
  .newsletter__form {
    gap: 4.6%;
    width: 54.2%
  }
}

.newsletter__formSubmit {
  margin: 2rem auto 0
}

@media (min-width:1024px) {
  .newsletter__formSubmit {
    margin: 0
  }
}

.newsletter__formInput--email {
  width: 100%
}

@media (min-width:1024px) {
  .newsletter__formInput--email {
    width: 75.5%
  }
}

.newsletter__formInput--consent {
  margin-top: 2rem
}

  .newsletter__formInput--consent input {
    flex-shrink: 0
  }

.newsletter__formMessage {
  margin: 2rem 0 0;
  transition: opacity .4s,visibility .4s;
  width: 100%
}

  .newsletter__formMessage.hidden {
    display: none
  }

.newsletter__formMessage--success {
  color: green
}

.newsletter__formMessage--error {
  color: red
}

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


  .footerBefore__wrapper {
    width: 72.12%;
  }
  .textImageSlider {
    justify-content: center;
  }
  .textImageSlider__imagesSingle img {
    height: 74%;
    width: 126%;
    margin: 30px -30px 0;
  }
  .footer__listLink {
    padding: 1.5rem 3rem 0.5rem 0;
  }
  .imageBox.exc-img img.loaded {
    object-fit: contain;
  }
  .imageSlider__slideBg {
    width: 99.86%;
  }
  .history-timeline .timelineSlider__image .imageBox:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2B255D88;
    z-index: 1
  }

  .history-timeline .timelineSlider__image img {
    object-fit: cover
  }
  }

*[dir="rtl"] b p {
  font-family: CenturyGothicNumber,'GE Flow Regular', sans-serif;
  font-weight: normal;
}

/* CSS specific to iOS devices */

@media screen and (max-device-width: 480px) and (orientation:portrait) {
  .footerBefore {
    background-attachment: initial;
  }
  .button__text {
    color: #303236;
    font-weight: normal;
  }
  .buttonImageSlider__text {
    color: #303236;
  }
}

.imageBox--filter-blue.articleImg:after {
   mix-blend-mode: unset;
  opacity: .1;
  display:none
}
.our-purpose p, .our-purpose h3 {
  color: #303236
}
#pageBgHeader .breadcrumbs__item .link--default .link__text {
  color: #fff!important;
}
.breadcrumbs__item .link--default .link__text {
  color: #2B255D;
}

.brandsZoom__children .node-title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #2B255D;
  line-height: 2.2rem;
}

.brandsZoom__children:hover .node-title{
  color: #fff
}

.brandsZoom__parentImage .node-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  line-height: 2.2rem;
}

.submit-btn.hidden {
  pointer-events: none;
}
/* CSS to hide the cloned image with the class 'hidden-image' */
.hidden-image {
  height:1px;
  width:1px;
  opacity: 1
}
.frst__imgcont img{
  height: auto;
}

.text--textEditor p a,
.text--textEditor ul li a {
  color: #2B255D
}

html[dir="rtl"] .section__desc p {
  word-spacing: 5px
}

/*form mobile devices*/
@media screen and (max-width:765px){

  html[dir=rtl] .imageSlider__slideBg {
      margin:0
  }
  html {
    scroll-behavior: smooth
  }

  .newsroom__news::-webkit-scrollbar,
  .imageSlider__nav::-webkit-scrollbar {
    width: 6px;
    height: 10px
  }

  .newsroom__news::-webkit-scrollbar-thumb,
  .imageSlider__nav::-webkit-scrollbar-thumb {
    background: #2B255D;
    border-radius: 0
  }

    .newsroom__news::-webkit-scrollbar-thumb:hover,
    .imageSlider__nav::-webkit-scrollbar-thumb:hover {
      background: #2B255D66
    }

  .newsroom__news::-webkit-scrollbar-track,
  .imageSlider__nav::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 0;
    box-shadow: inset 7px 10px 12px #f5f5f5
  }
  .hero__slideText {
    padding-top: 15rem;
  }
  .imageListSliderSection__heading {
    width: 100%;
    margin: 0;
  }
  .newsletter__heading {
    width: 100%;
  }
  .mapHeader__scroll {
    z-index: -1;
  }
  .mapHeader__heading {
    padding: 0 0 10vh;
    margin-top: 40vh;
    z-index: 9;
  }
  html:not([dir=rtl]) .newsroomHeader__heading {
    margin: 0;
    width: 100%;
  }
  html:not([dir=rtl]) .newsroomHeader__bg {
    display: none;
  }
  .imageBox img {
    width: 120%;
    height: 110%;
    margin: 0 -10% 0 0;
  }
  .counter__slideTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  html[dir=rtl] .counter__slideTop {
    text-align: right;
  }
  span.counter__prefix {
    margin: 0 5px;
  }
  .cardsSection--textCenter .cardsSection__heading {
    width: 100%;
  }
  html[dir=rtl] .swiper-wrapper {
    width: 68%;
  }
  html[dir=rtl] .textImageBgSlider--theme-sustainability .swiper-wrapper {
    width: 100%;
  }
  .counter__name {
    color: #fd8c04;
    font-size: 1.7rem;
  }
  .counter__number, .counter__prefix {
    color: #fd8c04;
    font-size: 4rem;
  }
  .imageBox img[data-image-lazy=""].loaded {
    width: 100%;
    object-fit: cover;
  }
  html[dir=rtl] .featuredProjects__slider .swiper-wrapper {
    width: 98%;
  }
  html[dir=rtl] .imageBox img[data-image-lazy=""].loaded {
    margin: 0;
  }
  html[dir=rtl] .featuredProjects__shape--purple {
    left: 26%;
  }
  html[dir=rtl] .featuredProjects__shape--orange {
    left: 18%;
  }
  html[dir=rtl] .hero__buttonsPrev {
    order: 0;
  }
  html[dir=rtl] .parallaxHeader__head {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
  }
  html[dir=rtl] .imageBox--filter-default:not(.loaded):after, html[dir=rtl] .imageBox--filter-default:not(.loaded):before {
    opacity: .3;
    visibility: visible;
    right: 0;
    width: 100%;
  }
  html[dir=rtl] .textImageBgSlider--theme-sustainability .imageBox img {
    margin: 0 
  }
  }
.contact-logo {
    width: 100%;
    height: auto;
    margin: auto
}
.logogrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  grid-auto-rows: 75px;
  grid-gap: 4rem;
}
.logogrid__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.logogrid__img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 120px;
  max-height: 60px;
  /* filter: grayscale(100%) contrast(25%); */
  transition: filter 0.3s ease;
}
.logogrid__img:hover {
  filter: grayscale(0) contrast(100%);
}

/* body {
  display: flex;
  flex-direction: column;
  justify-items: center;
  min-height: 100vh;
} */
.chairman{
  margin-top: 30px;
}
.chairman img{
  height: 250px;
  margin-bottom: 15px;
  border: 5px solid #fff;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
}
.quality_policy {
  color: #2B255D;
  text-align: left!important;
}

/* pdf download button */
.adobe-download-button-container
{
  text-align:center;
  padding: 5rem 0;
}
.adobe-pdf-download
{
  border:2px solid #de4533;
  background:transparent;
  color: #de4533;
  text-transform:uppercase;
  font-size:0.8em;
  padding:0px 20px 0px 20px;
  transition: background 0.5s,color 0.5s;
}
.adobe-pdf-download a
{
  text-decoration:none;
  color: #de4533;
  transition: background 0.5s,color 0.5s;
  font-family:arial;
  font-weight:bold;
}
.adobe-pdf-download a:hover
{
  color:white;
  transition: background 0.5s,color 0.5s;
}
.adobe-pdf-download:hover a
{
  color:white;
  transition: background 0.5s,color 0.5s;
}
.adobe-pdf-download:hover
{
  background:#de4533;
  color:white;
  transition: background 0.5s,color 0.5s;
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.adobe-pdf-download img
{
  margin:0px 10px 0px 0px;
  padding: 0px;
  height: 20px;
}