@charset "UTF-8";
@font-face {
  font-family: ArtegraSans;
  font-display: swap;
  src: url("../fonts/ArtegraSans-Bold.woff2") format("woff2"), url("../fonts/ArtegraSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: ArtegraSans;
  font-display: swap;
  src: url("../fonts/ArtegraSans-Light.woff2") format("woff2"), url("../fonts/ArtegraSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: RobotoCondensed;
  font-display: swap;
  src: url("../fonts/RobotoCondensed-Regular.woff2") format("woff2"), url("../fonts/RobotoCondensed-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Neucha;
  font-display: swap;
  src: url("../fonts/Neucha-Regular.woff2") format("woff2"), url("../fonts/Neucha-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: ArtegraSans;
  font-display: swap;
  src: url("../fonts/ArtegraSans-Regular.woff2") format("woff2"), url("../fonts/ArtegraSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

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

body {
  color: #fff;
  line-height: 1;
  font-family: "ArtegraSans", sans-serif;
  font-size: 1.0625rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 120.625em) {
  body {
    font-size: 0.8854166667vw;
  }
}

input,
button,
textarea {
  font-family: "ArtegraSans", sans-serif;
  font-size: inherit;
  line-height: 1;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: inherit;
}

a {
  color: inherit;
}

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

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

address {
  font-style: normal;
}

body {
  background: #ecf6f9;
}
.lock body {
  overflow: hidden;
  touch-action: none;
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.wrapper main {
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}

[class*=__container] {
  max-width: 72.8125rem;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media (min-width: 120.625em) {
  [class*=__container] {
    max-width: 60.6770833333vw;
  }
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.9375rem;
  padding: 1.1875rem 2.0625rem 1.0625rem 0.25rem;
  min-width: 12.5rem;
  border-radius: 1.875rem;
  background: #11749d;
  position: relative;
}
@media (min-width: 120.625em) {
  .btn {
    font-size: 0.78125vw;
    padding: 0.9895833333vw 1.71875vw 0.8854166667vw 0.2083333333vw;
    min-width: 10.4166666667vw;
    border-radius: 1.5625vw;
  }
}
@media (max-width: 47.99875em) {
  .btn {
    font-size: 0.8125rem;
  }
}
.btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 3.1875rem;
  height: 3.1875rem;
  transform: translate(0, -50%);
  border-radius: 50%;
  background: #fff url("../img/icons/arrow.svg") 50%/30% no-repeat;
}
@media (min-width: 120.625em) {
  .btn::after {
    width: 2.65625vw;
    height: 2.65625vw;
  }
}
.swiper {
  overflow: hidden;
  touch-action: pan-y;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.btn-wrapper {
  text-align: center;
  padding: 2.25rem 0rem;
}
@media (min-width: 120.625em) {
  .btn-wrapper {
    padding: 1.875vw 0rem;
  }
}
.footer {
  background: #fff;
  padding: 4.5rem 0rem;
}
@media (min-width: 61.99875em) {
  .footer {
    box-shadow: 0 0.25rem 0.625rem 0 rgba(0, 98, 94, 0.2), inset 0 0.3125rem 0.625rem 0 rgba(255, 255, 255, 0.3);
    border-radius: 1.875rem;
  }
}
@media (min-width: 120.625em) {
  .footer {
    box-shadow: 0 0.2083333333vw 0.5208333333vw 0 rgba(0, 98, 94, 0.2), inset 0 0.2604166667vw 0.5208333333vw 0 rgba(255, 255, 255, 0.3);
    border-radius: 1.5625vw;
  }
}
@media (max-width: 61.99875em) {
  .footer {
    padding: 2.75rem 0rem;
  }
}
@media (max-width: 47.99875em) {
  .footer {
    padding: 1.875rem 0rem;
  }
}

.top-footer:not(:last-child) {
  margin-bottom: 2.3125rem;
}
@media (min-width: 120.625em) {
  .top-footer:not(:last-child) {
    margin-bottom: 1.9270833333vw;
  }
}
@media (max-width: 61.99875em) {
  .top-footer:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}
.top-footer__container {
  display: flex;
  gap: 8.5rem;
}
@media (min-width: 120.625em) {
  .top-footer__container {
    gap: 7.0833333333vw;
  }
}
@media (max-width: 61.99875em) {
  .top-footer__container {
    gap: 2.5rem;
  }
}
.top-footer__left {
  color: #2a384e;
  max-width: 23.5rem;
}
@media (min-width: 120.625em) {
  .top-footer__left {
    max-width: 19.5833333333vw;
  }
}
@media (min-width: 75.31125em) {
  .top-footer__left {
    margin-left: 7.2103004292%;
  }
}
.top-footer__copy {
  font-family: "RobotoCondensed", sans-serif;
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.4;
}
@media (min-width: 120.625em) {
  .top-footer__copy {
    font-size: 0.6770833333vw;
  }
}
@media (min-width: 120.625em) {
  .top-footer__copy:not(:last-child) {
    margin-bottom: 0.0520833333vw;
  }
}
.top-footer__copy:not(:last-child) {
  margin-bottom: 0.0625rem;
}
.top-footer__descr {
  font-family: "RobotoCondensed", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.4;
}
@media (min-width: 120.625em) {
  .top-footer__descr {
    font-size: 0.6770833333vw;
  }
}
.top-footer__descr:not(:last-child) {
  margin-bottom: 1.125rem;
}
@media (min-width: 120.625em) {
  .top-footer__descr:not(:last-child) {
    margin-bottom: 0.9375vw;
  }
}
@media (max-width: 47.99875em) {
  .top-footer__menu {
    display: none;
  }
}
.top-footer__list {
  columns: 2;
  column-gap: 1.875rem;
}
@media (min-width: 120.625em) {
  .top-footer__list {
    column-gap: 1.5625vw;
  }
}
.top-footer__item a {
  font-family: "RobotoCondensed", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: #00625e;
  transition: color 0.3s;
}
@media (min-width: 120.625em) {
  .top-footer__item a {
    font-size: 0.6770833333vw;
  }
}
@media (any-hover: hover) {
  .top-footer__item a:hover {
    color: #2a384e;
  }
}
.top-footer__item:not(:last-child) {
  margin-bottom: 0.125rem;
}
@media (min-width: 120.625em) {
  .top-footer__item:not(:last-child) {
    margin-bottom: 0.1041666667vw;
  }
}

.bottom-footer__container {
  display: flex;
  gap: 8.5rem;
}
@media (min-width: 120.625em) {
  .bottom-footer__container {
    gap: 7.0833333333vw;
  }
}
@media (max-width: 75.31125em) {
  .bottom-footer__container {
    gap: 1.4375rem;
    justify-content: space-between;
  }
}
@media (max-width: 61.99875em) {
  .bottom-footer__container {
    flex-direction: column;
  }
}
.bottom-footer__descr {
  font-family: "RobotoCondensed", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: #2a384e;
}
@media (min-width: 61.99875em) {
  .bottom-footer__descr {
    flex: 0 0 23.25rem;
    margin-top: -4.0625rem;
  }
}
@media (max-width: 61.99875em) {
  .bottom-footer__descr {
    font-size: 0.75rem;
    line-height: 1.1;
    text-align: center;
    max-width: 82.8571428571%;
    margin: 0 auto;
  }
}
@media (max-width: 29.99875em) {
  .bottom-footer__descr {
    font-size: 0.625rem;
  }
}
@media (min-width: 61.99875em) {
  .bottom-footer__descr p:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 61.99875em) {
  .bottom-footer__descr p:last-child {
    display: none;
  }
}
.bottom-footer__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.3125rem;
}
@media (min-width: 61.99875em) {
  .bottom-footer__row {
    display: none;
  }
}
.bottom-footer__erid {
  font-family: "RobotoCondensed", sans-serif;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #2a384e;
  display: flex;
  flex-direction: column;
}
@media (max-width: 29.99875em) {
  .bottom-footer__erid {
    font-size: 0.625rem;
  }
}
.bottom-footer__socials {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
@media (min-width: 61.99875em) {
  .bottom-footer__socials {
    padding-top: 1.5rem;
  }
}
@media (min-width: 120.625em) {
  .bottom-footer__socials {
    padding-top: 1.25vw;
    gap: 1.25vw;
  }
}

@media (min-width: 61.99875em) {
  .footer-phone {
    position: relative;
    padding-left: 4.3125rem;
  }
}
@media (min-width: 75.31125em) {
  .footer-phone {
    flex: 0 0 27.8125rem;
    margin-left: 0.9375rem;
  }
}
@media (min-width: 120.625em) {
  .footer-phone {
    padding-left: 3.59375vw;
    flex: 0 0 23.1770833333vw;
    margin-left: 0.78125vw;
  }
}
@media (min-width: 61.99875em) {
  .footer-phone::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 3.0625rem;
    aspect-ratio: 49/50;
    background: url("../img/icons/phone-decor.svg") 50%/100% no-repeat;
    transform: translate(0, -50%);
  }
}
@media (min-width: 120.625em) {
  .footer-phone::before {
    width: 2.5520833333vw;
  }
}
.footer-phone__link {
  font-family: "Neucha", sans-serif;
  font-size: 2.1875rem;
  line-height: 1.2;
  color: #00625e;
  transition: color 0.3s;
  white-space: nowrap;
  display: inline-block;
}
@media (min-width: 120.625em) {
  .footer-phone__link {
    font-size: 1.8229166667vw;
  }
}
.footer-phone__link:not(:last-child) {
  margin-bottom: 0.25rem;
}
@media (any-hover: hover) {
  .footer-phone__link:hover {
    color: #2a384e;
  }
}
.footer-phone__descr {
  font-family: "RobotoCondensed", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: #2a384e;
}
@media (min-width: 120.625em) {
  .footer-phone__descr {
    font-size: 0.6770833333vw;
  }
}

.hero {
  position: relative;
  padding-top: 1.6875rem;
}
@media (min-width: 120.625em) {
  .hero {
    padding-top: 1.40625vw;
  }
}
@media (max-width: 61.99875em) {
  .hero {
    padding-top: 1.5625rem;
    min-height: 66.25rem;
  }
}
@media (max-width: 47.99875em) {
  .hero {
    min-height: 54.1875rem;
  }
}
.hero::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  height: 10.0625rem;
  background: url("../img/hero/table@2x.png") top center/cover no-repeat;
}
@media (min-width: 120.625em) {
  .hero::before {
    height: 8.3854166667vw;
  }
}
@media (max-width: 75.31125em) {
  .hero::before {
    height: 6.25rem;
  }
}
@media (max-width: 61.99875em) {
  .hero::before {
    height: 25.6875rem;
    z-index: 4;
  }
}
.hero__butter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  pointer-events: none;
}
.hero__btn-arrow {
  position: absolute;
  left: 50%;
  bottom: 6.25rem;
  width: 3.75rem;
  height: 3.75rem;
  z-index: 4;
  transform: translate(-50%, 0);
  border-radius: 50%;
  background: #fff url("../img/icons/arrow.svg") 50%/30% no-repeat;
}
@media (min-width: 61.99875em) {
  .hero__btn-arrow {
    display: none;
  }
}
.hero__bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  height: calc(100% - 9.4375rem);
  object-fit: cover;
  z-index: -1;
}
@media (min-width: 120.625em) {
  .hero__bg {
    height: calc(100% - 7.8645833333vw);
  }
}
@media (max-width: 75.31125em) {
  .hero__bg {
    height: calc(100% - 5.625rem);
  }
}
@media (max-width: 61.99875em) {
  .hero__bg {
    height: calc(100% - 24.375rem);
  }
}
@media (min-width: 61.99875em) {
  .hero__bg_mob {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .hero__bg_pc {
    display: none;
  }
}
.hero__container {
  position: relative;
}
.hero__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.25rem;
  padding-left: 0.625rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 120.625em) {
  .hero__header {
    gap: 1.0416666667vw;
    padding-left: 0.5208333333vw;
  }
}
@media (max-width: 61.99875em) {
  .hero__header {
    padding-left: 0;
  }
}
.hero__logo {
  flex: 0 0 13.125rem;
}
@media (min-width: 120.625em) {
  .hero__logo {
    flex: 0 0 10.9375vw;
  }
}
@media (max-width: 61.99875em) {
  .hero__logo {
    flex: 0 0 11.875rem;
  }
}
@media (max-width: 47.99875em) {
  .hero__logo {
    flex: 0 0 10.3125rem;
  }
}
.hero__logo img {
  width: 100%;
  height: auto;
}
.hero__link {
  line-height: 1.2;
  color: #00625e;
  font-size: 0.8125rem;
  padding: 0.8125rem 1.0625rem;
  border-radius: 1.25rem;
  box-shadow: 0 0.25rem 0.625rem 0 rgba(0, 98, 94, 0.2), inset 0 0.3125rem 0.625rem 0 rgba(255, 255, 255, 0.3);
  background: #fff;
}
@media (min-width: 120.625em) {
  .hero__link {
    font-size: 0.6770833333vw;
    padding: 0.6770833333vw 0.8854166667vw;
    border-radius: 1.0416666667vw;
    box-shadow: 0 0.2083333333vw 0.5208333333vw 0 rgba(0, 98, 94, 0.2), inset 0 0.2604166667vw 0.5208333333vw 0 rgba(255, 255, 255, 0.3);
  }
}
@media (max-width: 61.99875em) {
  .hero__link {
    display: none;
  }
}
.hero__body {
  display: flex;
}
@media (max-width: 61.99875em) {
  .hero__body {
    flex-direction: column;
    position: relative;
  }
}
.hero__left {
  color: #144e71;
}
@media (min-width: 61.99875em) {
  .hero__left {
    position: relative;
  }
}
@media (max-width: 61.99875em) {
  .hero__left {
    padding-left: 1.25rem;
  }
}
.hero__decor {
  position: absolute;
  bottom: 7.5625rem;
  z-index: 2;
  display: block;
}
@media (min-width: 120.625em) {
  .hero__decor {
    bottom: 6.3020833333vw;
  }
}
@media (max-width: 75.31125em) {
  .hero__decor {
    bottom: 3.75rem;
  }
}
@media (max-width: 61.99875em) {
  .hero__decor {
    bottom: 14.6875rem;
    z-index: 4;
  }
}
@media (max-width: 47.99875em) {
  .hero__decor {
    bottom: 16.375rem;
  }
}
.hero__decor video {
  position: absolute;
  aspect-ratio: 1/1;
  display: block;
  height: auto;
}
.hero__decor_1 {
  left: 0.1%;
  width: 12.5rem;
  aspect-ratio: 200/267;
  background: url("../img/hero/men.svg") 50%/100% no-repeat;
}
@media (min-width: 120.625em) {
  .hero__decor_1 {
    width: 10.4166666667vw;
  }
}
@media (max-width: 75.31125em) {
  .hero__decor_1 {
    left: -10%;
  }
}
@media (max-width: 61.99875em) {
  .hero__decor_1 {
    width: 8.125rem;
    left: 6%;
    z-index: 3;
  }
}
@media (max-width: 29.99875em) {
  .hero__decor_1 {
    width: 6.5625rem;
    left: -1%;
  }
}
.hero__decor_1 video {
  top: -15.1%;
  right: -23.1%;
  width: 73%;
  transform: scaleX(-1);
}
.hero__decor_2 {
  left: 52.2%;
  width: 10.6875rem;
  aspect-ratio: 171/279;
  background: url("../img/hero/bear.svg") 50%/100% no-repeat;
  z-index: 4;
}
@media (min-width: 120.625em) {
  .hero__decor_2 {
    width: 8.90625vw;
  }
}
@media (max-width: 75.31125em) {
  .hero__decor_2 {
    bottom: 3.625rem;
  }
}
@media (max-width: 61.99875em) {
  .hero__decor_2 {
    display: none;
  }
}
.hero__decor_2 video {
  top: -9.1%;
  left: -9.6%;
  width: 101%;
}
.hero__decor_3 {
  right: 78%;
  background: url("../img/hero/women.svg") 50%/100% no-repeat;
  aspect-ratio: 192/330;
  width: 12rem;
  bottom: 5.75rem;
  z-index: 2;
}
@media (min-width: 120.625em) {
  .hero__decor_3 {
    width: 10vw;
    bottom: 4.7916666667vw;
  }
}
@media (max-width: 75.31125em) {
  .hero__decor_3 {
    bottom: 1.875rem;
  }
}
@media (max-width: 61.99875em) {
  .hero__decor_3 {
    display: none;
  }
}
.hero__decor_3 video {
  top: -3.4%;
  left: 4.2%;
  width: 58%;
}
.hero__decor_4 {
  right: 31.2%;
  background: url("../img/hero/giraffe.svg") 50%/100% no-repeat;
  aspect-ratio: 152/259;
  width: 9.5rem;
  bottom: 8.8125rem;
  z-index: 4;
}
@media (min-width: 120.625em) {
  .hero__decor_4 {
    width: 7.9166666667vw;
    bottom: 7.34375vw;
  }
}
@media (max-width: 75.31125em) {
  .hero__decor_4 {
    bottom: 5rem;
    right: -27%;
  }
}
@media (max-width: 61.99875em) {
  .hero__decor_4 {
    z-index: 4;
    bottom: 14.9375rem;
    width: 6.25rem;
    right: 10%;
  }
}
@media (max-width: 47.99875em) {
  .hero__decor_4 {
    bottom: 16rem;
    right: 2%;
  }
}
@media (max-width: 29.99875em) {
  .hero__decor_4 {
    right: 0;
    bottom: 16.375rem;
    width: 5rem;
  }
}
.hero__title {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1.1;
  position: relative;
  z-index: 2;
}
@media (min-width: 120.625em) {
  .hero__title {
    font-size: 2.0833333333vw;
  }
}
@media (max-width: 61.99875em) {
  .hero__title {
    font-size: 2rem;
  }
}
@media (max-width: 47.99875em) {
  .hero__title {
    font-size: 1.625rem;
  }
}
@media (max-width: 29.99875em) {
  .hero__title {
    font-size: 1.25rem;
  }
}
.hero__title:not(:last-child) {
  margin-bottom: 0.625rem;
}
@media (min-width: 120.625em) {
  .hero__title:not(:last-child) {
    margin-bottom: 0.5208333333vw;
  }
}
@media (max-width: 61.99875em) {
  .hero__title:not(:last-child) {
    margin-bottom: 0.1875rem;
  }
}
.hero__descr {
  font-size: 0.9375rem;
  line-height: 1.4;
  position: relative;
  z-index: 3;
}
@media (min-width: 120.625em) {
  .hero__descr {
    font-size: 0.78125vw;
  }
}
@media (max-width: 61.99875em) {
  .hero__descr {
    font-size: 0.875rem;
    line-height: 1.1;
  }
}
@media (max-width: 47.99875em) {
  .hero__descr {
    font-size: 0.75rem;
  }
}
.hero__image {
  flex: 0 0 37.5rem;
  margin-top: -5.625rem;
  position: relative;
  z-index: 3;
  margin-left: -11.6%;
}
@media (min-width: 120.625em) {
  .hero__image {
    flex: 0 0 31.25vw;
    margin-top: -4.6875vw;
  }
}
@media (max-width: 61.99875em) {
  .hero__image {
    margin-left: 0;
    flex: none;
    max-width: 28.125rem;
    margin: 0 auto;
    margin-top: -0.75rem;
    z-index: 4;
  }
}
@media (max-width: 47.99875em) {
  .hero__image {
    max-width: 20rem;
  }
}
.hero__image video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__image img {
  position: relative;
  width: 100%;
  height: auto;
}
@media (min-width: 61.99875em) {
  .hero__right {
    position: relative;
  }
}
.hero__quan {
  font-family: "Neucha", sans-serif;
  line-height: 1.2;
  pointer-events: none;
  text-align: center;
  color: #014e72;
  background: url("../img/hero/quot-decor.svg") 50%/100% no-repeat;
  font-size: 1.3125rem;
  padding: 6.0625rem 3.4375rem 5.875rem 5.625rem;
  margin-top: -7rem;
  margin-left: -5.25rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 120.625em) {
  .hero__quan {
    font-size: 1.09375vw;
    padding: 5.0520833333vw 2.8645833333vw 4.8958333333vw 4.6875vw;
    margin-top: -5.8333333333vw;
    margin-left: -4.375vw;
  }
}
@media (max-width: 75.31125em) {
  .hero__quan {
    margin-left: -13.75rem;
  }
}
@media (max-width: 61.99875em) {
  .hero__quan {
    max-width: 21.875rem;
    font-size: 1.25rem;
    z-index: 4;
    margin-left: 0;
    margin: 0 auto;
    margin-top: -3.75rem;
    padding: 5.875rem 3.4375rem 5.875rem 4rem;
  }
}

.advantages {
  padding-bottom: 2.5rem;
}
@media (min-width: 120.625em) {
  .advantages {
    padding-bottom: 2.0833333333vw;
  }
}
@media (max-width: 61.99875em) {
  .advantages {
    margin-top: -5.3125rem;
    position: relative;
    z-index: 4;
  }
}
@media (max-width: 61.99875em) {
  .advantages_2 {
    margin-top: 0;
  }
}
@media (max-width: 61.99875em) {
  .advantages__container {
    padding: 0;
  }
}
.advantages__cols {
  display: grid;
}
@media (max-width: 61.99875em) {
  .advantages__cols {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 61.99875em) {
  .advantages__cols[data-active-col="1"] {
    grid-template-columns: 61.6309012876% 1fr 1fr;
  }
}
@media (min-width: 61.99875em) {
  .advantages__cols[data-active-col="1"] .advantage:nth-child(2) .advantage__btn-arrow, .advantages__cols[data-active-col="1"] .advantage:nth-child(3) .advantage__btn-arrow {
    left: -2.125rem;
    right: auto;
    transform: translate(0, -50%) rotate(180deg);
  }
}
@media (min-width: 120.625em) {
  .advantages__cols[data-active-col="1"] .advantage:nth-child(2) .advantage__btn-arrow, .advantages__cols[data-active-col="1"] .advantage:nth-child(3) .advantage__btn-arrow {
    left: -1.7708333333vw;
  }
}
@media (max-width: 61.99875em) {
  .advantages__cols[data-active-col="1"] .advantage:nth-child(1) {
    grid-column: span 2;
  }
}
.advantages__cols {
  /* Активная 2-я */
}
@media (min-width: 61.99875em) {
  .advantages__cols[data-active-col="2"] {
    grid-template-columns: 1fr 61.6309012876% 1fr;
  }
}
@media (min-width: 61.99875em) {
  .advantages__cols[data-active-col="2"] .advantage:nth-child(3) .advantage__btn-arrow {
    left: -2.125rem;
    right: auto;
    transform: translate(0, -50%) rotate(180deg);
  }
}
@media (min-width: 120.625em) {
  .advantages__cols[data-active-col="2"] .advantage:nth-child(3) .advantage__btn-arrow {
    left: -1.7708333333vw;
  }
}
@media (max-width: 61.99875em) {
  .advantages__cols[data-active-col="2"] .advantage:nth-child(2) {
    grid-column: span 2;
    order: -1;
  }
}
.advantages__cols {
  /* Активная 3-я */
}
@media (min-width: 61.99875em) {
  .advantages__cols[data-active-col="3"] {
    grid-template-columns: 1fr 1fr 61.6309012876%;
  }
}
@media (max-width: 61.99875em) {
  .advantages__cols[data-active-col="3"] .advantage:nth-child(3) {
    grid-column: span 2;
    order: -1;
  }
}
.advantages__cols:not(:last-child) {
  margin-bottom: 2.75rem;
}
@media (min-width: 120.625em) {
  .advantages__cols:not(:last-child) {
    margin-bottom: 2.2916666667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantages__cols:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
.advantages__btn {
  min-width: 15.375rem;
}
@media (min-width: 120.625em) {
  .advantages__btn {
    min-width: 12.8125vw;
  }
}
.advantages__btn-wrapper {
  text-align: center;
}
.advantages__btn-wrapper_top {
  padding: 1.875rem 0rem;
}
@media (min-width: 120.625em) {
  .advantages__btn-wrapper_top {
    padding: 1.5625vw 0vw;
  }
}
@media (max-width: 61.99875em) {
  .advantages__btn-wrapper_top {
    display: none;
  }
}

.advantage {
  display: flex;
  align-items: center;
  flex-direction: column;
  min-height: 49.1875rem;
  border-radius: 1.875rem;
  border: 0.1875rem solid #fff;
  gap: 8.4375rem;
  padding: 7.5rem 1.25rem;
  position: relative;
  color: #014e72;
}
@media (min-width: 120.625em) {
  .advantage {
    min-height: 40.9895833333vw;
    border-radius: 1.5625vw;
    border: 0.15625vw solid #fff;
    gap: 7.03125vw;
    padding: 6.25vw 1.0416666667vw;
  }
}
@media (max-width: 75.31125em) {
  .advantage {
    padding: 6.25rem 1rem;
  }
}
@media (max-width: 61.99875em) {
  .advantage {
    min-height: 11.6875rem;
    gap: 0.625rem;
    border-width: 0.0625rem;
    padding: 2.0625rem 2.6875rem 0.625rem;
    z-index: 3;
  }
}
.advantage:nth-child(1) {
  background: linear-gradient(180deg, #40b1d6 0%, #a0e2f7 100%);
}
@media (min-width: 61.99875em) {
  .advantage:nth-child(1) .tooltip {
    bottom: 2.375rem;
    left: 1.8125rem;
  }
}
@media (min-width: 120.625em) {
  .advantage:nth-child(1) .tooltip {
    bottom: 1.9791666667vw;
    left: 1.5104166667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage:nth-child(1) .tooltip {
    top: 31%;
    right: 1.875rem;
  }
}
@media (max-width: 61.99875em) {
  .advantage:nth-child(1) .advantage__cap {
    padding-left: 0.1875rem;
  }
}
.advantage:nth-child(1):not(.active-col) {
  color: #fff;
}
@media (min-width: 75.31125em) {
  .advantage:nth-child(1):not(.active-col) .advantage__top {
    padding-left: 0.75rem;
  }
}
@media (min-width: 120.625em) {
  .advantage:nth-child(1):not(.active-col) .advantage__top {
    padding-left: 0.625vw;
  }
}
@media (min-width: 61.99875em) {
  .advantage:nth-child(1) .advantage__image {
    margin: 1.8125rem 0 0 -2.875rem;
  }
}
@media (min-width: 120.625em) {
  .advantage:nth-child(1) .advantage__image {
    margin: 1.5104166667vw 0 0 -2.3958333333vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage:nth-child(1) .advantage__image {
    margin: 0rem -4.375rem 0 -1.25rem;
  }
}
@media (min-width: 61.99875em) {
  .advantage:nth-child(1).active-col {
    padding: 2.5rem 1.8125rem 0 4.1875rem;
  }
}
@media (min-width: 120.625em) {
  .advantage:nth-child(1).active-col {
    padding: 2.0833333333vw 1.5104166667vw 0 3.4895833333vw;
  }
}
@media (min-width: 61.99875em) {
  .advantage:nth-child(1).active-col .advantage__cap {
    padding-left: 0.8125rem;
  }
}
@media (min-width: 120.625em) {
  .advantage:nth-child(1).active-col .advantage__cap {
    padding-left: 0.6770833333vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage:nth-child(1).active-col .advantage__text {
    max-width: 94%;
  }
}
.advantage:nth-child(2) {
  background: linear-gradient(180deg, #76d0de 0%, #b9eef7 100%);
}
@media (max-width: 61.99875em) {
  .advantage:nth-child(2) .advantage__descr {
    max-width: 100%;
  }
}
@media (max-width: 61.99875em) {
  .advantage:nth-child(2) .advantage__image {
    margin: 0rem -1rem;
  }
}
@media (min-width: 61.99875em) {
  .advantage:nth-child(2).active-col {
    padding: 2.5rem 1.625rem 0 4.0625rem;
  }
}
@media (min-width: 75.31125em) {
  .advantage:nth-child(2).active-col {
    padding: 2.0833333333vw 1.3541666667vw 0 3.3854166667vw;
  }
}
@media (min-width: 75.31125em) {
  .advantage:nth-child(2):not(.active-col) .advantage__top {
    padding-left: 1.875rem;
  }
}
@media (min-width: 120.625em) {
  .advantage:nth-child(2):not(.active-col) .advantage__top {
    padding-left: 1.5625vw;
  }
}
@media (min-width: 61.99875em) {
  .advantage:nth-child(2) .advantage__image {
    margin: 0.4375rem 0 0 -2.6875rem;
  }
}
@media (min-width: 120.625em) {
  .advantage:nth-child(2) .advantage__image {
    margin: 0.3645833333vw 0 0 -2.2395833333vw;
  }
}
.advantage:nth-child(3) {
  background: linear-gradient(180deg, #b1ebd3 0%, #45c0bc 100%);
}
.advantage:nth-child(3) .tooltip {
  right: 2.1875rem;
}
@media (min-width: 61.99875em) {
  .advantage:nth-child(3) .tooltip {
    right: 2.1875rem;
    bottom: 2.375rem;
  }
}
@media (min-width: 120.625em) {
  .advantage:nth-child(3) .tooltip {
    right: 1.8229166667vw;
    bottom: 1.9791666667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage:nth-child(3) .tooltip {
    top: 12.375rem;
    right: 2.0625rem;
  }
}
@media (min-width: 75.31125em) {
  .advantage:nth-child(3):not(.active-col) .advantage__top {
    padding-left: 2.5rem;
  }
}
@media (min-width: 120.625em) {
  .advantage:nth-child(3):not(.active-col) .advantage__top {
    padding-left: 2.0833333333vw;
  }
}
@media (min-width: 61.99875em) {
  .advantage:nth-child(3) .advantage__image {
    margin: 1.75rem 0rem -1.25rem -1.875rem;
  }
}
@media (min-width: 120.625em) {
  .advantage:nth-child(3) .advantage__image {
    margin: 1.4583333333vw 0vw -1.0416666667vw -1.5625vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage:nth-child(3).active-col {
    padding: 1.75rem 0.625rem 6.25rem 2rem;
  }
}
.advantage.active-col {
  gap: 0;
  grid-row: span 2;
  align-items: initial;
  border-width: 0.625rem;
  padding: 2.5rem 1.625rem 0 6.25rem;
}
@media (min-width: 120.625em) {
  .advantage.active-col {
    border-width: 0.5208333333vw;
    padding: 2.0833333333vw 1.3541666667vw 0 5.2083333333vw;
  }
}
@media (max-width: 75.31125em) {
  .advantage.active-col {
    padding: 1.625rem 2.25rem 8.125rem 2.25rem;
    margin-bottom: -5rem;
  }
}
@media (max-width: 61.99875em) {
  .advantage.active-col {
    border-width: 0.375rem;
    border-radius: 3.125rem;
    min-height: 41.25rem;
    z-index: 1;
  }
}
.advantage__btn-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -2.125rem;
  width: 3.1875rem;
  height: 3.1875rem;
  z-index: 2;
  border-radius: 50%;
  background: #fff url("../img/icons/arrow-green.svg") 50%/50% no-repeat;
}
@media (min-width: 120.625em) {
  .advantage__btn-arrow {
    right: -1.7708333333vw;
    width: 2.65625vw;
    height: 2.65625vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage__btn-arrow {
    right: 1.9375rem;
    top: -1.3125rem;
    transform: translate(0, 0) rotate(-90deg);
    width: 2.5rem;
    height: 2.5rem;
  }
}
.active-col .advantage__btn-arrow {
  display: none;
}
.advantage__top {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  justify-content: space-between;
}
@media (min-width: 120.625em) {
  .advantage__top {
    gap: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage__top {
    display: none;
  }
}
@media (min-width: 61.99875em) {
  .advantage__top:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 120.625em) {
  .advantage__top:not(:last-child) {
    margin-bottom: 1.25vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage__top:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 61.99875em) {
  .active-col .advantage__top {
    display: flex;
  }
}
@media (min-width: 61.99875em) {
  .active-col .advantage__top:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 120.625em) {
  .active-col .advantage__top:not(:last-child) {
    margin-bottom: 0.625vw;
  }
}
@media (min-width: 61.99875em) {
  .advantage__top_mob-preview {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .advantage__top_mob-preview {
    display: block;
    font-size: 1.0625rem;
    line-height: 1.2;
  }
}
@media (max-width: 29.99875em) {
  .advantage__top_mob-preview {
    font-size: 0.9375rem;
  }
}
@media (max-width: 61.99875em) {
  .active-col .advantage__top_mob-preview {
    display: none;
  }
}
.advantage__cap {
  font-size: 1.25rem;
}
@media (min-width: 120.625em) {
  .advantage__cap {
    font-size: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage__cap {
    font-size: 1.25rem;
    line-height: 1.46667;
  }
}
@media (max-width: 47.99875em) {
  .advantage__cap {
    font-size: 1.0625rem;
  }
}
@media (max-width: 29.99875em) {
  .advantage__cap {
    font-size: 0.9375rem;
  }
}
.advantage__cap:not(:last-child) {
  margin-bottom: 0.4375rem;
}
@media (min-width: 120.625em) {
  .advantage__cap:not(:last-child) {
    margin-bottom: 0.3645833333vw;
  }
}
.active-col .advantage__cap {
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 1.5625rem;
}
@media (min-width: 120.625em) {
  .active-col .advantage__cap {
    font-size: 1.3020833333vw;
  }
}
@media (min-width: 61.99875em) {
  .active-col .advantage__cap {
    padding-left: 0.25rem;
  }
}
@media (max-width: 61.99875em) {
  .active-col .advantage__cap {
    letter-spacing: 0.05em;
    font-size: 1.25rem;
  }
}
@media (max-width: 61.99875em) {
  .active-col .advantage__cap {
    line-height: 1.46667;
  }
}
@media (max-width: 47.99875em) {
  .active-col .advantage__cap {
    font-size: 1.0625rem;
  }
}
@media (max-width: 29.99875em) {
  .active-col .advantage__cap {
    font-size: 0.9375rem;
  }
}
.active-col .advantage__cap:not(:last-child) {
  margin-bottom: 0;
}
@media (min-width: 120.625em) {
  .active-col .advantage__cap:not(:last-child) {
    margin-bottom: 0;
  }
}
.advantage__row {
  display: inline-flex;
  gap: 0.3125rem;
}
@media (min-width: 120.625em) {
  .advantage__row {
    gap: 0.2604166667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage__row {
    gap: 0 0.625rem;
    display: grid;
    grid-template-columns: auto auto;
  }
}
.advantage__num {
  font-size: 2.1875rem;
  font-weight: 700;
  position: relative;
}
@media (min-width: 120.625em) {
  .advantage__num {
    font-size: 1.8229166667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage__num {
    grid-row: span 2;
    font-size: 6.25rem;
  }
}
@media (max-width: 47.99875em) {
  .advantage__num {
    font-size: 5rem;
  }
}
@media (max-width: 29.99875em) {
  .advantage__num {
    font-size: 3.75rem;
  }
}
@media (min-width: 61.99875em) {
  .active-col .advantage__num {
    font-size: 9.375rem;
  }
}
@media (min-width: 120.625em) {
  .active-col .advantage__num {
    font-size: 7.8125vw;
  }
}
.advantage__num-decor {
  display: none;
  position: absolute;
  background: url("../img/advantages/decor-3.svg") 50%/100% no-repeat;
}
.active-col .advantage__num-decor {
  display: block;
}
.advantage__num-decor_1 {
  aspect-ratio: 51/87;
  width: 3.1875rem;
  bottom: 1.8125rem;
  right: 0;
}
@media (min-width: 120.625em) {
  .advantage__num-decor_1 {
    width: 2.65625vw;
    bottom: 1.5104166667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage__num-decor_1 {
    width: 1.9375rem;
    bottom: 0.3125rem;
    right: -0.75rem;
  }
}
.advantage__num-decor_2 {
  background-image: url("../img/advantages/decor-2.svg");
  aspect-ratio: 77/56;
  width: 4.8125rem;
  right: -2.8125rem;
  bottom: 1.625rem;
}
@media (min-width: 120.625em) {
  .advantage__num-decor_2 {
    width: 4.0104166667vw;
    right: -2.34375vw;
    bottom: 1.3541666667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage__num-decor_2 {
    width: 2.375rem;
    bottom: 0.3125rem;
    right: -0.8125rem;
  }
}
.advantage__num-decor_3 {
  background-image: url("../img/advantages/decor-4.svg");
  aspect-ratio: 42/52;
  transform: rotate(-16deg);
  width: 2.625rem;
  bottom: 1.9375rem;
  left: -0.5rem;
}
@media (min-width: 120.625em) {
  .advantage__num-decor_3 {
    width: 2.1875vw;
    bottom: 1.6145833333vw;
    left: -0.4166666667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage__num-decor_3 {
    width: 1.625rem;
    bottom: 0.3125rem;
    left: -0.875rem;
  }
}
.advantage__descr {
  font-size: 1.25rem;
}
@media (min-width: 61.99875em) {
  .advantage__descr {
    line-height: 0.9;
  }
}
@media (min-width: 120.625em) {
  .advantage__descr {
    font-size: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage__descr {
    font-size: 1.25rem;
    max-width: 70%;
  }
}
@media (max-width: 47.99875em) {
  .advantage__descr {
    font-size: 1.0625rem;
  }
}
@media (max-width: 47.99875em) {
  .advantage__descr {
    font-size: 0.9375rem;
  }
}
@media (max-width: 61.99875em) {
  .advantage__descr_pc {
    display: none;
  }
}
@media (min-width: 61.99875em) {
  .advantage__descr_mob {
    display: none;
  }
}
.advantage__descr span {
  display: none;
}
.active-col .advantage__descr {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media (min-width: 61.99875em) {
  .active-col .advantage__descr {
    line-height: 1.08;
    font-size: 1.5625rem;
    margin-top: 0.4375rem;
  }
}
@media (min-width: 120.625em) {
  .active-col .advantage__descr {
    font-size: 1.3020833333vw;
    margin-top: 0.3645833333vw;
  }
}
.active-col .advantage__descr span {
  display: inline;
}
.advantage__logo {
  flex: 0 0 9.75rem;
  width: 9.75rem;
  aspect-ratio: 156/80;
  display: none;
}
@media (min-width: 120.625em) {
  .advantage__logo {
    flex: 0 0 8.125vw;
    width: 8.125vw;
  }
}
.advantage__logo img {
  width: 100%;
  height: auto;
}
.active-col .advantage__logo {
  display: block;
}
@media (max-width: 61.99875em) {
  .active-col .advantage__logo {
    display: none;
  }
}
.advantage__text {
  display: none;
  line-height: 1.2;
  color: #014e72;
  max-width: 31.9375rem;
}
@media (min-width: 61.99875em) {
  .advantage__text {
    margin-top: -1.75rem;
  }
}
@media (min-width: 120.625em) {
  .advantage__text {
    margin-top: -1.4583333333vw;
    max-width: 26.6145833333vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage__text {
    grid-column: 2;
    font-size: 0.9375rem;
    line-height: 1.1;
    max-width: 71%;
    margin-bottom: auto;
  }
}
@media (max-width: 47.99875em) {
  .advantage__text {
    font-size: 0.8125rem;
  }
}
@media (max-width: 29.99875em) {
  .advantage__text {
    font-size: 0.75rem;
  }
}
.active-col .advantage__text {
  display: block;
}
.advantage__image {
  display: none;
}
@media (max-width: 61.99875em) {
  .advantage__image img {
    width: 100%;
    height: auto;
  }
}
.active-col .advantage__image {
  display: block;
}
@media (min-width: 120.625em) {
  .active-col .advantage__image img {
    width: 80%;
  }
}
.advantage__preview {
  max-width: 9.8125rem;
}
@media (min-width: 120.625em) {
  .advantage__preview {
    max-width: 8.1770833333vw;
    align-self: stretch;
  }
}
@media (max-width: 61.99875em) {
  .advantage__preview {
    max-width: 90%;
  }
}
.advantage__preview img {
  width: 100%;
  height: auto;
}
.active-col .advantage__preview {
  display: none;
}
.advantage__decor {
  position: absolute;
}
@media (max-width: 61.99875em) {
  .advantage__decor {
    display: none;
  }
}
.advantage__decor_1 {
  transform: rotate(19deg);
  aspect-ratio: 148/192;
  width: 9.25rem;
  bottom: 3rem;
  background: url("../img/advantages/decor-1.png") 50%/100% no-repeat;
  left: -0.8125rem;
}
@media (min-width: 120.625em) {
  .advantage__decor_1 {
    width: 7.7083333333vw;
    bottom: 2.5vw;
    left: -0.6770833333vw;
  }
}
.active-col .advantage__decor_1 {
  display: none;
}
.advantage__decor_2 {
  aspect-ratio: 192/139;
  background: url("../img/advantages/decor-2.svg") 50%/100% no-repeat;
  width: 12rem;
  bottom: -0.875rem;
  left: -1.6875rem;
}
@media (min-width: 120.625em) {
  .advantage__decor_2 {
    width: 10vw;
    bottom: -0.7291666667vw;
    left: -1.40625vw;
  }
}
.active-col .advantage__decor_2 {
  display: none;
}

.tooltip {
  position: absolute;
  z-index: 2;
  display: none;
}
.swiper-slide-active .tooltip, .active-col .tooltip {
  display: block;
}
.tooltip__open-btn {
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 2.375rem;
  height: 2.375rem;
  box-shadow: 0 0.25rem 0.625rem 0 rgba(0, 98, 94, 0.2);
  font-size: 1.125rem;
  line-height: 1;
  color: #014e72;
}
@media (min-width: 120.625em) {
  .tooltip__open-btn {
    width: 1.9791666667vw;
    height: 1.9791666667vw;
    box-shadow: 0 0.2083333333vw 0.5208333333vw 0 rgba(0, 98, 94, 0.2);
    font-size: 0.9375vw;
  }
}
@media (max-width: 47.99875em) {
  .tooltip__open-btn {
    width: 1.875rem;
    height: 1.875rem;
  }
}
.tooltip__sub {
  position: absolute;
  background-color: #fff;
  line-height: 1.3;
  border-radius: 1.125rem;
  font-size: 0.6875rem;
  transform: rotate(-2deg);
  min-width: 16.125rem;
  padding: 1.25rem 1.25rem 1.5625rem 1.5625rem;
  top: -1.5rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s;
  color: #014e72;
}
@media (min-width: 61.99875em) {
  .tooltip__sub {
    left: -3.0625rem;
  }
}
@media (min-width: 120.625em) {
  .tooltip__sub {
    left: -2.5520833333vw;
    border-radius: 0.9375vw;
    font-size: 0.5729166667vw;
    min-width: 13.4375vw;
    padding: 1.0416666667vw 1.0416666667vw 1.3020833333vw 1.3020833333vw;
  }
}
@media (max-width: 61.99875em) {
  .tooltip__sub {
    right: -1.25rem;
  }
}
.tooltip-active .tooltip__sub {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.tooltip__sub a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
.tooltip__close-btn {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 0.8125rem;
  height: 0.8125rem;
  background: url("../img/icons/close.svg") 50%/100% no-repeat;
}
@media (min-width: 120.625em) {
  .tooltip__close-btn {
    top: 0.625vw;
    right: 0.625vw;
    width: 0.6770833333vw;
    height: 0.6770833333vw;
  }
}

.advantages-2 {
  padding-bottom: 2.5rem;
  position: relative;
}
@media (min-width: 120.625em) {
  .advantages-2 {
    padding-bottom: 2.0833333333vw;
  }
}
@media (max-width: 61.99875em) {
  .advantages-2 {
    padding-bottom: 1.0625rem;
    z-index: 2;
  }
}
.advantages-2__decor {
  position: absolute;
}
@media (max-width: 61.99875em) {
  .advantages-2__decor {
    display: none;
  }
}
.advantages-2__decor_1 {
  background: url("../img/tv/star.svg") 50%/100% no-repeat;
  width: 1.8125rem;
  aspect-ratio: 29/30;
  top: 4%;
  left: 2%;
  transform: rotate(20deg);
}
@media (min-width: 120.625em) {
  .advantages-2__decor_1 {
    width: 1.5104166667vw;
  }
}
.advantages-2__decor_2 {
  background: url("../img/tv/star-w.svg") 50%/100% no-repeat;
  width: 2.3125rem;
  aspect-ratio: 37/38;
  bottom: 17.3%;
  right: 4.9%;
  transform: rotate(-52deg);
}
@media (min-width: 120.625em) {
  .advantages-2__decor_2 {
    width: 1.9270833333vw;
  }
}
@media (max-width: 61.99875em) {
  .advantages-2__container {
    padding: 0;
  }
}
.advantages-2__cols {
  display: grid;
}
@media (max-width: 61.99875em) {
  .advantages-2__cols {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 61.99875em) {
  .advantages-2__cols[data-active-col="1"] {
    grid-template-columns: 61.6309012876% 1fr 1fr;
  }
}
@media (min-width: 61.99875em) {
  .advantages-2__cols[data-active-col="1"] .advantage-2:nth-child(2) .advantage-2__btn-arrow, .advantages-2__cols[data-active-col="1"] .advantage-2:nth-child(3) .advantage-2__btn-arrow {
    left: -2.125rem;
    right: auto;
    transform: translate(0, -50%) rotate(180deg);
  }
}
@media (min-width: 120.625em) {
  .advantages-2__cols[data-active-col="1"] .advantage-2:nth-child(2) .advantage-2__btn-arrow, .advantages-2__cols[data-active-col="1"] .advantage-2:nth-child(3) .advantage-2__btn-arrow {
    left: -1.7708333333vw;
  }
}
@media (max-width: 61.99875em) {
  .advantages-2__cols[data-active-col="1"] .advantage-2:nth-child(1) {
    grid-column: span 2;
  }
}
.advantages-2__cols {
  /* Активная 2-я */
}
@media (min-width: 61.99875em) {
  .advantages-2__cols[data-active-col="2"] {
    grid-template-columns: 1fr 61.6309012876% 1fr;
  }
}
@media (min-width: 61.99875em) {
  .advantages-2__cols[data-active-col="2"] .advantage-2:nth-child(3) .advantage-2__btn-arrow {
    left: -2.125rem;
    right: auto;
    transform: translate(0, -50%) rotate(180deg);
  }
}
@media (min-width: 120.625em) {
  .advantages-2__cols[data-active-col="2"] .advantage-2:nth-child(3) .advantage-2__btn-arrow {
    left: -1.7708333333vw;
  }
}
@media (max-width: 61.99875em) {
  .advantages-2__cols[data-active-col="2"] .advantage-2:nth-child(2) {
    grid-column: span 2;
    order: -1;
  }
}
.advantages-2__cols {
  /* Активная 3-я */
}
@media (min-width: 61.99875em) {
  .advantages-2__cols[data-active-col="3"] {
    grid-template-columns: 1fr 1fr 61.6309012876%;
  }
}
@media (max-width: 61.99875em) {
  .advantages-2__cols[data-active-col="3"] .advantage-2:nth-child(3) {
    grid-column: span 2;
    order: -1;
  }
}
.advantages-2__cols:not(:last-child) {
  margin-bottom: 2.75rem;
}
@media (min-width: 120.625em) {
  .advantages-2__cols:not(:last-child) {
    margin-bottom: 2.2916666667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantages-2__cols:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
.advantages-2__btn {
  min-width: 15.375rem;
}
@media (min-width: 120.625em) {
  .advantages-2__btn {
    min-width: 12.8125vw;
  }
}
.advantages-2__btn-wrapper {
  text-align: center;
}
.advantages-2__btn-wrapper_top {
  padding: 1.875rem 0rem;
}
@media (min-width: 120.625em) {
  .advantages-2__btn-wrapper_top {
    padding: 1.5625vw 0vw;
  }
}
@media (max-width: 61.99875em) {
  .advantages-2__btn-wrapper_top {
    display: none;
  }
}

.advantage-2 {
  display: flex;
  align-items: center;
  flex-direction: column;
  min-height: 49.1875rem;
  border-radius: 1.875rem;
  border: 0.1875rem solid #fff;
  gap: 4.0625rem;
  padding: 15.9375rem 0.75rem 1.875rem 1.625rem;
  position: relative;
  color: #014e72;
}
@media (min-width: 120.625em) {
  .advantage-2 {
    min-height: 40.9895833333vw;
    border-radius: 1.5625vw;
    border: 0.15625vw solid #fff;
    gap: 3.3854166667vw;
    padding: 13.28125vw 0.625vw 1.5625vw 1.3541666667vw;
  }
}
@media (max-width: 75.31125em) {
  .advantage-2 {
    padding: 6.25rem 1rem;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2 {
    min-height: 11.6875rem;
    gap: 0.625rem;
    border-width: 0.0625rem;
    padding: 2.1875rem 1.375rem 0.625rem;
    align-items: flex-start;
    z-index: 3;
  }
}
.advantage-2:nth-child(1) {
  background: linear-gradient(180deg, #b1ebd3 0%, #45c0bc 100%);
}
@media (min-width: 61.99875em) {
  .advantage-2:nth-child(1) .advantage-2__image {
    margin: 2.125rem 0 0 -1.4375rem;
  }
}
@media (min-width: 120.625em) {
  .advantage-2:nth-child(1) .advantage-2__image {
    margin: 1.7708333333vw 0 0 -1.1979166667vw;
  }
}
.advantage-2:nth-child(1) .advantage-2__text {
  max-width: 31.875rem;
}
@media (min-width: 120.625em) {
  .advantage-2:nth-child(1) .advantage-2__text {
    max-width: 26.5625vw;
  }
}
@media (min-width: 61.99875em) {
  .advantage-2:nth-child(1).active-col {
    padding: 2.6875rem 1.8125rem 0 2.9375rem;
  }
}
@media (min-width: 120.625em) {
  .advantage-2:nth-child(1).active-col {
    padding: 2.2395833333vw 1.5104166667vw 0 2.4479166667vw;
  }
}
.advantage-2:nth-child(2) {
  background: linear-gradient(180deg, #40b1d6 0%, #a0e2f7 100%);
}
@media (max-width: 61.99875em) {
  .advantage-2:nth-child(2) .advantage-2__text:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2:nth-child(2) .advantage-2__descr {
    max-width: 40%;
  }
}
@media (min-width: 61.99875em) {
  .advantage-2:nth-child(2) .tooltip {
    bottom: 2.375rem;
    right: 1.8125rem;
  }
}
@media (min-width: 120.625em) {
  .advantage-2:nth-child(2) .tooltip {
    bottom: 1.9791666667vw;
    right: 1.5104166667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2:nth-child(2) .tooltip {
    top: 74%;
    right: 1.875rem;
  }
}
@media (min-width: 75.31125em) {
  .advantage-2:nth-child(2):not(.active-col) .advantage__top {
    padding-left: 1.875rem;
  }
}
@media (min-width: 120.625em) {
  .advantage-2:nth-child(2):not(.active-col) .advantage__top {
    padding-left: 1.5625vw;
  }
}
@media (min-width: 61.99875em) {
  .advantage-2:nth-child(2) .advantage-2__image {
    margin: 1.3125rem 0 0 -1.125rem;
  }
}
@media (min-width: 120.625em) {
  .advantage-2:nth-child(2) .advantage-2__image {
    margin: 1.09375vw 0 0 -0.9375vw;
  }
}
.advantage-2:nth-child(3) {
  background: linear-gradient(180deg, #4ab8c9 0%, #b9eef7 100%);
}
@media (min-width: 61.99875em) {
  .advantage-2:nth-child(3) {
    padding: 15.75rem 0.875rem 1.875rem 2.625rem;
  }
}
@media (min-width: 120.625em) {
  .advantage-2:nth-child(3) {
    padding: 13.125vw 0.7291666667vw 1.5625vw 2.1875vw;
  }
}
.advantage-2:nth-child(3) .advantage__num {
  letter-spacing: -0.01em;
}
@media (max-width: 61.99875em) {
  .advantage-2:nth-child(3) .advantage__row {
    gap: 0 0.4375rem;
    display: grid;
    grid-template-columns: auto auto;
  }
}
@media (min-width: 61.99875em) {
  .advantage-2:nth-child(3):not(.active-col) {
    gap: 2.5rem;
  }
}
@media (min-width: 75.31125em) {
  .advantage-2:nth-child(3):not(.active-col) .advantage__top {
    padding-left: 2.5rem;
  }
}
@media (min-width: 120.625em) {
  .advantage-2:nth-child(3):not(.active-col) .advantage__top {
    padding-left: 2.0833333333vw;
  }
}
@media (min-width: 61.99875em) {
  .advantage-2:nth-child(3).active-col {
    padding: 2.6875rem 1.8125rem 0 2.5rem;
  }
}
@media (min-width: 120.625em) {
  .advantage-2:nth-child(3).active-col {
    padding: 2.2395833333vw 1.5104166667vw 0 2.0833333333vw;
  }
}
@media (min-width: 61.99875em) {
  .advantage-2:nth-child(3) .advantage-2__image {
    margin: 1.75rem 0 -1.6875rem 0.875rem;
  }
}
@media (min-width: 120.625em) {
  .advantage-2:nth-child(3) .advantage-2__image {
    margin: 1.4583333333vw 0 -1.40625vw 0.7291666667vw;
  }
}
.advantage-2.active-col {
  gap: 0;
  grid-row: span 2;
  align-items: initial;
  border-width: 0.625rem;
  padding: 2.6875rem 1.125rem 0 3.5625rem;
}
@media (min-width: 120.625em) {
  .advantage-2.active-col {
    border-width: 0.5208333333vw;
    padding: 2.2395833333vw 0.9375vw 0 2.96875vw;
  }
}
@media (max-width: 75.31125em) {
  .advantage-2.active-col {
    padding: 1.625rem 0.625rem 6.25rem 2.25rem;
    margin-bottom: -5rem;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2.active-col {
    border-width: 0.375rem;
    border-radius: 3.125rem;
    min-height: 34.6875rem;
    z-index: 2;
  }
}
.advantage-2__btn-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -2.125rem;
  width: 3.1875rem;
  height: 3.1875rem;
  z-index: 2;
  border-radius: 50%;
  background: #fff url("../img/icons/arrow-green.svg") 50%/50% no-repeat;
}
@media (min-width: 120.625em) {
  .advantage-2__btn-arrow {
    right: -1.7708333333vw;
    width: 2.65625vw;
    height: 2.65625vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2__btn-arrow {
    right: 1.9375rem;
    top: -1.3125rem;
    transform: translate(0, 0) rotate(-90deg);
    width: 2.5rem;
    height: 2.5rem;
  }
}
.active-col .advantage-2__btn-arrow {
  display: none;
}
.advantage-2__top {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  pointer-events: none;
  justify-content: space-between;
}
@media (min-width: 120.625em) {
  .advantage-2__top {
    gap: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2__top {
    display: none;
  }
}
.advantage-2__top:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media (min-width: 120.625em) {
  .advantage-2__top:not(:last-child) {
    margin-bottom: 1.25vw;
  }
}
@media (max-width: 61.99875em) {
  .active-col .advantage-2__top {
    display: flex;
  }
}
.active-col .advantage-2__top:not(:last-child) {
  margin-bottom: 0.75rem;
}
@media (min-width: 120.625em) {
  .active-col .advantage-2__top:not(:last-child) {
    margin-bottom: 0.625vw;
  }
}
@media (min-width: 61.99875em) {
  .advantage-2__top_mob-preview {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2__top_mob-preview {
    display: block;
    font-size: 1.0625rem;
    line-height: 1.2;
  }
}
@media (max-width: 29.99875em) {
  .advantage-2__top_mob-preview {
    font-size: 0.9375rem;
  }
}
@media (max-width: 61.99875em) {
  .active-col .advantage-2__top_mob-preview {
    display: none;
  }
}
.advantage-2__cap {
  font-size: 1.25rem;
}
@media (min-width: 120.625em) {
  .advantage-2__cap {
    font-size: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2__cap {
    font-size: 1.0625rem;
  }
}
@media (max-width: 29.99875em) {
  .advantage-2__cap {
    font-size: 0.9375rem;
  }
}
.advantage-2__cap:not(:last-child) {
  margin-bottom: 0.4375rem;
}
@media (min-width: 120.625em) {
  .advantage-2__cap:not(:last-child) {
    margin-bottom: 0.3645833333vw;
  }
}
.active-col .advantage-2__cap {
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media (min-width: 61.99875em) {
  .active-col .advantage-2__cap {
    font-size: 1.5625rem;
  }
}
@media (min-width: 120.625em) {
  .active-col .advantage-2__cap {
    font-size: 1.3020833333vw;
  }
}
@media (min-width: 61.99875em) {
  .active-col .advantage-2__cap {
    padding-left: 0.375rem;
  }
}
@media (max-width: 61.99875em) {
  .active-col .advantage-2__cap {
    letter-spacing: 0.05em;
    font-size: 1.0625rem;
  }
}
@media (max-width: 29.99875em) {
  .active-col .advantage-2__cap {
    font-size: 0.9375rem;
  }
}
.active-col .advantage-2__cap:not(:last-child) {
  margin-bottom: 0;
}
@media (min-width: 120.625em) {
  .active-col .advantage-2__cap:not(:last-child) {
    margin-bottom: 0;
  }
}
.advantage-2__row {
  display: inline-flex;
  gap: 0.4375rem;
}
@media (min-width: 120.625em) {
  .advantage-2__row {
    gap: 0.3645833333vw;
  }
}
.advantage-2__num {
  font-size: 2.1875rem;
  font-weight: 700;
  position: relative;
}
@media (min-width: 120.625em) {
  .advantage-2__num {
    font-size: 1.8229166667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2__num {
    grid-row: span 2;
    font-size: 6.25rem;
  }
}
@media (max-width: 47.99875em) {
  .advantage-2__num {
    font-size: 5rem;
  }
}
@media (max-width: 29.99875em) {
  .advantage-2__num {
    font-size: 3.75rem;
  }
}
.active-col .advantage-2__num {
  letter-spacing: -0.02em;
}
@media (min-width: 61.99875em) {
  .active-col .advantage-2__num {
    font-size: 9.375rem;
  }
}
@media (min-width: 120.625em) {
  .active-col .advantage-2__num {
    font-size: 7.8125vw;
  }
}
.active-col .advantage-2__num span {
  margin-left: -0.5rem;
}
.active-col .advantage-2__num span.advantage-2__num-comma {
  letter-spacing: -0.08em;
}
@media (min-width: 61.99875em) {
  .active-col .advantage-2__num span {
    font-size: 6.25rem;
    margin-right: 0.375rem;
  }
}
@media (max-width: 61.99875em) {
  .active-col .advantage-2__num span {
    margin-left: -0.25rem;
  }
}
.advantage-2__num-decor {
  display: none;
  position: absolute;
  background: url("../img/advantages-2/decor-5.svg") 50%/100% no-repeat;
}
.active-col .advantage-2__num-decor {
  display: block;
}
.advantage-2__num-decor_1 {
  aspect-ratio: 66/78;
  left: -2.25rem;
  bottom: 0.625rem;
  width: 4.125rem;
}
@media (min-width: 120.625em) {
  .advantage-2__num-decor_1 {
    left: -1.875vw;
    bottom: 0.5208333333vw;
    width: 3.4375vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2__num-decor_1 {
    width: 2.1875rem;
    left: -1.5625rem;
    bottom: 0rem;
  }
}
.advantage-2__num-decor_2 {
  background-image: url("../img/advantages-2/decor-2.svg");
  aspect-ratio: 53/61;
  width: 3.3125rem;
  left: -1.3125rem;
  bottom: 1.5rem;
}
@media (min-width: 120.625em) {
  .advantage-2__num-decor_2 {
    width: 2.7604166667vw;
    left: -1.09375vw;
    bottom: 1.25vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2__num-decor_2 {
    width: 1.8125rem;
    left: -0.9375rem;
    bottom: 0rem;
  }
}
.advantage-2__num-decor_3 {
  background-image: url("../img/advantages-2/decor-4.svg");
  aspect-ratio: 64/63;
  width: 4rem;
  left: -1.6875rem;
  bottom: 1.5625rem;
}
@media (min-width: 120.625em) {
  .advantage-2__num-decor_3 {
    width: 3.3333333333vw;
    left: -1.40625vw;
    bottom: 1.3020833333vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2__num-decor_3 {
    width: 2.5rem;
    left: -1rem;
    bottom: 0.25rem;
  }
}
.advantage-2__descr {
  font-size: 1.25rem;
}
@media (min-width: 61.99875em) {
  .advantage-2__descr {
    line-height: 0.8;
  }
}
@media (min-width: 120.625em) {
  .advantage-2__descr {
    font-size: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2__descr {
    letter-spacing: 0.05em;
    font-size: 1.0625rem;
  }
}
@media (max-width: 29.99875em) {
  .advantage-2__descr {
    font-size: 0.9375rem;
  }
}
.active-col .advantage-2__descr {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media (min-width: 61.99875em) {
  .active-col .advantage-2__descr {
    font-size: 1.5625rem;
    line-height: 1.08;
  }
}
@media (min-width: 120.625em) {
  .active-col .advantage-2__descr {
    font-size: 1.3020833333vw;
  }
}
.advantage-2__logo {
  flex: 0 0 9.75rem;
  width: 9.75rem;
  aspect-ratio: 156/80;
  display: none;
}
@media (min-width: 120.625em) {
  .advantage-2__logo {
    flex: 0 0 8.125vw;
    width: 8.125vw;
  }
}
.advantage-2__logo img {
  width: 100%;
  height: auto;
}
.active-col .advantage-2__logo {
  display: block;
}
@media (max-width: 61.99875em) {
  .active-col .advantage-2__logo {
    display: none;
  }
}
.advantage-2__text {
  display: none;
  line-height: 1.2;
  color: #014e72;
  max-width: 30.625rem;
}
.advantage-2__text a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .advantage-2__text a:hover {
    text-decoration: none;
  }
}
@media (min-width: 120.625em) {
  .advantage-2__text {
    max-width: 25.5208333333vw;
  }
}
@media (min-width: 61.99875em) {
  .advantage-2__text {
    margin-top: -1.75rem;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2__text {
    grid-column: 2;
    font-size: 0.9375rem;
    max-width: 85%;
    line-height: 1.15385;
  }
}
@media (max-width: 47.99875em) {
  .advantage-2__text {
    font-size: 0.8125rem;
  }
}
@media (max-width: 29.99875em) {
  .advantage-2__text {
    font-size: 0.75rem;
  }
}
.active-col .advantage-2__text {
  display: block;
}
@media (min-width: 61.99875em) {
  .advantage-2__text_pc {
    display: none;
  }
}
@media (min-width: 61.99875em) {
  .active-col .advantage-2__text_pc {
    display: block;
  }
}
@media (max-width: 61.99875em) {
  .active-col .advantage-2__text_pc {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2__text_mob {
    display: none;
  }
}
@media (min-width: 61.99875em) {
  .active-col .advantage-2__text_mob {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .active-col .advantage-2__text_mob {
    display: block;
  }
}
.advantage-2__image {
  display: none;
}
@media (max-width: 61.99875em) {
  .advantage-2__image img {
    width: 100%;
    height: auto;
  }
}
.active-col .advantage-2__image {
  display: block;
}
@media (min-width: 120.625em) {
  .active-col .advantage-2__image img {
    width: 80%;
  }
}
.advantage-2__preview {
  max-width: 9.8125rem;
}
@media (min-width: 120.625em) {
  .advantage-2__preview {
    max-width: 8.1770833333vw;
    align-self: stretch;
  }
}
@media (max-width: 61.99875em) {
  .advantage-2__preview {
    max-width: 50%;
    align-self: center;
  }
}
.advantage-2__preview img {
  width: 100%;
  height: auto;
}
.active-col .advantage-2__preview {
  display: none;
}
.advantage-2__decor {
  position: absolute;
  background: url("../img/advantages-2/decor-1.svg") 50%/100% no-repeat;
}
@media (max-width: 61.99875em) {
  .advantage-2__decor {
    display: none;
  }
}
.advantage-2__decor_1 {
  aspect-ratio: 183/130;
  top: 16%;
  width: 11.4375rem;
  left: -1.3125rem;
}
@media (min-width: 120.625em) {
  .advantage-2__decor_1 {
    width: 9.53125vw;
    left: -1.09375vw;
  }
}
.active-col .advantage-2__decor_1 {
  display: none;
}
.advantage-2__decor_2 {
  aspect-ratio: 102/117;
  background-image: url("../img/advantages-2/decor-2.svg");
  width: 6.375rem;
  bottom: -0.125rem;
  left: 2.5rem;
}
@media (min-width: 120.625em) {
  .advantage-2__decor_2 {
    width: 5.3125vw;
    bottom: -0.1041666667vw;
    left: 2.0833333333vw;
  }
}
.active-col .advantage-2__decor_2 {
  display: none;
}
.advantage-2__decor_3 {
  aspect-ratio: 123/142;
  background-image: url("../img/advantages-2/decor-3.svg");
  width: 7.6875rem;
  bottom: -1.25rem;
  left: 2.1875rem;
}
@media (min-width: 120.625em) {
  .advantage-2__decor_3 {
    width: 6.40625vw;
    bottom: -1.0416666667vw;
    left: 1.8229166667vw;
  }
}
.active-col .advantage-2__decor_3 {
  display: none;
}

.tv {
  padding-bottom: 3.125rem;
  position: relative;
}
@media (max-width: 61.99875em) {
  .tv {
    padding-bottom: 1.625rem;
    padding-top: 6.25rem;
  }
}
@media (max-width: 29.99875em) {
  .tv {
    padding-top: 5.125rem;
  }
}
@media (max-width: 61.99875em) {
  .tv__container {
    padding: 0rem 1.0625rem 0rem 0.8125rem;
  }
}
.tv__body {
  background: linear-gradient(180deg, #76d0de 0%, #b9eef7 100%);
  border-radius: 1.875rem;
  position: relative;
}
@media (min-width: 61.99875em) {
  .tv__body {
    display: flex;
    align-items: flex-start;
    border: 0.625rem solid #fff;
    min-height: 35.875rem;
  }
}
@media (min-width: 120.625em) {
  .tv__body {
    border: 0.5208333333vw solid #fff;
    border-radius: 1.5625vw;
    min-height: 29.8958333333vw;
  }
}
@media (max-width: 61.99875em) {
  .tv__body {
    border-radius: 2.8125rem;
    background: linear-gradient(180deg, #4ab8c9 0%, #b9eef7 100%);
    padding: 0.125rem 0rem 3.125rem;
  }
}
.tv__body:not(:last-child) {
  margin-bottom: 7rem;
}
@media (min-width: 120.625em) {
  .tv__body:not(:last-child) {
    margin-bottom: 5.8333333333vw;
  }
}
@media (max-width: 61.99875em) {
  .tv__body:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
.tv__decor {
  position: absolute;
}
.tv__decor_1 {
  aspect-ratio: 111/242;
  width: 6.9375rem;
  right: 4.9375rem;
  bottom: -4.4375rem;
  background: url("../img/tv/giraffe.svg") 50%/100% no-repeat;
}
@media (min-width: 120.625em) {
  .tv__decor_1 {
    width: 5.78125vw;
    right: 4.1145833333vw;
    bottom: -3.6979166667vw;
  }
}
@media (max-width: 61.99875em) {
  .tv__decor_1 {
    display: none;
  }
}
.tv__decor_2 {
  background: url("../img/tv/star.svg") 50%/100% no-repeat;
  width: 2.375rem;
  aspect-ratio: 38/39;
  top: 36.4%;
  left: 3%;
}
@media (min-width: 120.625em) {
  .tv__decor_2 {
    width: 1.9791666667vw;
  }
}
@media (max-width: 61.99875em) {
  .tv__decor_2 {
    display: none;
  }
}
.tv__decor_3 {
  background: url("../img/tv/star.svg") 50%/100% no-repeat;
  width: 3.5rem;
  aspect-ratio: 56/58;
  top: -14.2%;
  left: 7.7%;
  transform: rotate(20deg);
}
@media (min-width: 120.625em) {
  .tv__decor_3 {
    width: 2.9166666667vw;
  }
}
@media (max-width: 61.99875em) {
  .tv__decor_3 {
    transform: rotate(-25deg);
    top: -4.2%;
    left: -5.3%;
  }
}
.tv__decor_4 {
  background: url("../img/tv/star-w.svg") 50%/100% no-repeat;
  width: 2.375rem;
  aspect-ratio: 38/39;
  top: -13%;
  right: 4.8%;
  transform: rotate(-52deg);
}
@media (max-width: 61.99875em) {
  .tv__decor_4 {
    width: 4.75rem;
    top: -12.7%;
    right: -3.4%;
  }
}
.tv__left {
  aspect-ratio: 718/638;
  position: relative;
  min-width: 0;
  z-index: 2;
}
@media (min-width: 61.99875em) {
  .tv__left {
    margin-left: 2.1875rem;
    margin-top: 0.25rem;
    margin-bottom: -5.625rem;
    flex: 0 0 62.7074235808%;
  }
}
@media (max-width: 75.31125em) {
  .tv__left {
    margin-left: 0.625rem;
  }
}
@media (max-width: 61.99875em) {
  .tv__left {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2.1875rem;
  }
}
.tv__left::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/tv/tv.png") 50%/100% no-repeat;
  pointer-events: none;
}
.tv__slider {
  max-width: 84.6153846154%;
  aspect-ratio: 616/393;
  margin-top: 6.239812%;
  margin-left: 7.816484%;
}
.tv__btn {
  position: absolute;
  z-index: 2;
  width: 9.8885793872%;
  top: 66.7%;
  aspect-ratio: 71/51;
}
.tv__btn_prev {
  left: 39.5%;
  background: url("../img/tv/arrow-left.png") 50%/100% no-repeat;
}
.tv__btn_next {
  left: 52.6%;
  background: url("../img/tv/arrow-right.png") 50%/100% no-repeat;
}
.tv__slide {
  flex: 0 0 100%;
  position: relative;
}
.tv__slide video,
.tv__slide iframe,
.tv__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tv__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #fff;
  z-index: 2;
  box-shadow: 0 0.25rem 0.625rem 0 rgba(0, 98, 94, 0.2);
  width: 3.1875rem;
  height: 3.1875rem;
}
@media (min-width: 120.625em) {
  .tv__play {
    box-shadow: 0 0.2083333333vw 0.5208333333vw 0 rgba(0, 98, 94, 0.2);
    width: 2.65625vw;
    height: 2.65625vw;
  }
}
@media (max-width: 47.99875em) {
  .tv__play {
    width: 4rem;
    height: 4rem;
  }
}
.tv__play::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.9375rem solid #014e72;
}
@media (min-width: 120.625em) {
  .tv__play::after {
    border-top: 0.4166666667vw solid transparent;
    border-bottom: 0.4166666667vw solid transparent;
    border-left: 0.78125vw solid #014e72;
  }
}
@media (max-width: 47.99875em) {
  .tv__play::after {
    border-top: 0.625rem solid transparent;
    border-bottom: 0.625rem solid transparent;
    border-left: 1.125rem solid #014e72;
  }
}
.tv__label-wrapper {
  pointer-events: none;
  width: 178%;
  aspect-ratio: 694/455;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -29%;
  margin-left: -55.8974358974%;
  position: relative;
}
.tv__label-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/tv/cloud.svg") 50%/100% no-repeat;
}
@media (max-width: 61.99875em) {
  .tv__label-wrapper::after {
    transform: rotate(-13deg);
  }
}
@media (max-width: 75.31125em) {
  .tv__label-wrapper {
    margin-left: -43.5897435897%;
  }
}
@media (max-width: 61.99875em) {
  .tv__label-wrapper {
    margin-left: 0;
    width: 26.25rem;
    margin: 0 auto;
    margin-top: -6.875rem;
  }
}
@media (max-width: 29.99875em) {
  .tv__label-wrapper {
    margin-top: -8.0625rem;
    width: 21.25rem;
  }
}
@media (max-width: 61.99875em) {
  .tv__label-wrapper_pc {
    display: none;
  }
}
@media (min-width: 61.99875em) {
  .tv__label-wrapper_mob {
    display: none;
  }
}
.tv__label {
  font-weight: 300;
  font-size: 1.5625rem;
  line-height: 1.1;
  color: #014e72;
  max-width: 39.6253602305%;
  position: relative;
  z-index: 2;
}
@media (min-width: 120.625em) {
  .tv__label {
    font-size: 1.3020833333vw;
  }
}
@media (max-width: 61.99875em) {
  .tv__label {
    font-size: 1.375rem;
    text-align: center;
    max-width: 60%;
  }
}
@media (max-width: 47.99875em) {
  .tv__label {
    font-size: 1.0625rem;
  }
}
@media (max-width: 29.99875em) {
  .tv__label {
    font-size: 0.9375rem;
  }
}
@media (max-width: 61.99875em) {
  .tv__label_pc {
    display: none;
  }
}
@media (min-width: 61.99875em) {
  .tv__label_mob {
    display: none;
  }
}
.tv__label strong {
  font-weight: 700;
}
.tv__label span {
  font-size: 4.0625rem;
  line-height: 1;
}
@media (min-width: 120.625em) {
  .tv__label span {
    font-size: 3.3854166667vw;
  }
}
@media (min-width: 61.99875em) {
  .tv__label span {
    display: block;
  }
}
@media (max-width: 61.99875em) {
  .tv__label span {
    font-size: 1.875rem;
  }
}
@media (max-width: 47.99875em) {
  .tv__label span {
    font-size: 1.4375rem;
  }
}
@media (max-width: 29.99875em) {
  .tv__label span {
    font-size: 1.125rem;
  }
}
.tv__descr {
  line-height: 1.1;
  color: #014e72;
  font-size: 0.9375rem;
}
@media (min-width: 120.625em) {
  .tv__descr {
    font-size: 0.78125vw;
    margin-top: -2.6041666667vw;
  }
}
@media (min-width: 61.99875em) {
  .tv__descr {
    margin-top: -3.125rem;
    max-width: 83%;
  }
}
@media (max-width: 61.99875em) {
  .tv__descr {
    font-size: 0.875rem;
    text-align: center;
    padding: 0rem 1.5625rem;
  }
}
@media (max-width: 47.99875em) {
  .tv__descr {
    font-size: 0.8125rem;
  }
}
@media (max-width: 29.99875em) {
  .tv__descr {
    font-size: 0.75rem;
  }
}
@media (min-width: 61.99875em) {
  .tv__descr span {
    display: block;
  }
}
.tv__btn-wrapper {
  text-align: center;
}

.history {
  padding-bottom: 2.5rem;
  position: relative;
}
@media (min-width: 61.99875em) {
  .history {
    overflow: hidden;
    margin-bottom: 4rem;
  }
}
@media (min-width: 120.625em) {
  .history {
    padding-bottom: 2.0833333333vw;
    margin-bottom: 3.3333333333vw;
  }
}
@media (max-width: 61.99875em) {
  .history {
    margin-bottom: 0.625rem;
    padding-bottom: 0.5rem;
    z-index: 2;
  }
}
.history::after {
  content: "";
  position: absolute;
  bottom: -2.3125rem;
  height: 17.125rem;
  z-index: 2;
  left: 0;
  width: 100%;
  background: url("../img/history/decor-bottom.svg") bottom center/100% no-repeat;
  pointer-events: none;
}
@media (min-width: 120.625em) {
  .history::after {
    bottom: -1.9270833333vw;
    height: 14.2708333333vw;
  }
}
@media (max-width: 61.99875em) {
  .history::after {
    background: url("../img/history/decor-bottom-mob.svg") top center/100% no-repeat;
    bottom: -1.25rem;
    left: 50%;
    transform: translate(-50%, 0);
    height: 8.875rem;
    z-index: 4;
  }
}
@media (max-width: 61.99875em) {
  .history_2 {
    margin-top: 0;
  }
}
@media (min-width: 61.99875em) {
  .history__decor {
    background: url("../img/tv/star.svg") 50%/100% no-repeat;
    width: 2.0625rem;
    aspect-ratio: 33/34;
    top: 9.3%;
    right: 5.9%;
    transform: rotate(-25deg);
    display: block;
    position: absolute;
  }
}
@media (min-width: 120.625em) {
  .history__decor {
    width: 1.71875vw;
  }
}
@media (max-width: 61.99875em) {
  .history__container {
    padding: 0;
  }
}
.history__cols {
  display: grid;
}
@media (min-width: 61.99875em) {
  .history__cols {
    align-items: end;
  }
}
@media (max-width: 61.99875em) {
  .history__cols {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 61.99875em) {
  .history__cols[data-active-col="1"] {
    grid-template-columns: 61.6309012876% 1fr 1fr;
  }
}
@media (min-width: 61.99875em) {
  .history__cols[data-active-col="1"] .history-col:nth-child(2) {
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 61.99875em) {
  .history__cols[data-active-col="1"] .history-col:nth-child(1) {
    margin-right: -5.125rem;
  }
}
@media (min-width: 120.625em) {
  .history__cols[data-active-col="1"] .history-col:nth-child(1) {
    margin-right: -4.2708333333vw;
  }
}
@media (max-width: 61.99875em) {
  .history__cols[data-active-col="1"] .history-col:nth-child(1) {
    grid-column: span 2;
  }
}
.history__cols {
  /* Активная 2-я */
}
@media (min-width: 61.99875em) {
  .history__cols[data-active-col="2"] {
    grid-template-columns: 25.1502145923% 1fr 18.8841201717%;
  }
}
@media (min-width: 61.99875em) {
  .history__cols[data-active-col="2"] .history-col:nth-child(2) {
    margin-left: -4.9375rem;
    margin-right: -4.5625rem;
  }
}
@media (min-width: 120.625em) {
  .history__cols[data-active-col="2"] .history-col:nth-child(2) {
    margin-left: -4.1145833333vw;
    margin-right: -3.8020833333vw;
  }
}
@media (max-width: 61.99875em) {
  .history__cols[data-active-col="2"] .history-col:nth-child(2) {
    grid-column: span 2;
    order: -1;
  }
}
.history__cols {
  /* Активная 3-я */
}
@media (min-width: 61.99875em) {
  .history__cols[data-active-col="3"] {
    grid-template-columns: 1fr 1fr 61.6309012876%;
  }
}
@media (min-width: 61.99875em) {
  .history__cols[data-active-col="3"] .history-col:nth-child(2) {
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 61.99875em) {
  .history__cols[data-active-col="3"] .history-col:nth-child(3) {
    margin-left: -5.125rem;
  }
}
@media (min-width: 120.625em) {
  .history__cols[data-active-col="3"] .history-col:nth-child(3) {
    margin-left: -4.2708333333vw;
  }
}
@media (max-width: 61.99875em) {
  .history__cols[data-active-col="3"] .history-col:nth-child(3) {
    grid-column: span 2;
    order: -1;
  }
}
.history__cols:not(:last-child) {
  margin-bottom: 4.375rem;
}
@media (min-width: 120.625em) {
  .history__cols:not(:last-child) {
    margin-bottom: 3.6458333333vw;
  }
}
@media (max-width: 61.99875em) {
  .history__cols:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (min-width: 61.99875em) {
  .history__btn {
    position: absolute;
    bottom: 2.375rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 3;
  }
}
@media (min-width: 120.625em) {
  .history__btn {
    bottom: 1.9791666667vw;
  }
}
@media (max-width: 61.99875em) {
  .history__btn {
    position: relative;
    z-index: 5;
  }
}
@media (max-width: 61.99875em) {
  .history__btn-wrapper {
    text-align: center;
  }
}

.history-col {
  display: flex;
  flex-direction: column;
  color: #014e72;
  position: relative;
  border: 0.1875rem solid #fff;
  border-radius: 1.875rem;
  padding: 5.1875rem 1.5625rem 0.625rem;
  min-height: 28.8125rem;
}
@media (min-width: 120.625em) {
  .history-col {
    border: 0.15625vw solid #fff;
    border-radius: 1.5625vw;
    padding: 4.3229166667vw 1.3020833333vw 0.5208333333vw;
    min-height: 24.0104166667vw;
  }
}
@media (max-width: 75.31125em) {
  .history-col {
    padding: 6.25rem 1rem;
  }
}
@media (max-width: 61.99875em) {
  .history-col {
    min-height: 15.625rem;
    border-width: 0.0625rem;
    padding: 1.4375rem 0.75rem 0.5625rem 2.0625rem;
    border-radius: 3.125rem;
    z-index: 4;
  }
}
@media (max-width: 61.99875em) {
  .history-col:not(.active-col) {
    gap: 1.875rem;
  }
}
.history-col:nth-child(1) {
  background: linear-gradient(180deg, #4ab8c9 0%, #b9eef7 100%);
}
@media (min-width: 61.99875em) {
  .history-col:nth-child(1) {
    min-height: 31.3125rem;
  }
}
@media (min-width: 120.625em) {
  .history-col:nth-child(1) {
    min-height: 26.09375vw;
  }
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(1) {
    padding: 1.4375rem 2rem 0.5625rem 3.375rem;
  }
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(1) .history-col__text {
    margin-bottom: 1.875rem;
  }
}
.history-col:nth-child(1) .history-col__num {
  letter-spacing: -0.08em;
}
@media (min-width: 61.99875em) {
  .history-col:nth-child(1) .history-col__descr {
    padding-top: 0.5rem;
  }
}
@media (min-width: 120.625em) {
  .history-col:nth-child(1) .history-col__descr {
    padding-top: 0.4166666667vw;
  }
}
.history-col:nth-child(1) .tooltip {
  right: 12%;
}
@media (min-width: 61.99875em) {
  .history-col:nth-child(1) .tooltip {
    bottom: 23%;
  }
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(1) .tooltip {
    top: 4%;
    right: 7%;
  }
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(1) .tooltip__open-btn {
    width: 2.25rem;
    height: 2.25rem;
  }
}
@media (min-width: 61.99875em) {
  .history-col:nth-child(1) .tooltip__sub {
    left: auto;
    right: -1.25rem;
  }
}
@media (min-width: 120.625em) {
  .history-col:nth-child(1) .tooltip__sub {
    right: -1.0416666667vw;
  }
}
.history-col:nth-child(1) .history-col__top:not(:last-child) {
  margin-bottom: 1.5625rem;
}
@media (min-width: 120.625em) {
  .history-col:nth-child(1) .history-col__top:not(:last-child) {
    margin-bottom: 1.3020833333vw;
  }
}
.history-col:nth-child(2) {
  background: linear-gradient(180deg, #0084a1 0%, #b9eef7 100%);
  color: #fff;
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(2) .history-col__text {
    max-width: 88%;
  }
}
@media (min-width: 61.99875em) {
  .history-col:nth-child(2):not(.active-col) {
    margin-bottom: -2.5rem;
  }
}
@media (min-width: 120.625em) {
  .history-col:nth-child(2):not(.active-col) {
    margin-bottom: -2.0833333333vw;
  }
}
@media (min-width: 61.99875em) {
  .history-col:nth-child(2) .history-col__btn-arrow {
    left: 45%;
  }
}
.history-col:nth-child(2) .tooltip {
  top: 46.5%;
  left: 3.375rem;
}
@media (min-width: 120.625em) {
  .history-col:nth-child(2) .tooltip {
    left: 2.8125vw;
  }
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(2) .tooltip {
    top: 31.6%;
    left: 2.125rem;
  }
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(2) .tooltip__sub {
    right: auto;
    left: -1.875rem;
  }
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(2) .history-col__preview {
    margin: -1.875rem auto 0;
    max-width: 60%;
    position: relative;
    z-index: -1;
  }
}
@media (min-width: 61.99875em) {
  .history-col:nth-child(2).active-col .history-col__descr {
    padding-top: 0.4375rem;
  }
}
@media (min-width: 120.625em) {
  .history-col:nth-child(2).active-col .history-col__descr {
    padding-top: 0.3645833333vw;
  }
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(2).active-col .history-col__row {
    gap: 0.125rem;
  }
}
@media (min-width: 61.99875em) {
  .history-col:nth-child(2).active-col .history-col__image {
    margin-top: -8.875rem;
    margin-bottom: -15rem;
  }
}
@media (min-width: 120.625em) {
  .history-col:nth-child(2).active-col .history-col__image {
    margin-top: -7.3958333333vw;
    margin-bottom: -12.5vw;
  }
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(2).active-col .history-col__image {
    margin: -6% -15% -52% -12%;
  }
}
.history-col:nth-child(2).active-col .history-col__top:not(:last-child) {
  margin-bottom: 0;
}
@media (min-width: 120.625em) {
  .history-col:nth-child(2).active-col .history-col__top:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(2).active-col .history-col__top:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
.history-col:nth-child(2) .history-col__top:not(:last-child) {
  margin-bottom: 0.6875rem;
}
@media (min-width: 120.625em) {
  .history-col:nth-child(2) .history-col__top:not(:last-child) {
    margin-bottom: 0.5729166667vw;
  }
}
.history-col:nth-child(3) {
  background: linear-gradient(180deg, #b1ebd3 0%, #45c0bc 100%);
}
@media (min-width: 61.99875em) {
  .history-col:nth-child(3):not(.active-col) {
    margin-bottom: -2.5rem;
  }
}
@media (min-width: 120.625em) {
  .history-col:nth-child(3):not(.active-col) {
    margin-bottom: -2.0833333333vw;
  }
}
.history-col:nth-child(3) .tooltip {
  right: 5.1%;
}
@media (min-width: 61.99875em) {
  .history-col:nth-child(3) .tooltip {
    bottom: 12.5%;
  }
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(3) .tooltip {
    top: 4%;
    right: 7%;
  }
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(3) .tooltip__open-btn {
    width: 2.25rem;
    height: 2.25rem;
  }
}
@media (min-width: 61.99875em) {
  .history-col:nth-child(3) .tooltip__sub {
    left: auto;
    right: -1.25rem;
  }
}
@media (min-width: 120.625em) {
  .history-col:nth-child(3) .tooltip__sub {
    right: -1.0416666667vw;
  }
}
@media (min-width: 61.99875em) {
  .history-col:nth-child(3) .history-col__btn-arrow {
    left: 25%;
  }
}
@media (min-width: 61.99875em) {
  .history-col:nth-child(3).active-col {
    padding: 2.9375rem 1.75rem 1.25rem 3.625rem;
  }
}
@media (min-width: 120.625em) {
  .history-col:nth-child(3).active-col {
    padding: 2.4479166667vw 1.4583333333vw 1.0416666667vw 3.0208333333vw;
  }
}
.history-col:nth-child(3).active-col .history-col__top:not(:last-child) {
  margin-bottom: 0;
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(3).active-col .history-col__top:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 61.99875em) {
  .history-col:nth-child(3).active-col .history-col__image {
    margin: -3rem -6.75rem 0 0;
  }
}
@media (min-width: 120.625em) {
  .history-col:nth-child(3).active-col .history-col__image {
    margin: -2.5vw -5.625vw 0 0;
  }
}
@media (max-width: 61.99875em) {
  .history-col:nth-child(3).active-col .history-col__image {
    margin: 4.375rem -2.125rem 0 -2.3125rem;
  }
}
.history-col.active-col {
  gap: 0;
  align-items: initial;
  border-width: 0.625rem;
  padding: 3.3125rem 0.875rem 3.3125rem 3.3125rem;
}
@media (min-width: 61.99875em) {
  .history-col.active-col {
    min-height: 51.75rem;
  }
}
@media (min-width: 120.625em) {
  .history-col.active-col {
    border-width: 0.5208333333vw;
    padding: 2.7604166667vw 0.7291666667vw 2.7604166667vw 2.7604166667vw;
    min-height: 43.125vw;
  }
}
@media (max-width: 75.31125em) {
  .history-col.active-col {
    padding: 1.25rem 2.5rem 6.25rem;
    margin-bottom: -5rem;
  }
}
@media (max-width: 61.99875em) {
  .history-col.active-col {
    border-width: 0.375rem;
    border-radius: 3.125rem;
    min-height: 42.5625rem;
    padding: 1.25rem 2.5rem 6.25rem 2.0625rem;
    z-index: 2;
  }
}
@media (min-width: 61.99875em) {
  .history-col:not(.active-col):first-child .history-col__descr strong {
    display: block;
  }
}
.history-col__btn-arrow {
  position: absolute;
  width: 3.1875rem;
  height: 3.1875rem;
  z-index: 2;
  border-radius: 50%;
  background: #fff url("../img/icons/arrow-green.svg") 50%/50% no-repeat;
}
@media (min-width: 61.99875em) {
  .history-col__btn-arrow {
    left: 15%;
    transform: translate(-50%, 0) rotate(-90deg);
    top: -1.75rem;
  }
}
@media (min-width: 120.625em) {
  .history-col__btn-arrow {
    width: 2.65625vw;
    height: 2.65625vw;
    top: -1.4583333333vw;
  }
}
@media (max-width: 61.99875em) {
  .history-col__btn-arrow {
    right: 2rem;
    top: -1.0625rem;
    transform: rotate(-90deg);
    width: 2.25rem;
    height: 2.25rem;
  }
}
.active-col .history-col__btn-arrow {
  display: none;
}
.history-col__top {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
@media (min-width: 120.625em) {
  .history-col__top {
    gap: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .history-col__top {
    display: none;
  }
}
.history-col__top:not(:last-child) {
  margin-bottom: 2.25rem;
}
@media (min-width: 120.625em) {
  .history-col__top:not(:last-child) {
    margin-bottom: 1.875vw;
  }
}
@media (max-width: 61.99875em) {
  .active-col .history-col__top {
    display: flex;
  }
}
.active-col .history-col__top:not(:last-child) {
  margin-bottom: 0.75rem;
}
@media (min-width: 120.625em) {
  .active-col .history-col__top:not(:last-child) {
    margin-bottom: 0.625vw;
  }
}
@media (min-width: 61.99875em) {
  .history-col__top_mob-preview {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .history-col__top_mob-preview {
    display: block;
    font-size: 1.0625rem;
  }
}
@media (max-width: 29.99875em) {
  .history-col__top_mob-preview {
    font-size: 0.9375rem;
  }
}
@media (max-width: 61.99875em) {
  .active-col .history-col__top_mob-preview {
    display: none;
  }
}
.history-col__cap {
  font-size: 1.25rem;
}
@media (min-width: 120.625em) {
  .history-col__cap {
    font-size: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .history-col__cap {
    font-size: 1.0625rem;
  }
}
@media (max-width: 47.99875em) {
  .history-col__cap {
    font-size: 0.9375rem;
  }
}
.active-col .history-col__cap {
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media (min-width: 61.99875em) {
  .active-col .history-col__cap {
    font-size: 1.5625rem;
  }
}
@media (min-width: 120.625em) {
  .active-col .history-col__cap {
    font-size: 1.3020833333vw;
  }
}
.history-col__cap:not(:last-child) {
  margin-bottom: 0.4375rem;
}
@media (min-width: 120.625em) {
  .history-col__cap:not(:last-child) {
    margin-bottom: 0.3645833333vw;
  }
}
.history-col__row {
  display: flex;
  gap: 0.4375rem;
}
@media (min-width: 120.625em) {
  .history-col__row {
    gap: 0.3645833333vw;
  }
}
.active-col .history-col__row {
  gap: 0.875rem;
}
@media (min-width: 120.625em) {
  .active-col .history-col__row {
    gap: 0.7291666667vw;
  }
}
.history-col__num {
  font-size: 2.1875rem;
  font-weight: 700;
  position: relative;
}
@media (min-width: 120.625em) {
  .history-col__num {
    font-size: 1.8229166667vw;
  }
}
@media (max-width: 75.31125em) {
  .history-col__num {
    font-size: 6.25rem;
  }
}
@media (max-width: 47.99875em) {
  .history-col__num {
    font-size: 5rem;
  }
}
@media (max-width: 29.99875em) {
  .history-col__num {
    font-size: 3.75rem;
  }
}
.active-col .history-col__num {
  font-size: 9.375rem;
}
@media (min-width: 120.625em) {
  .active-col .history-col__num {
    font-size: 7.8125vw;
  }
}
@media (max-width: 75.31125em) {
  .active-col .history-col__num {
    font-size: 6.25rem;
  }
}
@media (max-width: 61.99875em) {
  .active-col .history-col__num {
    letter-spacing: 0.06em;
  }
}
@media (max-width: 47.99875em) {
  .active-col .history-col__num {
    font-size: 5rem;
  }
}
@media (max-width: 29.99875em) {
  .active-col .history-col__num {
    font-size: 3.75rem;
  }
}
.history-col__num-decor {
  display: none;
  position: absolute;
  width: 4.1875rem;
  bottom: 1.1875rem;
  aspect-ratio: 67/65;
  background: url("../img/history/decor-4.svg") 50%/100% no-repeat;
}
@media (min-width: 120.625em) {
  .history-col__num-decor {
    width: 3.4895833333vw;
    bottom: 0.9895833333vw;
  }
}
@media (max-width: 61.99875em) {
  .history-col__num-decor {
    width: 2.625rem;
    left: -0.75rem;
  }
}
.active-col .history-col__num-decor {
  display: block;
}
@media (min-width: 61.99875em) {
  .history-col__num-decor_1 {
    right: -3.625rem;
  }
}
@media (min-width: 120.625em) {
  .history-col__num-decor_1 {
    right: -3.0208333333vw;
  }
}
@media (max-width: 61.99875em) {
  .history-col__num-decor_1 {
    left: auto;
    bottom: -0.4375rem;
    right: -2rem;
  }
}
.history-col__num-decor_2 {
  background-image: url("../img/history/decor-5.svg");
  aspect-ratio: 70/67;
  width: 4.375rem;
  bottom: 0.8125rem;
  left: -1.875rem;
}
@media (min-width: 120.625em) {
  .history-col__num-decor_2 {
    width: 3.6458333333vw;
    bottom: 0.6770833333vw;
    left: -1.5625vw;
  }
}
@media (max-width: 61.99875em) {
  .history-col__num-decor_2 {
    bottom: -0.625rem;
    left: -1.625rem;
    width: 2.8125rem;
  }
}
.history-col__num-decor_3 {
  background-image: url("../img/history/decor-6.svg");
  aspect-ratio: 93/68;
  width: 5.8125rem;
  bottom: 0.8125rem;
  right: -3.4375rem;
}
@media (min-width: 120.625em) {
  .history-col__num-decor_3 {
    width: 4.84375vw;
    bottom: 0.6770833333vw;
    right: -2.8645833333vw;
  }
}
@media (max-width: 61.99875em) {
  .history-col__num-decor_3 {
    width: 4.0625rem;
    right: -2.75rem;
    left: auto;
    bottom: -0.1875rem;
  }
}
.history-col__descr {
  font-size: 1.25rem;
}
@media (min-width: 61.99875em) {
  .history-col__descr {
    line-height: 0.8;
  }
}
@media (min-width: 120.625em) {
  .history-col__descr {
    font-size: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .history-col__descr {
    font-size: 1.0625rem;
  }
}
@media (max-width: 47.99875em) {
  .history-col__descr {
    font-size: 0.9375rem;
  }
}
@media (min-width: 61.99875em) {
  .history-col__descr_mob {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .history-col__descr_pc {
    display: none;
  }
}
.history-col__descr_hidden {
  display: block;
}
.active-col .history-col__descr_hidden {
  display: none;
}
.history-col__descr_active {
  display: none;
}
.active-col .history-col__descr_active {
  display: block;
}
.history-col__descr span {
  display: none;
}
.active-col .history-col__descr {
  text-transform: uppercase;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.active-col .history-col__descr span {
  display: inline;
}
@media (min-width: 61.99875em) {
  .active-col .history-col__descr {
    font-size: 1.5625rem;
  }
}
@media (min-width: 120.625em) {
  .active-col .history-col__descr {
    font-size: 1.3020833333vw;
  }
}
@media (max-width: 61.99875em) {
  .active-col .history-col__descr {
    letter-spacing: 0.06em;
  }
}
.history-col__logo {
  flex: 0 0 9.75rem;
  width: 9.75rem;
  aspect-ratio: 156/80;
  display: none;
}
@media (min-width: 120.625em) {
  .history-col__logo {
    flex: 0 0 8.125vw;
    width: 8.125vw;
  }
}
.history-col__logo img {
  width: 100%;
  height: auto;
}
.active-col .history-col__logo {
  display: block;
}
@media (max-width: 61.99875em) {
  .active-col .history-col__logo {
    display: none;
  }
}
.history-col__text {
  display: none;
  line-height: 1.2;
  max-width: 24.5rem;
}
@media (min-width: 120.625em) {
  .history-col__text {
    max-width: 20.4166666667vw;
  }
}
@media (max-width: 61.99875em) {
  .history-col__text {
    position: relative;
    font-size: 0.9375rem;
  }
}
@media (max-width: 47.99875em) {
  .history-col__text {
    font-size: 0.875rem;
  }
}
@media (max-width: 29.99875em) {
  .history-col__text {
    font-size: 0.75rem;
  }
}
.active-col .history-col__text {
  display: block;
}
.history-col__image {
  display: none;
}
.history-col__image img {
  width: 100%;
  height: auto;
}
.active-col .history-col__image {
  display: block;
}
.history-col__preview {
  max-width: 9.8125rem;
}
@media (min-width: 120.625em) {
  .history-col__preview {
    max-width: 8.1770833333vw;
  }
}
@media (max-width: 61.99875em) {
  .history-col__preview {
    max-width: 80%;
  }
}
.history-col__preview img {
  width: 100%;
  height: auto;
}
.active-col .history-col__preview {
  display: none;
}
.history-col__decor {
  position: absolute;
  background: url("../img/history/decor-1.svg") 50%/100% no-repeat;
  z-index: 2;
}
@media (max-width: 61.99875em) {
  .history-col__decor {
    display: none;
  }
}
.history-col__decor_1 {
  aspect-ratio: 118/143;
  bottom: 0.75rem;
  right: 0.5625rem;
  width: 7.375rem;
  z-index: 3;
}
@media (min-width: 120.625em) {
  .history-col__decor_1 {
    bottom: 0.625vw;
    right: 0.46875vw;
    width: 6.1458333333vw;
  }
}
.active-col .history-col__decor_1 {
  display: none;
}
.history-col__decor_2 {
  aspect-ratio: 124/131;
  background-image: url("../img/history/decor-2.svg");
  width: 11.25rem;
  top: -4rem;
  right: -1.75rem;
}
@media (min-width: 120.625em) {
  .history-col__decor_2 {
    width: 9.375vw;
    top: -3.3333333333vw;
    right: -1.4583333333vw;
  }
}
.active-col .history-col__decor_2 {
  display: none;
}
.history-col__decor_3 {
  aspect-ratio: 113/93;
  background-image: url("../img/history/decor-3.svg");
  width: 7.0625rem;
  top: -3.5625rem;
  right: 0.5rem;
}
@media (min-width: 120.625em) {
  .history-col__decor_3 {
    width: 5.8854166667vw;
    top: -2.96875vw;
    right: 0.4166666667vw;
  }
}
.active-col .history-col__decor_3 {
  display: none;
}
.history-col__decor_4 {
  aspect-ratio: 193/180;
  background-image: url("../img/history/decor-7.svg");
  width: 12.0625rem;
  top: 9.5625rem;
  right: 0;
  display: none;
}
@media (min-width: 120.625em) {
  .history-col__decor_4 {
    width: 10.0520833333vw;
    top: 7.96875vw;
  }
}
@media (max-width: 47.99875em) {
  .history-col__decor_4 {
    width: 6.8125rem;
    top: 8.5625rem;
    right: -0.25rem;
  }
}
.active-col .history-col__decor_4 {
  display: block;
}
.history-col__decor_5 {
  width: 15.4375rem;
  aspect-ratio: 247/161;
  background: url("../img/history/decor-8.png") 50%/100% no-repeat;
  top: 45.8%;
  left: 3%;
  display: none;
}
@media (min-width: 120.625em) {
  .history-col__decor_5 {
    width: 12.8645833333vw;
  }
}
@media (max-width: 47.99875em) {
  .history-col__decor_5 {
    width: 8.75rem;
    left: -0.125rem;
    top: 49.8%;
  }
}
.active-col .history-col__decor_5 {
  display: block;
}

.about {
  padding: 1.875rem 0rem;
}
@media (min-width: 120.625em) {
  .about {
    padding: 1.5625vw 0vw;
  }
}
@media (max-width: 61.99875em) {
  .about {
    padding: 0.625rem 0rem 1.875rem;
  }
}
.about__body {
  position: relative;
}
.about__body:not(:last-child) {
  margin-bottom: 1.875rem;
}
@media (min-width: 120.625em) {
  .about__body:not(:last-child) {
    margin-bottom: 1.5625vw;
  }
}
.about__decor {
  position: absolute;
  width: 4.0625rem;
  aspect-ratio: 65/68;
  transform: rotate(9deg);
  background: url("../img/community/star-w.svg") 50%/100% no-repeat;
}
@media (min-width: 120.625em) {
  .about__decor {
    width: 3.3854166667vw;
  }
}
@media (max-width: 61.99875em) {
  .about__decor {
    display: none;
  }
}
.about__decor_1 {
  top: -3.7%;
  right: 33.2%;
}
.about__decor_2 {
  top: 36.8%;
  right: -9%;
  width: 3.5rem;
}
@media (min-width: 120.625em) {
  .about__decor_2 {
    width: 2.9166666667vw;
  }
}
.about__decor_3 {
  background-image: url("../img/logo.svg");
  aspect-ratio: 156/80;
  top: -4.1%;
  right: 1%;
  transform: rotate(0);
  width: 9.75rem;
}
@media (min-width: 120.625em) {
  .about__decor_3 {
    width: 8.125vw;
  }
}
.about__slider {
  overflow: visible;
}
@media (max-width: 61.99875em) {
  .about__slider {
    position: relative;
    margin: 0 auto;
    max-width: 28.6875rem;
  }
}
@media (max-width: 29.99875em) {
  .about__slider {
    max-width: 19.375rem;
  }
}
.about__cols[data-active-col="1"] .about-col:nth-child(2) .about-col__btn-arrow_left {
  display: none;
}
.about__cols[data-active-col="1"] .about-col:nth-child(3) {
  z-index: -1;
}
.about__cols[data-active-col="1"] .about-col:nth-child(3) .about-col__btn-arrow {
  display: none;
}
@media (min-width: 61.99875em) {
  .about__cols[data-active-col="2"] .about-col:nth-child(1) {
    padding: 2rem 8.5625rem 2rem 1.25rem;
  }
}
@media (min-width: 120.625em) {
  .about__cols[data-active-col="2"] .about-col:nth-child(1) {
    padding: 1.6666666667vw 7.1354166667vw 1.6666666667vw 1.0416666667vw;
  }
}
.about__cols[data-active-col="2"] .about-col:nth-child(1) .about-col__btn-arrow {
  display: none;
}
@media (min-width: 61.99875em) {
  .about__cols[data-active-col="2"] .about-col:nth-child(3) {
    z-index: 0;
  }
}
.about__cols[data-active-col="2"] .about-col:nth-child(3) .about-col__btn-arrow {
  display: none;
}
@media (min-width: 61.99875em) {
  .about__cols[data-active-col="3"] .about-col:nth-child(1) {
    padding: 2rem 8.5625rem 2rem 1.25rem;
  }
}
@media (min-width: 120.625em) {
  .about__cols[data-active-col="3"] .about-col:nth-child(1) {
    padding: 1.6666666667vw 7.1354166667vw 1.6666666667vw 1.0416666667vw;
  }
}
.about__cols[data-active-col="3"] .about-col:nth-child(1) .about-col__btn-arrow {
  display: none;
}
@media (min-width: 61.99875em) {
  .about__cols[data-active-col="3"] .about-col:nth-child(2) {
    padding: 2rem 8.5625rem 2rem 1.25rem;
  }
}
@media (min-width: 120.625em) {
  .about__cols[data-active-col="3"] .about-col:nth-child(2) {
    padding: 1.6666666667vw 7.1354166667vw 1.6666666667vw 1.0416666667vw;
  }
}
.about__cols[data-active-col="3"] .about-col:nth-child(2) .about-col__btn-arrow_right {
  display: none;
}
.about__btn-wrapper {
  text-align: center;
}
.about__nav {
  position: absolute;
  top: 50%;
  left: -1rem;
  right: -1rem;
  transform: translate(0, -50%);
  pointer-events: none;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 120.625em) {
  .about__nav {
    left: -0.8333333333vw;
    right: -0.8333333333vw;
  }
}
.about__nav-btn {
  pointer-events: auto;
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 2;
  border-radius: 50%;
  transition: 0.3s;
  background: #fff url("../img/icons/arrow-green.svg") 50%/50% no-repeat;
}
@media (min-width: 120.625em) {
  .about__nav-btn {
    flex: 0 0 2.0833333333vw;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
  }
}
@media (min-width: 61.99875em) {
  .about__nav-btn {
    display: none;
  }
}
.about__nav-btn.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.about__nav-btn_prev {
  transform: rotate(180deg);
}

.about-header {
  color: #014e72;
  position: relative;
}
@media (min-width: 61.99875em) {
  .about-header {
    padding-left: 2.1875rem;
  }
}
@media (min-width: 120.625em) {
  .about-header {
    padding-left: 1.8229166667vw;
  }
}
@media (max-width: 61.99875em) {
  .about-header {
    padding: 0rem 1.1875rem;
  }
}
.about-header:not(:last-child) {
  margin-bottom: 3.0625rem;
}
@media (min-width: 120.625em) {
  .about-header:not(:last-child) {
    margin-bottom: 2.5520833333vw;
  }
}
@media (max-width: 61.99875em) {
  .about-header:not(:last-child) {
    margin-bottom: 1.0625rem;
  }
}
.about-header .tooltip {
  display: block;
  position: absolute;
  bottom: -1.625rem;
  z-index: 3;
}
@media (min-width: 61.99875em) {
  .about-header .tooltip {
    left: 47%;
  }
}
@media (min-width: 120.625em) {
  .about-header .tooltip {
    bottom: -1.3541666667vw;
  }
}
@media (max-width: 61.99875em) {
  .about-header .tooltip {
    bottom: -1.0625rem;
    right: 1%;
  }
}
.about-header__cap {
  font-size: 1.25rem;
  line-height: 1.1;
  letter-spacing: 0.06em;
}
@media (min-width: 120.625em) {
  .about-header__cap {
    font-size: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .about-header__cap {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
  }
}
.about-header__label {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.1;
  letter-spacing: 0.06em;
}
@media (min-width: 120.625em) {
  .about-header__label {
    font-size: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .about-header__label {
    font-size: 1.125rem;
  }
}
.about-header__label span {
  line-height: 1;
  font-size: 3.0625rem;
}
@media (min-width: 120.625em) {
  .about-header__label span {
    font-size: 2.5520833333vw;
  }
}
@media (max-width: 61.99875em) {
  .about-header__label span {
    font-size: 2rem;
    max-width: 80%;
    display: inline-block;
    margin-bottom: 0.375rem;
  }
}
@media (max-width: 47.99875em) {
  .about-header__label span {
    font-size: 1.5625rem;
  }
}
.about-header__label:not(:last-child) {
  margin-bottom: 0.625rem;
}
@media (min-width: 120.625em) {
  .about-header__label:not(:last-child) {
    margin-bottom: 0.5208333333vw;
  }
}
@media (max-width: 61.99875em) {
  .about-header__label:not(:last-child) {
    margin-bottom: 0.3125rem;
  }
}
.about-header__descr {
  line-height: 1.2;
  max-width: 39.375rem;
}
@media (min-width: 120.625em) {
  .about-header__descr {
    max-width: 32.8125vw;
  }
}
@media (max-width: 61.99875em) {
  .about-header__descr {
    font-size: 1rem;
    line-height: 1.08333;
  }
}
@media (max-width: 47.99875em) {
  .about-header__descr {
    font-size: 0.875rem;
  }
}
@media (max-width: 29.99875em) {
  .about-header__descr {
    font-size: 0.75rem;
  }
}

.about-col {
  color: #014e72;
  background: #d9d9d9;
  flex: 0 0 39.3991416309%;
  border: 0.625rem solid #fff;
  border-radius: 1.875rem;
  padding: 2rem 3.25rem 0;
  position: relative;
}
@media (min-width: 61.99875em) {
  .about-col {
    display: flex;
    flex-direction: column;
    min-height: 34.4375rem;
    align-items: center;
  }
}
@media (min-width: 120.625em) {
  .about-col {
    border: 0.5208333333vw solid #fff;
    border-radius: 1.5625vw;
    padding: 1.6666666667vw 2.7083333333vw 0;
    min-height: 28.6979166667vw;
  }
}
@media (max-width: 61.99875em) {
  .about-col {
    border-width: 0.375rem;
    border-radius: 3.125rem;
    flex: 0 0 100%;
    padding: 2rem 2rem 1.25rem;
  }
}
@media (max-width: 29.99875em) {
  .about-col {
    padding: 1.5625rem 2rem 0.625rem;
  }
}
.about-col:not(:last-child) {
  position: relative;
}
.about-col:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 4.625rem;
  right: -2.1875rem;
  width: 5.5rem;
  background: url("../img/community/star.png") 50%/100% no-repeat;
  aspect-ratio: 95/82;
  transform: rotate(-14deg);
}
@media (min-width: 120.625em) {
  .about-col:nth-child(1)::after {
    top: 3.8541666667vw;
    right: -1.8229166667vw;
    width: 4.5833333333vw;
  }
}
@media (max-width: 61.99875em) {
  .about-col:nth-child(1)::after {
    width: 3.75rem;
    right: 1.25rem;
  }
}
@media (min-width: 61.99875em) {
  .about-col:nth-child(1):not(.active-col) .about-col__preview {
    margin: -17% -27% -7% -24%;
  }
}
@media (min-width: 61.99875em) {
  .about-col:nth-child(1).active-col .about-col__preview {
    margin: -34% -37% -30% -22%;
  }
}
@media (min-width: 61.99875em) {
  .about-col:nth-child(2) {
    margin-left: -10.0429184549%;
    margin-right: -8.1545064378%;
    padding: 2rem 0.625rem 2rem 7.9375rem;
  }
}
@media (min-width: 120.625em) {
  .about-col:nth-child(2) {
    padding: 1.6666666667vw 0.5208333333vw 1.6666666667vw 6.6145833333vw;
  }
}
@media (min-width: 61.99875em) {
  .about-col:nth-child(2):not(.active-col) .about-col__preview {
    margin: -6% -21% -7% -22%;
  }
}
@media (min-width: 61.99875em) {
  .about-col:nth-child(2).active-col .about-col__preview {
    margin: 0% 0% -22% -34%;
  }
}
@media (max-width: 61.99875em) {
  .about-col:nth-child(2).swiper-slide-active .about-col__preview {
    margin: -17% -31% -28% -19%;
  }
}
@media (max-width: 61.99875em) {
  .about-col:nth-child(3) .about-col__preview {
    margin: -33% -37% -31% -32%;
  }
}
@media (min-width: 61.99875em) {
  .about-col:nth-child(3):not(.active-col) .about-col__preview {
    margin: -25% -29% -14% -28%;
  }
}
@media (min-width: 61.99875em) {
  .about-col:nth-child(3).active-col .about-col__preview {
    margin: -23% -47% -19% -10%;
  }
}
@media (min-width: 61.99875em) {
  .about-col:nth-child(3) {
    padding: 2rem 0.625rem 2rem 5.25rem;
  }
}
@media (min-width: 120.625em) {
  .about-col:nth-child(3) {
    padding: 1.6666666667vw 0.5208333333vw 1.6666666667vw 4.375vw;
  }
}
.about-col:nth-child(3) .tooltip {
  top: 9.3%;
  right: 0.2%;
}
@media (min-width: 61.99875em) {
  .about-col:nth-child(3) .tooltip__sub {
    left: auto;
    right: -1.25rem;
  }
}
@media (min-width: 120.625em) {
  .about-col:nth-child(3) .tooltip__sub {
    right: -1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .about-col.swiper-slide-active {
    background: linear-gradient(180deg, #76d0de 0%, #b9eef7 100%);
    z-index: 2;
  }
}
@media (min-width: 61.99875em) {
  .about-col.active-col {
    background: linear-gradient(180deg, #76d0de 0%, #b9eef7 100%);
    z-index: 2;
  }
}
@media (min-width: 61.99875em) {
  .about-col.active-col:nth-child(2) {
    padding: 2rem 3.25rem;
  }
}
@media (min-width: 120.625em) {
  .about-col.active-col:nth-child(2) {
    padding: 1.6666666667vw 2.7083333333vw;
  }
}
@media (min-width: 61.99875em) {
  .about-col.active-col:nth-child(3) {
    padding: 2rem 3.25rem;
  }
}
@media (min-width: 120.625em) {
  .about-col.active-col:nth-child(3) {
    padding: 1.6666666667vw 2.7083333333vw;
  }
}
.about-col__btn-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 3.1875rem;
  height: 3.1875rem;
  z-index: 3;
  border-radius: 50%;
  background: #fff url("../img/icons/arrow-green.svg") 50%/50% no-repeat;
}
@media (max-width: 61.99875em) {
  .about-col__btn-arrow {
    display: none;
  }
}
@media (min-width: 120.625em) {
  .about-col__btn-arrow {
    width: 2.65625vw;
    height: 2.65625vw;
  }
}
.about-col__btn-arrow_left {
  left: -2.125rem;
  transform: translate(0, -50%) rotate(180deg);
}
@media (min-width: 120.625em) {
  .about-col__btn-arrow_left {
    left: -1.7708333333vw;
  }
}
.about-col__btn-arrow_right {
  right: -2.125rem;
}
@media (min-width: 120.625em) {
  .about-col__btn-arrow_right {
    right: -1.7708333333vw;
  }
}
.about-col__content {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.about-col__cap {
  color: #fff;
  font-weight: 700;
  font-size: 2.1875rem;
  line-height: 1.1;
  letter-spacing: 0.06em;
  margin-bottom: auto;
}
@media (min-width: 120.625em) {
  .about-col__cap {
    font-size: 1.8229166667vw;
  }
}
@media (max-width: 61.99875em) {
  .about-col__cap {
    font-size: 1.875rem;
  }
}
@media (max-width: 47.99875em) {
  .about-col__cap {
    font-size: 1.5625rem;
  }
}
.about-col__preview {
  position: relative;
}
@media (max-width: 61.99875em) {
  .about-col__preview {
    align-self: center;
    margin: -11% -33% -35% -6%;
  }
}
.about-col__preview video,
.about-col__preview img {
  filter: saturate(0);
  height: auto;
  position: relative;
  z-index: 2;
  width: 100%;
}
@media (max-width: 61.99875em) {
  .swiper-slide-active .about-col__preview video,
  .swiper-slide-active .about-col__preview img {
    filter: saturate(1);
  }
}
@media (min-width: 61.99875em) {
  .active-col .about-col__preview video,
  .active-col .about-col__preview img {
    filter: saturate(1);
  }
}

@media (min-width: 61.99875em) {
  .countries {
    padding-bottom: 4.625rem;
  }
}
@media (min-width: 120.625em) {
  .countries {
    padding-bottom: 3.8541666667vw;
  }
}
.countries__cols {
  display: grid;
}
@media (max-width: 61.99875em) {
  .countries__cols {
    grid-template-columns: 1fr 1fr;
    margin: 0rem -1.25rem;
  }
}
@media (min-width: 61.99875em) {
  .countries__cols[data-active-col="1"] {
    grid-template-columns: 74.7639484979% 1fr;
  }
}
.countries__cols {
  /* Активная 2-я */
}
@media (min-width: 61.99875em) {
  .countries__cols[data-active-col="2"] {
    grid-template-columns: 1fr 74.7639484979%;
  }
}
@media (min-width: 61.99875em) {
  .countries__cols[data-active-col="2"] .countries-col__btn-arrow {
    left: auto;
    right: -2.125rem;
    transform: translate(0, -50%) rotate(0deg);
  }
}
@media (min-width: 120.625em) {
  .countries__cols[data-active-col="2"] .countries-col__btn-arrow {
    right: -1.7708333333vw;
  }
}
.countries__cols {
  /* Активная 3-я */
}
@media (min-width: 61.99875em) {
  .countries__cols[data-active-col="3"] {
    grid-template-columns: 1fr 74.7639484979%;
  }
}
@media (min-width: 61.99875em) {
  .countries__cols[data-active-col="3"] .countries-col__btn-arrow {
    left: auto;
    right: -2.125rem;
    transform: translate(0, -50%) rotate(0deg);
  }
}
@media (min-width: 120.625em) {
  .countries__cols[data-active-col="3"] .countries-col__btn-arrow {
    right: -1.7708333333vw;
  }
}
@media (min-width: 61.99875em) {
  .countries__cols[data-active-col="3"] .countries-col:nth-child(2) {
    order: 3;
  }
}
@media (min-width: 61.99875em) {
  .countries__cols[data-active-col="3"] .countries-col:nth-child(3) {
    order: 2;
  }
}
.countries__cols:not(:last-child) {
  margin-bottom: 4.25rem;
}
@media (min-width: 120.625em) {
  .countries__cols:not(:last-child) {
    margin-bottom: 3.5416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .countries__cols:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
.countries__btn-wrapper {
  text-align: center;
}

.countries-col {
  min-height: 24.6875rem;
  border-radius: 1.875rem;
  border: 0.0625rem solid #fff;
  padding: 1.25rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 120.625em) {
  .countries-col {
    min-height: 20.5729166667vw;
    border-radius: 1.5625vw;
    border: 0.0520833333vw solid #fff;
    padding: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .countries-col {
    min-height: 11.4375rem;
    padding: 1.25rem 2.1875rem 0.625rem;
    z-index: 3;
  }
}
.countries-col:nth-child(1) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 48.03%, rgba(255, 255, 255, 0.59) 95.72%), linear-gradient(180deg, #40b1d6 0%, #a0e2f7 100%);
}
@media (min-width: 61.99875em) {
  .countries-col:nth-child(1).active-col .countries-col__descr {
    max-width: 9.375rem;
  }
}
@media (min-width: 120.625em) {
  .countries-col:nth-child(1).active-col .countries-col__descr {
    max-width: 7.8125vw;
  }
}
@media (max-width: 61.99875em) {
  .countries-col:nth-child(1) .countries-col__descr {
    max-width: 50%;
  }
}
@media (min-width: 61.99875em) {
  .countries-col:nth-child(1) .countries-col__image {
    margin: 1.1875rem 0 -1.3125rem -4.1875rem;
  }
}
@media (min-width: 120.625em) {
  .countries-col:nth-child(1) .countries-col__image {
    margin: 0.9895833333vw 0 -1.09375vw -3.4895833333vw;
  }
}
@media (min-width: 61.99875em) {
  .countries-col:nth-child(1):not(.active-col) .countries-col__row {
    flex-direction: column;
  }
}
@media (min-width: 61.99875em) {
  .countries-col:nth-child(1):not(.active-col) .countries-col__cap {
    display: none;
  }
}
.countries-col:nth-child(2) {
  background: linear-gradient(180deg, #b1ebd3 0%, #45c0bc 100%);
}
.countries-col:nth-child(2) .countries-col__image {
  position: relative;
}
.countries-col:nth-child(2) .countries-col__image img {
  position: relative;
  z-index: 2;
}
.countries-col:nth-child(2) .countries-col__image::before, .countries-col:nth-child(2) .countries-col__image::after {
  content: "";
  background: url("../img/countries/main-2-shadow.svg") 50%/100% no-repeat;
  position: absolute;
  mix-blend-mode: multiply;
}
.countries-col:nth-child(2) .countries-col__image::before {
  width: 30.3290414878%;
  aspect-ratio: 212/35;
  bottom: 13.4%;
  left: 32.3%;
}
.countries-col:nth-child(2) .countries-col__image::after {
  background-image: url("../img/countries/main-2-shadow1.svg");
  width: 91.5593705293%;
  aspect-ratio: 640/103;
  bottom: 8.5%;
  left: -1%;
}
@media (min-width: 61.99875em) {
  .countries-col:nth-child(2) .countries-col__image {
    margin: -0.1875rem 1.6875rem 0 1.3125rem;
  }
}
@media (min-width: 120.625em) {
  .countries-col:nth-child(2) .countries-col__image {
    margin: -0.15625vw 1.40625vw 0 1.09375vw;
  }
}
.countries-col:nth-child(2) .tooltip {
  right: 1.875rem;
  z-index: 5;
}
@media (min-width: 61.99875em) {
  .countries-col:nth-child(2) .tooltip {
    bottom: 2.125rem;
  }
}
@media (min-width: 120.625em) {
  .countries-col:nth-child(2) .tooltip {
    bottom: 1.7708333333vw;
    right: 1.5625vw;
  }
}
@media (max-width: 61.99875em) {
  .countries-col:nth-child(2) .tooltip {
    top: 6.25rem;
  }
}
.countries-col:nth-child(2) .tooltip__sub {
  line-height: 1.27273;
  transform: rotate(-2.4deg);
  min-width: 34rem;
  padding: 2.125rem 2.25rem 3.4375rem 3.1875rem;
  top: auto;
}
@media (min-width: 61.99875em) {
  .countries-col:nth-child(2) .tooltip__sub {
    bottom: -0.625rem;
    right: 1.25rem;
    left: auto;
  }
}
@media (min-width: 120.625em) {
  .countries-col:nth-child(2) .tooltip__sub {
    bottom: -0.5208333333vw;
    right: 1.0416666667vw;
    min-width: 28.3333333333vw;
    padding: 1.7708333333vw 1.875vw 2.8645833333vw 2.65625vw;
  }
}
@media (max-width: 61.99875em) {
  .countries-col:nth-child(2) .tooltip__sub {
    top: -2.5rem;
    transform: rotate(0);
    right: 1.25rem;
    min-width: 41.875rem;
    padding: 1.25rem;
    font-size: 0.625rem;
  }
}
@media (max-width: 47.99875em) {
  .countries-col:nth-child(2) .tooltip__sub {
    right: -1.25rem;
    padding: 1rem 1.625rem 1rem 1.25rem;
    min-width: 28.125rem;
    top: -8.125rem;
    min-width: calc(100vw - 1.875rem);
  }
}
@media (max-width: 29.99875em) {
  .countries-col:nth-child(2) .tooltip__sub {
    top: auto;
    right: -1.875rem;
    bottom: -17.5rem;
    min-width: calc(100vw - 0.625rem);
  }
}
.countries-col:nth-child(2) .tooltip__sub p:not(:last-child) {
  margin-bottom: 1.8125rem;
}
@media (min-width: 120.625em) {
  .countries-col:nth-child(2) .tooltip__sub p:not(:last-child) {
    margin-bottom: 1.5104166667vw;
  }
}
@media (max-width: 61.99875em) {
  .countries-col:nth-child(2) .tooltip__sub p:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}
.countries-col:nth-child(3) {
  background: linear-gradient(180deg, #4ab8c9 0%, #b9eef7 100%);
}
@media (min-width: 61.99875em) {
  .countries-col:nth-child(3) .countries-col__text {
    margin-top: -0.625rem;
  }
}
@media (min-width: 120.625em) {
  .countries-col:nth-child(3) .countries-col__text {
    margin-top: -0.5208333333vw;
  }
}
@media (min-width: 61.99875em) {
  .countries-col:nth-child(3) .countries-col__image {
    margin: 2.0625rem -0.5625rem -0.6875rem -3.125rem;
  }
}
@media (min-width: 120.625em) {
  .countries-col:nth-child(3) .countries-col__image {
    margin: 1.71875vw -0.46875vw -0.5729166667vw -2.6041666667vw;
  }
}
.countries-col.active-col {
  align-items: initial;
  justify-content: flex-start;
  border-width: 0.625rem;
  padding: 2.5rem 1.625rem 2.5rem 7rem;
}
@media (min-width: 61.99875em) {
  .countries-col.active-col {
    grid-row: span 2;
  }
}
@media (min-width: 120.625em) {
  .countries-col.active-col {
    border-width: 0.5208333333vw;
    padding: 2.0833333333vw 1.3541666667vw 2.0833333333vw 5.8333333333vw;
  }
}
@media (max-width: 61.99875em) {
  .countries-col.active-col {
    padding: 2.5rem 2rem 3.75rem;
    grid-column: span 2;
    order: -1;
    border-width: 0.375rem;
    border-radius: 3.125rem;
    margin-bottom: -3.75rem;
    min-height: 31.25rem;
    z-index: 2;
  }
}
@media (min-width: 61.99875em) {
  .countries-col.active-col:nth-child(2) {
    padding: 3.9375rem 1.625rem 2.5rem 4.75rem;
  }
}
@media (min-width: 120.625em) {
  .countries-col.active-col:nth-child(2) {
    padding: 3.28125vw 1.3541666667vw 2.0833333333vw 3.9583333333vw;
  }
}
@media (min-width: 61.99875em) {
  .countries-col.active-col:nth-child(3) .countries-col__top:not(:last-child) {
    margin-bottom: 0rem;
  }
}
@media (min-width: 120.625em) {
  .countries-col.active-col:nth-child(3) .countries-col__top:not(:last-child) {
    margin-bottom: 0vw;
  }
}
.countries-col__btn-arrow {
  position: absolute;
  width: 3.1875rem;
  height: 3.1875rem;
  z-index: 2;
  border-radius: 50%;
  background: #fff url("../img/icons/arrow-green.svg") 50%/50% no-repeat;
}
@media (min-width: 61.99875em) {
  .countries-col__btn-arrow {
    top: 50%;
    transform: translate(0, -50%) rotate(180deg);
    left: -2.125rem;
  }
}
@media (min-width: 120.625em) {
  .countries-col__btn-arrow {
    width: 2.65625vw;
    height: 2.65625vw;
    left: -1.7708333333vw;
  }
}
@media (max-width: 61.99875em) {
  .countries-col__btn-arrow {
    right: 2rem;
    top: -1.0625rem;
    transform: translate(0, 0) rotate(-90deg);
    width: 2.25rem;
    height: 2.25rem;
  }
}
.active-col .countries-col__btn-arrow {
  display: none;
}
.countries-col__top {
  color: #014e72;
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  justify-content: space-between;
}
@media (min-width: 120.625em) {
  .countries-col__top {
    gap: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .countries-col__top {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .active-col .countries-col__top {
    display: flex;
  }
}
@media (min-width: 61.99875em) {
  .countries-col__top_mob-preview {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .countries-col__top_mob-preview {
    display: block;
    font-size: 1.0625rem;
    line-height: 1.2;
    color: #014e72;
  }
}
@media (max-width: 29.99875em) {
  .countries-col__top_mob-preview {
    font-size: 0.9375rem;
  }
}
@media (max-width: 61.99875em) {
  .active-col .countries-col__top_mob-preview {
    display: none;
  }
}
.countries-col__top:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media (min-width: 120.625em) {
  .countries-col__top:not(:last-child) {
    margin-bottom: 1.25vw;
  }
}
.active-col .countries-col__top:not(:last-child) {
  margin-bottom: 0.75rem;
}
@media (min-width: 120.625em) {
  .active-col .countries-col__top:not(:last-child) {
    margin-bottom: 0.625vw;
  }
}
.countries-col__cap {
  font-size: 1.25rem;
}
@media (min-width: 120.625em) {
  .countries-col__cap {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 61.99875em) {
  .countries-col__cap {
    margin-bottom: 0.375rem;
  }
}
@media (max-width: 61.99875em) {
  .countries-col__cap {
    font-size: 1.25rem;
  }
}
@media (max-width: 47.99875em) {
  .countries-col__cap {
    font-size: 1.0625rem;
  }
}
@media (max-width: 29.99875em) {
  .countries-col__cap {
    font-size: 0.9375rem;
  }
}
.active-col .countries-col__cap {
  text-transform: uppercase;
}
@media (min-width: 61.99875em) {
  .active-col .countries-col__cap {
    font-size: 1.5625rem;
  }
}
@media (min-width: 120.625em) {
  .active-col .countries-col__cap {
    font-size: 1.3020833333vw;
  }
}
.countries-col__row {
  display: flex;
  column-gap: 0.625rem;
}
@media (min-width: 120.625em) {
  .countries-col__row {
    column-gap: 0.5208333333vw;
  }
}
@media (min-width: 61.99875em) {
  .active-col .countries-col__row {
    gap: 0;
  }
}
.countries-col__num {
  font-size: 2.1875rem;
  font-weight: 700;
  position: relative;
}
@media (min-width: 120.625em) {
  .countries-col__num {
    font-size: 1.8229166667vw;
  }
}
@media (max-width: 61.99875em) {
  .countries-col__num {
    font-size: 6.25rem;
  }
}
@media (max-width: 47.99875em) {
  .countries-col__num {
    font-size: 5rem;
  }
}
@media (max-width: 29.99875em) {
  .countries-col__num {
    font-size: 3.75rem;
  }
}
@media (min-width: 61.99875em) {
  .active-col .countries-col__num {
    font-size: 9.375rem;
  }
}
@media (min-width: 120.625em) {
  .active-col .countries-col__num {
    font-size: 7.8125vw;
  }
}
.countries-col__num-decor {
  display: none;
  position: absolute;
  background: url("../img/countries/decor-2.svg") 50%/100% no-repeat;
}
.active-col .countries-col__num-decor {
  display: block;
}
.countries-col__num-decor_1 {
  width: 5.3125rem;
  aspect-ratio: 85/74;
  bottom: 1.375rem;
}
@media (min-width: 120.625em) {
  .countries-col__num-decor_1 {
    bottom: 1.1458333333vw;
    right: -2.7083333333vw;
    width: 4.4270833333vw;
  }
}
@media (min-width: 61.99875em) {
  .countries-col__num-decor_1 {
    right: -3.25rem;
  }
}
@media (max-width: 61.99875em) {
  .countries-col__num-decor_1 {
    right: -1.25rem;
    width: 2.1875rem;
    bottom: 0.25rem;
  }
}
.countries-col__num-decor_2 {
  background-image: url("../img/countries/decor-3.svg");
  width: 3.8125rem;
  bottom: 1.375rem;
  aspect-ratio: 61/63;
}
@media (min-width: 61.99875em) {
  .countries-col__num-decor_2 {
    right: -1.125rem;
  }
}
@media (min-width: 120.625em) {
  .countries-col__num-decor_2 {
    width: 3.1770833333vw;
    bottom: 1.1458333333vw;
    right: -0.9375vw;
  }
}
@media (max-width: 61.99875em) {
  .countries-col__num-decor_2 {
    left: -1.25rem;
    width: 2.0625rem;
    bottom: 0.1875rem;
  }
}
.countries-col__descr {
  font-size: 1.25rem;
  line-height: 0.8;
}
@media (min-width: 120.625em) {
  .countries-col__descr {
    font-size: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .countries-col__descr {
    font-size: 1.0625rem;
  }
}
@media (max-width: 29.99875em) {
  .countries-col__descr {
    font-size: 0.9375rem;
  }
}
.active-col .countries-col__descr span {
  display: none;
}
.active-col .countries-col__descr {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.08;
}
@media (min-width: 61.99875em) {
  .active-col .countries-col__descr {
    padding-top: 0.1875rem;
    font-size: 1.5625rem;
  }
}
@media (min-width: 120.625em) {
  .active-col .countries-col__descr {
    font-size: 1.3020833333vw;
  }
}
@media (max-width: 61.99875em) {
  .active-col .countries-col__descr {
    max-width: 80%;
  }
}
.countries-col__logo {
  flex: 0 0 9.75rem;
  width: 9.75rem;
  background: url("../img/logo.svg") 50%/100% no-repeat;
  aspect-ratio: 156/80;
  display: none;
}
@media (min-width: 120.625em) {
  .countries-col__logo {
    flex: 0 0 8.125vw;
    width: 8.125vw;
  }
}
@media (max-width: 61.99875em) {
  .countries-col__logo {
    display: none;
  }
}
.active-col .countries-col__logo {
  display: block;
}
@media (max-width: 61.99875em) {
  .active-col .countries-col__logo {
    display: none;
  }
}
.countries-col__text {
  display: none;
  line-height: 1.2;
  color: #014e72;
  max-width: 32.5rem;
}
@media (min-width: 120.625em) {
  .countries-col__text {
    max-width: 27.0833333333vw;
  }
}
@media (max-width: 61.99875em) {
  .countries-col__text {
    font-size: 0.9375rem;
    line-height: 1.08333;
  }
}
@media (max-width: 47.99875em) {
  .countries-col__text {
    font-size: 0.75rem;
  }
}
@media (max-width: 61.99875em) {
  .countries-col__text:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
.active-col .countries-col__text {
  display: block;
}
.countries-col__image {
  display: none;
}
@media (max-width: 61.99875em) {
  .countries-col__image {
    margin: 0rem -1.25rem;
  }
}
.countries-col__image img {
  width: 100%;
  height: auto;
}
.active-col .countries-col__image {
  display: block;
}
@media (max-width: 61.99875em) {
  .countries-col__preview img {
    width: 100%;
  }
}
@media (min-width: 120.625em) {
  .countries-col__preview img {
    width: 70%;
  }
}
@media (max-width: 61.99875em) {
  .countries-col__preview {
    max-width: 70%;
  }
}
@media (min-width: 120.625em) {
  .countries-col__preview {
    align-self: stretch;
  }
}
.active-col .countries-col__preview {
  display: none;
}

.projects {
  padding: 3.125rem 0rem 1.9375rem;
}
@media (min-width: 120.625em) {
  .projects {
    padding: 2.6041666667vw 0vw 1.6145833333vw;
  }
}
@media (max-width: 61.99875em) {
  .projects {
    overflow: hidden;
  }
}
.projects__body {
  position: relative;
}
.projects__decor {
  position: absolute;
  width: 4.0625rem;
  aspect-ratio: 65/68;
  transform: rotate(9deg);
  background: url("../img/community/star-w.svg") 50%/100% no-repeat;
}
@media (min-width: 120.625em) {
  .projects__decor {
    width: 3.3854166667vw;
  }
}
@media (max-width: 61.99875em) {
  .projects__decor {
    display: none;
  }
}
.projects__decor_1 {
  top: -3.7%;
  right: 33.2%;
}
.projects__decor_2 {
  top: 36.8%;
  right: -9%;
  width: 3.5rem;
}
@media (min-width: 120.625em) {
  .projects__decor_2 {
    width: 2.9166666667vw;
  }
}
.projects__decor_3 {
  background-image: url("../img/logo.svg");
  aspect-ratio: 156/80;
  top: -4.1%;
  right: 1%;
  transform: rotate(0);
  width: 9.75rem;
}
@media (min-width: 120.625em) {
  .projects__decor_3 {
    width: 8.125vw;
  }
}
.projects__slider {
  overflow: visible;
}
@media (max-width: 61.99875em) {
  .projects__slider {
    position: relative;
    margin: 0 auto;
    max-width: 25rem;
  }
}
@media (max-width: 29.99875em) {
  .projects__slider {
    max-width: 19.375rem;
  }
}
.projects__cols {
  display: flex;
}
.projects__cols[data-active-col="1"] .project:nth-child(3) .project__btn-arrow {
  display: none;
}
@media (min-width: 61.99875em) {
  .projects__cols[data-active-col="2"] .project:nth-child(2) {
    z-index: 3;
  }
}
.projects__cols[data-active-col="2"] .project:nth-child(3) .project__btn-arrow {
  display: none;
}
@media (min-width: 61.99875em) {
  .projects__cols[data-active-col="3"] .project:nth-child(2) {
    z-index: 3;
    padding: 3.375rem 5.8125rem 3.375rem 0.625rem;
  }
}
@media (min-width: 61.99875em) {
  .projects__cols[data-active-col="3"] .project:nth-child(3) {
    z-index: 4;
  }
}
.projects__nav {
  position: absolute;
  top: 50%;
  left: -1rem;
  right: -1rem;
  transform: translate(0, -50%);
  pointer-events: none;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.projects__nav-btn {
  pointer-events: auto;
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 2;
  border-radius: 50%;
  transition: 0.3s;
  background: #fff url("../img/icons/arrow-green.svg") 50%/50% no-repeat;
}
@media (min-width: 61.99875em) {
  .projects__nav-btn {
    display: none;
  }
}
.projects__nav-btn.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.projects__nav-btn_prev {
  transform: rotate(180deg);
}

.projects-header {
  display: inline-flex;
  align-items: center;
  color: #014e72;
  gap: 0.75rem;
}
@media (min-width: 61.99875em) {
  .projects-header {
    padding-left: 0.75rem;
  }
}
@media (min-width: 120.625em) {
  .projects-header {
    padding-left: 0.625vw;
    gap: 0.625vw;
  }
}
@media (max-width: 61.99875em) {
  .projects-header {
    flex-wrap: wrap;
    padding: 0rem 1.25rem;
    gap: 0.5rem 0.75rem;
  }
}
.projects-header:not(:last-child) {
  margin-bottom: 1.375rem;
}
@media (min-width: 120.625em) {
  .projects-header:not(:last-child) {
    margin-bottom: 1.1458333333vw;
  }
}
.projects-header__num {
  font-weight: 700;
  font-size: 9.375rem;
  letter-spacing: -0.01em;
}
@media (min-width: 120.625em) {
  .projects-header__num {
    font-size: 7.8125vw;
  }
}
@media (max-width: 61.99875em) {
  .projects-header__num {
    font-size: 6.875rem;
  }
}
@media (max-width: 47.99875em) {
  .projects-header__num {
    font-size: 5rem;
  }
}
@media (max-width: 29.99875em) {
  .projects-header__num {
    font-size: 3.75rem;
  }
}
@media (min-width: 61.99875em) {
  .projects-header__right {
    margin-top: -1.125rem;
  }
}
@media (min-width: 120.625em) {
  .projects-header__right {
    margin-top: -0.9375vw;
  }
}
.projects-header__cap {
  font-weight: 700;
  font-size: 1.5625rem;
  letter-spacing: 0.05em;
}
@media (min-width: 61.99875em) {
  .projects-header__cap {
    margin-top: 1.625rem;
  }
}
@media (min-width: 120.625em) {
  .projects-header__cap {
    font-size: 1.3020833333vw;
  }
}
@media (max-width: 61.99875em) {
  .projects-header__cap {
    font-size: 1.375rem;
  }
}
@media (max-width: 47.99875em) {
  .projects-header__cap {
    font-size: 1.25rem;
  }
}
@media (min-width: 61.99875em) {
  .projects-header__cap:not(:last-child) {
    margin-bottom: 1rem;
  }
}
@media (min-width: 120.625em) {
  .projects-header__cap:not(:last-child) {
    margin-bottom: 0.8333333333vw;
  }
}
.projects-header__descr {
  line-height: 1.2;
  max-width: 36.5625rem;
}
@media (min-width: 120.625em) {
  .projects-header__descr {
    max-width: 30.46875vw;
  }
}
@media (max-width: 61.99875em) {
  .projects-header__descr {
    flex: 0 0 100%;
    font-size: 0.9375rem;
    line-height: 1.1;
  }
}
@media (max-width: 47.99875em) {
  .projects-header__descr {
    font-size: 0.75rem;
  }
}
@media (max-width: 61.99875em) {
  .projects-header__descr_pc {
    display: none;
  }
}
@media (min-width: 61.99875em) {
  .projects-header__descr_mob {
    display: none;
  }
}

.project {
  color: #014e72;
  flex: 0 0 39.3991416309%;
  border: 0.625rem solid #fff;
  border-radius: 1.875rem;
  background: linear-gradient(266.49deg, rgba(255, 255, 255, 0) 32.39%, rgba(72, 89, 173, 0.2) 80.67%), linear-gradient(197.75deg, rgba(255, 255, 255, 0) 50.16%, #ffffff 229.51%), #b6cacf;
  padding: 3.375rem 0.625rem;
  position: relative;
}
@media (min-width: 61.99875em) {
  .project {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 120.625em) {
  .project {
    border: 0.5208333333vw solid #fff;
    border-radius: 1.5625vw;
    padding: 2.8125vw 0.5208333333vw;
  }
}
@media (max-width: 61.99875em) {
  .project {
    border-width: 0.375rem;
    border-radius: 3.125rem;
    flex: 0 0 100%;
    padding: 2rem 2rem 1.25rem;
  }
}
@media (max-width: 29.99875em) {
  .project {
    padding: 1.75rem 1.75rem 0.9375rem;
  }
}
@media (min-width: 61.99875em) {
  .project:nth-child(1) {
    padding: 3.375rem 5.8125rem 3.375rem 0.625rem;
    z-index: 3;
  }
}
@media (min-width: 120.625em) {
  .project:nth-child(1) {
    padding: 2.8125vw 4.84375vw 2.8125vw 0.5208333333vw;
  }
}
@media (min-width: 61.99875em) {
  .project:nth-child(1) .project__image {
    margin: -32% -27% -15% -17%;
  }
}
@media (min-width: 61.99875em) {
  .project:nth-child(1) .project__image video {
    width: 100%;
  }
}
@media (max-width: 61.99875em) {
  .project:nth-child(1) .project__image {
    max-width: none;
    margin: -11% -6% -15% -6%;
  }
}
@media (max-width: 29.99875em) {
  .project:nth-child(1) .project__image {
    max-width: none;
  }
}
@media (min-width: 61.99875em) {
  .project:nth-child(2) {
    z-index: 2;
    margin-left: -7.1244635193%;
    margin-right: -11.1587982833%;
    padding: 3.375rem 0.625rem 3.375rem 5.8125rem;
  }
}
@media (min-width: 120.625em) {
  .project:nth-child(2) {
    padding: 2.8125vw 0.5208333333vw 2.8125vw 4.84375vw;
  }
}
.project:nth-child(3) .tooltip {
  bottom: 3.75rem;
  right: 1.875rem;
}
.project:nth-child(3) .tooltip__sub {
  left: auto;
  right: -1.25rem;
}
@media (min-width: 61.99875em) {
  .project:nth-child(3) {
    padding: 3.375rem 0.625rem 3.375rem 8.75rem;
  }
}
@media (min-width: 120.625em) {
  .project:nth-child(3) {
    padding: 2.8125vw 0.5208333333vw 2.8125vw 7.2916666667vw;
  }
}
@media (max-width: 61.99875em) {
  .project.swiper-slide-active {
    background: linear-gradient(180deg, #76d0de 0%, #b9eef7 100%);
    z-index: 2;
  }
}
@media (min-width: 61.99875em) {
  .project.active-col {
    background: linear-gradient(180deg, #76d0de 0%, #b9eef7 100%);
  }
}
@media (min-width: 61.99875em) {
  .project.active-col:nth-child(1), .project.active-col:nth-child(2), .project.active-col:nth-child(3) {
    padding: 3.375rem 0.625rem;
  }
}
@media (min-width: 120.625em) {
  .project.active-col:nth-child(1), .project.active-col:nth-child(2), .project.active-col:nth-child(3) {
    padding: 2.8125vw 0.5208333333vw;
  }
}
.project__btn-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 3.1875rem;
  height: 3.1875rem;
  z-index: 3;
  border-radius: 50%;
  background: #fff url("../img/icons/arrow-green.svg") 50%/50% no-repeat;
}
@media (min-width: 120.625em) {
  .project__btn-arrow {
    width: 2.65625vw;
    height: 2.65625vw;
  }
}
@media (max-width: 61.99875em) {
  .project__btn-arrow {
    display: none;
  }
}
.project__btn-arrow_left {
  left: -2.125rem;
  transform: translate(0, -50%) rotate(180deg);
}
@media (min-width: 120.625em) {
  .project__btn-arrow_left {
    left: -1.7708333333vw;
  }
}
.project__btn-arrow_right {
  right: -2.125rem;
}
@media (min-width: 120.625em) {
  .project__btn-arrow_right {
    right: -1.7708333333vw;
  }
}
.project__content {
  max-width: 16.875rem;
}
@media (min-width: 120.625em) {
  .project__content {
    max-width: 14.0625vw;
  }
}
.project__cap {
  font-weight: 700;
  font-size: 1.5625rem;
  letter-spacing: 0.05em;
  opacity: 0;
}
@media (max-width: 61.99875em) {
  .swiper-slide-active .project__cap {
    opacity: 1;
  }
}
@media (min-width: 61.99875em) {
  .active-col .project__cap {
    opacity: 1;
  }
}
@media (min-width: 120.625em) {
  .project__cap {
    font-size: 1.3020833333vw;
  }
}
@media (max-width: 29.99875em) {
  .project__cap {
    max-width: 11.25rem;
  }
}
.project__cap:not(:last-child) {
  margin-bottom: 0.1875rem;
}
@media (min-width: 120.625em) {
  .project__cap:not(:last-child) {
    margin-bottom: 0.15625vw;
  }
}
.project__descr {
  line-height: 1.2;
  opacity: 0;
}
@media (max-width: 61.99875em) {
  .swiper-slide-active .project__descr {
    opacity: 1;
  }
}
@media (min-width: 61.99875em) {
  .active-col .project__descr {
    opacity: 1;
  }
}
@media (max-width: 61.99875em) {
  .project__descr {
    font-size: 0.9375rem;
    max-width: 80%;
    line-height: 1.1;
  }
}
@media (max-width: 47.99875em) {
  .project__descr {
    font-size: 0.75rem;
  }
}
.project__descr:not(:last-child) {
  margin-bottom: 0.75rem;
}
@media (min-width: 120.625em) {
  .project__descr:not(:last-child) {
    margin-bottom: 0.625vw;
  }
}
.project__image {
  filter: saturate(0);
}
@media (max-width: 61.99875em) {
  .project__image {
    margin: 0 auto;
    max-width: 20rem;
  }
}
@media (max-width: 29.99875em) {
  .project__image {
    max-width: 12.5rem;
  }
}
@media (max-width: 61.99875em) {
  .swiper-slide-active .project__image {
    filter: saturate(1);
  }
}
@media (min-width: 61.99875em) {
  .active-col .project__image {
    filter: saturate(1);
  }
}
.project__image video,
.project__image img {
  max-width: 100%;
  height: auto;
  background: transparent !important;
}
@media (min-width: 120.625em) {
  .project__image video,
  .project__image img {
    width: 100%;
  }
}

.projects-items {
  position: relative;
  padding-bottom: 4.6%;
  margin-bottom: 5.375rem;
}
@media (max-width: 47.99875em) {
  .projects-items {
    padding-bottom: 2.6875rem;
    margin-bottom: 0;
  }
}
@media (max-width: 29.99875em) {
  .projects-items {
    padding-bottom: 2.875rem;
  }
}
.projects-items::after {
  content: "";
  position: absolute;
  bottom: -0.625rem;
  left: 0;
  width: 100%;
  aspect-ratio: 1440/179;
  z-index: -1;
  background: url("../img/projects/slider-decor.png") 50%/100% no-repeat;
  min-width: 59.1875rem;
}
@media (min-width: 120.625em) {
  .projects-items::after {
    min-width: 49.3229166667vw;
  }
}
@media (max-width: 61.99875em) {
  .projects-items::after {
    bottom: 0;
  }
}
.projects-items__wrapper {
  transition-timing-function: linear !important;
  align-items: flex-end;
}
.projects-items__slide {
  flex-shrink: 0;
  height: 15rem;
}
@media (min-width: 120.625em) {
  .projects-items__slide {
    height: 12.5vw;
  }
}
@media (max-width: 47.99875em) {
  .projects-items__slide {
    height: 11.25rem;
  }
}
@media (max-width: 29.99875em) {
  .projects-items__slide {
    height: 9.375rem;
  }
}
.projects-items__slide_1 {
  margin-bottom: -1.375rem;
}
@media (max-width: 47.99875em) {
  .projects-items__slide_1 {
    margin-bottom: -10px;
  }
}
.projects-items__slide_cow {
  margin-bottom: -1.875rem;
}
@media (max-width: 47.99875em) {
  .projects-items__slide_cow {
    margin-bottom: -1.25rem;
  }
}
.projects-items__slide img {
  width: auto;
  height: 100%;
}
.projects-items__slide:not(:last-child) {
  margin-right: 1.25rem;
}
@media (min-width: 120.625em) {
  .projects-items__slide:not(:last-child) {
    margin-right: 1.0416666667vw;
  }
}

.community {
  padding: 2.25rem 0rem 4.125rem;
}
@media (min-width: 120.625em) {
  .community {
    padding: 1.875vw 0vw 3.4375vw;
  }
}
@media (max-width: 61.99875em) {
  .community {
    padding: 0.9375rem 0rem 2.5rem;
  }
}
@media (max-width: 47.99875em) {
  .community {
    padding: 0.625rem 0rem 1.8125rem;
  }
}
@media (max-width: 61.99875em) {
  .community__container {
    padding: 0;
  }
}
.community__body {
  background: linear-gradient(180deg, #76d0de 0%, #b9eef7 100%);
  position: relative;
  border-radius: 1.875rem;
  border: 0.625rem solid #fff;
  padding: 2.25rem 3.9375rem;
  min-height: 37.5rem;
}
@media (min-width: 120.625em) {
  .community__body {
    border-radius: 1.5625vw;
    border: 0.5208333333vw solid #fff;
    padding: 1.875vw 3.28125vw;
    min-height: 31.25vw;
  }
}
@media (max-width: 61.99875em) {
  .community__body {
    border-width: 0.375rem;
    border-radius: 3.125rem;
    padding: 1.9375rem;
    min-height: 30.5rem;
  }
}
@media (min-width: 61.99875em) {
  .community__body:not(:last-child) {
    margin-bottom: 3.0625rem;
  }
}
@media (min-width: 120.625em) {
  .community__body:not(:last-child) {
    margin-bottom: 2.5520833333vw;
  }
}
.community__label {
  line-height: 1.1;
  font-size: 1.25rem;
  color: #014e72;
  letter-spacing: 0.06em;
}
@media (min-width: 120.625em) {
  .community__label {
    font-size: 1.0416666667vw;
  }
}
@media (max-width: 61.99875em) {
  .community__label {
    font-size: 1.125rem;
  }
}
.community__label strong {
  line-height: 1.1;
}
@media (max-width: 61.99875em) {
  .community__label strong {
    font-size: 0.9375rem;
  }
}
@media (max-width: 47.99875em) {
  .community__label strong {
    font-size: 0.9375rem;
  }
}
.community__label span {
  font-size: 3.75rem;
}
@media (min-width: 61.99875em) {
  .community__label span {
    letter-spacing: 0.06em;
  }
}
@media (min-width: 120.625em) {
  .community__label span {
    font-size: 3.125vw;
  }
}
@media (max-width: 61.99875em) {
  .community__label span {
    font-size: 2.8125rem;
  }
}
@media (max-width: 47.99875em) {
  .community__label span {
    font-size: 2.3125rem;
  }
}
.community__label:not(:last-child) {
  margin-bottom: 2.3125rem;
}
@media (min-width: 120.625em) {
  .community__label:not(:last-child) {
    margin-bottom: 1.9270833333vw;
  }
}
@media (max-width: 61.99875em) {
  .community__label:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 47.99875em) {
  .community__label:not(:last-child) {
    margin-bottom: 0.3125rem;
  }
}
.community__descr {
  line-height: 1.2;
  color: #014e72;
  max-width: 20.625rem;
}
@media (min-width: 120.625em) {
  .community__descr {
    max-width: 17.1875vw;
  }
}
@media (max-width: 61.99875em) {
  .community__descr {
    line-height: 1.1;
    font-size: 0.9375rem;
  }
}
@media (max-width: 47.99875em) {
  .community__descr {
    font-size: 0.75rem;
    max-width: 17.5rem;
  }
}
.community__image {
  position: absolute;
  right: 0.58%;
  bottom: -1.5%;
  width: 69.2576419214%;
}
@media (max-width: 47.99875em) {
  .community__image {
    width: 28.75rem;
  }
}
@media (max-width: 29.99875em) {
  .community__image {
    width: 91.5343915344%;
    bottom: 11.2%;
    right: 6.4%;
  }
}
.community__image img {
  width: 100%;
  height: auto;
}
.community__image-decor {
  position: absolute;
  background: url("../img/community/star.png") 50%/100% no-repeat;
  transform: rotate(-14deg);
  aspect-ratio: 1/1;
  width: 11.3493064313%;
}
.community__image-decor_star-1 {
  top: -0.1%;
  right: 45.3%;
}
.community__image-decor_star-2 {
  top: 24%;
  right: 14.9%;
}
.community__image-decor_heart {
  width: 10.0882723834%;
  bottom: 21.3%;
  left: 30.6%;
  background-image: url("../img/community/heart.png");
  transform: rotate(-12deg);
}
.community__decor {
  position: absolute;
  background: url("../img/community/bear.svg") 50%/100% no-repeat;
}
.community__decor_bear {
  bottom: -7.29%;
  left: 16.11%;
  width: 20.7860262009%;
  aspect-ratio: 238/283;
}
@media (max-width: 47.99875em) {
  .community__decor_bear {
    bottom: -9.3%;
    left: 10%;
    width: 25.1%;
  }
}
@media (max-width: 29.99875em) {
  .community__decor_bear {
    width: 29.1%;
    left: 16.7%;
  }
}
.community__decor_star {
  background-image: url("../img/community/star-w.svg");
  top: 13%;
  right: -9%;
  width: 5.9388646288%;
  aspect-ratio: 68/70;
  transform: rotate(9deg);
}
@media (max-width: 75.31125em) {
  .community__decor_star {
    width: 5.375rem;
    top: 19.5%;
    right: -7.5%;
  }
}
.community__socials {
  display: flex;
  justify-content: center;
}
@media (max-width: 61.99875em) {
  .community__socials {
    display: none;
  }
}

.socials__descr {
  font-family: "RobotoCondensed", sans-serif;
  line-height: 1.4;
  color: #2a384e;
  font-size: 0.8125rem;
  max-width: 7.1875rem;
}
@media (min-width: 120.625em) {
  .socials__descr {
    font-size: 0.6770833333vw;
    max-width: 5.9895833333vw;
  }
}
.socials__list {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 120.625em) {
  .socials__list {
    gap: 0.8333333333vw;
  }
}
@media (max-width: 47.99875em) {
  .socials__list {
    gap: 0.625rem;
  }
}
.socials__item {
  display: flex;
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
}
@media (min-width: 120.625em) {
  .socials__item {
    flex: 0 0 2.0833333333vw;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
  }
}
@media (max-width: 47.99875em) {
  .socials__item {
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
  }
}
.socials__item a {
  transition: transform 0.4s;
  width: 100%;
}
@media (any-hover: hover) {
  .socials__item a:hover {
    transform: scale(1.1);
  }
}
.socials__item a img {
  width: 100%;
  height: auto;
}