@charset "UTF-8";
@import url("../fonts/mazzard/stylesheet.css");
html {
  font-size: 10px;
  scroll-behavior: smooth;
}

body {
  color: #1c1c1c;
  font-size: 1.8rem;
  line-height: 150%;
  font-family: "Mazzard H", sans-serif;
  font-style: normal;
  font-weight: normal;
  background: #edecf3;
  overflow-x: hidden;
  zoom: 1;
  margin: 0;
}

* {
  outline: none !important;
}

@media (min-width: 1230px) {
  .container {
    max-width: 1200px;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
.nowrap {
  white-space: nowrap;
}

.img-centered {
  display: block;
  margin: 0 auto;
}

a {
  color: #5a2cef;
  text-decoration: underline;
}

a:hover,
a:focus,
a:active {
  color: #5a2cef;
  text-decoration: none;
}

a.offset-top {
  display: block;
  position: relative;
  top: -66px;
  visibility: hidden;
}

.section-title {
  font-family: "Mazzard M", sans-serif;
  font-weight: 600;
  font-size: 5rem;
  line-height: 94%;
  margin-bottom: 4.8rem;
}

.video-link {
  display: block;
  position: relative;
}

.video-link::after {
  background: transparent url(../img/icon-play.svg) no-repeat scroll 0 0;
  background-size: cover;
  content: " ";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 10rem;
  height: 10rem;
  margin: -5rem 0 0 -5rem;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.video-link:hover::after {
  opacity: 0.7;
}

.video-link:active::after {
  opacity: 0.85;
}

.video-link-reviews::after {
  background: transparent url(../img/reviews/icon-play.svg) no-repeat scroll 0 0;
  background-size: cover;
  width: 7rem;
  height: 7rem;
  margin: -3.5rem 0 0 -3.5rem;
}

.video-link-reviews:hover::after {
  width: 7rem;
  height: 7rem;
  margin: -3.5rem 0 0 -3.5rem;
  opacity: 0.7;
}

.video-link-reviews:active::after {
  width: 7rem;
  height: 7rem;
  margin: -3.5rem 0 0 -3.5rem;
  opacity: 0.85;
}

header {
  background: #faf9fe;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 1.6rem 0 0.8rem;
}

header.sticky {
  background: rgba(250, 249, 254, 0.96);
  -webkit-box-shadow: -11px 7px 10px 1px rgba(34, 34, 34, 0.1);
          box-shadow: -11px 7px 10px 1px rgba(34, 34, 34, 0.1);
  padding: 0;
}

header .navbar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.8rem 0;
}

header .navbar .nav-item > a.nav-link {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 5rem;
  letter-spacing: -0.02em;
  color: #1c1c1c;
  text-decoration: none;
  white-space: nowrap;
  margin: 0 2.2rem;
  padding: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

header .navbar .nav-item > a.nav-link:hover {
  color: #5a2cef;
  text-decoration: none;
}

header .navbar .nav-item > a.nav-link:active {
  color: #cdc0ff;
  text-decoration: none;
}

header a.btn-top {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 5rem;
  text-align: center;
  color: #faf9fe !important;
  text-decoration: none;
  white-space: nowrap;
  padding: 0 4.2rem !important;
  background: #5a2cef;
  border-radius: 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-left: 2rem;
  margin-right: 0 !important;
}

header .btn-top:hover {
  background: #321780;
}

header .btn-top:active {
  background: #9d7bff;
}

header .btn-mobile {
  display: none;
}

#section-top {
  background: #faf9fe;
}

#section-top .container {
  position: relative;
}

#section-top .block {
  max-width: 570px;
  padding-top: 16rem;
}

#section-top .block .logo-mobile {
  display: none;
}

#section-top .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.4rem;
}

#section-top .tags > div {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  border: 2px solid #1c1c1c;
  border-radius: 1.4rem;
  padding: 0.6rem 2.2rem;
}

#section-top .tags > div:last-child {
  margin-bottom: 0;
}

#section-top h1 {
  font-family: "Mazzard M", sans-serif;
  font-weight: 600;
  font-size: 7.2rem;
  line-height: 95%;
  margin-bottom: 2.2rem;
}

#section-top h2 {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 140%;
  letter-spacing: -0.02em;
  margin-bottom: 4.4rem;
}

#section-top ul {
  max-width: 550px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 12.6rem;
}

#section-top ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  margin-bottom: 1.2rem;
}

#section-top ul > li:before {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url("../img/top-icon-check.svg") center center no-repeat;
}

#section-top ul > li:last-child {
  margin-bottom: 0;
}

#section-top ul > li .logos {
  display: block;
  width: 8.4rem;
  height: 2.4rem;
  background: url("../img/top-logos.svg") left center no-repeat;
  background-size: cover;
  margin-top: 0.8rem;
}

#section-top .info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  color: #faf9fe;
  background: linear-gradient(133deg, #b59fff 0%, #552ae1 51.5%, #4723b8 100%);
  border-radius: 3rem 3rem 0 0;
  padding: 2.4rem 3rem;
}

#section-top .info:before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 6rem;
  height: 6rem;
  background: url("../img/top-icon-heart.png") center center no-repeat;
  background-size: cover;
}

#section-top .info div > p:first-child {
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 120%;
  margin-bottom: 0;
}

#section-top .info div > p:last-child {
  font-size: 1.8rem;
  line-height: 140%;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}

#section-top .img-top {
  position: absolute;
  top: 13.4rem;
  left: 49.5rem;
  pointer-events: none;
}

#section-top .img-top-mobile {
  display: none;
}

#section-intro {
  padding: 12rem 0;
}

#section-intro .section-title {
  margin-bottom: 1.6rem;
}

#section-intro .text {
  max-width: 770px;
  margin-bottom: 4.8rem;
}

#section-intro .text p {
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.02em;
  margin-bottom: 1.6rem;
}

