/* [project]/src/src/pages/Job/components/Advantages/Advantages.scss.css [app-client] (css) */
:export {
  ma: ma;
}

.AdvantagesJob {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}

@supports not (translate: 100px) {
  .AdvantagesJob > * {
    margin-left: 20px;
    margin-right: 20px;
  }

  .AdvantagesJob > :first-child {
    margin-left: 0;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .AdvantagesJob > :first-child {
      margin-left: 0;
    }
  }

  .AdvantagesJob > :last-child {
    margin-right: 0;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .AdvantagesJob > :last-child {
      margin-right: 0;
    }
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .AdvantagesJob > * {
      margin-left: 1.04167vw;
      margin-right: 1.04167vw;
    }
  }
}

@supports (translate: 100px) {
  .AdvantagesJob {
    gap: 40px;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .AdvantagesJob {
      gap: 2.08333vw;
    }
  }
}

@media (width <= 600px) {
  .AdvantagesJob {
    grid-template-columns: 1fr;
  }
}


/* [project]/src/src/pages/Job/components/Advantages/components/Advantage.scss.css [app-client] (css) */
:export {
  ma: ma;
}

.AdvantageJob {
  list-style-type: none;
}

@media (width <= 600px) {
  .AdvantageJob {
    display: flex;
    flex-direction: row;
  }

  @supports not (translate: 100px) {
    @media (width <= 600px) and (width <= 600px) and (aspect-ratio <= 320 / 568) {
      .AdvantageJob > :first-child {
        margin-left: 0;
      }
    }

    @media (width <= 600px) and (width <= 600px) and (aspect-ratio >= 375 / 665) {
      .AdvantageJob > :first-child {
        margin-left: 0;
      }
    }

    @media (width <= 600px) and (width <= 600px) and (aspect-ratio <= 320 / 568) {
      .AdvantageJob > :last-child {
        margin-right: 0;
      }
    }

    @media (width <= 600px) and (width <= 600px) and (aspect-ratio >= 375 / 665) {
      .AdvantageJob > :last-child {
        margin-right: 0;
      }
    }

    @media (width <= 600px) and (width <= 600px) and (aspect-ratio <= 320 / 568) {
      .AdvantageJob > * {
        margin-left: 2.57813vw;
        margin-right: 2.57813vw;
      }
    }

    @media (width <= 600px) and (width <= 600px) and (aspect-ratio >= 375 / 665) {
      .AdvantageJob > * {
        margin-left: 1.45246vh;
        margin-right: 1.45246vh;
      }
    }
  }

  @supports (translate: 100px) {
    @media (width <= 600px) and (width <= 600px) and (aspect-ratio <= 320 / 568) {
      .AdvantageJob {
        gap: 5.15625vw;
      }
    }

    @media (width <= 600px) and (width <= 600px) and (aspect-ratio >= 375 / 665) {
      .AdvantageJob {
        gap: 2.90493vh;
      }
    }
  }
}

