html {
  font-size: 4.5vw;
  min-height: 100%;
}
@media (orientation: landscape) {
  html {
    font-size: 2vw;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 16px;
  }
}
body {
  background-color: #fff;
  color: #180a73;
  display: flex;
  flex-direction: column;
  font-family: 'Montserrat';
  line-height: 1;
  min-height: 100vh;
  overflow-x: hidden;
}
header {
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 500;
}
main {
  flex-grow: 1;
  overflow: hidden;
  padding-bottom: 3.75rem;
  padding-top: 1rem;
}
@media (min-width: 992px) {
  main {
    padding-bottom: 5rem;
    padding-top: 1.25rem;
  }
}
main .container {
  row-gap: 3.75rem;
}
@media (min-width: 992px) {
  main .container {
    row-gap: 5rem;
  }
}
h1,
.h1,
h2,
.h2,
h3,
h3 {
  color: #180a73;
  font-family: 'Unbounded';
  margin-bottom: 0;
  transition: 0.4s ease;
}
h1 > a,
.h1 > a,
h2 > a,
.h2 > a,
h3 > a,
h3 > a {
  all: inherit;
  color: #180a73;
  cursor: pointer;
}
h1 > a:hover,
.h1 > a:hover,
h2 > a:hover,
.h2 > a:hover,
h3 > a:hover,
h3 > a:hover {
  color: #694aff;
  text-decoration: none;
}
h1,
.h1 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  h1,
  .h1 {
    font-size: 2.75rem;
  }
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 3.25rem;
  }
}
h2,
.h2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  h2,
  .h2 {
    font-size: 2rem;
  }
}
h3,
.h3 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 0.9;
}
@media (min-width: 992px) {
  h3,
  .h3 {
    font-size: 1.5rem;
  }
}
button,
input,
textarea {
  border: none;
}
button:hover,
input:hover,
textarea:hover,
button:focus,
input:focus,
textarea:focus {
  outline: none;
}
input[type='checkbox'],
input[type='radio'] {
  display: none;
}
input[type='checkbox']:checked ~ .checkbox:before,
input[type='radio']:checked ~ .checkbox:before,
input[type='checkbox']:checked ~ .radio:before,
input[type='radio']:checked ~ .radio:before {
  opacity: 1;
}
input[type='email'],
input[type='number'],
input[type='pasword'],
input[type='tel'],
input[type='text'],
textarea {
  border: none;
  padding: 0.75rem 1rem;
  width: 100%;
}
input[type='email']::placeholder,
input[type='number']::placeholder,
input[type='pasword']::placeholder,
input[type='tel']::placeholder,
input[type='text']::placeholder,
textarea::placeholder {
  color: rgba(51, 39, 132, 0.5);
}
input[type='email']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='pasword']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='text']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(51, 39, 132, 0.5);
}
input[type='email']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='pasword']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='text']::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(51, 39, 132, 0.5);
  opacity: 1;
}
input[type='email']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='pasword']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='text']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(51, 39, 132, 0.5);
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
textarea {
  min-height: 5rem;
  resize: vertical;
}
img,
svg,
video {
  line-height: 0;
  max-height: 100%;
  max-width: 100%;
}
footer {
  overflow: hidden;
  position: relative;
}
footer:before {
  background-color: #180a73;
  content: '';
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
  z-index: -1;
}
.button {
  align-items: center;
  border: none;
  border-radius: 5rem;
  color: #fff;
  display: flex;
  font-family: 'Unbounded';
  gap: 0.75rem;
  justify-content: center;
  line-height: 0.875;
  padding: 0.75rem 1rem;
  text-align: center;
  transition: 0.4s ease;
  width: 100%;
}
.button:hover {
  text-decoration: none;
}
.button__blue-lilac,
.button__blue-pink,
.button__blue-purple {
  background-color: #180a73;
  color: #fff;
}
.button__blue-lilac:hover,
.button__blue-pink:hover,
.button__blue-purple:hover {
  color: #fff;
}
.button__blue-lilac svg [fill],
.button__blue-pink svg [fill],
.button__blue-purple svg [fill] {
  fill: #fff;
}
.button__blue-lilac svg [stroke],
.button__blue-pink svg [stroke],
.button__blue-purple svg [stroke] {
  stroke: #fff;
}
.button__blue-lilac:hover {
  background-color: #d55cf8;
}
.button__blue-pink:hover {
  background-color: #ff4f75;
}
.button__blue-purple:hover {
  background-color: #694aff;
}
.button__purple-blue {
  background-color: #694aff;
  color: #fff;
}
.button__purple-blue:hover {
  background-color: #180a73;
}
.button__white-blue,
.button__white-purple,
.button__white-turquoise {
  background-color: #fff;
  color: #180a73;
}
.button__white-blue {
  box-shadow: 0 0 0 2px #180a73 inset;
}
.button__white-blue:hover {
  background-color: #180a73;
  color: #fff;
}
.button__white-blue:hover svg [fill] {
  fill: #fff;
}
.button__white-blue:hover svg [stroke] {
  stroke: #fff;
}
.button__white-purple:hover {
  background-color: #694aff;
  color: #fff;
}
.button__white-purple:hover svg [fill] {
  fill: #fff;
}
.button__white-purple:hover svg [stroke] {
  stroke: #fff;
}
.button__white-turquoise:hover {
  background-color: #00D4C9;
  color: #180a73;
}
.button__white-turquoise:hover svg [fill] {
  fill: #180a73;
}
.button__white-turquoise:hover svg [stroke] {
  stroke: #180a73;
}
.button svg {
  flex-shrink: 0;
  height: 0.75rem;
  width: 0.75rem;
}
.container {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: calc(1200px + 2rem);
  padding: 0 1rem;
  width: 100%;
}
.row {
  display: flex;
  flex-wrap: wrap;
}
.overflow {
  overflow: hidden;
}
@media (min-width: 992px) {
  .overflow {
    padding-right: 15px;
  }
}
.header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  position: relative;
}
@media (min-width: 992px) {
  .header {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem;
  }
}
.header-logo {
  align-content: center;
  flex-grow: 1;
  flex-shrink: 0;
  line-height: 0;
}
@media (min-width: 992px) {
  .header-logo {
    flex-grow: 0;
  }
}
.header-logo .logo svg:not(.first) {
  display: none;
}
@media (min-width: 1200px) {
  .header-logo .logo svg:not(.first) {
    display: block;
  }
}
.header-menu {
  background-color: #fff;
  display: flex;
  height: 100%;
  left: -1rem;
  max-width: 25rem;
  min-height: 100vh;
  overflow: auto;
  padding: 0 0 5rem;
  position: absolute;
  top: 0;
  transition: 0.4s ease;
  transform: translateX(-100%);
  width: 100vw;
  z-index: -1;
}
@media (min-width: 992px) {
  .header-menu {
    background-color: unset;
    flex-grow: 1;
    flex-shrink: 0;
    height: auto;
    max-width: unset;
    min-height: unset;
    overflow: unset;
    padding: 0;
    position: static;
    right: unset;
    top: unset;
    transform: none;
    width: unset;
    z-index: 5;
  }
}
.header-menu.active {
  left: calc(100% + 1rem);
}
.header-menu > div {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 1fr repeat(3, auto) 1fr;
  grid-template-rows: 1fr auto;
  width: 100%;
}
@media (min-width: 992px) {
  .header-menu > div {
    display: flex;
    flex: 1 0 100%;
    grid-template-columns: unset;
    grid-template-rows: unset;
  }
}
.header-menu-search {
  display: flex;
  flex: 1 0 auto;
  grid-column: 1/6;
  padding: 3rem 0;
}
@media (min-width: 992px) {
  .header-menu-search {
    align-items: center;
    padding: 0;
  }
}
.header-menu-search > div {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 992px) {
  .header-menu-search > div {
    overflow: unset;
  }
}
.header-menu-search > div > * {
  flex: 1 0 100%;
  padding: 0 1rem;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .header-menu-search > div > * {
    padding: 0;
  }
}
.header-menu__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  list-style: none;
  margin: 0;
  text-align: center;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .header-menu__list {
    flex-direction: row;
    gap: 0.5rem;
    justify-content: space-between;
  }
}
.header-menu__list.active {
  margin-left: -100%;
}
@media (min-width: 992px) {
  .header-menu__list.active {
    margin-left: 0;
  }
}
.header-menu__list ul {
  display: none;
  flex-direction: column;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 1rem 0;
  text-align: left;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .header-menu__list ul {
    background-color: #fff;
    display: flex;
    left: -1rem;
    min-width: 12.5rem;
    position: absolute;
    top: 100%;
    transform: scale(1, 0);
    transform-origin: top center;
    width: max-content;
    z-index: -10;
  }
}
.header-menu__list ul > li {
  padding: 0 1rem;
}
.header-menu__list li {
  padding: 0.25rem 0;
}
.header-menu__list li.parent {
  display: flex;
  flex-direction: column;
  position: relative;
  row-gap: 1rem;
}
@media (min-width: 992px) {
  .header-menu__list li.parent:hover > div button {
    transform: scale(1, -1);
  }
  .header-menu__list li.parent:hover > div button:before {
    transform: translateY(-100%) rotate(-45deg);
  }
  .header-menu__list li.parent:hover > ul {
    transform: scale(1, 1);
    z-index: 5;
  }
}
.header-menu__list li.parent.active > div button {
  transform: scale(1, -1);
}
.header-menu__list li.parent.active > div button:before {
  transform: translateY(-100%) rotate(-45deg);
}
.header-menu__list li.parent > div {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  position: relative;
}
.header-menu__list li.parent > div button {
  background: none;
  font-size: 0;
  height: 0;
  line-height: 0;
  padding: 0;
  position: relative;
  transition: 0.4s ease;
  width: 1rem;
}
.header-menu__list li.parent > div button:before {
  border-color: #180a73;
  border-style: solid;
  border-width: 0 0 1px 1px;
  content: '';
  left: 0;
  padding: 0.25rem;
  position: absolute;
  top: 50%;
  transform: translateY(-75%) rotate(-45deg);
}
.header-menu__list li a {
  color: #332784;
  font-weight: 600;
  line-height: 1.25;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .header-menu__list li a {
    font-weight: 500;
  }
}
.header-menu__list li a:hover {
  color: #694aff;
  text-decoration: none;
}
.header-menu__list li a.selected {
  color: #ff4f75;
}
.header-menu__link--vk,
.header-menu__link--tg,
.header-menu__link--search {
  align-items: center;
  display: flex;
  justify-content: center;
}
.header-menu__link--vk > a,
.header-menu__link--tg > a,
.header-menu__link--search > a,
.header-menu__link--vk > button,
.header-menu__link--tg > button,
.header-menu__link--search > button {
  background-color: #f1f2f6;
  border-radius: 50%;
  padding: 1.75rem;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .header-menu__link--vk > a:hover,
  .header-menu__link--tg > a:hover,
  .header-menu__link--search > a:hover,
  .header-menu__link--vk > button:hover,
  .header-menu__link--tg > button:hover,
  .header-menu__link--search > button:hover {
    background-color: #ff4f75;
  }
}
.header-menu__link--vk svg,
.header-menu__link--tg svg,
.header-menu__link--search svg {
  height: 1.5rem;
  width: 1.5rem;
}
@media (min-width: 992px) {
  .header-menu__link--vk,
  .header-menu__link--tg {
    display: none;
  }
}
@media (min-width: 992px) {
  .header-menu__link--vk a,
  .header-menu__link--tg a {
    padding: 0;
  }
}
.header-menu__link--vk a:hover,
.header-menu__link--tg a:hover {
  transform: scale(1.25);
}
.header-menu__link--vk svg,
.header-menu__link--tg svg {
  height: 1.75rem;
  width: 1.75rem;
}
.header-menu__link--vk {
  grid-column: 2/3;
}
.header-menu__link--tg {
  grid-column: 3/4;
}
.header-menu__link--tg a {
  border-radius: 1.5rem;
}
.header-menu__link--search {
  grid-column: 4/5;
}
.header-menu__link--search button {
  position: relative;
}
@media (min-width: 992px) {
  .header-menu__link--search button {
    padding: 0.75rem;
  }
}
.header-menu__link--search button.active {
  background-color: #180a73;
}
.header-menu__link--search button.active:before {
  opacity: 1;
}
.header-menu__link--search button.active svg [fill] {
  fill: #fff;
}
.header-menu__link--search button.active svg [stroke] {
  stroke: #fff;
}
.header-menu__link--search button:before {
  background-color: #f1f2f6;
  border-radius: 50%;
  content: url('data:image/svg+xml,<svg width=".5rem" height=".5rem" viewBox="0 0 42 43" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="1.29289" y1="41.2929" x2="41.2929" y2="1.29289" stroke="red" stroke-width="2"/><line x1="41.2929" y1="41.7071" x2="1.29289" y2="1.70711" stroke="red" stroke-width="2"/></svg>');
  line-height: 0;
  opacity: 0;
  padding: 0.5rem;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .header-menu__link--search button:before {
    padding: 0.25rem;
  }
}
@media (min-width: 992px) {
  .header-menu__link--search button svg {
    height: 1.5rem;
    width: 1.5rem;
  }
  .header-menu__link--search button svg [fill] {
    fill: #fff;
  }
  .header-menu__link--search button svg [stroke] {
    stroke: #fff;
  }
}
@media (min-width: 992px) {
  .header-search {
    background-color: #fff;
    left: 0;
    padding: 1rem 0;
    position: absolute;
    top: 100%;
    transform: scaleY(0);
    transform-origin: top;
    width: 100%;
  }
}
.header-search.active {
  transform: scaleY(1);
}
.header-mayor {
  align-items: center;
  display: none;
}
@media (min-width: 992px) {
  .header-mayor {
    display: flex;
  }
}
.header-personal {
  display: flex;
}
.header-personal a {
  font-family: 'TT Norms';
}
.header-button {
  display: flex;
}
@media (min-width: 992px) {
  .header-button {
    display: none;
  }
}
.header-button button {
  align-items: center;
  background-color: #fff;
  border: 1px solid #180a73;
  border-radius: 5rem;
  display: flex;
  justify-content: center;
  padding: 0.5rem 1.25rem;
}
.header-button button.active div:before,
.header-button button.active div:after {
  opacity: 1;
}
.header-button button.active span {
  opacity: 0;
}
.header-button button > div {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 1.25rem;
  justify-content: space-around;
  overflow: hidden;
  position: relative;
  width: 1.25rem;
}
.header-button button > div:before,
.header-button button > div:after {
  background-color: #000;
  content: '';
  height: 2px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
.header-button button > div:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.header-button button > div:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.header-button button span {
  background-color: #171718;
  height: 2px;
  width: 100%;
}
.logo {
  align-items: center;
  display: inline-flex;
  gap: 0.75rem;
  z-index: 10;
}
.logo .first {
  height: 3rem;
  width: 3rem;
}
.logo .second {
  height: 2rem;
}
.logotype {
  position: relative;
}
.logotype .picture {
  border: 2px solid #fff;
  border-radius: 50%;
  display: flex;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.logotype .icon {
  align-items: center;
  background-color: #180a73;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  height: 35%;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 35%;
}
.search-form {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
}
.search-form__input {
  display: flex;
  flex-grow: 1;
}
.search-form__input input {
  border: 1px solid rgba(24, 10, 115, 0.2);
  border-radius: 5rem;
  transition: 0.4s ease;
}
.search-form__input input:focus,
.search-form__input input:hover {
  border-color: #180a73;
}
.search-form__button {
  flex-shrink: 0;
}
.search-form__button button {
  background-color: #f1f2f6;
  border-radius: 50%;
  padding: 0.75rem;
}
@media (min-width: 992px) {
  .search-form__button button:hover {
    background-color: #180a73;
  }
}
@media (min-width: 992px) {
  .search-form__button button:hover svg [fill] {
    fill: #fff;
  }
}
.search-form__button svg {
  height: 1.5rem;
  width: 1.5rem;
}
.advantages {
  position: relative;
}
.advantages__arrows {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: -1rem;
  pointer-events: none;
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.advantages__list .slick-list {
  overflow: visible;
}
.advantages__item {
  border-radius: 1.5rem;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.25);
  overflow: hidden;
  position: relative;
  transform: translate3d(0, 0, 0);
  transition: transform 1s, opacity 1s;
}
.advantages__item[data-position='prev_2'] {
  transform: translate3d(105%, 0, 0) scale(0.6, 0.6);
  z-index: -2;
}
.advantages__item[data-position='prev_1'] {
  transform: translate3d(50%, 0, 0) scale(0.8, 0.8);
  z-index: -1;
}
.advantages__item[data-position='next_1'] {
  transform: translate3d(-50%, 0, 0) scale(0.8, 0.8);
  z-index: -1;
}
.advantages__item[data-position='next_2'] {
  transform: translate3d(-105%, 0, 0) scale(0.6, 0.6);
  z-index: -2;
}
.advantages__item:not(.slick-current):not([data-position]) {
  transform: translate3d(0, 0, 0) scale(0, 0);
  z-index: -3;
}
.advantages__item:before {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.4) 55%, rgba(0, 0, 0, 0.5) 100%);
  content: '';
  height: 100%;
  position: absolute;
  width: 100%;
}
.advantages__item span {
  backdrop-filter: blur(0.75rem);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  line-height: 0;
  padding: 1rem;
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
}
.advantages__item span:before {
  content: '';
  height: 100%;
  width: 100%;
}
.advantages__item span svg {
  height: 0.75rem;
  width: 0.75rem;
}
.advantages__item--text {
  align-items: center;
  bottom: 1.5rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 0 2.75rem;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 5;
}
.advantages__item--title {
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .advantages__item--title {
    font-size: 1.25rem;
  }
}
.advantages__item--desc {
  backdrop-filter: blur(0.75rem);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2.5rem;
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
  padding: 0.25rem 0.75rem;
}
@media (min-width: 992px) {
  .advantages__item--desc {
    font-size: 1rem;
  }
}
.soc-net {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: absolute;
  right: 0;
  top: 0;
}
.soc-net .header-menu__link--vk,
.soc-net .header-menu__link--tg {
  display: flex;
}
.about,
.become-partner {
  display: flex;
  flex-wrap: wrap;
}
.about > *,
.become-partner > * {
  min-width: 0;
}
.about__text,
.become-partner__text {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 1.5rem;
}
@media (min-width: 992px) {
  .about__text,
  .become-partner__text {
    border-radius: 2rem;
    padding-left: 3.25rem;
    width: 50%;
  }
}
.about h2,
.become-partner h2 {
  margin-bottom: 0.75rem;
}
@media (min-width: 992px) {
  .about h2,
  .become-partner h2 {
    margin-bottom: 1.75rem;
  }
}
.about__desc,
.become-partner__desc {
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
  .about__desc,
  .become-partner__desc {
    margin-bottom: 2.25rem;
  }
}
.about__link a,
.become-partner__link a {
  font-family: 'Unbounded';
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
  width: 100%;
}
@media (min-width: 992px) {
  .about__link a,
  .become-partner__link a {
    max-width: 15rem;
  }
}
.about__picture,
.become-partner__picture {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  width: 100%;
}
@media (min-width: 992px) {
  .about__picture,
  .become-partner__picture {
    width: 50%;
  }
}
.about__picture > *,
.become-partner__picture > * {
  min-width: 1px;
}
.about__image,
.become-partner__image {
  border-radius: 1.5rem 50% 1.5rem 1.5rem;
  grid-row: 1/3;
  overflow: hidden;
}
@media (min-width: 992px) {
  .about__image,
  .become-partner__image {
    border-radius: 2rem 50% 2rem 2rem;
  }
}
.about__decor--01,
.become-partner__decor--01 {
  background-color: #180a73;
  background-image: url('../images/pattern.svg');
  background-position: center;
  background-repeat: repeat-x;
  background-size: auto 60%;
  border-radius: 100% 0.75rem 1.5rem;
  position: relative;
}
@media (min-width: 992px) {
  .about__decor--01,
  .become-partner__decor--01 {
    border-radius: 100% 2rem 2rem;
  }
}
.about__decor--01:before,
.become-partner__decor--01:before {
  aspect-ratio: 1/1;
  background-color: #180a73;
  background-image: url('../images/logo.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  content: '';
  display: block;
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(-55%);
  width: 45%;
}
.about__decor--02,
.become-partner__decor--02 {
  background-color: #180a73;
  border-radius: 0.75rem 90% 0 0;
  position: relative;
}
.about__decor--02:before,
.become-partner__decor--02:before {
  aspect-ratio: 1/1;
  background-color: #180a73;
  border-radius: 50%;
  content: '';
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 31%;
}
.about__decor--03,
.become-partner__decor--03 {
  background-color: #694aff;
  background-image: url('../images/check.svg');
  background-position: -100% center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.5rem 3.5rem 3.5rem 1.5rem;
}
@media (min-width: 992px) {
  .about__decor--03,
  .become-partner__decor--03 {
    border-radius: 2rem 7rem 7rem 2rem;
  }
}
.about__decor--04,
.become-partner__decor--04 {
  background-color: #180a73;
  border-radius: 0 0 0.75rem 1.5rem;
}
@media (min-width: 992px) {
  .about__decor--04,
  .become-partner__decor--04 {
    border-radius: 0 0 1rem 2rem;
  }
}
.about-section {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
@media (min-width: 992px) {
  .about-section {
    gap: 5rem;
  }
}
.directions {
  display: grid;
  gap: 2rem;
}
@media (min-width: 992px) {
  .directions {
    grid-template-columns: 1fr auto;
  }
}
.directions__title {
  align-content: center;
}
.directions__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .directions__list {
    flex-direction: row;
    gap: 1.25rem;
    grid-column: 1/3;
  }
}
.directions__list.active .directions__item:not(.active) {
  border-top-left-radius: 2.5rem;
  border-top-right-radius: 2.5rem;
  max-width: 4.75rem;
  min-width: 4.75rem;
}
.directions__list.active .directions__item:not(.active) .directions__item--title {
  transform: rotate(-90deg) scale(1, 0);
}
.directions__list.active .directions__item:not(.active) .directions__item--background {
  opacity: 0;
}
.directions__list.active .directions__item.active .directions__item--title {
  top: 1.75rem;
  transform: rotate(0);
}
.directions__list.active .directions__item.active .directions__item--picture {
  right: 0.75rem;
  top: calc(100% - 0.75rem);
  transform: translateY(-100%);
}
.directions__list.active .directions__item.active .directions__item--bottom {
  display: flex!important;
}
.directions__list.active .directions__item.active .directions__item--desc,
.directions__list.active .directions__item.active .directions__item--link {
  height: auto;
}
.directions__list.active .directions__item.active .directions__item--background {
  display: none;
}
.directions__list > * {
  min-width: 0;
}
.directions__item {
  cursor: pointer;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr auto;
  pointer-events: none;
  position: relative;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .directions__item {
    background-color: #180a73;
    border-radius: 2rem 10rem 2rem 2rem;
    grid-template-columns: 1fr;
    grid-template-rows: 5rem 1fr;
    height: 27.5rem;
    pointer-events: all;
    width: calc(100% / 6);
  }
}
.directions__item.active {
  width: 100%;
}
@media (min-width: 992px) {
  .directions__item.active {
    background-color: #180a73 !important;
  }
}
.directions__item.active .directions__item--button svg {
  transform: scale(-1, -1);
}
.directions__item > * {
  min-width: 0;
}
.directions__item--top {
  align-items: center;
  background-color: #180a73;
  border-radius: 1.5rem;
  display: flex;
  gap: 1rem;
  padding: 1rem 1.25rem;
  z-index: 5;
}
@media (min-width: 992px) {
  .directions__item--top {
    align-items: flex-start;
    background-color: unset;
    flex-direction: column;
    padding: 0;
  }
}
.directions__item--picture {
  flex-shrink: 0;
  height: 2.5rem;
  position: relative;
  transition: 0.4s ease;
  width: 2.5rem;
}
@media (min-width: 992px) {
  .directions__item--picture {
    height: 4.75rem;
    top: 0;
    position: absolute;
    right: 0;
    width: 4.75rem;
  }
}
.directions__item--logo {
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 992px) {
  .directions__item--logo {
    border-width: 2px;
  }
}
.directions__item--icon {
  align-items: center;
  background-color: #180a73;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  height: 0.75rem;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.75rem;
}
@media (min-width: 992px) {
  .directions__item--icon {
    height: 1.5rem;
    width: 1.5rem;
  }
}
.directions__item--title {
  display: flex;
  flex-direction: column;
  min-width: fit-content;
  position: relative;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .directions__item--title {
    font-size: 1.25rem;
    left: 1rem;
    position: absolute;
    top: calc(100% - 2rem);
    transform-origin: 0 0;
    transform: rotate(-90deg);
  }
}
.directions__item--title span {
  background-color: #22147d;
  border: 1px solid #fff;
  border-radius: 2rem;
  color: #fff;
  font-family: 'Unbounded';
  font-weight: 700;
  margin: -1px 0;
  padding: 0.25rem 0.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .directions__item--title span {
    border-width: 2px;
    padding: 0.5rem 1rem;
  }
}
.directions__item--title span + span {
  border-top: none;
}
.directions__item--button {
  border-radius: 1.5rem;
  padding: 1.25rem;
  pointer-events: all;
}
@media (min-width: 992px) {
  .directions__item--button {
    display: none;
  }
}
.directions__item--button > div {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px dashed #fff;
  border-radius: 50%;
  display: flex;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}
.directions__item--button svg {
  height: 0.75rem;
  width: 0.75rem;
}
.directions__item--bottom {
  background-color: #180a73;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  grid-column: 1/3;
  justify-content: space-between;
  overflow: hidden;
  padding: 1rem 1.25rem;
  position: relative;
}
@media (min-width: 992px) {
  .directions__item--bottom {
    background-color: unset;
    border-radius: 0;
    display: flex!important;
    grid-column: auto;
    padding: 1.75rem 2rem;
  }
}
.directions__item--desc {
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: -0.01em;
  line-height: 1.35;
  z-index: 1;
}
@media (min-width: 992px) {
  .directions__item--desc {
    font-size: 1.25rem;
    height: 0;
    overflow: hidden;
  }
}
.directions__item--desc ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .directions__item--desc ul {
    gap: 0.75rem;
  }
}
.directions__item--link {
  z-index: 1;
}
@media (min-width: 992px) {
  .directions__item--link {
    height: 0;
    overflow: hidden;
  }
}
.directions__item--link a {
  font-family: 'TT Norms';
  max-width: max-content;
  padding-left: 2rem;
  padding-right: 2rem;
  pointer-events: all;
}
.directions__item--background {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  bottom: -12.5%;
  height: 100%;
  opacity: 0.2;
  position: absolute;
  transition: 0.4s ease;
  right: -35%;
  width: 100%;
  z-index: 0;
}
@media (min-width: 992px) {
  .directions__item--background {
    background-position-x: 25%;
    bottom: -25%;
    height: 125%;
    right: 0;
    width: 125%;
  }
}
.directions__link {
  align-items: center;
}
@media (min-width: 992px) {
  .directions__link {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
@media (min-width: 992px) {
  .directions__link a {
    padding: 1.25rem 2.25rem;
  }
}
.spaces {
  display: grid;
  gap: 2rem;
}
@media (min-width: 992px) {
  .spaces {
    gap: 3rem;
    grid-template-columns: 1fr auto;
  }
}
.spaces > * {
  min-width: 0;
}
.spaces__top {
  display: grid;
  gap: 0.5rem;
}
.spaces__title {
  align-content: center;
  max-width: 45rem;
}
.spaces__desc {
  line-height: 1.4;
}
@media (min-width: 992px) {
  .spaces__desc {
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }
}
.spaces__arrows {
  display: none;
}
@media (min-width: 992px) {
  .spaces__arrows {
    align-items: flex-end;
    display: flex;
    gap: 0.75rem;
    justify-content: center;
  }
}
.spaces__arrows {
  display: none;
}
@media (min-width: 992px) {
  .spaces__arrows {
    align-items: flex-end;
    display: flex;
    gap: 0.75rem;
    justify-content: center;
  }
}
.spaces__list {
  margin: 0 -0.25rem;
  position: relative;
}
@media (min-width: 992px) {
  .spaces__list {
    grid-column: 1/3;
    margin: 0 -0.5rem;
  }
}
.spaces__list:before {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100vw;
  z-index: 5;
}
.spaces__list .swiper-slide {
  max-width: 17.5rem;
  padding: 0 0.25rem;
}
@media (min-width: 992px) {
  .spaces__list .swiper-slide {
    max-width: 30rem;
    padding: 0 0.5rem;
  }
}
.spaces__item {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  color: #180a73;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 17.5rem;
  padding: 0.75rem;
  padding-bottom: 2.5rem;
  width: 100%;
}
@media (min-width: 992px) {
  .spaces__item {
    max-width: 30rem;
  }
}
.spaces__item:hover {
  color: #180a73;
  text-decoration: none;
}
.spaces__item:hover h3 {
  color: #694aff;
}
.spaces__item--picture {
  border-radius: 1.25rem;
  overflow: hidden;
}
.spaces__item--text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 0.75rem;
}
@media (min-width: 992px) {
  .spaces__item--text {
    gap: 1rem;
  }
}
.spaces__item--title {
  text-align: left;
}
.spaces__item--desc {
  font-size: 0.75rem;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .spaces__item--desc {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.spaces__link {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .spaces__link {
    grid-column: 1/3;
  }
}
.spaces__link a {
  font-family: 'Unbounded';
  max-width: 25rem;
  padding: 1.25rem 0.5rem;
}
.space-section {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 992px) {
  .space-section {
    gap: 5rem;
  }
}
.space-section__info {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 992px) {
  .space-section__info {
    gap: 1.75rem;
  }
}
.space-section__info--title {
  max-width: 62.5rem;
}
.space-section__info--desc {
  line-height: 1.4;
  max-width: 47.5rem;
}
@media (min-width: 992px) {
  .space-section__info--desc {
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    line-height: 1.5rem;
  }
}
.space-section__list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.space-section__item {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: grid;
  gap: 1.5rem;
  overflow: hidden;
  padding: 1.5rem 1.25rem;
}
@media (min-width: 992px) {
  .space-section__item {
    border-radius: 2rem;
    grid-template-columns: 6fr 4fr;
    grid-auto-flow: dense;
    padding: 3.5rem;
  }
}
.space-section__item > * {
  min-width: 0;
}
.space-section__item--text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .space-section__item--text {
    gap: 0.75rem;
  }
}
.space-section__item--title {
  font-family: 'Unbounded';
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .space-section__item--title {
    font-size: 2rem;
  }
}
.space-section__item--desc {
  line-height: 1.4;
}
@media (min-width: 992px) {
  .space-section__item--desc {
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }
}
@media (min-width: 992px) {
  .space-section__item--list {
    grid-template-columns: 1/3;
  }
}
.space-section__item--list .spaces__item {
  background-color: #fff;
}
.space-section__item--info > div {
  border-radius: 1.5rem;
  background-color: #ff4f75;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  gap: 0.75rem;
  padding: 1rem 1.75rem;
}
@media (min-width: 992px) {
  .space-section__item--info > div {
    font-size: 1rem;
    padding: 2rem 2.75rem;
  }
}
.space-section__item--schedule,
.space-section__item--address {
  display: flex;
  gap: 0.5rem;
  line-height: 1.25rem;
}
.space-section__item--schedule svg,
.space-section__item--address svg {
  flex-shrink: 0;
  height: 1.25rem;
  width: 1.25rem;
}
.space-section__item--schedule svg [fill],
.space-section__item--address svg [fill] {
  fill: #fff;
}
.space-section__item--schedule svg [stroke],
.space-section__item--address svg [stroke] {
  stroke: #fff;
}
.space-element {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.space-element__area {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: grid;
  gap: 1.75rem;
  grid-auto-flow: dense;
  padding: 1.5rem 1.25rem;
}
@media (min-width: 992px) {
  .space-element__area {
    column-gap: 4.5rem;
    grid-template-columns: 5.5fr 4.5fr;
    grid-template-rows: auto 1fr;
    padding: 3.5rem;
    row-gap: 2rem;
  }
}
.space-element__text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .space-element__text {
    gap: 0.75rem;
  }
}
.space-element__title {
  font-size: 1.5rem;
  max-width: 30rem;
}
@media (min-width: 992px) {
  .space-element__title {
    font-size: 2rem;
  }
}
.space-element__desc {
  line-height: 1.4;
}
@media (min-width: 992px) {
  .space-element__desc {
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }
}
.space-element__info > div {
  border-radius: 1.5rem;
  background-color: #ff4f75;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  gap: 0.75rem;
  padding: 1rem 1.75rem;
}
@media (min-width: 992px) {
  .space-element__info > div {
    font-size: 1rem;
    padding: 2rem 2.75rem;
  }
}
.space-element__schedule,
.space-element__address {
  display: flex;
  gap: 0.5rem;
  line-height: 1.25rem;
}
.space-element__schedule svg,
.space-element__address svg {
  flex-shrink: 0;
  height: 1.25rem;
  width: 1.25rem;
}
.space-element__schedule svg [fill],
.space-element__address svg [fill] {
  fill: #fff;
}
.space-element__schedule svg [stroke],
.space-element__address svg [stroke] {
  stroke: #fff;
}
.space-element__picture {
  border-radius: 1.5rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .space-element__picture {
    aspect-ratio: 1/1;
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
.space-element__picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: center;
}
.space-element__form {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: grid;
  gap: 1.75rem;
  padding: 1.5rem 1.25rem;
}
@media (min-width: 992px) {
  .space-element__form {
    column-gap: 4.5rem;
    padding: 3.5rem;
    row-gap: 2rem;
  }
}
.space-element__form > * {
  min-width: 0;
}
.space-element__form .form-body {
  column-gap: 2.5rem;
  display: grid;
  row-gap: 0.75rem;
}
@media (min-width: 992px) {
  .space-element__form .form-body {
    grid-template-columns: repeat(2, 1fr);
  }
}
.space-element__form .form-body > * {
  min-width: 0;
}
.space-element__form .form-body > div {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.space-element__form .field-radio__list {
  grid-template-columns: repeat(2, 1fr);
}
.space-element__form .field-dates__list {
  display: flex;
  flex-wrap: nowrap;
}
.space-element__form .field-dates__list .swiper {
  overflow: hidden!important;
}
.space-element__form .field-dates [data-next],
.space-element__form .field-dates [data-prev] {
  height: 2.5rem;
  width: 2.5rem;
}
.space-element__map {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: grid;
  gap: 2rem;
  padding: 1.5rem 1.25rem;
}
@media (min-width: 992px) {
  .space-element__map {
    gap: 2.5rem;
    padding: 3.5rem 3.5rem 2.5rem;
  }
}
.space-element__map--text {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 992px) {
  .space-element__map--text {
    gap: 1.25rem;
  }
}
.space-element__map--title {
  font-family: 'Unbounded';
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.1;
}
@media (min-width: 992px) {
  .space-element__map--title {
    font-size: 1.5rem;
  }
}
.space-element__map--address {
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.5;
}
@media (min-width: 992px) {
  .space-element__map--address {
    font-size: 1.25rem;
  }
}
.landings {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.landings__list {
  display: grid;
  grid-template-columns: 55% 45%;
}
@media (min-width: 992px) {
  .landings__list {
    grid-template-columns: 50% 2fr 5fr 17.5%;
    grid-template-rows: auto 1fr;
  }
}
.landings__list > * {
  min-width: 0;
}
.landings__item {
  background-color: #180a73;
  border-radius: 1.5rem;
  grid-column: 1/3;
}
@media (min-width: 992px) {
  .landings__item {
    border-radius: 2.25rem;
    grid-column: 1/2;
    grid-row: 1/3;
    height: 100%;
  }
}
.landings__item--picture {
  border-radius: 1.5rem 7.5rem 1.5rem 1.5rem;
  grid-column: 1/3;
  overflow: hidden;
}
@media (min-width: 992px) {
  .landings__item--picture {
    border-radius: 2rem 12.5rem 2rem 2rem;
    grid-column: 3/5;
    height: 100%;
  }
}
@media (min-width: 992px) {
  .landings__item--picture .slick-track {
    height: inherit;
  }
}
.landings__item--text {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.75rem 1.25rem;
}
@media (min-width: 992px) {
  .landings__item--text {
    padding: 3rem 3.5rem;
  }
}
.landings__item--title {
  font-family: 'Unbounded';
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .landings__item--title {
    font-size: 1.75rem;
    line-height: 1.1;
  }
}
.landings__item--desc {
  line-height: 1.35;
  padding-bottom: 0.75rem;
}
@media (min-width: 992px) {
  .landings__item--desc {
    line-height: 1.5;
  }
}
.landings__item--button a {
  max-width: 10rem;
}
@media (min-width: 992px) {
  .landings__item--button a {
    max-width: 12.5rem;
    padding: 1rem 2.25rem;
  }
}
.landings__item--step {
  color: rgba(255, 255, 255, 0.5);
  font-family: 'Unbounded';
  font-size: 1.25rem;
  font-weight: 500;
  flex: 1 0;
  text-align: center;
}
@media (min-width: 992px) {
  .landings__item--step {
    font-size: 1.75rem;
  }
}
.landings__arrows {
  align-items: center;
  background-color: #180a73;
  border-radius: 1.5rem;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 0.25rem 1rem;
}
@media (min-width: 992px) {
  .landings__arrows {
    border-radius: 2.25rem;
    flex-direction: column;
    grid-column: 2/3;
    grid-row: 1/2;
    padding: 1.75rem;
  }
}
.landings__arrows .slick-next:before {
  background-color: rgba(255, 255, 255, 0.12);
}
.landings__arrows .slick-next:after {
  border-color: #fff;
}
.landings__arrows .slick-prev {
  display: none !important;
}
@media (min-width: 992px) {
  .landings__decor--01 {
    grid-column: 2/4;
    grid-row: 2/3;
  }
}
.landings__decor--02 {
  background-color: #a6E300;
  display: none;
}
@media (min-width: 992px) {
  .landings__decor--02 {
    border-radius: 2rem 12.5rem 2rem 2rem;
    display: block;
  }
}
.landings__dots {
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: 0;
}
.landings__dots .slick-dots {
  column-gap: 0.75rem;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.landings__dots .slick-dots li button {
  background-color: unset;
  font-size: 0;
  height: 0.75rem;
  line-height: 0;
  padding: 0;
  pointer-events: auto;
  position: relative;
  transition: 0.4s ease;
  width: 0.75rem;
}
.landings__dots .slick-dots li button:before,
.landings__dots .slick-dots li button:after {
  border-radius: 2.5rem;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.landings__dots .slick-dots li button:before {
  background-color: #e9ebf0;
  width: 100%;
}
.landings__dots .slick-dots li.slick-active button {
  width: 4rem;
}
.landings__dots .slick-dots li.slick-active button:after {
  background-color: #180a73;
  width: 50%;
}
.events {
  display: grid;
  gap: 2rem;
}
@media (min-width: 992px) {
  .events {
    gap: 3rem;
  }
}
.events > * {
  min-width: 0;
}
@media (min-width: 992px) {
  .events.independent {
    grid-template-columns: repeat(2, auto);
  }
}
@media (min-width: 992px) {
  .events.independent .events__area {
    grid-column: 1/3;
  }
}
.events > * {
  min-width: 0;
}
.events__title {
  align-content: center;
}
.events__area {
  display: grid;
}
.events__area > * {
  min-width: 0;
}
.events-directions__item {
  background-color: #f1f2f6;
  display: flex;
  position: relative;
}
.events-directions__item--icon {
  border-radius: 50%;
  height: 1.5rem;
  overflow: hidden;
  position: relative;
  width: 1.5rem;
}
.events-directions__item--icon img {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.events-directions__item--color {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -5;
}
.events__list {
  display: grid;
  margin: 0 -0.25rem;
  row-gap: 0.5rem;
}
@media (min-width: 992px) {
  .events__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.events__list > * {
  min-width: 0;
}
.events__list:before {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100vw;
  z-index: 5;
}
.events__list .slick-list {
  overflow: visible;
}
.events__link {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .events__link {
    grid-column: 2/3;
    grid-row: 1/2;
    justify-content: flex-end;
  }
}
.events__link a {
  font-family: 'Unbounded';
  max-width: 25rem;
  padding: 1.25rem 0.5rem;
}
.event-card {
  display: flex;
  max-width: 17.5rem;
  padding: 0.25rem;
  width: 100%;
}
@media (min-width: 992px) {
  .event-card {
    max-width: unset;
  }
}
.event-card > div {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  padding: 0.5rem;
  width: 100%;
}
@media (min-width: 992px) {
  .event-card > div {
    padding-bottom: 1rem;
  }
}
.event-card__top {
  position: relative;
}
.event-card__top a {
  display: flex;
  gap: 1.25rem;
  flex-direction: column;
  text-decoration: none;
}
.event-card__top a:hover h3 {
  color: #694aff;
}
.event-card__top h3 {
  color: #1f1f1f;
  font-family: 'TT Norms';
  font-weight: 600;
  padding: 0 0.75rem;
  text-align: left;
}
.event-card__picture {
  border-radius: 1.25rem;
  overflow: hidden;
  position: relative;
}
.event-card__like {
  background-color: rgba(0, 212, 201, 0.5);
  backdrop-filter: blur(1rem);
  border-radius: 50%;
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  z-index: 10;
}
.event-card__like button {
  background-color: unset;
  padding: 1rem;
}
.event-card__like svg {
  height: 1.25rem;
  width: 1.25rem;
}
.event-card__directions {
  bottom: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  z-index: 10;
}
.event-card__directions > div {
  border-radius: 0 2rem 2rem 0;
  color: #fff;
  line-height: 1.35;
  padding: 0.5rem 1rem;
}
.event-card__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.5rem;
  padding: 0 0.75rem 1rem;
}
.event-card__text svg {
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
}
@media (min-width: 992px) {
  .event-card__text svg {
    height: 1.25rem;
    width: 1.25rem;
  }
}
.event-card__date,
.event-card__time,
.event-card__address {
  color: #1f1f1f;
  column-gap: 0.75rem;
  display: flex;
  font-size: 0.75rem;
  line-height: 1rem;
}
@media (min-width: 992px) {
  .event-card__date,
  .event-card__time,
  .event-card__address {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.event-card__organizer {
  align-items: center;
  border-radius: 1.5rem 1.5rem 0 0;
  border-top: 1px solid rgba(31, 31, 31, 0.08);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin: 0 -0.5rem;
  padding: 0.5rem 1.25rem 0;
}
@media (min-width: 992px) {
  .event-card__organizer {
    padding-top: 1rem;
  }
}
.event-card__organizer--logo {
  border: 1px solid rgba(31, 31, 31, 0.08);
  border-radius: 50%;
  flex-shrink: 0;
  height: 2.5rem;
  overflow: hidden;
  width: 2.5rem;
}
.event-card__organizer--logo img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}
.event-card__organizer--name {
  color: #1f1f1f;
  flex-grow: 1;
  font-size: 0.75rem;
  line-height: 1.3;
}
.event-element {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
.event-element__area {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: grid;
  gap: 1.75rem;
  grid-auto-flow: dense;
  padding: 1.5rem 1.25rem;
}
@media (min-width: 992px) {
  .event-element__area {
    column-gap: 2.25rem;
    grid-template-columns: 5.5fr 4.5fr;
    grid-template-rows: auto 1fr repeat(2, auto);
    padding: 3.5rem 0 2rem 3.5rem;
    row-gap: 2rem;
  }
}
.event-element__organizer {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
.event-element__organizer--logo {
  border: 1px solid rgba(31, 31, 31, 0.08);
  border-radius: 50%;
  flex-shrink: 0;
  height: 2.5rem;
  overflow: hidden;
  width: 2.5rem;
}
@media (min-width: 992px) {
  .event-element__organizer--logo {
    height: 3rem;
    width: 3rem;
  }
}
.event-element__organizer--logo img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: center;
}
.event-element__organizer--name {
  flex-grow: 1;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .event-element__organizer--name {
    font-size: 1rem;
  }
}
.event-element__title {
  font-size: 1.5em;
}
@media (min-width: 992px) {
  .event-element__title {
    font-size: 2rem;
  }
}
.event-element__info > div {
  background-color: #fff;
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  overflow: hidden;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .event-element__info > div {
    gap: 0.5rem;
  }
}
.event-element__direction {
  align-items: center;
  border-radius: inherit;
  color: #fff;
  display: flex;
  gap: 0.75rem;
  padding: 0.5rem 1.75rem 0.5rem;
}
@media (min-width: 992px) {
  .event-element__direction {
    padding-left: 1.5rem;
  }
}
.event-element__direction svg {
  border: 1px dashed #fff;
  border-radius: 50%;
  height: 1.25rem;
  width: 1.25rem;
}
@media (min-width: 992px) {
  .event-element__direction svg {
    height: 1.75rem;
    width: 1.75rem;
  }
}
.event-element__direction span {
  line-height: 1.35;
}
.event-element__date,
.event-element__time,
.event-element__address {
  display: flex;
  gap: 0.5rem;
  line-height: 1.25rem;
  padding: 0.25rem 1.75rem;
}
@media (min-width: 992px) {
  .event-element__date,
  .event-element__time,
  .event-element__address {
    gap: 0.75rem;
  }
}
.event-element__date svg,
.event-element__time svg,
.event-element__address svg {
  flex-shrink: 0;
  height: 1.25rem;
  width: 1.25rem;
}
.event-element__date svg [fill],
.event-element__time svg [fill],
.event-element__address svg [fill] {
  fill: #180a73;
}
.event-element__date svg [stroke],
.event-element__time svg [stroke],
.event-element__address svg [stroke] {
  stroke: #180a73;
}
.event-element__picture {
  border-radius: 1.5rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .event-element__picture {
    grid-column: 2/3;
    grid-row: 1/5;
    margin: -3.5rem 0 -2rem;
  }
}
.event-element__picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: center;
}
.event-element__button {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  max-width: 20rem;
}
@media (min-width: 992px) {
  .event-element__button {
    gap: 0.75rem;
  }
}
.event-element__register {
  display: flex;
  flex: 1 0;
  font-size: 0.75rem;
}
@media (min-width: 992px) {
  .event-element__register {
    font-size: 1rem;
  }
}
.event-element__like {
  flex-shrink: 0;
}
.event-element__like button {
  background-color: #00D4C9;
  border-radius: 50%;
  padding: 1rem;
}
.event-element__like svg {
  height: 1.25rem;
  width: 1.25rem;
}
.event-element__about,
.event-element__conditions,
.event-element__map {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 992px) {
  .event-element__about--title,
  .event-element__conditions--title,
  .event-element__map--title {
    gap: 1.75rem;
  }
}
.event-element__about--desc,
.event-element__conditions--desc,
.event-element__map--desc {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .event-element__about--desc,
  .event-element__conditions--desc,
  .event-element__map--desc {
    font-weight: 500;
    gap: 1.25rem;
  }
}
.event-element__about--desc *,
.event-element__conditions--desc *,
.event-element__map--desc * {
  margin-bottom: 0;
}
.event-element__map--address {
  display: flex;
  gap: 0.5rem;
  line-height: 1.25rem;
}
.event-element__map--address svg {
  flex-shrink: 0;
  height: 1.25rem;
  width: 1.25rem;
}
.event-element__map--address svg [fill] {
  fill: #180a73;
}
.event-element__map--address svg [stroke] {
  stroke: #180a73;
}
.promo {
  display: grid;
  gap: 2rem;
}
@media (min-width: 992px) {
  .promo {
    gap: 3rem;
    grid-template-columns: 1fr auto;
  }
}
.promo > * {
  min-width: 0;
}
.promo__arrows {
  display: none;
}
@media (min-width: 992px) {
  .promo__arrows {
    align-items: flex-end;
    display: flex;
    gap: 0.75rem;
    justify-content: center;
  }
}
.promo__list {
  margin: 0 -0.25rem;
  position: relative;
}
@media (min-width: 992px) {
  .promo__list {
    margin: 0 -0.5rem;
  }
}
.promo__list:before {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100vw;
  z-index: 5;
}
.promo__list .swiper-slide {
  max-width: 17.5rem;
  padding: 0 0.25rem;
}
@media (min-width: 992px) {
  .promo__list .swiper-slide {
    max-width: 30rem;
    padding: 0 0.5rem;
  }
}
.promo__item {
  display: flex;
  position: relative;
  width: 100%;
}
.promo__item.active .promo__item--upper {
  opacity: 0;
  pointer-events: none;
  transform: rotateY(-180deg);
}
.promo__item.active .promo__item--under {
  opacity: 1;
  pointer-events: all;
  transform: none;
}
.promo__item.active .promo__item--button svg {
  transform: rotateX(-180deg) rotateY(-180deg);
}
.promo__item--upper,
.promo__item--under {
  border-radius: 1.5rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1.25rem 1.5rem;
  transition: 0.4s ease;
}
.promo__item--upper {
  height: 100%;
  position: absolute;
  transform-origin: top;
  width: 100%;
}
@media (min-width: 992px) {
  .promo__item--upper {
    padding: 1.25rem 1rem 3.5rem 2.75rem;
  }
}
.promo__item--under {
  height: inherit;
  opacity: 0;
  position: relative;
  transform: rotateY(180deg);
  transform-origin: bottom;
}
.promo__item--under .promo__item--top,
.promo__item--under .promo__item--discount,
.promo__item--under .promo__item--preview {
  display: none;
}
@media (min-width: 992px) {
  .promo__item--under .promo__item--top,
  .promo__item--under .promo__item--discount,
  .promo__item--under .promo__item--preview {
    display: flex;
    padding: 0;
  }
}
.promo__item--top {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
.promo__item--title {
  background-color: #fff;
  border-radius: 1rem;
  font-family: 'Unbounded';
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
  padding: 0.25rem 0.75rem;
}
@media (min-width: 992px) {
  .promo__item--title {
    background-color: unset;
    color: #fff !important;
    font-size: 1.25rem;
    padding: 0;
  }
}
.promo__item--logo {
  border-radius: 50%;
  flex-shrink: 0;
  height: 3.25rem;
  overflow: hidden;
  width: 3.25rem;
}
@media (min-width: 992px) {
  .promo__item--logo {
    height: 4rem;
    width: 4rem;
  }
}
.promo__item--discount {
  align-content: flex-end;
  flex-grow: 1;
  font-family: 'Unbounded';
  font-size: 1.25rem;
}
.promo__item--preview {
  font-size: 0.75rem;
  line-height: 1.35;
  padding-right: 2.75rem;
}
@media (min-width: 992px) {
  .promo__item--preview {
    font-size: 1.25rem;
  }
}
.promo__item--detail {
  font-size: 0.75rem;
  line-height: 1.35;
  padding-right: 2.75rem;
}
@media (min-width: 992px) {
  .promo__item--detail {
    font-size: 1rem;
  }
}
.promo__item--bottom {
  align-items: flex-end;
  display: flex;
  flex-grow: 1;
  padding-right: 2.75rem;
}
.promo__item--bottom > div {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  width: 100%;
}
.promo__item--code {
  background-color: #fff;
  border-radius: 1rem;
  cursor: copy;
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
  padding: 0.25rem 0.75rem;
}
.promo__item--link a {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 0.5rem;
}
.promo__item--link a:hover {
  text-decoration: none;
}
.promo__item--link a svg {
  height: 0.75rem;
  width: 0.75rem;
}
.promo__item--button {
  bottom: 0.75rem;
  position: absolute;
  right: 0.75rem;
}
.promo__item--button button {
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(0.75rem);
  border-radius: 50%;
  font-size: 0;
  padding: 1rem;
  pointer-events: all;
}
.promo__item--button button svg {
  height: 0.75rem;
  transition: 0.4s ease;
  width: 0.75rem;
}
.ambassadory {
  display: grid;
  gap: 2rem;
}
@media (min-width: 992px) {
  .ambassadory {
    gap: 3rem;
    grid-template-columns: 1fr auto;
  }
}
.ambassadory > * {
  min-width: 0;
}
.ambassadory__title {
  align-content: center;
}
.ambassadory__desc {
  line-height: 1.4;
}
@media (min-width: 992px) {
  .ambassadory__desc {
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }
}
.ambassadory__arrows {
  display: none;
}
@media (min-width: 992px) {
  .ambassadory__arrows {
    align-items: flex-end;
    display: flex;
    gap: 0.75rem;
    justify-content: center;
  }
}
.ambassadory__list {
  margin: 0 -0.25rem;
  position: relative;
}
@media (min-width: 992px) {
  .ambassadory__list {
    grid-column: 1/3;
    margin: 0 -0.5rem;
  }
}
.ambassadory__list:before {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100vw;
  z-index: 5;
}
.ambassadory__list .swiper-slide {
  max-width: 17.5rem;
  padding: 0 0.25rem;
}
@media (min-width: 992px) {
  .ambassadory__list .swiper-slide {
    max-width: 18.75rem;
    padding: 0 0.5rem;
  }
}
.ambassadory__item {
  background-color: #f1f2f6;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.5rem 0.5rem 2.5rem;
}
.ambassadory__item--picture {
  border-radius: 1.5rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .ambassadory__item--picture {
    border-radius: 2rem;
  }
}
.ambassadory__item--picture img {
  min-height: 100%;
  min-width: 100%;
}
.ambassadory__item--text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 0.75rem;
}
.ambassadory__item--name {
  font-family: 'TT Norms';
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}
.ambassadory__item--desc {
  font-size: 0.75rem;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .ambassadory__item--desc {
    font-size: 1rem;
  }
}
.ambassadory__link {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .ambassadory__link {
    grid-column: 1/3;
  }
}
.ambassadory__link a {
  max-width: 25rem;
  padding: 1.25rem 0.5rem;
}
.blogs {
  display: grid;
  gap: 2rem;
}
@media (min-width: 992px) {
  .blogs {
    gap: 3rem;
    grid-template-columns: 1fr auto;
  }
}
.blogs > * {
  min-width: 0;
}
.blogs__title {
  align-content: center;
}
.blogs__list {
  display: grid;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .blogs__list {
    gap: 1.25rem;
    grid-column: 1/3;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
.blogs__list > * {
  min-width: 0;
}
@media (min-width: 992px) {
  .blogs__item:first-child {
    grid-row: 1/4;
  }
}
.blogs__link {
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .blogs__link {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.blogs__link a {
  max-width: 25rem;
  padding: 1.25rem 0.5rem;
}
@media (min-width: 992px) {
  .blogs__link a {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
.blog-section {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 992px) {
  .blog-section {
    gap: 2.5rem;
  }
}
.blog-section__list {
  display: grid;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .blog-section__list {
    gap: 1.25rem;
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 992px) {
  .blog-section .blog__item {
    grid-column: span 2;
  }
}
@media (min-width: 992px) {
  .blog-section .blog__item--first {
    grid-column: span 3;
  }
}
.blog__item {
  display: flex;
}
.blog__item > a {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  color: #180a73;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-decoration: none;
  width: 100%;
}
.blog__item > a:hover h3 {
  color: #694aff;
}
.blog__item--picture img {
  aspect-ratio: 6/3;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: center;
}
.blog__item--text {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 0.5rem;
  padding: 1.5rem;
}
@media (min-width: 992px) {
  .blog__item--text {
    gap: 0.75rem;
    padding: 2rem;
  }
}
.blog__item--date {
  color: rgba(24, 10, 115, 0.7);
  font-family: 'TT Norms';
  font-size: 0.75rem;
  font-weight: 500;
}
@media (min-width: 992px) {
  .blog__item--date {
    font-size: 1rem;
  }
}
.blog__item--title {
  font-family: 'TT Norms';
  line-height: 1.25;
}
.blog-element {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 992px) {
  .blog-element {
    gap: 1.5rem;
  }
}
.blog-element__top {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  line-height: 1.25;
}
@media (min-width: 992px) {
  .blog-element__top {
    gap: 1rem;
  }
}
.blog-element__top a {
  align-items: center;
  color: rgba(31, 31, 31, 0.5);
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  position: relative;
  transition: 0.4s ease;
}
.blog-element__top a:hover {
  color: #180a73;
  text-decoration: none;
}
.blog-element__top a:hover:before {
  border-color: #180a73;
}
.blog-element__top a:before {
  border-color: rgba(31, 31, 31, 0.5);
  border-style: solid;
  border-width: 1px 0 0 1px;
  content: '';
  left: 0;
  padding: 0.25rem;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%) rotate(-45deg);
  transition: 0.4s ease;
}
.blog-element h1 {
  text-align: center;
}
.blog-element__date {
  align-items: center;
  color: rgba(31, 31, 31, 0.5);
  display: flex;
  gap: inherit;
  position: relative;
}
.blog-element__date:before {
  background-color: rgba(31, 31, 31, 0.5);
  border-radius: 50%;
  height: 0.25rem;
  content: '';
  flex-shrink: 0;
  position: relative;
  width: 0.25rem;
}
.blog-element__picture {
  border-radius: 1.5rem;
  margin: 0 auto ;
  max-width: 50rem;
  overflow: hidden;
}
.blog-element__picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: center;
}
.blog-element__desc {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .blog-element__desc {
    gap: 1.25rem;
  }
}
.blog-element__desc > * {
  margin-bottom: 0;
}
.blockquote {
  background-color: #f1f2f6;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  font-size: 1.25rem;
  gap: 1rem;
  letter-spacing: -0.01em;
  line-height: 1.5;
  min-height: 8rem;
  padding: 1.5rem;
  position: relative;
}
@media (min-width: 992px) {
  .blockquote {
    padding: 1.75rem 2.5rem 1.75rem 12.5rem;
  }
}
.blockquote:before {
  content: url('data:image/svg+xml,<svg viewBox="0 0 97 84" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38.4 0L23.4 60.9L19.8 43.5C25.6 43.5 30.4 45.3 34.2 48.9C38 52.5 39.9 57.3 39.9 63.3C39.9 69.3 38 74.2 34.2 78C30.4 81.8 25.7 83.7 20.1 83.7C14.3 83.7 9.5 81.8 5.7 78C1.9 74 0 69.1 0 63.3C0 61.3 0.0999998 59.4 0.299999 57.6C0.7 55.8 1.3 53.7 2.1 51.3C2.9 48.7 4 45.6 5.4 42L19.5 0H38.4ZM95.1 0L80.1 60.9L76.5 43.5C82.3 43.5 87.1 45.3 90.9 48.9C94.7 52.5 96.6 57.3 96.6 63.3C96.6 69.3 94.7 74.2 90.9 78C87.1 81.8 82.4 83.7 76.8 83.7C71 83.7 66.2 81.8 62.4 78C58.6 74 56.7 69.1 56.7 63.3C56.7 61.3 56.8 59.4 57 57.6C57.4 55.8 58 53.7 58.8 51.3C59.6 48.7 60.7 45.6 62.1 42L76.2 0H95.1Z" fill="%23FF4F75"/></svg>');
  height: 2.5rem;
  width: 3rem;
}
@media (min-width: 992px) {
  .blockquote:before {
    height: 5.25rem;
    left: 2.5rem;
    position: absolute;
    top: 2.5rem;
    width: 6rem;
  }
}
.subscribe__list {
  display: grid;
  gap: 1.25rem;
}
@media (min-width: 992px) {
  .subscribe__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.subscribe__item {
  background-color: #180a73;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.5rem 2.5rem 2.25rem;
}
.subscribe__item--logo {
  display: flex;
}
.subscribe__item--logo a {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  padding: 0.75rem;
  transition: 0.4s ease;
}
.subscribe__item--logo a:hover {
  background-color: #694aff;
}
.subscribe__item--logo a svg {
  height: 1.75rem;
  width: 1.75rem;
}
.subscribe__item--title {
  color: rgba(255, 255, 255, 0.5);
  font-family: 'Unbounded';
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.1;
  max-width: 17.5rem;
}
.subscribe__item--title a {
  color: #fff;
  transition: 0.4s ease;
}
.subscribe__item--title a:hover {
  color: #694aff;
}
.subscribe__item--link {
  display: flex;
}
.subscribe__item--link a {
  max-width: 12.5rem;
  padding: 1rem 2.25rem;
}
.partners__list {
  margin: 0 -0.25rem;
}
.partners__list:before {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100vw;
  z-index: 5;
}
.partners__list .slick-list {
  overflow: visible;
}
.partners__item {
  display: flex;
  padding: 0 0.25rem;
}
.partners__item > a,
.partners__item > div {
  align-items: center;
  background-color: #f1f2f6;
  border-radius: 1rem;
  color: #180a73;
  display: flex;
  gap: 0.5rem;
  max-width: 10rem;
  padding: 0.75rem;
  transition: 0.4s ease;
  width: 100%;
}
@media (min-width: 992px) {
  .partners__item > a,
  .partners__item > div {
    border-radius: 2rem;
    gap: 0.75rem;
    max-width: unset;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}
.partners__item > a:hover,
.partners__item > div:hover {
  background-color: #180a73;
  color: #fff;
  text-decoration: none;
}
.partners__item--picture {
  border-radius: 50%;
  flex-shrink: 0;
  height: 2.5rem;
  overflow: hidden;
  width: 2.5rem;
}
@media (min-width: 992px) {
  .partners__item--picture {
    height: 3.75rem;
    width: 3.75rem;
  }
}
.partners__item--title {
  font-size: 0.75rem;
}
@media (min-width: 992px) {
  .partners__item--title {
    font-size: 1.25rem;
  }
}
.direction-header {
  display: grid;
}
@media (min-width: 992px) {
  .direction-header {
    grid-template-columns: 57.5% 42.5%;
  }
}
.direction-header__text {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.75rem 1.25rem 3rem;
  position: relative;
}
@media (min-width: 992px) {
  .direction-header__text {
    border-radius: 2rem;
    gap: 1.75rem;
    padding: 3.5rem 4.5rem 3.5rem 3.5rem;
  }
}
.direction-header__text--top {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-right: 3.5rem;
}
@media (min-width: 992px) {
  .direction-header__text--top {
    padding-right: 0;
  }
}
.direction-header__text--logotype {
  height: 3.5rem;
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  width: 3.5rem;
}
@media (min-width: 992px) {
  .direction-header__text--logotype {
    display: none;
  }
}
.direction-header__text--desc {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 992px) {
  .direction-header__text--desc {
    gap: 2.25rem;
  }
}
.direction-header__subtitle {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.9;
}
@media (min-width: 992px) {
  .direction-header__subtitle {
    font-size: 1.25rem;
  }
}
.direction-header__title {
  font-size: 2rem;
}
@media (min-width: 992px) {
  .direction-header__title {
    font-size: 2.75rem;
  }
}
.direction-header__desc {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .direction-header__desc {
    font-size: 1.125rem;
  }
}
.direction-header__slogan {
  font-weight: 600;
}
.direction-header__peculiarities ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  font-weight: 500;
  gap: 0.5rem;
  letter-spacing: -0.01em;
  line-height: 1.2;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .direction-header__peculiarities ul {
    font-size: 1rem;
  }
}
.direction-header__peculiarities ul li {
  background-color: #fff;
  border-radius: 1rem;
  padding: 0.5rem 1.5rem 0.75rem;
  width: 100%;
}
@media (min-width: 992px) {
  .direction-header__peculiarities ul li {
    border-radius: 2.5rem;
    display: inline-block;
    padding: 0.75rem 1.25rem;
    width: auto;
  }
}
.direction-header__picture {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 992px) {
  .direction-header__picture {
    grid-template-rows: 0.5fr 1fr 0.375fr;
  }
}
.direction-header__picture > * {
  min-width: 0;
}
.direction-header__image {
  grid-row: 1/3;
  position: relative;
}
.direction-header__image img {
  aspect-ratio: 1/1;
  border-radius: 1.5rem 50% 1.5rem 1.5rem;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: top center;
}
@media (min-width: 992px) {
  .direction-header__image img {
    border-radius: 2rem 11.25rem 2rem 2rem;
  }
}
.direction-header__logotype {
  aspect-ratio: 1/1;
  height: auto;
  left: 100%;
  position: absolute;
  top: 0;
  transform: translateX(-57.5%);
  width: 22.5%;
}
.direction-header__decor--01 {
  background-color: #180a73;
  background-image: url('../images/pattern.svg');
  background-position: center;
  background-repeat: repeat-x;
  background-size: auto 60%;
  border-radius: 100% 0.75rem 1.5rem;
}
@media (min-width: 992px) {
  .direction-header__decor--01 {
    border-radius: 100% 2rem 2rem;
  }
}
.direction-header__decor--02 {
  background-color: #180a73;
  border-radius: 0.75rem 10rem 0.75rem 0.75rem;
  grid-row: 2/4;
  position: relative;
}
@media (min-width: 992px) {
  .direction-header__decor--02 {
    border-radius: 1rem 12.5rem 1rem 2rem;
  }
}
.direction-header__decor--02:before {
  aspect-ratio: 1/1;
  background-color: #180a73;
  border-radius: 50%;
  content: '';
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 31%;
}
.direction-header__decor--03 {
  border-radius: 1.5rem 3.5rem 3.5rem 1.5rem;
  overflow: hidden;
  position: relative;
}
@media (min-width: 992px) {
  .direction-header__decor--03 {
    border-radius: 2rem 5rem 5rem 2rem;
  }
}
.direction-header__decor--03 > div {
  background-position: -100% center;
  background-repeat: no-repeat;
  background-size: cover;
  left: 15%;
  height: 125%;
  opacity: 0.16;
  position: absolute;
  width: 100%;
}
.direction-marquee {
  display: grid;
  margin: 0 -1rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .direction-marquee {
    grid-template-columns: 1fr repeat(2, auto);
    margin: 0;
  }
}
.direction-marquee__list {
  align-items: center;
  background-color: #180a73;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-family: 'Unbounded';
  font-size: 0.75rem;
  gap: 2.5rem;
  min-width: 100%;
  line-height: 1.1;
  overflow: hidden;
  padding: 1.25rem 1rem;
  position: relative;
}
@media (min-width: 992px) {
  .direction-marquee__list {
    border-radius: 2rem;
  }
}
.direction-marquee__list:hover > div {
  animation-play-state: paused;
}
.direction-marquee__list:before,
.direction-marquee__list:after {
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  width: 1rem;
  z-index: 10;
}
.direction-marquee__list:before {
  background-image: linear-gradient(to right, #180a73 25%, rgba(255, 255, 255, 0));
  left: 0;
}
.direction-marquee__list:after {
  background-image: linear-gradient(to left, #180a73 25%, rgba(255, 255, 255, 0));
  right: 0;
}
.direction-marquee__item {
  animation: marquee 30s linear infinite;
  flex: 0 0 auto;
  white-space: nowrap;
}
@media (min-width: 992px) {
  .direction-marquee__item {
    border-radius: 2rem;
    font-size: 1rem;
  }
}
.direction-marquee__picture {
  border-radius: 2rem;
  display: none;
  flex-shrink: 0;
  padding: 1rem;
}
@media (min-width: 992px) {
  .direction-marquee__picture {
    display: flex;
  }
}
.direction-marquee__picture svg {
  height: 3rem;
  width: 3rem;
}
.direction-events {
  display: grid;
  gap: 2rem;
}
@media (min-width: 992px) {
  .direction-events {
    gap: 3rem;
    grid-template-columns: 1fr auto;
  }
}
.direction-events > * {
  min-width: 0;
}
.direction-events__title {
  align-content: center;
}
.direction-events__organizer {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
}
.direction-events__organizer--logo {
  flex-shrink: 0;
  height: 4rem;
  width: 4rem;
}
.direction-events__organizer--text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.direction-events__organizer--text > div {
  color: rgba(24, 10, 115, 0.5);
  font-size: 0.75rem;
}
@media (min-width: 992px) {
  .direction-events__organizer--text > div {
    font-size: 1rem;
  }
}
.direction-events__organizer--text h2 {
  font-size: 1.25rem;
  letter-spacing: -0.01em;
}
@media (min-width: 992px) {
  .direction-events__organizer--text h2 {
    font-size: 1.5rem;
  }
}
.direction-events__arrows {
  display: none;
}
@media (min-width: 992px) {
  .direction-events__arrows {
    align-items: flex-end;
    display: flex;
    gap: 0.75rem;
    justify-content: center;
  }
}
.direction-events__list {
  margin: 0 -0.25rem;
  position: relative;
}
@media (min-width: 992px) {
  .direction-events__list {
    grid-column: 1/3;
    margin: 0 -0.5rem;
  }
}
.direction-events__list:before {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100vw;
  z-index: 5;
}
.direction-events__list .swiper-slide {
  margin: 0 0.25rem;
  max-width: 17.5rem;
}
@media (min-width: 992px) {
  .direction-events__list .swiper-slide {
    margin: 0 0.5rem;
    max-width: 22.5rem;
  }
}
.career-activities {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (min-width: 992px) {
  .career-activities {
    gap: 1.25rem;
  }
}
.career-activities__select {
  display: none;
  gap: inherit;
}
@media (min-width: 992px) {
  .career-activities__select {
    display: flex;
    flex-wrap: wrap;
  }
}
.career-activities__select--item {
  cursor: pointer;
  display: flex;
  flex: 1 0;
  gap: 0.5rem;
  pointer-events: none;
}
.career-activities__select--item.active .career-activities__select--title {
  border-color: #694aff;
  color: #694aff;
}
.career-activities__select--item.active .career-activities__select--button > button {
  background-color: #694aff;
}
.career-activities__select--item.active .career-activities__select--button > button svg {
  transform: scale(1, -1);
}
.career-activities__select--title {
  align-items: center;
  border: 2px solid #180a73;
  border-radius: 1.5rem;
  display: flex;
  flex-grow: 1;
  font-family: 'Unbounded';
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
  padding: 1rem 1.25rem;
  pointer-events: all;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .career-activities__select--title {
    font-size: 1.25rem;
    justify-content: center;
    padding: 0.5rem 1rem;
    text-align: center;
  }
}
.career-activities__select--button {
  flex-shrink: 0;
}
.career-activities__select--button > button {
  background-color: #180a73;
  border-radius: 1.5rem;
  display: flex;
  padding: 1.25rem;
  pointer-events: all;
  transition: 0.4s ease;
}
.career-activities__select--button > button > div {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px dashed #fff;
  border-radius: 50%;
  display: flex;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}
.career-activities__select--button > button svg {
  height: 0.75rem;
  width: 0.75rem;
}
.career-activities__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .career-activities__list {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .career-activities__list .career-activities__select--item {
    display: none;
  }
}
.career-activities__item {
  display: none;
  flex: 1 0 100%;
  overflow: hidden;
}
.career-activities__item.active {
  display: block;
}
.career-activities__item > div {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: flex;
  padding: 1.5rem;
}
@media (min-width: 992px) {
  .career-activities__item > div {
    border-radius: 2rem;
    padding: 3.5rem;
  }
}
.career-activities__item--detail {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}
@media (min-width: 992px) {
  .career-activities__item--detail {
    gap: 3.5rem;
  }
}
.career-activities__item--desc {
  line-height: 1.4;
  text-align: center;
}
@media (min-width: 992px) {
  .career-activities__item--desc {
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    line-height: 1.35;
  }
}
.career-activities-vacancies {
  display: grid;
  gap: 1rem;
  grid-template-rows: repeat(3, auto) repeat(2, 1fr);
  grid-auto-flow: dense;
}
@media (min-width: 992px) {
  .career-activities-vacancies {
    gap: 1.25rem;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
  }
}
.career-activities-vacancies__title {
  align-content: center;
}
@media (min-width: 992px) {
  .career-activities-vacancies__title {
    grid-column: 1/3;
  }
}
.career-activities-vacancies__title a {
  color: #180a73;
  font-family: 'Unbounded';
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  left: 1.35em;
  transition: 0.4s ease;
}
.career-activities-vacancies__title a:hover {
  color: #694aff;
}
.career-activities-vacancies__list {
  display: grid;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .career-activities-vacancies__list {
    gap: inherit;
    grid-column: 1/4;
    grid-template-columns: repeat(3, 1fr);
  }
}
.career-activities-vacancies__list .vacancies-section__item {
  background-color: #fff;
}
.career-activities-vacancies__link {
  display: flex;
}
@media (min-width: 992px) {
  .career-activities-vacancies__link {
    justify-content: flex-end;
  }
}
.career-activities-vacancies__link a {
  align-items: center;
  border: 2px solid #180a73;
  border-radius: 1rem;
  color: #180a73;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  justify-content: center;
  padding: 1rem;
  transition: 0.4s ease;
  width: 100%;
}
@media (min-width: 992px) {
  .career-activities-vacancies__link a {
    border: 0;
    border-radius: 0;
    padding: 0;
    width: auto;
  }
}
.career-activities-vacancies__link a:hover {
  border-color: #694aff;
  color: #694aff;
  text-decoration: none;
}
.career-activities-vacancies__link a:hover svg [fill] {
  fill: #694aff;
}
.career-activities-vacancies__link a:hover svg [stroke] {
  stroke: #694aff;
}
.career-activities-vacancies__link a svg {
  flex-shrink: 0;
  height: 0.75rem;
  width: 0.75rem;
}
.career-activities-vacancies__desc {
  background-color: #694aff;
  border-radius: 1.5rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
  padding: 1.25rem 1.75rem;
}
.career-activities-vacancies__desc--title {
  font-size: 1.25rem;
}
.career-activities-vacancies__desc--text {
  opacity: 0.7;
}
.career-activities-vacancies__decor {
  align-items: flex-end;
  background-color: #180a73;
  background-image: url('../images/pattern.svg');
  background-position: center;
  background-repeat: repeat-x;
  background-size: auto 80%;
  border-radius: 1.5rem;
  color: #fff;
  display: flex;
  font-family: 'Unbounded';
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
  padding: 1.25rem 1.75rem;
}
@media (min-width: 992px) {
  .career-activities-vacancies__decor {
    background-size: auto 80%;
    font-size: 2rem;
    grid-column: span 2;
  }
}
.career-activities-understand {
  display: grid;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .career-activities-understand {
    gap: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.career-activities-understand__item {
  background-color: #180a73;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  padding: 1.25rem 1.75rem;
}
.career-activities-understand__item--text {
  display: flex;
  flex: 1 0;
  flex-direction: column;
  gap: 2.75rem;
}
.career-activities-understand__item--link {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 0.25rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
  opacity: 0.7;
  transition: 0.4s ease;
}
.career-activities-understand__item--link:hover {
  color: #fff;
  opacity: 1;
  text-decoration: none;
}
.career-activities-understand__item--link svg {
  height: 0.75rem;
  width: 0.75rem;
}
.career-activities-understand__item--name {
  color: #fff;
  font-family: 'Unbounded';
  font-weight: 600;
  line-height: 1.1;
}
@media (min-width: 992px) {
  .career-activities-understand__item--name {
    font-size: 1.5em;
  }
}
.career-activities-understand__item--logotype {
  display: none;
  flex-shrink: 0;
  height: 3.5rem;
  width: 3.5rem;
}
@media (min-width: 992px) {
  .career-activities-understand__item--logotype {
    display: flex;
  }
}
.career-activities-understand__item--button {
  align-items: center;
  display: flex;
  margin: 0 auto;
  max-width: 20rem;
}
.career-activities-startup {
  align-items: center;
  background-color: #180a73;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.75rem 2rem;
}
@media (min-width: 992px) {
  .career-activities-startup {
    border-radius: 2rem;
    gap: 1.5rem;
    padding: 3rem;
  }
}
.career-activities-startup__desc {
  color: #fff;
  font-family: 'Unbounded';
  font-weight: 600;
  line-height: 1.1;
  max-width: 40rem;
  text-align: center;
}
@media (min-width: 992px) {
  .career-activities-startup__desc {
    font-size: 1.5rem;
  }
}
.evolution-advantages {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 992px) {
  .evolution-advantages {
    gap: 3rem;
  }
}
@media (min-width: 992px) {
  .evolution-advantages__title {
    text-align: center;
  }
}
.evolution-advantages__list {
  position: relative;
}
@media (min-width: 992px) {
  .evolution-advantages__list {
    grid-column: 1/3;
  }
}
.evolution-advantages__list .swiper {
  overflow: visible;
}
.evolution-advantages__list .swiper-slide {
  display: flex;
  height: auto;
  margin: 0 0.25rem;
  max-width: 17.5rem;
  min-height: 17.5rem;
  padding: 1rem 0;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .evolution-advantages__list .swiper-slide {
    margin: 0 0.75rem;
    max-width: 22.5rem;
    padding: 1.5rem 0;
  }
}
.evolution-advantages__list .swiper-slide-active {
  padding: 0;
}
.evolution-advantages__list .active .evolution-advantages__item--upper {
  opacity: 0;
  transform: rotateY(-180deg);
}
.evolution-advantages__list .active .evolution-advantages__item--under {
  opacity: 1;
  pointer-events: all;
  transform: none;
}
.evolution-advantages__list .active .evolution-advantages__item--button svg {
  transform: rotateX(-180deg) rotateY(-180deg);
}
.evolution-advantages__item {
  cursor: pointer;
  display: flex;
  position: relative;
  width: 100%;
}
.evolution-advantages__item--upper,
.evolution-advantages__item--under {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.5rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1.75rem 2rem 3.25rem;
  transition: 0.4s ease;
  width: 100%;
}
.evolution-advantages__item--upper {
  bottom: 0;
  position: absolute;
  top: 0;
}
.evolution-advantages__item--under {
  height: inherit;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: relative;
  transform: rotateY(180deg);
  transform-origin: bottom;
}
.evolution-advantages__item--under:after {
  background-image: linear-gradient(164.63deg, rgba(0, 128, 64, 0.9) 47.8%, #02CA66 123.61%);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.evolution-advantages__item--title {
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.35;
  text-align: center;
  z-index: 5;
}
@media (min-width: 992px) {
  .evolution-advantages__item--title {
    font-size: 1.25rem;
  }
}
.evolution-advantages__item--desc {
  font-size: 0.75rem;
  transition: 0.4s ease;
  z-index: 5;
}
@media (min-width: 992px) {
  .evolution-advantages__item--desc {
    font-size: 1rem;
  }
}
.evolution-advantages__item--desc ul {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  line-height: 1.35;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.evolution-advantages__item--desc ul li {
  position: relative;
}
.evolution-advantages__item--desc ul li:after {
  background-color: #fff;
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  top: calc(100% + (1.25rem / 2 - 1px));
  width: 100%;
}
.evolution-advantages__item--button {
  bottom: 0.75rem;
  pointer-events: all;
  position: absolute;
  right: 0.75rem;
}
.evolution-advantages__item--button button {
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(0.75rem);
  border-radius: 50%;
  font-size: 0;
  padding: 1rem;
}
.evolution-advantages__item--button button svg {
  height: 0.75rem;
  transition: 0.4s ease;
  width: 0.75rem;
}
.evolution-advantages__slogan > div {
  border-radius: 1rem;
  border: 2px solid #180a73;
  font-family: 'Unbounded';
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin: 0 auto;
  max-width: 18rem;
  padding: 1.25rem 1.75rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  .evolution-advantages__slogan > div {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    max-width: unset;
  }
}
.evolution-courses__empty {
  align-items: center;
  background-color: #00cc66;
  background-image: url('data:image/svg+xml,<svg width="330" height="240" viewBox="0 0 330 240" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_643_63" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="330" height="240"><rect width="330" height="240" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_643_63)"><path fill-rule="evenodd" clip-rule="evenodd" d="M61.5906 230.159H45.5187V325H-43.2656V230.159H-62.5349V230.102H-83L-62.5349 202.804L-52.9977 190.083L-31.5035 161.388L-0.472334 120L30.5591 161.388L61.5906 202.804V202.89L82 230.102H61.5906V230.159Z" fill="white" fill-opacity="0.16"/><path fill-rule="evenodd" clip-rule="evenodd" d="M226.591 127.159H210.519V222H121.734V127.159H102.465V127.102H82L102.465 99.8041L112.002 87.0826L133.497 58.388L164.528 17L195.559 58.388L226.591 99.8041V99.8898L247 127.102H226.591V127.159Z" fill="white" fill-opacity="0.16"/><path fill-rule="evenodd" clip-rule="evenodd" d="M61.5906 -9.84138H45.5187V85H-43.2656V-9.84138H-62.5349V-9.89849H-83L-62.5349 -37.1959L-52.9977 -49.9174L-31.5035 -78.612L-0.472334 -120L30.5591 -78.612L61.5906 -37.1959V-37.1102L82 -9.89849H61.5906V-9.84138Z" fill="white" fill-opacity="0.16"/><path fill-rule="evenodd" clip-rule="evenodd" d="M391.591 -9.84138H375.519V85H286.734V-9.84138H267.465V-9.89849H247L267.465 -37.1959L277.002 -49.9174L298.497 -78.612L329.528 -120L360.559 -78.612L391.591 -37.1959V-37.1102L412 -9.89849H391.591V-9.84138Z" fill="white" fill-opacity="0.16"/><path fill-rule="evenodd" clip-rule="evenodd" d="M391.591 230.159H375.519V325H286.734V230.159H267.465V230.102H247L267.465 202.804L277.002 190.083L298.497 161.388L329.528 120L360.559 161.388L391.591 202.804V202.89L412 230.102H391.591V230.159Z" fill="white" fill-opacity="0.16"/></g></svg>');
  background-position: center;
  background-size: 40%;
  border-radius: 2.25rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  line-height: 1.1;
  padding: 5rem 0.5rem;
  text-align: center;
}
@media (min-width: 992px) {
  .evolution-courses__empty {
    background-size: auto;
  }
}
.evolution-courses__empty--title {
  font-family: 'Unbounded';
  font-size: 1.5rem;
  font-weight: 600;
  max-width: 30rem;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .evolution-courses__empty--title {
    font-size: 1.75rem;
  }
}
.evolution-speakers {
  display: grid;
  gap: 2rem;
}
@media (min-width: 992px) {
  .evolution-speakers {
    gap: 3rem;
    grid-template-columns: 1fr auto;
  }
}
.evolution-speakers > * {
  min-width: 0;
}
.evolution-speakers__arrows {
  display: none;
}
@media (min-width: 992px) {
  .evolution-speakers__arrows {
    align-items: flex-end;
    display: flex;
    gap: 0.75rem;
    justify-content: center;
  }
}
.evolution-speakers__list {
  margin: 0 -0.25rem;
  position: relative;
}
@media (min-width: 992px) {
  .evolution-speakers__list {
    grid-column: 1/3;
    margin: 0 -0.5rem;
  }
}
.evolution-speakers__list:before {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100vw;
  z-index: 5;
}
.evolution-speakers__list .swiper-slide {
  margin: 0 0.25rem;
  max-width: 17.5rem;
}
@media (min-width: 992px) {
  .evolution-speakers__list .swiper-slide {
    margin: 0 0.75rem;
    max-width: 22.5rem;
  }
}
.evolution-speakers__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .evolution-speakers__item {
    gap: 0.75rem;
  }
}
.evolution-speakers__item--picture {
  aspect-ratio: 387/334;
  border-radius: 1.25rem;
  overflow: hidden;
}
.evolution-speakers__item--picture img {
  min-height: 100%;
  min-width: 100%;
}
.evolution-speakers__item--text {
  border: 2px solid #180a73;
  border-radius: 1.75rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.75rem;
  padding: 1.75rem 1.75rem 3rem;
}
@media (min-width: 992px) {
  .evolution-speakers__item--text {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.evolution-speakers__item--title {
  font-family: 'Unbounded';
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .evolution-speakers__item--title {
    font-size: 1.5em;
    line-height: 1.1;
  }
}
.evolution-speakers__item--position {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .evolution-speakers__item--position {
    font-size: 1.25rem;
    letter-spacing: -0.01em;
  }
}
.evolution-speakers__item--desc {
  font-size: 0.75rem;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .evolution-speakers__item--desc {
    font-size: 1rem;
    letter-spacing: -0.01em;
    line-height: 1.35;
  }
}
.evolution-activities {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (min-width: 992px) {
  .evolution-activities {
    gap: 1.25rem;
  }
}
.evolution-activities__select {
  display: none;
  flex-wrap: wrap;
  gap: inherit;
}
@media (min-width: 992px) {
  .evolution-activities__select {
    display: flex;
  }
}
.evolution-activities__select--item {
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  gap: 0.5rem;
  pointer-events: none;
}
.evolution-activities__select--item.active .evolution-activities__select--title {
  border-color: #694aff;
  color: #694aff;
}
.evolution-activities__select--item.active .evolution-activities__select--button > button {
  background-color: #694aff;
}
.evolution-activities__select--item.active .evolution-activities__select--button > button svg {
  transform: scale(1, -1);
}
.evolution-activities__select--title {
  align-items: center;
  border: 2px solid #180a73;
  border-radius: 1.5rem;
  display: flex;
  flex-grow: 1;
  font-family: 'Unbounded';
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
  padding: 1.25rem;
  pointer-events: all;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .evolution-activities__select--title {
    font-size: 1.25rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
.evolution-activities__select--button {
  flex-shrink: 0;
}
.evolution-activities__select--button > button {
  background-color: #180a73;
  border-radius: 1.5rem;
  display: flex;
  padding: 1.25rem;
  pointer-events: all;
  transition: 0.4s ease;
}
.evolution-activities__select--button > button > div {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px dashed #fff;
  border-radius: 50%;
  display: flex;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}
.evolution-activities__select--button > button svg {
  height: 0.75rem;
  width: 0.75rem;
}
.evolution-activities__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .evolution-activities__list {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .evolution-activities__list .evolution-activities__select--item {
    display: none;
  }
}
.evolution-activities__item {
  display: none;
  flex: 1 0 100%;
  overflow: hidden;
}
.evolution-activities__item.active {
  display: block;
}
.evolution-activities__item > div {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: grid;
  gap: 1.5rem;
  padding: 1.5rem;
}
@media (min-width: 992px) {
  .evolution-activities__item > div {
    border-radius: 2rem;
    gap: 4rem;
    padding: 3.5rem;
  }
}
.evolution-activities__item--title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .evolution-activities__item--title {
    font-size: 1.5rem;
    text-align: center;
  }
}
.evolution-activities__item--detail {
  display: grid;
  gap: inherit;
  grid-auto-flow: dense;
}
@media (min-width: 992px) {
  .evolution-activities__item--detail {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .evolution-activities__item--detail > *:nth-child(4n+1) {
    grid-column: 2/3;
  }
}
.evolution-activities__item--text {
  line-height: 1.4;
}
@media (min-width: 992px) {
  .evolution-activities__item--text {
    font-size: 1.25rem;
    line-height: 1.6;
  }
}
.evolution-activities__item--picture {
  border-radius: 1.5rem;
  overflow: hidden;
}
.evolution-activities__item--picture img {
  min-height: 100%;
  min-width: 100%;
}
.evolution-activities__item--gallery {
  margin: 0 -0.25rem;
  position: relative;
}
@media (min-width: 992px) {
  .evolution-activities__item--gallery {
    margin: 0 -0.75rem;
  }
}
.evolution-activities__item--gallery:before {
  background-color: #f1f2f6;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100vw;
  z-index: 5;
}
.evolution-activities__item--gallery .swiper {
  overflow: visible;
}
.evolution-activities__item--gallery .swiper-slide {
  border-radius: 1.5rem;
  margin: 0 0.25rem;
  max-width: 12.5rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .evolution-activities__item--gallery .swiper-slide {
    border-radius: 2rem;
    margin: 0 0.75rem;
    max-width: 25rem;
  }
}
.sport-project {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.sport-project__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .sport-project__list {
    flex-direction: row;
    gap: 1.25rem;
  }
}
.sport-project__item {
  display: flex;
  flex: 1 0;
  flex-direction: column;
  gap: inherit;
}
.sport-project__item--text {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: flex;
  flex: 1 0;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.5rem 1.25rem;
}
@media (min-width: 992px) {
  .sport-project__item--text {
    padding: 1.5rem 2.25rem;
  }
}
.sport-project__item--title {
  font-family: 'Unbounded';
  font-size: 1.25rem;
  font-weight: 600;
}
@media (min-width: 992px) {
  .sport-project__item--title {
    font-size: 1.5rem;
  }
}
.sport-project__item--desc {
  flex: 1 0;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .sport-project__item--desc {
    font-size: 1.25rem;
  }
}
.sport-project__item--button a {
  font-family: 'TT Norms';
}
@media (min-width: 992px) {
  .sport-project__item--button a {
    max-width: 10rem;
  }
}
.sport-project__item--picture {
  border-radius: 1.5rem;
  overflow: hidden;
}
.sport-project__item--picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}
.sport-activities__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .sport-activities__list {
    flex-direction: row;
    gap: 1.25rem;
  }
}
.sport-activities__item {
  display: flex;
  flex: 1 0;
  flex-direction: column;
  gap: inherit;
}
.sport-activities__item--title {
  background-color: #a6E300;
  border-radius: 1.25rem;
  color: #fff;
  font-family: 'Unbounded';
  font-size: 1.25rem;
  line-height: 1.1;
  padding: 1rem 1.5rem;
}
@media (min-width: 992px) {
  .sport-activities__item--title {
    border-radius: 2rem;
    font-size: 1.5rem;
    padding: 1.5rem 2.5rem;
  }
}
.sport-activities__item--text {
  background-color: #180a73;
  border-radius: 1.5rem;
  color: #fff;
  flex: 1 0;
  letter-spacing: -0.01em;
  line-height: 1.35;
  padding: 1.25rem 1.75rem;
}
@media (min-width: 992px) {
  .sport-activities__item--text {
    border-radius: 2rem;
    padding: 2.25rem 2.5rem;
  }
}
.sport-activities__item--subtitle {
  font-size: 1.25rem;
  font-weight: 500;
}
.sport-activities__item--picture {
  border-radius: 1.5rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .sport-activities__item--picture {
    border-radius: 2rem;
  }
}
.sport-activities__item--picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}
.sport-champions {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.sport-champions__list {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
}
@media (min-width: 992px) {
  .sport-champions__list {
    gap: 1.25rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
.sport-champions__item {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.sport-champions__item--title {
  background-color: #180a73;
  color: #fff;
  font-family: 'Unbounded';
  font-weight: 600;
  padding: 0.75rem;
  text-align: center;
  text-transform: uppercase;
}
.sport-champions__item--text {
  align-items: center;
  display: flex;
  flex: 1 0;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  padding: 1.25rem 0.75rem 2rem;
  text-align: center;
}
@media (min-width: 992px) {
  .sport-champions__item--text {
    gap: 0.75rem;
    padding: 1.75rem 1rem;
  }
}
.sport-champions__item--text.disabled {
  opacity: 0.6;
}
.sport-champions__item--date {
  font-family: 'Unbounded';
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
}
@media (min-width: 992px) {
  .sport-champions__item--date {
    font-size: 2.5rem;
  }
}
.sport-champions__item--desc {
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .sport-champions__item--desc {
    font-size: 1.25rem;
  }
}
.sport-champions__item--subtitle {
  font-family: 'Unbounded';
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .sport-champions__item--subtitle {
    font-size: 1.5rem;
  }
}
.sport-champions__item--status {
  background-color: #a6E300;
  color: #fff;
  font-family: 'Unbounded';
  font-weight: 600;
  left: 50%;
  padding: 0.5rem;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 50%;
  transform: translate(-50%, -25%) rotate(-4deg);
  width: 125%;
}
.sport-rating {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 992px) {
  .sport-rating {
    gap: 3rem;
  }
}
.sport-rating > * {
  min-width: 0;
}
.sport-rating__select--list {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  justify-content: space-between;
  min-width: 100%;
  overflow-X: auto;
  overflow-y: hidden;
}
@media (min-width: 992px) {
  .sport-rating__select--list {
    gap: 1.25rem;
  }
}
.sport-rating__select--list::-webkit-scrollbar {
  display: none;
}
.sport-rating__select--item {
  background-color: rgba(24, 10, 115, 0.22);
  border-radius: 1.5rem 1.5rem 0 0;
  color: rgba(24, 10, 115, 0.29);
  cursor: pointer;
  flex: 1 0;
  font-family: 'TT Norms';
  font-weight: 600;
  line-height: 1.1;
  padding: 1rem 3rem;
  text-align: center;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .sport-rating__select--item {
    border-radius: 2rem 2rem 0 0;
    font-size: 1.5rem;
  }
}
.sport-rating__select--item.active {
  background-color: #180a73;
  color: #fff;
  pointer-events: none;
}
.sport-rating__list {
  overflow-X: auto;
  overflow-y: hidden;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .sport-rating__list {
    overflow: unset;
    padding-bottom: 0;
  }
}
.sport-rating__list::-webkit-scrollbar {
  height: 0.25rem;
}
.sport-rating__list::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 1rem;
}
.sport-rating__list::-webkit-scrollbar-thumb {
  background-color: #180a73;
  border-radius: 1rem;
  height: 0.25rem;
}
.sport-rating__item > div {
  display: grid;
  grid-template-columns: auto 1.5fr repeat(8, 1fr);
  letter-spacing: -0.01em;
}
.sport-rating__item > div > * {
  border-bottom: 1px solid rgba(24, 10, 115, 0.2);
}
.sport-rating__item--header-num,
.sport-rating__item--header-name,
.sport-rating__item--header-value,
.sport-rating__item--header-sum,
.sport-rating__item--header-rating {
  align-items: center;
  background-color: #180a73;
  color: #fff;
  display: flex;
  padding: 0.5rem 1rem;
}
.sport-rating__item--header-sum,
.sport-rating__item--header-rating {
  font-weight: 600;
  justify-content: center;
}
.sport-rating__item--header-num {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.35;
}
.sport-rating__item--header-name {
  font-weight: 600;
  white-space: nowrap;
}
.sport-rating__item--header-value {
  font-size: 0.75rem;
  line-height: 1.15;
}
.sport-rating__item--num,
.sport-rating__item--name,
.sport-rating__item--value,
.sport-rating__item--sum,
.sport-rating__item--rating {
  align-items: center;
  display: flex;
  line-height: 1.35;
  min-height: 3rem;
  padding: 0.25rem 1rem;
}
.sport-rating__item--num,
.sport-rating__item--name,
.sport-rating__item--sum,
.sport-rating__item--rating {
  background-color: rgba(24, 10, 115, 0.7);
  color: #fff;
}
.sport-rating__item--sum,
.sport-rating__item--rating {
  font-weight: 700;
  justify-content: center;
}
.sport-rating__item--value {
  background-color: #f1f2f6;
  font-weight: 500;
}
.sport-additional {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 992px) {
  .sport-additional {
    gap: 3rem;
  }
}
.sport-additional > * {
  min-width: 0;
}
.sport-additional__list {
  display: grid;
  gap: 0.25rem;
}
@media (min-width: 992px) {
  .sport-additional__list {
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.75rem;
  }
}
.sport-additional__item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
}
.sport-additional__item.active .sport-additional__item--text {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
@media (min-width: 992px) {
  .sport-additional__item.active .sport-additional__item--text {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .sport-additional__item.active .sport-additional__item--name {
    opacity: 0;
    transform: rotateY(-180deg);
    z-index: -10;
  }
}
@media (min-width: 992px) {
  .sport-additional__item.active .sport-additional__item--detail {
    opacity: 1;
    transform: none;
    z-index: 10;
  }
}
@media (min-width: 992px) {
  .sport-additional__item.active .sport-additional__item--picture {
    opacity: 0;
    transform: rotateY(-180deg);
    z-index: -10;
  }
}
.sport-additional__item.active .sport-additional__item--button button {
  padding-top: calc(100%);
}
@media (min-width: 992px) {
  .sport-additional__item.active .sport-additional__item--button button {
    padding-top: 0;
  }
}
.sport-additional__item.active .sport-additional__item--button button svg {
  transform: scale(1, -1);
}
.sport-additional__item--text {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1rem;
  justify-content: center;
  padding: 1rem 1.5rem;
  transition: 0.4s ease;
  width: 100%;
}
@media (min-width: 992px) {
  .sport-additional__item--text {
    background-color: unset;
    border-radius: unset;
    padding: 0;
  }
}
.sport-additional__item--name {
  align-content: center;
  font-family: 'Unbounded';
  font-weight: 600;
  height: 100%;
  min-height: 5rem;
  position: relative;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .sport-additional__item--name {
    background-color: #f1f2f6;
    border-radius: 2rem;
    font-size: 1.5rem;
    line-height: 1.35;
    min-height: 10rem;
    padding: 1.75rem 6rem 1.75rem 2.25rem;
    z-index: 10;
  }
}
.sport-additional__item--name .sport-additional__item--button {
  display: none;
}
@media (min-width: 992px) {
  .sport-additional__item--name .sport-additional__item--button {
    bottom: 0.5rem;
    display: block;
    position: absolute;
    right: 0.5rem;
  }
}
.sport-additional__item--detail {
  display: none;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .sport-additional__item--detail {
    background-color: #f1f2f6;
    border-radius: 2rem;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 2.25rem 0.75rem 1.5rem 2.25rem;
    position: absolute;
    top: 0;
    transform: rotateY(-180deg);
    width: 100%;
    z-index: -1;
  }
}
.sport-additional__item--detail > div {
  display: grid;
  gap: 1rem;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 992px) {
  .sport-additional__item--detail > div {
    grid-template-rows: 1fr auto;
    max-height: 100%;
    padding-right: 2.75rem;
  }
}
.sport-additional__item--desc {
  color: #171718;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .sport-additional__item--desc {
    font-size: 1.125rem;
    height: 100%;
    overflow: auto;
  }
}
.sport-additional__item--desc::-webkit-scrollbar {
  width: 0.25rem;
}
.sport-additional__item--desc::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 1rem;
}
.sport-additional__item--desc::-webkit-scrollbar-thumb {
  background-color: #180a73;
  border-radius: 1rem;
  width: 0.25rem;
}
.sport-additional__item--desc > * {
  margin: 0;
}
.sport-additional__item--desc ul {
  display: flex;
  flex-direction: column;
  gap: inherit;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sport-additional__item--button {
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .sport-additional__item--button {
    display: none;
  }
}
.sport-additional__item--button button {
  background-color: #a6E300;
  border-radius: 1.5rem;
  display: flex;
  padding: 1.25rem;
  pointer-events: all;
  transition: 0.4s ease;
}
.sport-additional__item--button button > div {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px dashed #fff;
  border-radius: 50%;
  display: flex;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}
.sport-additional__item--button button > div svg {
  height: 0.75rem;
  width: 0.75rem;
}
.sport-additional__item--picture {
  display: inherit;
  gap: inherit;
  transition: 0.4s ease;
  z-index: 10;
}
.sport-additional__item--picture > div:first-child {
  border-radius: 1.5rem;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
  width: 0;
}
@media (min-width: 992px) {
  .sport-additional__item--picture > div:first-child {
    border-radius: 2rem;
  }
}
.sport-additional__item--picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  position: absolute;
}
@media (min-width: 992px) {
  .sport-additional__item--picture img {
    position: static;
  }
}
.creative-project {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 992px) {
  .creative-project {
    gap: 3rem;
  }
}
.creative-project > * {
  min-width: 0;
}
.creative-project__list {
  display: grid;
  gap: 0.25rem;
}
@media (min-width: 992px) {
  .creative-project__list {
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.75rem;
  }
}
.creative-project__item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
}
.creative-project__item.active .creative-project__item--text {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
@media (min-width: 992px) {
  .creative-project__item.active .creative-project__item--text {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .creative-project__item.active .creative-project__item--name {
    opacity: 0;
    transform: rotateY(-180deg);
    z-index: -10;
  }
}
@media (min-width: 992px) {
  .creative-project__item.active .creative-project__item--detail {
    opacity: 1;
    transform: none;
    z-index: 10;
  }
}
@media (min-width: 992px) {
  .creative-project__item.active .creative-project__item--picture {
    opacity: 0;
    transform: rotateY(-180deg);
    z-index: -10;
  }
}
.creative-project__item.active .creative-project__item--button button {
  padding-top: calc(100%);
}
@media (min-width: 992px) {
  .creative-project__item.active .creative-project__item--button button {
    padding-top: 0;
  }
}
.creative-project__item.active .creative-project__item--button button svg {
  transform: scale(1, -1);
}
.creative-project__item--text {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1rem;
  justify-content: center;
  padding: 1rem 1.5rem;
  transition: 0.4s ease;
  width: 100%;
}
@media (min-width: 992px) {
  .creative-project__item--text {
    background-color: unset;
    border-radius: unset;
    padding: 0;
  }
}
.creative-project__item--name {
  align-content: center;
  font-family: 'Unbounded';
  font-weight: 600;
  height: 100%;
  min-height: 5rem;
  position: relative;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .creative-project__item--name {
    background-color: #f1f2f6;
    border-radius: 2rem;
    font-size: 1.5rem;
    line-height: 1.35;
    min-height: 10rem;
    padding: 1.75rem 6rem 1.75rem 2.25rem;
    z-index: 10;
  }
}
.creative-project__item--name .creative-project__item--button {
  display: none;
}
@media (min-width: 992px) {
  .creative-project__item--name .creative-project__item--button {
    bottom: 0.5rem;
    display: block;
    position: absolute;
    right: 0.5rem;
  }
}
.creative-project__item--detail {
  display: none;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .creative-project__item--detail {
    background-color: #f1f2f6;
    border-radius: 2rem;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 2.25rem 0.75rem 1.5rem 2.25rem;
    position: absolute;
    top: 0;
    transform: rotateY(-180deg);
    width: 100%;
    z-index: -1;
  }
}
.creative-project__item--detail > div {
  display: grid;
  gap: 1rem;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 992px) {
  .creative-project__item--detail > div {
    grid-template-rows: 1fr auto;
    max-height: 100%;
    padding-right: 2.75rem;
  }
}
.creative-project__item--desc {
  color: #171718;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .creative-project__item--desc {
    font-size: 1.125rem;
    height: 100%;
    overflow: auto;
  }
}
.creative-project__item--desc::-webkit-scrollbar {
  width: 0.25rem;
}
.creative-project__item--desc::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 1rem;
}
.creative-project__item--desc::-webkit-scrollbar-thumb {
  background-color: #180a73;
  border-radius: 1rem;
  width: 0.25rem;
}
.creative-project__item--desc > * {
  margin: 0;
}
.creative-project__item--desc ul {
  display: flex;
  flex-direction: column;
  gap: inherit;
  list-style: none;
  margin: 0;
  padding: 0;
}
.creative-project__item--bottom {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  justify-content: space-between;
}
.creative-project__item--bottom > a {
  background-color: #fff;
  border-radius: 50%;
  padding: 0.75rem;
}
@media (min-width: 992px) {
  .creative-project__item--bottom > a {
    background-color: unset;
    padding: 0;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
  }
}
.creative-project__item--bottom > a svg {
  height: 1.75rem;
  width: 1.75rem;
}
.creative-project__item--link {
  display: flex;
}
.creative-project__item--link a {
  padding: 1.25rem 2.25rem;
}
.creative-project__item--button {
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .creative-project__item--button {
    display: none;
  }
}
.creative-project__item--button button {
  background-color: #d55cf8;
  border-radius: 1.5rem;
  display: flex;
  padding: 1.25rem;
  pointer-events: all;
  transition: 0.4s ease;
}
.creative-project__item--button button > div {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px dashed #fff;
  border-radius: 50%;
  display: flex;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}
.creative-project__item--button button > div svg {
  height: 0.75rem;
  width: 0.75rem;
}
.creative-project__item--picture {
  display: inherit;
  gap: inherit;
  transition: 0.4s ease;
  z-index: 10;
}
.creative-project__item--picture > div:first-child {
  border-radius: 1.5rem;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
  width: 0;
}
@media (min-width: 992px) {
  .creative-project__item--picture > div:first-child {
    border-radius: 2rem;
  }
}
.creative-project__item--picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  position: absolute;
}
@media (min-width: 992px) {
  .creative-project__item--picture img {
    position: static;
  }
}
.creative-invite {
  display: flex;
  flex-wrap: nowrap;
}
.creative-invite__text {
  align-items: center;
  background-color: #d55cf8;
  background-image: url('data:image/svg+xml,<svg width="330" height="240" viewBox="0 0 330 240" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_643_79" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="330" height="240"><rect width="330" height="240" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_643_79)"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.0887 210.373H15.0847H15.0808H15.0769H15.0729H15.069H15.065L14.9352 210.381C16.8911 206.328 20.7637 198.816 25.1754 190.186L38.4461 163.654C42.7161 154.783 46.1007 147.179 47.0688 143.431C48.8831 136.366 43.2474 135.098 38.3556 139.746C-64.3384 227.958 33.936 143.542 -60.1116 224.329C-63.0908 226.884 -67.9 229.745 -67.9984 233.886C-68.0614 236.624 -66.251 238.985 -62.3903 238.628L-16.0887 234.627H-16.0847H-16.0808H-16.0769H-16.0729H-16.069H-16.0651L-15.9352 234.619C-17.8911 238.672 -21.7637 246.185 -26.1755 254.814L-39.4461 281.346C-43.7162 290.217 -47.1007 297.821 -48.0688 301.569C-49.8831 308.634 -44.2474 309.902 -39.3556 305.254C63.3384 217.042 -34.936 301.458 59.1116 220.671C62.0908 218.116 66.9 215.255 66.9984 211.114C67.0614 208.376 65.251 206.015 61.3903 206.372L15.0887 210.373Z" fill="%23FEFEFE" fill-opacity="0.16"/><path fill-rule="evenodd" clip-rule="evenodd" d="M180.089 107.373H180.085H180.081H180.077H180.073H180.069H180.065L179.935 107.381C181.891 103.328 185.764 95.8155 190.175 87.1857L203.446 60.6543C207.716 51.7828 211.101 44.1792 212.069 40.4308C213.883 33.3661 208.247 32.0982 203.356 36.7459C100.662 124.958 198.936 40.5418 104.888 121.329C101.909 123.884 97.1 126.745 97.0016 130.886C96.9386 133.624 98.749 135.985 102.61 135.628L148.911 131.627H148.915H148.919H148.923H148.927H148.931H148.935L149.065 131.619C147.109 135.672 143.236 143.185 138.825 151.814L125.554 178.346C121.284 187.217 117.899 194.821 116.931 198.569C115.117 205.634 120.753 206.902 125.644 202.254C228.338 114.042 130.064 198.458 224.112 117.671C227.091 115.116 231.9 112.255 231.998 108.114C232.061 105.376 230.251 103.015 226.39 103.372L180.089 107.373Z" fill="%23FEFEFE" fill-opacity="0.16"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.0887 -29.6265H15.0847H15.0808H15.0769H15.0729H15.069H15.065L14.9352 -29.6186C16.8911 -33.672 20.7637 -41.1845 25.1754 -49.8143L38.4461 -76.3457C42.7161 -85.2172 46.1007 -92.8208 47.0688 -96.5692C48.8831 -103.634 43.2474 -104.902 38.3556 -100.254C-64.3384 -12.042 33.936 -96.4582 -60.1116 -15.6714C-63.0908 -13.1157 -67.9 -10.255 -67.9984 -6.1144C-68.0614 -3.37646 -66.251 -1.01495 -62.3903 -1.37156L-16.0887 -5.37346H-16.0847H-16.0808H-16.0769H-16.0729H-16.069H-16.0651L-15.9352 -5.38138C-17.8911 -1.32797 -21.7637 6.1845 -26.1755 14.8143L-39.4461 41.3457C-43.7162 50.2173 -47.1007 57.8208 -48.0688 61.5692C-49.8831 68.6339 -44.2474 69.9018 -39.3556 65.2541C63.3384 -22.958 -34.936 61.4582 59.1116 -19.3286C62.0908 -21.8843 66.9 -24.745 66.9984 -28.8856C67.0614 -31.6235 65.251 -33.985 61.3903 -33.6284L15.0887 -29.6265Z" fill="%23FEFEFE" fill-opacity="0.16"/><path fill-rule="evenodd" clip-rule="evenodd" d="M345.089 -29.6265H345.085H345.081H345.077H345.073H345.069H345.065L344.935 -29.6186C346.891 -33.672 350.764 -41.1845 355.175 -49.8143L368.446 -76.3457C372.716 -85.2172 376.101 -92.8208 377.069 -96.5692C378.883 -103.634 373.247 -104.902 368.356 -100.254C265.662 -12.042 363.936 -96.4582 269.888 -15.6714C266.909 -13.1157 262.1 -10.255 262.002 -6.1144C261.939 -3.37646 263.749 -1.01495 267.61 -1.37156L313.911 -5.37346H313.915H313.919H313.923H313.927H313.931H313.935L314.065 -5.38138C312.109 -1.32797 308.236 6.1845 303.825 14.8143L290.554 41.3457C286.284 50.2173 282.899 57.8208 281.931 61.5692C280.117 68.6339 285.753 69.9018 290.644 65.2541C393.338 -22.958 295.064 61.4582 389.112 -19.3286C392.091 -21.8843 396.9 -24.745 396.998 -28.8856C397.061 -31.6235 395.251 -33.985 391.39 -33.6284L345.089 -29.6265Z" fill="%23FEFEFE" fill-opacity="0.16"/><path fill-rule="evenodd" clip-rule="evenodd" d="M345.089 210.373H345.085H345.081H345.077H345.073H345.069H345.065L344.935 210.381C346.891 206.328 350.764 198.816 355.175 190.186L368.446 163.654C372.716 154.783 376.101 147.179 377.069 143.431C378.883 136.366 373.247 135.098 368.356 139.746C265.662 227.958 363.936 143.542 269.888 224.329C266.909 226.884 262.1 229.745 262.002 233.886C261.939 236.624 263.749 238.985 267.61 238.628L313.911 234.627H313.915H313.919H313.923H313.927H313.931H313.935L314.065 234.619C312.109 238.672 308.236 246.185 303.825 254.814L290.554 281.346C286.284 290.217 282.899 297.821 281.931 301.569C280.117 308.634 285.753 309.902 290.644 305.254C393.338 217.042 295.064 301.458 389.112 220.671C392.091 218.116 396.9 215.255 396.998 211.114C397.061 208.376 395.251 206.015 391.39 206.372L345.089 210.373Z" fill="%23FEFEFE" fill-opacity="0.16"/></g></svg>');
  background-position: center;
  background-size: 40%;
  border-radius: 2.25rem;
  color: #fff;
  display: flex;
  flex: 1 0;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  line-height: 1.1;
  padding: 5rem 0.5rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  .creative-invite__text {
    background-size: auto;
    width: 60%;
  }
}
.creative-invite__text--title {
  font-family: 'Unbounded';
  font-size: 1.5rem;
  font-weight: 600;
  max-width: 30rem;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .creative-invite__text--title {
    font-size: 1.75rem;
  }
}
.creative-invite__text--button button {
  color: #d55cf8;
  font-size: 1.25rem;
  padding: 1rem 2rem;
}
.creative-invite svg {
  display: none;
  width: 40%;
}
@media (min-width: 992px) {
  .creative-invite svg {
    display: block;
  }
}
.heroes-project {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.heroes-project__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .heroes-project__list {
    flex-direction: row;
    gap: 1.25rem;
  }
}
.heroes-project__item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow: hidden;
  pointer-events: none;
  position: relative;
}
@media (min-width: 992px) {
  .heroes-project__item {
    flex-direction: row;
    gap: 0;
    width: calc((100% - (4 * 0.5rem)) / 6);
  }
}
@media (min-width: 992px) {
  .heroes-project__item.active {
    width: calc((100% - (4 * 0.5rem)) / 6 * 2);
  }
}
@media (min-width: 992px) {
  .heroes-project__item.active .heroes-project__item--top {
    flex: 0 1 100%;
    margin-left: -100%;
  }
}
.heroes-project__item.active .heroes-project__item--button svg {
  transform: scale(1, -1);
}
.heroes-project__item.active .heroes-project__item--bottom {
  display: flex!important;
  flex-basis: 100%;
}
.heroes-project__item > * {
  min-width: 0;
}
.heroes-project__item--top {
  display: flex;
  gap: 0.5rem;
  pointer-events: all;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .heroes-project__item--top {
    flex: 1 0 100%;
    position: relative;
  }
}
.heroes-project__item--title {
  align-items: center;
  background-color: #f23e2e;
  border-radius: 1.5rem;
  color: #fff;
  display: flex;
  flex: 1 0;
  font-family: 'Unbounded';
  font-size: 1.25rem;
  font-weight: 600;
  min-width: fit-content;
  padding: 1rem 1.25rem;
  position: relative;
  transition: 0.4s ease;
  z-index: 5;
}
@media (min-width: 992px) {
  .heroes-project__item--title {
    border-radius: 2rem 10rem 2rem 2rem;
    justify-content: center;
  }
}
.heroes-project__item--title span {
  max-width: min-content;
}
@media (min-width: 992px) {
  .heroes-project__item--title span {
    position: absolute;
    transform: rotate(-90deg);
  }
}
.heroes-project__item--button {
  background-color: #f23e2e;
  border-radius: 1.5rem;
  flex-shrink: 0;
  padding: 1.25rem;
}
@media (min-width: 992px) {
  .heroes-project__item--button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
  }
}
.heroes-project__item--button > div {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px dashed #fff;
  border-radius: 50%;
  display: flex;
  height: 2.25rem;
  justify-content: center;
  width: 2.25rem;
}
.heroes-project__item--button svg {
  height: 0.75rem;
  width: 0.75rem;
}
.heroes-project__item--bottom {
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .heroes-project__item--bottom {
    display: flex;
    flex: 1 0 200%;
    gap: 0.75rem;
    position: relative;
  }
}
.heroes-project__item--text {
  border: 2px solid #180a73;
  border-radius: 1.75rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.75rem;
  padding: 1.75rem;
}
@media (min-width: 992px) {
  .heroes-project__item--text {
    padding: 2.25rem 2.5rem;
  }
}
.heroes-project__item--text .heroes-project__item--name {
  font-family: 'Unbounded';
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.1;
}
@media (min-width: 992px) {
  .heroes-project__item--text .heroes-project__item--name {
    font-size: 1.5rem;
  }
}
.heroes-project__item--text .heroes-project__item--name span {
  width: min-content;
}
.heroes-project__item--text .heroes-project__item--desc {
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .heroes-project__item--text .heroes-project__item--desc {
    font-size: 1rem;
  }
}
.heroes-project__item--picture {
  border-radius: 1.25rem;
  overflow: hidden;
}
.heroes-project__item--picture img {
  height: 100%;
  width: 100%;
}
.heroes-history {
  display: grid;
  gap: 2rem;
}
@media (min-width: 992px) {
  .heroes-history {
    gap: 3rem;
    grid-template-columns: 1fr auto;
  }
}
.heroes-history > * {
  min-width: 0;
}
.heroes-history__title {
  align-content: center;
}
.heroes-history__arrows {
  display: none;
}
@media (min-width: 992px) {
  .heroes-history__arrows {
    align-items: flex-end;
    display: flex;
    gap: 0.75rem;
    justify-content: center;
  }
}
.heroes-history__list {
  margin: 0 -0.25rem;
  position: relative;
}
@media (min-width: 992px) {
  .heroes-history__list {
    margin: 0 -0.75rem;
  }
}
.heroes-history__list:before {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100vw;
  z-index: 5;
}
.heroes-history__list .swiper {
  overflow: visible;
}
.heroes-history__list .swiper-slide {
  display: flex;
  height: auto;
  margin: 0 0.25rem;
  max-width: 17.5rem;
}
@media (min-width: 992px) {
  .heroes-history__list .swiper-slide {
    margin: 0 0.75rem;
    max-width: 57.5rem;
  }
}
.heroes-history__item {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem;
}
@media (min-width: 992px) {
  .heroes-history__item {
    border-radius: 2rem;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 1.25rem;
  }
}
.heroes-history__item--picture {
  border-radius: 1.25rem;
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
}
@media (min-width: 992px) {
  .heroes-history__item--picture {
    max-width: 22.5rem;
    order: 1;
  }
}
.heroes-history__item--picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}
.heroes-history__item--text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: inherit;
  padding: 0 0.75rem 0.25rem;
}
@media (min-width: 992px) {
  .heroes-history__item--text {
    padding: 2.25rem;
  }
}
.heroes-history__item--title {
  color: #180a73;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .heroes-history__item--title {
    font-size: 1.5rem;
  }
}
.heroes-history__item--author {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.heroes-history__item--author span {
  color: rgba(24, 10, 115, 0.7);
  font-size: 0.75rem;
}
@media (min-width: 992px) {
  .heroes-history__item--author span {
    font-size: 1rem;
  }
}
.heroes-history__item--author > div {
  color: #180a73;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
.heroes-history__item--desc {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.heroes-history__item--desc span {
  color: rgba(24, 10, 115, 0.7);
  font-size: 0.75rem;
}
@media (min-width: 992px) {
  .heroes-history__item--desc span {
    font-size: 1rem;
  }
}
.heroes-history__item--desc > div {
  color: #180a73;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
.friendship-activities__list {
  display: grid;
  gap: 1.75rem;
}
@media (min-width: 992px) {
  .friendship-activities__list {
    gap: 1.25rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.friendship-activities__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.friendship-activities__item--text {
  border: 2px solid #180a73;
  border-radius: 1.75rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.75rem;
  padding: 1.75rem 1.75rem 3rem;
}
@media (min-width: 992px) {
  .friendship-activities__item--text {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.friendship-activities__item--title {
  font-family: 'Unbounded';
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .friendship-activities__item--title {
    font-size: 1.5em;
    line-height: 1.1;
  }
}
.friendship-activities__item--desc {
  font-size: 0.75rem;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .friendship-activities__item--desc {
    font-size: 1rem;
    letter-spacing: -0.01em;
    line-height: 1.35;
  }
}
.friendship-activities__item--picture {
  border-radius: 1.25rem;
  overflow: hidden;
}
.friendship-activities__item--picture img {
  min-height: 100%;
  min-width: 100%;
}
.friendship-lang {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: flex-end;
  position: fixed;
  top: 1rem;
  transition: 0.4s ease;
  right: 0;
  z-index: 50;
}
@media (min-width: 992px) {
  .friendship-lang {
    flex-direction: row;
  }
}
.friendship-lang button {
  align-items: center;
  background-color: #f1f2f6;
  border-radius: 0.5rem;
  color: #180a73;
  display: flex;
  font-weight: 600;
  gap: 0.25rem;
  justify-content: center;
  letter-spacing: -0.01em;
  line-height: 1.35;
  padding: 0.25rem;
}
.friendship-lang button.select {
  box-shadow: 0 0 0 1px #180a73 inset;
}
.friendship-lang button svg {
  border-radius: 50%;
  height: 1.25rem;
  width: 1.25rem;
}
.friendship-club-header {
  color: #fff;
  display: grid;
  gap: 0.25rem;
  grid-auto-flow: dense;
  justify-content: stretch;
  transition: 0.4s ease;
}
.friendship-club-header > * {
  min-width: 0;
}
@media (min-width: 992px) {
  .friendship-club-header {
    gap: 0;
    grid-template-rows: 0.75fr repeat(2, 1fr);
    grid-template-columns: 1.75fr 0.625fr 1.25fr;
  }
}
.friendship-club-header__picture {
  aspect-ratio: 3/2;
  border-radius: 1.5rem 7.5rem 1.5rem 1.5rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .friendship-club-header__picture {
    aspect-ratio: unset;
    border-radius: 2rem;
    grid-column: 3/4;
    grid-row: 1/4;
  }
}
.friendship-club-header__picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: top;
}
.friendship-club-header__text {
  background-color: #ff9233;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  justify-content: center;
  padding: 1.75rem 1.25rem;
}
@media (min-width: 992px) {
  .friendship-club-header__text {
    border-radius: 2rem 12.5rem 2rem 2rem;
    gap: 1rem;
    grid-column: 1/2;
    grid-row: 1/4;
    padding-left: 3.75rem;
  }
}
.friendship-club-header__title {
  font-family: 'Unbounded';
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .friendship-club-header__title {
    font-size: 2rem;
    line-height: 1.1;
  }
}
.friendship-club-header__subtitle {
  line-height: 1.35;
  max-width: 20rem;
}
@media (min-width: 992px) {
  .friendship-club-header__subtitle {
    font-size: 1.25rem;
    letter-spacing: -0.01em;
  }
}
.friendship-club-header__decor--01,
.friendship-club-header__decor--02,
.friendship-club-header__decor--003 {
  display: block;
}
.friendship-club-header__decor--01 {
  background-color: #ff9233;
  border-radius: 12.5rem 2.25rem 2.25rem;
  position: relative;
}
.friendship-club-header__decor--01:before {
  aspect-ratio: 1/1;
  background-color: inherit;
  border-radius: 50%;
  content: '';
  height: 30%;
  left: 0;
  position: absolute;
  top: 0;
}
.friendship-club-header__decor--02 {
  background-color: #ff9233;
  border-radius: 2.5rem;
  overflow: hidden;
  position: relative;
}
.friendship-club-header__decor--02 > div {
  background-position: -100% center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150%;
  left: 50%;
  opacity: 0.16;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 150%;
}
.friendship-club-header__decor--03 {
  background-color: #180a73;
  border-radius: 2rem 5rem 5rem 2rem;
  background-image: url('../images/pattern.svg');
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: auto 80%;
}
.friendship-club-directions {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 992px) {
  .friendship-club-directions {
    gap: 3rem;
  }
}
.friendship-club-directions > * {
  min-width: 0;
}
.friendship-club-directions__list {
  display: grid;
  gap: 0.25rem;
}
@media (min-width: 992px) {
  .friendship-club-directions__list {
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.75rem;
  }
}
.friendship-club-directions__item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.friendship-club-directions__item--text {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-height: 5rem;
  padding: 1rem 1.5rem;
  transition: 0.4s ease;
  width: 100%;
}
@media (min-width: 992px) {
  .friendship-club-directions__item--text {
    border-radius: 2rem;
    min-height: 10rem;
    padding: 1rem 2.25rem;
  }
}
.friendship-club-directions__item--name {
  font-family: 'Unbounded';
  font-weight: 600;
}
@media (min-width: 992px) {
  .friendship-club-directions__item--name {
    font-size: 1.5rem;
    line-height: 1.35;
  }
}
.friendship-club-directions__item--picture {
  border-radius: 1.5rem;
  display: inherit;
  gap: inherit;
  overflow: hidden;
}
@media (min-width: 992px) {
  .friendship-club-directions__item--picture {
    border-radius: 2rem;
  }
}
.friendship-club-directions__item--picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}
.friendship-club-project {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 992px) {
  .friendship-club-project {
    gap: 3rem;
  }
}
.friendship-club-project > * {
  min-width: 0;
}
.friendship-club-project__list {
  display: grid;
  gap: 0.25rem;
}
@media (min-width: 992px) {
  .friendship-club-project__list {
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.75rem;
  }
}
.friendship-club-project__item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.friendship-club-project__item--text {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1rem;
  min-height: 5rem;
  padding: 1rem 1.5rem;
  transition: 0.4s ease;
  width: 100%;
}
@media (min-width: 992px) {
  .friendship-club-project__item--text {
    border-radius: 2rem;
    min-height: 10rem;
    padding: 1rem 2.25rem;
  }
}
.friendship-club-project__item--name {
  font-family: 'Unbounded';
  font-weight: 600;
}
@media (min-width: 992px) {
  .friendship-club-project__item--name {
    font-size: 1.5rem;
    line-height: 1.35;
  }
}
.friendship-club-project__item--desc a {
  color: #180a73;
  text-decoration: underline;
  transition: 0.4s ease;
}
.friendship-club-project__item--desc a:hover {
  color: #694aff;
}
.friendship-club-project__item--picture {
  border-radius: 1.5rem;
  display: inherit;
  gap: inherit;
  overflow: hidden;
}
@media (min-width: 992px) {
  .friendship-club-project__item--picture {
    border-radius: 2rem;
  }
}
.friendship-club-project__item--picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}
.friendship-club-program {
  background-color: #f1f2f6;
  border-radius: 2rem;
  overflow: hidden;
}
.friendship-club-program__section {
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 145%;
  border-radius: 0 0 2rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  overflow: hidden;
  padding: 3rem 1.5rem 17.5rem;
  position: relative;
}
@media (min-width: 992px) {
  .friendship-club-program__section {
    background-size: contain;
    gap: 1.25rem;
    padding: 5rem 3.5rem 2.75rem;
  }
}
.friendship-club-program__section:after {
  background-image: linear-gradient(180deg, #180a73 66.36%, rgba(24, 10, 115, 0.5) 81.84%);
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
@media (min-width: 992px) {
  .friendship-club-program__section:after {
    background-image: linear-gradient(90deg, #180a73 29.85%, rgba(24, 10, 115, 0.5) 62.58%);
  }
}
.friendship-club-program__section--title {
  color: #fff;
  font-family: 'Unbounded';
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
  position: relative;
  text-transform: uppercase;
  z-index: 10;
}
@media (min-width: 992px) {
  .friendship-club-program__section--title {
    font-size: 3.75rem;
  }
}
.friendship-club-program__section--desc {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
  position: relative;
  z-index: 10;
}
@media (min-width: 992px) {
  .friendship-club-program__section--desc {
    font-size: 1.25rem;
    gap: 1.25rem;
  }
}
.friendship-club-program__section--desc > p {
  margin-bottom: 0;
  max-width: 35rem;
}
.friendship-club-program__section--desc ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  max-width: 42.5rem;
  padding: 0;
}
.friendship-club-program__section--desc ul li {
  background-color: #f1f2f6;
  border-radius: 1.25rem;
  color: #180a73;
  display: inline-flex;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.75rem 1.25rem;
  width: 100%;
}
@media (min-width: 992px) {
  .friendship-club-program__section--desc ul li {
    font-size: 1rem;
    width: auto;
  }
}
.friendship-club-program__section svg {
  bottom: 0;
  height: auto;
  position: absolute;
  right: 0;
  width: 15rem;
  z-index: 5;
}
@media (min-width: 992px) {
  .friendship-club-program__section svg {
    width: 25rem;
  }
}
.friendship-club-program__items {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  padding: 1.75rem 1.25rem 2.5rem;
}
@media (min-width: 992px) {
  .friendship-club-program__items {
    gap: 2rem;
    padding: 3.75rem 3.5rem 4rem;
  }
}
.friendship-club-program__subtitle {
  font-family: 'Unbounded';
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
  position: relative;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .friendship-club-program__subtitle {
    font-size: 2rem;
  }
}
.friendship-club-program__list {
  display: grid;
  gap: 0.5rem;
  grid-auto-rows: 1fr;
}
@media (min-width: 992px) {
  .friendship-club-program__list {
    gap: 0.75rem;
    grid-template-columns: repeat(5, 1fr);
  }
}
.friendship-club-program__list > * {
  min-width: 0;
}
.friendship-club-program__item {
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.friendship-club-program__item--title {
  background-color: #ff9233;
  color: #fff;
  font-family: 'Unbounded';
  font-weight: 600;
  line-height: 1.1;
  padding: 1rem 1.25rem;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .friendship-club-program__item--title {
    font-size: 1.25rem;
    padding: 1.5rem 1rem;
    text-align: center;
  }
}
.friendship-club-program__item--text {
  background-color: #fff;
  display: flex;
  flex: 1 0;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem 1.25rem;
}
@media (min-width: 992px) {
  .friendship-club-program__item--text {
    gap: 0.75rem;
    padding-bottom: 7.5rem;
    text-align: center;
  }
}
.friendship-club-program__item--preview {
  font-family: 'Unbounded';
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.1;
}
.friendship-club-program__item--detail {
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .friendship-club-program__item--detail {
    font-size: 1rem;
  }
}
.friendship-club-program__subdesc {
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 40rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  .friendship-club-program__subdesc {
    font-size: 1rem;
    letter-spacing: -0.01em;
    line-height: 1.5;
  }
}
.friendship-club-program__button button {
  margin: 0 auto;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  width: auto;
}
.reviews__list {
  margin: 0 -0.25rem;
  position: relative;
}
.reviews__list:before {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100vw;
  z-index: 5;
}
.reviews__list .swiper {
  overflow: visible;
}
.reviews__list .swiper-slide {
  display: flex;
  height: auto;
  margin: 0 0.25rem;
  max-width: 17.5rem;
}
@media (min-width: 992px) {
  .reviews__list .swiper-slide {
    margin: 0 0.75rem;
    max-width: 57.5rem;
  }
}
.reviews__item {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem;
}
@media (min-width: 992px) {
  .reviews__item {
    border-radius: 2rem;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 1.25rem;
  }
}
.reviews__item--picture {
  border-radius: 1.25rem;
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
}
@media (min-width: 992px) {
  .reviews__item--picture {
    max-width: 22.5rem;
    order: 1;
  }
}
.reviews__item--picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}
.reviews__item--text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1.5rem;
  padding: 0 0.75rem 0.25rem;
}
@media (min-width: 992px) {
  .reviews__item--text {
    padding: 2.25rem;
  }
}
.reviews__item--desc {
  flex-grow: 1;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
.reviews__item--author {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
}
@media (min-width: 992px) {
  .reviews__item--author {
    gap: 1.25rem;
  }
}
.reviews__item--author > div {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.reviews__item--logo {
  flex-shrink: 0;
  height: 3rem;
  width: 3rem;
}
@media (min-width: 992px) {
  .reviews__item--logo {
    height: 4rem;
    width: 4rem;
  }
}
.reviews__item--title {
  color: rgba(24, 10, 115, 0.7);
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .reviews__item--title {
    font-size: 1.25rem;
  }
}
.reviews__item--position {
  color: rgba(24, 10, 115, 0.7);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
@media (min-width: 992px) {
  .reviews__item--position {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .banners-cross[data-type='type_01'] > a,
  .banners-cross[data-type='type_01'] > div {
    grid-template-columns: 1.5fr 0.25fr 0.625fr 1.25fr;
  }
}
@media (min-width: 992px) {
  .banners-cross[data-type='type_01'] .banners-cross__picture {
    border-radius: 2rem;
    grid-column: 4/5;
  }
}
@media (min-width: 992px) {
  .banners-cross[data-type='type_01'] .banners-cross__text {
    border-radius: 2rem 12.5rem 2rem 2rem;
  }
}
@media (min-width: 992px) {
  .banners-cross[data-type='type_01'] .banners-cross__decor--04 {
    grid-column: 2/4;
  }
}
@media (min-width: 992px) {
  .banners-cross[data-type='type_02'] > a,
  .banners-cross[data-type='type_02'] > div {
    grid-template-columns: 1.5fr 1.25fr 0.25fr 0.625fr;
  }
}
@media (min-width: 992px) {
  .banners-cross[data-type='type_02'] .banners-cross__picture {
    border-radius: 0;
    grid-column: 2/3;
  }
}
@media (min-width: 992px) {
  .banners-cross[data-type='type_02'] .banners-cross__picture img {
    border-radius: 2rem 12.5rem 2rem 2rem;
  }
}
@media (min-width: 992px) {
  .banners-cross[data-type='type_02'] .banners-cross__text {
    border-radius: 2rem;
  }
}
@media (min-width: 992px) {
  .banners-cross[data-type='type_02'] .banners-cross__decor--04 {
    grid-column: 3/5;
  }
}
.banners-cross > a,
.banners-cross > div {
  display: grid;
  gap: 0.25rem;
  grid-auto-flow: dense;
  justify-content: stretch;
  pointer-events: none;
  position: relative;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .banners-cross > a,
  .banners-cross > div {
    gap: 0;
    grid-template-rows: 0.75fr repeat(2, 1fr);
  }
}
.banners-cross > a > *,
.banners-cross > div > * {
  min-width: 0;
  pointer-events: all;
}
.banners-cross > a {
  color: #fff;
}
.banners-cross > div {
  color: #180a73;
}
.banners-cross__picture {
  aspect-ratio: 3/2;
  border-radius: 1.5rem 7.5rem 1.5rem 1.5rem;
  overflow: hidden;
  position: relative;
}
@media (min-width: 992px) {
  .banners-cross__picture {
    aspect-ratio: unset;
    grid-row: 1/4;
  }
}
.banners-cross__picture img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: top;
}
.banners-cross__text {
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  justify-content: center;
  padding: 1.75rem 1.25rem;
}
@media (min-width: 992px) {
  .banners-cross__text {
    gap: 1rem;
    grid-column: 1/2;
    grid-row: 1/4;
    padding-left: 3.75rem;
    position: relative;
  }
}
.banners-cross__title {
  font-family: 'Unbounded';
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .banners-cross__title {
    font-size: 2rem;
    line-height: 1.1;
  }
}
.banners-cross__subtitle {
  line-height: 1.35;
  max-width: 20rem;
}
@media (min-width: 992px) {
  .banners-cross__subtitle {
    font-size: 1.25rem;
    letter-spacing: -0.01em;
  }
}
.banners-cross__logotype {
  height: 3.25rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 3.25rem;
}
@media (min-width: 992px) {
  .banners-cross__logotype {
    height: 4.25rem;
    width: 4.25rem;
  }
}
.banners-cross__decor--01,
.banners-cross__decor--02,
.banners-cross__decor--03,
.banners-cross__decor--04 {
  display: none;
}
@media (min-width: 992px) {
  .banners-cross__decor--01,
  .banners-cross__decor--02,
  .banners-cross__decor--03,
  .banners-cross__decor--04 {
    display: block;
  }
}
.banners-cross__decor--01 {
  border-radius: 7.5rem 2.5rem 5rem 5rem;
  grid-row: 1/3;
}
.banners-cross__decor--02 {
  border-radius: 12.5rem 2.25rem 2.25rem;
  position: relative;
}
.banners-cross__decor--02:before {
  aspect-ratio: 1/1;
  background-color: inherit;
  border-radius: 50%;
  content: '';
  height: 30%;
  left: 0;
  position: absolute;
  top: 0;
}
.banners-cross__decor--03 {
  border-radius: 2.25rem;
  overflow: hidden;
  position: relative;
}
.banners-cross__decor--03 > div {
  background-position: -100% center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150%;
  left: 50%;
  opacity: 0.16;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 150%;
}
.banners-cross__decor--04 {
  background-color: #180a73;
  border-radius: 2rem 5rem 5rem 2rem;
  background-image: url('../images/pattern.svg');
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: auto 80%;
}
.banners-cross > a:hover {
  color: #180a73;
  text-decoration: none;
}
.gallery {
  order: 1;
}
.gallery__list {
  margin: 0 -0.25rem;
  position: relative;
}
@media (min-width: 992px) {
  .gallery__list {
    grid-column: 1/3;
    margin: 0 -0.5rem;
  }
}
.gallery__list:before {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100vw;
  z-index: 5;
}
.gallery__list .swiper-slide {
  margin: 0 0.25rem;
  max-width: 15rem;
}
@media (min-width: 992px) {
  .gallery__list .swiper-slide {
    margin: 0 0.75rem;
    max-width: 25rem;
  }
}
.gallery__item {
  border-radius: 1.5rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .gallery__item {
    border-radius: 2rem;
  }
}
.gallery__item img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}
.vacancies-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.vacancies-section__list {
  display: grid;
  gap: 0.25rem;
}
@media (min-width: 992px) {
  .vacancies-section__list {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
  }
}
.vacancies-section__item {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: flex;
}
.vacancies-section__item a {
  color: #180a73;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1rem 1.25rem;
  width: 100%;
}
.vacancies-section__item a:hover {
  text-decoration: none;
}
.vacancies-section__item a:hover .vacancies-section__item--title {
  color: #694aff;
}
.vacancies-section__item--top {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.5rem;
}
.vacancies-section__item--title {
  flex-flow: 'Unbounded';
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
.vacancies-section__item--salary {
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .vacancies-section__item--salary {
    font-size: 1rem;
  }
}
.vacancies-section__item--employer {
  align-items: center;
  display: flex;
}
.vacancies-section__item--employer > div {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
}
.vacancies-section__item--employer img {
  background-color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  height: 2.25rem;
  width: 2.25rem;
}
.vacancies-section__item--employer span {
  color: rgba(24, 10, 115, 0.7);
  flex-grow: 1;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
.vacancies-element {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}
@media (min-width: 992px) {
  .vacancies-element {
    gap: 3.75rem;
  }
}
.vacancies-element__top {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  line-height: 1.25;
}
@media (min-width: 992px) {
  .vacancies-element__top {
    gap: 1rem;
  }
}
.vacancies-element__top a {
  align-items: center;
  color: rgba(31, 31, 31, 0.5);
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  position: relative;
  transition: 0.4s ease;
}
.vacancies-element__top a:hover {
  color: #180a73;
  text-decoration: none;
}
.vacancies-element__top a:hover:before {
  border-color: #180a73;
}
.vacancies-element__top a:before {
  border-color: rgba(31, 31, 31, 0.5);
  border-style: solid;
  border-width: 1px 0 0 1px;
  content: '';
  left: 0;
  padding: 0.25rem;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%) rotate(-45deg);
  transition: 0.4s ease;
}
.vacancies-element__header {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 1.75rem 1.5rem;
}
@media (min-width: 992px) {
  .vacancies-element__header {
    background-color: unset;
    border-radius: unset;
    flex-wrap: nowrap;
    gap: 1.25rem;
    padding: 0;
  }
}
.vacancies-element__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  gap: 0.5rem;
  max-width: 100%;
}
@media (min-width: 992px) {
  .vacancies-element__text {
    background-color: #f1f2f6;
    border-radius: 2rem;
    padding: 2rem;
  }
}
.vacancies-element__text h1 {
  font-size: 1.25rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .vacancies-element__text h1 {
    font-size: 1.5rem;
  }
}
.vacancies-element__salary {
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .vacancies-element__salary {
    font-size: 1.25rem;
  }
}
.vacancies-element__tags {
  align-items: flex-end;
  display: none;
  flex-grow: 1;
}
@media (min-width: 992px) {
  .vacancies-element__tags {
    display: flex;
  }
}
.vacancies-element__tags ul {
  display: flex;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.vacancies-element__tags ul li {
  border: 1px solid #180a73;
  border-radius: 2rem;
  display: inline-flex;
  font-size: 0.75rem;
  padding: 0.25rem 1.25rem;
}
@media (min-width: 992px) {
  .vacancies-element__employer {
    align-items: center;
    background-color: #f1f2f6;
    border-radius: 2rem;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    padding: 2rem;
  }
}
.vacancies-element__employer > div {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .vacancies-element__employer > div {
    justify-content: center;
    gap: 1rem;
    min-height: 10rem;
    min-width: 20rem;
  }
}
.vacancies-element__employer img {
  background-color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  height: 2.25rem;
  width: 2.25rem;
}
@media (min-width: 992px) {
  .vacancies-element__employer img {
    height: 4.5rem;
    width: 4.5rem;
  }
}
.vacancies-element__employer span {
  color: rgba(24, 10, 115, 0.7);
  flex-grow: 1;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
@media (min-width: 992px) {
  .vacancies-element__employer span {
    font-size: 1.5rem;
  }
}
.vacancies-element__desc {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 992px) {
  .vacancies-element__desc {
    gap: 2.5rem;
  }
}
.vacancies-element__desc h3 {
  font-size: 1rem;
  line-height: 1.1;
}
@media (min-width: 992px) {
  .vacancies-element__desc h3 {
    font-size: 1.25rem;
  }
}
.vacancies-element__desc ol,
.vacancies-element__desc ul {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .vacancies-element__desc ol,
  .vacancies-element__desc ul {
    margin-top: -1.5rem !important;
  }
}
.vacancies-element__desc ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.vacancies-element__button button {
  max-width: 22.5rem;
}
.footer {
  color: #fff;
  display: grid;
  gap: 2rem;
  padding-bottom: 1.5rem;
  padding-top: 4rem;
}
@media (min-width: 992px) {
  .footer {
    grid-template-columns: auto 1fr auto 1fr;
    grid-template-rows: 1fr auto;
    padding-bottom: 3.5rem;
    padding-top: 5rem;
  }
}
.footer-title {
  font-family: 'Unbounded';
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.1;
  max-width: 20rem;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .footer-title {
    font-size: 2.5rem;
    grid-column: 1/3;
  }
}
.footer-menu {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 992px) {
  .footer-menu {
    grid-column: 3/4;
    grid-row: 1/3;
    padding-top: 2.5rem;
  }
}
.footer-menu__title {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.75rem;
  line-height: 1.3;
}
.footer-menu__list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-menu__list li a {
  color: #fff;
  line-height: 1.25;
  transition: 0.4s ease;
}
.footer-menu__list li a:hover {
  color: #ff4f75;
  text-decoration: none;
}
.footer-contacts {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 992px) {
  .footer-contacts {
    grid-column: 4/5;
    grid-row: 1/3;
    padding-top: 2.5rem;
  }
}
.footer-contacts__item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.footer-contacts__item--name {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.75rem;
  line-height: 1.3;
}
.footer-contacts__item--link a {
  color: #fff;
  line-height: 1.35;
  transition: 0.4s ease;
}
.footer-contacts__item--link a:hover {
  color: #ff4f75;
  text-decoration: none;
}
.footer-contacts__item--address {
  line-height: 1.35;
  max-width: 17.5rem;
}
.footer-contacts__item--address a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: underline;
  transition: 0.4s ease;
}
.footer-contacts__item--address a:hover {
  color: #fff;
}
.footer-socnet {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
@media (min-width: 992px) {
  .footer-socnet {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.footer-socnet__vk,
.footer-socnet__tg {
  background-color: rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  padding: 1.25rem;
}
@media (min-width: 992px) {
  .footer-socnet__vk,
  .footer-socnet__tg {
    padding: 2.25rem;
  }
}
.footer-socnet__vk svg,
.footer-socnet__tg svg {
  height: 2.5rem;
  width: 2.5rem;
}
@media (min-width: 992px) {
  .footer-socnet__vk svg,
  .footer-socnet__tg svg {
    height: 3rem;
    width: 3rem;
  }
}
.footer-curators {
  align-items: center;
  display: flex;
  gap: 1rem;
}
@media (min-width: 992px) {
  .footer-curators {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.footer-curators svg {
  height: 2.5rem;
  width: auto;
}
.footer-curators svg [fill='#000'] {
  fill: #fff;
}
.bottom {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: auto 1fr;
  padding-bottom: 2rem;
  padding-top: 0.75rem;
  position: relative;
}
@media (min-width: 992px) {
  .bottom {
    grid-template-columns: auto 1fr auto auto;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
}
.bottom:before {
  border-radius: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  content: '';
  height: 4rem;
  left: -1rem;
  position: absolute;
  right: -1rem;
  top: 0;
  z-index: -1;
}
@media (min-width: 992px) {
  .bottom:before {
    left: -2rem;
    right: -2rem;
  }
}
.bottom .logo {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (min-width: 992px) {
  .bottom .logo {
    flex-direction: row;
    gap: 0.75rem;
  }
}
.bottom .logo svg.first {
  height: 2.5rem;
  width: 2.5rem;
}
@media (min-width: 992px) {
  .bottom .logo svg.first {
    height: 3.75rem;
    width: 3.75rem;
  }
}
.bottom .logo svg.second {
  height: 1.5rem;
}
@media (min-width: 992px) {
  .bottom .logo svg.second {
    height: auto;
    width: 7rem;
  }
}
.bottom .logo svg path[fill='#22147D'] {
  stroke: #fff;
  stroke-width: 1px;
}
.bottom .copyright {
  align-content: center;
  color: #fff;
  font-weight: 500;
  line-height: 1.35;
}
.bottom .user-agreement,
.bottom .privacy-policy {
  align-content: center;
  grid-column: 1/3;
}
@media (min-width: 992px) {
  .bottom .user-agreement,
  .bottom .privacy-policy {
    grid-column: auto;
  }
}
.bottom .user-agreement a,
.bottom .privacy-policy a {
  color: #fff;
  letter-spacing: -0.01em;
  transition: 0.4s ease;
}
.bottom .user-agreement a:hover,
.bottom .privacy-policy a:hover {
  color: #ff4f75;
  text-decoration: none;
}
.popup-form {
  background-color: #f1f2f6;
  border-radius: 1.5rem;
  max-width: 30rem;
  width: 100%;
}
@media (min-width: 992px) {
  .popup-form {
    border-radius: 2rem;
  }
}
.form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 90vh;
  overflow: hidden;
  padding: 1.5rem 1.25rem;
}
@media (min-width: 992px) {
  .form {
    padding: 2.25rem;
  }
}
.form-title {
  font-family: 'Unbounded';
  font-weight: 600;
  line-height: 1.35;
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 992px) {
  .form-title {
    font-size: 1.5rem;
  }
}
.form-subtitle {
  font-weight: 600;
  line-height: 1.35;
}
.form-errors ul {
  margin: 0;
  padding: 0;
  padding-left: 1.25em;
}
.form-body {
  margin: 0 -1rem;
  overflow: auto;
  padding: 0 1rem;
}
@media (min-width: 992px) {
  .form-body {
    gap: 1.5rem;
  }
}
.form-body::-webkit-scrollbar {
  width: 0.25rem;
}
.form-body::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 1rem;
}
.form-body::-webkit-scrollbar-thumb {
  background-color: #180a73;
  border-radius: 1rem;
  width: 0.25rem;
}
.form-body > div {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.form-note {
  color: rgba(24, 10, 115, 0.5);
  font-size: 0.75rem;
}
.form-note a {
  color: rgba(24, 10, 115, 0.5);
  text-decoration: underline;
  transition: 0.4s ease;
}
.form-note a:hover {
  color: #180a73;
}
.form-agreement {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  line-height: 1.5rem;
}
.form-success {
  font-family: 'TT Norms';
  font-size: 1rem;
  line-height: 1.35;
  text-align: center;
}
.field-checkbox,
.field-radio {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.field-checkbox__list,
.field-radio__list {
  display: grid;
  gap: 0.25rem;
}
.field-checkbox label,
.field-radio label {
  display: flex;
  gap: 0.75rem;
}
.field-radio__list {
  display: grid;
  gap: 0.25rem;
}
.field-date,
.field-mail,
.field-select,
.field-tel,
.field-text,
.field-textarea {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.field-date input,
.field-mail input,
.field-select input,
.field-tel input,
.field-text input,
.field-textarea input,
.field-date textarea,
.field-mail textarea,
.field-select textarea,
.field-tel textarea,
.field-text textarea,
.field-textarea textarea {
  background-color: rgba(24, 10, 115, 0.08);
  border-radius: 1rem;
  color: #180a73;
  font-family: 'Montserrat';
  font-size: 1rem;
  padding: 1.5rem;
}
.field-date.error,
.field-mail.error,
.field-select.error,
.field-tel.error,
.field-text.error,
.field-textarea.error {
  color: darkred;
}
.field-time {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
}
.field-time__warning {
  text-align: center;
}
.field-time__list {
  column-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.field-time__full {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: -100;
}
.field-dates {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  overflow: hidden;
  width: 100%;
}
.field-dates__list {
  width: 100%;
}
.field-dates__list .swiper-slide {
  width: max-content !important;
}
.field-dates__item.weekends {
  color: #ff4f75;
}
.field-dates__item input:checked ~ div {
  background-color: #ff4f75;
  color: #fff;
  pointer-events: none;
}
.field-dates__item > div {
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
  text-align: center;
  transition: 0.4s ease;
}
.field-dates__item > div:hover {
  background-color: #694aff;
  color: #fff;
}
.field-times {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  overflow: hidden;
  width: 100%;
}
.field-times__list {
  display: grid;
  gap: 0.25rem;
  grid-template-columns: repeat(4, 1fr);
}
.field-times__list > * {
  min-width: 0;
}
.field-times__item.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.field-times__item input:checked ~ div {
  background-color: #ff4f75;
  color: #fff;
  pointer-events: none;
}
.field-times__item > div {
  background-color: #fff;
  border-radius: 0.5rem;
  color: #171718;
  cursor: pointer;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  text-align: center;
  white-space: nowrap;
}
.caption,
.placeholder {
  font-family: 'Montserrat';
  font-size: 0.75rem;
  font-weight: 500;
}
.caption a,
.placeholder a {
  color: rgba(24, 10, 115, 0.5);
  text-decoration: underline;
  transition: 0.4s ease;
}
.caption a:hover,
.placeholder a:hover {
  color: #180a73;
}
.caption {
  line-height: 1.5rem;
}
.checkbox,
.radio {
  border: 2px solid rgba(24, 10, 115, 0.3);
  flex-shrink: 0;
  height: 1.5rem;
  position: relative;
  width: 1.5rem;
}
.checkbox:before,
.radio:before {
  content: '';
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: 0.4s ease;
}
.checkbox {
  border-radius: 25%;
}
.checkbox:before {
  border-color: #180a73;
  border-style: solid;
  border-width: 0 0 1px 1px;
  padding: 0.25rem 0.5rem;
  transform: translate(-50%, -75%) rotate(-45deg);
}
.radio {
  border-radius: 50%;
}
.radio:before {
  background-color: #180a73;
  border-radius: 50%;
  height: 80%;
  left: 10%;
  top: 10%;
  width: 80%;
}
.error .placeholder,
.error .placeholder a {
  color: red;
}
.pagination {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 0.75rem;
}
.pagination > div {
  gap: 0.25rem;
}
.pagination > div:not([class]) {
  display: flex;
}
.pagination a,
.pagination span {
  align-items: center;
  background-color: #f1f2f6;
  border-radius: 0.5rem;
  color: #180a73;
  display: flex;
  font-family: 'TT Norms';
  font-weight: 500;
  justify-content: center;
  line-height: 1.1;
  min-width: 2rem;
  padding: 0.5rem;
  text-decoration: none;
  transition: 0.4s ease;
}
@media (min-width: 992px) {
  .pagination a,
  .pagination span {
    min-width: 3rem;
    padding: 0.75rem;
  }
}
.pagination a svg,
.pagination span svg {
  height: 1rem;
  width: 1rem;
}
@media (min-width: 992px) {
  .pagination a svg,
  .pagination span svg {
    height: 1.5rem;
    width: 1.5rem;
  }
}
.pagination a:hover {
  background-color: #694aff;
  color: #fff;
}
.pagination a:hover svg [fill] {
  fill: #fff;
}
.pagination a:hover svg [stroke] {
  stroke: #fff;
}
.pagination-item__begin,
.pagination-item__end {
  display: none;
}
@media (min-width: 992px) {
  .pagination-item__begin,
  .pagination-item__end {
    display: flex;
  }
}
.pagination-item__disabled {
  display: flex;
  opacity: 0.5;
}
.pagination-item__current {
  background-color: #180a73 !important;
  color: #fff !important;
  display: flex;
}
#map {
  border-radius: 2rem;
  min-height: 400px;
  overflow: hidden;
}
@media (min-width: 992px) {
  #map {
    min-height: 600px;
  }
}
#map [class$='-ground-pane'] {
  filter: grayscale(0.75);
}
#cookie {
  background-color: #fff;
  bottom: 0;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
  display: none;
  left: 0;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 100;
}
#cookie .container > div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  padding: 1.5rem 0;
}
@media (min-width: 992px) {
  #cookie .container > div {
    flex-wrap: nowrap;
  }
}
#cookie .container > div button {
  padding: 0.25rem 1rem;
  width: auto;
}
.slick-track {
  display: flex;
  height: inherit;
}
.slick-slide {
  display: flex!important;
  height: inherit;
}
.slick-next,
.slick-prev {
  background-color: rgba(255, 255, 255, 0);
  border: none;
  font-size: 0;
  height: 3.5rem;
  line-height: 0;
  padding: 0;
  pointer-events: auto;
  position: relative;
  width: 3.5rem;
}
@media (min-width: 992px) {
  .slick-next:hover:before,
  .slick-prev:hover:before {
    background-color: #694aff;
  }
}
@media (min-width: 992px) {
  .slick-next:hover:after,
  .slick-prev:hover:after {
    border-color: #fff;
  }
}
.slick-next:before,
.slick-prev:before,
.slick-next:after,
.slick-prev:after {
  align-items: center;
  content: '';
  display: flex;
  justify-content: center;
  position: absolute;
  transition: 0.4s ease;
}
.slick-next:before,
.slick-prev:before {
  background-color: #f1f2f6;
  border-radius: 50%;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.slick-next:after,
.slick-prev:after {
  border-color: #180a73;
  border-style: solid;
  padding: 0.25rem;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.slick-next:after {
  border-width: 2px 2px 0 0;
  left: 47.5%;
}
.slick-prev:after {
  border-width: 0 0 2px 2px;
  left: 52.5%;
}
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 1.25rem));
  }
}
.preloader {
  align-items: center;
  background-color: #fff;
  display: flex;
  justify-content: center;
  height: 110vh;
  left: 50%;
  opacity: 0;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 110vw;
  z-index: -1000;
}
.preloader.active {
  opacity: 1;
  pointer-events: none;
  z-index: 100000;
}
.preloader .loader {
  background-color: #694aff;
  border-radius: 50%;
  box-shadow: 0 0 2rem 0.5rem rgba(24, 10, 115, 0.5) inset, 0 0.5rem 1rem rgba(24, 10, 115, 0.15);
  height: 10rem;
  overflow: hidden;
  position: relative;
  width: 10rem;
}
.preloader .loader:before,
.preloader .loader:after {
  animation: wave 5s linear infinite;
  background-color: #fff;
  border-radius: 45%;
  content: "";
  height: 100%;
  position: absolute;
  top: -40%;
  width: 100%;
}
.preloader .loader:before {
  animation: wave 5s linear infinite;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 30%;
}
@keyframes wave {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
[data-slider-type='default'] .swiper {
  overflow: visible;
}
[data-slider-type='default'] .swiper-slide {
  display: flex;
  height: auto;
  width: 100%;
}
[data-prev],
[data-next] {
  background-color: rgba(255, 255, 255, 0);
  border: none;
  flex-shrink: 0;
  font-size: 0;
  height: 3.5rem;
  line-height: 0;
  padding: 0;
  pointer-events: auto;
  position: relative;
  width: 3.5rem;
}
@media (min-width: 992px) {
  [data-prev]:not([disabled]):hover:before,
  [data-next]:not([disabled]):hover:before {
    background-color: #694aff;
  }
}
@media (min-width: 992px) {
  [data-prev]:not([disabled]):hover:after,
  [data-next]:not([disabled]):hover:after {
    border-color: #fff;
  }
}
[data-prev]:before,
[data-next]:before,
[data-prev]:after,
[data-next]:after {
  align-items: center;
  content: '';
  display: flex;
  justify-content: center;
  position: absolute;
  transition: 0.4s ease;
}
[data-prev]:before,
[data-next]:before {
  background-color: #f1f2f6;
  border-radius: 50%;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
[data-prev]:after,
[data-next]:after {
  border-color: #180a73;
  border-style: solid;
  padding: 0.25rem;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
[data-prev][disabled],
[data-next][disabled] {
  opacity: 0.5;
}
[data-prev]:after {
  border-width: 0 0 2px 2px;
  left: 52.5%;
}
[data-next]:after {
  border-width: 2px 2px 0 0;
  left: 47.5%;
}
.error-404 {
  align-items: center;
  display: flex;
  padding: 2.5rem 0;
}
.error-404__picture {
  padding: 7.5rem 0 10rem;
  position: relative;
  text-align: center;
}
.error-404__picture:before,
.error-404__picture:after {
  position: absolute;
  top: -2.5rem;
}
.error-404__picture:before {
  content: url('data:image/svg+xml,<svg viewBox="0 0 150 138" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_12608_168769" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="150" height="139"><rect y="0.00195312" width="150" height="138" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_12608_168769)"><rect x="54.0469" y="-0.212891" width="96.9106" height="96.9106" rx="12" transform="rotate(33.7406 54.0469 -0.212891)" fill="%23463A92"/></g></svg>');
  height: 6rem;
  left: 0;
  transform: translate(-50%, 0);
  width: 6.5rem;
}
@media (min-width: 992px) {
  .error-404__picture:before {
    height: 8.75rem;
    transform: translate(50%, 50%);
    width: 9.25rem;
  }
}
.error-404__picture:after {
  content: url('data:image/svg+xml,<svg viewBox="0 0 300 285" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="112.905" height="112.63" rx="12" transform="matrix(0.946729 -0.322031 0.323813 0.946121 137.648 36.3594)" fill="%23A6E300"/><mask id="mask0_12608_168743" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="140" y="3" width="138" height="137"><rect width="112.905" height="112.63" rx="12" transform="matrix(0.946729 -0.322031 0.323813 0.946121 137.648 36.3594)" fill="%23A6E300"/></mask><g mask="url(%23mask0_12608_168743)"><path d="M260.443 46.9029C265.034 42.3184 272.498 42.2966 277.115 46.8562C281.731 51.4158 281.753 58.829 277.162 63.4136L264.506 75.9853C260.487 79.9991 254.26 80.5137 249.678 77.5197L230.745 66.6665L217.565 79.7559L226.898 85.1107C230.613 87.2502 232.692 91.1206 232.695 95.1001L232.723 130.928V142.502H221.073C214.638 142.502 209.419 137.319 209.419 130.928V101.749L200.542 96.6563L187.905 109.206C183.889 113.195 177.661 113.66 173.13 110.603L137.886 89.9229L125.297 82.5346L135.183 72.2178L135.377 72.0089C139.023 68.2009 144.961 67.2465 149.713 70.0347L177.793 86.511L209.846 54.6779L203.311 50.9323L194.663 59.5245C190.05 64.1059 182.56 64.1059 177.944 59.5245C173.331 54.9399 173.331 47.5048 177.944 42.9203L192.967 27.9971L193.002 28.0282C196.67 24.3824 202.476 23.4686 207.193 26.1601L234.89 42.0408C231.461 39.3524 229.253 35.1889 229.253 30.5108C229.253 22.4051 235.87 15.834 244.032 15.834C252.193 15.834 258.807 22.4051 258.807 30.5108C258.807 38.6164 252.193 45.1845 244.032 45.1845C242.103 45.1845 240.263 44.8196 238.577 44.1553L254.187 53.103L260.433 46.8967L260.443 46.9029Z" fill="white" fill-opacity="0.4"/></g><mask id="mask1_12608_168743" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="109" width="191" height="177"><rect y="109.074" width="190.588" height="175.928" fill="%23D9D9D9"/></mask><g mask="url(%23mask1_12608_168743)"><rect width="123.339" height="123.339" rx="12" transform="matrix(0.831558 0.555438 -0.555429 0.831564 75.6953 109.074)" fill="%23FF466F"/></g><mask id="mask2_12608_168743" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="174" y="142" width="126" height="126"><rect x="174.703" y="142.5" width="125.294" height="124.909" fill="%23D9D9D9"/></mask><g mask="url(%23mask2_12608_168743)"><rect width="70.4796" height="70.4796" rx="12" transform="matrix(0.8632 0.504861 -0.504852 0.863206 219.195 154.744)" fill="%23A6E300"/></g></svg>');
  height: 10rem;
  right: 0;
  width: 10.5rem;
}
@media (min-width: 992px) {
  .error-404__picture:after {
    height: 16.5rem;
    transform: translate(50%, 0%);
    width: 17.75rem;
  }
}
.error-404__picture svg {
  max-height: 26.5rem;
  max-width: 58.5rem;
}
.error-404__desc {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin-bottom: 1.2rem;
  position: relative;
  text-align: center;
}
@media (min-width: 992px) {
  .error-404__desc {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}
.error-404__desc:before,
.error-404__desc:after {
  position: absolute;
  top: -100%;
}
.error-404__desc:before {
  content: url('data:image/svg+xml,<svg viewBox="0 0 400 346" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="190.987" height="190.559" rx="12" transform="matrix(0.946705 -0.322101 0.323742 0.946145 0 165.707)" fill="%23694AFF"/><mask id="mask0_12608_168755" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="3" y="107" width="237" height="236"><rect width="190.987" height="190.559" rx="12" transform="matrix(0.946705 -0.322101 0.323742 0.946145 0 165.707)" fill="%23A6E300"/></mask><g mask="url(%23mask0_12608_168755)"><path d="M46.4686 248.683C37.0931 242.806 34.4152 230.529 40.4962 221.277C46.5773 212.024 59.1195 209.281 68.4949 215.158L100.05 234.869L138.48 169.93C144.121 160.396 156.551 157.075 166.217 162.518C175.883 167.962 179.151 180.123 173.509 189.656L113.726 290.707L46.4686 248.683Z" fill="white" fill-opacity="0.3"/></g><mask id="mask1_12608_168755" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="188" y="0" width="212" height="212"><rect x="188.062" y="0.00195312" width="211.939" height="211.339" fill="%23D9D9D9"/></mask><g mask="url(%23mask1_12608_168755)"><rect width="119.233" height="119.233" rx="12" transform="matrix(0.863198 0.504865 -0.504849 0.863208 269.266 23.6973)" fill="%23FF466F"/></g></svg>');
  height: 7.25rem;
  left: -1rem;
  transform: translate(0, -100%);
  width: 8.5rem;
}
@media (min-width: 992px) {
  .error-404__desc:before {
    height: 21.75rem;
    transform: translate(-15%, -15%);
    width: 25rem;
  }
}
.error-404__desc:after {
  content: url('data:image/svg+xml,<svg viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="60.0703" y="0.00195312" width="108.145" height="108.145" rx="12" transform="rotate(33.7406 60.0703 0.00195312)" fill="%23FF9233"/><mask id="mask0_12608_168764" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="4" width="142" height="142"><rect x="60.0625" y="0.00195312" width="108.145" height="108.145" rx="12" transform="rotate(33.7406 60.0625 0.00195312)" fill="%23FF9233"/></mask><g mask="url(%23mask0_12608_168764)"><path d="M86.9392 61.4821C95.5879 55.7691 101.922 54.0755 109.947 58.7091C118.811 63.8264 121.85 75.1705 116.733 84.034C107.463 100.089 82.1386 106.875 56.8138 113.661C50.028 88.336 43.2421 63.0111 52.5117 46.9558C57.629 38.0923 68.9731 35.0526 77.8366 40.1699C85.8621 44.8035 87.5624 51.1356 86.9392 61.4821Z" fill="white" fill-opacity="0.2"/></g></svg>');
  height: 6rem;
  left: 100%;
  transform: translate(-50%, -100%);
  width: 6rem;
}
@media (min-width: 992px) {
  .error-404__desc:after {
    height: 9.5rem;
    transform: translate(-50%, 0%);
    width: 9.5rem;
  }
}
.error-404__button a {
  margin: 0 auto;
  max-width: 20rem;
  padding: 1rem;
}