#section-intro .text p:last-child {
  margin-bottom: 0;
}

#section-intro .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#section-intro .item-half {
  -ms-flex-preferred-size: 570px;
      flex-basis: 570px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}

#section-intro .item img {
  border-radius: 3.2rem;
}

#section-work {
  background: #552ae1 url("../img/work-bg.jpg") center center no-repeat;
  background-size: cover;
  color: #faf9fe;
  padding: 12rem 0;
}

#section-work .section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #faf9fe;
  line-height: 105%;
  gap: 1.6rem;
  margin-bottom: 3.2rem;
}

#section-work .section-title:before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 9.8rem;
  height: 9.8rem;
  background: url("../img/work-logo-hh.png") center center no-repeat;
  background-size: cover;
}

#section-work .p-sub-title {
  max-width: 730px;
  font-size: 1.8rem;
  line-height: 140%;
  letter-spacing: -0.02em;
  margin-bottom: 4.8rem;
}

#section-work .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.5rem;
}

#section-work .item {
  -ms-flex-preferred-size: 380px;
      flex-basis: 380px;
}

#section-work .item img {
  border-radius: 2.4rem;
}

#section-study {
  padding: 12rem 0 6rem;
}

#section-study .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3rem;
}

#section-study .item-half {
  -ms-flex-preferred-size: 570px;
      flex-basis: 570px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}

#section-study .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-radius: 3.2rem;
}

#section-study .item-1 {
  height: 793px;
  color: #faf9fe;
  background: #5a2cef url("../img/study-1.jpg") top center no-repeat;
  background-size: cover;
}

#section-study .item-2 {
  height: 565px;
  color: #faf9fe;
  background: #232323 url("../img/study-2.jpg") top center no-repeat;
  background-size: cover;
}

#section-study .item-3 {
  height: 410px;
  background: url("../img/study-3.jpg") top center no-repeat;
  background-size: cover;
}

#section-study .item-4 {
  height: 484px;
  color: #faf9fe;
  background: #5a2cef url("../img/study-4.jpg") top center no-repeat;
  background-size: cover;
}

#section-study .item-5 {
  height: 434px;
  background: url("../img/study-5.jpg") top center no-repeat;
  background-size: cover;
}

#section-study .item .text {
  padding: 3.6rem;
}

#section-study .item .text .p-title {
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 120%;
  margin-bottom: 0.8rem;
}

#section-study .item .text .p-text {
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}

#section-roadmap {
  padding: 6rem 0;
}

#section-roadmap .section-title {
  text-align: center;
  margin-bottom: 3.2rem;
}

#section-roadmap .text {
  max-width: 880px;
  margin: 0 auto 4.8rem;
}

#section-roadmap .text p {
  font-size: 1.8rem;
  line-height: 140%;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 1.6rem;
}

#section-roadmap .text p:last-child {
  margin-bottom: 0;
}

#section-roadmap .item {
  text-align: center;
  margin-bottom: 2.4rem;
}

#section-roadmap .item:last-child {
  margin-bottom: 0;
}

#section-roadmap .item h3 {
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 120%;
  color: #5a2cef;
  margin-bottom: 0;
}

#section-roadmap .item p {
  max-width: 400px;
  font-size: 2.6rem;
  line-height: 120%;
  margin: 0 auto 2.4rem;
}

#section-roadmap .item-5 p {
  max-width: 470px;
}

#section-roadmap .img-roadmap {
  margin-bottom: 2.4rem;
}

#section-roadmap .item-result h3 {
  margin-bottom: 2.4rem;
}

#section-roadmap .item .img-roadmap-mobile {
  display: none;
}

#section-roadmap .item-5 .img-fire {
  margin-bottom: 0.8rem;
}

#section-roadmap .item .img-full {
  border-radius: 4rem;
  margin-bottom: 2.4rem;
}

#section-course {
  padding: 6rem 0;
}

#section-course h3 {
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 140%;
  color: #5a2cef;
  margin-bottom: 3rem;
}

#section-course .course {
  background: #faf9fe;
  border-radius: 4rem;
  padding: 4rem 7rem;
  margin-bottom: 3rem;
}

#section-course .course:last-child {
  margin-bottom: 0;
}

#section-course .course-chapter {
  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;
  cursor: pointer;
}

#section-course .course-chapter:after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  top: 0;
  right: 0;
  background: url(../img/course-icon-plus.svg) center center no-repeat;
  width: 5rem;
  height: 5rem;
  margin-left: 2rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#section-course .course-chapter[aria-expanded=true]:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#section-course .course-chapter .p-chapter {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #9d7bff;
  margin-bottom: 0;
}

#section-course .course-chapter .p-title {
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 120%;
  margin-bottom: 0;
}

#section-course .course-chapter .p-title > span {
  display: block;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  opacity: 0.4;
}

#section-course .course .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3.2rem;
}

#section-course .course .themes {
  -ms-flex-preferred-size: 600px;
      flex-basis: 600px;
}

#section-course .course .themes .p-themes {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  margin-bottom: 1rem;
}

#section-course .course .themes ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

#section-course .course .themes ul > li {
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  background: url("../img/course-icon-check.svg") top 0.1rem left no-repeat;
  padding-left: 3.4rem;
  margin-bottom: 1rem;
}

#section-course .course .themes ul > li:last-child {
  margin-bottom: 0;
}

#section-course .course .info {
  -ms-flex-preferred-size: 400px;
      flex-basis: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#section-course .course .info .p-info {
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #9d7bff;
  margin-bottom: 0;
}

#section-course .course .images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  margin-top: 3rem;
}

#section-course .course .sub-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
}

#section-course .course .images .bordered {
  position: relative;
  border-radius: 3.2rem;
}

#section-course .course .images .bordered:after {
  -webkit-box-shadow: inset 0 0 0 1px #cdc0ff;
          box-shadow: inset 0 0 0 1px #cdc0ff;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  border-radius: 3.2rem;
}