.AdvantageJob__x {
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  margin-bottom: 4px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .AdvantageJob__x {
    min-width: 1.04167vw;
    min-height: 1.04167vw;
    max-width: 1.04167vw;
    max-height: 1.04167vw;
    margin-bottom: .208333vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .AdvantageJob__x {
    min-width: 6.25vw;
    min-height: 6.25vw;
    max-width: 6.25vw;
    max-height: 6.25vw;
    margin-left: 1.25vw;
    margin-bottom: 0;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .AdvantageJob__x {
    min-width: 3.52113vh;
    min-height: 3.52113vh;
    max-width: 3.52113vh;
    max-height: 3.52113vh;
    margin-left: .704225vh;
    margin-bottom: 0;
  }
}

.AdvantageJob__text {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .AdvantageJob__text {
    font-size: .833333vw;
    line-height: 1.04167vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .AdvantageJob__text {
    font-size: 4.375vw;
    line-height: 5.3125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .AdvantageJob__text {
    font-size: 2.46479vh;
    line-height: 2.99296vh;
  }
}


/* [project]/src/src/pages/Landing/Components/AvatarsPlus/AvatarsPlus.scss.css [app-client] (css) */
:export {
  ma: ma;
}

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

.AvatarsPlus__avatars-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.AvatarsPlus__avatar {
  display: flex;
  align-items: center;
  list-style: none;
  border-radius: 50%;
  z-index: 2;
  margin-right: -12px;
}

.AvatarsPlus__avatar:hover {
  z-index: 3;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .AvatarsPlus__avatar {
    margin-right: -.625vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .AvatarsPlus__avatar {
    margin-right: -3.75vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .AvatarsPlus__avatar {
    margin-right: -2.11268vh;
  }
}

.AvatarsPlus__plus {
  position: relative;
  transition: all .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity .4s ease-in-out;
  z-index: 999;
  width: 23px;
  height: 23px;
  margin-left: 28px;
}

.AvatarsPlus__plus:before, .AvatarsPlus__plus:after {
  position: absolute;
  content: " ";
  right: 50%;
  width: 1px;
  height: 23px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .AvatarsPlus__plus:before, .AvatarsPlus__plus:after {
    width: .0520833vw;
    height: 1.19792vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .AvatarsPlus__plus:before, .AvatarsPlus__plus:after {
    width: .3125vw;
    height: 5.40625vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .AvatarsPlus__plus:before, .AvatarsPlus__plus:after {
    width: .176056vh;
    height: 3.04577vh;
  }
}

.AvatarsPlus__plus:after {
  transform: rotate(-90deg);
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .AvatarsPlus__plus {
    width: 1.19792vw;
    height: 1.19792vw;
    margin-left: 1.45833vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .AvatarsPlus__plus {
    width: 5.40625vw;
    height: 5.40625vw;
    margin-left: 6.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .AvatarsPlus__plus {
    width: 3.04577vh;
    height: 3.04577vh;
    margin-left: 3.52113vh;
  }
}

@media (width <= 600px) {
  .AvatarsPlus__plus {
    transition: opacity .1s;
  }
}

.AvatarsPlus__plus_mode_dark:before, .AvatarsPlus__plus_mode_dark:after {
  background-color: #07093d;
}

.AvatarsPlus__plus_mode_light:before, .AvatarsPlus__plus_mode_light:after {
  background-color: #fff;
}


/* [project]/src/src/pages/Job/components/DevelopmentStacks/DevelopmentStacks.scss.css [app-client] (css) */
:export {
  ma: ma;
}

.DevelopmentStacks__title {
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 45px;
  line-height: 55px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .DevelopmentStacks__title {
    font-size: 2.34375vw;
    line-height: 2.86458vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .DevelopmentStacks__title {
    font-size: 6.875vw;
    line-height: 8.4375vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .DevelopmentStacks__title {
    font-size: 3.87324vh;
    line-height: 4.75352vh;
  }
}

.DevelopmentStacks__stacks-avatars {
  margin-left: auto;
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .DevelopmentStacks__stacks-avatars {
    margin-top: 6.25vw;
    margin-left: 0;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .DevelopmentStacks__stacks-avatars {
    margin-top: 3.52113vh;
    margin-left: 0;
  }
}

.DevelopmentStacks__info-avatars {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-right: 0;
  margin-bottom: 50px;
}

@media (width <= 600px) {
  .DevelopmentStacks__info-avatars {
    display: flex;
    flex-direction: column;
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .DevelopmentStacks__info-avatars {
    margin-right: 0;
    margin-bottom: 2.60417vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .DevelopmentStacks__info-avatars {
    margin-bottom: 9.375vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .DevelopmentStacks__info-avatars {
    margin-bottom: 5.28169vh;
  }
}

.DevelopmentStacks__tags-wrapper {
  display: flex;
}

@supports not (translate: 100px) {
  .DevelopmentStacks__tags-wrapper > * {
    margin-left: 85px;
    margin-right: 85px;
  }

  .DevelopmentStacks__tags-wrapper > :first-child {
    margin-left: 0;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .DevelopmentStacks__tags-wrapper > :first-child {
      margin-left: 0;
    }
  }

  .DevelopmentStacks__tags-wrapper > :last-child {
    margin-right: 0;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .DevelopmentStacks__tags-wrapper > :last-child {
      margin-right: 0;
    }
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .DevelopmentStacks__tags-wrapper > * {
      margin-left: 4.42708vw;
      margin-right: 4.42708vw;
    }
  }
}

@supports (translate: 100px) {
  .DevelopmentStacks__tags-wrapper {
    gap: 170px;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .DevelopmentStacks__tags-wrapper {
      gap: 8.85417vw;
    }
  }
}

@supports not (translate: 100px) {
  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .DevelopmentStacks__tags-wrapper > :first-child {
      margin-left: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .DevelopmentStacks__tags-wrapper > :first-child {
      margin-left: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .DevelopmentStacks__tags-wrapper > :last-child {
      margin-right: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .DevelopmentStacks__tags-wrapper > :last-child {
      margin-right: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .DevelopmentStacks__tags-wrapper > * {
      margin-left: 0;
      margin-right: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .DevelopmentStacks__tags-wrapper > * {
      margin-left: 0;
      margin-right: 0;
    }
  }
}

@supports (translate: 100px) {
  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .DevelopmentStacks__tags-wrapper {
      gap: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .DevelopmentStacks__tags-wrapper {
      gap: 0;
    }
  }
}

@media (width <= 600px) {
  .DevelopmentStacks__tags-wrapper {
    flex-direction: column;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .DevelopmentStacks__tags-wrapper {
    padding-bottom: 3.125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .DevelopmentStacks__tags-wrapper {
    padding-bottom: 1.76056vh;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .DevelopmentStacks__tags-1, .DevelopmentStacks__tags-2 {
    margin-bottom: 9.375vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .DevelopmentStacks__tags-1, .DevelopmentStacks__tags-2 {
    margin-bottom: 5.28169vh;
  }
}

.DevelopmentStacks__tags-title {
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 30px;
  margin-bottom: 30px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .DevelopmentStacks__tags-title {
    font-size: 1.5625vw;
    margin-bottom: 1.5625vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .DevelopmentStacks__tags-title {
    font-size: 5.625vw;
    margin-bottom: 6.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .DevelopmentStacks__tags-title {
    font-size: 3.16901vh;
    margin-bottom: 3.52113vh;
  }
}

.DevelopmentStacks .MegaTagList {
  margin-top: 0;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .DevelopmentStacks .MegaTagList {
    margin-top: 0;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .DevelopmentStacks .MegaTagList {
    margin-bottom: 0;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .DevelopmentStacks .MegaTagList {
    margin-bottom: 0;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .DevelopmentStacks .MegaTagList__hover {
    margin-right: 3.125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .DevelopmentStacks .MegaTagList__hover {
    margin-right: 1.76056vh;
  }
}

.DevelopmentStacks .DevelopmentStacks__custom-tag {
  border-radius: 50px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 32px;
  padding-right: 32px;
  font-size: 14px;
  line-height: 22px;
  border-width: 1px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .DevelopmentStacks .DevelopmentStacks__custom-tag {
    border-radius: 2.60417vw;
    padding-top: .572917vw;
    padding-bottom: .572917vw;
    padding-left: 1.66667vw;
    padding-right: 1.66667vw;
    font-size: .729167vw;
    line-height: 1.14583vw;
    border-width: .0520833vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .DevelopmentStacks .DevelopmentStacks__custom-tag {
    border-radius: 20.3125vw;
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
    padding-left: 2.8125vw;
    padding-right: 2.8125vw;
    font-size: 3.125vw;
    line-height: 3.75vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .DevelopmentStacks .DevelopmentStacks__custom-tag {
    border-radius: 11.4437vh;
    padding-top: 1.40845vh;
    padding-bottom: 1.40845vh;
    padding-left: 1.58451vh;
    padding-right: 1.58451vh;
    font-size: 1.76056vh;
    line-height: 2.11268vh;
  }
}


/* [project]/src/src/pages/Job/components/HowWeWork/HowWeWork.scss.css [app-client] (css) */
:export {
  ma: ma;
}

.HowWeWork {
  display: flex;
  justify-content: space-between;
  padding-top: 80px;
  padding-bottom: 90px;
}

@media (width <= 600px) {
  .HowWeWork {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .HowWeWork {
    padding-top: 4.16667vw;
    padding-bottom: 4.6875vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .HowWeWork {
    padding-top: 12.5vw;
    padding-right: 6.25vw;
    padding-left: 6.25vw;
    padding-bottom: 12.5vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .HowWeWork {
    padding-top: 7.04225vh;
    padding-right: 3.52113vh;
    padding-left: 3.52113vh;
    padding-bottom: 7.04225vh;
  }
}

.HowWeWork__wrapper {
  max-width: 361px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .HowWeWork__wrapper {
    max-width: 18.8021vw;
  }
}

.HowWeWork__subtitle {
  color: #07093d;
  font-family: Montserrat;
  font-weight: 300;
  font-style: normal;
  line-height: normal;
  margin-bottom: 20px;
  font-size: 45px;
  line-height: 55px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .HowWeWork__subtitle {
    margin-bottom: 1.04167vw;
    font-size: 2.34375vw;
    line-height: 2.86458vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .HowWeWork__subtitle {
    font-size: 6.875vw;
    line-height: 8.4375vw;
    margin-bottom: 4.6875vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .HowWeWork__subtitle {
    font-size: 3.87324vh;
    line-height: 4.75352vh;
    margin-bottom: 2.64085vh;
  }
}

.HowWeWork__text {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .HowWeWork__text {
    margin-bottom: 1.04167vw;
    font-size: .833333vw;
    line-height: 1.04167vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .HowWeWork__text {
    margin-bottom: 6.25vw;
    font-size: 4.375vw;
    line-height: 5.3125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .HowWeWork__text {
    margin-bottom: 3.52113vh;
    font-size: 2.46479vh;
    line-height: 2.99296vh;
  }
}

.HowWeWork__qualities {
  display: flex;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
  gap: 40px;
}

@media (width <= 600px) {
  .HowWeWork__qualities {
    flex-direction: column;
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .HowWeWork__qualities {
    margin-bottom: 1.04167vw;
    font-size: .833333vw;
    line-height: 1.04167vw;
    gap: 2.08333vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .HowWeWork__qualities {
    margin-bottom: 9.375vw;
    font-size: 4.375vw;
    line-height: 5.3125vw;
    gap: 2.5vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .HowWeWork__qualities {
    margin-bottom: 5.28169vh;
    font-size: 2.46479vh;
    line-height: 2.99296vh;
    gap: 1.40845vh;
  }
}

@media (width <= 600px) {
  .HowWeWork__quality {
    display: flex;
  }
}

.HowWeWork__quality-image {
  width: 24px;
  height: 24px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .HowWeWork__quality-image {
    width: 1.25vw;
    height: 1.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .HowWeWork__quality-image {
    width: 6.25vw;
    height: 6.25vw;
    margin-right: 3.125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .HowWeWork__quality-image {
    width: 3.52113vh;
    height: 3.52113vh;
    margin-right: 1.76056vh;
  }
}

.HowWeWork__img-wrapper {
  border: dashed #07093d;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 710.5px;
  max-width: 710.5px;
  min-height: 381.5px;
  max-height: 381.5px;
  border-width: 1px;
  border-radius: 20px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .HowWeWork__img-wrapper {
    min-width: 37.0052vw;
    max-width: 37.0052vw;
    min-height: 19.8698vw;
    max-height: 19.8698vw;
    border-width: .0520833vw;
    border-radius: 1.04167vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .HowWeWork__img-wrapper {
    border-width: .3125vw;
    border-radius: 1.5625vw;
    padding: 2.34375vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .HowWeWork__img-wrapper {
    border-width: .176056vh;
    border-radius: .880282vh;
    padding: 1.32042vh;
  }
}

@media (width <= 600px) {
  .HowWeWork__img-wrapper {
    min-height: unset;
    max-height: unset;
    min-width: 100%;
    max-width: 100%;
  }
}

.HowWeWork__img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 670px;
  height: 339px;
  border-radius: 20px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .HowWeWork__img {
    width: 34.8958vw;
    height: 17.6563vw;
    border-radius: 1.04167vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .HowWeWork__img {
    border-radius: 1.5625vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .HowWeWork__img {
    border-radius: .880282vh;
  }
}

@media (width <= 600px) {
  .HowWeWork__img {
    width: unset;
    height: unset;
    min-width: 100%;
    max-width: 100%;
    min-height: calc(100% - 100px);
    max-height: calc(100% - 100px);
  }
}


/* [project]/src/src/pages/Job/components/InfoBlocks/InfoBlocks.scss.css [app-client] (css) */
:export {
  ma: ma;
}

.InfoBlocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .InfoBlocks {
    grid-gap: 2.08333vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .InfoBlocks {
    grid-gap: 6.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .InfoBlocks {
    grid-gap: 3.52113vh;
  }
}

@media (width <= 600px) {
  .InfoBlocks {
    grid-template-columns: 1fr;
  }
}

.InfoBlocks__column {
  display: flex;
  flex-direction: column;
}

@supports not (translate: 100px) {
  .InfoBlocks__column > * {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .InfoBlocks__column > :first-child {
    margin-top: 0;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .InfoBlocks__column > :first-child {
      margin-top: 0;
    }
  }

  .InfoBlocks__column > :last-child {
    margin-bottom: 0;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .InfoBlocks__column > :last-child {
      margin-bottom: 0;
    }
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .InfoBlocks__column > * {
      margin-top: 1.04167vw;
      margin-bottom: 1.04167vw;
    }
  }
}

@supports (translate: 100px) {
  .InfoBlocks__column {
    gap: 40px;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .InfoBlocks__column {
      gap: 2.08333vw;
    }
  }
}

@supports not (translate: 100px) {
  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .InfoBlocks__column > :first-child {
      margin-top: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .InfoBlocks__column > :first-child {
      margin-top: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .InfoBlocks__column > :last-child {
      margin-bottom: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .InfoBlocks__column > :last-child {
      margin-bottom: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .InfoBlocks__column > * {
      margin-top: 3.125vw;
      margin-bottom: 3.125vw;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .InfoBlocks__column > * {
      margin-top: 1.76056vh;
      margin-bottom: 1.76056vh;
    }
  }
}

@supports (translate: 100px) {
  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .InfoBlocks__column {
      gap: 6.25vw;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .InfoBlocks__column {
      gap: 3.52113vh;
    }
  }
}

.InfoBlocks__column_isRevert {
  flex-direction: column-reverse;
}

.InfoBlocks__img {
  min-width: 580px;
  max-width: 580px;
  min-height: 331.43px;
  max-height: 331.43px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .InfoBlocks__img {
    min-width: 30.2083vw;
    max-width: 30.2083vw;
    min-height: 17.262vw;
    max-height: 17.262vw;
  }
}

@media (width <= 600px) {
  .InfoBlocks__img {
    min-height: unset;
    max-height: unset;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
  }
}


/* [project]/src/src/pages/Job/components/InfoBlocks/components/Info/Info.scss.css [app-client] (css) */
:export {
  ma: ma;
}

.Info {
  background-color: #fff;
  color: #07093d;
  border: dashed #07093d;
  display: flex;
  flex: 1;
  border-width: 1px;
  border-radius: 20px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 40px;
  padding-bottom: 30px;
}

@supports not (translate: 100px) {
  .Info > * {
    margin-left: 15px;
    margin-right: 15px;
  }

  .Info > :first-child {
    margin-left: 0;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .Info > :first-child {
      margin-left: 0;
    }
  }

  .Info > :last-child {
    margin-right: 0;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .Info > :last-child {
      margin-right: 0;
    }
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .Info > * {
      margin-left: .78125vw;
      margin-right: .78125vw;
    }
  }
}

@supports (translate: 100px) {
  .Info {
    gap: 30px;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .Info {
      gap: 1.5625vw;
    }
  }
}

@supports not (translate: 100px) {
  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .Info > :first-child {
      margin-left: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .Info > :first-child {
      margin-left: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .Info > :last-child {
      margin-right: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .Info > :last-child {
      margin-right: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .Info > * {
      margin-left: 2.34375vw;
      margin-right: 2.34375vw;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .Info > * {
      margin-left: 1.32042vh;
      margin-right: 1.32042vh;
    }
  }
}

@supports (translate: 100px) {
  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .Info {
      gap: 4.6875vw;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .Info {
      gap: 2.64085vh;
    }
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Info {
    border-width: .0520833vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Info {
    border-width: .3125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Info {
    border-width: .176056vh;
  }
}

@media (width <= 600px) {
  .Info__paragraph {
    display: inline;
  }
}

.Info__oval {
  height: 100%;
  border-radius: 20px;
  width: 20px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Info__oval {
    border-radius: 1.04167vw;
    width: 1.04167vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Info__oval {
    border-radius: 6.25vw;
    width: 6.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Info__oval {
    border-radius: 3.52113vh;
    width: 3.52113vh;
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Info {
    border-radius: 1.04167vw;
    padding-top: 1.5625vw;
    padding-left: 1.5625vw;
    padding-right: 2.08333vw;
    padding-bottom: 1.5625vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Info {
    border-radius: 3.125vw;
    padding-top: 6.25vw;
    padding-left: 4.6875vw;
    padding-right: 4.6875vw;
    padding-bottom: 6.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Info {
    border-radius: 1.76056vh;
    padding-top: 3.52113vh;
    padding-left: 2.64085vh;
    padding-right: 2.64085vh;
    padding-bottom: 3.52113vh;
  }
}

.Info__title {
  font-weight: 300;
  font-size: 30px;
  line-height: 37px;
  margin-bottom: 20px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Info__title {
    font-size: 1.5625vw;
    line-height: 1.92708vw;
    margin-bottom: 1.04167vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Info__title {
    font-size: 5.625vw;
    line-height: 6.875vw;
    margin-bottom: 3.125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Info__title {
    font-size: 3.16901vh;
    line-height: 3.87324vh;
    margin-bottom: 1.76056vh;
  }
}

.Info__text {
  font-size: 16px;
  line-height: 20px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Info__text {
    font-size: .833333vw;
    line-height: 1.04167vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Info__text {
    font-size: 4.375vw;
    line-height: 5.3125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Info__text {
    font-size: 2.46479vh;
    line-height: 2.99296vh;
  }
}


/* [project]/src/src/pages/Job/components/Steps/Steps.scss.css [app-client] (css) */
:export {
  ma: ma;
}

.StepsJob {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 24px;
  grid-gap: 40px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .StepsJob {
    margin-bottom: 1.25vw;
    grid-gap: 2.08333vw;
  }
}

@media (width <= 600px) {
  .StepsJob {
    grid-template-columns: 1fr;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .StepsJob {
    margin-bottom: 12.5vw;
    grid-gap: 8.125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .StepsJob {
    margin-bottom: 7.04225vh;
    grid-gap: 4.57746vh;
  }
}


/* [project]/src/src/pages/Job/components/Steps/components/Step.scss.css [app-client] (css) */
:export {
  ma: ma;
}

.StepJob {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  max-width: 260px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .StepJob {
    max-width: 13.5417vw;
  }
}

@media (width <= 600px) {
  .StepJob {
    max-width: unset;
    flex-direction: row;
    align-items: center;
  }

  @supports not (translate: 100px) {
    @media (width <= 600px) and (width <= 600px) and (aspect-ratio <= 320 / 568) {
      .StepJob > :first-child {
        margin-left: 0;
      }
    }

    @media (width <= 600px) and (width <= 600px) and (aspect-ratio >= 375 / 665) {
      .StepJob > :first-child {
        margin-left: 0;
      }
    }

    @media (width <= 600px) and (width <= 600px) and (aspect-ratio <= 320 / 568) {
      .StepJob > :last-child {
        margin-right: 0;
      }
    }

    @media (width <= 600px) and (width <= 600px) and (aspect-ratio >= 375 / 665) {
      .StepJob > :last-child {
        margin-right: 0;
      }
    }

    @media (width <= 600px) and (width <= 600px) and (aspect-ratio <= 320 / 568) {
      .StepJob > * {
        margin-left: 1.875vw;
        margin-right: 1.875vw;
      }
    }

    @media (width <= 600px) and (width <= 600px) and (aspect-ratio >= 375 / 665) {
      .StepJob > * {
        margin-left: 1.05634vh;
        margin-right: 1.05634vh;
      }
    }
  }

  @supports (translate: 100px) {
    @media (width <= 600px) and (width <= 600px) and (aspect-ratio <= 320 / 568) {
      .StepJob {
        gap: 3.75vw;
      }
    }

    @media (width <= 600px) and (width <= 600px) and (aspect-ratio >= 375 / 665) {
      .StepJob {
        gap: 2.11268vh;
      }
    }
  }
}

@media (width <= 600px) {
  .StepJob__paragraph {
    display: inline;
  }
}

.StepJob__wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

@supports not (translate: 100px) {
  .StepJob__wrapper > * {
    margin-left: 3.25px;
    margin-right: 3.25px;
  }

  .StepJob__wrapper > :first-child {
    margin-left: 0;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .StepJob__wrapper > :first-child {
      margin-left: 0;
    }
  }

  .StepJob__wrapper > :last-child {
    margin-right: 0;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .StepJob__wrapper > :last-child {
      margin-right: 0;
    }
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .StepJob__wrapper > * {
      margin-left: .169271vw;
      margin-right: .169271vw;
    }
  }
}

@supports (translate: 100px) {
  .StepJob__wrapper {
    gap: 6.5px;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .StepJob__wrapper {
      gap: .338542vw;
    }
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .StepJob__wrapper {
    margin-bottom: .833333vw;
  }
}

.StepJob__line {
  height: 2px;
  width: 100%;
  background-image: linear-gradient(to right, #fff 50%, #0000 50%), linear-gradient(to right, #fff 50%, #0000 50%), linear-gradient(#fff 50%, #0000 50%), linear-gradient(#fff 50%, #0000 50%);
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 20px 3px, 20px 3px, 3px 20px, 3px 20px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .StepJob__line {
    height: .104167vw;
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .StepJob__line {
    background-size: 1.04167vw .15625vw, 1.04167vw .15625vw, .15625vw 1.04167vw, .15625vw 1.04167vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .StepJob__line {
    background-size: 6.25vw .9375vw, 6.25vw .9375vw, .9375vw 6.25vw, .9375vw 6.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .StepJob__line {
    background-size: 3.52113vh .528169vh, 3.52113vh .528169vh, .528169vh 3.52113vh, .528169vh 3.52113vh;
  }
}

.StepJob__circle {
  background-color: #6ff98d;
  color: #07093d;
  font-weight: 300;
  min-width: 46px;
  min-height: 46px;
  max-width: 46px;
  max-height: 46px;
  font-size: 23px;
  line-height: 23px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .StepJob__circle {
    min-width: 2.39583vw;
    min-height: 2.39583vw;
    max-width: 2.39583vw;
    max-height: 2.39583vw;
    font-size: 1.19792vw;
    line-height: 1.19792vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .StepJob__circle {
    min-width: 8.75vw;
    min-height: 8.75vw;
    max-width: 8.75vw;
    max-height: 8.75vw;
    font-size: 4.375vw;
    line-height: 4.375vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .StepJob__circle {
    min-width: 4.92958vh;
    min-height: 4.92958vh;
    max-width: 4.92958vh;
    max-height: 4.92958vh;
    font-size: 2.46479vh;
    line-height: 2.46479vh;
  }
}

.StepJob__text {
  color: #fff;
  font-weight: 300;
  font-size: 30px;
  line-height: 37px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .StepJob__text {
    font-size: 1.5625vw;
    line-height: 1.92708vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .StepJob__text {
    font-size: 5.625vw;
    line-height: 6.875vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .StepJob__text {
    font-size: 3.16901vh;
    line-height: 3.87324vh;
  }
}


/* [project]/src/src/pages/Landing/Components/forms/DiscussForm/components/LandingField.scss.css [app-client] (css) */
:export {
  ma: ma;
}

.LandingField {
  position: relative;
  display: block;
  width: 100%;
}

.LandingField * {
  font-family: Montserrat;
}

.LandingField__currency {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

.LandingField__currency .DropDown__button {
  z-index: 99998;
  border-color: #252942;
  color: #252942;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  border-width: 1px;
  width: 26px;
  height: 26px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .LandingField__currency .DropDown__button {
    font-size: .729167vw;
    line-height: 1.04167vw;
    padding: 0;
    border-width: .0520833vw;
    width: 1.35417vw;
    height: 1.35417vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__currency .DropDown__button {
    font-size: 3.75vw;
    line-height: 4.6875vw;
    padding: 0;
    border-width: .3125vw;
    width: 6.5625vw;
    height: 6.5625vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__currency .DropDown__button {
    font-size: 2.11268vh;
    line-height: 2.64085vh;
    padding: 0;
    border-width: .176056vh;
    width: 3.69718vh;
    height: 3.69718vh;
  }
}

.LandingField__currency .DropDown__button:hover {
  background-color: #ebebebe6;
}

.LandingField__currency .DropDown__selector {
  z-index: 99999;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .LandingField__currency {
    right: .78125vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__currency {
    right: 4.375vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__currency {
    right: 2.46479vh;
  }
}

.LandingField__placeholder {
  color: #606f89;
  position: absolute;
  width: 100%;
  pointer-events: none;
  top: 0;
  left: 0;
  padding-top: 25px;
  padding-bottom: 24px;
  padding-right: 16px;
  padding-left: 20.5px;
  font-size: 16px;
  line-height: 20px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .LandingField__placeholder {
    padding-top: 1.30208vw;
    padding-bottom: 1.25vw;
    padding-right: .833333vw;
    padding-left: 1.06771vw;
    font-size: .833333vw;
    line-height: 1.04167vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__placeholder {
    padding-top: 5.3125vw;
    padding-bottom: 5vw;
    padding-right: 5vw;
    padding-left: 5.15625vw;
    font-size: 4.375vw;
    line-height: 5.3125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__placeholder {
    padding-top: 2.99296vh;
    padding-bottom: 2.8169vh;
    padding-right: 2.8169vh;
    padding-left: 2.90493vh;
    font-size: 2.46479vh;
    line-height: 2.99296vh;
  }
}

.LandingField__placeholder_isCurrency {
  padding-right: 42px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .LandingField__placeholder_isCurrency {
    padding-right: 2.1875vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__placeholder_isCurrency {
    padding-right: 11.875vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__placeholder_isCurrency {
    padding-right: 6.69014vh;
  }
}

.LandingField__placeholder_isColor {
  padding-left: 56.5px;
  padding-bottom: 24px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .LandingField__placeholder_isColor {
    padding-left: 2.94271vw;
    padding-bottom: 1.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__placeholder_isColor {
    padding-left: 10.1563vw;
    padding-bottom: 7.5vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__placeholder_isColor {
    padding-left: 5.72183vh;
    padding-bottom: 4.22535vh;
  }
}

.LandingField__oval {
  height: calc(100% - 32px);
  pointer-events: none;
  top: 16px;
  left: 17px;
  z-index: 2;
  position: absolute;
  border-radius: 20px;
  width: 20px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .LandingField__oval {
    top: .833333vw;
    left: .885417vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__oval {
    top: 3.125vw;
    left: 3.125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__oval {
    top: 1.76056vh;
    left: 1.76056vh;
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .LandingField__oval {
    height: calc(100% - 1.66667vw);
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__oval {
    height: calc(100% - 6.25vw);
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__oval {
    height: calc(100% - 3.52113vh);
  }
}

.LandingField__oval_isTextarea {
  height: calc(100% - 34px);
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .LandingField__oval_isTextarea {
    height: calc(100% - 1.77083vw);
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__oval_isTextarea {
    height: calc(100% - 7.5vw);
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__oval_isTextarea {
    height: calc(100% - 4.22535vh);
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .LandingField__oval {
    border-radius: 1.04167vw;
    width: 1.04167vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__oval {
    border-radius: 6.25vw;
    width: 3.4375vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__oval {
    border-radius: 3.52113vh;
    width: 1.93662vh;
  }
}

.LandingField__field {
  width: 100%;
  color: #07093d;
  font-weight: 400;
  border-style: dashed;
  outline: none;
  border-color: #000;
  transition: all .2s ease-in-out;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 16px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 20px;
  border-width: 1px;
  resize: none;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  border-radius: 15px !important;
}

.LandingField__field::-webkit-input-placeholder {
  color: #606f89;
}

.LandingField__field::-moz-placeholder {
  color: #606f89;
}

.LandingField__field:-ms-input-placeholder {
  color: #606f89;
}

.LandingField__field::-moz-placeholder {
  color: #606f89;
}

.LandingField__field::placeholder {
  color: #606f89;
}

.LandingField__field:not(:placeholder-shown) + .LandingField__placeholder, .LandingField__field:-webkit-autofill + .LandingField__placeholder {
  visibility: hidden;
}

.LandingField__field:hover {
  background-color: #f3f3f3;
}

.LandingField__field:active, .LandingField__field:focus {
  background-color: #0000;
}

.LandingField__field_isError {
  border-color: red;
}

.LandingField__field_isBackgroundError {
  background: #fff1f1;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .LandingField__field {
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
    padding-right: .833333vw;
    padding-left: 1.04167vw;
    font-size: .833333vw;
    line-height: 1.04167vw;
    border-width: .0520833vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__field {
    padding-top: 5vw;
    padding-bottom: 5vw;
    padding-right: 5vw;
    padding-left: 5vw;
    font-size: 4.375vw;
    line-height: 5.3125vw;
    border-width: .3125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__field {
    padding-top: 2.8169vh;
    padding-bottom: 2.8169vh;
    padding-right: 2.8169vh;
    padding-left: 2.8169vh;
    font-size: 2.46479vh;
    line-height: 2.99296vh;
    border-width: .176056vh;
  }
}

.LandingField__field_isColor {
  padding-left: 56px;
  padding-bottom: 24px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .LandingField__field_isColor {
    padding-left: 2.91667vw;
    padding-bottom: 1.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__field_isColor {
    padding-left: 10vw;
    padding-bottom: 7.5vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__field_isColor {
    padding-left: 5.6338vh;
    padding-bottom: 4.22535vh;
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .LandingField__field {
    border-radius: .78125vw !important;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__field {
    border-radius: 4.6875vw !important;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__field {
    border-radius: 2.64085vh !important;
  }
}

@media (width <= 600px) and (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__textarea {
    min-height: 36.5625vw;
  }
}

@media (width <= 600px) and (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__textarea {
    min-height: 20.5986vh;
  }
}

.LandingField__input_isCurrency {
  padding-right: 42px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .LandingField__input_isCurrency {
    padding-right: 2.1875vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__input_isCurrency {
    padding-right: 11.875vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__input_isCurrency {
    padding-right: 6.69014vh;
  }
}

.LandingField__withoutBottom {
  padding-bottom: inherit;
}

@media (width <= 600px) {
  .LandingField__withoutBottom {
    padding-bottom: inherit;
  }
}

.LandingField__withoutBottom_isColor {
  padding-bottom: inherit;
}

@media (width <= 600px) {
  .LandingField__withoutBottom_isColor {
    padding-bottom: inherit;
  }
}

.LandingField__placeholderBack {
  visibility: hidden;
}

.LandingField__placeholderBack_isCurrency {
  padding-right: 42px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .LandingField__placeholderBack_isCurrency {
    padding-right: 2.1875vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .LandingField__placeholderBack_isCurrency {
    padding-right: 11.875vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .LandingField__placeholderBack_isCurrency {
    padding-right: 6.69014vh;
  }
}


/* [project]/src/src/pages/Job/components/forms/QuestionnaireForm/QuestionnaireForm.scss.css [app-client] (css) */
:export {
  ma: ma;
}

.QuestionnaireForm {
  background: #fff;
  border-radius: 20px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 270px;
  padding-left: 60px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .QuestionnaireForm {
    border-radius: 1.04167vw;
    padding-top: 3.125vw;
    padding-bottom: 3.125vw;
    padding-right: 14.0625vw;
    padding-left: 3.125vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .QuestionnaireForm {
    border-radius: 6.25vw;
    padding-top: 9.375vw;
    padding-bottom: 9.375vw;
    padding-right: 6.25vw;
    padding-left: 6.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .QuestionnaireForm {
    border-radius: 3.52113vh;
    padding-top: 5.28169vh;
    padding-bottom: 5.28169vh;
    padding-right: 3.52113vh;
    padding-left: 3.52113vh;
  }
}

.QuestionnaireForm__title {
  font-weight: 300;
  color: #252942;
  font-size: 45px;
  line-height: 55px;
  margin-bottom: 40px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .QuestionnaireForm__title {
    font-size: 2.34375vw;
    line-height: 2.86458vw;
    margin-bottom: 2.08333vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .QuestionnaireForm__title {
    font-size: 6.875vw;
    line-height: 8.4375vw;
    margin-bottom: 6.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .QuestionnaireForm__title {
    font-size: 3.87324vh;
    line-height: 4.75352vh;
    margin-bottom: 3.52113vh;
  }
}

.QuestionnaireForm__fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-items: stretch;
}

@media (width <= 600px) {
  .QuestionnaireForm__fields {
    grid-template-columns: 1fr;
  }
}

.QuestionnaireForm__column {
  display: flex;
  flex-flow: column;
}

.QuestionnaireForm__column_first {
  margin-right: 30px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .QuestionnaireForm__column_first {
    margin-right: 1.5625vw;
  }
}

@media (width <= 600px) {
  .QuestionnaireForm__column_first {
    margin-right: 0;
  }
}

.QuestionnaireForm .LandingField_isTextarea, .QuestionnaireForm .LandingField__textarea {
  height: 100%;
}

.QuestionnaireForm__textarea {
  flex: 1;
  margin-bottom: 20px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .QuestionnaireForm__textarea {
    margin-bottom: 1.04167vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .QuestionnaireForm__textarea {
    margin-bottom: 3.75vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .QuestionnaireForm__textarea {
    margin-bottom: 2.11268vh;
  }
}

.QuestionnaireForm__inputs {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 20px;
  padding-left: 28px;
}

.QuestionnaireForm__inputs:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 10px;
  border-radius: 20px;
  left: 0;
  top: 0;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .QuestionnaireForm__inputs:before {
    width: .520833vw;
    border-radius: 1.04167vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .QuestionnaireForm__inputs:before {
    width: 34.375vw;
    height: 3.125vw;
    border-radius: 6.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .QuestionnaireForm__inputs:before {
    width: 19.3662vh;
    height: 1.76056vh;
    border-radius: 3.52113vh;
  }
}

.QuestionnaireForm__inputs_first:before {
  background-color: #f4b1ff;
}

.QuestionnaireForm__inputs_second:before {
  background-color: #92eca6;
}

.QuestionnaireForm__inputs_third:before {
  background-color: #84daff;
}

.QuestionnaireForm__inputs_fourth:before {
  background-color: #c4a2fc;
}

@supports not (translate: 100px) {
  .QuestionnaireForm__inputs > * {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .QuestionnaireForm__inputs > :first-child {
    margin-top: 0;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .QuestionnaireForm__inputs > :first-child {
      margin-top: 0;
    }
  }

  .QuestionnaireForm__inputs > :last-child {
    margin-bottom: 0;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .QuestionnaireForm__inputs > :last-child {
      margin-bottom: 0;
    }
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .QuestionnaireForm__inputs > * {
      margin-top: .520833vw;
      margin-bottom: .520833vw;
    }
  }
}

@supports (translate: 100px) {
  .QuestionnaireForm__inputs {
    gap: 20px;
  }

  @media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
    .QuestionnaireForm__inputs {
      gap: 1.04167vw;
    }
  }
}

@supports not (translate: 100px) {
  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .QuestionnaireForm__inputs > :first-child {
      margin-top: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .QuestionnaireForm__inputs > :first-child {
      margin-top: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .QuestionnaireForm__inputs > :last-child {
      margin-bottom: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .QuestionnaireForm__inputs > :last-child {
      margin-bottom: 0;
    }
  }

  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .QuestionnaireForm__inputs > * {
      margin-top: 2.5vw;
      margin-bottom: 2.5vw;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .QuestionnaireForm__inputs > * {
      margin-top: 1.40845vh;
      margin-bottom: 1.40845vh;
    }
  }
}

@supports (translate: 100px) {
  @media (width <= 600px) and (aspect-ratio <= 320 / 568) {
    .QuestionnaireForm__inputs {
      gap: 5vw;
    }
  }

  @media (width <= 600px) and (aspect-ratio >= 375 / 665) {
    .QuestionnaireForm__inputs {
      gap: 2.8169vh;
    }
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .QuestionnaireForm__inputs {
    margin-bottom: 1.04167vw;
    padding-left: 1.45833vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .QuestionnaireForm__inputs {
    margin-bottom: 6.25vw;
    padding-left: 0;
    padding-top: 8.125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .QuestionnaireForm__inputs {
    margin-bottom: 3.52113vh;
    padding-left: 0;
    padding-top: 4.57746vh;
  }
}

.QuestionnaireForm__inputs_previous {
  margin-bottom: 38px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .QuestionnaireForm__inputs_previous {
    margin-bottom: 1.97917vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .QuestionnaireForm__inputs_previous {
    margin-bottom: 5vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .QuestionnaireForm__inputs_previous {
    margin-bottom: 2.8169vh;
  }
}

@media (width <= 600px) and (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .QuestionnaireForm__inputs_previous:first-child {
    margin-bottom: 6.25vw;
  }
}

@media (width <= 600px) and (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .QuestionnaireForm__inputs_previous:first-child {
    margin-bottom: 3.52113vh;
  }
}

.QuestionnaireForm__note {
  color: #606f89;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .QuestionnaireForm__note {
    font-size: .729167vw;
    line-height: 1.04167vw;
    margin-bottom: 1.04167vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .QuestionnaireForm__note {
    font-size: 3.4375vw;
    line-height: 5vw;
    margin-bottom: 5vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .QuestionnaireForm__note {
    font-size: 1.93662vh;
    line-height: 2.8169vh;
    margin-bottom: 2.8169vh;
  }
}

.QuestionnaireForm__button {
  background: #07093d;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 69px;
  padding-right: 69px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .QuestionnaireForm__button {
    padding-top: .729167vw;
    padding-bottom: .729167vw;
    padding-left: 3.59375vw;
    padding-right: 3.59375vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .QuestionnaireForm__button {
    padding-top: 4.375vw;
    padding-bottom: 4.375vw;
    padding-left: 0;
    padding-right: 0;
    max-width: 112.5vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .QuestionnaireForm__button {
    padding-top: 2.46479vh;
    padding-bottom: 2.46479vh;
    padding-left: 0;
    padding-right: 0;
    max-width: 63.3803vh;
  }
}

@media (width <= 600px) {
  .QuestionnaireForm__button {
    width: 100%;
  }
}

.QuestionnaireForm__button:hover, .QuestionnaireForm__button:active {
  background: none;
  box-shadow: 0 0 0 .0572917vw #07093d;
  color: #07093d;
}

@media (width <= 600px) {
  .QuestionnaireForm__button:hover, .QuestionnaireForm__button:active {
    box-shadow: 0 0 0 .34375vw #07093d;
  }
}

.QuestionnaireForm__link {
  color: #606f89;
  transition: color .3s;
}

.QuestionnaireForm__link:hover {
  color: #252942;
}

.QuestionnaireForm__link:active {
  color: #606f89;
}


/* [project]/src/src/pages/Job/components/forms/QuestionnaireForm/components/SelectField/OptionSelectField/OptionSelectField.scss.css [app-client] (css) */
:export {
  ma: ma;
}

.OptionSelectField {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  transition: all .2s ease-in-out;
  font-weight: 400;
  color: #07093d;
  font-size: 16px;
  line-height: 20px;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 8px;
  background-color: #fff;
  color: #000;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .OptionSelectField {
    font-size: .833333vw;
    line-height: 1.04167vw;
    border-radius: .260417vw;
    padding-top: .520833vw;
    padding-bottom: .520833vw;
    padding-left: .520833vw;
    padding-right: .416667vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .OptionSelectField {
    font-size: 4.375vw;
    line-height: 5.3125vw;
    border-radius: 1.5625vw;
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .OptionSelectField {
    font-size: 2.46479vh;
    line-height: 2.99296vh;
    border-radius: .880282vh;
    padding-top: 1.40845vh;
    padding-bottom: 1.40845vh;
    padding-left: 1.40845vh;
    padding-right: 1.40845vh;
  }
}

.OptionSelectField:hover {
  background-color: #f3f3f3;
}

.OptionSelectField_isActive {
  background-color: #d4f1fd;
}

.OptionSelectField_isActive:hover {
  background-color: #d4f1fd;
}


/* [project]/src/src/pages/Job/components/forms/QuestionnaireForm/components/SelectField/SelectField.scss.css [app-client] (css) */
:export {
  ma: ma;
}

.SelectField {
  position: relative;
  display: block;
  width: 100%;
}

.SelectField * {
  font-family: Montserrat;
}

.SelectField__arrow {
  position: absolute;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
  right: 18px;
  width: 19px;
  height: 10px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .SelectField__arrow {
    right: .9375vw;
    width: .989583vw;
    height: .520833vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .SelectField__arrow {
    right: 5vw;
    width: 5vw;
    height: 4.0625vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .SelectField__arrow {
    right: 2.8169vh;
    width: 2.8169vh;
    height: 2.28873vh;
  }
}

.SelectField__arrow path {
  transition: all .2s ease-in-out;
}

.SelectField__arrow:hover path {
  stroke: #606f89;
}

.SelectField__not-found {
  color: #07093d;
  font-size: 16px;
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 8px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .SelectField__not-found {
    font-size: .833333vw;
    line-height: 1.04167vw;
    padding-top: .520833vw;
    padding-bottom: .520833vw;
    padding-left: .520833vw;
    padding-right: .416667vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .SelectField__not-found {
    font-size: 4.375vw;
    line-height: 5.3125vw;
    border-radius: 1.5625vw;
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .SelectField__not-found {
    font-size: 2.46479vh;
    line-height: 2.99296vh;
    border-radius: .880282vh;
    padding-top: 1.40845vh;
    padding-bottom: 1.40845vh;
    padding-left: 1.40845vh;
    padding-right: 1.40845vh;
  }
}

.SelectField__select {
  display: flex;
  flex-direction: column;
  position: absolute;
  list-style: none;
  width: 100%;
  background-color: #fff;
  margin: 0;
  border-radius: 15px;
  max-height: 228px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  overflow-x: unset;
  overflow-y: auto;
  box-shadow: 0 10px 40px #33454e33;
  z-index: 10;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .SelectField__select {
    border-radius: .78125vw;
    max-height: 11.875vw;
    padding-top: .729167vw;
    padding-bottom: .729167vw;
    padding-left: .520833vw;
    padding-right: .520833vw;
    margin-top: .520833vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .SelectField__select {
    border-radius: 4.6875vw;
    max-height: 62.5vw;
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    margin-top: 2.5vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .SelectField__select {
    border-radius: 2.64085vh;
    max-height: 35.2113vh;
    padding-top: 1.40845vh;
    padding-bottom: 1.40845vh;
    padding-left: 1.40845vh;
    padding-right: 1.40845vh;
    margin-top: 1.40845vh;
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .SelectField__select {
    box-shadow: 0 .520833vw 2.08333vw #33454e33;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .SelectField__select {
    box-shadow: 0 3.125vw 12.5vw #33454e33;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .SelectField__select {
    box-shadow: 0 1.76056vh 7.04225vh #33454e33;
  }
}

.SelectField__oval {
  height: calc(100% - 32px);
  pointer-events: none;
  top: 16px;
  left: 17px;
  z-index: 2;
  position: absolute;
  border-radius: 20px;
  width: 20px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .SelectField__oval {
    top: .833333vw;
    left: .885417vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .SelectField__oval {
    top: 3.125vw;
    left: 3.125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .SelectField__oval {
    top: 1.76056vh;
    left: 1.76056vh;
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .SelectField__oval {
    height: calc(100% - 1.66667vw);
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .SelectField__oval {
    height: calc(100% - 6.25vw);
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .SelectField__oval {
    height: calc(100% - 3.52113vh);
  }
}

.SelectField__oval_isTextarea {
  height: calc(100% - 34px);
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .SelectField__oval_isTextarea {
    height: calc(100% - 1.77083vw);
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .SelectField__oval_isTextarea {
    height: calc(100% - 7.5vw);
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .SelectField__oval_isTextarea {
    height: calc(100% - 4.22535vh);
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .SelectField__oval {
    border-radius: 1.04167vw;
    width: 1.04167vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .SelectField__oval {
    border-radius: 6.25vw;
    width: 3.4375vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .SelectField__oval {
    border-radius: 3.52113vh;
    width: 1.93662vh;
  }
}

.SelectField__field {
  width: 100%;
  color: #07093d;
  font-weight: 400;
  border-style: dashed;
  outline: none;
  border-color: #000;
  transition: all .2s ease-in-out;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 38px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 20px;
  border-width: 1px;
  resize: none;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  border-radius: 15px !important;
}

.SelectField__field::-webkit-input-placeholder {
  color: #606f89;
}

.SelectField__field::-moz-placeholder {
  color: #606f89;
}

.SelectField__field:-ms-input-placeholder {
  color: #606f89;
}

.SelectField__field::-moz-placeholder {
  color: #606f89;
}

.SelectField__field::placeholder {
  color: #606f89;
}

.SelectField__field:hover {
  background-color: #f3f3f3;
}

.SelectField__field:active, .SelectField__field:focus {
  background-color: #0000;
}

.SelectField__field_isError {
  border-color: red;
}

.SelectField__field_isBackgroundError {
  background: #fff1f1;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .SelectField__field {
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
    padding-right: 1.97917vw;
    padding-left: 1.04167vw;
    font-size: .833333vw;
    line-height: 1.04167vw;
    border-width: .0520833vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .SelectField__field {
    padding-top: 5vw;
    padding-bottom: 5vw;
    padding-right: 10.3125vw;
    padding-left: 5vw;
    font-size: 4.375vw;
    line-height: 5.3125vw;
    border-width: .3125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .SelectField__field {
    padding-top: 2.8169vh;
    padding-bottom: 2.8169vh;
    padding-right: 5.80986vh;
    padding-left: 2.8169vh;
    font-size: 2.46479vh;
    line-height: 2.99296vh;
    border-width: .176056vh;
  }
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .SelectField__field {
    border-radius: .78125vw !important;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .SelectField__field {
    border-radius: 4.6875vw !important;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .SelectField__field {
    border-radius: 2.64085vh !important;
  }
}

@media (width <= 600px) and (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .SelectField__textarea {
    min-height: 36.5625vw;
  }
}

@media (width <= 600px) and (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .SelectField__textarea {
    min-height: 20.5986vh;
  }
}


/* [project]/src/src/pages/Job/Job.scss.css [app-client] (css) */
:export {
  ma: ma;
}

.Job {
  font-family: Montserrat, Arial, sans-serif;
}

.Job__title {
  font-weight: 300;
  color: #252942;
  font-size: 45px;
  line-height: 55px;
  margin-bottom: 30px;
  margin-top: 45px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Job__title {
    font-size: 2.34375vw;
    line-height: 2.86458vw;
    margin-bottom: 1.5625vw;
    margin-top: 2.34375vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Job__title {
    font-size: 10vw;
    line-height: 12.5vw;
    margin-bottom: 6.25vw;
    margin-top: 0;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Job__title {
    font-size: 5.6338vh;
    line-height: 7.04225vh;
    margin-bottom: 3.52113vh;
    margin-top: 0;
  }
}

.Job__underlined {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.Job__underlined .Job__text {
  position: inherit;
  z-index: 2;
}

.Job__line {
  position: absolute;
  z-index: 1;
  background-color: #00ff8e;
  top: 31px;
  left: 3px;
  right: 157px;
  bottom: 11.3px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Job__line {
    top: 1.61458vw;
    left: .15625vw;
    right: 8.17708vw;
    bottom: .588542vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Job__line {
    top: 6.875vw;
    left: .625vw;
    right: 19.6875vw;
    bottom: 2.65625vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Job__line {
    top: 3.87324vh;
    left: .352113vh;
    right: 11.0915vh;
    bottom: 1.49648vh;
  }
}

.Job__line_isEn {
  right: 62px;
  left: 8px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Job__line_isEn {
    right: 3.22917vw;
    left: .416667vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Job__line_isEn {
    top: 6.875vw;
    left: 1.09375vw;
    right: 13.75vw;
    bottom: 2.8125vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Job__line_isEn {
    top: 3.87324vh;
    left: .616197vh;
    right: 7.74648vh;
    bottom: 1.58451vh;
  }
}

.Job__description {
  font-weight: 300;
  color: #07093d;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 35px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Job__description {
    font-size: 1.04167vw;
    line-height: 1.25vw;
    margin-bottom: 1.82292vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Job__description {
    font-size: 5vw;
    line-height: 6.25vw;
    margin-bottom: 9.375vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Job__description {
    font-size: 2.8169vh;
    line-height: 3.52113vh;
    margin-bottom: 5.28169vh;
  }
}

.Job__steps-title {
  color: #fff;
  font-weight: 300;
  font-size: 45px;
  line-height: 55px;
  margin-bottom: 30px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Job__steps-title {
    font-size: 2.34375vw;
    line-height: 2.86458vw;
    margin-bottom: 1.5625vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Job__steps-title {
    font-size: 6.875vw;
    line-height: 8.4375vw;
    margin-bottom: 8.4375vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Job__steps-title {
    font-size: 3.87324vh;
    line-height: 4.75352vh;
    margin-bottom: 4.75352vh;
  }
}

.Job__unitesUs-title {
  font-weight: 300;
  color: #07093d;
  font-size: 45px;
  line-height: 55px;
  margin-bottom: 50px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Job__unitesUs-title {
    font-size: 2.34375vw;
    line-height: 2.86458vw;
    margin-bottom: 2.60417vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Job__unitesUs-title {
    font-size: 6.875vw;
    line-height: 8.4375vw;
    margin-bottom: 9.375vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Job__unitesUs-title {
    font-size: 3.87324vh;
    line-height: 4.75352vh;
    margin-bottom: 5.28169vh;
  }
}

.Job__section_steps {
  background-color: #232b59;
  padding-top: 80px;
  padding-right: 0;
  padding-bottom: 80px;
  padding-left: 0;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Job__section_steps {
    padding-top: 4.16667vw;
    padding-right: 0;
    padding-bottom: 4.16667vw;
    padding-left: 0;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Job__section_steps {
    padding-top: 12.5vw;
    padding-right: 6.25vw;
    padding-bottom: 15.625vw;
    padding-left: 6.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Job__section_steps {
    padding-top: 7.04225vh;
    padding-right: 3.52113vh;
    padding-bottom: 8.80282vh;
    padding-left: 3.52113vh;
  }
}

.Job__section_developmentStacks {
  background-color: #07093d;
  padding-top: 80px;
  padding-right: 0;
  padding-bottom: 80px;
  padding-left: 0;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Job__section_developmentStacks {
    padding-top: 4.16667vw;
    padding-right: 0;
    padding-bottom: 4.16667vw;
    padding-left: 0;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Job__section_developmentStacks {
    padding-top: 12.5vw;
    padding-right: 6.25vw;
    padding-bottom: 0;
    padding-left: 6.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Job__section_developmentStacks {
    padding-top: 7.04225vh;
    padding-right: 3.52113vh;
    padding-bottom: 0;
    padding-left: 3.52113vh;
  }
}

.Job__section_questionnaire {
  background-color: #eaebeb;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-right: 0;
  padding-left: 0;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Job__section_questionnaire {
    padding-top: 4.16667vw;
    padding-bottom: 4.16667vw;
    padding-right: 0;
    padding-left: 0;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Job__section_questionnaire {
    padding-top: 18.75vw;
    padding-bottom: 18.75vw;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Job__section_questionnaire {
    padding-top: 10.5634vh;
    padding-bottom: 10.5634vh;
    padding-left: 3.52113vh;
    padding-right: 3.52113vh;
  }
}

.Job__section_unitesUs {
  background-color: #eaebeb;
  padding-top: 80px;
  padding-bottom: 100px;
  padding-right: 0;
  padding-left: 0;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Job__section_unitesUs {
    padding-top: 4.16667vw;
    padding-bottom: 5.20833vw;
    padding-right: 0;
    padding-left: 0;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Job__section_unitesUs {
    padding-top: 12.5vw;
    padding-bottom: 12.5vw;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Job__section_unitesUs {
    padding-top: 7.04225vh;
    padding-bottom: 7.04225vh;
    padding-left: 3.52113vh;
    padding-right: 3.52113vh;
  }
}

.Job__section_intro {
  padding-top: 102px;
  padding-bottom: 105px;
  padding-right: 0;
  padding-left: 0;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Job__section_intro {
    padding-top: 5.3125vw;
    padding-bottom: 5.46875vw;
    padding-right: 0;
    padding-left: 0;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Job__section_intro {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Job__section_intro {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (width <= 600px) {
  .Job__section_intro {
    display: flex;
    flex-direction: column;
  }
}

.Job__img {
  min-width: 600px;
  min-height: 417px;
  max-width: 600px;
  max-height: 417px;
}

.Job__img-wrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Job__img {
    min-width: 31.25vw;
    min-height: 21.7188vw;
    max-width: 31.25vw;
    max-height: 21.7188vw;
  }
}

@media (width <= 600px) {
  .Job__img {
    min-height: unset;
    max-height: unset;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
  }
}

.Job__button {
  background: #07093d;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Job__button {
    padding-top: .729167vw;
    padding-bottom: .729167vw;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Job__button {
    padding-top: 4.375vw;
    padding-bottom: 4.375vw;
    padding-left: 0;
    padding-right: 0;
    max-width: 112.5vw;
    margin-bottom: 9.375vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Job__button {
    padding-top: 2.46479vh;
    padding-bottom: 2.46479vh;
    padding-left: 0;
    padding-right: 0;
    max-width: 63.3803vh;
    margin-bottom: 5.28169vh;
  }
}

@media (width <= 600px) {
  .Job__button {
    width: 100%;
  }
}

.Job__button:hover, .Job__button:active {
  background: none;
  box-shadow: 0 0 0 .0572917vw #07093d;
  color: #07093d;
}

@media (width <= 600px) {
  .Job__button:hover, .Job__button:active {
    box-shadow: 0 0 0 .34375vw #07093d;
  }
}

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

@media (width <= 1366px) and (width >= 1025px), (width >= 1921px) {
  .Job__wrapper {
    max-width: 62.5vw;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Job__wrapper {
    max-width: 117.188vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Job__wrapper {
    max-width: 66.0211vh;
  }
}

.Job__wrapper_intro {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media (width <= 600px) {
  .Job__wrapper_intro {
    grid-template-columns: 1fr;
    margin: auto 0;
  }
}

@media (width <= 600px) and (aspect-ratio <= 320 / 568) {
  .Job__wrapper_intro {
    padding-right: 6.25vw;
    padding-left: 6.25vw;
    padding-top: 21.875vw;
    padding-bottom: 12.5vw;
  }
}

@media (width <= 600px) and (aspect-ratio >= 375 / 665) {
  .Job__wrapper_intro {
    padding-right: 3.52113vh;
    padding-left: 3.52113vh;
    padding-top: 12.3239vh;
    padding-bottom: 7.04225vh;
  }
}


/*# sourceMappingURL=src_src_pages_397717._.css.map*/