@font-face {
  font-family: "Raleway";
  src: url("../fonts/Raleway-Bold.woff");
  src: url("../fonts/Raleway-Bold.woff2");
  font-weight: 700;
  display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/Raleway-SemiBold.woff");
  src: url("../fonts/Raleway-SemiBold.woff2");
  font-weight: 600;
  display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/Raleway-Medium.woff");
  src: url("../fonts/Raleway-Medium.woff2");
  font-weight: 500;
  display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/Raleway-Regular.woff");
  src: url("../fonts/Raleway-Regular.woff2");
  font-weight: 400;
  display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/Raleway-Light.woff");
  src: url("../fonts/Raleway-Light.woff2");
  font-weight: 300;
  display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova-Bold.woff");
  src: url("../fonts/ProximaNova-Bold.woff2");
  font-weight: 700;
  display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova-Semibold.woff");
  src: url("../fonts/ProximaNova-Semibold.woff2");
  font-weight: 600;
  display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova-Regular.woff");
  src: url("../fonts/ProximaNova-Regular.woff2");
  font-weight: 400;
  display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNova-Light.woff");
  src: url("../fonts/ProximaNova-Light.woff2");
  font-weight: 300;
  display: swap;
}
*::-webkit-scrollbar {
  width: 14px;
}

*::-webkit-scrollbar-track {
  background: #D9D9D9;
}

*::-webkit-scrollbar-thumb {
  background-color: #7E7BEF;
  border-radius: 20px;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus {
  outline: none;
}

input {
  border-radius: 0;
}

input[type=search] {
  -webkit-appearance: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #2A292D;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: inset 0 0 20px 20px #fff;
          box-shadow: inset 0 0 20px 20px #fff;
}

ul, li, ol {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: #2A292D;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
  color: #000;
}

body input:required:valid,
body textarea:required:valid {
  color: #000;
}

html, body {
  height: 100%;
}

body {
  font-size: 16px;
  font-family: "Raleway";
  font-weight: 700;
  background-color: #fff;
  color: #2A292D;
  height: 100%;
  overflow-x: hidden;
}
body.lock {
  overflow: hidden;
}

.page {
  overflow: hidden;
  min-height: 100vh;
}

.container {
  width: 100%;
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 15px;
}

.min-container {
  width: 100%;
  max-width: 888px;
  margin: 0 auto;
  padding: 0 15px;
}

.burger {
  cursor: pointer;
  position: relative;
  width: 24px;
  height: 19px;
  display: none;
}
.burger span {
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 3px;
  left: 0;
  top: 8px;
  border-radius: 10px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.burger:before, .burger:after {
  content: "";
  background-color: #fff;
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  border-radius: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.burger:before {
  top: 0;
}
.burger:after {
  bottom: 0;
}
.burger.active:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 8px;
}
.burger.active:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: 8px;
}
.burger.active span {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.line-text {
  position: relative;
}
.line-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 3px;
  height: 100%;
  background-color: #7E7BEF;
}

.m-t {
  margin-top: min(40px, max(16px, 16px + 24 * (100vw - 375px) / 1545));
}

.audio-player {
  margin-top: min(60px, max(30px, 30px + 30 * (100vw - 375px) / 1545));
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: min(20px, max(10px, 10px + 10 * (100vw - 375px) / 1545)) min(25px, max(12px, 12px + 13 * (100vw - 375px) / 1545));
  background-color: #7E7BEF;
  border-radius: min(10px, max(3px, 3px + 7 * (100vw - 375px) / 1545));
  color: #fff;
}
.audio-player audio {
  display: none;
}
.audio-player-play {
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(32px, max(10px, 10px + 22 * (100vw - 375px) / 1545));
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: min(25px, max(6px, 6px + 19 * (100vw - 375px) / 1545));
}
.audio-player-play img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.audio-player-play .pause {
  display: none;
}
.audio-player-play .play {
  display: block;
}
.audio-player-play.active .pause {
  display: block;
}
.audio-player-play.active .play {
  display: none;
}
.audio-player-slider {
  width: 700px;
  -webkit-appearance: none;
  background-color: #EEE6FF;
  height: 7px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: min(25px, max(6px, 6px + 19 * (100vw - 375px) / 1545));
}
.audio-player-slider::-webkit-slider-thumb {
  position: relative;
  -webkit-appearance: none;
  background-color: #fff;
  -webkit-box-shadow: -700px 0 0 700px #FFDF00;
          box-shadow: -700px 0 0 700px #FFDF00;
  width: min(22px, max(10px, 10px + 12 * (100vw - 375px) / 1545));
  height: min(22px, max(10px, 10px + 12 * (100vw - 375px) / 1545));
  border-radius: 50%;
  cursor: ew-resize;
}
.audio-player-time {
  white-space: nowrap;
  font-family: "ProximaNova";
  font-size: min(15px, max(10px, 10px + 5 * (100vw - 375px) / 1545));
  font-weight: 400;
  color: #fff;
  line-height: 120%;
}
.audio-player-duration {
  white-space: nowrap;
  font-family: "ProximaNova";
  font-size: min(15px, max(10px, 10px + 5 * (100vw - 375px) / 1545));
  font-weight: 400;
  color: #fff;
  line-height: 120%;
}
.audio-player-vicon {
  width: min(45px, max(12px, 12px + 33 * (100vw - 375px) / 1545));
  height: auto;
  margin-left: min(20px, max(10px, 10px + 10 * (100vw - 375px) / 1545));
  margin-right: min(20px, max(10px, 10px + 10 * (100vw - 375px) / 1545));
}
.audio-player-volume {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(70px, max(30px, 30px + 40 * (100vw - 375px) / 1545));
  -webkit-appearance: none;
  background-color: #EEE6FF;
  height: 7px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 15px;
}
.audio-player-volume::-webkit-slider-thumb {
  position: relative;
  -webkit-appearance: none;
  background-color: #fff;
  -webkit-box-shadow: -70px 0 0 70px #FFDF00;
          box-shadow: -70px 0 0 70px #FFDF00;
  width: min(22px, max(10px, 10px + 12 * (100vw - 375px) / 1545));
  height: min(22px, max(10px, 10px + 12 * (100vw - 375px) / 1545));
  border-radius: 50%;
  cursor: ew-resize;
}
.audio-player-settings {
  cursor: pointer;
  width: min(36px, max(10px, 10px + 26 * (100vw - 375px) / 1545));
  height: auto;
}

.comma {
  position: relative;
  bottom: -5px;
}

.header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: rgba(95, 65, 199, 0.8);
}
.header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header__wrapper-nav {
  width: 100%;
  height: 64px;
  padding: 0 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header__wrapper-nav img {
  height: 33px;
  width: auto;
}
.header__wrapper-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__wrapper-nav-link {
  font-family: "ProximaNova";
  font-size: min(20px, max(18px, 18px + 2 * (100vw - 1060px) / 860));
  font-weight: 600;
  color: #fff;
  line-height: 95%;
  margin: 0 min(24px, max(5px, 5px + 19 * (100vw - 1060px) / 860));
  white-space: nowrap;
  text-transform: uppercase;
}
.header__wrapper-nav-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__wrapper-nav-social-item {
  white-space: nowrap;
  font-family: "ProximaNova";
  font-size: 20px;
  font-weight: 600;
  color: #2A292D;
  line-height: 95%;
  position: relative;
  height: 44px;
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 80px;
  background: rgb(255, 223, 0);
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 223, 0)), to(rgb(255, 239, 131)));
  background: linear-gradient(90deg, rgb(255, 223, 0) 0%, rgb(255, 239, 131) 100%);
  padding-left: 55px;
}
.header__wrapper-nav-social-item.tg {
  margin-right: 12px;
}
.header__wrapper-nav-social-item.tg::before, .header__wrapper-nav-social-item.qs::before {
  content: "";
  position: absolute;
  left: 9px;
  width: 32px;
  height: 32px;
}
.header__wrapper-nav-social-item.tg::before {
  background-image: url(../img/tg-icon.svg);
}
.header__wrapper-nav-social-item.qs::before {
  background-image: url(../img/question-icon.svg);
}
.header__wrapper-nav-mobile {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  transition-behavior: allow-discrete;
  display: none;
  opacity: 0;
}