#section-course .course .images img {
  border-radius: 3.2rem;
}

#section-cert {
  padding: 6rem 0 12rem;
}

#section-cert .section-title {
  margin-bottom: 1.6rem;
}

#section-cert .p-sub-title {
  font-size: 2rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  margin-bottom: 4.8rem;
}

#section-cert .img-cert {
  border-radius: 4rem;
}

#section-features {
  background: #faf9fe;
  padding: 12rem 0;
}

#section-features .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3.2rem 3rem;
}

#section-features .item {
  -ms-flex-preferred-size: 370px;
      flex-basis: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
}

#section-features .item:before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 4rem;
  height: 4rem;
}

#section-features .item-1,
#section-features .item-4 {
  -ms-flex-preferred-size: 380px;
      flex-basis: 380px;
}

#section-features .item-3,
#section-features .item-6 {
  -ms-flex-preferred-size: 360px;
      flex-basis: 360px;
}

#section-features .item-1:before {
  background: url(../img/features-1.svg) center center no-repeat;
  background-size: cover;
}

#section-features .item-2:before {
  background: url(../img/features-2.svg) center center no-repeat;
  background-size: cover;
}

#section-features .item-3:before {
  background: url(../img/features-3.svg) center center no-repeat;
  background-size: cover;
}

#section-features .item-4:before {
  background: url(../img/features-4.svg) center center no-repeat;
  background-size: cover;
}

#section-features .item-5:before {
  background: url(../img/features-5.svg) center center no-repeat;
  background-size: cover;
}

#section-features .item-6:before {
  background: url(../img/features-6.svg) center center no-repeat;
  background-size: cover;
}

#section-features .item p {
  font-size: 1.8rem;
  line-height: 140%;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}

#section-experts {
  padding: 7rem 0;
}

#section-experts .section-title {
  margin-bottom: 4.2rem;
}

#section-experts .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3rem;
}

#section-experts .item {
  -ms-flex-preferred-size: 370px;
      flex-basis: 370px;
  text-align: center;
}

#section-experts .item img {
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  margin-bottom: -1.2rem;
}

#section-experts .item .p-label {
  display: inline-block;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 160%;
  letter-spacing: -0.02em;
  color: #fff;
  background: #5a2cef;
  border-radius: 1rem;
  padding: 0.5rem 1.2rem;
  margin-bottom: 0;
}

#section-experts .item .info {
  background: #faf9fe;
  border-radius: 3.2rem;
  padding: 6.4rem 2.4rem 2.4rem;
  margin-top: -5.6rem;
}

#section-experts .item .p-name {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 130%;
  margin-bottom: 0.6rem;
}

#section-experts .item .p-descr {
  font-size: 1.4rem;
  line-height: 140%;
  color: #656e7c;
  margin-bottom: 0;
}

