@import url("modal-83de71ad4c280a030ff37dd63ff9c0a4.css");
@import url("hide-vacancies-buttons-5d02d3744193035a73a106cd124186c7.css");

/* When importing from Vlas */
/* Look up "bureau-detudes" and replace with "bureau-detudes-ingenierie" */
/* Look up "atelier" and replace with "atelier-de" */
/* Look up "hub" and replace with "hub-de" */

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

aside,
nav,
footer,
header,
section {
  display: block;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  line-height: 1;
  font-family: "Roboto";
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: "Roboto";
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

body {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
body.fade-in {
  opacity: 1;
}
body.fade-out {
  opacity: 0;
}
body.lock {
  overflow: hidden;
}

.wrapper {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}

main {
  flex: 1 1 100%;
}

.container {
  margin: 0 auto;
  width: 100%;
  padding: 0 60px;
}
@media (max-width: 1439.98px) {
  .container {
    padding: 0 40px;
  }
}
@media (max-width: 1024.98px) {
  .container {
    padding: 0 12px;
  }
}

.ibg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ibg img {
  display: none;
}

.btn-mobile {
  position: relative;
  z-index: 2;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 800px) {
  .btn-mobile {
    padding: 26px 0 0 0;
  }
}
.btn-mobile a {
  margin: 0;
}

.header {
  padding: 12.5px 32px;
  background: linear-gradient(180deg, #EC6F39 0%, #E61C5A 100%);
}
@media (max-width: 1024.98px) {
  .header {
    padding: 30.23px 32px;
  }
}
.header__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__logo {
  display: inline-flex;
  flex: 0 0 88.55px;
  width: 88.55px;
  height: 50.05px;
}
.header__logo:not(:last-child) {
  margin: 0 24px 0 0;
}
.header__logo img {
  max-width: 100%;
  max-height: 100%;
}
.header__text {
  font-family: BwModelicaSS01;
  font-weight: 500;
  font-size: 17px;
  line-height: 111%;
  color: #FFFFFF;
}
@media (max-width: 1024.98px) {
  .header__text {
    font-size: 16px;
  }
}
@media (max-width: 480.98px) {
  .header__text {
    font-size: 15px;
  }
}

.header-2 {
  padding: 12px 32px;
  background: linear-gradient(180deg, #EC6F39 0%, #E61C5A 100%);
  position: relative;
  z-index: 1;
}
@media (max-width: 480.98px) {
  .header-2 {
    padding: 12px 10px;
  }
}
.header-2__row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-2__text {
  font-family: BwModelicaSS01;
  font-weight: 600;
  font-size: 17px;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 480.98px) {
  .header-2__text {
    font-size: 12px;
    letter-spacing: -0.02em;
  }
}

.footer {
  padding: 39px 0;
  background: linear-gradient(180deg, #EC6F39 0%, #E61C5A 100%);
}
.footer__row {
  display: flex;
  justify-content: center;
}
.menu-footer__list {
  display: flex;
  align-items: center;
}
@media (max-width: 480.98px) {
  .menu-footer__list {
    flex-direction: column;
  }
}
.menu-footer__item {
  margin: 0 20px;
  overflow: hidden;
  padding: 1px 0;
}
@media (max-width: 480.98px) {
  .menu-footer__item {
    padding: 0;
    margin: 0;
  }
  .menu-footer__item:not(:last-child) {
    margin: 0 0 40px 0;
  }
}
.menu-footer__link {
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  transition: all 0.3s ease-out;
  position: relative;
  white-space: nowrap;
}
.menu-footer__link::before {
  position: absolute;
  bottom: 0;
  left: -110%;
  width: 100%;
  height: 1px;
  content: "";
  background: #FFFFFF;
  transition: all 0.3s ease-out;
}
@media (min-width: 1024.98px) {
  .menu-footer__link:hover::before {
    left: 0;
  }
}

.footer-2 {
  padding: 5px 32px;
  height: 75px;
  background: linear-gradient(180deg, #ec6f39 0%, #e61c5a 100%);
  z-index: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 800px) {
  .footer-2 {
    padding: 5px 12px;
  }
}
.footer-2__container {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
}
.footer-2__row {
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-2__return-welcome {
  margin: 0 24px 0 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5px 32px;
  height: 48px;
  border: 1px solid #fff;
  border-radius: 1000px;
  white-space: nowrap;
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  color: #fff;
  transition: all 0.3s ease-out;
}
@media (min-width: 1024.98px) {
  .footer-2__return-welcome:hover {
    background: #000;
    border: 1px solid #000;
  }
}
.footer-2__exploration {
  margin: 0 24px;
  display: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5px 32px;
  height: 48px;
  background: #FFFFFF;
  box-shadow: 0px 24px 54px 0px #8E062D;
  border-radius: 163px;
  white-space: nowrap;
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  color: #000000;
  transition: all 0.3s ease-out;
}
.footer-2__exploration.active {
  display: inline-flex;
}
@media (min-width: 1024.98px) {
  .footer-2__exploration:hover {
    transform: translate(0, -3px);
    box-shadow: 0px 24px 74px 0px #8E062D;
  }
}
.footer-2__exploration:active {
  transform: translate(0, 3px);
  box-shadow: 0px 24px 34px 0px #8E062D;
}
@media (min-width: 1024.98px) {
  .footer-2__exploration:active {
    transform: translate(0, 3px) scale(0.98);
  }
}
@media (max-width: 750px) {
  .footer-2__exploration {
    position: fixed;
    margin: 0;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 95px;
    box-shadow: none;
  }
}
@media (max-width: 480.98px) and (max-height: 750px) {
  .footer-2__exploration {
    bottom: 85px;
  }
}
.footer-2__logo {
  margin: 0 0 0 139px;
}
.footer-2__logo img {
  width: 86px;
  height: 49px;
}
@media (max-width: 800px) {
  .footer-2__logo {
    margin: 0;
  }
}
.footer-2__progress-bar {
  margin: 0 24px;
}
@media (max-width: 650px) {
  .footer-2__progress-bar {
    margin: 0;
  }
}
.footer-2__btns {
  display: flex;
}
@media (max-width: 800px) {
  .footer-2__btns {
    flex-direction: column;
    align-items: center;
  }
}
.footer-2__return-research {
  margin: 0 24px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5px 32px;
  height: 48px;
  border: 1px solid #fff;
  border-radius: 1000px;
  white-space: nowrap;
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  color: #fff;
  transition: all 0.3s ease-out;
}
@media (min-width: 1024.98px) {
  .footer-2__return-research:hover {
    background: #000;
    border: 1px solid #000;
  }
}

.progress-bar {
  height: 16px;
  width: 100%;
  max-width: 410.5px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.progress-bar::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 14px;
  left: 0;
  top: 1px;
  background: #761B36;
  border-radius: 8px;
}
@media (max-width: 650px) {
  .progress-bar {
    border-radius: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    max-width: none;
  }
  .progress-bar::before {
    border-radius: 0;
  }
}
.progress-bar__line {
  top: 0;
  left: -90%;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 0.3s ease-in-out;
}
.progress-bar__line::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 14px;
  left: 0;
  top: 1px;
  border-radius: 8px;
  background: #F9CD3C;
}
@media (max-width: 650px) {
  .progress-bar__line::before {
    border-radius: 0;
  }
}
.progress-bar__point {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  right: 0;
}
@media (max-width: 650px) {
  .progress-bar__point {
    transform: translate(3px, 0);
  }
}

.home {
  background: #EDEDED;
}
.home__result {
  margin-bottom: 56px;
}
@media (max-width: 1024.98px) {
  .home__result {
    margin-bottom: 40px;
  }
}
.hero {
  position: relative;
  display: flex;
  flex-direction: column;
}
.hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero__bg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1024.98px) {
  .hero__bg .bg-desktop {
    display: none;
  }
}
.hero__bg .bg-mobile {
  display: none;
}
@media (max-width: 1024.98px) {
  .hero__bg .bg-mobile {
    display: block;
  }
}
.hero__container {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
}
.hero__body {
  flex: 1 1 100%;
  position: relative;
  padding: 36px 0 226px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024.98px) {
  .hero__body {
    padding: 50px 0;
  }
}
.hero__logo {
  display: inline-flex;
  width: 212.31px;
  height: 120px;
}
.hero__logo:not(:last-child) {
  margin: 0 0 20px 0;
}
.hero__logo img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 480.98px) {
  .hero__logo {
    display: none;
  }
}
.hero__title {
  font-family: BwModelicaSS01;
  font-weight: 900;
  font-size: 58px;
  line-height: 94.8275862069%;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
}
.hero__title:not(:last-child) {
  margin: 0 0 30px 0;
}
@media (max-width: 1439.98px) {
  .hero__title {
    font-size: 51px;
  }
}
@media (max-width: 1024.98px) {
  .hero__title {
    font-size: 44px;
  }
}
@media (max-width: 768.98px) {
  .hero__title {
    font-size: 37px;
  }
}
@media (max-width: 480.98px) {
  .hero__title {
    font-size: 30px;
    line-height: 96.6666666667%;
  }
}
@media (max-width: 369.98px) {
  .hero__title br {
    display: none;
  }
}
.hero__subtitle {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 30px;
  line-height: 96.6666666667%;
  text-align: center;
  color: #000000;
}
.hero__subtitle:not(:last-child) {
  margin: 0 0 20px 0;
}
@media (max-width: 1024.98px) {
  .hero__subtitle:not(:last-child) {
    margin: 0 0 30px 0;
  }
}
@media (max-width: 1439.98px) {
  .hero__subtitle {
    font-size: 28px;
  }
}
@media (max-width: 1024.98px) {
  .hero__subtitle {
    font-size: 26px;
  }
}
@media (max-width: 768.98px) {
  .hero__subtitle {
    font-size: 24px;
  }
}
@media (max-width: 480.98px) {
  .hero__subtitle {
    font-size: 22px;
    line-height: 95.4545454545%;
  }
}
@media (max-width: 400px) {
  .hero__subtitle br {
    display: none;
  }
}
.hero__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 155.5555555556%;
  text-align: center;
  color: #000000;
}
.hero__text:not(:last-child) {
  margin: 0 0 30px 0;
}
.hero__text p:not(:last-child) {
  margin: 0 0 15px 0;
}
@media (max-width: 1024.98px) {
  .hero__text {
    font-size: 22px;
    line-height: 145.4545454545%;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 480.98px) {
  .hero__text br {
    display: none;
  }
}
.hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 60px;
  padding: 5px 22px;
  background: #000000;
  box-shadow: 0px 24px 54px 0px #8E062D;
  border-radius: 163px;
  font-weight: 500;
  font-size: 17px;
  color: #FFFFFF;
  transition: all 0.3s ease-out;
}
@media (min-width: 1024.98px) {
  .hero__btn:hover {
    transform: translate(0, -3px);
    box-shadow: 0px 24px 74px 0px #8E062D;
  }
}
.hero__btn:active {
  transform: translate(0, 3px);
  box-shadow: 0px 24px 34px 0px #8E062D;
}
@media (min-width: 1024.98px) {
  .hero__btn:active {
    transform: translate(0, 3px) scale(0.98);
  }
}

.result {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.result__body {
  width: 100%;
  max-width: 875px;
  border-radius: 16px;
  background: #FFFFFF;
  border: 1.5px solid #FFFFFF;
  border-left: 0;
  box-shadow: 0px 24px 54px 3px rgba(0, 0, 0, 0.6980392157);
  padding: 20px 40px;
  display: flex;
  align-items: center;
}
@media (max-width: 1024.98px) {
  .result__body {
    max-width: none;
    box-shadow: none;
    flex-direction: column;
    text-align: center;
    padding: 40px 20px;
    border-radius: 0;
  }
}
.result__medal {
  flex: 0 0 183.08px;
  margin: 0 60px 0 0;
}
@media (max-width: 1024.98px) {
  .result__medal {
    flex: 0 1 auto;
    margin: 0 0 10px 0;
  }
}
.result__medal.gold .niveau-medal__value-high {
  display: block;
}
.result__medal.gold .medal__icon {
  height: 102px;
  background: url("../img/medals/gold-060a5c1a2b04842b422a59c6087e75e9.svg") center no-repeat;
  background-size: contain;
}
.result__medal.silver .niveau-medal__value-medium {
  display: block;
}
.result__medal.silver .medal__icon {
  height: 95px;
  background: url("../img/medals/silver-7a99ecbd370ec4ce9a60c24105b3cfbe.svg") center no-repeat;
  background-size: contain;
}
.result__medal.bronze .niveau-medal__value-low {
  display: block;
}
.result__medal.bronze .medal__icon {
  height: 95px;
  background: url("../img/medals/bronze-1d680871c07f7153b502735353e8aa87.svg") center no-repeat;
  background-size: contain;
}
.result__content {
  flex: 1 1 100%;
}
.result__title {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  color: #E61B5A;
}
.result__title span {
  white-space: nowrap;
}
.result__title:not(:last-child) {
  margin: 0 0 20px 0;
}
@media (max-width: 1439.98px) {
  .result__title {
    font-size: 38px;
  }
}
@media (max-width: 1024.98px) {
  .result__title {
    font-size: 36px;
  }
}
@media (max-width: 768.98px) {
  .result__title {
    font-size: 34px;
  }
}
@media (max-width: 480.98px) {
  .result__title {
    font-size: 32px;
  }
}
.result__text {
  font-weight: 700;
  font-size: 24px;
  line-height: 137.5%;
  color: #000000;
  padding: 0 0 0 5px;
}
@media (max-width: 1024.98px) {
  .result__text {
    font-size: 22px;
    line-height: 145.4545454545%;
  }
}

.medal {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.medal__body {
  width: 183px;
  height: 183px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #000000;
  position: relative;
  padding: 10px;
}
.medal__body::before {
  position: absolute;
  content: "";
  width: calc(100% - 4.5px);
  height: calc(100% - 4.5px);
  border-radius: 50%;
  overflow: hidden;
  border: 1.54px solid #F1852F;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.medal__label {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 15.38px;
  line-height: 115%;
  text-align: center;
  color: #FFFFFF;
}
.medal__icon {
  position: relative;
  width: 73px;
  margin: -33px 0 0 0;
}
.medal__icon.gold {
  height: 102px;
  background: url("../img/medals/gold-060a5c1a2b04842b422a59c6087e75e9.svg") center no-repeat;
  background-size: contain;
}
.medal__icon.silver {
  height: 95px;
  background: url("../img/medals/silver-7a99ecbd370ec4ce9a60c24105b3cfbe.svg") center no-repeat;
  background-size: contain;
}
.medal__icon.bronze {
  height: 95px;
  background: url("../img/medals/bronze-1d680871c07f7153b502735353e8aa87.svg") center no-repeat;
  background-size: contain;
}

.score-medal__value {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 40px;
  line-height: 144.225%;
  text-align: center;
  color: #F1852F;
  margin: -8px 0 -6px 0;
}

.niveau-medal__value {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 15.38px;
  line-height: 115%;
  text-align: center;
  color: #F1852F;
}
.niveau-medal__value-low {
  display: none;
}
.niveau-medal__value-medium {
  display: none;
}
.niveau-medal__value-high {
  display: none;
}

.vacancies__title {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 40px;
  line-height: 75%;
  text-align: center;
  color: #000000;
  margin: 0 0 60px 0;
}
@media (max-width: 1439.98px) {
  .vacancies__title {
    font-size: 36px;
  }
}
@media (max-width: 1024.98px) {
  .vacancies__title {
    font-size: 32px;
  }
}
@media (max-width: 768.98px) {
  .vacancies__title {
    font-size: 28px;
  }
}
@media (max-width: 480.98px) {
  .vacancies__title {
    font-size: 24px;
    margin: 0 0 44px 0;
  }
}
.vacancies__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -30px;
}
@media (max-width: 1439.98px) {
  .vacancies__row {
    margin: 0 -20px;
  }
}
.vacancies__column {
  max-width: 50%;
  flex: 0 0 50%;
  padding: 0 30px;
  margin: 0 0 60px 0;
}
@media (max-width: 1439.98px) {
  .vacancies__column {
    padding: 0 20px;
    margin: 0 0 40px 0;
  }
}
@media (max-width: 1024.98px) {
  .vacancies__column {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media (max-width: 480.98px) {
  .vacancies__column {
    margin: 0 0 24px 0;
  }
}
.item-vacancies {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.item-vacancies__title-block {
  min-height: 140px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 5px 30px 5px 24px;
}
.item-vacancies__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.item-vacancies__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-vacancies__title {
  position: relative;
  z-index: 1;
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 28px;
  color: #FFFFFF;
  max-width: 400px;
}
.item-vacancies__body {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
}
.item-vacancies__tab {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
}
.item-vacancies__text {
  width: 100%;
  font-weight: 400;
  font-size: 23px;
  line-height: 160.8695652174%;
  color: #000000;
}
.item-vacancies__text p:not(:last-child) {
  margin: 0 0 15px 0;
}
@media (max-width: 480.98px) {
  .item-vacancies__text {
    font-size: 22px;
    line-height: 132%;
    text-align: center;
  }
}
.item-vacancies__list-item {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 60px;
  padding: 5px 12px 5px 44px;
  border-radius: 16px;
  background: #EDEDED;
  font-weight: 400;
  font-size: 18px;
  line-height: 127.7777777778%;
  color: #000000;
}
.item-vacancies__list-item:not(:last-child) {
  margin: 0 0 16px 0;
}
.item-vacancies__list-item::before {
  position: absolute;
  content: "";
  width: 18px;
  height: 28px;
  left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../img/icons/arrow-pink-87cf8d60d3e4fefec1f19c0d9329cfaa.svg") center no-repeat;
  background-size: contain;
}
.item-vacancies__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 0 0 60px;
  height: 60px;
  border-radius: 163px;
  overflow: hidden;
  background: #000000;
  box-shadow: 0px 35.5px 64px 0px #AEA0A4;
  margin: 36px 0 0 0;
  font-weight: 500;
  font-size: 17px;
  color: #FFFFFF;
  padding: 5px 22px;
  transition: all 0.3s ease-out;
}
@media (min-width: 1024.98px) {
  .item-vacancies__btn:hover {
    transform: translate(0, -3px);
    box-shadow: 0px 35.5px 84px 0px #AEA0A4;
  }
}
.item-vacancies__btn:active {
  transform: translate(0, 3px);
  box-shadow: 0px 35.5px 34px 0px #AEA0A4;
}
@media (min-width: 1024.98px) {
  .item-vacancies__btn:active {
    transform: translate(0, 3px) scale(0.98);
  }
}

.top-item-vacancies {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  border-radius: 16px 16px 0 0;
  background: #000000;
}
.top-item-vacancies__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.6px 14px;
  font-weight: 700;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #FFFFFF;
  border-radius: 1000px;
}
.top-item-vacancies__tag_pink {
  background: #E61B5A;
}
.top-item-vacancies__tag_orange {
  background: #F1852F;
}
.top-item-vacancies__actions {
  display: flex;
  align-items: center;
}
.top-item-vacancies__like {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #8a8a8a;
  border-radius: 50%;
  transition: all 0.3s ease-out;
  margin: 0 0 0 20px;
  background: transparent;
}
.top-item-vacancies__like svg {
  width: 22px;
  height: 19px;
  fill: #EDEDED;
  transition: all 0.3s ease-out;
}
.top-item-vacancies__like.active {
  background: #FFFFFF;
  border: 1.5px solid #fff;
}
.top-item-vacancies__like.active svg {
  fill: #E61B5A;
}
@media (min-width: 1024.98px) {
  .top-item-vacancies__like:hover {
    border: 1.5px solid #fff;
  }
}
.top-item-vacancies__close {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #8a8a8a;
  border-radius: 50%;
  transition: all 0.3s ease-out;
  margin: 0 0 0 20px;
  background: transparent;
}
.top-item-vacancies__close svg {
  width: 18px;
  height: 18px;
  fill: #fff;
  transition: all 0.3s ease-out;
}
@media (min-width: 1024.98px) {
  .top-item-vacancies__close:hover {
    border: 1.5px solid #fff;
  }
}

.tab {
  overflow: hidden;
}
.tab__top {
  display: flex;
  padding: 10px 24px 0 24px;
  background: #FFFFFF;
  overflow-x: auto;
  scrollbar-width: none;
}
.tab__top::-webkit-scrollbar {
  display: none;
}
.tab__btn {
  display: inline-flex;
  background: transparent;
  white-space: nowrap;
  padding: 4px 20px;
  font-weight: 400;
  font-size: 20px;
  line-height: 165%;
  color: #8C8CA1;
  transition: color 0.3s ease-out;
}
@media (min-width: 1024.98px) {
  .tab__btn:hover {
    color: #E61B5A;
  }
}
.tab__btn.active {
  font-weight: 700;
  color: #E61B5A;
  border-bottom: 1px solid #E61B5A;
}
.tab__body {
  background: #FFFFFF;
  border-radius: 0 0 16px 16px;
  padding: 30px 0;
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tab__block {
  width: 100%;
  display: none;
  flex-direction: column;
  align-items: center;
  flex: 1 1 100%;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.tab__block.visible {
  display: flex;
}
.tab__block.active {
  opacity: 1;
}
.tab__main {
  padding: 0 8px 0 0;
  flex: 1 1 100%;
  width: 100%;
  flex: 0 0 215px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tab__main.scroll {
  background: #FAFAFA;
  padding: 0 6px 0 0;
}
@media (max-width: 480.98px) {
  .tab__main {
    flex: 0 0 320px;
  }
}
.tab__content {
  flex: 1 1 100%;
  width: 100%;
  padding: 0 6px 0 0;
  overflow-y: auto;
  flex: 0 0 215px;
}
.tab__content::-webkit-scrollbar {
  width: 8px;
}
.tab__content::-webkit-scrollbar-track {
  background: transparent;
}
.tab__content::-webkit-scrollbar-thumb {
  background: #8C8CA1;
  border-radius: 4px;
}
@media (max-width: 480.98px) {
  .tab__content {
    flex: 0 0 320px;
  }
}
.tab__inner {
  position: relative;
  background: #FFFFFF;
  padding: 0 0 0 24px;
  position: relative;
}
.tab__inner::before {
  display: none;
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  border-left: 1px solid #E8E8E8;
  top: 0;
  right: 0;
}
.tab__inner.scroll {
  padding: 0 16px 0 24px;
}
.tab__inner.scroll::before {
  display: block;
}
@media (max-width: 480.98px) {
  .tab__inner {
    padding: 0 0 0 12px;
  }
  .tab__inner.scroll {
    padding: 0 12px 0 12px;
  }
}

.welcome__main {
  position: relative;
  height: 100dvh;
  display: flex;
  flex-direction: column;
}
.welcome__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.welcome__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.welcome__image img.hidden {
  display: none;
}
.welcome__image video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.085);
}
.welcome__elements {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.welcome__element {
  position: absolute;
}
.welcome__metro {
  z-index: 2;
  width: 383px;
  height: 269px;
  top: 81px;
  left: -121px;
}
@media (max-height: 800px) {
  .welcome__metro {
    width: 287.5px;
    height: 201.75px;
    top: 71px;
    left: -95px;
  }
}
@media (max-width: 1250px) {
  .welcome__metro {
    width: 287.5px;
    height: 201.75px;
    top: 71px;
    left: -95px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__metro {
    width: 239.375px;
    height: 166.78px;
    top: 61px;
    left: -77px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__metro {
    width: 383px;
    height: 269px;
    top: 81px;
    left: -121px;
  }
}
@media (max-width: 480.98px) {
  .welcome__metro {
    width: 191.5px;
    height: 134.5px;
    top: 20px;
    left: -52px;
  }
}
.welcome__line-1 {
  z-index: 1;
  width: 228px;
  height: 236px;
  top: 0px;
  left: 0px;
}
@media (max-height: 800px) {
  .welcome__line-1 {
    width: 171px;
    height: 177px;
    top: 7px;
  }
}
@media (max-width: 1250px) {
  .welcome__line-1 {
    width: 171px;
    height: 177px;
    top: 7px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__line-1 {
    width: 142.5px;
    height: 147.5px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__line-1 {
    width: 228px;
    height: 236px;
  }
}
@media (max-width: 480.98px) {
  .welcome__line-1 {
    display: none;
  }
}
.welcome__tram {
  z-index: 2;
  width: 799px;
  height: 517px;
  top: -173px;
  right: -4px;
  transform: translate(-700px, -350px);
  opacity: 0;
  animation: tramLoop 18s ease-in-out infinite;
}
@media (max-height: 800px) {
  .welcome__tram {
    width: 599.25px;
    height: 387.75px;
    top: -132px;
  }
}
@media (max-width: 1250px) {
  .welcome__tram {
    width: 599.25px;
    height: 387.75px;
    top: -132px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__tram {
    width: 499.375px;
    height: 323.125px;
    top: -107px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__tram {
    width: 799px;
    height: 517px;
    top: -173px;
  }
}
@media (max-width: 480.98px) {
  .welcome__tram {
    width: 399.5px;
    height: 258.5px;
    top: -136px;
    right: 4px;
  }
}
.welcome__mur-1 {
  z-index: 1;
  width: 311.5px;
  height: 254px;
  top: 0px;
  right: 0px;
}
@media (max-height: 800px) {
  .welcome__mur-1 {
    width: 233.625px;
    height: 190.5px;
  }
}
@media (max-width: 1250px) {
  .welcome__mur-1 {
    width: 233.625px;
    height: 190.5px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__mur-1 {
    width: 194.6875px;
    height: 158.75px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__mur-1 {
    width: 311.5px;
    height: 254px;
  }
}
@media (max-width: 480.98px) {
  .welcome__mur-1 {
    display: none;
  }
}
.welcome__mur-1-mob {
  z-index: 1;
  width: 77.5px;
  height: 62px;
  top: 0;
  right: 0;
}
@media (min-width: 480.98px) {
  .welcome__mur-1-mob {
    display: none;
  }
}
.welcome__perso-1 {
  z-index: 3;
  width: 76px;
  height: 133px;
  top: 72px;
  right: 381px;
}
@media (max-height: 800px) {
  .welcome__perso-1 {
    width: 57px;
    height: 99.75px;
    top: 52px;
    right: 280px;
  }
}
@media (max-width: 1250px) {
  .welcome__perso-1 {
    width: 57px;
    height: 99.75px;
    top: 52px;
    right: 280px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__perso-1 {
    width: 47.5px;
    height: 83.125px;
    top: 47px;
    right: 233px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__perso-1 {
    width: 76px;
    height: 133px;
    top: 72px;
    right: 381px;
  }
}
@media (max-width: 480.98px) {
  .welcome__perso-1 {
    width: 38px;
    height: 66.5px;
    top: 40px;
    right: 105px;
  }
}
.welcome__perso-2 {
  z-index: 3;
  width: 116px;
  height: 144px;
  top: 57px;
  left: 341px;
}
@media (max-height: 800px) {
  .welcome__perso-2 {
    width: 87px;
    height: 108px;
    top: 30px;
    left: 230px;
  }
}
@media (max-width: 1250px) {
  .welcome__perso-2 {
    width: 87px;
    height: 108px;
    top: 30px;
    left: 230px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__perso-2 {
    width: 72.5px;
    height: 90px;
    top: 60px;
    left: 210px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__perso-2 {
    width: 116px;
    height: 144px;
    top: 57px;
    left: 341px;
  }
}
@media (max-width: 480.98px) {
  .welcome__perso-2 {
    width: 58px;
    height: 72px;
    top: 50px;
    right: auto;
    left: 145px;
  }
}
.welcome__rails {
  z-index: 2;
  width: 465px;
  height: 266px;
  bottom: -3px;
  left: -3px;
}
@media (max-height: 800px) {
  .welcome__rails {
    width: 348.75px;
    height: 199.5px;
    bottom: 0;
  }
}
@media (max-width: 1250px) {
  .welcome__rails {
    width: 348.75px;
    height: 199.5px;
    bottom: 0;
  }
}
@media (max-width: 1024.98px) {
  .welcome__rails {
    width: 290.625px;
    height: 166.25px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__rails {
    width: 465px;
    height: 266px;
    bottom: -3px;
  }
}
@media (max-width: 480.98px) {
  .welcome__rails {
    width: 232.5px;
    height: 133px;
  }
}
.welcome__mur-2 {
  z-index: 1;
  width: 374px;
  height: 215px;
  bottom: 0px;
  left: 0px;
}
@media (max-height: 800px) {
  .welcome__mur-2 {
    width: 280.5px;
    height: 161.25px;
  }
}
@media (max-width: 1250px) {
  .welcome__mur-2 {
    width: 280.5px;
    height: 161.25px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__mur-2 {
    width: 233.75px;
    height: 134.375px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__mur-2 {
    width: 374px;
    height: 215px;
  }
}
@media (max-width: 480.98px) {
  .welcome__mur-2 {
    width: 187px;
    height: 107.5px;
  }
}
.welcome__train {
  z-index: 3;
  width: 1566px;
  height: 972px;
  bottom: 74px;
  left: -1309px;
}
@media (max-height: 800px) {
  .welcome__train {
    width: 1174.5px;
    height: 729px;
    bottom: 55px;
    left: -985px;
  }
}
@media (max-width: 1250px) {
  .welcome__train {
    width: 1174.5px;
    height: 729px;
    bottom: 55px;
    left: -985px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__train {
    width: 978.75px;
    height: 607.5px;
    bottom: 47px;
    left: -821px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__train {
    width: 1566px;
    height: 972px;
    bottom: 74px;
    left: -1309px;
  }
}
@media (max-width: 480.98px) {
  .welcome__train {
    width: 783px;
    height: 486px;
    bottom: 50px;
    left: -683px;
  }
}
.welcome__perso-3 {
  z-index: 4;
  width: 175px;
  height: 123px;
  bottom: 119px;
  left: 288px;
}
@media (max-height: 800px) {
  .welcome__perso-3 {
    width: 131.25px;
    height: 92.25px;
    bottom: 100px;
    left: 240px;
  }
}
@media (max-width: 1250px) {
  .welcome__perso-3 {
    width: 131.25px;
    height: 92.25px;
    bottom: 100px;
    left: 240px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__perso-3 {
    width: 109.375px;
    height: 76.875px;
    bottom: 90px;
    left: 200px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__perso-3 {
    width: 175px;
    height: 123px;
    bottom: 119px;
    left: 288px;
  }
}
@media (max-width: 480.98px) {
  .welcome__perso-3 {
    width: 87.5px;
    height: 61.5px;
    bottom: 85px;
    left: 120px;
  }
}
.welcome__line-2 {
  z-index: 1;
  width: 1328.5px;
  height: 942px;
  bottom: -5px;
  right: -385px;
}
@media (max-height: 800px) {
  .welcome__line-2 {
    width: 996.375px;
    height: 706.5px;
    right: -288px;
  }
}
@media (max-width: 1250px) {
  .welcome__line-2 {
    width: 996.375px;
    height: 706.5px;
    right: -288px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__line-2 {
    width: 828.4375px;
    height: 588.75px;
    bottom: -2px;
    right: -235px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__line-2 {
    width: 1328.5px;
    height: 942px;
    bottom: -5px;
    right: -385px;
  }
}
@media (max-width: 480.98px) {
  .welcome__line-2 {
    display: none;
  }
}
.welcome__perso-4 {
  z-index: 1;
  width: 68.5px;
  height: 118.5px;
  top: 285px;
  right: 200px;
}
@media (max-height: 800px) {
  .welcome__perso-4 {
    width: 51.375px;
    height: 88.875px;
    top: 230px;
    right: 145px;
  }
}
@media (max-width: 1250px) {
  .welcome__perso-4 {
    width: 51.375px;
    height: 88.875px;
    top: 230px;
    right: 145px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__perso-4 {
    width: 42.8125px;
    height: 74.0625px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__perso-4 {
    width: 68.5px;
    height: 118.5px;
    top: 285px;
    right: 200px;
  }
}
@media (max-width: 768.98px) and (min-height: 1024px) {
  .welcome__perso-4 {
    display: none;
  }
}
@media (max-width: 480.98px) {
  .welcome__perso-4 {
    display: none;
  }
}
.welcome__perso-5 {
  z-index: 1;
  width: 57.5px;
  height: 113.5px;
  top: 350px;
  right: 85px;
}
@media (max-height: 800px) {
  .welcome__perso-5 {
    width: 43.125px;
    height: 85.125px;
    top: 310px;
  }
}
@media (max-width: 1250px) {
  .welcome__perso-5 {
    width: 43.125px;
    height: 85.125px;
    top: 310px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__perso-5 {
    width: 35.9375px;
    height: 70.9375px;
    top: 323px;
    right: 60px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__perso-5 {
    width: 57.5px;
    height: 113.5px;
    top: 350px;
    right: 85px;
  }
}
@media (max-width: 480.98px) {
  .welcome__perso-5 {
    display: none;
  }
}
.welcome__perso-6 {
  z-index: 1;
  width: 68.5px;
  height: 115px;
  bottom: 115px;
  right: 160px;
}
@media (max-height: 800px) {
  .welcome__perso-6 {
    width: 51.375px;
    height: 86.25px;
    bottom: 75px;
    right: 140px;
  }
}
@media (max-width: 1250px) {
  .welcome__perso-6 {
    width: 51.375px;
    height: 86.25px;
    bottom: 75px;
    right: 140px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__perso-6 {
    width: 42.8125px;
    height: 71.875px;
    bottom: 70px;
    right: 120px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__perso-6 {
    width: 68.5px;
    height: 115px;
    bottom: 115px;
    right: 160px;
  }
}
@media (max-width: 480.98px) {
  .welcome__perso-6 {
    display: none;
  }
}
.welcome__bus {
  z-index: 5;
  width: 477px;
  height: 373px;
  bottom: 184px;
  right: -72px;
  transform: translate(600px, -400px);
  opacity: 1;
  animation: busLoop 18s ease-in-out infinite;
}
@media (max-height: 800px) {
  .welcome__bus {
    width: 357.75px;
    height: 279.75px;
    bottom: 167px;
    right: -60px;
  }
}
@media (max-width: 1250px) {
  .welcome__bus {
    width: 357.75px;
    height: 279.75px;
    bottom: 167px;
    right: -60px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__bus {
    width: 298.125px;
    height: 233.125px;
    bottom: 145px;
    right: -47px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__bus {
    width: 477px;
    height: 373px;
    bottom: 184px;
    right: -72px;
  }
}
@media (max-width: 480.98px) {
  .welcome__bus {
    width: 238.5px;
    height: 186.5px;
    bottom: 65px;
    right: -80px;
  }
}
.welcome__arret {
  z-index: 3;
  width: 273px;
  height: 271px;
  bottom: 108px;
  right: -129px;
}
@media (max-height: 800px) {
  .welcome__arret {
    width: 204.75px;
    height: 203.25px;
    bottom: 92px;
    right: -88px;
  }
}
@media (max-width: 1250px) {
  .welcome__arret {
    width: 204.75px;
    height: 203.25px;
    bottom: 92px;
    right: -88px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__arret {
    width: 170.625px;
    height: 169.375px;
    bottom: 73px;
    right: -65px;
  }
}
@media (max-width: 1024.98px) and (min-height: 1350px) {
  .welcome__arret {
    width: 273px;
    height: 271px;
    bottom: 108px;
    right: -129px;
  }
}
@media (max-width: 480.98px) {
  .welcome__arret {
    width: 136.5px;
    height: 135.5px;
    bottom: -20px;
    right: -40px;
  }
}
.welcome__container {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  z-index: 2;
}
.welcome__body {
  flex: 1 1 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 0 0 80px 0;
}
@media (max-width: 1024.98px) and (min-height: 1024px) {
  .welcome__body {
    justify-content: center;
  }
}
@media (max-width: 992.98px) and (min-height: 1024px) {
  .welcome__body {
    padding: 0;
  }
}
@media (max-width: 768.98px) and (min-height: 1024px) {
  .welcome__body {
    padding: 60px 0 0 0;
  }
}
@media (max-width: 480.98px) {
  .welcome__body {
    padding: 0 0 60px 0;
    justify-content: center;
  }
}
@media (max-width: 480.98px) and (max-height: 750px) {
  .welcome__body {
    padding: 0 0 40px 0;
  }
}
.welcome__title {
  font-family: BwModelicaSS01;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}
.welcome__title span {
  display: flex;
}
.welcome__title span.white {
  color: #fff;
  font-weight: 900;
  font-size: 126px;
  line-height: 90%;
  letter-spacing: -0.03em;
  position: relative;
  z-index: 1;
}
@media (max-height: 800px) {
  .welcome__title span.white {
    font-size: 94px;
  }
}
@media (max-width: 1250px) {
  .welcome__title span.white {
    font-size: 94px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__title span.white {
    font-size: 78px;
  }
}
@media (max-width: 480.98px) {
  .welcome__title span.white {
    font-size: 46px;
  }
}
.welcome__title span.black {
  color: #000;
  font-weight: 900;
  font-size: 204px;
  line-height: 90%;
  letter-spacing: -0.02em;
}
@media (max-height: 800px) {
  .welcome__title span.black {
    font-size: 153px;
  }
}
@media (max-width: 1250px) {
  .welcome__title span.black {
    font-size: 153px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__title span.black {
    font-size: 127px;
  }
}
@media (max-width: 480.98px) {
  .welcome__title span.black {
    font-size: 74px;
  }
}
.welcome__title img {
  position: absolute;
  width: 265.5px;
  height: 453.5px;
  top: 70px;
  left: -220px;
  z-index: 3;
}
@media (max-height: 800px) {
  .welcome__title img {
    width: 199.125px;
    height: 340.125px;
    top: 51px;
    left: -162px;
  }
}
@media (max-width: 1250px) {
  .welcome__title img {
    width: 199.125px;
    height: 340.125px;
    top: 51px;
    left: -162px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__title img {
    width: 165.9375px;
    height: 283.4375px;
    top: 43px;
    left: -135px;
  }
}
@media (max-width: 700px) {
  .welcome__title img {
    display: none;
  }
}
.welcome__title-body {
  animation: titleLoop 18s ease-out infinite;
}
.welcome__subtitle {
  position: relative;
  z-index: 1;
  margin: -25px 0 15px 0;
}
.welcome__subtitle img {
  width: 488.5px;
  height: 145px;
}
@media (max-height: 800px) {
  .welcome__subtitle {
    margin: -20px 0 30px 0;
  }
  .welcome__subtitle img {
    width: 366.375px;
    height: 108.75px;
  }
}
@media (max-width: 1250px) {
  .welcome__subtitle {
    margin: -20px 0 30px 0;
  }
  .welcome__subtitle img {
    width: 366.375px;
    height: 108.75px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__subtitle {
    margin: -15px 0 30px 0;
  }
  .welcome__subtitle img {
    width: 305px;
    height: 90.625px;
  }
}
@media (max-width: 480.98px) {
  .welcome__subtitle {
    margin: -9px 0 40px 0;
  }
  .welcome__subtitle img {
    width: 178.3px;
    height: 52.925px;
  }
}
@media (max-width: 480.98px) and (max-height: 775px) {
  .welcome__subtitle {
    margin: -9px 0 20px 0;
  }
}
@media (max-width: 480.98px) and (max-height: 700px) {
  .welcome__subtitle {
    margin: -9px 0 5px 0;
  }
}
.welcome__text {
  font-family: BwModelicaSS01;
  font-weight: 500;
  font-size: 23px;
  line-height: 135%;
  text-align: center;
  color: #000;
}
.welcome__text:not(:last-child) {
  margin: 0 0 24px 0;
}
.welcome__text span {
  font-size: 24px;
  font-weight: 700;
}
@media (max-height: 800px) {
  .welcome__text {
    font-size: 20px;
  }
  .welcome__text:not(:last-child) {
    margin: 0 0 20px 0;
  }
  .welcome__text span {
    font-size: 22px;
  }
}
@media (max-width: 1250px) {
  .welcome__text {
    font-size: 20px;
  }
  .welcome__text:not(:last-child) {
    margin: 0 0 20px 0;
  }
  .welcome__text span {
    font-size: 22px;
  }
}
@media (max-width: 1024.98px) {
  .welcome__text {
    font-size: 17px;
  }
  .welcome__text:not(:last-child) {
    margin: 0 0 16px 0;
  }
  .welcome__text span {
    font-size: 21px;
  }
}
@media (max-width: 480.98px) {
  .welcome__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: -0.02em;
    font-family: Roboto;
  }
  .welcome__text:not(:last-child) {
    margin: 0 0 12px 0;
  }
  .welcome__text span {
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
}
.bottom-welcome {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bottom-welcome__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 146px;
  height: 146px;
  flex: 0 0 146px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  border: 1.5px solid #facfc3;
  padding: 13px;
  box-shadow: 0 20px 34px 0 rgba(142, 0, 48, 0.78);
  transition: all 0.3s ease-out;
}
.bottom-welcome__btn:not(:last-child) {
  margin: 0 0 24px 0;
}
.bottom-welcome__btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #000;
  border-radius: 50%;
}
.bottom-welcome__btn svg {
  width: 46px;
  height: 68px;
  fill: #fff;
  transform: translate(5px, 0);
}
@media (min-width: 1024.98px) {
  .bottom-welcome__btn:hover {
    transform: translate(0, -3px);
    box-shadow: 0 20px 54px 0 rgba(142, 0, 48, 0.78);
  }
}
.bottom-welcome__btn:active {
  transform: translate(0, 3px);
  box-shadow: 0 20px 24px 0 rgba(142, 0, 48, 0.78);
}
@media (min-width: 1024.98px) {
  .bottom-welcome__btn:active {
    transform: translate(0, 3px) scale(0.98);
  }
}
@media (max-height: 800px) {
  .bottom-welcome__btn {
    width: 109.5px;
    height: 109.5px;
    flex: 0 0 109.5px;
    padding: 9.75px;
  }
  .bottom-welcome__btn:not(:last-child) {
    margin: 0 0 20px 0;
  }
  .bottom-welcome__btn svg {
    width: 34.5px;
    height: 51px;
    transform: translate(4px, 0);
  }
}
@media (max-width: 1250px) {
  .bottom-welcome__btn {
    width: 109.5px;
    height: 109.5px;
    flex: 0 0 109.5px;
    padding: 9.75px;
  }
  .bottom-welcome__btn:not(:last-child) {
    margin: 0 0 20px 0;
  }
  .bottom-welcome__btn svg {
    width: 34.5px;
    height: 51px;
    transform: translate(4px, 0);
  }
}
@media (max-width: 1024.98px) {
  .bottom-welcome__btn {
    width: 91.25px;
    height: 91.25px;
    flex: 0 0 91.25px;
  }
  .bottom-welcome__btn:not(:last-child) {
    margin: 0 0 16px 0;
  }
  .bottom-welcome__btn svg {
    width: 28.75px;
    height: 42.5px;
    transform: translate(3px, 0);
  }
}
@media (max-width: 480.98px) {
  .bottom-welcome__btn {
    width: 102.2px;
    height: 102.2px;
    flex: 102.2px;
    padding: 9.1px;
  }
  .bottom-welcome__btn:not(:last-child) {
    margin: 0 0 12px 0;
  }
  .bottom-welcome__btn svg {
    width: 31.5px;
    height: 47.6px;
  }
}
@media (max-width: 480.98px) and (max-height: 750px) {
  .bottom-welcome__btn {
    width: 92px;
    height: 92px;
    flex: 92px;
    padding: 8.2px;
  }
  .bottom-welcome__btn svg {
    width: 28.35px;
    height: 42.85px;
    transform: translate(3px, 0);
  }
}
.bottom-welcome__text {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 29px;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 1;
}
@media (max-height: 800px) {
  .bottom-welcome__text {
    font-size: 27px;
  }
}
@media (max-width: 1250px) {
  .bottom-welcome__text {
    font-size: 27px;
  }
}
@media (max-width: 1024.98px) {
  .bottom-welcome__text {
    font-size: 25px;
  }
}
@media (max-width: 480.98px) {
  .bottom-welcome__text {
    font-size: 24px;
  }
}
@media (max-width: 480.98px) and (max-height: 750px) {
  .bottom-welcome__text {
    font-size: 21px;
  }
}

.letter {
  display: inline-block;
}

@keyframes tramLoop {
  0% {
    transform: translate(-700px, -350px);
    opacity: 0;
  }
  5% {
    transform: translate(-700px, -350px);
    opacity: 1;
  }
  17% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  69% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  81% {
    transform: translate(800px, 400px);
    opacity: 1;
  }
  82% {
    transform: translate(800px, 400px);
    opacity: 0;
  }
  100% {
    transform: translate(800px, 400px);
    opacity: 0;
  }
  /* 100% -> 105% нічого не робимо, щоб додати паузу */
}
@keyframes busLoop {
  0% {
    transform: translate(600px, -400px);
    opacity: 0;
  }
  18% {
    transform: translate(600px, -400px);
    opacity: 0;
  }
  19% {
    transform: translate(600px, -400px);
    opacity: 1;
  }
  36% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  52% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
  69% {
    transform: translate(-900px, 600px);
    opacity: 1;
  }
  70% {
    transform: translate(-900px, 600px);
    opacity: 0;
  }
  100% {
    transform: translate(-900px, 600px);
    opacity: 0;
  }
}
@keyframes titleLoop {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.intro__main {
  position: relative;
  height: calc(100dvh - 75px);
  display: flex;
  flex-direction: column;
}
.intro__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 480.98px) {
  .intro__image {
    display: none;
  }
}
.intro__image-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
@media (max-width: 480.98px) {
  .intro__image-mobile {
    display: block;
  }
}
.intro__container {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.intro__body {
  width: 100%;
  max-width: 750px;
  border: 1.5px solid #fff;
  border-left: 0;
  border-radius: 16px;
  padding: 60px 40px;
  box-shadow: 0 24px 54px 0 #8e062d;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-height: 800px) {
  .intro__body {
    padding: 55px 30px;
  }
}
@media (max-width: 1024.98px) {
  .intro__body {
    padding: 55px 30px;
  }
}
@media (max-width: 768.98px) {
  .intro__body {
    padding: 55px 20px;
  }
}
@media (max-width: 480.98px) {
  .intro__body {
    padding: 50px 12px;
  }
}
.intro__title {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 40px;
  text-align: center;
  color: #e61b5a;
}
.intro__title:not(:last-child) {
  margin: 0 0 40px 0;
}
@media (max-height: 800px) {
  .intro__title {
    font-size: 34px;
  }
  .intro__title:not(:last-child) {
    margin: 0 0 36px 0;
  }
}
@media (max-width: 1024.98px) {
  .intro__title {
    font-size: 34px;
  }
  .intro__title:not(:last-child) {
    margin: 0 0 36px 0;
  }
}
@media (max-width: 768.98px) {
  .intro__title {
    font-size: 27px;
  }
  .intro__title:not(:last-child) {
    margin: 0 0 31px 0;
  }
}
@media (max-width: 480.98px) {
  .intro__title {
    font-size: 20px;
    line-height: 150%;
  }
  .intro__title:not(:last-child) {
    margin: 0 0 26px 0;
  }
}
.intro__text {
  font-weight: 400;
  font-size: 24px;
  line-height: 137%;
  text-align: center;
  color: #000;
}
.intro__text span {
  font-weight: 700;
}
.intro__text p:not(:last-child) {
  margin: 0 0 40px 0;
}
.intro__text:not(:last-child) {
  margin: 0 0 60px 0;
}
@media (max-height: 800px) {
  .intro__text {
    font-size: 22px;
  }
  .intro__text p:not(:last-child) {
    margin: 0 0 36px 0;
  }
  .intro__text:not(:last-child) {
    margin: 0 0 50px 0;
  }
}
@media (max-width: 1024.98px) {
  .intro__text {
    font-size: 22px;
  }
  .intro__text p:not(:last-child) {
    margin: 0 0 36px 0;
  }
  .intro__text:not(:last-child) {
    margin: 0 0 50px 0;
  }
}
@media (max-width: 768.98px) {
  .intro__text {
    font-size: 19px;
  }
  .intro__text p:not(:last-child) {
    margin: 0 0 31px 0;
  }
  .intro__text:not(:last-child) {
    margin: 0 0 39px 0;
  }
}
@media (max-width: 480.98px) {
  .intro__text {
    font-size: 16px;
    line-height: 180%;
    letter-spacing: -0.02em;
  }
  .intro__text p:not(:last-child) {
    margin: 0 0 26px 0;
  }
  .intro__text:not(:last-child) {
    margin: 0 0 28px 0;
  }
  .intro__text br {
    display: none;
  }
}
.intro__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 82px;
  padding: 5px 22px;
  border-radius: 163px;
  box-shadow: 0 35px 64px 0 #aea0a4;
  background: #000;
  font-weight: 700;
  font-size: 20px;
  line-height: 99%;
  color: #fff;
  transition: all 0.3s ease-out;
  white-space: nowrap;
}
@media (min-width: 1024.98px) {
  .intro__btn:hover {
    transform: translate(0, -3px);
    box-shadow: 0 35px 84px 0 #aea0a4;
  }
}
.intro__btn:active {
  transform: translate(0, 3px);
  box-shadow: 0 35px 34px 0 #aea0a4;
}
@media (min-width: 1024.98px) {
  .intro__btn:active {
    transform: translate(0, 3px) scale(0.98);
  }
}
@media (max-width: 480.98px) {
  .intro__btn {
    width: 100%;
    height: 48px;
    font-size: 16px;
  }
}
.intro__btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
  margin: 0 12px 0 0;
}
.intro__btn-icon svg {
  width: 16px;
  height: 24px;
  fill: #000;
  transition: all 0.3s ease-out;
  transform: translate(2px, 0);
}
@media (max-height: 800px) {
  .intro__btn-icon {
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
  }
  .intro__btn-icon svg {
    width: 13.5px;
    height: 20.25px;
  }
}
@media (max-width: 1024.98px) {
  .intro__btn-icon {
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
  }
  .intro__btn-icon svg {
    width: 13.5px;
    height: 20.25px;
  }
}
@media (max-width: 768.98px) {
  .intro__btn-icon {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
  }
  .intro__btn-icon svg {
    width: 11px;
    height: 16.5px;
  }
}
@media (max-width: 480.98px) {
  .intro__btn-icon {
    flex: 0 0 21px;
    width: 21px;
    height: 21px;
    margin: 0 11px 0 0;
  }
  .intro__btn-icon svg {
    width: 8px;
    height: 12px;
  }
}

.quiz__main {
  height: calc(100dvh - 75px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 1024.98px) {
  .quiz__main {
    height: auto;
    min-height: calc(100dvh - 75px);
  }
}
@media (max-width: 650px) {
  .quiz__main {
    position: relative;
  }
}
.quiz__body {
  flex: 1 1 100%;
  position: relative;
  background: url("../img/radius-bg-c2656e4cd162769be5a5b1528c259e56.png") no-repeat;
  background-size: cover;
  background-position: center top;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 76.5px 0;
}
.quiz__body.answered .quiz__question-icon {
  opacity: 0;
  visibility: hidden;
  pointer-events: all;
}
.quiz__body.answered .btn-next {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.quiz__body.answered .btn-answer-options {
  pointer-events: none;
}
@media (max-height: 850px) {
  .quiz__body {
    padding: 57px 0;
  }
}
@media (max-width: 1299.98px) {
  .quiz__body {
    padding: 57px 0;
  }
}
@media (max-width: 480.98px) {
  .quiz__body {
    padding: 43px 0;
  }
}
.quiz__question-icon {
  position: absolute;
  left: 0;
  top: 80px;
  transition: all 0.1s ease-out;
}
.quiz__question-icon img {
  transform: scale(0.85) translate(-30px, -50px);
}
@media (max-width: 480.98px) {
  .quiz__question-icon {
    display: none;
  }
}
.quiz__bottom {
  display: flex;
  margin: 18.5px 0 0 0;
  width: 100%;
  max-width: 1016px;
  transform: translate(-7%, 0);
  padding: 0 20px 0 0;
  position: relative;
}
@media (max-height: 850px) {
  .quiz__bottom {
    transform: translate(0, 0);
    padding: 0 12px;
  }
}
@media (max-width: 1200px) {
  .quiz__bottom {
    transform: translate(0, 0);
    padding: 0 12px;
  }
}
@media (max-width: 950px) {
  .quiz__bottom {
    margin: 17px 0 0 0;
    max-width: none;
    align-items: flex-start;
    max-width: none;
    z-index: 1;
  }
}
.quiz__agents {
  position: absolute;
  top: 0;
  flex: 0 0 222.4px;
  width: 222.4px;
  height: 312px;
}
@media (max-height: 850px) {
  .quiz__agents {
    flex: 0 0 185px;
    width: 185px;
    height: 257.7px;
  }
}
@media (max-width: 1299.98px) {
  .quiz__agents {
    flex: 0 0 185px;
    width: 185px;
    height: 257.7px;
  }
}
@media (max-width: 950px) {
  .quiz__agents {
    position: relative;
    top: auto;
    margin: 0 10px 0 0;
  }
}
@media (max-width: 768.98px) {
  .quiz__agents {
    flex: 0 0 150px;
    width: 150px;
    height: 210px;
    margin: 0 20px 0 0;
  }
}
@media (max-width: 480.98px) {
  .quiz__agents {
    flex: 0 0 77.84px;
    width: 77.84px;
    height: 122.64px;
    margin: 0 10px 0 0;
  }
}
.quiz__agent {
  position: absolute;
  top: 150%;
  left: 50%;
  width: 310px;
  height: 100%;
  transform: translate(-50%, 0px);
  opacity: 0;
  transition: all 0.3s ease-out;
}
.quiz__agent.active {
  top: 0;
  opacity: 1;
}
@media (max-height: 850px) {
  .quiz__agent {
    width: 257.7px;
  }
  .quiz__agent img {
    max-width: 100%;
  }
}
@media (max-width: 1299.98px) {
  .quiz__agent {
    width: 257.7px;
  }
  .quiz__agent img {
    max-width: 100%;
  }
}
@media (max-width: 768.98px) {
  .quiz__agent {
    width: 209px;
    transform: translate(calc(-50% + 15px), 0);
  }
}
@media (max-width: 480.98px) {
  .quiz__agent {
    width: 108.5px;
    transform: translate(calc(-50% + 5px), -7px);
  }
}
.quiz__explanation {
  padding: 51px 0px 0 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 137%;
  color: #fff;
  position: absolute;
  left: 254px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-out 0.1s;
}
.quiz__explanation.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
@media (max-height: 850px) {
  .quiz__explanation {
    font-size: 20px;
    left: 204px;
  }
}
@media (max-width: 1299.98px) {
  .quiz__explanation {
    font-size: 20px;
    left: 204px;
  }
}
@media (max-width: 1024.98px) {
  .quiz__explanation {
    font-size: 17px;
    padding: 36px 36px 0 0;
  }
}
@media (max-width: 950px) {
  .quiz__explanation {
    position: relative;
    left: auto;
    padding: 40px 0px 0 0;
  }
}
@media (max-width: 480.98px) {
  .quiz__explanation {
    font-size: 13px;
    font-weight: 400;
    line-height: 140%;
    padding: 20px 0px 0 0;
  }
}

.question-quiz {
  min-height: 200px;
  padding: 40px 60px 20px 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1024.98px) {
  .question-quiz {
    justify-content: center;
  }
}
@media (max-height: 850px) {
  .question-quiz {
    padding: 24px 40px 20px 40px;
    min-height: 151px;
  }
}
@media (max-width: 1299.98px) {
  .question-quiz {
    padding: 24px 40px 20px 40px;
    min-height: 151px;
  }
}
@media (max-width: 480.98px) {
  .question-quiz {
    padding: 24px;
  }
}
.question-quiz__body {
  width: 100%;
  max-width: 880px;
}
.question-quiz__content {
  display: flex;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
@media (max-width: 768.98px) {
  .question-quiz__content {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.question-quiz__number {
  flex: 0 0 60px;
  display: flex;
  align-items: center;
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 40px;
  color: #f7c53b;
  position: relative;
  min-height: 124px;
}
.question-quiz__number:not(:last-child) {
  margin: 0 33px 0 0;
}
.question-quiz__number::before {
  position: absolute;
  content: "";
  width: 3.5px;
  height: 100%;
  top: 0;
  right: 0;
  background: #F8C63C;
}
@media (max-height: 850px) {
  .question-quiz__number {
    flex: 0 0 auto;
    min-width: 38px;
    min-height: 0;
  }
  .question-quiz__number:not(:last-child) {
    margin: 0 16px 0 0;
  }
}
@media (max-width: 1299.98px) {
  .question-quiz__number {
    flex: 0 0 auto;
    min-width: 38px;
    min-height: 0;
  }
  .question-quiz__number:not(:last-child) {
    margin: 0 16px 0 0;
  }
}
@media (max-width: 480.98px) {
  .question-quiz__number {
    padding: 0 12px 0 0;
  }
}
.question-quiz__text {
  display: flex;
  align-items: center;
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 40px;
  line-height: 115%;
  color: #010000;
}
@media (max-height: 850px) {
  .question-quiz__text {
    font-size: 30px;
  }
}
@media (max-width: 1299.98px) {
  .question-quiz__text {
    font-size: 30px;
  }
}
@media (max-width: 768.98px) {
  .question-quiz__text {
    font-family: Roboto;
  }
}
@media (max-width: 480.98px) {
  .question-quiz__text {
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
}

.answer-options {
  width: 100%;
  position: relative;
  padding: 0 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 950px) {
  .answer-options {
    padding: 0 40px;
  }
}
@media (max-width: 480.98px) {
  .answer-options {
    padding: 0 12px;
  }
}
.answer-options__items {
  width: 100%;
  max-width: 880px;
}
.answer-options__item {
  position: relative;
  z-index: 1;
}
.answer-options__item:not(:last-child) {
  margin: 0 0 23px 0;
}
.btn-answer-options {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 16px;
  padding: 10px 20px;
  border: 1.5px solid #fff;
  min-height: 95px;
  box-shadow: 0 24px 54px 0 #8e062d;
  background: #fff;
  transition: all 0.3s ease-out;
}
.btn-answer-options.disabled {
  background: rgba(255, 255, 255, 0.3);
  opacity: 0.6;
}
.btn-answer-options.true .btn-answer-options__icon {
  background: transparent;
}
.btn-answer-options.true .btn-answer-options__icon::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("../img/icons/true-05e31e3491608ac21767d084253f453f.svg") center no-repeat;
  background-color: #3ED517;
  border-radius: 50%;
}
.btn-answer-options.false .btn-answer-options__icon {
  background: transparent;
}
.btn-answer-options.false .btn-answer-options__icon::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("../img/icons/false-0bc5b84ecc3221672246ee26b3329e9a.svg") center no-repeat;
  background-color: #FF3B30;
  border-radius: 50%;
}
@media (max-height: 850px) {
  .btn-answer-options {
    min-height: 82px;
  }
}
@media (max-width: 1299.98px) {
  .btn-answer-options {
    min-height: 82px;
  }
}
@media (max-width: 480.98px) {
  .btn-answer-options {
    padding: 12px;
  }
}
.btn-answer-options__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
  background: #E61B5A;
  position: relative;
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  color: #fff;
  padding: 0 0 0.5px 0;
  margin: 0 27px 0 0;
}
@media (max-height: 850px) {
  .btn-answer-options__icon {
    margin: 0 20px 0 0;
  }
}
@media (max-width: 1299.98px) {
  .btn-answer-options__icon {
    margin: 0 20px 0 0;
  }
}
@media (max-width: 480.98px) {
  .btn-answer-options__icon {
    margin: 0 12px 0 0;
  }
}
.btn-answer-options__text {
  font-weight: 700;
  font-size: 24px;
  line-height: 137%;
  color: #000;
  text-align: left;
}
@media (max-height: 850px) {
  .btn-answer-options__text {
    font-size: 20px;
  }
}
@media (max-width: 1299.98px) {
  .btn-answer-options__text {
    font-size: 20px;
  }
}
@media (max-width: 480.98px) {
  .btn-answer-options__text {
    font-size: 16px;
    line-height: 180%;
    letter-spacing: -0.02em;
  }
}

.btn-next {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 82px;
  padding: 5px 22px;
  font-weight: 700;
  font-family: BwModelicaSS01;
  font-size: 20px;
  line-height: 99%;
  text-align: center;
  color: #fff;
  border-radius: 163px 0 0 163px;
  box-shadow: 0 24px 54px 0 #8e062d;
  background: #000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-out;
}
@media (max-height: 850px) {
  .btn-next {
    font-size: 18px;
    height: 74px;
  }
}
@media (max-width: 1299.98px) {
  .btn-next {
    font-size: 18px;
    height: 74px;
  }
}
@media (max-width: 950px) {
  .btn-next {
    position: relative;
    right: auto;
    top: auto;
    transform: translate(0, 0);
    border-radius: 163px;
    z-index: 1;
    margin: 23px 0 0 0;
    width: 100%;
  }
}
@media (max-width: 480.98px) {
  .btn-next {
    font-size: 16px;
    height: 48px;
  }
}
.btn-next__icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 12px 0 0;
}
.btn-next__icon svg {
  width: 16px;
  height: 24px;
  fill: #000;
  transform: translate(2px, 0);
}
@media (max-width: 1299.98px) {
  .btn-next__icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
  }
  .btn-next__icon svg {
    width: 12.2px;
    height: 18.3px;
  }
}
@media (max-width: 480.98px) {
  .btn-next__icon {
    flex: 0 0 21px;
    width: 21px;
    height: 21px;
    margin: 0 11px 0 0;
  }
  .btn-next__icon svg {
    width: 8px;
    height: 12px;
  }
}
@media (max-width: 950px) {
  .btn-next__text br {
    display: none;
  }
}

.popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
  z-index: 1000;
}
.popup.open {
  display: flex;
  flex-direction: column;
  opacity: 1;
  visibility: visible;
}
.popup__body {
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 10px;
}
@media (max-width: 1366px) {
  .popup__body {
    flex: 1 1 100%;
  }
}
.popup__title {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 32px;
  line-height: 115%;
  color: #000;
  text-align: center;
}
.popup__title:not(:last-child) {
  margin: 0 0 20px 0;
}
.popup__text {
  font-family: BwModelicaSS01;
  font-weight: 400;
  font-size: 20px;
  line-height: 137.5%;
  text-align: center;
  color: #000;
}

.popup-timer {
  background: rgba(0, 0, 0, 0.4);
}
.popup-timer .popup__inner {
  width: 100%;
  max-width: 500px;
}
.popup-timer .top-popup {
  border-radius: 16px 16px 0 0;
  padding: 10px 20px 10px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #000;
}
.popup-timer .top-popup .top-popup__close {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #8a8a8a;
  border-radius: 50%;
  transition: all 0.3s ease-out;
  margin: 0 0 0 20px;
}
.popup-timer .top-popup .top-popup__close svg {
  width: 18px;
  height: 18px;
  fill: #fff;
  transition: all 0.3s ease-out;
}
@media (min-width: 1024.98px) {
  .popup-timer .top-popup .top-popup__close:hover {
    border: 1.5px solid #fff;
  }
}
@media (max-width: 480.98px) {
  .popup-timer .top-popup .top-popup__close {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
  }
  .popup-timer .top-popup .top-popup__close svg {
    width: 14px;
    height: 14px;
  }
}
.popup-timer .top-popup .top-popup__title {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 32px;
  color: #fff;
}
@media (max-width: 480.98px) {
  .popup-timer .top-popup .top-popup__title {
    font-size: 22px;
  }
}
.popup-timer .popup__content {
  border: 1.5px solid #fff;
  border-top: 0;
  border-bottom: 0;
  padding: 36px 16px 16px 24px;
  background: #fff;
  border-radius: 0 0 16px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 480.98px) {
  .popup-timer .popup__content {
    padding: 24px 12px;
  }
}
.popup-timer.open .timer:before {
  animation: mask_left 5s steps(1, end) forwards;
}
.popup-timer.open .timer:after {
  animation: mask_right 5s steps(1, end) forwards;
}
.popup-timer.open .timer__line {
  animation: line 5s linear forwards;
}
.popup-timer.open .timer__counter {
  animation: counter 5s steps(4, end) forwards;
}
.popup-timer__timer {
  margin: 5px 0 0 0;
}
.popup-timer__timer:not(:last-child) {
  margin: 5px 0 41px 0;
}
@media (max-width: 480.98px) {
  .popup-timer__timer:not(:last-child) {
    margin: 5px 0 30px 0;
  }
}
.popup-timer__btns {
  width: 100%;
  display: flex;
}
@media (max-width: 500px) {
  .popup-timer__btns {
    flex-direction: column;
  }
}
.popup-timer__btn {
  flex: 0 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  border-radius: 163px;
  padding: 10px 22px;
  height: 60px;
  box-shadow: 0 35px 64px 0 #aea0a4;
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  transition: all 0.3s ease-out;
  margin: 0 0 20px 0;
}
.popup-timer__btn:not(:last-child) {
  margin: 0 20px 20px 0;
}
@media (min-width: 1024.98px) {
  .popup-timer__btn:hover {
    transform: translate(0, -3px);
    box-shadow: 0 35px 84px 0 #aea0a4;
  }
}
.popup-timer__btn:active {
  transform: translate(0, 3px);
  box-shadow: 0px 35.5px 34px 0px #AEA0A4;
}
@media (min-width: 1024.98px) {
  .popup-timer__btn:active {
    transform: translate(0, 3px) scale(0.98);
  }
}
@media (max-width: 500px) {
  .popup-timer__btn {
    flex: 0 1 auto;
    height: 48px;
    font-size: 16px;
  }
  .popup-timer__btn:not(:last-child) {
    margin: 0 0 20px 0;
  }
}
.popup-timer__btn_again {
  border: 0.5px solid #000;
  color: #000;
}
.popup-timer__btn_continue {
  background: #000;
  color: #fff;
}

.popup-form {
  background: rgba(0, 0, 0, 0.4);
}
.popup-form .popup__inner {
  width: 100%;
  max-width: 500px;
}
.popup-form .top-popup {
  border-radius: 16px 16px 0 0;
  padding: 10px 20px 10px 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #000;
}
.popup-form .top-popup .top-popup__close {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #8a8a8a;
  border-radius: 50%;
  transition: all 0.3s ease-out;
  margin: 0 0 0 20px;
}
.popup-form .top-popup .top-popup__close svg {
  width: 18px;
  height: 18px;
  fill: #fff;
  transition: all 0.3s ease-out;
}
@media (min-width: 1024.98px) {
  .popup-form .top-popup .top-popup__close:hover {
    border: 1.5px solid #fff;
  }
}
.popup-form .top-popup .top-popup__title {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 32px;
  color: #fff;
}
.popup-form .popup__content {
  border: 1.5px solid #fff;
  border-top: 0;
  border-bottom: 0;
  padding: 36px 16px 36px 24px;
  background: #fff;
  border-radius: 0 0 16px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.timer {
  flex: 0 0 123px;
  width: 123px;
  height: 123px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: url("../img/icons/timer-points-930bbda68af6dcd943042b1f4dd0a38d.svg") 1px 1px no-repeat;
  background-size: cover;
  background-size: calc(100% - 2px);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.timer:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: url("../img/icons/timer-points-930bbda68af6dcd943042b1f4dd0a38d.svg") 1px 1px no-repeat;
  background-size: cover;
  background-color: #fff;
  z-index: 3;
}
.timer:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #F1852F;
  z-index: 3;
}
.timer__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.timer__line:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #F1852F;
  z-index: 2;
}
.timer__inner {
  position: absolute;
  width: 117px;
  height: 117px;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.timer__body {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  z-index: 4;
}
.timer__counter span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  overflow: hidden;
  font-family: Inter;
  font-weight: 700;
  font-size: 32px;
  line-height: 105%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #e61b5a;
}

@keyframes counter {
  100% {
    transform: translateY(-160px);
  }
}
@keyframes line {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes mask_left {
  0% {
    visibility: visible;
  }
  50%, 100% {
    visibility: hidden;
  }
}
@keyframes mask_right {
  0% {
    visibility: hidden;
  }
  50%, 100% {
    visibility: visible;
  }
}
.bravo__main {
  height: calc(100dvh - 75px);
  display: flex;
  flex-direction: column;
  position: relative;
}
.bravo__main::before {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% - 240px);
  left: 0;
  top: 240px;
  background: url("../img/radius-bg-c2656e4cd162769be5a5b1528c259e56.png") no-repeat;
  background-size: cover;
  background-position: center top;
}
@media (max-width: 900px) {
  .bravo__main::before {
    top: -10px;
    height: calc(100% + 10px);
  }
}
.bravo__main.bronze .medal__icon {
  height: 133px;
  background: url("../img/medals/bronze-1d680871c07f7153b502735353e8aa87.svg") center no-repeat;
  background-size: contain;
}
@media (max-width: 900px) {
  .bravo__main.bronze .medal__icon {
    height: 93.1px;
  }
}
.bravo__main.bronze .bravo__text-low {
  display: block;
}
.bravo__main.bronze .bravo__info-low {
  display: block;
}
.bravo__main.bronze .bravo__btn {
  display: inline-flex;
}
.bravo__main.bronze .niveau-medal__value-low {
  display: block;
}
.bravo__main.silver .medal__icon {
  height: 133px;
  background: url("../img/medals/silver-7a99ecbd370ec4ce9a60c24105b3cfbe.svg") center no-repeat;
  background-size: contain;
}
@media (max-width: 900px) {
  .bravo__main.silver .medal__icon {
    height: 93.1px;
  }
}
.bravo__main.silver .bravo__text-medium {
  display: block;
}
.bravo__main.silver .bravo__info-medium {
  display: block;
}
.bravo__main.silver .bravo__btn {
  display: inline-flex;
}
.bravo__main.silver .niveau-medal__value-medium {
  display: block;
}
.bravo__main.gold .medal__icon {
  height: 133px;
  background: url("../img/medals/gold-060a5c1a2b04842b422a59c6087e75e9.svg") center no-repeat;
  background-size: contain;
}
@media (max-width: 900px) {
  .bravo__main.gold .medal__icon {
    height: 93.1px;
  }
}
.bravo__main.gold .bravo__text-high {
  display: block;
}
.bravo__main.gold .bravo__info-high {
  display: block;
}
.bravo__main.gold .bravo__btns {
  justify-content: center;
}
.bravo__main.gold .bravo__btn {
  display: inline-flex;
  flex: 0 1 auto;
}
.bravo__main.gold .bravo__btn:first-child {
  display: none;
}
.bravo__main.gold .niveau-medal__value-high {
  display: block;
}
@media (max-width: 900px) {
  .bravo__main {
    height: auto;
    min-height: calc(100dvh - 73px);
    padding: 135.5px 0 0 0;
  }
}
.bravo__container {
  flex: 1 1 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.bravo__body {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
@media (max-width: 768.98px) {
  .bravo__body {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.bravo__content {
  width: 100%;
  max-width: 750px;
  border-bottom: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
  border-top: 1.5px solid #fff;
  border-radius: 16px;
  padding: 60px 40px 40px 40px;
  box-shadow: 0 24px 54px 0 #8e062d;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.bravo__content:not(:last-child) {
  margin: 0 0 40px 0;
}
@media (max-width: 900px) {
  .bravo__content {
    padding: 120px 40px 30px 40px;
  }
}
@media (max-width: 768.98px) {
  .bravo__content {
    padding: 120px 24px 30px 24px;
  }
}
@media (max-width: 480.98px) {
  .bravo__content {
    padding: 120px 12px 30px 12px;
  }
}
.bravo__title {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 70px;
  line-height: 103%;
  text-align: center;
  color: #e61b5a;
}
.bravo__title:not(:last-child) {
  margin: 0 0 40px 0;
}
.bravo__title span {
  font-size: 40px;
}
@media (max-width: 900px) {
  .bravo__title {
    font-size: 60px;
  }
}
@media (max-width: 480.98px) {
  .bravo__title {
    font-family: Roboto;
    font-size: 25px;
    line-height: 120%;
    letter-spacing: -0.02em;
  }
  .bravo__title br {
    display: none;
  }
  .bravo__title span {
    font-size: 25px;
  }
  .bravo__title:not(:last-child) {
    margin: 0 0 26px 0;
  }
}
.bravo__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 156%;
  text-align: center;
  color: #000;
}
.bravo__text:not(:last-child) {
  margin: 0 0 40px 0;
}
@media (max-width: 480.98px) {
  .bravo__text {
    font-size: 16px;
    line-height: 180%;
    letter-spacing: -0.02em;
  }
  .bravo__text:not(:last-child) {
    margin: 0 0 26px 0;
  }
}
.bravo__info {
  font-weight: 700;
  font-size: 24px;
  line-height: 137%;
  text-align: center;
  color: #000;
}
.bravo__info:not(:last-child) {
  margin: 0 0 60px 0;
}
.bravo__info a {
  color: #e61b5a;
  transition: all 0.3s ease-out;
  position: relative;
}
.bravo__info a::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background: #e61b5a;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.bravo__info a:hover::before {
  opacity: 1;
}
@media (max-width: 480.98px) {
  .bravo__info {
    font-size: 16px;
    line-height: 180%;
    letter-spacing: -0.02em;
  }
  .bravo__info:not(:last-child) {
    margin: 0 0 28px 0;
  }
}
.bravo__text-low {
  display: none;
}
.bravo__text-medium {
  display: none;
}
.bravo__text-high {
  display: none;
}
.bravo__info-low {
  display: none;
}
.bravo__info-medium {
  display: none;
}
.bravo__info-high {
  display: none;
}
.bravo__btns {
  width: 100%;
  padding: 0 60px;
  display: flex;
  align-items: center;
}
.bravo__btns.only .bravo__btn {
  flex: 0 1 auto;
}
@media (max-width: 768.98px) {
  .bravo__btns {
    padding: 0;
  }
}
@media (max-width: 650px) {
  .bravo__btns {
    flex-direction: column;
  }
}
.bravo__btn {
  flex: 0 1 50%;
  display: none;
  align-items: center;
  justify-content: flex-start;
  height: 82px;
  padding: 5px 22px;
  border-radius: 163px;
  box-shadow: 0 35px 64px 0 #aea0a4;
  background: #000;
  font-weight: 700;
  font-size: 20px;
  line-height: 99%;
  color: #fff;
  transition: all 0.3s ease-out;
  white-space: nowrap;
  margin: 0 0 20px 0;
}
.bravo__btn:not(:last-child) {
  margin: 0 42px 20px 0;
}
@media (min-width: 1024.98px) {
  .bravo__btn:hover {
    transform: translate(0, -3px);
    box-shadow: 0 35px 84px 0 #aea0a4;
  }
}
.bravo__btn:active {
  transform: translate(0, 3px);
  box-shadow: 0 35px 34px 0 #aea0a4;
}
@media (min-width: 1024.98px) {
  .bravo__btn:active {
    transform: translate(0, 3px) scale(0.98);
  }
}
@media (max-width: 650px) {
  .bravo__btn {
    flex: 0 1 auto;
    height: 48px;
    width: 100%;
    justify-content: center;
    font-size: 16px;
  }
  .bravo__btn:not(:last-child) {
    margin: 0 0 28px 0;
  }
}
.bravo__btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
  margin: 0 12px 0 0;
}
.bravo__btn-icon svg {
  width: 16px;
  height: 24px;
  fill: #000;
  transition: all 0.3s ease-out;
  transform: translate(2px, 0);
}
@media (max-width: 650px) {
  .bravo__btn-icon {
    flex: 0 0 21px;
    width: 21px;
    height: 21px;
    margin: 0 11px 0 0;
  }
  .bravo__btn-icon svg {
    width: 8px;
    height: 12px;
    transform: translate(0.5px, 0);
  }
}
.bravo__medal {
  position: absolute;
  top: -45px;
  left: -119px;
}
.bravo__medal .medal__body {
  width: 238px;
  height: 238px;
}
@media (max-width: 900px) {
  .bravo__medal .medal__body {
    width: 166.6px;
    height: 166.6px;
  }
}
.bravo__medal .medal__label {
  font-size: 18px;
}
@media (max-width: 900px) {
  .bravo__medal .medal__label {
    font-size: 14px;
  }
}
.bravo__medal .score-medal__value {
  font-size: 52px;
}
@media (max-width: 900px) {
  .bravo__medal .score-medal__value {
    font-size: 36.4px;
  }
}
.bravo__medal .niveau-medal__value {
  font-size: 18px;
}
@media (max-width: 900px) {
  .bravo__medal .niveau-medal__value {
    font-size: 12.6px;
  }
}
.bravo__medal .medal__icon {
  width: 95px;
  margin: -43px 0 0 0;
}
.bravo__medal .medal__icon.gold {
  height: 133px;
  background: url("../img/medals/gold-060a5c1a2b04842b422a59c6087e75e9.svg") center no-repeat;
  background-size: contain;
}
.bravo__medal .medal__icon.silver {
  height: 133px;
  background: url("../img/medals/silver-7a99ecbd370ec4ce9a60c24105b3cfbe.svg") center no-repeat;
  background-size: contain;
}
.bravo__medal .medal__icon.bronze {
  height: 133px;
  background: url("../img/medals/bronze-1d680871c07f7153b502735353e8aa87.svg") center no-repeat;
  background-size: contain;
}
@media (max-width: 900px) {
  .bravo__medal .medal__icon {
    width: 66.5px;
    margin: -30.1px 0 0 0;
  }
  .bravo__medal .medal__icon.gold {
    height: 93.1px;
  }
  .bravo__medal .medal__icon.silver {
    height: 93.1px;
  }
  .bravo__medal .medal__icon.bronze {
    height: 93.1px;
  }
}
@media (max-width: 900px) {
  .bravo__medal {
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
  }
}
.pagination-bravo {
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.pagination-bravo span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  flex: 0 0 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 13px;
}
.pagination-bravo__white {
  background: #fff;
}
.pagination-bravo__black {
  background: #000;
}

.bilan {
  background: #EDEDED;
}
@media (max-width: 480.98px) {
  .bilan__hero .hero__logo {
    display: block;
  }
}
.bilan__result {
  margin-bottom: 56px;
}
@media (max-width: 1024.98px) {
  .bilan__result {
    margin-bottom: 40px;
  }
}
.bilan__result.gold .medal__icon {
  height: 102px;
  background: url("../img/medals/gold-060a5c1a2b04842b422a59c6087e75e9.svg") center no-repeat;
  background-size: contain;
}
.bilan__result.silver .medal__icon {
  height: 95px;
  background: url("../img/medals/silver-7a99ecbd370ec4ce9a60c24105b3cfbe.svg") center no-repeat;
  background-size: contain;
}
.bilan__result.bronze .medal__icon {
  height: 95px;
  background: url("../img/medals/bronze-1d680871c07f7153b502735353e8aa87.svg") center no-repeat;
  background-size: contain;
}
.bilan__vacancies .item-vacancies__title-block {
  border-radius: 0 0 16px 16px;
  overflow: hidden;
}
.bilan__vacancies .vacancies__bottom {
  padding: 36px 12px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bilan__vacancies .item-vacancies__btn {
  margin: 0;
}
.bilan__vacancies .item-vacancies__title {
  max-width: 400px;
}
.bilan__vacancies .item-vacancies__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 800px) {
  .bilan__btn-mobile {
    padding: 26px 0 60px 0;
  }
  .bilan__btn-mobile a {
    color: #000;
    border-color: #000;
  }
}

.developer__logo {
  display: flex;
  align-items: center;
}

.developer__logo span {
  display: inline-flex;
  font-size: 18px;
  font-weight: 400;
  color: rgba(243, 243, 242, 0.7);
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  .developer__logo span {
    font-size: 14px;
  }
}
.sharing {
  display: flex;
  flex-direction: column;
}
.sharing__main {
  flex: 1 1 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}
@media (max-width: 768.98px) {
  .sharing__main {
    padding: 60px 0;
  }
}
.sharing__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sharing__bg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1024.98px) {
  .sharing__bg .bg-desktop {
    display: none;
  }
}
.sharing__bg .bg-mobile {
  display: none;
}
@media (max-width: 1024.98px) {
  .sharing__bg .bg-mobile {
    display: block;
  }
}
.sharing__bg::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #000;
  z-index: 1;
  opacity: 0.5;
}
.sharing__body {
  width: 100%;
  max-width: 1026px;
  position: relative;
  z-index: 2;
  transform: scale(0.9) translate(0, -35px);
}
@media (max-width: 768.98px) {
  .sharing__body {
    transform: scale(1) translate(0, 0);
    padding: 0 12px;
  }
}
.sharing__title {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  text-align: center;
  color: #FFFFFF;
  margin: 60px 0;
}
@media (max-height: 850px) {
  .sharing__title {
    margin: 40px 0;
    font-size: 26px;
  }
}
@media (max-width: 1299.98px) {
  .sharing__title {
    font-size: 26px;
    margin: 40px 0;
  }
}
@media (max-width: 768.98px) {
  .sharing__title {
    font-size: 22px;
    line-height: 180%;
    letter-spacing: -0.02em;
    margin: 30px 0;
  }
}
@media (max-width: 480.98px) {
  .sharing__title {
    font-family: Roboto;
    font-size: 16px;
    margin: 16px 0;
  }
  .sharing__title br {
    display: none;
  }
}
.sharing__row {
  display: flex;
  margin: 0 -13px;
}
@media (max-width: 1024.98px) {
  .sharing__row {
    flex-direction: column;
  }
}
.sharing__column {
  flex: 0 1 50%;
  padding: 0 13px;
}
@media (max-width: 1024.98px) {
  .sharing__column {
    flex: 0 1 auto;
  }
  .sharing__column:not(:last-child) {
    margin: 0 0 30px 0;
  }
}
@media (max-width: 1024.98px) {
  .sharing__column_qr {
    display: none;
  }
}
.item-sharing {
  height: 100%;
  background: #fff;
  border-radius: 16px;
  border: 1.5px solid #fff;
  border-left: 0;
  padding: 60px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-height: 850px) {
  .item-sharing {
    padding: 40px 24px;
  }
}
@media (max-width: 1299.98px) {
  .item-sharing {
    padding: 50px 35px;
  }
}
@media (max-width: 768.98px) {
  .item-sharing {
    padding: 40px 24px;
  }
}
@media (max-width: 480.98px) {
  .item-sharing {
    padding: 24px 12px 40px 12px;
  }
}
.item-sharing_qr-code .item-sharing__title:not(:last-child) {
  margin: 0 0 20px 0;
}
.item-sharing_forms .item-sharing__title:not(:last-child) {
  margin: 0 0 35px 0;
}
@media (max-width: 768.98px) {
  .item-sharing_forms .item-sharing__title:not(:last-child) {
    margin: 0 0 24px 0;
  }
}
.item-sharing__title {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  text-align: center;
  color: #E61B5A;
}
@media (max-height: 850px) {
  .item-sharing__title {
    font-size: 36px;
  }
}
@media (max-width: 1299.98px) {
  .item-sharing__title {
    font-size: 36px;
  }
}
@media (max-width: 768.98px) {
  .item-sharing__title {
    font-size: 30px;
  }
}
@media (max-width: 480.98px) {
  .item-sharing__title {
    font-size: 20px;
    line-height: 150%;
    font-family: Roboto;
  }
}
.item-sharing__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 155.5555555556%;
  text-align: center;
  color: #000000;
}
.item-sharing__text:not(:last-child) {
  margin: 0 0 40px 0;
}
@media (max-height: 850px) {
  .item-sharing__text:not(:last-child) {
    margin: 0 0 33px 0;
  }
}
@media (max-width: 768.98px) {
  .item-sharing__text {
    font-size: 16px;
  }
  .item-sharing__text:not(:last-child) {
    margin: 0 0 33px 0;
  }
}
@media (max-width: 480.98px) {
  .item-sharing__text {
    font-size: 14px;
  }
  .item-sharing__text:not(:last-child) {
    margin: 0 0 26px 0;
  }
}
.item-sharing__jq-code {
  margin: 0 auto;
  width: 202px;
  height: 195px;
}
.item-sharing__jq-code img {
  max-width: 100%;
}
@media (max-width: 480.98px) {
  .item-sharing__jq-code {
    width: 150px;
    height: 144.8px;
  }
}
@media (max-width: 480.98px) {
  .forms-sharing {
    padding: 24px 12px 24px 12px;
  }
}
.forms-sharing__items:not(:last-child) {
  margin: 0 0 37px 0;
}
@media (max-width: 480.98px) {
  .forms-sharing__items:not(:last-child) {
    margin: 0 0 24px 0;
  }
}
.forms-sharing__item:not(:last-child) {
  margin: 0 0 37px 0;
}
@media (max-width: 480.98px) {
  .forms-sharing__item:not(:last-child) {
    margin: 0 0 24px 0;
  }
}
.forms-sharing__info {
  font-weight: 400;
  font-size: 14px;
  line-height: 114%;
  text-align: center;
  color: #000000;
}

.form-sharing__label {
  font-weight: 400;
  font-size: 18px;
  line-height: 155.5555555556%;
  color: #000000;
}
.form-sharing__label:not(:last-child) {
  margin: 0 0 12px 0;
}
@media (max-width: 480.98px) {
  .form-sharing__label {
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -0.02em;
  }
}
.form-sharing__item {
  display: flex;
  position: relative;
}
.form-sharing__item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 100%;
  content: "";
  background: #EDEDED;
  border-radius: 1000px;
}
.form-sharing__input {
  flex: 1 1 100%;
  border-radius: 1000px;
  background: transparent;
  position: relative;
  padding: 0 26px;
  font-weight: 400;
  font-style: italic;
  font-size: 20px;
}
.form-sharing__input::placeholder {
  color: #8C8CA1;
}
@media (max-width: 480.98px) {
  .form-sharing__input {
    font-size: 16px;
    width: 170px;
  }
}
.form-sharing__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border-radius: 1000px;
  padding: 5px 20px;
  background: #000000;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0.04em;
  text-align: center;
  position: relative;
  color: #FFFFFF;
  transition: all 0.3s ease-out;
}
@media (min-width: 1024.98px) {
  .form-sharing__btn:hover {
    opacity: 0.85;
  }
}
@media (max-width: 480.98px) {
  .form-sharing__btn {
    height: 48px;
    font-size: 16px;
  }
}

.map-intro__main {
  position: relative;
  height: calc(100dvh - 75px);
  display: flex;
  flex-direction: column;
}
@media (max-width: 768.98px) {
  .map-intro__main {
    height: auto;
    min-height: calc(100dvh - 75px);
  }
}
.map-intro__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.map-intro__image::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #000;
  opacity: 0.6;
}
.map-intro__container {
  position: relative;
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.map-intro__body {
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
@media (max-width: 768.98px) {
  .map-intro__body {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    padding: 100px 0 50px 0;
  }
}
.map-intro__inner {
  width: 100%;
  max-width: 750px;
  min-height: 640px;
  border: 1.5px solid #fff;
  border-left: 0;
  border-radius: 16px;
  padding: 60px 40px;
  background: #FFFFFF;
  box-shadow: 0px 24px 54px 3px rgba(0, 0, 0, 0.6980392157);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 60px 0;
}
.map-intro__inner::before {
  position: absolute;
  content: "";
  width: 88px;
  height: 118px;
  background: url("../img/map/point-bfbd3ea4201003c0f8fa46f06d56808a.svg") center no-repeat;
  background-size: contain;
  top: -75.53px;
}
@media (max-width: 480.98px) {
  .map-intro__inner::before {
    width: 61.6px;
    height: 82.6px;
    top: -51.83px;
  }
}
@media (max-height: 800px) {
  .map-intro__inner {
    padding: 60px 32px;
    min-height: 0;
    margin: 0 0 45px 0;
  }
}
@media (max-width: 768.98px) {
  .map-intro__inner {
    padding: 60px 24px;
    min-height: 0;
    margin: 0 0 30px 0;
  }
}
@media (max-width: 480.98px) {
  .map-intro__inner {
    padding: 50px 12px;
  }
}
.map-intro__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.map-intro__content:not(:last-child) {
  margin: 0 0 40px 0;
}
.map-intro__content:not(:last-child) {
  margin: 0 0 26px 0;
}
.map-intro__title {
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 40px;
  line-height: 105%;
  color: #E61B5A;
}
.map-intro__title:not(:last-child) {
  margin: 0 0 40px 0;
}
@media (max-height: 800px) {
  .map-intro__title {
    font-size: 35px;
  }
  .map-intro__title:not(:last-child) {
    margin: 0 0 35px 0;
  }
}
@media (max-width: 768.98px) {
  .map-intro__title {
    font-size: 30px;
  }
  .map-intro__title:not(:last-child) {
    margin: 0 0 30px 0;
  }
}
@media (max-width: 480.98px) {
  .map-intro__title {
    font-family: Roboto;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
  .map-intro__title br {
    display: none;
  }
  .map-intro__title:not(:last-child) {
    margin: 0 0 20px 0;
  }
}
.map-intro__subtitle {
  font-weight: 400;
  font-size: 24px;
  line-height: 137.5%;
  color: #000000;
}
.map-intro__subtitle:not(:last-child) {
  margin: 0 0 40px 0;
}
@media (max-height: 800px) {
  .map-intro__subtitle {
    font-size: 22px;
  }
  .map-intro__subtitle:not(:last-child) {
    margin: 0 0 35px 0;
  }
}
@media (max-width: 768.98px) {
  .map-intro__subtitle {
    font-size: 20px;
  }
  .map-intro__subtitle:not(:last-child) {
    margin: 0 0 30px 0;
  }
}
@media (max-width: 480.98px) {
  .map-intro__subtitle {
    font-size: 16px;
    line-height: 180%;
    letter-spacing: -0.02em;
  }
  .map-intro__subtitle br {
    display: none;
  }
  .map-intro__subtitle:not(:last-child) {
    margin: 0 0 20px 0;
  }
}
.map-intro__text {
  font-weight: 700;
  font-size: 25px;
  line-height: 116%;
  color: #000000;
}
@media (max-height: 800px) {
  .map-intro__text {
    font-size: 22.5px;
  }
}
@media (max-width: 768.98px) {
  .map-intro__text {
    font-size: 20px;
  }
  .map-intro__text br {
    display: none;
  }
}
@media (max-width: 480.98px) {
  .map-intro__text {
    font-size: 16px;
    line-height: 180%;
    letter-spacing: -0.02em;
  }
}
.map-intro__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 82px;
  padding: 5px 22px;
  border-radius: 163px;
  box-shadow: 0 35px 64px 0 #aea0a4;
  background: #000;
  font-weight: 700;
  font-size: 20px;
  line-height: 99%;
  color: #fff;
  transition: all 0.3s ease-out;
  white-space: nowrap;
}
@media (min-width: 1024.98px) {
  .map-intro__btn:hover {
    transform: translate(0, -3px);
    box-shadow: 0 35px 84px 0 #aea0a4;
  }
}
.map-intro__btn:active {
  transform: translate(0, 3px);
  box-shadow: 0 35px 34px 0 #aea0a4;
}
@media (min-width: 1024.98px) {
  .map-intro__btn:active {
    transform: translate(0, 3px) scale(0.98);
  }
}
@media (max-width: 480.98px) {
  .map-intro__btn {
    width: 100%;
    height: 48px;
    font-size: 16px;
  }
}
.map-intro__btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
  margin: 0 12px 0 0;
}
.map-intro__btn-icon svg {
  width: 16px;
  height: 24px;
  fill: #000;
  transition: all 0.3s ease-out;
}
@media (max-width: 480.98px) {
  .map-intro__btn-icon {
    flex: 0 0 21px;
    width: 21px;
    height: 21px;
    margin: 0 11px 0 0;
  }
  .map-intro__btn-icon svg {
    width: 8px;
    height: 12px;
    transform: translate(1px, 0);
  }
}
.pagination-map-intro {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-map-intro span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  flex: 0 0 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 13px;
}
.pagination-map-intro__white {
  background: #fff;
}
.pagination-map-intro__red {
  background: #E61B5A;
}

.map {
  flex: 0 1 auto;
  position: relative;
}
.map__main {
  background: #96af6e;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: calc(100dvh - 116px);
  overflow: auto;
}
.map__main.lock {
  overflow: hidden;
}
.map__main.lock .map__body {
  overflow: hidden;
}
@media (max-width: 480.98px) {
  .map__main {
    min-height: calc(100dvh - 111px);
  }
}
.map__body {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: 1366px;
}
@media (max-height: 850px) {
  .map__body {
    overflow-y: hidden;
    min-height: 920px;
  }
}
@media (min-height: 1024px) {
  .map__body {
    overflow-y: hidden;
  }
}
@media (max-width: 480.98px) {
  .map__body {
    min-width: 1092.8px;
    min-height: 819.2px;
  }
}
.map__image {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
  transform-origin: 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.map__image img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -38.5%) scale(0.25);
}
@media (max-width: 480.98px) {
  .map__image img {
    transform: translate(-50%, -39.8%) scale(0.22);
  }
}
.map .item-vacancies__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.points-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.points-map__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.points-map__item_circulation-ferroviaire .points-map__btn {
  top: 16%;
  left: 13.98%;
}
@media (max-width: 480.98px) {
  .points-map__item_circulation-ferroviaire .points-map__btn {
    top: 17.5%;
    left: 12%;
  }
}
@media (min-width: 1024.98px) {
  .points-map__item_circulation-ferroviaire .info-points-map {
    left: auto;
    right: 36px;
  }
  .points-map__item_circulation-ferroviaire .points-map__vacancies {
    left: auto;
    right: 36px;
  }
}
.points-map__item_infrastructure-ferroviaire .points-map__btn {
  top: 4.5%;
  left: 44.44%;
}
@media (max-width: 480.98px) {
  .points-map__item_infrastructure-ferroviaire .points-map__btn {
    top: 4%;
  }
}
.points-map__item_technicentre .points-map__btn {
  top: 15%;
  left: 75.47%;
}
@media (max-width: 480.98px) {
  .points-map__item_technicentre .points-map__btn {
    top: 14%;
    left: 79%;
  }
}
.points-map__item_gare-ferroviaire .points-map__btn {
  top: 38%;
  left: 50.73%;
}
@media (max-width: 480.98px) {
  .points-map__item_gare-ferroviaire .points-map__btn {
    top: 36%;
  }
}
.points-map__item_atelier-de-maintenance-urbain .points-map__btn {
  top: 55%;
  left: 76.57%;
}
@media (max-width: 480.98px) {
  .points-map__item_atelier-de-maintenance-urbain .points-map__btn {
    top: 53%;
    left: 78%;
  }
}
.points-map__item_bureau-detudes-ingenierie .points-map__btn {
  top: 73%;
  left: 25.07%;
}
@media (max-width: 480.98px) {
  .points-map__item_bureau-detudes-ingenierie .points-map__btn {
    top: 70%;
  }
}
@media (min-width: 1024.98px) {
  .points-map__item_bureau-detudes-ingenierie .info-points-map {
    left: auto;
    right: 36px;
  }
  .points-map__item_bureau-detudes-ingenierie .points-map__vacancies {
    left: auto;
    right: 36px;
  }
}
.points-map__item_hub-de-transport-urbain .points-map__btn {
  top: 88%;
  left: 45.75%;
}
@media (max-width: 480.98px) {
  .points-map__item_hub-de-transport-urbain .points-map__btn {
    top: 86%;
  }
}
@media (max-width: 650px) {
  .points-map__item .vacancies-points-map .top-item-vacancies {
    padding: 10px 12px;
  }
}
@media (max-width: 480.98px) and (max-height: 725px) {
  .points-map__item .tab__body {
    padding: 20px 0;
  }
}
@media (max-width: 480.98px) and (max-height: 725px) {
  .points-map__item .vacancies-points-map .tab__main {
    flex: 0 0 170px;
  }
}
@media (max-width: 480.98px) and (max-height: 725px) {
  .points-map__item .vacancies-points-map .tab__content {
    flex: 0 0 170px;
  }
}
.points-map__btn {
  position: absolute;
  z-index: 1;
  font-weight: 700;
  font-size: 14px;
  line-height: 114%;
  text-align: center;
  color: #000000;
  padding: 4px 8px 17px 8px;
  background: #FFFFFF;
  border-radius: 8px;
  position: relative;
  box-shadow: 0px 24px 54px 3px rgba(0, 0, 0, 0.6980392157);
  transition: all 0.3s ease-out;
}
.points-map__btn::before {
  position: absolute;
  content: "";
  width: 13px;
  height: 17px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background: url("../img/map/point-bfbd3ea4201003c0f8fa46f06d56808a.svg") center no-repeat;
  background-size: contain;
  z-index: 1;
}
.points-map__btn::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-left-width: 15px;
  border-right-width: 15px;
  border-top: 15px solid #fff;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -7.5px;
}
.points-map__btn.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media (min-width: 1024.98px) {
  .points-map__btn:hover {
    transform: translate(0, -3px);
    box-shadow: 0px 24px 74px 3px rgba(0, 0, 0, 0.6980392157);
  }
}
.points-map__btn:active {
  transform: translate(0, 3px);
  box-shadow: 0px 24px 34px 3px rgba(0, 0, 0, 0.6980392157);
}
@media (min-width: 1024.98px) {
  .points-map__btn:active {
    transform: translate(0, 3px) scale(0.98);
  }
}
.points-map__info {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-out;
}
.points-map__info.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.points-map__vacancies {
  position: fixed;
  left: 36px;
  top: 195.5px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-out;
}
.points-map__vacancies.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.points-map__vacancies .item-vacancies__title {
  max-width: 400px;
}
@media (max-height: 850px) {
  .points-map__vacancies {
    top: 62.5px;
  }
}
@media (max-width: 992.98px) {
  .points-map__vacancies {
    left: 12px;
    right: auto;
    top: 93.5px;
    width: calc(100dvw - 24px);
    padding: 0 0 106px 0;
  }
}
@media (max-width: 650px) {
  .points-map__vacancies {
    padding: 0 0 72px 0;
  }
}
@media (max-width: 480.98px) and (max-height: 825px) {
  .points-map__vacancies {
    top: 62.5px;
    padding: 0 0 62px 0;
  }
}
@media (max-width: 480.98px) and (max-height: 750px) {
  .points-map__vacancies {
    top: 42.5px;
  }
}

.info-points-map {
  position: fixed;
  left: 36px;
  top: 151px;
  width: 100%;
  max-width: 765px;
  z-index: 2;
  max-height: 605px;
}
@media (max-height: 850px) {
  .info-points-map {
    top: 82.5px;
    max-width: 675px;
  }
}
@media (max-width: 1024.98px) {
  .info-points-map {
    left: 12px;
    width: calc(100dvw - 24px);
  }
}
@media (max-width: 480.98px) {
  .info-points-map {
    top: 82.5px;
  }
}
@media (max-width: 480.98px) and (max-height: 725px) {
  .info-points-map {
    top: 72.5px;
  }
}
.info-points-map__top {
  padding: 10px 20px 10px 24px;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #000000;
}
@media (max-height: 850px) {
  .info-points-map__top {
    padding: 10px 16px;
  }
}
@media (max-width: 650px) {
  .info-points-map__top {
    padding: 10px 12px;
  }
}
.info-points-map__title {
  flex: 1 1 100%;
  font-family: BwModelicaSS01;
  font-weight: 700;
  font-size: 32px;
  color: #FFFFFF;
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 0 0 42.35px;
}
.info-points-map__title::before {
  position: absolute;
  content: "";
  left: 0;
  width: 18.35px;
  height: 24px;
  background: url("../img/map/point-bfbd3ea4201003c0f8fa46f06d56808a.svg") center no-repeat;
  background-size: contain;
}
@media (max-height: 850px) {
  .info-points-map__title {
    font-size: 26px;
    padding: 0 0 0 34px;
  }
}
@media (max-width: 650px) {
  .info-points-map__title {
    font-size: 20px;
    line-height: 150%;
    font-family: Roboto;
    padding: 0 0 0 26.35px;
  }
}
.info-points-map__close {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #8a8a8a;
  border-radius: 50%;
  transition: all 0.3s ease-out;
  margin: 0 0 0 20px;
  background: transparent;
}
.info-points-map__close svg {
  width: 18px;
  height: 18px;
  fill: #fff;
  transition: all 0.3s ease-out;
}
@media (min-width: 1024.98px) {
  .info-points-map__close:hover {
    border: 1.5px solid #fff;
  }
}
.info-points-map__image {
  position: relative;
  height: 234px;
}
.info-points-map__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-height: 850px) {
  .info-points-map__image {
    height: 182px;
  }
}
@media (max-width: 650px) {
  .info-points-map__image {
    height: 129px;
  }
}
@media (max-width: 480.98px) and (max-height: 725px) {
  .info-points-map__image {
    height: 119px;
  }
}
.info-points-map__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 36px 0;
  background: #FFFFFF;
  border-radius: 0 0 16px 16px;
}
@media (max-height: 850px) {
  .info-points-map__body {
    padding: 30px 0;
  }
}
@media (max-width: 480.98px) and (max-height: 725px) {
  .info-points-map__body {
    padding: 24px 0;
  }
}
.info-points-map__main {
  padding: 0 8px 0 0;
  flex: 1 1 100%;
  width: 100%;
  height: 100%;
  max-height: 222px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.info-points-map__main.scroll {
  background: #FAFAFA;
  padding: 0 6px 0 0;
}
.info-points-map__content {
  flex: 1 1 100%;
  width: 100%;
  padding: 0 6px 0 0;
  overflow-y: auto;
  height: 100%;
  max-height: 222px;
}
.info-points-map__content::-webkit-scrollbar {
  width: 8px;
}
.info-points-map__content::-webkit-scrollbar-track {
  background: transparent;
}
.info-points-map__content::-webkit-scrollbar-thumb {
  background: #8C8CA1;
  border-radius: 4px;
}
@media (max-width: 480.98px) and (max-height: 725px) {
  .info-points-map__content {
    max-height: 173px;
  }
}
.info-points-map__inner {
  position: relative;
  background: #FFFFFF;
  padding: 0 0 0 24px;
  position: relative;
}
.info-points-map__inner::before {
  display: none;
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  border-left: 1px solid #E8E8E8;
  top: 0;
  right: 0;
}
.info-points-map__inner.scroll {
  padding: 0 16px 0 24px;
}
.info-points-map__inner.scroll::before {
  display: block;
}
.info-points-map__text {
  font-weight: 400;
  font-size: 23px;
  line-height: 160.8695652174%;
  color: #000000;
}
@media (max-height: 850px) {
  .info-points-map__text {
    font-size: 20px;
  }
}
@media (max-width: 650px) {
  .info-points-map__text {
    font-size: 16px;
    line-height: 180%;
    letter-spacing: -0.02em;
  }
}
.info-points-map__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 36px 0 0 0;
  padding: 5px 22px;
  height: 60px;
  background: #000000;
  border-radius: 163px;
  box-shadow: 0px 35.5px 64px 0px #AEA0A4;
  font-weight: 500;
  font-size: 17px;
  color: #FFFFFF;
  transition: all 0.3s ease-out;
}
@media (min-width: 1024.98px) {
  .info-points-map__btn:hover {
    transform: translate(0, -3px);
    box-shadow: 0 35px 84px 0 #aea0a4;
  }
}
.info-points-map__btn:active {
  transform: translate(0, 3px);
  box-shadow: 0 35px 34px 0 #aea0a4;
}
@media (min-width: 1024.98px) {
  .info-points-map__btn:active {
    transform: translate(0, 3px) scale(0.98);
  }
}
@media (max-width: 480.98px) {
  .info-points-map__btn {
    width: calc(100% - 48px);
    height: 48px;
  }
}
@media (max-width: 480.98px) and (max-height: 725px) {
  .info-points-map__btn {
    margin: 24px 0 0 0;
  }
}

.vacancies-points-map__slider {
  display: flex;
  align-items: center;
}
.vacancies-points-map__swiper {
  width: 700px;
}
@media (max-height: 850px) {
  .vacancies-points-map__swiper {
    width: 650px;
  }
}
@media (max-width: 992.98px) {
  .vacancies-points-map__swiper {
    width: 100%;
  }
}
.vacancies-points-map__pagination {
  width: 100dvw !important;
  position: absolute;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  bottom: 0 !important;
  top: auto !important;
  display: flex;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-out;
}
.vacancies-points-map__pagination.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.vacancies-points-map__pagination .swiper-pagination-bullet {
  flex: 0 1 auto;
  width: 100%;
  height: auto;
  padding: 15px 20px;
  background: #000000;
  opacity: 1;
  margin: 0 !important;
  border-radius: 0;
  font-weight: 500;
  font-size: 15px;
  line-height: 113.3333333333%;
  text-align: center;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vacancies-points-map__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #E61B5A;
  position: relative;
}
.vacancies-points-map__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 11.5px;
  left: 0;
  background: #E61B5A;
  top: -11.5px;
}
.vacancies-points-map__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-right-width: 15px;
  border-left-width: 15px;
  border-bottom: 15px solid #fff;
  top: -4px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}
@media (max-height: 850px) {
  .vacancies-points-map__pagination {
    position: fixed;
    bottom: 75px !important;
  }
}
@media (max-width: 992.98px) {
  .vacancies-points-map__pagination {
    display: none;
  }
}
@media (max-height: 850px) {
  .vacancies-points-map .top-item-vacancies {
    padding: 18px 20px;
  }
}
@media (max-width: 650px) {
  .vacancies-points-map .top-item-vacancies {
    padding: 18px 12px;
  }
}
@media (max-width: 650px) {
  .vacancies-points-map .top-item-vacancies__like {
    margin: 0 0 0 12px;
  }
}
@media (max-width: 650px) {
  .vacancies-points-map .top-item-vacancies__close {
    margin: 0 0 0 12px;
  }
}
@media (max-height: 850px) {
  .vacancies-points-map .item-vacancies__title-block {
    min-height: 120px;
  }
}
@media (max-width: 650px) {
  .vacancies-points-map .item-vacancies__title-block {
    min-height: 100px;
  }
}
@media (max-height: 850px) {
  .vacancies-points-map .item-vacancies__title {
    font-size: 24px;
  }
}
@media (max-width: 650px) {
  .vacancies-points-map .item-vacancies__title {
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 650px) {
  .vacancies-points-map .tab__top {
    padding: 0 24px;
  }
}
@media (max-height: 850px) {
  .vacancies-points-map .tab__btn {
    font-size: 18px;
    padding: 4px 16px;
  }
}
@media (max-width: 650px) {
  .vacancies-points-map .tab__btn {
    font-size: 16px;
    line-height: 200%;
    padding: 4px 12px;
  }
}
@media (max-height: 850px) {
  .vacancies-points-map .item-vacancies__text {
    font-size: 20px;
  }
}
@media (max-width: 650px) {
  .vacancies-points-map .item-vacancies__text {
    font-size: 16px;
    line-height: 180%;
    letter-spacing: -0.02em;
  }
}
@media (max-height: 850px) {
  .vacancies-points-map .tab__main {
    flex: 0 0 200px;
  }
}
@media (max-width: 650px) {
  .vacancies-points-map .tab__main {
    flex: 0 0 220px;
  }
}
@media (max-width: 480.98px) and (max-height: 775px) {
  .vacancies-points-map .tab__main {
    flex: 0 0 200px;
  }
}
@media (max-width: 480.98px) and (max-height: 750px) {
  .vacancies-points-map .tab__main {
    flex: 0 0 180px;
  }
}
@media (max-height: 850px) {
  .vacancies-points-map .tab__content {
    flex: 0 0 200px;
  }
}
@media (max-width: 650px) {
  .vacancies-points-map .tab__content {
    flex: 0 0 220px;
  }
}
@media (max-width: 480.98px) and (max-height: 775px) {
  .vacancies-points-map .tab__content {
    flex: 0 0 200px;
  }
}
@media (max-width: 480.98px) and (max-height: 750px) {
  .vacancies-points-map .tab__content {
    flex: 0 0 180px;
  }
}
@media (max-height: 850px) {
  .vacancies-points-map .item-vacancies__list-item {
    font-size: 17px;
    padding: 5px 12px 5px 41px;
  }
}
@media (max-width: 650px) {
  .vacancies-points-map .item-vacancies__list-item {
    font-size: 16px;
    line-height: 180%;
    letter-spacing: -0.02em;
    padding: 5px 12px 5px 38px;
  }
}
@media (max-height: 850px) {
  .vacancies-points-map .item-vacancies__list-item::before {
    width: 15px;
    height: 23.333px;
  }
}
@media (max-width: 650px) {
  .vacancies-points-map .item-vacancies__list-item::before {
    width: 12px;
    height: 18.666px;
  }
}

.navigation {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 82px;
  padding: 5px 22px;
  background: #000000;
}
@media (max-height: 850px) {
  .navigation {
    height: 65px;
    padding: 5px 18px;
  }
}
@media (max-width: 650px) {
  .navigation {
    height: 48px;
    padding: 5px 14px;
  }
}
.navigation_left {
  border-radius: 163px 0 0 163px;
}
@media (max-width: 992.98px) {
  .navigation_left {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(calc(-50% - 36.5px), 0);
  }
}
@media (max-width: 650px) {
  .navigation_left {
    transform: translate(calc(-50% - 24.5px), 0);
  }
}
.navigation_right {
  border-radius: 0 163px 163px 0;
}
@media (max-width: 992.98px) {
  .navigation_right {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(calc(50% + 36.5px), 0);
  }
}
@media (max-width: 650px) {
  .navigation_right {
    transform: translate(calc(50% + 24.5px), 0);
  }
}
.navigation__btn {
  width: 43px;
  flex: 0 0 43px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background: #FFFFFF;
}
.navigation__btn svg {
  display: inline-flex;
  width: 16.13px;
  height: 24.37px;
  fill: #000;
  transform: translate(1.79px, 0);
}
.navigation__btn.swiper-button-disabled {
  opacity: 0.8;
}
@media (max-height: 850px) {
  .navigation__btn {
    width: 37.5px;
    flex: 0 0 37.5px;
    height: 37.5px;
  }
  .navigation__btn svg {
    width: 14px;
    height: 21px;
    transform: translate(1.52px, 0);
  }
}
@media (max-width: 650px) {
  .navigation__btn {
    width: 21px;
    flex: 0 0 21px;
    height: 21px;
  }
  .navigation__btn svg {
    width: 8px;
    height: 12px;
    transform: translate(0.79px, 0);
  }
}
.navigation__btn_prev {
  transform: rotate(180deg);
}
.navigation__btn.swiper-button-disabled {
  display: flex;
  pointer-events: none;
}

.menu-map {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 54px 25px 88px 25px;
  z-index: 10;
  overflow: auto;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}
@media (max-width: 1024.98px) {
  .menu-map {
    display: block;
  }
}
@media (max-width: 480.98px) {
  .menu-map {
    padding: 46px 25px 88px 25px;
  }
}
@media (max-width: 370.98px) {
  .menu-map {
    padding: 56px 25px 88px 25px;
  }
}
.menu-map.active .menu-map__btn span {
  position: absolute;
  transform: scale(0);
}
.menu-map.active .menu-map__btn span:first-child {
  transform: rotate(-45deg);
}
.menu-map.active .menu-map__btn span:last-child {
  transform: rotate(45deg);
}
.menu-map.active .menu-map__list {
  transform: translate(0, 0);
  pointer-events: all;
}
.menu-map.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.menu-map__body {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.menu-map__btn {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0px 24px 54px 3px rgba(0, 0, 0, 0.6980392157);
  background: #FFFFFF;
  margin: 0 0 18px 0;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  pointer-events: all;
}
.menu-map__btn span {
  width: 20px;
  height: 2px;
  background-color: #000000;
  border-radius: 8px;
  margin: 5px 0;
  transition: all 0.3s ease-out;
}
.menu-map__btn span:first-child, .menu-map__btn span:last-child {
  margin: 0;
}
.menu-map__list {
  padding: 36px 16px 36px 24px;
  background: #FFFFFF;
  box-shadow: 0px 24px 54px 3px rgba(0, 0, 0, 0.6980392157);
  border-radius: 16px;
  width: 100%;
  max-width: 325px;
  transform: translate(1000px, 0);
  transition: all 0.5s ease-in-out;
}
.menu-map__item:not(:last-child) {
  margin: 0 0 26px 0;
}
.menu-map__link {
  font-weight: 700;
  font-size: 19px;
  line-height: 100%;
  color: #000000;
  background: transparent;
}