.Banner {
  --banner-border-radius: 16px;

  position: relative;
  padding: var(--banner-spacing-vertical) var(--banner-spacing-horizontal);
  border-radius: var(--banner-border-radius);
  background-color: var(--banner-bg);
}

  .Banner_view_glassdoor {
      --banner-spacing-vertical: var(--space-2xl);
      --banner-spacing-horizontal: var(--space-2xl);
      --banner-bg: var(--color-turquise);
      min-height: 464px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }

  @media screen and (min-width: 768px) and (max-width: 1199px) {

  .Banner_view_glassdoor {
        min-height: 208px
    }
      }

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

  .Banner_view_glassdoor {
        min-height: 280px;
        --banner-spacing-horizontal: var(--space-xl);
        padding-bottom: var(--space-xl)
    }
      }

  .Banner_view_glassdoor:before {
        content: '';
        position: absolute;
        bottom: 0;
        right: var(--space-xl);
        width: 122px;
        height: 122px;
        background-size: cover;
        background-position: center center;
        background-image: url('./glassdoor_banner_decor.png');
      }

  @media screen and (min-width: 768px) and (max-width: 1199px) {

  .Banner_view_glassdoor:before {
          right: var(--space-2xl)
      }
        }

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

  .Banner_view_glassdoor:before {
          width: 88px;
          height: 88px;
          right: var(--space-l)
      }
        }

  .Banner_view_glassdoor .Banner-Title {
        margin-bottom: auto;
      }

  .Banner_view_vacancy {
      --banner-spacing-vertical: var(--space-3xl);
      --banner-spacing-horizontal: var(--space-2xl);
      --banner-bg: var(--color-orange);
      min-height: 528px;
      overflow: hidden;
    }

  @media screen and (min-width: 768px) and (max-width: 1199px) {

  .Banner_view_vacancy {
        min-height: 272px;
        padding-bottom: var(--space-m)
    }
      }

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

  .Banner_view_vacancy {
        min-height: 464px;
        --banner-spacing-vertical: var(--space-2xl);
        --banner-spacing-horizontal: var(--space-xl)
    }
      }

  .Banner_view_vacancy:before {
        content: '';
        position: absolute;
        bottom: -85px;
        right: 0;
        background-image: url('./vacancy_banner_decor.svg');
        background-size: cover;
        background-position: center;
        width: 301px;
        height: 321px;
      }

  @media screen and (min-width: 768px) and (max-width: 1199px) {

  .Banner_view_vacancy:before {
          bottom: auto;
          top: 0
      }
        }

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

  .Banner_view_vacancy:before {
          top: auto;
          bottom: 0;
          right: 0;
          width: 191px;
          height: 184px
      }
        }

  @media screen and (min-width: 768px) and (max-width: 1199px) {

  .Banner_view_vacancy .Banner-Inner {
          max-width: 328px
      }
        }

  .Banner_view_vacancy .Banner-Title {
        margin-bottom: var(--space-m);
      }

  .Banner_view_vacancy .Banner-Text {
        margin-bottom: var(--space-3xl);
      }

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

  .Banner_view_vacancy .Banner-Text {
          margin-bottom: var(--space-xl)
      }
        }

  .Banner_view_vacancy .Banner-SecondaryButton {
        margin-top: var(--space-xs);
      }

  .Banner_view_vacancy-row {
      --banner-spacing-vertical: var(--space-3xl);
      --banner-spacing-horizontal: var(--space-3xl);
      --banner-bg: var(--color-orange);
      overflow: hidden;
    }

  @media screen and (min-width: 768px) and (max-width: 1199px) {

  .Banner_view_vacancy-row {
        min-height: 272px;
        padding-bottom: var(--space-m)
    }
      }

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

  .Banner_view_vacancy-row {
        min-height: 464px;
        --banner-spacing-vertical: var(--space-2xl);
        --banner-spacing-horizontal: var(--space-xl)
    }
      }

  .Banner_view_vacancy-row:before {
        content: '';
        position: absolute;
        bottom: auto;
        top: 0;
        right: 0;
        background-image: url('./vacancy_banner_decor.svg');
        background-size: cover;
        background-position: center;
        width: 301px;
        height: 321px;
      }

  @media screen and (min-width: 768px) and (max-width: 1199px) {

  .Banner_view_vacancy-row:before {
          bottom: auto;
          top: 0
      }
        }

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

  .Banner_view_vacancy-row:before {
          top: auto;
          bottom: 0;
          right: 0;
          width: 191px;
          height: 184px
      }
        }

  .Banner_view_vacancy-row .Banner-Inner {
        max-width: 50%;
      }

  @media screen and (min-width: 768px) and (max-width: 1199px) {

  .Banner_view_vacancy-row .Banner-Inner {
          max-width: 328px
      }
        }

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

  .Banner_view_vacancy-row .Banner-Inner {
          max-width: 100%
      }
        }

  .Banner_view_vacancy-row .Banner-Title {
        margin-bottom: var(--space-m);
      }

  .Banner_view_vacancy-row .Banner-Text {
        margin-bottom: var(--space-3xl);
      }

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

  .Banner_view_vacancy-row .Banner-Text {
          margin-bottom: var(--space-xl)
      }
        }

  .Banner_view_vacancy-row .Banner-SecondaryButton {
        margin-top: var(--space-xs);
      }

  .Banner_view_section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }

  .Banner_view_section .Banner-Inner {
        padding: var(--space-2xl);
      }

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

  .Banner_view_section .Banner-Inner {
          padding: var(--space-xl)
      }
        }

  .Banner_view_section .Banner-Title {
        margin-bottom: var(--space-xs);
      }

  .Banner_view_section .Banner-Button {
        margin-top: auto;
        padding-top: var(--space-l);
      }

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

  .Banner_view_section .Banner-Button {
          padding-top: var(--space-2xl)
      }
        }

  .Banner_view_landing {
      overflow: hidden;
    }

  .Banner_view_landing .Banner-Inner {
        background-color: #032c66;
        padding: var(--space-xl);
        width: 64.356436%;
      }

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

  .Banner_view_landing .Banner-Inner {
          width: 100%
      }
        }

  .Banner_view_landing .Banner-Picture {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 35.643564%;
      }

  .Banner_view_landing .Banner-Picture .Picture,
        .Banner_view_landing .Banner-Picture .Picture picture,
        .Banner_view_landing .Banner-Picture .Picture img {
          border-radius: 0;
        }

  @media screen and (max-width: 1199px) {
          .Banner_view_landing .Banner-Picture .Picture,
          .Banner_view_landing .Banner-Picture .Picture picture,
          .Banner_view_landing .Banner-Picture .Picture img {
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
          }
        }

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

  .Banner_view_landing .Banner-Picture {
          width: 100%;
          position: relative
      }
        }

  .Banner_view_landing .Banner-Button {
        margin-top: var(--space-6xl);
      }

  .Banner_view_landing-column {
      overflow: hidden;
      background-color: #032c66;
    }

  .Banner_view_landing-column .Banner-Inner {
        padding: var(--space-xl);
        width: 100%;
      }

  .Banner_view_landing-column .Banner-Button {
        margin-top: var(--space-5xl);
      }

  .Banner_view_landing-column .Banner-Picture {
        margin-top: var(--space-2xl);
      }

  .Banner_view_case {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
    }

  .Banner_view_case .Banner-Inner {
        padding: var(--space-3xl) var(--space-3xl) var(--space-6xl);
        width: 57.51634%;
      }

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

  .Banner_view_case .Banner-Inner {
          width: 61.627907%
      }
        }

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

  .Banner_view_case .Banner-Inner {
          width: 100%;
          padding: var(--space-xl) var(--space-xl) var(--space-3xl)
      }
        }

  .Banner_view_case .Banner-Picture {
        padding: var(--space-2xl);
        width: 33.986928%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-left: auto;
      }

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

  .Banner_view_case .Banner-Picture {
          width: 31.395349%
      }
        }

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

  .Banner_view_case .Banner-Picture {
          width: 100%;
          padding: 0 var(--space-xl) var(--space-xl)
      }
        }

  .Banner_view_case .Banner-Title {
        margin-bottom: var(--space-xl);
      }

  .Banner_inverted {
    color: #fff;
  }

  .Banner-Link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
  }

  .Banner-SubTitle {
    margin-bottom: var(--space-m);
  }

  .Banner-Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }

  .Banner-Picture .Picture {
      border-radius: 0;
    }