#section-order {
  color: #fff;
  background: #552ae1 url(../img/order-bg.jpg) center center no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-top: 0;
}
#section-order .container {
  position: relative;
  padding-top: 0;
}
#section-order .items {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  --bs-gutter-x: 3rem;
}
#section-order .items .item-left {
  min-width: 500px;
}
#section-order .items .item-right {
  max-width: 500px;
  padding: 12rem 0;
}
#section-order .price-div {
  text-align: center;
  padding: 0 0 4rem 0;
  position: relative;
  width: 100%;
}
#section-order .price-div .action-label {
  display: inline-block;
  background: #ffd336;
  color: #1c1c1c;
  padding: 2.4rem 3.2rem;
  border-radius: 0 0 1.6rem 1.6rem;
  margin: 0 auto 8rem auto;
}
#section-order .price-div .action-label h3 {
  font-weight: 500;
  font-size: 4rem;
  line-height: 1.4;
  margin: 0;
  text-align: center;
}
#section-order .price-div .action-label p {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
  margin: 0;
}
#section-order .price-div h4 {
  color: #fff;
  font-weight: 400;
  font-size: 2.6rem;
  line-height: 3.2rem;
  margin-bottom: 0;
}
#section-order .price-div .price {
  font-family: "Montserrat", sans-serif;
  font-size: 4rem;
  font-weight: normal;
  line-height: 1.4;
  margin: 1rem 0;
}
#section-order .price-div .price .price-off {
  display: inline-block;
  color: #fff;
  text-decoration: line-through;
  margin-right: 1rem;
  opacity: 0.7;
}
#section-order .price-div .price .price-on {
  display: inline-block;
  color: #fff;
}
#section-order .price-div p.only-dates {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1875;
  text-align: center;
  color: #fff;
  margin: 0 auto 3rem;
}
#section-order .price-div .select-valute {
  font-size: 12px;
  color: #fff;
  opacity: 0.7;
  line-height: 1.4;
  margin: 1.6rem 0 0 0;
}
#section-order .price-div .select-valute a {
  text-decoration: none;
  color: #fff;
  border-bottom: 1px dashed transparent;
  margin: 0 0.5rem;
}
#section-order .price-div .select-valute a:hover, #section-order .price-div .select-valute a.active {
  color: #ffffff;
  border-bottom: 1px dashed #fff;
}
#section-order .price-div .order-button {
  display: inline-block;
  width: 100%;
  max-width: 25rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: center;
  padding: 1.2rem 2rem;
  background: #1eaa67;
  border-radius: 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  margin: 2rem auto 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#section-order .price-div .order-button:hover {
  background: #4abb85;
  /*box-shadow: 0 0 30px rgba(30, 170, 103, 0.5);*/
}
#section-order .price-div .order-button.btn-bordered {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 400;
}
#section-order .price-div .order-button.btn-bordered:hover {
  background: rgba(255, 255, 255, 0.2);
}
#section-order .price-div .price-instalments {
  font-family: "Montserrat", sans-serif;
}
#section-order .price-div .price-instalments .price-off {
  display: block;
  font-size: 3.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  opacity: 0.7;
  text-decoration: line-through;
  margin: 0 auto 1.6rem;
}
#section-order .price-div .price-instalments .price-on {
  display: block;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.5;
  color: #f5f5f5;
  margin: 0 auto;
}
#section-order .price-div .price-itog {
  margin: 0;
  font-size: 1.6rem;
  color: #f5f5f5;
}
#section-order .price-div .price-itog .price-off {
  text-decoration: line-through;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
  color: #fff;
  opacity: 0.7;
}
#section-order .price-div p.info {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: center;
  margin: 0;
  color: #fff;
  opacity: 0.7;
}
#section-order .price-div p.info-sm {
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: center;
  margin: 0.5rem 0 0 0;
  color: #fff;
  opacity: 0.7;
}
#section-order .price-div .line {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
  margin: 3.2rem 0;
}
#section-order .price-div .price-usd, #section-order .price-div .price-grn, #section-order .price-div .price-euro, #section-order .price-div .cost-usd, #section-order .price-div .cost-grn, #section-order .price-div .cost-euro {
  display: none;
}
#section-order .timer {
  padding-bottom: 5rem;
}
#section-order .timer h4 {
  font-size: 2rem;
  margin: 0 0 2rem 0;
  text-align: center;
}
#section-order .timer h5 {
  font-size: 1.6rem;
  margin: 0 0 2rem 0;
  text-align: center;
}
#section-order .timer .soon[data-visual] {
  padding: 0 !important;
  font-size: 30px !important;
  font-weight: 400;
  color: #fff;
}
#section-order .timer .soon[data-visual] .soon-group {
  padding: 0 !important;
}
#section-order .timer .soon[data-visual] .soon-label {
  color: #fff;
  font-size: 0.27em !important;
  font-weight: 300;
  margin: 0 auto;
  text-transform: uppercase;
  bottom: 33%;
}
#section-order .timer .soon[data-layout*=group] .soon-group-sub > .soon-group-inner {
  margin: 0 !important;
}
#section-order .timer .soon-flip-inner {
  padding: 0.25em 0.1em !important;
}
#section-order .timer .soon[data-visual*=color-light] .soon-ring-progress {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.85);
}
#section-order .item-right .block {
  color: #1c1c1c;
  background: #fff;
  padding: 6rem;
  border-radius: 4rem;
}
#section-order .item-right .section-title {
  font-family: "Mazzard M", sans-serif;
  font-weight: 600;
  font-size: 5rem;
  line-height: 105%;
  margin-bottom: 5.4rem;
}
#section-order .item-right form input {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  line-height: 128%;
  color: #1c1c1c;
  background: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #1c1c1c;
  padding: 0 0 1rem 0;
  margin-bottom: 3.8rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#section-order .item-right form input:focus {
  border-bottom: 2px solid #5a2cef;
}
#section-order .item-right form input::-webkit-input-placeholder {
  color: #1c1c1c;
  opacity: 0.4;
}
#section-order .item-right form input::-moz-placeholder {
  color: #1c1c1c;
  opacity: 0.4;
}
#section-order .item-right form input:-ms-input-placeholder {
  color: #1c1c1c;
  opacity: 0.4;
}
#section-order .item-right form input::-ms-input-placeholder {
  color: #1c1c1c;
  opacity: 0.4;
}
#section-order .item-right form input::placeholder {
  color: #1c1c1c;
  opacity: 0.4;
}
#section-order .item-right form input:focus::-webkit-input-placeholder, #section-order .item-right form textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
#section-order .item-right form input:focus::-moz-placeholder, #section-order .item-right form textarea:focus::-moz-placeholder {
  color: transparent;
}
#section-order .item-right form input:focus:-ms-input-placeholder, #section-order .item-right form textarea:focus:-ms-input-placeholder {
  color: transparent;
}
#section-order .item-right form input:focus::-ms-input-placeholder, #section-order .item-right form textarea:focus::-ms-input-placeholder {
  color: transparent;
}
#section-order .item-right form input:focus::placeholder, #section-order .item-right form textarea:focus::placeholder {
  color: transparent;
}
#section-order .item-right form .p-agreement {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 140%;
  background: url("../img/icon-checkbox.svg") left center no-repeat;
  padding-left: 3.2rem;
  margin-bottom: 3rem;
}
#section-order .item-right form .p-agreement a {
  color: #5a2cef;
  text-decoration: underline;
}
#section-order .item-right form .p-agreement a:hover {
  text-decoration: none;
}
#section-order .item-right form .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
#section-order .item-right form button {
  font-size: 1.6rem;
  line-height: 5rem;
  text-align: center;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  padding: 0;
  width: 200px;
  background: #5a2cef;
  border-radius: 1.6rem;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  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;
}
#section-order .item-right form button:hover {
  background: #321780;
}
#section-order .item-right form button:active {
  background: #9d7bff;
}
#section-order .item-right form button.disabled {
  background: #999;
}
#section-order .item-right form button.disabled:hover {
  text-decoration: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#section-order .item-right form div.floating-label {
  position: relative;
}
#section-order .item-right form div.floating-label > label {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  text-align: left;
  font-weight: 500;
  margin: 0;
  padding: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  visibility: hidden;
  opacity: 0;
}
#section-order .item-right form div.floating-label .form-control {
  padding: 1rem 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #1c1c1c;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#section-order .item-right form div.floating-label .form-control:hover {
  border-bottom: 2px solid #5a2cef;
}
#section-order .item-right form div.floating-label .form-control:focus {
  border-bottom: 2px solid #5a2cef;
}
#section-order .item-right form div.floating-label input:focus + label, #section-order .item-right form div.floating-label .active > label, #section-order .item-right form div.floating-label select:focus + label, #section-order .item-right form div.floating-label .active > label, #section-order .item-right form div.floating-label textarea:focus + label, #section-order .item-right form div.floating-label .active > label {
  background: transparent;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
  font-size: 13px;
  visibility: visible;
  z-index: 3;
  opacity: 1;
  color: #5a2cef;
}
#section-order .item-right form .error-label {
  display: none;
  width: auto;
  height: 30px;
  line-height: 1.2;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  bottom: 0;
  left: 0;
  margin-left: 0;
  -webkit-transform: translateY(calc(100% + 5px));
          transform: translateY(calc(100% + 5px));
  font-size: 1.4rem;
  z-index: 7;
}
#section-order .item-right form .error-label > div {
  display: inline-block;
  position: relative;
  padding: 4px 7px;
  background: #FF5B5B;
  font-size: 12px;
  text-align: left;
  white-space: pre-wrap;
  border-radius: 4px;
  color: #fff;
}
#section-order .item-right form .error-label > div:after {
  content: " ";
  border-bottom: 5px solid #FF5B5B;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  display: block;
  height: 0;
  position: absolute;
  top: -10px;
  left: 1rem;
  width: 0;
}
#section-order .item-right form label.checkbox {
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  color: #1e1f24;
  font-size: 1.4rem;
  margin: 0;
  min-height: 22px;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