.main {
  position: relative;
  padding-top: min(160px, max(80px, 80px + 80 * (100vw - 375px) / 1545));
  padding-bottom: min(110px, max(50px, 50px + 60 * (100vw - 375px) / 1545));
}
.main__title {
  font-family: "Raleway";
  font-size: min(60px, max(36px, 36px + 24 * (100vw - 375px) / 1545));
  font-weight: 700;
  color: #2A292D;
  line-height: 95%;
  margin-bottom: min(37px, max(24px, 24px + 13 * (100vw - 375px) / 1545));
  margin-left: -110px;
}
.main__title span {
  color: #7E7BEF;
  display: block;
}
.main__text {
  max-width: 420px;
  font-family: "Raleway";
  font-size: min(25px, max(16px, 16px + 9 * (100vw - 375px) / 1545));
  font-weight: 300;
  color: #2A292D;
  line-height: 125%;
  margin-bottom: min(276px, max(153px, 153px + 123 * (100vw - 375px) / 1545));
  margin-left: -110px;
}
.main img {
  position: absolute;
  top: 390px;
  right: 115px;
  width: min(790px, max(314px, 314px + 476 * (100vw - 375px) / 1545));
  height: auto;
  margin-bottom: min(85px, max(20px, 20px + 65 * (100vw - 375px) / 1545));
}
.main__subtitle {
  position: relative;
  font-family: "Raleway";
  font-size: min(50px, max(32px, 32px + 18 * (100vw - 375px) / 1545));
  font-weight: 500;
  color: #2A292D;
  line-height: 95%;
  margin-bottom: 27px;
}
.main__subtitle::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -100%;
  right: -20%;
  background-image: url(../img/banner-after.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 160px;
  height: 200px;
  -webkit-transform: rotate(9deg);
          transform: rotate(9deg);
}
.main__subtitle::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -200px;
  right: 50%;
  background-image: url(../img/banner-after.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
  -webkit-transform: rotate(9deg);
          transform: rotate(9deg);
}
.main__subtext {
  max-width: 747px;
  font-family: "Raleway";
  font-size: min(20px, max(16px, 16px + 4 * (100vw - 375px) / 1545));
  font-weight: 400;
  color: #2A292D;
  line-height: 130%;
}