#section-order .item-right form label.checkbox input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 1px !important;
  height: 1px !important;
}
#section-order .item-right form label.checkbox input + i {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px solid #5a2cef;
  background-color: #fff;
}
#section-order .item-right form label.checkbox input[type=checkbox]:checked + i {
  background-image: url(../img/icon-checkbox.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
}
#section-order .item-right form label.checkbox.disabled {
  opacity: 0.5;
}
#section-order .item-right form label.checkbox a {
  color: #1e1f24;
  text-decoration: underline;
}
#section-order .item-right form .accept-form-group {
  margin-bottom: 3rem;
}
@keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#section-order .item-right form .mask-icon-ring {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 5px;
}
#section-order .item-right form .mask-icon-ring:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #fff;
  border-color: #fff #fff #fff transparent;
  -webkit-animation: lds-dual-ring 1.4s linear infinite;
  animation: lds-dual-ring 1.4s linear infinite;
}
#section-order .item-right form .mask-icon-ring.mask-icon-16-16 {
  width: 16px;
  height: 16px;
}
#section-order .item-right form .mask-icon-ring.mask-icon-16-16:after {
  width: 16px;
  height: 16px;
  border-width: 2px;
}

#section-garant {
  background: #faf9fe;
  padding: 12rem 0;
}

#section-garant .section-title {
  margin-bottom: 3rem;
}

#section-garant .block {
  background: #edecf3 url("../img/garant.svg") top left 6.4rem no-repeat;
  border-radius: 4rem;
  padding: 23.5rem 6.4rem 6.4rem;
}

#section-garant p {
  font-size: 1.8rem;
  line-height: 140%;
  letter-spacing: -0.02em;
  margin-bottom: 1.6rem;
}

#section-garant p:last-child {
  margin-bottom: 0;
}

#section-companies {
  padding: 12rem 0 6rem;
}

#section-companies .section-title {
  margin-bottom: 6.4rem;
}

#section-companies .items-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6.4rem;
}

#section-companies .items-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

#section-companies .items-mobile {
  display: none;
}

#vs-reviews {
  padding: 6rem 0;
}

#vs-reviews .section-title {
  max-width: 900px;
}

#vs-reviews .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#vs-reviews .reviews-hidden {
  display: none;
  margin-top: 3rem;
}

#vs-reviews .item-video {
  -ms-flex-preferred-size: 370px;
      flex-basis: 370px;
  background: #faf9fe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 3.2rem;
  padding-bottom: 3rem;
}

#vs-reviews .item-video .review {
  margin-bottom: 2.4rem;
}

#vs-reviews .item-video .review .img {
  display: block;
  border-radius: 3.2rem 3.2rem 0 0;
  margin-bottom: 2.4rem;
}

#vs-reviews .item-video .review .img img {
  border-radius: 3.2rem 3.2rem 0 0;
}

#vs-reviews .item-video .review .p-title {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 130%;
  padding: 0 3rem;
  margin-bottom: 0.5rem;
}

#vs-reviews .item-video .review .p-text {
  font-size: 1.6rem;
  line-height: 150%;
  color: #656e7c;
  padding: 0 3rem;
  margin-bottom: 0;
}

#vs-reviews .item-video .review .p-text .s-hidden {
  display: none;
}

#vs-reviews .item-video .review .a-more {
  display: inline-block;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 140%;
  text-decoration: none;
  padding: 0 3rem;
  margin-top: 0.5rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#vs-reviews .item-video .review .a-more:hover {
  opacity: 0.5;
}

#vs-reviews .item-video .review .p-text .br-link {
  display: block;
  margin-bottom: 0.8rem;
}

#vs-reviews .item-video .course {
  padding: 0 3rem;
}

#vs-reviews .item-video .course .p-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  line-height: 130%;
  color: #6d6d6d;
  margin-bottom: 0.6rem;
}

#vs-reviews .item-video .course .p-line:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #c7c7c7;
  margin-left: 1rem;
}

#vs-reviews .item-video .course .p-course {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding-left: 3.2rem;
  margin-bottom: 0;
}

#vs-reviews .item-video .course .p-course-none {
  padding-left: 0;
}

#vs-reviews .item-video .course .p-course-cinema {
  background: url("../img/reviews/course-cinema.png") left center no-repeat;
}

#vs-reviews .item-video .course .p-course-blender {
  background: url("../img/reviews/course-blender.svg") left center no-repeat;
}

#vs-reviews .item-video .course .p-course-ae {
  background: url("../img/reviews/course-ae.svg") left center no-repeat;
}

#vs-reviews .item-video .course .p-course-substance {
  background: url("../img/reviews/course-substance.svg") left center no-repeat;
}