.banner {
  margin-bottom: min(90px, max(80px, 80px + 10 * (100vw - 375px) / 1545));
  height: min(530px, max(400px, 400px + 130 * (100vw - 375px) / 1545));
  background: rgb(138, 125, 243);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(138, 125, 243)), to(rgb(124, 109, 249)));
  background: linear-gradient(180deg, rgb(138, 125, 243) 0%, rgb(124, 109, 249) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.banner.image .banner__wrapper-img {
  position: relative;
  margin: 0 auto;
  max-width: 594px;
  height: auto;
  overflow: visible;
}
.banner.image .banner__wrapper-img::after {
  content: "";
  position: absolute;
  top: 190px;
  left: -200px;
  background-image: url(../img/banner-02-after.png);
  width: 100px;
  height: 100px;
}
.banner.image .banner__wrapper-img::before {
  content: "";
  position: absolute;
  top: -65px;
  right: -130px;
  background-image: url(../img/banner-02-after.png);
  width: 100px;
  height: 100px;
  -webkit-transform: rotate(22deg);
          transform: rotate(22deg);
}
.banner__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.banner__wrapper-video {
  cursor: pointer;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(530px, max(340px, 340px + 190 * (100vw - 375px) / 1545));
  height: min(273px, max(176px, 176px + 97 * (100vw - 375px) / 1545));
  overflow: hidden;
  border-radius: 20px;
  margin-right: min(130px, max(20px, 20px + 110 * (100vw - 375px) / 1545));
}
.banner__wrapper-video.active::after {
  content: none;
}
.banner__wrapper-video.active::before {
  content: none;
}
.banner__wrapper-video iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner__wrapper-text {
  margin-top: 16px;
  font-family: "Raleway";
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 130%;
}
.banner__wrapper-text span {
  font-family: "ProximaNova";
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  line-height: 130%;
}
.banner__wrapper-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.banner__wrapper-info-title {
  font-family: "Raleway";
  font-size: min(60px, max(32px, 32px + 28 * (100vw - 375px) / 1545));
  font-weight: 700;
  color: #fff;
  line-height: 95%;
}
.banner__wrapper-info-text {
  font-family: "Raleway";
  font-size: min(25px, max(16px, 16px + 9 * (100vw - 375px) / 1545));
  font-weight: 500;
  color: #fff;
  line-height: 120%;
  margin-top: 26px;
}
.banner__wrapper-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: auto;
  height: min(530px, max(400px, 400px + 130 * (100vw - 375px) / 1545));
  overflow: hidden;
  margin-right: min(140px, max(20px, 20px + 120 * (100vw - 375px) / 1545));
}
.banner__wrapper-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.info {
  margin-bottom: min(82px, max(60px, 60px + 22 * (100vw - 375px) / 1545));
}
.info__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -110px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.info__header .info__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 500px;
}
.info__title {
  max-width: 750px;
  font-family: "Raleway";
  font-size: min(50px, max(32px, 32px + 18 * (100vw - 375px) / 1545));
  font-weight: 600;
  color: #2A292D;
  line-height: 95%;
  margin-bottom: 40px;
}
.info__item {
  max-width: 750px;
  margin-bottom: min(55px, max(32px, 32px + 23 * (100vw - 375px) / 1545));
}
.info__item-footnote {
  max-width: 645px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 20px 0;
}
.info__item-footnote-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: min(220px, max(140px, 140px + 80 * (100vw - 375px) / 1545));
  margin-right: min(30px, max(2px, 2px + 28 * (100vw - 375px) / 1545));
  margin-left: min(0px, max(10px, 10px + -10 * (100vw - 375px) / 1545));
}
.info__item-footnote-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.info__item-footnote-title {
  margin-top: min(25px, max(0px, 0px + 25 * (100vw - 375px) / 1545));
  font-family: "Raleway";
  font-size: calc(20px + 0 * (100vw - 375px) / 1545);
  font-weight: 400;
  color: #7E7BEF;
  line-height: 105%;
}
.info__item-footnote-text {
  font-family: "Raleway";
  font-size: min(20px, max(18px, 18px + 2 * (100vw - 375px) / 1545));
  font-weight: 300;
  color: #2A292D;
  line-height: 120%;
  margin-top: min(16px, max(12px, 12px + 4 * (100vw - 375px) / 1545));
}
.info__item-icon {
  height: min(73px, max(58px, 58px + 15 * (100vw - 375px) / 1545));
  width: auto;
  margin-bottom: 20px;
  padding-left: calc(20px + -20 * (100vw - 375px) / 1065);
}
.info__item-title {
  font-family: "Raleway";
  font-size: min(30px, max(24px, 24px + 6 * (100vw - 375px) / 1545));
  font-weight: 600;
  color: #7E7BEF;
  line-height: 105%;
  margin-bottom: min(15px, max(19px, 19px + -4 * (100vw - 375px) / 1545));
  padding-left: calc(20px + -20 * (100vw - 375px) / 1065);
}
.info__item-text {
  font-family: "Raleway";
  font-size: min(20px, max(16px, 16px + 4 * (100vw - 375px) / 1545));
  font-weight: 400;
  color: #2A292D;
  line-height: 130%;
  padding-left: calc(20px + -20 * (100vw - 375px) / 1065);
}
.info__item-text.b-text {
  font-size: min(24px, max(16px, 16px + 8 * (100vw - 375px) / 1545));
}
.info__item-text.b-text span {
  font-weight: 600;
  color: #7E7BEF;
}
.info__item-text span {
  font-weight: 500;
}
.info__img {
  position: relative;
  margin: min(110px, max(50px, 50px + 60 * (100vw - 375px) / 1545)) auto min(80px, max(60px, 60px + 20 * (100vw - 375px) / 1545)) auto;
  height: auto;
  width: min(530px, max(340px, 340px + 190 * (100vw - 375px) / 1545));
  text-align: center;
}
.info__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.info__svg {
  margin: min(50px, max(32px, 32px + 18 * (100vw - 375px) / 1545)) 0 min(35px, max(50px, 50px + -15 * (100vw - 375px) / 1545)) 0;
  height: auto;
  max-width: 750px;
}
.info__svg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.info__wrapper {
  display: grid;
  grid-template-columns: repeat(2, min(330px, max(300px, 300px + 30 * (100vw - 375px) / 1545)));
  gap: min(20px, max(18px, 18px + 2 * (100vw - 375px) / 1545));
  margin-bottom: min(50px, max(18px, 18px + 32 * (100vw - 375px) / 1545));
}
.info__wrapper-item {
  border-radius: 12px;
  border: 3px solid #7E7BEF;
  padding: min(26px, max(20px, 20px + 6 * (100vw - 375px) / 1545)) 34px min(23px, max(18px, 18px + 5 * (100vw - 375px) / 1545)) 28px;
}
.info__wrapper-item-title {
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 700;
  color: #2A292D;
  line-height: 140%;
}
.info__wrapper-item-title span {
  font-size: min(36px, max(28px, 28px + 8 * (100vw - 375px) / 1545));
}
.info__wrapper-item-subtitle {
  font-family: "ProximaNova";
  font-size: min(24px, max(20px, 20px + 4 * (100vw - 375px) / 1545));
  font-weight: 700;
  color: #fff;
  line-height: 140%;
  padding: 2px 6px;
  border-radius: 12px;
  background-color: #7E7BEF;
  margin: min(14px, max(10px, 10px + 4 * (100vw - 375px) / 1545)) 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.info__wrapper-item-text {
  font-family: "ProximaNova";
  font-size: min(18px, max(16px, 16px + 2 * (100vw - 375px) / 1545));
  font-weight: 400;
  color: #2A292D;
  line-height: 140%;
}
.info__btn {
  font-family: "ProximaNova";
  font-size: min(24px, max(20px, 20px + 4 * (100vw - 375px) / 1545));
  font-weight: 700;
  color: #fff;
  line-height: 140%;
  padding: 10px calc(27px + 33 * (100vw - 375px) / 1545);
  border-radius: 10px;
  background-color: #7E7BEF;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}

#about .info__img::before {
  content: "";
  position: absolute;
  top: 10%;
  left: -65%;
  background-image: url(../img/banner-after.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 200px;
  height: 200px;
  -webkit-transform: rotate(9deg);
          transform: rotate(9deg);
}
#about .info__img::after {
  content: "";
  position: absolute;
  top: 5%;
  right: -60%;
  background-image: url(../img/banner-after.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 76px;
  height: 76px;
  -webkit-transform: rotate(9deg);
          transform: rotate(9deg);
}

.b-banner {
  margin-top: 118px;
  background-color: #02CCA4;
  padding: min(170px, max(40px, 40px + 130 * (100vw - 375px) / 1545)) 0;
}
.b-banner__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: min(110px, max(0px, 0px + 110 * (100vw - 375px) / 1545));
}
.b-banner__wrapper-title {
  font-family: "Raleway";
  font-size: min(60px, max(32px, 32px + 28 * (100vw - 375px) / 1545));
  font-weight: 700;
  color: #fff;
  line-height: 95%;
}
.b-banner__wrapper-text {
  font-family: "Raleway";
  font-size: min(25px, max(16px, 16px + 9 * (100vw - 375px) / 1545));
  font-weight: 500;
  color: #fff;
  line-height: 120%;
  margin-top: 26px;
}
.b-banner__wrapper img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(604px, max(293px, 293px + 311 * (100vw - 375px) / 1545));
  height: auto;
  margin-right: min(-65px, max(0px, 0px + -65 * (100vw - 375px) / 1545));
}