#vs-reviews .item-video .course .p-course-illustrator {
  background: url("../img/reviews/course-illustrator.svg") left center no-repeat;
}

#vs-reviews .item-video .course .p-course-maya {
  background: url("../img/reviews/course-maya.png") left center no-repeat;
}

#vs-reviews .item-video .course .p-course-figma {
  background: url("../img/reviews/course-figma.svg") left center no-repeat;
}

#vs-reviews .item-video .course .p-course + .p-course {
  margin-top: 0.8rem;
}

#vs-reviews .item {
  -ms-flex-preferred-size: 370px;
      flex-basis: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #faf9fe;
  padding: 3rem;
  border-radius: 3.2rem;
}

#vs-reviews .item .review {
  margin-bottom: 1.6rem;
}

#vs-reviews .item .review .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.6rem;
}

#vs-reviews .item .review .author .img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #83919f;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  margin-right: 2rem;
}

#vs-reviews .item .review .author .p-name {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 140%;
  margin-bottom: 0;
}

#vs-reviews .item .review .author .p-social {
  font-size: 1.5rem;
  line-height: 2.5rem;
  padding-left: 2.1rem;
  margin-bottom: 0;
}

#vs-reviews .item .review .author .p-social-ig {
  background: url("../img/reviews/social-ig.svg") left center no-repeat;
}

#vs-reviews .item .review .author .p-social-fb {
  background: url("../img/reviews/social-fb.svg") left center no-repeat;
}

#vs-reviews .item .review .author .p-social-vk {
  background: url("../img/reviews/social-vk.svg") left center no-repeat;
}

#vs-reviews .item .review .author .p-social-as {
  background: url("../img/reviews/social-as.svg") left center no-repeat;
}

#vs-reviews .item .review .p-title {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 130%;
  margin-bottom: 0.5rem;
}

#vs-reviews .item .review .p-text {
  font-size: 1.6rem;
  line-height: 150%;
  color: #656e7c;
  margin-bottom: 0;
}

#vs-reviews .item .review .p-text .s-hidden {
  display: none;
}

#vs-reviews .item .review .a-more {
  display: inline-block;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 140%;
  text-decoration: none;
  margin-top: 0.5rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#vs-reviews .item .review .a-more:hover {
  opacity: 0.5;
}

#vs-reviews .item .course .p-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  line-height: 130%;
  color: #6d6d6d;
  margin-bottom: 0.6rem;
}

#vs-reviews .item .course .p-line:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #c7c7c7;
  margin-left: 1rem;
}

#vs-reviews .item .course .p-course {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding-left: 3.2rem;
  margin-bottom: 0;
}

#vs-reviews .item .course .p-course-cinema {
  background: url("../img/reviews/course-cinema.png") left center no-repeat;
}

#vs-reviews .item .course .p-course-blender {
  background: url("../img/reviews/course-blender.svg") left center no-repeat;
}

#vs-reviews .item .course .p-course-ae {
  background: url("../img/reviews/course-ae.svg") left center no-repeat;
}

#vs-reviews .item .course .p-course-substance {
  background: url("../img/reviews/course-substance.svg") left center no-repeat;
}

#vs-reviews .item .course .p-course-illustrator {
  background: url("../img/reviews/course-illustrator.svg") left center no-repeat;
}

#vs-reviews .item .course .p-course-maya {
  background: url("../img/reviews/course-maya.png") left center no-repeat;
}

#vs-reviews .btn-more {
  display: inline-block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 120%;
  text-align: center;
  text-decoration: none;
  color: #1c1c1c;
  border: 2px solid #1c1c1c;
  border-radius: 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.4rem 4rem;
  margin-top: 3rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#vs-reviews .btn-more:hover {
  color: #5a2cef;
  border: 2px solid #5a2cef;
}

#vs-reviews .btn-more:active {
  color: #9d7bff;
  border: 2px solid #9d7bff;
}

#section-faq {
  padding: 6rem 0;
}

#section-faq .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#section-faq .item {
  -ms-flex-preferred-size: 500px;
      flex-basis: 500px;
  margin-bottom: 4rem;
}

#section-faq .item-faq {
  margin-bottom: 4rem;
}

#section-faq .item-faq:last-child {
  margin-bottom: 0;
}

#section-faq .item-faq .p-question {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 120%;
  margin-bottom: 1.2rem;
}

#section-faq .item-faq .p-answer {
  font-size: 1.6rem;
  line-height: 150%;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}

/*fancybox*/
body.compensate-for-scrollbar {
  overflow: auto;
}

.compensate-for-scrollbar {
  margin-right: auto !important;
}