.articles {
  background-color: #7E7BEF;
  padding-bottom: min(52px, max(0px, 0px + 52 * (100vw - 375px) / 1545));
}
.articles .container {
  position: relative;
}
.articles__img {
  position: absolute;
  z-index: 1;
  top: min(40px, max(16px, 16px + 24 * (100vw - 375px) / 1545));
  right: min(0px, max(-35px, -35px + 35 * (100vw - 375px) / 1545));
  width: min(936px, max(366px, 366px + 570 * (100vw - 375px) / 1545));
  height: auto;
}
.articles__title {
  position: relative;
  z-index: 2;
  padding-top: min(380px, max(215px, 215px + 165 * (100vw - 375px) / 1545));
  font-family: "Raleway";
  font-size: min(70px, max(32px, 32px + 38 * (100vw - 375px) / 1545));
  font-weight: 700;
  color: #fff;
  line-height: 87%;
  margin-left: min(107px, max(0px, 0px + 107 * (100vw - 375px) / 1545));
}
.articles__tags {
  position: relative;
  z-index: 2;
  max-width: 1080px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: min(40px, max(18px, 18px + 22 * (100vw - 375px) / 1545)) auto min(20px, max(32px, 32px + -12 * (100vw - 375px) / 1545)) auto;
}
.articles__tags-item {
  margin: 4px;
  cursor: pointer;
  padding: min(10px, max(5px, 5px + 5 * (100vw - 375px) / 1545)) min(20px, max(10px, 10px + 10 * (100vw - 375px) / 1545));
  border-radius: 80px;
  background-color: #fff;
  font-family: "Raleway";
  font-size: min(25px, max(16px, 16px + 9 * (100vw - 375px) / 1545));
  font-weight: 600;
  color: #2A292D;
  line-height: 130%;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.articles__tags-item.active {
  background-color: #FFDF00;
}
.articles__wrapper {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: min(20px, max(16px, 16px + 4 * (100vw - 375px) / 1545));
}
.articles__wrapper-item {
  padding: 25px min(25px, max(30px, 30px + -5 * (100vw - 375px) / 1545)) min(30px, max(15px, 15px + 15 * (100vw - 375px) / 1545)) min(25px, max(30px, 30px + -5 * (100vw - 375px) / 1545));
  border-radius: 20px;
  background-color: #fff;
  height: min(380px, max(142px, 142px + 238 * (100vw - 375px) / 1545));
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.articles__wrapper-item:hover .articles__wrapper-item-title {
  color: #7E7BEF;
}
.articles__wrapper-item-img {
  width: 100%;
  height: min(150px, max(80px, 80px + 70 * (100vw - 375px) / 1545));
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 12px;
}
.articles__wrapper-item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articles__wrapper-item-title {
  font-family: "Raleway";
  font-size: min(25px, max(16px, 16px + 9 * (100vw - 375px) / 1545));
  font-weight: 300;
  color: #2A292D;
  line-height: 114%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.articles__wrapper-item-info {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.articles__wrapper-item-info-eye {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(29px, max(12px, 12px + 17 * (100vw - 375px) / 1545));
  height: auto;
  margin-right: min(10px, max(4px, 4px + 6 * (100vw - 375px) / 1545));
  fill: #7E7BEF;
}
.articles__wrapper-item-info-text {
  font-family: "ProximaNova";
  font-size: min(20px, max(12px, 12px + 8 * (100vw - 375px) / 1545));
  font-weight: 600;
  color: #7E7BEF;
  line-height: 124%;
}
.articles__wrapper-item-info-arrow {
  width: 15px;
  height: auto;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  fill: #7E7BEF;
  margin-left: auto;
}
.articles__more {
  cursor: pointer;
  width: min(90px, max(50px, 50px + 40 * (100vw - 375px) / 1545));
  height: min(90px, max(50px, 50px + 40 * (100vw - 375px) / 1545));
  margin: 0 auto;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: min(35px, max(16px, 16px + 19 * (100vw - 375px) / 1545));
}
.articles__more svg {
  position: relative;
  top: 2px;
  width: min(38px, max(20px, 20px + 18 * (100vw - 375px) / 1545));
  height: auto;
  stroke: #7E7BEF;
  fill: transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.articles__more.active svg {
  position: relative;
  top: -3px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.videos {
  background-color: #7E7BEF;
  padding-bottom: min(52px, max(16px, 16px + 36 * (100vw - 375px) / 1545));
  margin-top: -2px;
}
.videos .container {
  position: relative;
}
.videos__img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: -180px;
  width: min(984px, max(388px, 388px + 596 * (100vw - 375px) / 1545));
  height: auto;
}
.videos__title {
  position: relative;
  z-index: 2;
  padding-top: min(450px, max(250px, 250px + 200 * (100vw - 375px) / 1545));
  font-family: "Raleway";
  font-size: min(70px, max(32px, 32px + 38 * (100vw - 375px) / 1545));
  font-weight: 700;
  color: #fff;
  line-height: 87%;
  margin-right: min(95px, max(0px, 0px + 95 * (100vw - 375px) / 1545));
  text-align: right;
}
.videos__slider {
  position: relative;
  z-index: 2;
  margin: min(55px, max(25px, 25px + 30 * (100vw - 375px) / 1545)) -10px 0 -10px;
}
.videos__slider-poster {
  display: block;
  position: relative;
  width: 100%;
  height: min(248px, max(196px, 196px + 52 * (100vw - 375px) / 1545));
  border-radius: 20px;
  overflow: hidden;
}
.videos__slider-poster img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.videos__slider-poster::after {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(60px, max(50px, 50px + 10 * (100vw - 375px) / 1545));
  height: min(60px, max(50px, 50px + 10 * (100vw - 375px) / 1545));
  background: rgb(138, 125, 243);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(138, 125, 243)), to(rgb(124, 109, 249)));
  background: linear-gradient(180deg, rgb(138, 125, 243) 0%, rgb(124, 109, 249) 100%);
  border-radius: 50%;
}
.videos__slider-poster::before {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50.5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: min(12px, max(10px, 10px + 2 * (100vw - 375px) / 1545)) solid transparent;
  border-bottom: min(12px, max(10px, 10px + 2 * (100vw - 375px) / 1545)) solid transparent;
  border-left: min(18px, max(14px, 14px + 4 * (100vw - 375px) / 1545)) solid #fff;
}
.videos__slider-nav {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: min(50px, max(16px, 16px + 34 * (100vw - 375px) / 1545));
}
.videos__slider-nav .slider-nav-next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-left: min(28px, max(8px, 8px + 20 * (100vw - 375px) / 1545));
}
.videos__slider-nav svg {
  fill: #7E7BEF;
  width: min(42px, max(20px, 20px + 22 * (100vw - 375px) / 1545));
  height: auto;
}
.videos__slider-nav .slider-nav-prev, .videos__slider-nav .slider-nav-next {
  width: min(90px, max(50px, 50px + 40 * (100vw - 375px) / 1545));
  height: min(90px, max(50px, 50px + 40 * (100vw - 375px) / 1545));
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.videos__slider .swiper-slide {
  width: min(530px, max(340px, 340px + 190 * (100vw - 375px) / 1545));
  height: min(380px, max(262px, 262px + 118 * (100vw - 375px) / 1545));
  padding: min(25px, max(0px, 0px + 25 * (100vw - 375px) / 1545)) min(25px, max(0px, 0px + 25 * (100vw - 375px) / 1545)) min(25px, max(10px, 10px + 15 * (100vw - 375px) / 1545)) min(25px, max(0px, 0px + 25 * (100vw - 375px) / 1545));
  background-color: #fff;
  border-radius: 20px;
  margin: 0 10px;
  overflow: hidden;
}
.videos__slider .swiper-slide:hover .videos__slider-text {
  color: #7E7BEF;
}
.videos__slider-text {
  cursor: pointer;
  font-family: "Raleway";
  font-size: min(25px, max(16px, 16px + 9 * (100vw - 375px) / 1545));
  font-weight: 300;
  color: #2A292D;
  line-height: 114%;
  margin-top: min(20px, max(12px, 12px + 8 * (100vw - 375px) / 1545));
  padding-left: min(20px, max(10px, 10px + 10 * (100vw - 375px) / 1545));
  padding-right: min(20px, max(10px, 10px + 10 * (100vw - 375px) / 1545));
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.audio {
  background-color: #7E7BEF;
  padding-bottom: min(110px, max(90px, 90px + 20 * (100vw - 375px) / 1545));
  margin-top: -2px;
}
.audio .container {
  position: relative;
}
.audio__img {
  position: absolute;
  z-index: 1;
  top: calc(-20px + -30 * (100vw - 375px) / 1065);
  right: min(-120px, max(-80px, -80px + -40 * (100vw - 375px) / 1545));
  width: min(928px, max(427px, 427px + 501 * (100vw - 375px) / 1545));
  height: auto;
}
.audio__title {
  position: relative;
  z-index: 2;
  padding-top: min(340px, max(270px, 270px + 70 * (100vw - 375px) / 1545));
  font-family: "Raleway";
  font-size: min(70px, max(32px, 32px + 38 * (100vw - 375px) / 1545));
  font-weight: 700;
  color: #fff;
  line-height: 87%;
  margin-left: min(110px, max(0px, 0px + 110 * (100vw - 375px) / 1545));
  margin-bottom: min(45px, max(18px, 18px + 27 * (100vw - 375px) / 1545));
}
.audio__item {
  position: relative;
  z-index: 2;
  padding: min(80px, max(55px, 55px + 25 * (100vw - 375px) / 1545)) min(110px, max(25px, 25px + 85 * (100vw - 375px) / 1545)) min(80px, max(35px, 35px + 45 * (100vw - 375px) / 1545)) min(110px, max(25px, 25px + 85 * (100vw - 375px) / 1545));
  border-radius: min(30px, max(20px, 20px + 10 * (100vw - 375px) / 1545));
  background-color: #fff;
}
.audio__item:not(:last-child) {
  margin-bottom: min(40px, max(26px, 26px + 14 * (100vw - 375px) / 1545));
}
.audio__item-link {
  cursor: pointer;
  position: absolute;
  top: min(66px, max(18px, 18px + 48 * (100vw - 375px) / 1545));
  right: min(108px, max(26px, 26px + 82 * (100vw - 375px) / 1545));
  width: min(35px, max(20px, 20px + 15 * (100vw - 375px) / 1545));
  height: min(35px, max(20px, 20px + 15 * (100vw - 375px) / 1545));
  fill: #7E7BEF;
}
.audio__item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.audio__item-wrapper-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 310px;
  height: min(310px, max(285px, 285px + 25 * (100vw - 375px) / 1545));
  border-radius: 20px;
  overflow: hidden;
}
.audio__item-wrapper-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.audio__item-wrapper-info {
  margin-left: 15px;
  max-width: 675px;
}
.audio__item-wrapper-info-top {
  font-family: "ProximaNova";
  font-size: min(20px, max(12px, 12px + 8 * (100vw - 375px) / 1545));
  font-weight: 600;
  color: #7E7BEF;
  line-height: 114%;
  margin-bottom: 15px;
}
.audio__item-wrapper-info-title {
  font-family: "Raleway";
  font-size: min(55px, max(32px, 32px + 23 * (100vw - 375px) / 1545));
  font-weight: 600;
  color: #2A292D;
  line-height: 95%;
  margin-bottom: 16px;
}
.audio__item-wrapper-info-subtitle {
  font-family: "Raleway";
  font-size: min(25px, max(16px, 16px + 9 * (100vw - 375px) / 1545));
  font-weight: 500;
  color: #2A292D;
  line-height: 95%;
  margin-bottom: 25px;
}
.audio__item-wrapper-info-subtitle span {
  font-weight: 600;
  color: #7E7BEF;
}
.audio__item-wrapper-info-text {
  font-family: "Raleway";
  font-size: min(25px, max(16px, 16px + 9 * (100vw - 375px) / 1545));
  font-weight: 300;
  color: #2A292D;
  line-height: 114%;
}

.reminder {
  margin-top: min(90px, max(48px, 48px + 42 * (100vw - 375px) / 1545));
}
.reminder__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 -110px;
}
.reminder__header .reminder-img {
  width: 676px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.reminder-img {
  max-width: 550px;
  height: auto;
  margin-bottom: min(12px, max(9px, 9px + 3 * (100vw - 375px) / 1545));
}
.reminder-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.reminder__title {
  font-family: "Raleway";
  font-size: min(55px, max(32px, 32px + 23 * (100vw - 375px) / 1545));
  font-weight: 600;
  color: #2A292D;
  line-height: 95%;
}
.reminder__btn {
  font-family: "ProximaNova";
  font-size: min(30px, max(20px, 20px + 10 * (100vw - 375px) / 1545));
  font-weight: 600;
  color: #2A292D;
  line-height: 120%;
  padding: min(24px, max(18px, 18px + 6 * (100vw - 375px) / 1545)) min(150px, max(90px, 90px + 60 * (100vw - 375px) / 1545));
  border-radius: 80px;
  background: rgb(255, 239, 131);
  background: -webkit-gradient(linear, right top, left top, from(rgb(255, 239, 131)), to(rgb(255, 223, 0)));
  background: linear-gradient(270deg, rgb(255, 239, 131) 0%, rgb(255, 223, 0) 100%);
  display: inline-block;
  margin-top: min(42px, max(30px, 30px + 12 * (100vw - 375px) / 1545));
  margin-bottom: min(150px, max(57px, 57px + 93 * (100vw - 375px) / 1545));
  margin-left: -110px;
}
.reminder__subtitle {
  font-family: "Raleway";
  font-size: min(25px, max(16px, 16px + 9 * (100vw - 375px) / 1545));
  font-weight: 600;
  color: #2A292D;
  line-height: 120%;
  margin-bottom: 20px;
}
.reminder__list {
  font-size: min(60px, max(16px, 16px + 44 * (100vw - 375px) / 1545));
}
.reminder__list li {
  font-family: "Raleway";
  font-size: min(20px, max(16px, 16px + 4 * (100vw - 375px) / 1545));
  font-weight: 400;
  color: #2A292D;
  line-height: 130%;
  list-style-type: auto;
  margin-left: 25px;
  padding-left: min(5px, max(0px, 0px + 5 * (100vw - 375px) / 1545));
}
.reminder__list li a {
  text-decoration: underline;
}
.reminder__list li:not(last-child) {
  margin-bottom: min(20px, max(10px, 10px + 10 * (100vw - 375px) / 1545));
}
.reminder__text {
  font-family: "Raleway";
  font-size: min(20px, max(16px, 16px + 4 * (100vw - 375px) / 1545));
  font-weight: 500;
  color: #7E7BEF;
  line-height: 120%;
  margin: min(60px, max(48px, 48px + 12 * (100vw - 375px) / 1545)) 0;
}

.footer {
  padding: min(34px, max(22px, 22px + 12 * (100vw - 375px) / 1545)) 0 min(34px, max(50px, 50px + -16 * (100vw - 375px) / 1545)) 0;
  margin-top: auto;
  background-color: #ABA9F6;
}
.footer__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.footer__wrapper-item {
  font-family: "Raleway";
  font-size: min(18px, max(14px, 14px + 4 * (100vw - 375px) / 1545));
  font-weight: 700;
  color: #2A292D;
  line-height: 28px;
}
.footer__wrapper-item:not(:last-child) {
  margin-right: 35px;
}
.footer__wrapper-icon {
  width: 66px;
  height: auto;
  margin-left: auto;
}
.footer__wrapper-text {
  font-family: "Raleway";
  font-size: min(12px, max(9px, 9px + 3 * (100vw - 375px) / 1545));
  font-weight: 400;
  color: #2A292D;
  line-height: 160%;
  max-width: 735px;
}
.footer__wrapper-text:not(:last-child) {
  margin-bottom: 16px;
}
.footer__wrapper-social {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__wrapper-social a {
  width: min(28px, max(20px, 20px + 8 * (100vw - 375px) / 1545));
  height: min(28px, max(20px, 20px + 8 * (100vw - 375px) / 1545));
  border-radius: min(6px, max(4px, 4px + 2 * (100vw - 375px) / 1545));
  background-color: #EEE6FF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer__wrapper-social a:not(:last-child) {
  margin-right: min(10px, max(8px, 8px + 2 * (100vw - 375px) / 1545));
}
.footer__wrapper-social a img {
  width: min(18px, max(12px, 12px + 6 * (100vw - 375px) / 1545));
  height: min(18px, max(12px, 12px + 6 * (100vw - 375px) / 1545));
}
.footer__wrapper:not(:last-child) {
  margin-bottom: 16px;
}

@media only screen and (max-width: 1300px) {
  .b-banner__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 700px;
    margin: 0 auto;
  }
  .b-banner__wrapper img {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1200px) {
  .header {
    top: 16px;
    background-color: transparent;
  }
  .header__wrapper-nav-mobile {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #7E7BEF;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 70px 0 80px;
    display: none;
  }
  .header__wrapper-nav-mobile img {
    width: 40px;
    height: auto;
    margin-bottom: 24px;
  }
  .header__wrapper-nav-mobile ul {
    text-align: center;
  }
  .header__wrapper-nav-mobile ul li {
    margin-bottom: 24px;
  }
  .header__wrapper-nav-mobile ul li a {
    white-space: nowrap;
  }
  .header__wrapper-nav-mobile .header__wrapper-nav-social {
    margin-top: auto;
    margin-left: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header__wrapper-nav-mobile .header__wrapper-nav-social-item {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .header__wrapper-nav-mobile.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header__wrapper-top {
    position: fixed;
    z-index: 8;
    bottom: 20px;
    left: 15px;
  }
  .header__wrapper-nav {
    position: relative;
    z-index: 10;
    margin-left: auto;
    border-radius: 50%;
    background-color: #7E7BEF;
  }
  .burger {
    display: block;
  }
  .header__wrapper-nav {
    width: 50px;
    height: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .info__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0;
  }
  .reminder__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0;
  }
  .reminder__btn {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1060px) {
  .main {
    text-align: center;
  }
  .main__text {
    max-width: 100%;
    margin-left: 0;
  }
  .main__title {
    max-width: 290px;
    margin-right: auto;
    margin-left: auto;
  }
  .main img {
    position: relative;
    top: 0;
    right: inherit;
    margin-bottom: 20px;
  }
  .main__subtext {
    text-align: left;
  }
  .articles__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .articles__wrapper-item {
    position: relative;
  }
  .articles__wrapper-item-title {
    -webkit-line-clamp: 4;
    width: 68%;
  }
  .articles__wrapper-item-img {
    position: absolute;
    top: 50%;
    right: 25px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-top: -40px;
  }
  .articles__wrapper-item .mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-right: 30px;
  }
  .articles__wrapper-item-info {
    width: 68%;
  }
  .articles__wrapper-item-info-arrow {
    display: none;
  }
  .audio__item-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .audio__item-wrapper-img {
    margin-bottom: 10px;
  }
  .audio__item-wrapper-info {
    margin-left: 0;
  }
  .audio__item-wrapper-info-top {
    text-align: center;
  }
  .audio__item-wrapper-info-title {
    text-align: center;
    margin-bottom: 28px;
  }
  .audio__item-wrapper-info-subtitle {
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 1015px) {
  .banner.video {
    height: auto;
    padding: 60px 0 80px 0;
  }
  .banner.video .banner__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .banner.video .banner__wrapper-video {
    margin-right: 0;
  }
  .banner.video .banner__wrapper-info {
    margin-bottom: 62px;
  }
}
@media only screen and (max-width: 930px) {
  .line-text::before {
    left: 0;
  }
  .main__subtext {
    padding-left: 20px;
  }
  .main__subtitle {
    text-align: left;
    font-weight: 700;
  }
  .banner__wrapper-img {
    width: 375px;
    height: 383px;
    margin-top: 63px;
    margin-right: 0;
  }
  .banner__wrapper-info-text {
    font-weight: 300;
  }
  .info__title {
    font-weight: 700;
  }
  .footer__wrapper {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .footer__wrapper-icon {
    display: none;
  }
  .footer__wrapper .mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer__wrapper:not(:last-child) {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 730px) {
  .main {
    position: relative;
  }
  .main::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    background-image: url(../img/banner-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 45px;
    height: 45px;
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
  .main::after {
    content: "";
    position: absolute;
    top: -35px;
    left: 20%;
    background-image: url(../img/banner-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 76px;
    height: 76px;
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
  .main__text {
    position: relative;
  }
  .main__text::before {
    content: "";
    position: absolute;
    bottom: -130px;
    right: 0;
    background-image: url(../img/banner-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 127px;
    height: 127px;
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
  .banner {
    position: relative;
    height: auto;
    padding: 45px 0 50px 0;
  }
  .banner__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .banner__wrapper-img::before {
    content: "";
    position: absolute;
    bottom: -30px;
    right: 20%;
    background-image: url(../img/banner-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
  .banner.video::before {
    content: "";
    position: absolute;
    top: -50px;
    left: 10%;
    background-image: url(../img/banner-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 110px;
    height: 110px;
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
  .banner.video::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 30%;
    background-image: url(../img/banner-02-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 48px;
    height: 48px;
    -webkit-transform: rotate(290deg);
            transform: rotate(290deg);
  }
  .banner__wrapper-info-text {
    position: relative;
  }
  .banner__wrapper-info-text::after {
    content: "";
    position: absolute;
    bottom: -40px;
    right: 0;
    background-image: url(../img/banner-02-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 37px;
    height: 37px;
    -webkit-transform: rotate(290deg);
            transform: rotate(290deg);
  }
  .banner.image .banner__wrapper-img {
    position: inherit;
  }
  .banner.image .banner__wrapper-img::after {
    top: inherit;
    bottom: -20px;
    left: 10%;
    width: 55px;
    height: 55px;
    background-size: cover;
    -webkit-transform: rotate(290deg);
            transform: rotate(290deg);
  }
  .info__wrapper {
    position: relative;
  }
  .info__wrapper::after {
    content: "";
    position: absolute;
    top: -30px;
    right: 0;
    background-image: url(../img/banner-02-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 26px;
    height: 26px;
    -webkit-transform: rotate(290deg);
            transform: rotate(290deg);
  }
  .info__wrapper::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -50px;
    background-image: url(../img/banner-02-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 90px;
    height: 90px;
    -webkit-transform: rotate(290deg);
            transform: rotate(290deg);
  }
  .info__wrapper-item:nth-child(2) {
    position: relative;
  }
  .info__wrapper-item:nth-child(2)::before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: -50px;
    background-image: url(../img/banner-02-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    -webkit-transform: rotate(290deg);
            transform: rotate(290deg);
  }
  .info__wrapper-item:nth-child(5) {
    position: relative;
  }
  .info__wrapper-item:nth-child(5)::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 7%;
    background-image: url(../img/banner-02-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 26px;
    height: 26px;
    -webkit-transform: rotate(290deg);
            transform: rotate(290deg);
  }
  .info__wrapper-item:nth-child(7) {
    position: relative;
  }
  .info__wrapper-item:nth-child(7)::before {
    content: "";
    position: absolute;
    top: 15%;
    right: -20px;
    background-image: url(../img/banner-02-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 45px;
    height: 45px;
    -webkit-transform: rotate(290deg);
            transform: rotate(290deg);
  }
  .b-banner {
    position: relative;
  }
  .b-banner::before {
    content: "";
    position: absolute;
    top: -20px;
    right: 10%;
    background-image: url(../img/banner-02-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    -webkit-transform: rotate(290deg);
            transform: rotate(290deg);
  }
  .b-banner__wrapper-title {
    position: relative;
  }
  .b-banner__wrapper-title::before {
    content: "";
    position: absolute;
    top: -80px;
    left: 5px;
    background-image: url(../img/banner-02-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 60px;
    height: 60px;
    -webkit-transform: rotate(290deg);
            transform: rotate(290deg);
  }
  .articles__tags {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .videos__slider .swiper-slide {
    padding: 0 0 30px 0;
  }
  .main__subtitle::before {
    display: none;
  }
  .main__subtitle::after {
    display: none;
  }
}
@media only screen and (max-width: 670px) {
  .info__wrapper {
    grid-template-columns: repeat(1, 300px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .info__btn {
    margin-right: auto;
    margin-left: auto;
    display: block;
  }
  .info__btn.m-t {
    margin: 16px 0 0 20px;
  }
  .articles__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .videos__img {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
    right: -85px;
    left: inherit;
  }
  .videos__title {
    text-align: left;
  }
  .reminder-img {
    margin-left: auto;
    margin-right: auto;
  }
  .reminder__title {
    text-align: center;
  }
  .reminder__btn {
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
  }
}
@media only screen and (max-width: 400px) {
  .banner__wrapper div {
    width: 100%;
  }
  .banner__wrapper div-video {
    width: 100%;
  }
  .reminder-img {
    margin: 0 -40px;
  }
}