/*fancybox*/
@media (max-width: 1229.8px) {
  #section-intro .items {
    gap: 1.6rem;
  }
  #section-intro .item-half {
    gap: 1.6rem;
  }
  #section-intro .item {
    border-radius: 3rem;
  }
  #section-work .items {
    gap: 1.6rem;
  }
  #section-work .item img {
    border-radius: 3rem;
  }
  #section-study .items {
    gap: 1.6rem;
  }
  #section-study .item-half {
    gap: 1.6rem;
  }
  #section-study .item {
    border-radius: 3rem;
  }
  #section-course .course .items {
    margin-top: 2.4rem;
  }
  #section-course .course .items {
    gap: 2.4rem;
  }
  #section-course .course .themes {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #section-course .course .info {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #section-features .item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 1199.8px) {
  header .navbar .nav-item > a.nav-link {
    margin: 0 1.2rem;
  }
  #section-order .price-padding-top {
    padding-top: 10rem;
  }
  #section-order .items {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #section-order .items .item-right {
    max-width: 500px;
    padding: 0 0 10rem 0;
  }
  #section-order .price-div .action-label {
    margin: 0 auto 4rem auto;
  }
  #section-faq .item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 991.8px) {
  .section-title {
    font-size: 3.6rem;
    line-height: 100%;
    margin-bottom: 3.2rem;
  }
  .section-title br {
    display: none;
  }
  header {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 1030;
  }
  header .navbar-brand-desktop {
    display: none;
  }
  header .navbar .nav {
    padding-left: 0;
  }
  header .navbar-collapse .navbar-nav {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  header .navbar .nav-item:last-child {
    margin-bottom: 0;
  }
  header .navbar .nav-item > a.nav-link {
    line-height: 4rem;
    margin: 0;
  }
  header .navbar .btn-mobile {
    display: block;
  }
  header .navbar .btn-mobile .btn-top {
    margin: 0;
  }
  header .navbar .nav-item:last-child {
    display: none;
  }
  .navbar-toggler {
    width: 3rem;
    height: 3rem;
    color: transparent !important;
    padding: 0;
    border: 0;
    font-size: 2.7rem;
    margin: 0.5rem;
  }
  .navbar-toggler .navbar-toggler-line {
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #1c1c1c;
    margin: 0 0 10px 0;
  }
  .navbar-toggler span:first-child {
    -webkit-transform: rotate(45deg) translate(5px, 5px);
    transform: rotate(45deg) translate(5px, 5px);
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    margin-bottom: 0;
  }
  .navbar-toggler span:last-child {
    -webkit-transform: rotate(-45deg) translate(5px, -5px);
    transform: rotate(-45deg) translate(5px, -5px);
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    margin-top: -4px;
  }
  .navbar-toggler span.middle {
    opacity: 0;
  }
  .navbar-toggler.collapsed span.middle {
    display: block;
    opacity: 1;
  }
  .navbar-toggler.collapsed span {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    margin: 0 0 4px 0;
  }
  #section-top .block {
    max-width: 100%;
    padding-top: 10rem;
  }
  #section-top .block .logo-mobile {
    display: block;
    max-width: 60%;
    margin-bottom: 3.2rem;
  }
  #section-top h2 {
    margin-bottom: 3.2rem;
  }
  #section-top ul {
    margin-bottom: 3.2rem;
  }
  #section-top .img-top {
    display: none;
  }
  #section-top .img-top-mobile {
    display: block;
    max-width: 100%;
    margin: 0 auto 2.4rem;
  }
  #section-top .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #section-intro {
    padding: 6.4rem 0;
  }
  #section-intro .text {
    margin-bottom: 3.2rem;
  }
  #section-work {
    background: linear-gradient(316deg, #b59fff 0%, #552ae1 50%, #4723b8 100%);
    padding: 6.4rem 0;
  }
  #section-work .section-title {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.8rem;
    margin-bottom: 1.6rem;
  }
  #section-work .section-title:before {
    width: 4rem;
    height: 4rem;
  }
  #section-work .p-sub-title {
    margin-bottom: 3.2rem;
  }
  #section-study {
    padding: 6.4rem 0 3.2rem;
  }
  #section-roadmap {
    padding: 3.2rem 0;
  }
  #section-roadmap .text {
    margin: 0 auto 3.2rem;
  }
  #section-roadmap .text p {
    text-align: left;
  }
  #section-roadmap .item p br,
  #section-roadmap .item h3 br {
    display: none;
  }
  #section-course {
    padding: 3.2rem 0;
  }
  #section-course h3 {
    font-size: 2.2rem;
    line-height: 115%;
    margin-bottom: 2rem;
  }
  #section-course .course-chapter:after {
    width: 3rem;
    height: 3rem;
    background-size: cover;
  }
  #section-course .course {
    border-radius: 3rem;
    padding: 2.4rem;
    margin-bottom: 1.6rem;
  }
  #section-course .course-chapter {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #section-course .course-chapter .p-chapter {
    font-size: 1.6rem;
    line-height: 150%;
  }
  #section-course .course-chapter .p-title {
    font-size: 2.2rem;
    line-height: 115%;
  }
  #section-course .course-chapter .p-title > span {
    font-size: 1.4rem;
    line-height: 120%;
  }
  #section-course .course-chapter:after {
    width: 3rem;
    height: 3rem;
    background-size: cover;
  }
  #section-course .course .items {
    margin-top: 1.6rem;
  }
  #section-course .course .images {
    gap: 0.8rem;
  }
  #section-course .course .images .bordered {
    border-radius: 1.6rem;
  }
  #section-course .course .images .bordered:after {
    border-radius: 1.6rem;
  }
  #section-course .course .images img {
    width: 100%;
    height: auto;
    border-radius: 1.6rem;
  }
  #section-cert {
    padding: 3.2rem 0 6.4rem;
  }
  #section-cert .img-cert {
    border-radius: 3rem;
  }
  #section-cert .section-title {
    margin-bottom: 1.2rem;
  }
  #section-cert .p-sub-title {
    font-size: 1.8rem;
    line-height: 150%;
    margin-bottom: 3.2rem;
  }
  #section-features {
    padding: 6.4rem 0;
  }
  #section-features .item:before {
    width: 3.2rem;
    height: 3.2rem;
    background-size: cover;
  }
  #section-experts {
    padding: 6.4rem 0;
  }
  #section-order {
    background: #552ae1 url("../img/order-bg-mobile.svg") top center no-repeat;
    background-size: cover;
  }
  #section-garant {
    padding: 6.4rem 0;
  }
  #section-companies {
    padding: 6.4rem 0 3.2rem;
  }
  #section-companies .items-top {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-bottom: 0;
  }
  #section-companies .items-bottom {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #section-companies .items-top img {
    padding: 2rem;
  }
  #section-companies .items-bottom img {
    padding: 2rem;
  }
  #vs-reviews {
    padding: 3.2rem 0;
  }
  #section-faq {
    padding: 3.2rem 0;
  }
}
@media (max-width: 767.8px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  #section-top .container {
    padding: 0;
  }
  #section-top .block {
    padding-left: 15px;
    padding-right: 15px;
  }
  #section-top h1 {
    font-size: 5rem;
    line-height: 96%;
  }
  #section-top ul > li br {
    display: none;
  }
  #section-top .info {
    margin: 0 15px;
  }
  #section-roadmap .section-title {
    text-align: left;
  }
  #section-roadmap .item-5 .img-fire {
    margin-left: 0;
  }
  #section-roadmap .text p {
    text-align: left;
  }
  #section-roadmap .item {
    text-align: left;
  }
  #section-roadmap .item p {
    margin: 0;
  }
  #section-roadmap .item .img-roadmap {
    display: none;
  }
  #section-roadmap .item .img-roadmap-mobile {
    display: block;
    margin: 1.2rem 0;
  }
  #section-roadmap .item .img-full {
    margin-top: 2.4rem;
    border-radius: 3rem;
  }
  #section-garant .block {
    background-position: top center;
    background-size: 17rem;
    border-radius: 3rem;
    padding: 20rem 2.4rem 2.4rem 2.4rem;
  }
}
@media (max-width: 576.8px) {
  .video-link::after {
    width: 7rem;
    height: 7rem;
    margin: -3.5rem 0 0 -3.5rem;
  }
  #section-top h1 {
    font-size: 4.2rem;
    line-height: 100%;
    margin-bottom: 1.6rem;
  }
  #section-top h2 {
    margin-bottom: 3.2rem;
  }
  #section-top .info {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 2.4rem;
  }
  #section-top .info:before {
    width: 4rem;
    height: 4rem;
  }
  #section-top .info div > p:first-child {
    font-size: 2.4rem;
    line-height: 120%;
  }
  #section-top .info div > p:last-child {
    font-size: 1.6rem;
    line-height: 130%;
  }
  #section-work .section-title {
    margin-bottom: 1.2rem;
  }
  #section-work .text {
    margin-bottom: 3.2rem;
  }
  #section-study .item-1 {
    height: 651px;
    background: #5a2cef url(../img/study-1-mobile.jpg) top center no-repeat;
    background-size: cover;
  }
  #section-study .item-2 {
    height: 405px;
    background: #232323 url(../img/study-2-mobile.jpg) top center no-repeat;
    background-size: cover;
  }
  #section-study .item-3 {
    height: 336px;
    background: url("../img/study-3-mobile.jpg") top center no-repeat;
    background-size: cover;
  }
  #section-study .item-4 {
    height: 378px;
    background: #5a2cef url("../img/study-4-mobile.jpg") top center no-repeat;
    background-size: cover;
  }
  #section-study .item-5 {
    height: 378px;
    background: url("../img/study-5-mobile.jpg") top center no-repeat;
    background-size: cover;
  }
  #section-study .item .text {
    padding: 2.4rem;
  }
  #section-study .item .text .p-title {
    font-size: 2rem;
    line-height: 120%;
  }
  #section-study .item .text .p-text {
    font-size: 1.4rem;
    line-height: 150%;
  }
  #section-roadmap .section-title {
    margin-bottom: 2.4rem;
  }
  #section-roadmap .text {
    margin-bottom: 3.2rem;
  }
  #section-course .course-chapter:after {
    margin-left: 1rem;
  }
  #section-course .course .themes ul > li {
    padding-left: 3rem;
  }
  #section-features .items {
    gap: 2.4rem;
  }
  #section-features .item {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1.2rem;
  }
  #section-features .item p {
    font-size: 1.6rem;
    line-height: 150%;
  }
  #section-experts .section-title {
    margin-bottom: 3.2rem;
  }
  #section-experts .items {
    gap: 1.6rem;
  }
  #section-order .price-padding-top {
    padding-top: 6.4rem;
  }
  #section-order .items {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #section-order .items .item-left {
    min-width: 300px;
  }
  #section-order .items .item-right {
    padding: 0 0 6.4rem 0;
  }
  #section-order .items .item-right .block {
    padding: 3.2rem 2.4rem;
    border-radius: 3rem;
  }
  #section-order .items .item-right .section-title {
    font-size: 3.6rem;
    line-height: 100%;
    margin-bottom: 3.2rem;
  }
  #section-order .price-div .price-instalments .price-off {
    font-size: 3rem;
    margin-bottom: 0;
  }
  #section-order .price-div .price-instalments .price-on {
    font-size: 4rem;
  }
  #section-order .timer {
    padding-bottom: 5rem;
  }
  #section-order .timer h4 {
    font-size: 2rem;
    margin: 0 0 2rem 0;
    text-align: center;
  }
  #section-order .timer h5 {
    font-size: 1.6rem;
    margin: 0 0 2rem 0;
    text-align: center;
  }
  #section-order .timer .soon[data-visual] {
    font-size: 6vw !important;
  }
  #section-garant .section-title {
    margin-bottom: 2.4rem;
  }
  #section-garant p {
    font-size: 1.6rem;
    line-height: 150%;
    letter-spacing: -0.02em;
  }
  #section-companies .section-title {
    margin-bottom: 4.4rem;
  }
  #section-companies .items-top {
    display: none;
  }
  #section-companies .items-bottom {
    display: none;
  }
  #section-companies .items-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7.5rem 0;
  }
  #section-companies .items-mobile > div {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  #section-companies .items-mobile > div > img {
    max-width: 80%;
    display: block;
    margin: 0 auto;
  }
  #vs-reviews .items {
    gap: 1.6rem;
  }
  #vs-reviews .reviews-hidden {
    margin-top: 1.6rem;
  }
  #vs-reviews .item-video .review .p-title {
    font-size: 2rem;
    line-height: 110%;
  }
  #vs-reviews .item-video .review .p-text {
    font-size: 1.4rem;
    line-height: 150%;
  }
  #section-faq .item {
    margin-bottom: 2.6rem;
  }
  #section-faq .item-faq {
    margin-bottom: 2.6rem;
  }
  #section-faq .item-faq .p-question {
    margin-bottom: 0.8rem;
  }
}