.tabs {
  position: relative;
  height: 68px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  list-style: none;
  white-space: nowrap;
  background-color: #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
}

.scroll .tabs {
  border-bottom: 0;
}

.tabs.tabs-transparent {
  background-color: transparent;
}

.tabs.tabs-transparent .tab a,
.tabs.tabs-transparent .tab.disabled a,
.tabs.tabs-transparent .tab.disabled a:hover {
  color: rgba(255, 255, 255, 0.7);
}

.tabs.tabs-transparent .tab a:hover,
.tabs.tabs-transparent .tab a.active {
  color: #fff;
}

.tabs.tabs-transparent .indicator {
  background-color: #fff;
}

.tabs.tabs-fixed-width {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tabs.tabs-fixed-width .tab {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.tabs .tab {
  display: inline-block;
  text-align: center;
  height: 68px;
  padding: 0;
  margin: 0;
}

.tabs .tab a {
  display: block;
  height: 64px;
  width: 100%;
  padding: 0 25px;
  font-weight: bold;
  font-size: 15px;
  line-height: 64px;
  letter-spacing: -0.1px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #1E1E1E;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease;
}

.tabs .tab a:focus,
.tabs .tab a:focus.active {
  outline: none;
}

.tabs .tab a:hover {
  background-color: transparent;
}

.tabs .tab a.active {
  background-color: transparent;
  color: #00CF6F;
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
  color: rgba(0, 207, 111, 0.4);
  cursor: default;
}

.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 4px;
  background-color: #00CF6F;
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
  will-change: left, right;
}

@media (max-width: 767px) {
  .tabs--with-icons {
    height: 80px;
  }

  .tabs--with-icons .tab {
    height: 80px;
  }

  .tabs--with-icons .tab a {
    position: relative;
    height: 76px;
    padding-top: 40px;
    line-height: 22px;
  }

  .tabs--with-icons .tab a img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    height: 32px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }

  .tabs--with-icons .tab a.active img {
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .tabs--with-icons .tab a img {
    display: none;
  }
}

@media (min-width: 1200px) {
  .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .tabs .tab {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .tabs .tab a {
    padding: 0 12px;
  }
}

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
}

.tag {
  position: relative;
  margin: 0 0 12px 10px;
  padding: 4px 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: left;
  text-decoration: none !important;
  background: #F4F2FC;
  border-radius: 4px;
  color: #333333;
}

.tag:nth-child(-n+6) {
  display: block;
}

.tag--toggle {
  display: block;
}

.tag--active {
  background: #00CF6F;
  color: #FFFFFF;
}

@media (min-width: 768px) {
  .tag {
    margin-bottom: 20px;
  }

  .tag:nth-child(-n+12) {
    display: block;
  }
}

@media (min-width: 1200px) {
  .tag:nth-child(-n+20) {
    display: block;
  }
}

.tag:before {
  content: attr(aria-label);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 4px 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: left;
  text-decoration: none;
  border-radius: 4px 0 0 4px;
  background: #00CF6F;
  color: #fff;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  -webkit-transition: -webkit-clip-path .2s ease-in-out;
  transition: -webkit-clip-path .2s ease-in-out;
  transition: clip-path .2s ease-in-out;
  transition: clip-path .2s ease-in-out, -webkit-clip-path .2s ease-in-out;
}

.tag:hover:before {
  -webkit-clip-path: polygon(0% 0, 53% 0, calc(53% - 15px) 100%, 0 100%);
  clip-path: polygon(0% 0, 53% 0, calc(53% - 15px) 100%, 0 100%);
  -webkit-transition: -webkit-clip-path .2s ease-in-out;
  transition: -webkit-clip-path .2s ease-in-out;
  transition: clip-path .2s ease-in-out;
  transition: clip-path .2s ease-in-out, -webkit-clip-path .2s ease-in-out;
}

.location {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
}

.location__link {
  text-decoration: none;
  color: #4F4F4F;
}

.top-menu {
  display: none;
}

@media (min-width: 1200px) {
  .top-menu {
    display: block;
  }

  .top-menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    list-style: none;
  }

  .top-menu__item {
    position: relative;
    z-index: 90;
    margin-right: 100px;
  }

  .top-menu__item:last-child {
    margin-right: 0;
  }

  .top-menu__item:hover .top-menu__link {
    color: #00CF6F;
  }

  .top-menu__item:hover .top-menu__sub-list {
    display: block;
  }

  .top-menu__item.active .top-menu__link {
    color: #00CF6F;
  }

  .top-menu__link {
    text-decoration: none;
    color: #4F4F4F;
  }

  .top-menu__link:hover {
    color: #00CF6F;
  }

  .top-menu__arrow {
    display: inline-block;
    width: 7px;
    height: 5px;
    margin-left: 2px;
    vertical-align: middle;
    fill: currentColor;
  }

  .top-menu__sub-list {
    position: absolute;
    top: -15px;
    left: -20px;
    z-index: -1;
    display: none;
    min-width: calc(100% + 58px);
    margin: 0;
    padding: 55px 20px 26px;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    list-style: none;
    white-space: nowrap;
    background: #F3F3F5;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 30px 50px rgba(16, 16, 16, 0.1);
    box-shadow: 0 30px 50px rgba(16, 16, 16, 0.1);
    color: #333333;
  }

  .top-menu__sub-item {
    margin-bottom: 15px;
  }

  .top-menu__sub-item:last-child {
    margin-bottom: 0;
  }

  .top-menu__sub-item.active .menu__sub-link {
    color: #00CF6F;
  }

  .top-menu__sub-link {
    text-decoration: none;
    color: #333333;
  }

  .top-menu__sub-link:hover {
    color: #00CF6F;
  }
}

.menu {
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .menu {
   flex-wrap: nowrap;
  }
}
@media (min-width: 1200px) {
  .menu {
    margin: 0;
    /* -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; */
  }
}

.menu__list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  list-style: none;
}

@media (min-width: 1200px) {
  .menu__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: fit-content;
    flex-wrap: nowrap;
  }
}

.menu__item {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  position: relative;
}

@media (min-width: 1200px) {
  .menu__item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-right: 16px;
  }

  .menu__item:last-child {
    margin-right: 0;
  }

  .menu__item:hover {
    z-index: 90;
  }

  .menu__item:hover .menu__link {
    color: #00CF6F;
  }

  .menu__item:hover .menu__arrow {
    fill: #00CF6F;
  }

  .menu__item:hover .menu__sub {
    display: block;
  }

  .menu__item.active .menu__link {
    color: #00CF6F;
  }
}

.menu__link {
  color: #333333;
  padding: 14px 0;
  display: block;
}

.menu__link:hover {
  color: #333333;
}

.menu__link.root-item-selected {
  color: #00CF6F;
}

@media (min-width: 1200px) {
  .menu__link {
    padding: 0;
    text-decoration: none;
    color: #333333;
    display: inline-block;
  }

  .menu__link:hover {
    color: #00CF6F;
    text-decoration: none;
  }
}

.menu__link_parent {
  position: relative;
  margin-right: 45px;
}

@media (min-width: 1200px) {
  .menu__link_parent {
    margin-right: 0;
  }
}

.menu__next {
  position: absolute;
  right: 2px;
  top: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 40px;
  height: 100%;
  background: transparent;
}

@media (min-width: 1200px) {
  .menu__next {
    width: 7px;
    right: 0;
    /*top: -4px;*/
    height: 12px;
    position: relative;
    display: inline-block;
  }
}

.menu__arrow {
  width: 10px;
  height: 10px;
}

@media (min-width: 1200px) {
  .menu__arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    width: 4px;
    height: 7px;
  }
}

.menu__sub {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 200px 0 white;
  box-shadow: 0 200px 0 white;
  z-index: 10;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  padding: 58px 0 0;
}

@media (min-width: 1200px) {
  .menu__sub {
    height: auto;
    width: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    position: absolute;
    top: -15px;
    left: -20px;
    z-index: -1;
    display: none;
    min-width: calc(100% + 58px);
    margin: 0;
    padding: 55px 20px 26px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    list-style: none;
    text-transform: none;
    white-space: nowrap;
    background: #FFFFFF;
    border-radius: 4px;
    -webkit-box-shadow: 0 30px 50px rgba(16, 16, 16, 0.1);
    box-shadow: 0 30px 50px rgba(16, 16, 16, 0.1);
    color: #333333;
  }
}

.menu__sub_open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.menu__sub-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.menu__sub-head {
  border-bottom: 1px solid #C8C8D2;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .menu__sub-head {
    display: none;
  }
}

.menu__prev {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px;
  width: 100%;
  text-align: left;
}

.menu__prev .menu__arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (min-width: 1200px) {
  .menu__sub-item {
    margin-bottom: 16px;
  }

  .menu__sub-item:last-child {
    margin-bottom: 0;
  }

  .menu__sub-item.item-selected .menu__sub-link,
  .menu__sub-item.active .menu__sub-link {
    color: #00CF6F;
  }
}

.menu__sub-link {
  color: #333333;
  padding: 10px 0;
  display: block;
  text-transform: none;
}

.menu__sub-link:hover {
  color: #333333;
}

@media (min-width: 1200px) {
  .menu__sub-link {
    padding: 0;
  }

  .menu__sub-link:hover {
    color: #00CF6F;
  }
}

.page-wrapper_breadcrum-wrap {
  position: relative;
}

.breadcrumb {
  margin: 26px 0 30px;
  font-size: 12px;
  line-height: 15px;
}

@media print {
  .breadcrumb {
    display: none;
  }
}

@media (max-width: 768px) {
  .breadcrumb {
    display: none;
  }
}

.breadcrumb--over-banner {
  position: absolute;
  z-index: 10;
  margin-bottom: -43px;
}

.breadcrumb--over-banner .breadcrumb__item,
.breadcrumb--over-banner .breadcrumb__item--current {
  color: #FFFFFF;
}

.breadcrumb--light .breadcrumb__item,
.breadcrumb--light .breadcrumb__item--current {
  color: #B4B4B4;
}

.breadcrumb--banner-below {
  margin: -20px 0 50px;
}

@media (min-width: 1200px) {
  .breadcrumb--banner-below {
    margin: -70px 0 90px;
  }
}

.breadcrumb__item {
  display: inline-block;
  color: #B4B4B4;
  vertical-align: middle;
}

.breadcrumb__item--current {
  color: #000000;
}

.breadcrumb__item::before {
  content: '/';
  display: inline-block;
  margin: 0 8px;
  font: inherit;
  vertical-align: middle;
}

.breadcrumb__item:first-child::before {
  content: none;
}

.breadcrumb__item a {
  text-decoration: none;
  color: inherit;
}

.main-banner {
  position: relative;
  z-index: 1;
  margin-bottom: 45px;
  color: #FFFFFF;
  overflow: hidden;
}

.main-banner__fon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #293048;
  z-index: -1;
}

.main-banner__fon-item {
  position: absolute;
  top: 0;
  display: block;
  width: 24%;
  height: 100%;
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
  background: #293048;
  border-left: 1px solid #383B5E;
}

.main-banner__fon-item:nth-child(1) {
  left: -31.4%;
}

.main-banner__fon-item:nth-child(2) {
  left: -7.4%;
}

.main-banner__fon-item:nth-child(3) {
  left: 16.6%;
}

.main-banner__fon-item:nth-child(4) {
  left: 40.6%;
}

.main-banner__fon-item:nth-child(5) {
  left: 64.6%;
}

.main-banner__fon-item:nth-child(6) {
  left: 88.6%;
}

.main-banner__fon-item:nth-child(7) {
  left: 112.6%;
}

.main-banner__fon-gradient {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #00cf6f), color-stop(96%, rgba(0, 0, 0, 0)));
  background-image: linear-gradient(90deg, #00cf6f 10%, rgba(0, 0, 0, 0) 96%);
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 100%;
  height: 100%;
}

[class*="_hover"]>.main-banner__fon-gradient {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 0.35;
}

@media (min-width: 1200px) {
  .main-banner {
    margin-bottom: 110px;
  }

  .main-banner_big .main-banner__inner {
    height: 648px;
  }

  .main-banner_big .main-banner__text {
    margin-top: 68px;
  }

  .main-banner_big .main-banner__pagination {
    bottom: 93px;
  }

  .main-banner_big .main-banner__pagination_home {
    bottom: 60px;
  }

}

/* .main-banner__item {
  height: auto;
} */

.main-banner__inner {
  position: relative;
  padding-top: 65px;
  padding-bottom: 58px;
}

@media (min-width: 375px) {
  .main-banner__inner {
    padding-top: 65px;
    padding-bottom: 87px;
  }
}

@media (min-width: 1200px) {
  .main-banner__inner {
    display: grid;
    grid-template-columns: 700px;
    height: 600px;
    padding-top: 105px;
  }
  .main-banner__inner-school{
    padding-top: 80px;
  }
}

@media (min-width: 1200px) {
  .main-banner__inner_image_left {
    grid-template-columns: 40%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }
}

.main-banner__inner_image_full {
  position: static;
}

.main-banner__inner_school {
  padding-top: 80px;
  padding-bottom: 160px;
}

@media (min-width: 375px) {
  .main-banner__inner_school {
    padding-bottom: 145px;
  }
}

@media (min-width: 1200px) {
  .main-banner__inner_school {
    grid-template-columns: 100%;
    height: auto;
    padding-top: 110px;
  }
}

.main-banner__inner_position_b {
  padding-bottom: 280px;
}

@media (min-width: 1200px) {
  .main-banner__inner_position_b {
    padding-bottom: 87px;
  }
}

.main-banner__text_school {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.main-banner__tag {
  position: absolute;
  top: 86px;
  display: inline-block;
  padding: 4px 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  background: #F4F2FC;
  border-radius: 4px;
  color: #333333;
}

.main-banner__heading {
  margin: 0;
  color: inherit;
}

.main-banner__text.white-banner-bg>.main-banner__heading {
  color: #333333 !important;
}

.main-banner__text.white-banner-bg>.main-banner__description {
  color: #333333 !important;
}

@media (max-width: 1200px) {
  .main-banner__text.white-banner-bg>.main-banner__heading {
    color: inherit !important;
  }

  .main-banner__text.white-banner-bg>.main-banner__description {
    color: inherit !important;
  }
}

.main-banner__tag+.main-banner__heading {
  margin-top: 33px;
}

@media (min-width: 1200px) {
  .main-banner__heading_alignment_left {
    text-align: right;
  }
}

.main-banner__inner_image_full .main-banner__heading {
  margin-bottom: 30px;
}

.main-banner__text {
  margin-top: 17px;
  text-align: center;
}

.main-banner__description {
  margin-top: 28px;
  max-width: 645px;
  font-size: 20px;
  line-height: 32px;
}

.main-banner__school-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  text-align: center;
  color: #FFFFFF;
}

.main-banner__title-decor {
  position: relative;
}

.main-banner__title-decor:before,
.main-banner__title-decor:after {
  content: '';
  position: absolute;
  display: block;
  top: -3px;
  width: 3px;
  height: 68px;
  background: #00CF6F;
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
}

.main-banner__title-decor:before {
  left: -43px;
}

.main-banner__title-decor:after {
  right: -43px;
}

.main-banner__school-h1 {
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
  color: #FFFFFF;
  display: inline-block;
  margin: 35px auto 0;
  text-align: center;
}

.main-banner__school-h1_up {
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .main-banner__school-h1 {
    font-size: 56px;
    line-height: 68px;
  }
}

.main-banner__button {
  margin-top: 44px;
}

.main-banner__small {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #E0E0E0;
}

@media (min-width: 768px) {
  .main-banner__small {
    margin-top: 58px;
  }
}

.main-banner__picture {
  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: 45px;
  text-align: center;
}

@media (min-width: 1200px) {
  .main-banner__picture {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    margin: 0;
  }

  .main-banner__inner_image_left .main-banner__picture {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.main-banner__inner_image_full .main-banner__picture,
.main-banner__picture_out-full {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  margin: 0;
}

.main-banner__inner_image_full .main-banner__picture:before,
.main-banner__picture_out-full:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: -webkit-gradient(linear, left top, right top, from(rgba(41, 48, 72, 0)), color-stop(57%, rgba(41, 48, 72, 0.9)), to(#293048));
  background: linear-gradient(90deg, rgba(41, 48, 72, 0) 0%, rgba(41, 48, 72, 0.9) 57%, #293048 100%);
}

@media (min-width: 1200px) {

  .main-banner__inner_image_full .main-banner__picture:before,
  .main-banner__picture_out-full:before {
    content: none;
  }
}

.main-banner__image {
  width: auto;
  max-height: 305px;
}

@media (min-width: 768px) {
  .main-banner__image {
    max-width: 551px;
    max-height: 549px;
  }
}

@media (min-width: 1200px) {
  .main-banner__image {
    max-width: 60%;
    max-height: 100%;
    margin-right: 0;
  }
  .main-banner__image-school{
    max-height: 80%;
  }
}

.main-banner__inner_image_full .main-banner__image,
.main-banner__image_full {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.main-banner__pagination {
  position: absolute;
  bottom: 25px;
  right: 0;
  left: 0;
  z-index: 10;
  text-align: center;
}

@media (min-width: 1200px) {
  .main-banner__pagination {
    bottom: 60px;
    right: auto;
    left: 50%;
    margin: 0 0 0 -564px;
  }
}

.main-banner__pagination_center {
  margin: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 117px;
}

.main-banner__picture_position_rb {
  position: absolute;
  left: 0;
  top: unset;
  bottom: 240px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

@media (min-width: 1200px) {
  .main-banner__picture_position_rb {
    position: absolute;
    left: calc(50% + 147px);
    top: 120px;
    bottom: unset;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.main-banner__picture_position_rb .main-banner__image {
  position: static;
  max-width: 100%;
}

.main-banner__badge {
  margin: 0 0 24px;
}

.main-banner__badge-text {
  display: inline-block;
  background: #F4F2FC;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #333333;
  padding: 4px 10px;
}

.main-banner__subheading {
  margin: 15px 0 0;
  font-size: 20px;
  line-height: 160%;
  color: #FFFFFF;
}

.main-banner__text.white-banner-bg>.main-banner__subheading {
  color: #757575;
}

.main-banner__menu {
  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;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 82px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  z-index: 1;
}

.main-banner__menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0;
}

@media (min-width: 1200px) {
  .main-banner__menu-list {
    gap: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
  }
}

.main-banner__menu-item {
  padding: 8px 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 121.4%;
  text-transform: uppercase;
  color: #FFFFFF;
}
@media (max-width: 400px) {
  .main-banner__menu-item {
   font-size: 12px;
  }
}
.main-banner__menu-item:hover {
  color: #FFFFFF;
}

@media (min-width: 1200px) {
  .main-banner__menu-item {
    padding: 7px 23px;
  }
}

.section {
  margin-bottom: 50px;
}

.section--dark {
  background: #293048;
  color: #FFFFFF;
}

.section--dark .section__heading {
  color: #FFFFFF;
}

.section--dark .section__text {
  color: #9D9DAF;
}

@media (min-width: 768px) {
  .section {
    margin-bottom: 130px;
  }
}

.section__head {
  display: grid;
  gap: 20px 20px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin-bottom: 35px;
}

@media (min-width: 768px) {
  .section__head {
    grid-template-columns: repeat(9, 1fr);
  }
}

@media (min-width: 1200px) {
  .section__head {
    grid-template-columns: repeat(12, 1fr);
    gap: 25px 30px;
  }
}

@media print {
  .section__head {
    display: none;
  }
}

.section__heading {
  margin: 0;
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  color: #1E1E1E;
}

@media (max-width: 768px) {
  .section__heading {
    margin-top: 25px;
  }
}

@media (min-width: 768px) {
  .section__heading {
    grid-column: span 5;
    font-size: 40px;
    line-height: 49px;
  }

  .section__heading:only-child {
    grid-column: span 9;
  }
}

@media (min-width: 1200px) {
  .section__heading {
    grid-column: span 6;
    font-size: 46px;
    line-height: 58px;
  }

  .section__heading:only-child {
    grid-column: span 12;
  }
}

.section__heading-h2 {
  margin: 0 0 24px;
  font-weight: bold;
  font-size: 24px;
  line-height: 29px;
  color: #1E1E1E;
}

@media (min-width: 768px) {
  .section__heading-h2 {
    font-size: 40px;
    line-height: 49px;
  }
}

@media (min-width: 1200px) {
  .section__heading-h2 {
    font-size: 46px;
    line-height: 58px;
  }
}

.section__heading-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.3px;
  color: #9D9DAF;
  max-width: 430px;
}

.section__text {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #9D9DAF;
}

.section__text p {
  margin: 0 0 8px;
}

@media (min-width: 768px) {
  .section__text {
    grid-column: span 4;
    margin-top: 12px;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: -0.3px;
    text-wrap: balance;
  }
}

@media (min-width: 1200px) {
  .section__text {
    align-self: center;
    grid-column: span 6;
    margin-top: 0;
    font-size: 20px;
    line-height: 30px;
  }
}

.section__text--small {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.2px;
}

@media (min-width: 768px) {
  .section__search {
    margin-top: 15px;
  }
}

.section__search_head {
  margin-top: 15px;
}

.section__search_head .search__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.advantages {
  margin-bottom: 45px;
}

@media (min-width: 768px) {
  .advantages {
    margin-bottom: 65px;
  }
}

.advantages__heading {
  margin: 0 0 25px;
}

@media (min-width: 768px) {
  .advantages__heading {
    margin-bottom: 33px;
    text-align: center;
  }
}

.advantages__list {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 375px) {
  .advantages__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .advantages__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1200px) {
  .advantages__list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.advantages__item {
  height: 104px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  color: #4F4F4F;
  overflow: hidden;
}

@media (max-width: 374px) {
  .advantages__item {
    border-right: none;
  }

  .advantages__item:nth-last-child(1) {
    border-bottom: none;
  }
}

@media (min-width: 375px) and (max-width: 767px) {
  .advantages__item:nth-child(2n) {
    border-right: none;
  }

  .advantages__item:nth-last-child(1):nth-child(2n),
  .advantages__item:nth-last-child(1):nth-child(2n-1),
  .advantages__item:nth-last-child(2):nth-child(2n-1) {
    border-bottom: none;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .advantages__item:nth-child(3n) {
    border-right: none;
  }

  .advantages__item:nth-last-child(1):nth-child(3n),
  .advantages__item:nth-last-child(1):nth-child(3n-1),
  .advantages__item:nth-last-child(1):nth-child(3n-2),
  .advantages__item:nth-last-child(2):nth-child(3n-1),
  .advantages__item:nth-last-child(2):nth-child(3n-2),
  .advantages__item:nth-last-child(3):nth-child(3n-2) {
    border-bottom: none;
  }
}

@media (min-width: 1200px) {
  .advantages__item:nth-child(4n) {
    border-right: none;
  }

  .advantages__item:nth-last-child(1):nth-child(4n),
  .advantages__item:nth-last-child(1):nth-child(4n-1),
  .advantages__item:nth-last-child(1):nth-child(4n-2),
  .advantages__item:nth-last-child(1):nth-child(4n-3),
  .advantages__item:nth-last-child(2):nth-child(4n-1),
  .advantages__item:nth-last-child(2):nth-child(4n-2),
  .advantages__item:nth-last-child(2):nth-child(4n-3),
  .advantages__item:nth-last-child(3):nth-child(4n-2),
  .advantages__item:nth-last-child(3):nth-child(4n-3),
  .advantages__item:nth-last-child(4):nth-child(4n-3) {
    border-bottom: none;
  }
}

@media (min-width: 768px) {
  .advantages__item {
    height: 110px;
  }

  .advantages__item:hover {
    z-index: 1;
    overflow: visible;
  }

  .advantages__item:hover .advantages__item-wrap {
    background-color: inherit;
    -webkit-box-shadow: 20px 20px 40px rgba(30, 30, 30, 0.2);
    box-shadow: 20px 20px 40px rgba(30, 30, 30, 0.2);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .advantages__item:hover .advantages__name {
    color: #8B7ADF;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }

  .advantages__item:hover .advantages__description {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}

.advantages__item-wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 10px;
  text-decoration: none !important;
  background-color: transparent;
  -webkit-box-shadow: 20px 20px 40px rgba(30, 30, 30, 0);
  box-shadow: 20px 20px 40px rgba(30, 30, 30, 0);
  color: currentColor;
}

@media (min-width: 375px) and (max-width: 767px) {
  .advantages__item:nth-child(odd) .advantages__item-wrap {
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .advantages__item-wrap {
    height: auto;
    padding: 34px 30px;
    gap: 20px;
  }
}

.advantages__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 38px;
  height: 38px;
  background: #8B7ADF;
  border-radius: 12px;
}

@media (min-width: 768px) {
  .advantages__icon {
    width: 42px;
    height: 42px;
    border-radius: 16px;
  }
}

.advantages__icon-image {
  margin: auto;
}

.advantages__name {
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #1E1E1E;
}

.advantages__description {
  display: none;
}

@media (min-width: 768px) {
  .advantages__description {
    display: block;
    grid-column: 1 / -1;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.1px;
    opacity: 0;
  }
}

.solutions {
  margin-bottom: 47px;
}

@media (min-width: 768px) {
  .solutions {
    margin-bottom: 70px;
  }
}

@media (min-width: 1200px) {
  .solutions {
    margin-bottom: 148px;
  }
}

.solutions__head {
  margin-bottom: 35px;
}

@media (min-width: 768px) {
  .solutions__head {
    margin-bottom: 25px;
  }
}

.solutions__item {
  margin: 32px -25px 0;
  padding: 25px 25px 32px;
  background: #F4F2FC;
  border-radius: 8px;
  color: #4F4F4F;
}

@media (min-width: 768px) {
  .solutions__item {
    display: grid;
    grid-template-columns: 320px 1fr;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    gap: 20px;
    margin: 40px 0 0;
  }
}

@media (min-width: 1200px) {
  .solutions__item {
    gap: 40px;
    padding: 63px 45px 80px 50px;
  }
}

.solutions__picture {
  display: none;
}

@media (min-width: 768px) {
  .solutions__picture {
    display: block;
    width: 54px;
    height: 56px;
    margin-bottom: 4px;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .solutions__image {
    width: auto;
    max-height: 56px;
  }
}

.solutions__title {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #1E1E1E;
}

@media (max-width: 767px) {
  .solutions__title br {
    display: none;
  }
}

@media (min-width: 768px) {
  .solutions__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.solutions__description {
  margin-top: 8px;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.2px;
}

@media (min-width: 768px) {
  .solutions__description {
    margin-top: 15px;
  }
}

.solutions__modules {
  margin-top: 25px;
}

@media (min-width: 768px) {
  .solutions__modules {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    margin-top: 50px;
  }
}

.solutions__products {
  margin-top: 35px;
}

@media (min-width: 768px) {
  .solutions__products {
    margin-top: 52px;
  }
}

.solutions__products-title {
  margin: 0 0 15px;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.1px;
  text-align: center;
  color: #1E1E1E;
}

@media (min-width: 768px) {
  .solutions__products-title {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.2px;
    text-align: left;
  }
}

.solutions__products-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .solutions__products-list {
    display: block;
  }
}

.solutions__product {
  display: grid;
  row-gap: 4px;
  text-align: center;
}

@media (min-width: 768px) {
  .solutions__product {
    grid-template-columns: 1fr auto;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DCDAE3;
  }

  .solutions__product:last-child {
    border-bottom: none;
  }
}

.solutions__product-image {
  display: block;
  width: auto;
  height: 21px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .solutions__product-image {
    height: auto;
    margin: 0;
  }
}

.solutions__product-price {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #1E1E1E;
}

.solutions__product-price b {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .solutions__product-price {
    font-size: 18px;
    line-height: 22px;
  }

  .solutions__product-price b {
    font-size: 28px;
    line-height: 34px;
  }
}

.solutions__old-product-price {
  font-size: 14px;
  text-decoration: line-through;
}

.solutions__products-buttons {
  margin-top: 17px;
  text-align: center;
}

.solutions__products-buttons .button+.button {
  margin-top: 8px;
}

.modules__list {
  margin: 0 -10px;
  padding: 0;
  list-style: none;
  color: #4F4F4F;
  -webkit-filter: drop-shadow(20px 20px 40px rgba(30, 30, 30, 0.2));
  filter: drop-shadow(20px 20px 40px rgba(30, 30, 30, 0.2));
}

@media (min-width: 768px) {
  .modules__list {
    margin: 0;
  }
}

.modules__item {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  color: #585757;
}

.modules__item::before {
  content: '';
  position: absolute;
  top: 0;
  right: 10px;
  left: 10px;
  height: 1px;
  background-color: #E9E9E9;
}

.modules__item:first-child {
  border-radius: 4px 4px 0 0;
}

.modules__item:first-child::before {
  content: none;
}

.modules__item:last-child {
  border-radius: 0 0 4px 4px;
}

.modules__item.active .modules__header-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.modules__item--base .modules__type {
  color: #00CF6F;
}

.modules__item--highlight {
  background-color: #9D9DAF;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08) inset;
  color: #FFFFFF;
}

.modules__item--highlight::before {
  content: none;
}

.modules__item--highlight>.modules__header:hover .modules__header-arrow {
  fill: #505070;
}

.modules__item--highlight>.modules__header .modules__title {
  color: currentColor;
}

.modules__item--highlight>.modules__header .modules__title::before {
  background-color: #505070;
}

.modules__item--highlight>.modules__header .modules__title-link:hover {
  color: #505070;
}

.modules__item--highlight>.modules__header .modules__header-arrow {
  fill: #FFFFFF !important;
}

.modules__item--highlight.active .modules__header-arrow {
  top: 23px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.modules__item--highlight.active .modules__item .modules__header-arrow {
  top: 23px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.modules__item--highlight.active .modules__item.active .modules__header-arrow {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.modules__item--additional .modules__header {
  padding-left: 50px;
}

.modules__item--additional .modules__title {
  position: relative;
}

.modules__item--additional .modules__title::before {
  content: '';
  position: absolute;
  top: 0;
  left: -28px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: #00CF6F;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.54517' y='0.396729' width='2' height='11.7722' fill='white'/%3E%3Crect x='12.4314' y='5.28284' width='2' height='11.7722' transform='rotate(90 12.4314 5.28284)' fill='white'/%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.modules__header {
  padding: 18px 42px 18px 22px;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.1px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.modules__header:hover .modules__header-arrow {
  fill: #00CF6F;
}

.modules__header:focus {
  outline: 0;
}

.keyboard-focused .modules__header:focus {
  background-color: #eee;
}

@media (min-width: 768px) {
  .modules__header {
    padding: 19px 45px 19px 32px;
  }
}

.modules__title {
  margin: 0 0 2px;
  font-weight: 700;
  font-size: 15px;
  line-height: 23px;
  letter-spacing: -0.1px;
  color: #1E1E1E;
}

.modules__title-link {
  text-decoration: none;
  color: currentColor;
}

.modules__title-link:hover {
  color: #00CF6F;
}

.modules__name {
  font-weight: 500;
  color: #585757;
}

.modules__type {
  font-weight: 600;
}

.modules__header-arrow {
  position: absolute;
  top: 23px;
  right: 23px;
  width: 16px;
  height: 16px;
  fill: #1C1C1C;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.modules__content {
  display: none;
  padding: 0 42px 18px 22px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
}

.modules__content p {
  margin: 0;
}

@media (min-width: 768px) {
  .modules__item::before {
    right: 22px;
    left: 22px;
  }

  .modules__item--additional .modules__header {
    padding-left: 70px;
  }

  .modules__item--additional .modules__title::before {
    left: -38px;
  }

  .modules__content {
    padding: 0 32px 19px;
  }
}

.index-products {
  position: relative;
  z-index: 1;
  height: 585px;
  margin: 0 0 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .index-products {
    height: 805px;
    padding-top: 63px;
    padding-bottom: 63px;
  }
}

@media (min-width: 1200px) {
  .index-products {
    margin: 0 0 130px;
    padding-top: 88px;
    padding-bottom: 88px;
  }
}

.index-products__head {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .index-products__head {
    margin-bottom: 224px;
  }
}

@media (min-width: 1200px) {
  .index-products__head {
    margin-bottom: 290px;
  }
}

.index-products__mobile-toggles {
  margin-bottom: 47px;
}

.index-products__mobile-toggles .scroll {
  margin-right: -12px;
  margin-left: -12px;
  border-bottom: 1px solid #9DA1AE;
}

.index-products__mobile-toggles .tabs {
  height: 36px;
  background: transparent;
}

.index-products__mobile-toggles .tabs .tab {
  width: 33%;
  height: 36px;
}

.index-products__mobile-toggles .tabs .tab a {
  height: 32px;
  padding: 0;
  line-height: 32px;
}

@media (min-width: 768px) {
  .index-products__mobile-toggles {
    display: none;
  }
}

.index-products__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.index-products__item {
  margin: 0;
  padding: 0;
}

.index-products__rectangle {
  position: absolute;
  z-index: -2;
  top: 0;
  left: 50%;
  width: 210px;
  height: 100%;
  background: #2A3149;
  border-left: 1px solid rgba(139, 122, 223, 0.2);
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
}

.index-products__rectangle:nth-child(1) {
  margin-left: -505px;
  border-left: none;
}

.index-products__rectangle:nth-child(2) {
  margin-left: -295px;
}

.index-products__rectangle:nth-child(3) {
  width: 226px;
  margin-left: -85px;
}

.index-products__rectangle:nth-child(3)::after {
  content: '';
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #00CF6F), to(#293048));
  background: linear-gradient(90deg, #00CF6F 10%, #293048 100%);
  opacity: 0.15;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media (min-width: 768px) {
  .index-products__rectangle {
    width: 226px;
  }

  .index-products__rectangle:nth-child(1) {
    margin-left: -555px;
  }

  .index-products__rectangle:nth-child(2) {
    margin-left: -330px;
  }

  .index-products__rectangle:nth-child(3) {
    width: 250px;
    margin-left: -104px;
  }

  .index-products__rectangle:nth-child(3)::after {
    content: none;
  }
}

@media (min-width: 1200px) {
  .index-products__rectangle {
    width: 312px !important;
  }

  .index-products__rectangle:nth-child(1) {
    margin-left: -403px;
  }

  .index-products__rectangle:nth-child(2) {
    margin-left: -91px;
  }

  .index-products__rectangle:nth-child(3) {
    margin-left: 221px;
  }
}

.index-products__header {
  display: none;
}

@media (min-width: 768px) {
  .index-products__header {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 226px;
    height: 100%;
    padding-top: 190px;
    -webkit-transform: skewX(-35deg);
    transform: skewX(-35deg);
  }

  .index-products__item:nth-child(1) .index-products__header {
    margin-left: -555px;
  }

  .index-products__item:nth-child(2) .index-products__header {
    margin-left: -330px;
  }

  .index-products__item:nth-child(3) .index-products__header {
    width: 250px;
    margin-left: -104px;
  }

  .index-products__header::after {
    content: '';
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #00CF6F), to(#293048));
    background: linear-gradient(90deg, #00CF6F 10%, #293048 100%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }

  .index-products__item.active .index-products__header::after {
    opacity: 0.35;
  }
}

@media (min-width: 1200px) {
  .index-products__header {
    width: 312px !important;
    padding-top: 225px;
  }

  .index-products__item:nth-child(1) .index-products__header {
    margin-left: -403px;
  }

  .index-products__item:nth-child(2) .index-products__header {
    margin-left: -91px;
  }

  .index-products__item:nth-child(3) .index-products__header {
    margin-left: 221px;
  }
}

.index-products__link {
  position: relative;
  z-index: 100;
  display: block;
}

.index-products__logo {
  position: relative;
  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;
  height: 32px;
  margin-bottom: 35px;
}

.index-products__logo::after {
  content: '';
  position: absolute;
  right: -1px;
  width: 3px;
  height: 68px;
  background-color: #00CF6F;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.index-products__item.active .index-products__logo::after {
  opacity: 1;
}

@media (min-width: 1200px) {
  .index-products__logo {
    height: 48px;
    margin-bottom: 66px;
  }

  .index-products__item:nth-child(1) .index-products__logo::after {
    top: 0;
  }

  .index-products__item:nth-child(2) .index-products__logo::after {
    top: 144px;
  }

  .index-products__item:nth-child(3) .index-products__logo::after {
    top: 288px;
  }
}

.index-products__logo-image {
  height: 33px;
  -webkit-transform: skewX(35deg);
  transform: skewX(35deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.index-products__item.active .index-products__logo-image {
  -webkit-transform: skewX(35deg) scale(1.1875);
  transform: skewX(35deg) scale(1.1875);
}

@media (min-width: 1200px) {
  .index-products__item.active .index-products__logo-image {
    -webkit-transform: skewX(35deg) scale(1.5);
    transform: skewX(35deg) scale(1.5);
  }
}

.index-products__arrow {
  display: block;
  text-align: center;
  height: 28px;
}

.index-products__arrow-icon {
  width: 28px;
  height: 28px;
  fill: transparent;
  -webkit-transform: skewX(35deg);
  transform: skewX(35deg);
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

.index-products__item.active .index-products__arrow-icon {
  fill: #FFFFFF;
}

.index-products__picture {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1225px;
  width: 146.67vw;
  margin-left: -26.66vw;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0.3s;
  transition: opacity 0.3s ease 0.3s;
  overflow: hidden;
}

.index-products__item.active .index-products__picture {
  z-index: -3;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

@media (min-width: 768px) {
  .index-products__picture {
    width: 1330px;
    height: 805px;
    margin-left: -246px;
  }
}

@media (min-width: 1200px) {
  .index-products__picture {
    margin-left: -1264px;
  }
}

.index-products__image {
  -o-object-fit: cover;
  object-fit: cover;
}

.index-products__info {
  display: none;
}

.index-products__item.active .index-products__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .index-products__info {
    padding-right: 250px;
  }
}

@media (min-width: 1200px) {
  .index-products__info {
    padding-right: 154px;
    padding-left: 335px;
  }
}

.index-products__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 88px;
  font-size: 15px;
  line-height: 22px;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

@media (min-width: 768px) {
  .index-products__description {
    height: 75px;
    font-size: 18px;
    line-height: 25px;
    -webkit-line-clamp: 3;
  }
}

@media (min-width: 1200px) {
  .index-products__description {
    height: 96px;
    font-size: 20px;
    line-height: 32px;
  }
}

.index-products__include {
  margin-top: 23px;
  font-size: 15px;
  line-height: 18px;
}

.index-products__include a {
  text-decoration: none;
  border-bottom: 1px dashed currentColor;
  color: #00CF6F;
}

@media (min-width: 768px) {
  .index-products__include {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 93px;
    font-size: 16px;
    line-height: 20px;
  }
}

@media (min-width: 1200px) {
  .index-products__include {
    margin-top: 60px;
  }
}

.index-products__price-n-detail {
  display: grid;
  gap: 20px;
  margin-top: 62px;
}

@media (min-width: 768px) {
  .index-products__price-n-detail {
    gap: 35px;
    margin-top: 35px;
  }
}

@media (min-width: 1200px) {
  .index-products__price-n-detail {
    grid-template-columns: 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    padding-right: 67px;
  }
}

.index-products__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}

.index-products__price b {
  margin: 0 11px;
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .index-products__price {
    font-size: 24px;
    line-height: 29px;
  }

  .index-products__price b {
    margin: 0 11px;
    font-weight: 500;
    font-size: 48px;
    line-height: 59px;
    vertical-align: middle;
  }
}

.application {
  margin: 0 -25px;
  padding: 45px 25px 50px;
  background-color: #F3F2FC;
  border-radius: 8px;
  color: #4F4F4F;
}

@media (min-width: 768px) {
  .application {
    margin: 0 -25px 60px;
    padding: 33px 28px 68px;
  }
}

@media (min-width: 1200px) {
  .application {
    margin: 0 0 125px;
    padding: 65px 65px 68px;
  }
}

.application.application--tariffs .heading {
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
}

@media (max-width: 767px) {
  .application:last-child:not(:only-child) {
    margin-bottom: 0;
  }

  .application.application--tariffs {
    padding: 35px 0;
  }

  .application--tariffs .page-wrapper {
    padding: 0 16px;
  }

  .application .heading {
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
    max-width: 240px;
    margin: 0 auto;
  }

  .application__heading .accent {
    font-size: 19px !important;
    margin-left: 0 !important;
  }

  .application.application--tariffs .heading {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #293048;
    text-align: left;
    max-width: unset;
    margin: 0;
  }

  .application .application__sub-heading {
    margin-bottom: 52px;
    max-width: 283px;
  }

  .application .form__agreement {
    order: 1;
  }
}

.application__heading {
  margin: 0 0 7px;
  font-weight: 600;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: -0.5px;
  color: #293048;
  text-align: center;
}

.application__heading .accent {
  font-size: 24px;
}

.application__heading img {
  transform: translateY(9px);
}

@media (max-width:767px) {
  .application__heading img {
    transform: translateY(7px);
    width: 141px;
  }
}

.application__heading--short {
  max-width: 720px;
  margin: auto;
}

.application__heading b {
  font-weight: 600;
  font-size: 30px;
  white-space: nowrap;
  display: block;
}

@media (max-width: 768px) {
  .application__heading {
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: 0;
    text-align: center;
  }

  .application__heading .accent {
    font-size: 25px;
  }

  .application__heading b {
    font-size: 36px;
  }

  .application--reports .application__heading {
    font-size: 36px;
    line-height: 44px;
  }
}

.application__description {
  margin-bottom: 15px;
  max-width: 500px;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.2px;
}

.application__description_light {
  font-weight: 400;
  max-width: 1000px;
}

.application__description_wide {
  display: none;
}

@media (min-width: 768px) {
  .application__description {
    margin: -33px auto 33px;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.3px;
  }

  .application__description_wide {
    display: block;
    max-width: none;
    margin: 40px 0;
  }
}

@media (min-width: 1200px) {
  .application__description {
    font-size: 20px;
    line-height: 30px;
  }
}

.wrapper-form {
  padding: 53px 65px 60px 65px;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin-bottom: 125px;
}

.wrapper-form .head-form {
  font-weight: bold;
  font-size: 32px;
  line-height: 140%;
  text-align: center;
}

.wrapper-form .form_text {
  text-align: center;
  margin: 40px auto 0;
  color: #9D9DAF;
  font-size: 20px;
  line-height: 23px;
}

.wrapper-form .form_text .success {
  padding: 16px 30px;
  background-color: #00CF6F;
  color: #FFF;
}

.wrapper-form .form_text .error {
  padding: 16px 30px;
  background-color: red;
  color: #FFF;
}

.wrapper-form .politics_form {
  width: 76%;
  margin: 0 auto;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #9D9DAF;
}

.wrapper-form .politics_form a {
  color: #00CF6F;
}

.wrapper-form .form_field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto 29px;
}

.wrapper-form .input_form {
  height: 44px;
  width: 280px;
  padding: 0 10px;
  margin-right: 30px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  background-color: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid #C8C7D5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #9D9DAF;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}

.wrapper-form .input_form::-webkit-input-placeholder {
  color: #9D9DAF;
}

.wrapper-form .input_form::-moz-placeholder {
  color: #9D9DAF;
}

.wrapper-form .input_form:-ms-input-placeholder {
  color: #9D9DAF;
}

.wrapper-form .input_form::-ms-input-placeholder {
  color: #9D9DAF;
}

.wrapper-form .input_form::placeholder {
  color: #9D9DAF;
}

.wrapper-form .button_form_submit {
  padding-right: 40px;
  padding-left: 40px;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .wrapper-form .input_form {
    width: 100%;
    margin-right: 0;
  }

  .wrapper-form .politics_form {
    width: 100%;
  }

  .wrapper-form .button_form_submit {
    margin-top: 40px;
  }
}

/* ФОРМА КОМПОНЕНТ НАЧАЛО */
.main-form {
  background-color: #F3F2FC;
  border-radius: 8px;
  color: #4F4F4F;
  padding: 0;
  margin: 0;
}

/* .popup__container .main-form {
  padding: 0;
  margin: 0;
} */

.main-form__heading {
  margin: 0 0 7px;
  font-weight: 600;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: -0.5px;
  color: #293048;
  text-align: center
}

.main-form form {
  display: grid;
  grid-template-columns: 100%;
  gap: 40px;
  max-width: 880px;
  margin-right: auto;
  margin-left: auto;
}

.main-form__fields {
  display: grid;
  grid-template-columns: 100%;
  gap: 19px;
}

.main-form__item {
  position: relative;
}

.main-form .b-message-form_item-hint {
  margin-top: 12px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.4;
  color: #4f4f4f;
}

.main-form__input {
  width: 100%;
  height: 44px;
  padding: 0 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  background-color: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid #C8C7D5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #1E1E1E;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}

.main-form__input:focus~.form__domen-caption,
.main-form__input:focus {
  border-color: #00CF6F;
}

.main-form__input::-webkit-input-placeholder {
  color: #9D9DAF;
}

.main-form__input::-moz-placeholder {
  color: #9D9DAF;
}

.main-form__input:-ms-input-placeholder {
  color: #9D9DAF;
}

.main-form__input::-ms-input-placeholder {
  color: #9D9DAF;
}

.main-form__input::placeholder {
  color: #9D9DAF;
}

.main-form__input.input__control--error {
  border-color: #ed0000;
  color: #ed0000;
}

.main-form__disclamer {
  text-align: center;
  margin: 0 auto;
  color: #a4a4b6;
  font-size: 12px;
  line-height: 17px;
}

.main-form__submit-text {
  position: relative;
  display: inline-block;
  padding-left: 0;
  font-size: 12px;
  line-height: 17px;
  max-width: 585px;
  margin: 0 20px 0 0;
  color: #9D9DAF;
}

.main-form__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-form__submit-btn {
  flex: 0 0 auto;
  display: inline-block;
  padding: 16px 40px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  background: #00CF6F;
  border: none;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.main-form__submit-btn:disabled {
  background: #9D9DAF !important;
}

@media (max-width: 767px) {
  .main-form__submit {
    -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;
  }
}

@media (min-width: 768px) {
  .main-form__submit {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .main-form__submit.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (min-width: 768px) {
  .main-form__fields {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}

@media (max-width: 767px) {
  .main-form__submit-btn {
    margin-top: 52px;
  }
}

.registration-form__error {
  margin: -30px 0 40px;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  color: #ed0000;
}

.registration-form__input--hidden {
  display: none;
}

.registration-form__custom {
  padding-top: 61px;
}

.registration-form__custom {
  margin: 0 -25px 45px;
  padding: 35px 25px 55px;
  background-color: #f3f2fc;
  border-radius: 8px;
  color: #4f4f4f;
}

.registration-form__fields {
  margin-bottom: 25px;
}

.registration-form__input {
  width: 100%;
  margin-bottom: 35px;
}

.input__error {
  margin-top: 12px;
  color: #f98c8c !important;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.4;
}

.input__info {
  margin-top: 12px;
  color: #4f4f4f !important;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.4;
}

.input__control, .input__inner {
  display: flex;
  flex-direction: row;
}

.input__control {
  flex-grow: 1;
  position: relative;
  border-bottom: 1px solid #c8c7d5;
  color: #293048;
  font-size: 16px;
}

.registration-form__input {
  width: 100%;
  margin-bottom: 35px;
}

.input__native {
  flex-grow: 1;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  font-family: inherit;
  background: transparent;
  color: inherit;
  border: none;
  outline: none;
}

.input__native::placeholder {
  color: #9d9daf;
}

.registration-form__timer {
  font-size: 12px;
  line-height: 1.4;
  color: #9d9daf;
  margin-bottom: 45px;
}

.registration-form__button + .registration-form__button {
  margin: 0 10px 0 0;
}

.registration-form__button {
  width: 100%;
  white-space: nowrap;
  transition: all 0.3s;
}

.registration-form__button:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%), #00CF6F;
}

.registration-form__custom .main-form__submit-text {
  margin: 0 auto 0 48px !important;
}

.registration-form__img {
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 375px) {
  .registration-form__agreement, .registration-form__fields, .registration-form__timer {
    padding-right: 25px;
    padding-left: 25px;
  }
}

@media (min-width: 768px) {
  .registration-form__footer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .registration-form__buttons {
    display: flex;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .registration-form__button + .registration-form__button {
    margin: 0 0 0 10px;
  }
}

@media (min-width: 768px) {
  .registration-form__fields {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-left: -24px;
    margin-bottom: 20px;
    padding-right: 45px;
    padding-left: 45px;
  }
}

@media (max-width: 767px) {
  .registration-form__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .registration-form__button {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .confirm-form__form .registration-form__input {
    width: calc(33% - 24px);
    margin-left: 24px;
  }
}

@media (min-width: 768px) {
  .registration-form__timer {
    max-width: 280px;
    margin: 0 20px 0 0;
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .registration-form__custom {
    margin: 0 0 95px;
    padding: 65px 65px 70px;
    padding-top: 65px;
  }
}

@media (min-width: 1200px) {
  .registration-form__custom .registration-form__button {
    flex: 0 1;
  }
}

/* ФОРМА КОМПОНЕНТ КОНЕЦ */

.form {
  display: grid;
  grid-template-columns: 100%;
  gap: 40px;
  max-width: 880px;
  margin-right: auto;
  margin-left: auto;
}

.form__fields {
  display: grid;
  grid-template-columns: 100%;
  gap: 19px;
}

@media (min-width: 768px) {
  .form__fields {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }

  .form__domen-field {
    display: flex;
    align-items: flex-end;
  }
}

@media(max-width: 767px) {
  .application--tariffs .form__fields {
    gap: 45px;
  }
}

.form__item {
  position: relative;
}

@media (min-width: 768px) {
  .form__item:last-of-type {
    grid-column: 3 / 3;
  }
}

.form__domen-caption,
.form__input {
  width: 100%;
  height: 44px;
  padding: 0 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  background-color: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid #C8C7D5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #1E1E1E;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}

.form__domen-caption {
  line-height: 2.7;
  flex: 0 0 auto;
  width: auto;
}

.form__input:focus~.form__domen-caption,
.form__input:focus {
  border-color: #00CF6F;
}

.form__input::-webkit-input-placeholder {
  color: #9D9DAF;
}

.form__input::-moz-placeholder {
  color: #9D9DAF;
}

.form__input:-ms-input-placeholder {
  color: #9D9DAF;
}

.form__input::-ms-input-placeholder {
  color: #9D9DAF;
}

.form__input::placeholder {
  color: #9D9DAF;
}

.form__select {
  width: 100%;
  height: 44px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  border: none;
  outline: none;
  border-bottom: 1px solid #C3BDD8;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #1E1E1E;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}

.form__select:focus {
  border-color: #00CF6F;
}

.form__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .form__submit {
    -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;
  }
}

@media (min-width: 768px) {
  .form__submit {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
  }

  .form__submit.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.form__agreement {
  margin-top: 20px;
  color: #9D9DAF;
  flex: 1 1 auto;
}

@media (min-width: 768px) {
  .form__agreement {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin: 0 20px 0 0;
  }
}

.form__button {
  padding-right: 40px;
  padding-left: 40px;
  flex: 0 0 auto;
}

.application--tariffs .form__button {
  padding: 25px 55px;
}

.application--tariffs .button:disabled {
  background-color: #9D9DAF;
}

@media (max-width: 767px) {
  .form__button {
    margin-top: 52px;
  }

  .application--tariffs .form__button {
    margin-top: 40px;
    width: 100%;
  }
}

.checkbox__input {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}

.checkbox__label {
  position: relative;
  display: inline-block;
  padding-left: 0;
  font-size: 12px;
  line-height: 17px;
  max-width: 585px;
}

.auth-form .checkbox__label {
  padding-left: 27px;
}

.checkbox__label.checkbox__label--visible::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 19px;
  background-color: #FFFFFF;
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  cursor: pointer;
}

.checkbox__label.checkbox__label--ps-0 {
  padding-left: 0;
}

.checkbox__input:checked+.checkbox__label::before {
  background: #FFFFFF url(../img/check.svg) no-repeat 50% 50%;
  border-color: #00CF6F;
}

.form__result {
  display: none;
  text-align: center;
}

.form__result-title {
  font-weight: 600;
  font-size: 46px;
  line-height: 140%;
  text-align: center;
  color: #333333;
  margin-bottom: 10px;
}

.form__result-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #9D9DAF;
  max-width: 440px;
  margin: auto;
}

.form__result-icon {
  display: none;
  margin: 0 auto 7px;
}

.form__additional_text {
  text-align: center;
  margin: 0 auto;
  color: #a4a4b6;
  font-size: 12px;
  line-height: 17px;
}

.partners__slide {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 40px 20px;
}

@media (min-width: 768px) {
  .partners__slide {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
  }
}

@media (min-width: 1200px) {
  .partners__slide {
    grid-template-columns: repeat(6, 1fr);
  }
}

.partners__image {
  display: block;
  width: auto;
  max-width: 90%;
  max-height: 50px;
  margin: auto;
}

.reviews {
  overflow: hidden;
}

@media (max-width: 767px) {
  .reviews {
    margin-bottom: 65px;
  }
}

.reviews--dark {
  padding-top: 45px;
  padding-bottom: 70px;
}

@media (min-width: 768px) {
  .reviews--dark {
    padding-top: 103px;
    padding-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .reviews__head {
    margin-bottom: 45px;
  }
}

.reviews__slider {
  overflow: visible;
}

.reviews__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px 30px 25px;
  background: #343A51;
  border-radius: 8px;
  color: #FFFFFF;
}

.reviews__item::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 22px;
  left: 22px;
  width: auto;
  height: 4px;
  background-color: #00CF6F;
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0;
}

.reviews__item.swiper-slide-active::before {
  opacity: 1;
}

@media (min-width: 768px) {
  .reviews__item {
    opacity: 0.3;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }

  .reviews__item.swiper-slide-active {
    opacity: 1;
  }

  .reviews__item::before {
    right: 32px;
    left: 32px;
    height: 6px;
  }
}

.reviews__description-wrapper {
  position: relative;
}

.reviews__description-wrapper .reviews__description {
  position: relative;
}

.reviews__description-wrapper .reviews__description::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 58, 81, 0)), to(rgba(52, 58, 81, 0.8)));
  background: linear-gradient(top, rgba(52, 58, 81, 0) 0%, rgba(52, 58, 81, 0.8) 100%);
}

.reviews__description-wrapper .reviews__description.expanded::after {
  opacity: 0;
}

.reviews__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 84px;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.2px;
  margin-bottom: 30px;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.reviews__description.expanded {
  height: auto;
  -webkit-line-clamp: unset;
}

.reviews__description p {
  margin: 0 0 20px;
}

.reviews__description p:last-child {
  margin-bottom: 0;
}

.reviews__description-link {
  position: absolute;
  left: 0;
  bottom: 5px;
  z-index: 1;
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.2px;
  text-decoration: none !important;
  border-bottom: 1px dashed currentColor;
  cursor: pointer;
  color: rgba(0, 207, 111, 0.7);
}

.reviews__description-link:hover {
  color: #00CF6F;
}

.reviews__partner {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100px;
}

@media (min-width: 1200px) {
  .reviews__partner {
    min-height: 120px;
  }
}

.reviews__partner-logo {
  max-width: 100px;
  max-height: 100px;
}

@media (min-width: 1200px) {
  .reviews__partner-logo {
    max-width: 120px;
    max-height: 120px;
  }
}

.reviews__partner-name {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.1px;
  color: #FFFFFF;
}

.reviews__partner-type {
  display: -webkit-box;
  max-height: 54px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.1px;
  color: #969696;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.reviews__partners {
  margin-top: 55px;
}

.index-start {
  display: grid;
  row-gap: 20px;
}

@media (max-width: 767px) {
  .index-start {
    margin-bottom: 88px;
  }
}

@media (min-width: 1200px) {
  .index-start {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}

.index-start__heading {
  margin: 0;
}

@media (max-width: 767px) {
  .index-start__heading {
    font-size: 24px;
    line-height: 29px;
  }
}

.index-start__description {
  margin: 0 0 38px;
  font-size: 15px;
  line-height: 22px;
  /* or 147% */
  letter-spacing: -0.2px;
}

@media (min-width: 768px) {
  .index-start__description {
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 32px;
    /*160%;*/
  }
}

.index-start__description ul>li:before {
  top: 9px;
}

.index-start__description ol>li:before {
  top: 3px;
}

.index-start__picture {
  padding: 0 12px;
  text-align: center;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

@media (min-width: 1200px) {
  .index-start__picture {
    grid-row: span 2;
    padding: 22px 0 0;
    text-align: right;
    -webkit-transform: translateX(34px);
    transform: translateX(34px);
  }
}

.blog {
  overflow: hidden;
}

.blog__head {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .blog__head {
    margin-bottom: 40px;
  }
}

.blog__all {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.3px;
  text-decoration: none;
  color: #00CF6F;
}

.connect-your-product__descr .blog__all {
  display: none;
}

@media (min-width: 768px) {
  .connect-your-product__descr .blog__all {
    display: inline-flex;
    margin-top: 15px;
  }
}

.blog__all-icon {
  width: 12px;
  height: 12px;
  margin-left: 13px;
  fill: currentColor;
}

.blog__tags {
  margin-bottom: 18px;
}

@media (min-width: 768px) {
  .blog__tags {
    margin-bottom: 35px;
  }
}

.blog__more {
  margin-top: 35px;
  text-align: center;
}

@media (min-width: 768px) {
  .blog__more {
    margin-top: 55px;
  }
}

.blog__more-button {
  padding-right: 40px;
  padding-left: 40px;
}

.articles__slider {
  overflow: visible;
}

@media (max-width: 767px) {
  .articles__slider .articles__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }

  .articles__slider .articles__item {
    width: 78%;
  }
}

.articles__list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 40px 20px;
}

@media (min-width: 1200px) {
  .articles__list {
    gap: 40px 30px;
  }
}

.articles__item {
  grid-column: span 12;
}

@media (min-width: 412px) {
  .articles__item {
    grid-column: span 6;
  }
}

/* @media (min-width: 768px) {
  .articles__item {
    grid-column: span 4;
  }
} */

@media (min-width: 1200px) {
  .articles__item {
    grid-column: span 3;
  }

  .articles__item--big {
    grid-column: span 8;
    grid-row: span 2;
  }

  .articles__item--big .articles__tags {
    top: 20px;
    right: 20px;
    left: 20px;
  }

  .articles__item--big .articles__tag {
    margin: 0 10px 10px 0;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
  }

  .articles__item--big .articles__publish {
    font-size: 13px;
    line-height: 14px;
  }

  .articles__item--big .articles__title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.4px;
  }

  .articles__item--big .articles__description {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.3px;
  }

  .articles__item--big {
    grid-column: span 6;
    grid-row: span 2;
    display: flex;
    flex-direction: column;
  }

  .articles__item--big .articles__picture a {
    padding-top: 95%;
    height: 100%;
  }

  .articles__item--big .articles__image {
    height: 100%;
    object-fit: cover;
  }
}

.articles__picture {
  position: relative;
  margin: 0 0 14px;
}

.articles__picture a {
  position: relative;
  display: block;
  padding-top: 70%;
  border-radius: 8px;
  overflow: hidden;
}

@media (min-width: 1200px) {
  /*.articles__item--big .articles__picture a {*/
  /*  padding-top: 100%;*/
  /*}*/
}

.articles__image {
  position: absolute;
  z-index: 1;
  top: 0;
  display: block;
  width: 100%;
}

.articles__tags {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 15px;
  left: 15px;
  font-size: 0;
  pointer-events: none;
}

.articles__tag {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 4px 9px;
  font-size: 9px;
  line-height: 11px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  background: #293048;
  border-radius: 4px;
  color: #FFFFFF;
}

.articles__publish {
  display: inline-block;
  margin: 0 0 10px;
  font-size: 11px;
  line-height: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.articles__title {
  margin: 0 0 10px;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.2px;
}

.articles__title-link {
  text-decoration: none;
  color: #00CF6F;
}

.articles__description {
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.2px;
}

@media (min-width: 768px) {
  .articles__pagination {
    display: none;
  }
}

.scopes {
  position: relative;
  z-index: 1;
  margin-bottom: 95px;
  overflow: hidden;
}

.scopes--dark {
  padding-top: 50px;
  padding-bottom: 50px;
}

.scopes--dark .scopes__text {
  color: #F2F2F2;
}

.scopes--dark .scopes__item {
  color: #F8F8F8;
}

.scopes--dark .scopes__item::before {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  .scopes {
    margin-bottom: 115px;
  }

  .scopes--dark {
    padding-top: 95px;
    padding-bottom: 115px;
  }
}

.scopes__rect {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 235px;
  margin-left: -132px;
  height: 100%;
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
  background: linear-gradient(80deg, #24464E 20%, #293048 50%);
  pointer-events: none;
}

@media (min-width: 768px) {
  .scopes__rect {
    margin-left: -150px;
  }

  .scopes__rect::after {
    content: '';
    position: absolute;
    top: 109px;
    left: -1px;
    width: 3px;
    height: 68px;
    background-color: #00CF6F;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}

.scopes__head {
  margin-bottom: 23px;
}

@media (min-width: 768px) {
  .scopes__head {
    margin-bottom: 40px;
  }
}

.scopes__list {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: scopes-list;
  margin-bottom: -50px;
}

@media (min-width: 768px) {
  .scopes__list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media (min-width: 1200px) {
  .scopes__list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}

.scopes__list_row {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 20px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .scopes__list_row {
    grid-template-columns: repeat(3, 1fr);
    gap: 51px 30px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

.scopes__item {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
  padding-bottom: 50px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: 13px;
  line-height: 21px;
  color: #333333;
}

.scopes__item::before {
  content: counter(scopes-list);
  counter-increment: scopes-list;
  display: inline-block;
  width: 48px;
  height: 48px;
  font-weight: 600;
  font-size: 18px;
  line-height: 46px;
  text-align: center;
  border: 1px dashed #9D9DAF;
  border-radius: 8px;
}

[class*='_row']>.scopes__item {
  padding-bottom: 0;
}

.features {
  overflow: hidden;
}

.features--delivery {
  margin-top: 70px;
}

.features .swiper-pagination {
  display: none;
}

.features .swiper-inited .swiper-pagination {
  display: block;
}

.features.features--to-accordion {
  display: none;
}

@media (max-width: 767px) {
  .features--to-accordion .page-wrapper {
    padding: 0 8px;
  }

  .features .swiper {
    margin-left: -25px;
  }

  .features .swiper-pagination {
    margin-right: -55px;
  }

  .features .swiper-pagination-bullet {
    background-color: #E0E8FD;
  }

  .features .swiper-pagination-bullet-active {
    background-color: #000;
  }

  .features.features--to-slider {
    display: none;
  }

  .features.features--to-accordion {
    display: block;
  }

  .features.features--to-slider .page-wrapper {
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .features__head {
    margin-bottom: 45px;
  }
}

.features__list {
  margin: 55px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 100%;
  gap: 50px;
}

.features--to-accordion .features__list {
  margin-top: 12px;
  gap: 0;
}

@media (max-width: 767px) {
  .features__heading {
    margin-bottom: 45px;
  }

  .features__list {
    gap: 0;
  }
}

@media (min-width: 768px) {
  .features__list {
    gap: 90px;
  }
}

.swiper-inited .features__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}

.features__item {
  display: grid;
}

.features__item.active {
  margin-bottom: 9px;
}

.features--to-accordion .features__item {
  gap: 0;
}

.features__item--v-centered {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: auto;
}

.swiper-inited .features__item--v-centered {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .features__item {
    grid-template-columns: repeat(2, 1fr);
    /* gap: 98px; */
  }

  .features__item:nth-child(n) {
    margin-right: 0;
  }

  .features__item--v-centered {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* gap: 78px; */
  }

  .features__item:nth-child(odd) .features__info {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
  }

  .features__item:nth-child(odd) .features__info--sm {
    max-width: none;
    margin-left: 0;
    align-self: flex-start;
  }
}

.features__info--sm {
  max-width: 500px;
  margin-left: auto;
}

.features__info--sm .features__title {
  max-width: 510px;
}

.features__info--sm ul {
  max-width: 435px;
}

@media (max-width: 767px) {
  .features__info {
    padding: 25px 0 0 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
  }

  .features__description-note {
    height: 2.5em;
  }
}

.features__description .blog__all svg,
.features__description .blog__all svg {
  position: relative;
  left: 10px;
}

.features__description .blog__all svg path,
.features__description .blog__all svg path {
  fill: #12d279;
}

.features__preview {
  text-align: center;
  height: 320px;
}

.features--to-accordion .features__preview {
  margin-right: 28px;
  height: auto;
}

.features__title {
  display: block;
  margin: 0 0 15px;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: -0.8px;
  color: #1E1E1E;
}

.features--to-accordion .features__info {
  display: none;
  padding: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0px 3.38992px 8.47479px rgba(0, 0, 0, 0.08);
}

.features--to-accordion .features__title {
  position: relative;
  padding: 25px 24px 26px;
  background-color: #293048;
  border-radius: 8px;
  transition: border-radius 0.3s ease;
  margin-bottom: 9px;
}

.features--to-accordion .active .features__title {
  margin-bottom: 0;
}

.features--to-accordion .features__item.active .features__title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.features--to-accordion .features__title::after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background: #8B7ADF url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDEwTDkuMiAzTDIgMTAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;

  position: absolute;
  top: 25px;
  right: 25px;
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.features--to-accordion .features__item.active .features__title::after {
  transform: rotate(0deg);
}

.features--to-accordion .features__title-text {
  width: 80%;
  max-width: 176px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  min-height: 40px;
}

@media (min-width: 768px) {
  .features__preview {
    height: auto;
  }

  .features__title {
    margin-bottom: 35px;
    font-size: 26px;
    line-height: 30px;
  }
}

@media (min-width: 1200px) {
  .features__title {
    font-size: 28px;
    line-height: 32px;
  }
}

@media (max-width: 480px) {
  .features__preview {
    height: auto;
  }
}

.features__title--lg {
  font-size: 36px;
  line-height: 1.3;
}

.features__title--subtitled {
  margin-bottom: 30px;
  margin-top: 35px;
}

@media (max-width: 767px) {
  .features--to-accordion .features__title {
    min-height: 90px;
    display: flex;
    align-items: center;
  }

  .features--to-accordion .features__list {
    gap: 9px;
  }

  .features--to-accordion .features__title {
    margin-bottom: 0;
  }
  
  .features--to-accordion .features__title-text {
    width: 100%;
    max-width: 70%;
    min-height: auto;
  }

  .features__title--subtitled {
    margin-bottom: 10px;
  }

  .features__title--subtitled.features__title--lg {
    font-size: 22px;
    line-height: 1.3;
    height: 3em;
  }
}

.features__subtitle {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 18px;
  color: #2A2F3A;
}

@media (max-width: 767px) {
  .features__subtitle {
    font-size: 15px;
    margin-left: 24px;
    margin-top: 10px;
  }

  .features--to-accordion .features__preview {
    margin-right: 0;
  }
}

.features__description {
  max-width: 520px;
  font-size: 15px;
  line-height: 22px;
}

.features--to-accordion .features__description-note {
  margin: 23px 23px 21px 24px;
  max-width: 252px;

  font-size: 14px;
  line-height: 19px;
  height: auto;
}

.features--to-accordion .features__description-note br {
  display: none;
}

.features__description ul {
  margin: 40px 0 30px;
  padding: 0;
  max-width: 500px;
}

.features--tariffs .features__description ul {
  max-width: 378px;
}

.features--to-accordion .features__description ul {
  margin-top: 39px;
  margin-left: 15px;
  margin-right: 34px;
  margin-bottom: 39px;
}

.features__description ul>li {
  position: relative;
  /* margin-bottom: 28px; */
  margin-bottom: 22px;
  padding-left: 36px;
  list-style: none;
}

.features--to-accordion .features__description ul>li {
  font-size: 14px;
  line-height: 18.87px;
  color: #5B6373;
  padding-left: 39px;
}

.features__description ul>li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  /* background: url("/local/templates/site/img/icon/check.svg") no-repeat center; */
  background: url("/local/templates/site/img/icon/check-icon.svg") no-repeat center;
  border-radius: 100%;
}

.features--to-accordion .features__description ul>li:before {
  width: 22px;
  height: 22px;
}

@media (max-width: 767px) {
  .features--to-accordion .features__description ul>li {
    padding-left: 25px;
  }

  .features--to-accordion .features__description ul>li:before {
    width: 16px;
    height: 16px;
    background-size: cover;
  }

  .features--to-accordion .features__description-note {
    max-width: unset;
  }
}

@media (min-width: 768px) {
  .features__description {
    font-size: 18px;
    line-height: 29px;
  }
}

@media (min-width: 1200px) {
  .features__description {
    font-size: 20px;
    line-height: 32px;
  }
}

.features__info--sm .features__description {
  font-size: 16px;
  line-height: 1.37;
  color: #898e9a;
}

.features--tariffs .features__info--sm .features__description {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #5B6373;
}

/* .features--tariffs .features__description a.blog__all{
  display: none;
} */
@media (max-width: 767px) {
  .features__info--sm .features__description {
    font-size: 14px;
    line-height: 1.35;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
  }

  .features__info--sm .features__description br {
    display: none;
  }

  .features__info--sm .features__description .blog__all {
    margin-top: auto;
  }
}

.features__image {
  display: block;
  max-height: 100%;
}

.video-presentation__link {
  position: relative;
  display: block;
  margin-bottom: 19px;
}

.video-presentation__link::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  background: url("../img/icon/video-link-icon.svg") no-repeat 50% 50%/contain;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
  .video-presentation__link {
    margin-bottom: 33px;
  }
}

.video-presentation__image {
  display: block;
  width: 100%;
  border-radius: 8px;
}

.video-presentation__text {
  text-align: left;
}

@media (min-width: 768px) {
  .video-presentation__text {
    padding-left: 40px;
  }
}

.video-presentation__title {
  display: block;
  margin: 0 0 5px;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #00CF6F;
}

@media (min-width: 768px) {
  .video-presentation__title {
    position: relative;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.4px;
  }

  .video-presentation__title::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -40px;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    background: url("../img/icon/video-icon.svg") no-repeat 50% 50%/contain;
  }
}

.video-presentation__description {
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.2px;
}

.module-in-solutions {
  position: relative;
  z-index: 1;
  margin: 0 0 50px;
  padding-top: 45px;
  padding-bottom: 45px;
  overflow: hidden;
}

.module-in-solutions::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 235px;
  margin-left: -10px;
  height: 100%;
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
  background: linear-gradient(80deg, #24464E 20%, #293048 50%);
  pointer-events: none;
}

@media (min-width: 768px) {
  .module-in-solutions {
    margin-bottom: 62px;
    padding-top: 62px;
    padding-bottom: 62px;
  }

  .module-in-solutions::after {
    margin-left: -95px;
  }
}

@media (min-width: 1200px) {
  .module-in-solutions {
    margin-bottom: 115px;
    padding-top: 100px;
    padding-bottom: 80px;
  }
}

.module-in-solutions__head {
  margin-bottom: 35px;
}

@media (min-width: 768px) {
  .module-in-solutions__head {
    margin-bottom: 55px;
  }
}

@media (min-width: 1200px) {
  .module-in-solutions__head {
    margin-bottom: 60px;
  }
}

.module-in-solutions__slider {
  overflow: visible;
}

@media (min-width: 1200px) {
  .module-in-solutions__slider {
    overflow: hidden;
  }
}

.module-in-solutions__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.module-in-solutions__list_no-slider {
  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-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin-bottom: -20px;
}

.module-in-solutions__item {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  height: auto;
  padding: 30px 20px 25px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  color: #FFFFFF;
}

.module-in-solutions__item_no-slider {
  margin-bottom: 20px;
}

.module-in-solutions__item::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 22px;
  left: 22px;
  width: auto;
  height: 4px;
  background-color: #00CF6F;
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0;
}

.module-in-solutions__item.swiper-slide-active::before {
  opacity: 1;
}

@media (min-width: 768px) {
  .module-in-solutions__item {
    gap: 15px;
    padding: 30px 15px 25px;
  }

  .module-in-solutions__item::before {
    right: 32px;
    left: 32px;
    height: 6px;
  }
}

.module-in-solutions__icon {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  border: 1px dashed #9D9DAF;
  border-radius: 8px;
}

.module-in-solutions__icon-image {
  margin: auto;
}

.module-in-solutions__title {
  display: block;
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}

.module-in-solutions__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -8px;
}

.module-in-solutions__tag {
  margin: 0 0 10px 8px;
  padding: 4px 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  background: #F4F2FC;
  border-radius: 4px;
  color: #333333;
}

.about__wrap {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 35px 20px;
  margin-bottom: 35px;
}

.button--about {
  text-align: center;
}

.button--about .button--lg {
  padding: 16px !important;
}

@media (min-width: 768px) {
  .about__wrap {
    grid-template-columns: repeat(9, 1fr);
    gap: 40px 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 45px;
  }
}

@media (min-width: 1200px) {
  .about__wrap {
    grid-template-columns: repeat(12, 1fr);
    gap: 45px 30px;
  }
}

.about__head {
  margin: 0;
}

@media (min-width: 768px) {
  .about__head {
    grid-column: span 5;
    grid-template-columns: repeat(5, 1fr);
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .about__head {
    grid-column: span 6;
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (min-width: 768px) {
  .about__heading {
    grid-column: span 5;
  }
}

@media (min-width: 1200px) {
  .about__heading {
    grid-column: span 6;
  }
}

@media (min-width: 768px) {
  .about__text {
    grid-column: span 5;
  }
}

@media (min-width: 1200px) {
  .about__text {
    grid-column: span 5;
  }
}

.about__description {
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.2px;
}

.about__description p {
  margin: 0 0 22px;
}

.about__description p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .about__description {
    grid-column: span 4;
  }
}

@media (min-width: 1200px) {
  .about__description {
    grid-column: span 6;
  }
}

.about__description-button {
  margin-top: 28px;
}

.about__course-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}

@media (min-width: 375px) {
  .about__course-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .about__course-container {
    grid-column: span 9;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1200px) {
  .about__course-container {
    grid-column: span 12;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
  }
}

.about__course-details-title {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.1px;
  color: #1C1C1C;
}

.about__course-details-dody {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.1px;
  color: #333333;
  margin-top: 17px;
}

.about__course-details-dody_big {
  margin-top: 7px;
}

.about__course-details-icon {
  min-height: 20px;
  padding-left: 27px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about__course-details-icon:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -2px;
  left: 0;
  background: transparent center / contain;
}

.about__course-details-icon_calendar:before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.38 3.33H4.05c-.9 0-1.62.75-1.62 1.67v11.67c0 .92.72 1.66 1.62 1.66h11.33c.9 0 1.62-.74 1.62-1.66V5c0-.92-.73-1.67-1.62-1.67zM12.95 1.67V5M6.48 1.67V5M2.43 8.33H17' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.about__course-details-icon_time:before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.71 18.33c4.48 0 8.1-3.73 8.1-8.33s-3.62-8.33-8.1-8.33A8.22 8.22 0 001.61 10c0 4.6 3.63 8.33 8.1 8.33z' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.71 5v5l3.24 1.67' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.about__course-details-text-big {
  font-weight: 500;
  font-size: 28px;
  line-height: 34px;
  color: #293048;
  margin-right: 4px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .about__course-application {
    grid-column: span 3;
  }
}

.bottom-menu {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

@media (min-width: 1200px) {
  .bottom-menu {
    display: grid;
    gap: 30px;
    /* grid-template-columns: 255px 255px 160px; */
    grid-template-columns: 255px 160px;
  }
}

.bottom-menu__item {
  margin: 0 0 17px;
}

.bottom-menu__item.active .bottom-menu__link {
  color: #00CF6F;
}

@media (min-width: 375px) and (max-width: 1199px) {
  .bottom-menu__item {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
  }
}

@media (max-width: 767px) {
  .bottom-menu__item {
    margin-bottom: 30px;
  }
}

.bottom-menu__link {
  display: inline-block;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  text-decoration: none;
  text-transform: uppercase;
  color: #E8E8EC;
}

.bottom-menu__link:hover {
  color: #00CF6F;
}

.bottom-menu__list {
  margin: 18px 0 30px;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  list-style: none;
}

@media (max-width: 767px) {
  .bottom-menu__list {
    display: none;
  }
}

.bottom-menu__list-item {
  margin: 0 0 8px;
}

.bottom-menu__list-item.active .bottom-menu__list-link {
  color: #00CF6F;
}

.bottom-menu__list-link {
  display: inline-block;
  text-decoration: none;
  color: #9D9DAF;
}

.bottom-menu__list-link:hover {
  color: #00CF6F;
}

.social__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

@media (min-width: 768px) {
  .social__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.social__link {
  width: auto;
  height: 21px;
  font-size: 0;
  color: #9D9DAF;
  margin: 0 10px;
}

.social__link:hover {
  color: #00CF6F;
}

@media (min-width: 768px) {
  .social__link {
    margin: 0 20px 0 0;
  }

  .social__link:last-child {
    margin-right: 0;
  }
}

.social__icon {
  width: auto;
  height: 21px;
  fill: currentColor;
}

.webprofy a {
  display: inline-block;
  vertical-align: middle;
  color: #9D9DAF;
}

.webprofy a:hover {
  color: #00CF6F;
}

.webprofy__logo {
  width: 76px;
  height: 11px;
  fill: currentColor;
}

.visually-hidden {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}

.present-slider {
  position: relative;
}

@media (min-width: 768px) {
  .present-slider {
    padding: 0 85px;
  }
}

.present-slider__prev,
.present-slider__next {
  display: none;
  position: absolute;
  top: 137px;
  background: transparent url("data:image/svg+xml,%3Csvg width='19' height='35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 34L1 17.5 17.5 1' stroke='%239D9DAF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 66px;
  height: 66px;
}

@media (min-width: 768px) {

  .present-slider__prev,
  .present-slider__next {
    display: block;
  }
}

.present-slider__prev.swiper-button-disabled,
.present-slider__next.swiper-button-disabled {
  display: none;
}

.present-slider__prev {
  left: 0;
}

.present-slider__next {
  right: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.present-slider__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: calc(100% + 46px);
}

.swiper-container-initialized .present-slider__list {
  overflow: visible;
}

@media (min-width: 1200px) {
  .present-slider__list {
    margin: 0 -23px;
  }

  .swiper-container-initialized .present-slider__list {
    margin: 0;
  }
}

.present-slider__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-width: 100%;
}

.swiper-container-initialized .present-slider__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 0;
}

@media (min-width: 1200px) {
  .present-slider__item {
    padding: 0 23px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%;
  }

  .swiper-container-initialized .present-slider__item {
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0;
  }
}

.present-slider__picture {
  width: 100%;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.present-slider__picture_video:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2C2C2C;
  opacity: .25;
  z-index: 1;
}

.present-slider__picture-inner {
  width: 100%;
  position: relative;
  padding-bottom: 64%;
  z-index: 0;
}

.present-slider__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.present-slider__play {
  position: absolute;
  width: 60px;
  height: 60px;
  background: white url("data:image/svg+xml,%3Csvg width='20' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20.1V2.4A2 2 0 013 .7l15.9 9a2 2 0 010 3.5L2.8 22A2 2 0 010 20z' fill='%2300CF6F'/%3E%3C/svg%3E") no-repeat center;
  background-position-x: calc(50% + 2px);
  z-index: 2;
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.present-slider__title {
  margin-top: 35px;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: #00CF6F;
  padding-left: 41px;
  position: relative;
}

.present-slider__title_video:before {
  content: '';
  width: 28px;
  height: 28px;
  background: #00CF6F url("data:image/svg+xml,%3Csvg width='10' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10.3V1.7A1 1 0 011.5.8l7.9 4.4a1 1 0 010 1.8l-8 4.2a1 1 0 01-1.4-.9z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
  background-position-x: calc(50% + 1px);
  position: absolute;
  left: 0;
  top: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.present-slider__text {
  margin-top: 6px;
  padding-left: 41px;
  font-size: 15px;
  line-height: 140%;
  letter-spacing: -0.2px;
  color: #4F4F4F;
}

.tariff {
  overflow: hidden;
  margin-left: -24px;
  margin-right: -24px;
}

@media (min-width: 768px) {
  .tariff {
    margin-left: -30px;
    margin-right: -30px;
  }
}

@media (min-width: 1200px) {
  .tariff {
    margin-left: 0;
    margin-right: 0;
  }
}

.tariff__head {
  display: none;
}

@media (min-width: 1200px) {
  .tariff__head {
    display: grid;
    padding: 0;
  }
}

.tariff__body {
  background: #F3F2FC;
  border-radius: 8px;
  padding: 43px 0 54px;
}

@media (min-width: 375px) {
  .tariff__body {
    padding: 43px 24px 54px;
  }
}

@media (min-width: 768px) {
  .tariff__body {
    padding: 54px 30px;
  }
}

@media (min-width: 1200px) {
  .tariff__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 54px 43px;
  }
}

.tariff__title-mobile-wrap {
  padding: 0 24px;
}

@media (min-width: 375px) {
  .tariff__title-mobile-wrap {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .tariff__title-mobile-wrap {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-bottom: 35px;
  }
}

@media (min-width: 1200px) {
  .tariff__title-mobile-wrap {
    display: none;
  }
}

.tariff__title-mobile {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #000000;
  margin-bottom: 17px;
}

@media (min-width: 768px) {
  .tariff__title-mobile {
    grid-column: span 5;
    font-size: 40px;
    line-height: 125%;
    margin-bottom: 0;
  }
}

.section__sub-title-mobile {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #4F4F4F;
  margin-bottom: 35px;
}

@media (min-width: 768px) {
  .section__sub-title-mobile {
    grid-column: span 4;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.3px;
    margin-bottom: 0;
  }
}

.tariff__body_form-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.tariff__tabs {
  margin: 0 -25px 33px;
  padding-top: 15px;
  border-bottom: 1px solid #CCCCCC;
}

.tariff__tabs .tabs {
  background: transparent;
}

@media (min-width: 768px) {
  .tariff__tabs {
    display: none;
  }
}

.tariff__tabs-logo {
  min-width: 85px;
}

.tariff__describe {
  display: none;
  margin-right: 30px;
  padding: 23px 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 335px;
}

@media (min-width: 1200px) {
  .tariff__describe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.tariff__describe-header {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: #1E1E1E;
}

.tariff__service-list {
  margin-top: auto;
}

.tariff__describe .tariff__service-list {
  margin-top: 60px;
}

.tariff__service {
  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;
  -ms-flex-line-pack: center;
  align-content: center;
  margin: 0 -35px;
  padding: 20px 18px;
  border-top: 1px solid #DBDAE3;
  border-bottom: 0;
}

.tariff__service_checkbox {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 20px;
}

.tariff__describe-mini-block {
  background: #fff;
  border-radius: 4px;
  padding: 15px 20px;
	margin-top: auto;
}

.tariff__describe-mini-block {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.1px;
  color: #585757;
}

@media (min-width: 1200px) {
  .tariff__service {
    border-bottom: 1px solid #DBDAE3;
    border-top: 0;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    min-height: 90px;
    padding: 10px 0;
    margin: 0;
  }
}

.tariff__service_disabled {
  display: none;
}

@media (min-width: 1200px) {
  .tariff__service_disabled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.tariff__service:last-child {
  border-bottom: 0;
}

.tariff__describe-name {
  display: block;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.1px;
  color: #00CF6F;
  margin-bottom: 2px;
}

.tariff__describe-subname {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.1px;
  color: #585757;
}

@media (min-width: 375px) {
  .tariff__slider-container {
    width: calc(100% - 80px);
    overflow: visible;
  }
}

@media (min-width: 768px) {
  .tariff__slider-container {
    width: 100%;
  }
}

.tariff__list {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0;
}

.swiper-container-initialized .tariff__list {
  overflow: visible;
}

@media (min-width: 768px) {
  .tariff__list {
    overflow: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}

.tariff__item-wrap {
  padding: 0 10px;
}

@media (min-width: 768px) {
  .tariff__item-wrap {
    -ms-flex-preferred-size: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
}

.tariff__item {
  display: grid;
  grid-template-rows: auto 84px;
  max-width: 100%;
  height: auto;
}

@media (min-width: 375px) {
  .tariff__item {
    -webkit-filter: drop-shadow(20px 20px 40px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(20px 20px 40px rgba(0, 0, 0, 0.2));
  }
}

@media (min-width: 1200px) {
  .tariff__item {
    height: 100%;
  }
}

.tariff__item-panel {
  padding: 23px 35px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 4px rgba(30, 30, 30, 0.08);
  box-shadow: 0 4px 4px rgba(30, 30, 30, 0.08);
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tariff__item-header {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  min-height: 110px;
}

@media (min-width: 1200px) {
  .tariff__item-header {
    min-height: 0;
    margin-bottom: 0;
  }
}

.tariff__item-logo {
  width: 120px;
  height: 36px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 3px;
}

@media (min-width: 1200px) {
  .tariff__item-logo {
    margin-bottom: 10px;
  }
}

.tariff__item-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #293048;
  white-space: nowrap;
  margin-bottom: 5px;
}

@media (min-width: 1200px) {
  .tariff__item-price {
    margin-bottom: 13px;
  }
}

.tariff__item-price-big {
  font-size: 24px;
  line-height: 29px;
  margin: 0 5px;
}

.tariff__item-payment {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -0.1px;
  color: #9D9DAF;
}

.tariff__item-base {
  display: block;
  line-height: 18px;
  letter-spacing: -0.1px;
  margin: auto;
  font-weight: 600;
  font-size: 12px;
  color: #00CF6F;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

@media (min-width: 1200px) {
  .tariff__item-base {
    color: #333333;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
  }
}

.tariff__item-disabled {
  display: block;
  margin: auto;
  width: 20px;
  height: 1px;
  background: #333333;
}

.tariff__switch {
  margin: 0;
}

@media (min-width: 1200px) {
  .tariff__switch {
    margin: auto;
    -ms-flex-item-align: center;
    align-self: center;
  }
}

.tariff__switch-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color-adjust: exact;
  -webkit-print-color-adjust: exact;
  background: #EFECFC;
  border-radius: 30px;
  display: block;
  width: 63px;
  height: 32px;
  position: relative;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.tariff__switch-input:after {
  content: '';
  background: #FFFFFF;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  width: 26px;
  height: 26px;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translate(3px, -50%);
  transform: translate(3px, -50%);
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.tariff__switch-input:checked:after {
  -webkit-transform: translate(34px, -50%);
  transform: translate(34px, -50%);
  background: #00CF6F url("data:image/svg+xml,%3Csvg width='15' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9 1.41l-8.86 8.86L1 6.24' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  -webkit-transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out, background .2s ease-in-out;
  transition: transform .2s ease-in-out, background .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.tariff__description {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

@media (min-width: 1200px) {
  .tariff__description {
    display: none;
  }
}

.tariff__description-name {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.1px;
  color: #1C1C1C;
}

.tariff__description-code {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.1px;
  color: #585757;
}

.tariff__choose-wrap {
  background: #9D9DAF;
  border-radius: 4px;
  padding: 26px 20px 18px;
  margin-top: -8px;
}

.tariff__choose {
  width: 100%;
  padding: 14px 10px;
}

.tariff__footer {
  display: none;
  padding: 50px 50px 70px;
  background: #F3F2FC;
  border-top: 1px dashed #828282;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.tariff__footer--h2 {
  font-weight: bold;
  font-size: 32px;
  line-height: 140%;
  text-align: center;
  color: #333333;
  margin: 0 0 30px;
}

.start-kit {
  margin-left: -24px;
  margin-right: -24px;
}

@media (min-width: 768px) {
  .start-kit {
    margin-left: 0;
    margin-right: 0;
  }
}

.start-kit__head {
  padding: 36px 24px 0;
  margin: 0;
  background: #F3F2FC;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

@media (min-width: 768px) {
  .start-kit__head {
    margin-bottom: 60px;
    background: transparent;
  }
}

.start-kit__body {
  background: #F3F2FC;
  padding: 40px 18px;
  display: grid;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  grid-template-columns: auto 335px;
  grid-template-rows: auto 1fr;
  grid-template-areas: 'canvas panel' 'des panel';
  grid-gap: 16px 24px;
}

@media (max-width: 1199px) {
  .start-kit__body {
    padding: 0 20px 58px;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas: 'canvas' 'des' 'panel';
    grid-gap: 50px;
  }
}

@media (min-width: 768px) {
  .start-kit__body {
    padding: 0 20px 58px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}

@media (min-width: 1200px) {
  .start-kit__body {
    padding: 40px 18px;
  }
}

.start-kit__canvas {
  grid-area: canvas;
  position: relative;
  max-width: 730px;
  height: 336px;
  justify-self: center;
  width: 100%;
}

@media (min-width: 768px) {
  .start-kit__canvas {
    left: -20px;
  }
}

.start-kit__img {
  position: absolute;
}

.start-kit__img_1 {
  position: absolute;
  width: 68%;
  height: 213px;
  -o-object-fit: contain;
  object-fit: contain;
  top: 36px;
  left: 17%;
  z-index: 0;
}

@media (min-width: 768px) {
  .start-kit__img_1 {
    width: 278px;
    height: 265px;
    top: 32px;
    left: 300px;
  }
}

.start-kit__img_2 {
  position: absolute;
  width: 24%;
  height: 145px;
  -o-object-fit: contain;
  object-fit: contain;
  top: 119px;
  left: 2%;
  z-index: 1;
}

@media (min-width: 768px) {
  .start-kit__img_2 {
    width: 94px;
    height: 178px;
    top: 129px;
    left: 500px;
  }
}

.start-kit__img_3 {
  position: absolute;
  width: 43%;
  height: 128px;
  -o-object-fit: contain;
  object-fit: contain;
  top: 179px;
  left: 54%;
  z-index: 0;
}

@media (min-width: 768px) {
  .start-kit__img_3 {
    width: 174px;
    height: 158px;
    top: 143px;
    left: 550px;
  }
}

.start-kit__img_4 {
  position: absolute;
  width: 39%;
  height: 118px;
  top: 225px;
  left: 10%;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
}

@media (min-width: 768px) {
  .start-kit__img_4 {
    width: 161px;
    height: 145px;
    top: 190px;
    left: 192px;
  }
}

.start-kit__img_5 {
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 0;
  width: 49%;
  height: 120px;
  top: 263px;
  left: 47%;
}

@media (min-width: 768px) {
  .start-kit__img_5 {
    width: 200px;
    height: 148px;
    top: 177px;
    left: 35px;
  }
}

.start-kit__description {
  grid-area: des;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  margin: 0 -8px -12px;
  counter-reset: start_kit_item;
  padding-left: 25px;
}

.start-kit__description-item {
  padding: 0 6px 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
}

.start-kit__description-item:before {
  counter-increment: start_kit_item;
  content: counter(start_kit_item);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background: #00CF6F;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  margin-right: 7px;
}

.start-kit__panel {
  padding: 20px 18px 30px;
  grid-area: panel;
  background: #FFFFFF;
  -webkit-box-shadow: 20px 20px 40px rgba(30, 30, 30, 0.2);
  box-shadow: 20px 20px 40px rgba(30, 30, 30, 0.2);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

@media (min-width: 768px) {
  .start-kit__panel {
    padding: 42px 64px 44px;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .start-kit__panel {
    padding: 55px 20px 40px 33px;
  }
}

.start-kit__panel-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #333333;
  margin-bottom: 9px;
}

@media (min-width: 768px) {
  .start-kit__panel-title {
    max-width: 650px;
    width: 100%;
    margin: 0 0 30px 20px;
    font-size: 30px;
    line-height: 37px;
    color: #333333;
  }
}

@media (min-width: 1200px) {
  .start-kit__panel-title {
    margin: 0 0 3px;
    font-size: 32px;
    line-height: 39px;
  }
}

.start-kit__panel-body {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 12px 15px;
}

@media (min-width: 768px) {
  .start-kit__panel-body {
    grid-template-rows: auto;
    grid-gap: 15px;
  }
}

@media (min-width: 1200px) {
  .start-kit__panel-body {
    display: block;
  }
}

.start-kit__panel-mobile {
  grid-column: 1 / 5;
  grid-row: 1 / 2;
}

@media (min-width: 768px) {
  .start-kit__panel-mobile {
    display: none;
  }
}

.start-kit__panel-essence {
  margin: 10px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: -0.3px;
  color: #4F4F4F;
}

@media (max-width: 1199px) {
  .start-kit__panel-essence {
    display: none;
  }
}

.start-kit__panel-suggestion {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.1px;
  color: #1C1C1C;
}

.start-kit__panel-plus {
  margin: 11px 0;
  width: 20px;
  height: 20px;
  background: #00CF6F url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75 4.92H4.3v2.4H2.47v-2.4H.03V3.2h2.44V.8H4.3v2.4h2.45v1.72z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
  border-radius: 50%;
}

.start-kit__panel-btn {
  margin-top: 5px;
  align-self: flex-start;
  grid-column: 1 / 5;
  grid-row: 3 / 4;
  justify-self: center;
}

@media (min-width: 768px) {
  .start-kit__panel-btn {
    grid-column: 4 / 5;
    grid-row: 1 / 2;
  }
}

@media (min-width: 1200px) {
  .start-kit__panel-btn {
    margin-top: 15px;
  }
}

.popup__wrapper {
  position: relative;
}

.popup__container {
  position: relative;
  width: 100%;
  margin: auto;
}

.popup__wrapper .mfp-close {
  font-size: 0;
  background: transparent url("data:image/svg+xml,%3Csvg width='23' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 6L6 17M17 17L6 6' stroke='%23333' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
}

@media (min-width: 1200px) {
  .popup__wrapper .mfp-close {
    right: 30px;
  }
}

@media (min-width: 1200px) {
  .partner__head {
    margin-bottom: 65px;
  }

  .partner--all .partner__head {
    margin-bottom: 88px;
  }
}

.partner__list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 30px 20px;
}

@media (min-width: 1200px) {
  .partner__list {
    gap: 30px;
  }
}

.partner__item {
  grid-column: span 12;
  padding: 30px;
  border: 1px solid #DBDBDB;
  border-radius: 8px;
}

@media (min-width: 768px) {
  .partner__item {
    grid-column: span 6;
  }
}

@media (min-width: 1200px) {
  .partner__item {
    grid-column: span 4;
  }
}

.partner__item_link {
  position: relative;
  padding-bottom: 67px;
}

.partner__logo-wrap {
  height: 70px;
  margin-bottom: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 150px;
}

.partner__logo {
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.partner__description {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #585757;
  margin: 0;
}

.partner__link {
  position: absolute;
  display: block;
  left: 30px;
  bottom: 30px;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.1px;
  color: #00CF6F;
  width: calc(100% - 60px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.news-list__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 30px;
}

.news-list__img-wrap {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
}

.news-list__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.news-list__data {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  text-transform: uppercase;
  color: #969696;
  margin-bottom: 10px;
}

.news-list__name {
  display: block;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: #00CF6F;
  text-decoration: none;
}

.news-list__name:hover {
  color: #00CF6F;
  text-decoration: underline;
}

.contact-center {
  padding: 15px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  display: grid;
  grid-gap: 30px;
}

@media (min-width: 768px) {
  .contact-center {
    padding: 47px 54px;
  }
}

@media (min-width: 1200px) {
  .contact-center {
    grid-template-columns: auto 490px;
  }
}

.contact-center__info {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: repeat(6, auto);
  grid-template-areas: 'address address' 'time time' 'sale sale' 'support support' 'email email' 'btn btn';
  grid-gap: 8px;
}

@media (min-width: 768px) {
  .contact-center__info {
    grid-template-columns: auto auto;
    grid-template-rows: repeat(5, auto);
    grid-template-areas: 'address address' 'time time' 'sale support' 'email web' 'btn btn';
    grid-gap: 20px;
  }
}

.contact-center__brick_address {
  grid-area: address;
}

.contact-center__brick_work-time {
  grid-area: time;
}

.contact-center__brick_sale {
  grid-area: sale;
}

.contact-center__brick_support {
  grid-area: support;
}

.contact-center__brick_email {
  grid-area: email;
}

.contact-center__brick_web {
  grid-area: web;
}

.contact-center__brick-title {
  display: block;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.1px;
  color: #333333;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .contact-center__brick-title {
    margin-bottom: 4px;
  }
}

.contact-center__brick-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 15px;
  font-size: 16px;
  line-height: 183.5%;
  color: #333333;
}

.contact-center__brick-body_no-flex {
  display: block;
}

.contact-center__brick-body_col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.contact-center__callback {
  grid-area: btn;
  justify-self: flex-start;
  padding: 14px 30px;
}

@media (min-width: 1200px) {
  .contact-center__callback {
    margin-top: 10px;
  }
}

.contact-center__map {
  width: 100%;
  height: 360px;
}

.contact-center__map-point {
  visibility: hidden;
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.contact-search-form {
  position: relative;
  margin-top: 45px;
}

.contact-search-form__input {
  padding-right: 50px;
}

.contact-search-form__btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: transparent url("data:image/svg+xml,%3Csvg width='18' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.17 0A7.52 7.52 0 00.62 7.49a7.52 7.52 0 007.55 7.48A7.52 7.52 0 0015.7 7.5 7.52 7.52 0 008.17 0zm0 13.6a6.14 6.14 0 01-6.15-6.11c0-3.37 2.76-6.1 6.15-6.1 3.4 0 6.15 2.73 6.15 6.1 0 3.36-2.76 6.1-6.15 6.1z' fill='%239D9DAF'/%3E%3Cpath d='M17.55 15.82l-3.99-3.96a.7.7 0 00-.98 0 .69.69 0 000 .98l3.99 3.96a.7.7 0 00.98 0 .69.69 0 000-.98z' fill='%239D9DAF'/%3E%3C/svg%3E") no-repeat center;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}

.contact-dealer__map {
  width: 100%;
  height: 460px;
}

.contact-dealer__map-point {
  visibility: hidden;
}

.contact-dealer__list {
  margin-top: 45px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 30px;
}

@media (min-width: 768px) {
  .contact-dealer__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.contact-dealer__item {
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  padding: 15px;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: repeat(5, auto);
  grid-template-areas: 'head' 'des' 'address' 'tel' 'email' 'web';
  grid-gap: 8px;
}

.contact-dealer__item--hidden {
  display: none;
}

@media (min-width: 1200px) {
  .contact-dealer__item {
    padding: 35px 40px 50px;
    grid-template-columns: auto auto;
    grid-template-rows: repeat(4, auto);
    grid-template-areas: 'head head' 'des des' 'address address' 'tel email' 'web web';
    grid-gap: 20px;
  }
}

.contact-dealer__item-head {
  margin-bottom: 5px;
  grid-area: head;
}

@media (min-width: 768px) {
  .contact-dealer__item-head {
    margin-bottom: 15px;
  }
}

.contact-dealer__item-tags {
  margin-bottom: 0;
}

.contact-dealer__item-link {
  font-weight: 600;
  font-size: 18px;
  line-height: 29px;
  display: block;
}

@media (min-width: 768px) {
  .contact-dealer__item-link {
    font-size: 24px;
  }
}

.contact-dealer__item-city {
  font-weight: 600;
  font-size: 13px;
  line-height: 120%;
  color: #828282;
  display: block;
  margin-top: 5px;
}

.contact-dealer__item-description {
  grid-area: des;
  font-size: 16px;
  line-height: 183.5%;
  color: #4F4F4F;
}

@media (min-width: 1200px) {
  .contact-dealer__item-description {
    margin-top: 3px;
  }
}

.contact-dealer__item-address {
  grid-area: address;
}

.contact-dealer__item-tel {
  grid-area: tel;
  overflow: hidden;
}

.contact-dealer__item-email {
  grid-area: email;
  overflow: hidden;
}

.contact-dealer__item_web {
  grid-area: web;
  overflow: hidden;
}

.ym-bal {
  padding: 10px 10px 15px 12px;
  width: 245px;
}

.ym-bal__link {
  display: block;
  background: transparent url("data:image/svg+xml,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.95 9h11.17l-4.88 4.88a1 1 0 000 1.42 1 1 0 001.4 0l6.6-6.59a1 1 0 000-1.41L9.64.71a1 1 0 10-1.4 1.41L13.12 7H1.95a1 1 0 00-1 1 1 1 0 001 1z' fill='%2300CF6F'/%3E%3C/svg%3E") no-repeat top right;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.1px;
  color: #00CF6F;
}

.ym-bal__link_no-link {
  background: transparent;
}

.ym-bal__address {
  font-size: 14px;
  line-height: 160%;
  color: #333333;
  margin-top: 9px;
}

.ym-bal__tel,
.ym-bal__tel:hover {
  display: block;
  font-size: 14px;
  line-height: 183.5%;
  color: #000000;
  margin-top: 9px;
}

.faq {
  margin-top: -7px;
}

@media (min-width: 1200px) {
  .faq {
    margin-top: -24px;
    margin-bottom: 95px;
  }
}

.faq__item {
  margin: 0 -25px;
  padding: 24px 25px;
  border-bottom: 1px solid #DBDBDB;
  position: relative;
  -webkit-transition: border-bottom .2s ease-in-out;
  transition: border-bottom .2s ease-in-out;
}

.faq__item::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 25px;
  left: 25px;
  display: block;
  width: auto;
  height: 6px;
  -webkit-transform: skew(-35deg, 0);
  transform: skew(-35deg, 0);
  background: transparent;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}

@media (min-width: 768px) {
  .faq__item {
    margin: 0;
    padding: 34px 0;
  }

  .faq__item::after {
    right: 0;
    left: 0;
  }
}

@media (min-width: 1200px) {
  .faq__item::after {
    height: 9px;
  }
}

.faq__item_open::after {
  background: #00CF6F;
}

@media (min-width: 768px) {
  .faq__item_open {
    border-bottom: 1px solid transparent;
  }
}

.faq__item-head {
  padding-right: 30px;
  position: relative;
}

.faq__item-head:after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 1px;
  background: transparent url("data:image/svg+xml,%3Csvg width='12' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.463.292l-3.88 3.88-3.88-3.88a.996.996 0 10-1.41 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59a.996.996 0 000-1.41c-.39-.38-1.03-.39-1.42 0z' fill='%23969696'/%3E%3C/svg%3E") no-repeat center;
  cursor: pointer;
}

.faq__item-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #1E1E1E;
  cursor: pointer;
}

.faq__item-body {
  display: none;
  margin-top: 15px;
}

.faq__item-body p:first-child {
  margin-top: 0;
}

.faq__item-body p:last-child {
  margin-bottom: 0;
}

.faq-form {
  margin: 0 -25px 50px;
  padding: 45px 25px 50px;
  background-color: #F3F2FC;
  border-radius: 8px;
}

@media (min-width: 768px) {
  .faq-form {
    margin: 0 -25px 60px;
    padding: 33px 28px 78px;
  }
}

@media (min-width: 1200px) {
  .faq-form {
    margin: 0 0 125px;
    padding: 65px 100px 78px;
  }
}

.faq-form__title {
  margin: 0 0 7px;
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.5px;
  color: #1E1E1E;
}

@media (min-width: 768px) {
  .faq-form__title {
    margin-bottom: 50px !important;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: 0;
    text-align: center;
  }
}

.faq-form__form {
  display: grid;
  grid-template-columns: 100%;
  gap: 19px;
}

@media (min-width: 768px) {
  .faq-form__form {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: 'name email' 'question question' 'footer footer';
    gap: 24px;
  }
}

@media (min-width: 768px) {
  .faq-form__item--name {
    grid-area: name;
  }

  .faq-form__item--email {
    grid-area: email;
  }

  .faq-form__item--question {
    grid-area: question;
  }
}

.faq-form__footer {
  margin-top: 21px;
}

@media (min-width: 768px) {
  .faq-form__footer {
    grid-area: footer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 26px;
  }
}

.faq-form__checkbox {
  max-width: 320px;
  margin-top: 20px;
  color: #9D9DAF;
}

@media (min-width: 768px) {
  .faq-form__checkbox {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin: 0 20px 0 0;
  }
}

.searching {
  margin-bottom: 50px;
}

.searching__pagination {
  margin-bottom: 75px;
}

.searching__item {
  padding: 28px 0 25px;
  border-bottom: 1px solid #DBDBDB;
}

.searching__data {
  font-size: 13px;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #4F4F4F;
  margin-bottom: 9px;
}

.searching .searching__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #1C1C1C;
  margin: 0 0 9px;
}

.searching__text {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #585757;
}

.pagination {
  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;
  gap: 9px;
}

.pagination__btn {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  height: 24px;
  color: #333333;
  text-align: center;
  min-width: 50px;
  padding: 2px 5px;
  cursor: pointer;
  background: white;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pagination__btn_pre,
.pagination__btn_next {
  width: 24px;
  min-width: 24px;
  height: 24px;
  background: white url("data:image/svg+xml,%3Csvg width='16' height='16' fill='%2300CF6F' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 7h11.17L7.29 2.12c-.39-.39-.39-1.03 0-1.42A.996.996 0 018.7.7l6.59 6.59c.39.39.39 1.02 0 1.41L8.7 15.29a.996.996 0 11-1.41-1.41L12.17 9H1c-.55 0-1-.45-1-1s.45-1 1-1z'/%3E%3C/svg%3E") no-repeat center;
}

.pagination__btn_pre:disabled,
.pagination__btn_next:disabled {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='%23DBDBDB' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 7h11.17L7.29 2.12c-.39-.39-.39-1.03 0-1.42A.996.996 0 018.7.7l6.59 6.59c.39.39.39 1.02 0 1.41L8.7 15.29a.996.996 0 11-1.41-1.41L12.17 9H1c-.55 0-1-.45-1-1s.45-1 1-1z'/%3E%3C/svg%3E");
  cursor: default;
}

.pagination__btn_pre {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pagination__btn_active {
  color: #00CF6F;
  cursor: default;
}

.pagination__btn_separator {
  cursor: default;
}

.sale {
  overflow: hidden;
}

@media (max-width: 767px) {
  .sale {
    margin-bottom: 85px;
  }
}

.sale__tabs {
  margin-bottom: 34px;
}

@media (min-width: 768px) {
  .sale__container {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.sale__slider {
  width: 100%;
  overflow: visible;
}

@media (min-width: 768px) {
  .sale__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
  }
}

.sale__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden;
}

.sale__item-head {
  width: 100%;
  position: relative;
  padding-bottom: 67%;
}

.sale__item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sale__item-label {
  position: absolute;
  bottom: 26px;
  left: 18px;
  width: calc(100% - 18px * 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.sale__item-label-item {
  padding: 5px 9px;
  font-weight: 600;
  font-size: 11px;
  line-height: 18px;
  color: #FFFFFF;
  background: #293048;
  border-radius: 4px;
}

.sale__item-body {
  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-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 20px 16px;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-top: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.sale__item-title {
  display: block;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #00CF6F;
  margin-bottom: 11px;
}

.sale__item-title:hover {
  color: #00CF6F;
}

.sale__item-details {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-gap: 6px;
  margin-bottom: 10px;
}

.sale__item-details:last-of-type {
  margin-bottom: auto;
}

.sale__item-details-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.1px;
  color: #1C1C1C;
  grid-column: 1 / 3;
  grid-row: 1 / 2;
}

.sale__item-details-time,
.sale__item-details-day {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.1px;
  color: #AEB2B4;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 24px;
}

.sale__item-details-time:before,
.sale__item-details-day:before {
  content: '';
  position: absolute;
  width: 18px;
  height: 19px;
  left: 0;
}

.sale__item-details-time {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

.sale__item-details-time:before {
  background: transparent url("data:image/svg+xml,%3Csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)' stroke='%23AEB2B4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.14 16.95a7.4 7.4 0 007.29-7.5 7.4 7.4 0 00-7.29-7.5 7.4 7.4 0 00-7.28 7.5 7.4 7.4 0 007.28 7.5z'/%3E%3Cpath d='M9.14 4.95v4.5l2.92 1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' transform='translate(.4 .45)' d='M0 0h17.49v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/cover;
}

.sale__item-details-day {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}

.sale__item-details-day:before {
  background: transparent url("data:image/svg+xml,%3Csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)' stroke='%23AEB2B4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.21 3.45H4.01c-.8 0-1.45.67-1.45 1.5v10.5c0 .83.65 1.5 1.45 1.5h10.2c.8 0 1.46-.67 1.46-1.5V4.95c0-.83-.65-1.5-1.46-1.5zM12.03 1.95v3M6.2 1.95v3M2.56 7.95h13.11'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' transform='translate(.37 .45)' d='M0 0h17.49v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/cover;
}

.sale__item-details-price {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  text-align: right;
  color: #293048;
}

.sale__item-details-price-big {
  font-size: 20px;
  line-height: 24px;
}

.sale__item-appointment {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 5px;
}

@media (min-width: 768px) {
  .sale__item-appointment {
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .sale__pagination {
    display: none;
  }
}

.sale__more {
  display: none;
}

@media (min-width: 768px) {
  .sale__more {
    display: block;
    margin-top: 40px;
  }
}

.teacher {
  overflow: hidden;
}

.teacher__slider {
  overflow: visible;
}

@media (max-width: 1199px) {
  .teacher__slider .teacher__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }

  .teacher__slider .teacher__item {
    width: 78%;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .teacher__slider .teacher__item {
    width: 256px;
  }
}

@media (min-width: 1200px) {
  .teacher__head {
    margin-bottom: 65px;
  }

  .teacher--all .teacher__head {
    margin-bottom: 88px;
  }
}

.teacher__list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 30px 20px;
}

@media (min-width: 1200px) {
  .teacher__list {
    gap: 30px;
  }
}

.teacher__item {
  grid-column: span 12;
  border: 1px solid #E0E0E0;
  overflow: hidden;
  border-radius: 4px;
}

@media (min-width: 412px) {
  .teacher__item {
    grid-column: span 6;
  }
}

@media (min-width: 768px) {
  .teacher__item {
    grid-column: span 4;
  }
}

@media (min-width: 1200px) {
  .teacher__item {
    grid-column: span 3;
  }
}

.teacher__item-picture {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

.teacher__item-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.teacher__item-info {
  padding: 18px 16px;
  text-align: center;
}

.teacher__item-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.1px;
  color: #1C1C1C;
}

.teacher__item-post {
  margin-top: 7px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.1px;
  text-align: center;
  color: #585757;
}

.teacher__pagination {
  margin-top: 35px;
}

@media (min-width: 768px) {
  .teacher__pagination {
    margin-top: 50px;
  }
}

@media (min-width: 1200px) {
  .teacher__swiper-pagination {
    display: none;
  }
}

.course-gallery__head {
  margin-bottom: 55px;
}

.course-gallery__wrapper {
  position: relative;
}

.course-gallery__prev,
.course-gallery__next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25px;
  height: 40px;
  z-index: 1;
  background: transparent url("data:image/svg+xml,%3Csvg width='12' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 21L1 11 11 1' stroke='%239D9DAF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  opacity: 1;
  border: 0;
}

.course-gallery__prev.swiper-button-disabled,
.course-gallery__next.swiper-button-disabled {
  display: none;
}

.course-gallery__prev {
  left: -67px;
}

.course-gallery__next {
  right: -67px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.course-gallery__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
  width: calc(100% + 30px);
}

.course-gallery__col {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
  min-width: 25%;
  padding: 0 15px;
}

.course-gallery__item {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.course-gallery__big {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 71%;
}

.course-gallery__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.price__head-page {
  margin-bottom: 45px;
}

.price__h2 {
  margin-bottom: 24px;
}

.price__control-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.price__control-btn {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.1px;
  color: #1C1C1C;
  min-height: 30px;
  padding-left: 42px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.price__control-btn:hover {
  color: #00CF6F;
  fill: #00CF6F;
}

.price__control-btn:first-child {
  margin-right: 60px;
}

.price__control-btn_download {
  display: none;
}

@media (min-width: 768px) {
  .price__control-btn_download {
    display: block;
  }
}

.price__control-icon {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: transparent center / contain;
}

.price__search {
  margin-top: 19px;
}

.price__search .search__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.price__tabs {
  margin-bottom: 42px;
}

@media print {
  .price__tabs {
    display: none;
  }
}

.price__title {
  font-weight: 600;
  font-size: 28px;
  line-height: 125%;
  letter-spacing: -0.8px;
  color: #1E1E1E;
}

.price__table-wrap {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 30px;
  max-width: 100%;
}

.price__container .price__table {
  margin: 0;
}

.price__table th,
.price__table td {
  padding: 19px 11px;
  text-align: left;
  vertical-align: top;
}

.price__table th:first-child,
.price__table td:first-child {
  padding-left: 34px;
  padding-right: 44px;
}

.price__table th:last-child,
.price__table td:last-child {
  padding-right: 90px;
}

.price__tr_target {
  -webkit-box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.3);
}

.price__td_price {
  white-space: nowrap;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #293048;
}

@media (min-width: 768px) {
  .price__td_mobile {
    display: none;
  }
}

.price__td_medium {
  display: none;
}

@media (min-width: 768px) {
  .price__td_medium {
    display: table-cell;
  }
}

.price__td_pc {
  display: none;
}

@media (min-width: 1200px) {
  .price__td_pc {
    display: table-cell;
  }
}

.city-list {
  display: none;
  position: relative;
  margin: 10px auto;
  width: 100%;
  padding: 0 24px;
  max-width: 480px;
}

.mfp-content .city-list {
  display: block;
}

.city-list .mfp-close {
  right: 24px;
  font-size: 0;
  background: transparent url("data:image/svg+xml,%3Csvg width='23' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 6L6 17M17 17L6 6' stroke='%23333' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
}

@media (min-width: 1200px) {
  .city-list .mfp-close {
    right: 30px;
  }
}

.city-list__container {
  background: #FFFFFF;
  -webkit-box-shadow: 0 30px 50px rgba(16, 16, 16, 0.1);
  box-shadow: 0 30px 50px rgba(16, 16, 16, 0.1);
  border-radius: 4px;
  padding: 30px;
}

.city-list__question {
  display: grid;
  grid-template: 'btn text' 'btn city';
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10px 20px;
  margin-bottom: 30px;
}

.city-list__question-assent {
  grid-area: btn;
}

.city-list__question-text {
  grid-area: text;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
}

.city-list__question-city {
  grid-area: city;
  font-weight: 600;
  font-size: 20px;
  line-height: 18px;
  color: #333333;
}

.city-list__change-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 18px;
  color: #333333;
  margin-bottom: 20px;
}

.city-list__search {
  margin-bottom: 20px;
}

.city-list__change-list {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .city-list__change-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

.city-list__change-item {
  margin-bottom: 18px;
}

.city-list__change-link {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #333333;
}

.city-list__change-link:hover {
  color: #00CF6F;
}

.button-top {
  position: absolute;
  top: 50px;
  right: 60px;
  z-index: 9;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  height: 55px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 17px;
  background: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #00CF6F;
  cursor: pointer;
}

.button-top:hover .button-top__icon {
  stroke: currentColor;
}

@media (max-width: 767px) {
  .button-top {
    top: auto;
    bottom: 40px;
    right: 30px;
  }
}

@media print {
  .button-top {
    display: none;
  }
}

.button-top__icon {
  width: 25px;
  height: 34px;
  margin-bottom: 13px;
  fill: none;
  stroke: #9D9DAF;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
}

@media (min-width: 768px) {
  .auth {
    padding-top: 33px;
  }
}

.auth-form {
  margin: 0 -25px;
  padding: 45px 25px 50px;
  background-color: #F3F2FC;
  border-radius: 8px;
  color: #9D9DAF;
}

@media (min-width: 768px) {
  .auth-form {
    margin: 0;
    padding: 33px 28px 68px;
  }
}

@media (min-width: 1200px) {
  .auth-form {
    max-width: 728px;
    margin: 0 auto;
    padding: 65px 128px;
  }
}

.auth-form__title {
  margin: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.5px;
  text-align: center;
  color: #333333;
}

@media (min-width: 768px) {
  .auth-form__title {
    font-size: 32px;
    line-height: 39px;
    letter-spacing: 0;
  }
}

.auth-form__fields {
  display: grid;
  grid-template-columns: 100%;
  gap: 24px;
}

.auth-form__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -10px;
}

.auth-form__agreement {
  margin-bottom: 15px;
}

.auth-form__remember {
  margin-bottom: 25px;
}

.auth-form__button {
  -ms-flex-item-align: center;
  align-self: center;
}

@media (min-width: 768px) {
  .profile__head {
    margin-bottom: 45px;
  }
}

.profile__heading:only-child {
  text-align: left;
}

@media (min-width: 1200px) {
  .profile__heading {
    grid-column: span 7;
  }
}

@media (min-width: 1200px) {
  .profile__text {
    grid-column: span 5;
    text-align: right;
  }
}

@media (min-width: 768px) {
  .profile__layout {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.profile__menu {
  margin-bottom: 35px;
}

@media (min-width: 768px) {
  .profile__menu {
    position: sticky;
    top: 74px;
    grid-column: span 4;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .profile__menu {
    top: 87px;
  }
}

.profile__menu-list {
  margin: 0;
  padding: 8px 20px;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.1px;
  list-style: none;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  color: #1C1C1C;
}

@media (min-width: 1200px) {
  .profile__menu-list {
    padding: 13px 20px;
  }
}

.profile__menu-item {
  padding: 12px 0;
}

@media (min-width: 1200px) {
  .profile__menu-item {
    padding: 22px 0;
  }
}

.profile__menu-item+.profile__menu-item {
  border-top: 1px solid #E0E0E0;
}

.profile__menu-item--active .profile__menu-link {
  color: #00CF6F;
}

.profile__menu-link {
  text-decoration: none;
  color: currentColor;
}

.profile__menu-link:hover {
  text-decoration: none;
  color: #00CF6F;
}

@media (min-width: 768px) {
  .profile__content {
    grid-column: span 8;
  }
}

.profile__breadcrumb {
  margin: 0 0 30px;
  font-weight: 600;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: -0.4px;
}

@media (min-width: 768px) {
  .profile__breadcrumb {
    margin: 15px 0 40px;
  }
}

@media (min-width: 1200px) {
  .profile__breadcrumb {
    margin: 25px 0 50px;
  }
}

.profile__breadcrumb-item {
  display: inline-block;
  vertical-align: middle;
  color: #1E1E1E;
}

.profile__breadcrumb-item--current {
  color: #9D9DAF;
}

.profile__breadcrumb-item::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 12px;
  margin: 0 8px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.2925 1.71249L4.1725 5.59249L0.2925 9.47249C-0.0975001 9.86249 -0.0975 10.4925 0.2925 10.8825C0.6825 11.2725 1.3125 11.2725 1.7025 10.8825L6.2925 6.29249C6.6825 5.90249 6.6825 5.27249 6.2925 4.88249L1.7025 0.292488C1.3125 -0.0975123 0.6825 -0.0975123 0.2925 0.292488C-0.0875005 0.682488 -0.0975004 1.32249 0.2925 1.71249Z' fill='%23969696'/%3E%3C/svg%3E%0A");
}

.profile__breadcrumb-item:first-child::before {
  content: none;
}

.profile__breadcrumb-item a {
  text-decoration: none;
  color: inherit;
}

.profile__sale {
  display: grid;
  grid-gap: 30px;
}

@media (min-width: 768px) {
  .profile__sale {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1200px) {
  .profile__sale {
    grid-template-columns: repeat(2, 1fr);
  }
}

.files-tile__layout {
  display: grid;
  grid-gap: 30px;
}

@media (min-width: 1200px) {
  .files-tile__layout {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 42px 30px;
  }
}

.file-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: #333333;
}

.file-tile:hover {
  text-decoration: none;
  color: #00CF6F;
}

.file-tile__thumb {
  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;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 44px;
  flex: 0 0 44px;
  max-width: 44px;
  height: 44px;
  margin-right: 20px;
}

.file-tile__thumb svg {
  max-width: 100%;
  max-height: 100%;
}

@media (min-width: 1200px) {
  .file-tile__thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65px;
    flex: 0 0 65px;
    max-width: 65px;
    height: 50px;
    margin-right: 30px;
  }
}

.file-tile__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 13px;
  line-height: 22px;
}

.file-tile__label-text {
  font-weight: 600;
}

.file-tile__label-size {
  font-weight: 500;
  letter-spacing: -0.1px;
  color: #585757;
}

.lang {
  position: relative;
  font-weight: 600;
  font-size: 12px;
  line-height: 19px;
  color: #333333;
  outline: none;
}

.lang__current {
  display: none;
  padding: 0 7px;
}

.lang__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lang__item {
  display: block;
  margin-right: 5px;
  text-decoration: none;
  color: #9D9DAF;
}

.lang__item:last-child {
  margin-right: 0;
}

.lang__item:hover {
  text-decoration: none;
  opacity: 0.8;
}

.lang__item--selected {
  padding: 4px 7px;
  background-color: #00CF6F;
  border-radius: 20px;
  color: #FFFFFF;
}

.lang__item--selected:hover {
  opacity: 1;
}

@media (min-width: 1200px) {
  .lang__current {
    display: block;
  }

  .lang__list {
    position: absolute;
    top: -4px;
    left: 0;
    display: none;
  }

  .lang:hover .lang__list,
  .lang:focus .lang__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.products {
  min-height: 500px;
  padding-top: 70px;
  padding-bottom: 20px;
  margin-bottom: 70px;
  color: #fff;
  background-image: linear-gradient(to top, #fff 0, #fff 165px, #293048 165px, #293048 100%);
  overflow: hidden;
}

@media (max-width: 767px) {
  .products {
    padding-top: 70px;
    margin-bottom: 40px;
    background-image: none;
    background-color: #293048;
  }
}

.products__list:not(.swiper) {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 20px;
}

.products__item {
  height: 100%;
  grid-column: span 4;
}

.products__heading {
  margin: 0 0 55px;
}

@media (max-width: 767px) {
  .products__heading {
    margin-bottom: 20px;
  }
}

.products .swiper {
  margin: 0 -10px;
  position: relative;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.products .swiper-slide {
  height: auto;
}

@media (min-width: 768px) {
  .products .swiper-wrapper {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
  }
}

@media (max-width: 767px) {
  .products .swiper-pagination {
    margin: 30px 0 10px;
  }
}

.product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  color: #898e9a;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.product-card__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 25px 12px 25px 25px;
}

@media (max-width: 767px) {
  .product-card__content {
    padding-right: 25px;
  }
}

.product-card__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2A2F3A;
}

.product-card__icon {
  width: 74px;
  margin-right: 15px;
}

.product-card__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.77;
}

.product-card__desc {
  margin-bottom: 22px;
}

.product-card__price-block {
  margin: auto 0 40px;
  color: #1E1E1E;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.06;
}

.product-card__price-value {
  font-weight: 500;
  font-size: 28px;
  line-height: 0.8;
}

.product-card__img {
  display: block;
  width: 100%;
}

.logo-list__heading {
  margin-bottom: 95px;
}

.logo-list--product {
  margin-top: 93px;
  padding: 0 20px;
  margin-bottom: 0;
}

.logo-list--product .logo-list__heading {
  font-size: 36px;
  line-height: 125%;
  margin-top: 0;
  margin-bottom: 125px;
}

@media (max-width: 767px) {
  .logo-list--product {
    padding: 0;
    margin-top: 30px;
  }

  .logo-list--product .logo-list__list {
    display: flex;
    flex-direction: column;
  }

  .logo-list--product .logo-list__desc {
    display: block;
  }

  .logo-list__heading {
    margin-bottom: 55px;
  }

  .logo-list--product .logo-list__heading {
    font-size: 26px;
    line-height: 125%;
    margin-bottom: 50px;
  }
}

.logo-list__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 70px 45px;
}

@media (max-width: 767px) {
  .logo-list__list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 55px 45px;
  }
}

.logo-list__img-holder {
  width: 150px;
  height: 55px;
}

@media (max-width: 767px) {
  .logo-list__img-holder {
    width: auto;
  }
}

.logo-list__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center left;
  object-position: center left;
}

.logo-list__desc {
  margin-top: 40px;
  color: #898e9a;
}

.logo-list--product .logo-list__desc {
  margin-top: 28px;
}

@media (max-width: 767px) {
  .logo-list__desc {
    display: none;
  }
}

.about-system {
  position: relative;
  padding: 90px 0 160px;
  color: #fff;
  background-color: #293048;
  overflow: hidden;
}

.about-system.new-about-system {
  padding: 120px 0;
}

@media (max-width: 1199px) {
  .about-system {
    padding: 75px 0 45px;
  }

  .about-system.new-about-system {
    padding: 40px 0 45px;
  }
}

.about-system:after {
  content: '';
  position: absolute;
  z-index: 0;
  width: 612px;
  height: 588px;
  top: 0;
  left: 53%;
  background-image: url("../img/choose-your-destiny-bg.png");
  background-position: top left 98%;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.about-system.new-about-system:after {
  background-image: url("../img/new-choose-your-destiny-bg.png");
  width: 700px;
  height: 700px;
  left: unset;
  right: calc(50% - 701px);
}

@media (max-width: 767px) {
  .about-system:after {
    left: 32px;
    right: 32px;
    width: auto;
    height: 100%;
    background-position: top center;
    opacity: .45;
  }

  .about-system.new-about-system:after {
    width: 190px;
    height: 190px;
    right: calc(50% - 220px);
    opacity: 1;
    top: 10px;
  }
}

.about-system__content {
  position: relative;
  z-index: 10;
  max-width: 620px;
  margin-bottom: 80px;
}

.new-about-system .about-system__content {
  margin-bottom: 62px;
}

.about-system__title {
  margin-bottom: 62px;
}

.new-about-system .about-system__title {
  margin-bottom: 75px;
}

@media (max-width: 767px) {
  .about-system__title {
    margin-bottom: 32px;
  }

  .new-about-system .about-system__title {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 35px;
    max-width: 92%;
  }

  .new-about-system .about-system__content {
    margin-bottom: 55px;
  }
}

.about-system__name {
  margin-bottom: 35px;
  font-weight: 600;
  font-size: 36px;
  line-height: 1;
}

@media (max-width: 767px) {
  .about-system__name {
    font-size: 24px;
  }

  .new-about-system .about-system__name {
    margin-bottom: 25px;
  }
}

.about-system__desc {
  margin-bottom: 70px;
  max-width: 450px;
  font-size: 14px;
}

.new-about-system .about-system__desc {
  margin-bottom: 40px;
  max-width: 500px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

@media (max-width: 767px) {
  .about-system__desc {
    margin-bottom: 30px;
  }

  .new-about-system .about-system__desc {
    margin-bottom: 40px;
    font-size: 14px;
  }
}

.about-system__price {
  margin-bottom: 48px;
  font-weight: 500;
  font-size: 34px;
  line-height: 1;
}

.new-about-system .about-system__price {
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .about-system__price {
    margin-bottom: 40px;
  }

  .new-about-system .about-system__price {
    font-size: 34px;
    line-height: 27px;
    margin-bottom: 40px;
  }
}

.about-system__buttons .button:first-child {
  margin-right: 9px;
}

@media (max-width: 767px) {
  .about-system__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 322px;
  }

  .new-about-system .about-system__buttons {
    flex-direction: column;
    align-items: flex-start;
  }

  .new-about-system .about-system__buttons .button:first-child {
    margin-right: 0;
    min-width: 100%;
    margin-bottom: 35px;
    padding: 25px 35px;
  }

  .new-about-system .about-system__buttons .button {
    font-size: 16px;
  }
}

@media (min-width: 375px) {
  .about-system__buttons .button {
    font-size: 18px;
  }

  .about-system__buttons .button:first-child {
    padding: 18px 35px;
    margin-right: 40px;
  }

}

.new-about-system .about-system__buttons .button {
  font-size: 16px;
}

.new-about-system .about-system__buttons .button:first-child {
  margin-right: 15px;
}

.new-about-system .about-system__buttons .button:first-child {
  padding: 25px 100px;
}

.new-about-system .button--icon svg {
  transform: scale(0.7) translateY(5px);
  margin-left: 0;
}

.new-about-system .button--icon {
  color: #00CF6F;
  font-weight: 500;
}

@media (min-width: 1200px) {
  .about-system__buttons .button {
    font-size: 20px;
  }

  .about-system__buttons .button:first-child {
    margin-right: 70px;
  }

}

@media(max-width: 676px) {}

.about-grid {
  position: relative;
  z-index: 10;
}

.about-grid .swiper-wrapper {
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  align-items: initial;
}

.about-grid .swiper-pagination {
  display: none;
  margin-top: 60px;
}

.new-about-system .about-grid .swiper-pagination {
  margin-top: 45px;
}

.about-grid.swiper-inited .swiper-pagination {
  display: block;
}

.about-grid__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

.swiper-inited .about-grid__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0;
}

.about-grid__grid-item {
  height: auto;
}

.about-grid__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  min-height: 145px;
  padding: 25px 20px;
  background-color: #394672;
  border-radius: 5px;
}

.about-grid--tariffs .about-grid__item {
  padding: 15px 20px 25px;
}

.about-grid__item--extra {
  background-color: #1C243D;
}

.about-grid__title {
  font-weight: 600;
  font-size: 16px;
}

.about-grid__subtitle {
  margin-bottom: 25px;
  font-size: 14px;
}

.about-grid--tariffs .about-grid__subtitle {
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
}

.about-grid__desc {
  margin-bottom: 20px;
}

.about-grid__footer {
  margin-top: auto;
}

.about-grid__tag {
  display: inline-block;
  padding: 7px 10px;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.4;
  text-transform: uppercase;
  text-align: center;
  background-color: #5668A6;
  border-radius: 50px;
}

.about-grid__price {
  font-weight: 600;
  font-size: 13px;
}

.about-grid__price-value {
  font-weight: 500;
  font-size: 21px;
}

.switch {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.switch__text {
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: -0.1px;
}

.switch__toggle {
  margin: 0 20px;
}

.switch__checkbox {
  display: none;
}

.switch__toggle-helper {
  position: relative;
  width: 60px;
  height: 26px;
  background: #F4F2FC;
  border-radius: 27px;
  cursor: pointer;
}

.switch__toggle-helper:after {
  content: '';
  position: absolute;
  right: 3px;
  top: 2px;
  width: 22px;
  height: 22px;
  background-color: #00CF6F;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.14062 2.77736L4.4228 6.05954L8.89836 1.58398' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100%;
  -webkit-transform: translateX(-32px);
  transform: translateX(-32px);
  -webkit-transition: -webkit-transform ease .35s;
  transition: -webkit-transform ease .35s;
  transition: transform ease .35s;
  transition: transform ease .35s, -webkit-transform ease .35s;
}

input:checked+.switch__toggle-helper:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.tip {
  position: relative;
  display: inline-block;
  vertical-align: super;
}

.tip__trigger {
  width: 14px;
  height: 14px;
  font-weight: 600;
  font-size: 9px;
  line-height: 14px;
  text-align: center;
  color: #FFFFFF;
  background: rgba(41, 48, 72, 0.25);
  border-radius: 100%;
}

.tip__modal {
  position: absolute;
  bottom: 50%;
  left: calc(100% + 10px);
  width: 123px;
  padding: 15px;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.4;
  color: #5B6373;
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px 6px 6px 0;
  opacity: 0;
  -webkit-transition: opacity ease .35s;
  transition: opacity ease .35s;
}

.tip__trigger:hover+.tip__modal {
  opacity: 1;
}

@media (max-width: 767px) {
  .tariffs {
    margin-bottom: 65px;
  }
}

@media (min-width: 768px) {
  .tariffs__grid {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 180px 1fr;
  }
}

@media (min-width: 1200px) {
  .tariffs__grid {
    grid-template-columns: 280px 1fr;
  }
}

@media (min-width: 768px) {

  .tariffs__content,
  .tariffs__list {
    grid-column: 2/3;
  }
}

@media (min-width: 768px) {
  .tariffs__heading {
    margin: 0 -30px 70px;
  }
}

.tariffs__switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .tariffs__switch {
    -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;
  }
}

.tariffs__switch-title {
  margin: 0 0 10px;
  font-weight: 400;
  font-size: 20px;
}

@media (min-width: 768px) {
  .tariffs__switch-title {
    margin: 0 30px 0 0;
  }
}

.tariffs__footnote {
  margin: 20px 0 45px;
  letter-spacing: -0.1px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: #898e9a;
}

@media (min-width: 768px) {
  .tariffs__footnote {
    margin: 15px 0 70px;
  }
}

.tariffs__request {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .tariffs__request {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
}

.tariffs__request-text {
  max-width: 455px;
  margin-right: 20px;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #1C1C1C;
}

@media (max-width: 767px) {
  .tariffs__request-text {
    margin: 0 auto 30px;
  }
}

@media (max-width: 767px) {
  .tariffs__request-button {
    padding: 25px 35px;
    font-size: 20px;
  }
}

.tariffs__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 12px;
}

@media (max-width: 767px) {
  .tariffs__list {
    margin: 0 -15px;
  }
}

@media (min-width: 768px) {
  .tariffs__list {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 22px;
  }
}

.tariffs__item {
  position: relative;
  min-width: 100px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

@media (max-width: 767px) {
  .tariffs__item {
    border-radius: 8px;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .tariffs__heading-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 25px 30px;
    color: #fff;
    background-color: #293048;
  }
}

@media (min-width: 768px) {
  .tariffs__heading-wrap {
    position: sticky;
    z-index: 10;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .tariffs__heading-wrap {
    top: 88px;
    min-height: 320px;
  }

  .is-sticky .tariffs__heading-wrap {
    min-height: 365px;
  }
}

@media (min-width: 1200px) {
  .tariffs__heading-wrap {
    top: 67px;
    min-height: 255px;
  }

  .is-sticky .tariffs__heading-wrap {
    min-height: 295px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .tariffs__header {
    min-height: 170px;
  }
}

@media (min-width: 768px) {
  .tariffs__header {
    text-align: center;
    padding: 30px 15px;
    color: #fff;
    background-color: #293048;
  }
}

@media (min-width: 1200px) {
  .tariffs__header {
    min-height: 125px;
  }
}

.tariffs__title {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 16px;
}

@media (max-width: 767px) {
  .tariffs__title {
    font-size: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .tariffs__title {
    min-height: 3em;
  }
}

.tariffs__subtitle {
  font-size: 13px;
  line-height: 1.46;
  color: #B3BBCF;
}

@media (max-width: 767px) {
  .tariffs__subtitle {
    max-width: 180px;
  }
}

.tariffs__price {
  font-size: 14px;
  line-height: 1;
}

@media (min-width: 768px) {
  .tariffs__price {
    position: relative;
    padding: 35px 15px;
    color: #293048;
    font-weight: 600;
    text-align: center;
    background-color: #fff;
  }

  .tariffs__price:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 70px;
    margin: auto;
    border-bottom: 1px solid #DCE3F3;
  }
}

.tariffs__price-value {
  font-size: 20px;
}

@media (max-width: 767px) {
  .tariffs__price-value {
    white-space: nowrap;
  }
}

@media (min-width: 768px) {
  .tariffs__price-value {
    font-weight: 500;
  }
}

.tariffs__checks-block {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .tariffs__checks-block.is-list-hidden {
    display: none;
  }
}

.tariffs__checks-block-heading {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
}

.tariffs__heading-check {
  display: none;
}

@media (max-width: 767px) {
  .tariffs__heading-check {
    width: calc(50% - 5px);
    margin-left: 10px;
  }
}

@media (max-width: 374px) {
  .tariffs__heading-check {
    width: calc(33.33% - 5px);
  }
}

.tariffs__checks-block-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: -0.1px;
  color: #1C1C1C;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .tariffs__checks-block-title {
    visibility: hidden;
    pointer-events: none;
  }

  .tariffs__item:first-child .tariffs__checks-block-title {
    visibility: visible;
    pointer-events: auto;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .tariffs__checks-block-title {
    width: 160px;
    margin-left: -180px;
  }
}

@media (min-width: 1200px) {
  .tariffs__checks-block-title {
    width: 260px;
    margin-left: -280px;
  }
}

.tariffs__check {
  position: relative;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .tariffs__check {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }

  .tariffs__check.is-hidden {
    display: none;
  }
}

@media (max-width: 439px) {
  .tariffs__check {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 10px;
  }
}

.tariffs__check-text {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: #898e9a;
}

@media (min-width: 768px) {
  .tariffs__check-text {
    visibility: hidden;
    pointer-events: none;
  }

  .tariffs__item:first-child .tariffs__check-text {
    visibility: visible;
    pointer-events: auto;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .tariffs__check-text {
    width: 160px;
    margin-left: -180px;
  }
}

@media (min-width: 1200px) {
  .tariffs__check-text {
    width: 260px;
    margin-left: -280px;
  }
}

.tariffs__check-icon {
  position: relative;
  z-index: 5;
  width: 25px;
  height: 25px;
  margin: auto;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  border-radius: 100%;
}

@media (min-width: 768px) {
  .tariffs__check-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}

.tariffs__check-icon--plus {
  background: #E0FFF1;
  color: #00CF6F;
}

.tariffs__check-icon--minus {
  background: #F3F1FA;
  color: transparent;
}

.tariffs__check-icon--minus:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 10px;
  height: 2px;
  margin: auto;
  background-color: #B1B1B1;
}

.tariffs .d-none {
  display: none;
}

@media (max-width: 767px) {
  .tariffs__body-wrap {
    display: none;
    padding: 30px 13px;
  }

  .is-open .tariffs__body-wrap {
    display: block;
  }
}

@media (min-width: 768px) {
  .is-sticky .tariffs__body-wrap {
    margin-top: -45px;
  }
}

.tariffs__item-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .tariffs__item-buttons {
    display: none;
  }
}

.course-intro {
  color: #1E1E1E;
}

.course-intro__heading {
  margin-top: 0;
  margin-bottom: 15px;
  margin-left: -2px;
  font-size: 30px;
  line-height: 1.35;
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

@media (min-width: 768px) {
  .course-intro__heading {
    margin-bottom: 20px;
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .course-intro__inner {
    display: grid;
    grid-template-columns: 7fr 5fr;
    grid-template-areas: "content img" "buttons img";
    padding-top: 10px;
  }
}

.course-intro__content {
  grid-area: content;
}

@media (max-width: 1199px) {
  .course-intro__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.course-intro__tag-holder {
  -webkit-box-ordinal-group: 41;
  -ms-flex-order: 40;
  order: 40;
}

@media (min-width: 1200px) {
  .course-intro__tag-holder {
    margin-bottom: 5px;
  }
}

.course-intro__tag {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.37;
  color: #8B7ADF;
}

@media (min-width: 768px) {
  .course-intro__tag {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .course-intro__tag {
    padding: 2px 16px;
    color: #FFFFFF;
    border-radius: 20px;
    background-color: #8B7ADF;
  }
}

.course-intro__subtitle {
  -webkit-box-ordinal-group: 21;
  -ms-flex-order: 20;
  order: 20;
  font-size: 16px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .course-intro__subtitle {
    margin-bottom: 40px;
  }
}

.course-intro__start {
  -webkit-box-ordinal-group: 31;
  -ms-flex-order: 30;
  order: 30;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #8B7ADF;
}

@media (max-width: 1199px) {
  .course-intro__start {
    margin-bottom: 14px;
  }
}

.course-intro__subtitle,
.course-intro__start {
  font-weight: 500;
  line-height: 1.75;
}

@media (min-width: 768px) {

  .course-intro__subtitle,
  .course-intro__start {
    font-size: 20px;
  }
}

.course-intro__icon {
  display: inline-block;
  margin-right: 8px;
  fill: currentColor;
}

@media (max-width: 767px) {
  .course-intro__icon {
    width: 20px;
    height: 20px;
  }
}

.course-intro__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-area: buttons;
}

.course-intro .button--icon {
  padding: 20px 0;
  font-weight: 500;
}

@media (min-width: 768px) {
  .course-intro .button--icon {
    padding: 20px;
    margin-left: 20px;
  }
}

@media (min-width: 768px) {
  .course-intro__hide-desktop {
    display: none;
  }
}

.course-intro__img-holder {
  grid-area: img;
  text-align: right;
}

@media (max-width: 767px) {
  .course-intro__img-holder {
    margin-right: -15px;
    margin-top: -45px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .course-intro__img-holder {
    margin-top: -100px;
  }
}

.course-intro__img {
  display: inline-block;
}

@media (max-width: 1199px) {
  .course-intro__img {
    max-width: 75%;
  }
}

@media (max-width: 1199px) {
  .course-intro__form-btn {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0px -4px 4px rgba(32, 38, 57, 0.05);
    box-shadow: 0px -4px 4px rgba(32, 38, 57, 0.05);
    -webkit-transition: opacity ease .35s;
    transition: opacity ease .35s;
  }

  .course-intro__form-btn.is-hidden {
    opacity: 0;
    pointer-events: none;
  }
}

@media (max-width: 374px) {
  .course-intro__form-btn .button {
    font-size: 16px;
  }
}

.course-for {
  color: #1E1E1E;
}

.course-for__heading {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .course-for__heading {
    margin-bottom: 80px;
    text-align: center;
  }
}

.course-for__list {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 40px;
}

@media (min-width: 768px) {
  .course-for__list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 60px;
  }
}

.course-for__icon {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left bottom;
  object-position: left bottom;
  margin-bottom: 20px;
  display: block;
}

@media (min-width: 768px) {
  .course-for__icon {
    margin-bottom: 16px;
  }
}

.course-for__name {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.33;
}

@media (min-width: 768px) {
  .course-for__name {
    font-size: 24px;
  }
}

.course-for__desc {
  max-width: 300px;
  font-size: 14px;
  line-height: 1.57;
}

.course-steps {
  padding: 40px 0 60px;
  color: #1E1E1E;
  background-color: #EFEFF8;
}

@media (min-width: 768px) {
  .course-steps {
    padding: 80px 0 120px;
  }
}

.course-steps--result {
  color: #fff;
  background-color: #8B7ADF;
}

.course-steps__heading {
  margin-top: 0;
  margin-bottom: 30px;
}

.course-steps--result .course-steps__heading {
  color: inherit;
  font-weight: 600;
}

@media (min-width: 768px) {
  .course-steps__heading {
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .course-steps__inner {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: 7fr 5fr;
  }

  .course-steps--result .course-steps__inner {
    grid-template-columns: 7fr 5fr;
  }
}

@media (min-width: 1200px) {
  .course-steps__inner {
    grid-template-columns: repeat(2, 1fr);
  }

  .course-steps--result .course-steps__inner {
    grid-template-columns: 5fr 7fr;
  }
}

.course-steps__text {
  max-width: 450px;
  font-size: 14px;
}

.course-steps__list {
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: counter;
}

@media (max-width: 767px) {
  .course-steps--result .course-steps__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
    margin-bottom: 20px;
  }
}

.course-steps__item {
  margin-bottom: 40px;
}

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

@media (max-width: 767px) {
  .course-steps--result .course-steps__item {
    margin-bottom: 0;
  }
}

ol .course-steps__item {
  position: relative;
  padding: 0 0 0 20px;
  counter-increment: counter;
}

@media (min-width: 768px) {
  ol .course-steps__item {
    padding: 0 0 0 60px;
  }
}

ol .course-steps__item:before {
  content: counter(counter);
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.33;
}

@media (min-width: 768px) {
  ol .course-steps__item:before {
    font-size: 24px;
  }
}

.course-steps__item-title {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.33;
}

.course-steps--result .course-steps__item-title {
  font-weight: 500;
}

@media (min-width: 768px) {
  .course-steps__item-title {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .course-steps__img-holder {
    display: none;
  }

  .course-steps--result .course-steps__img-holder {
    display: block;
  }
}

.course-steps__img {
  display: block;
}

.course-steps__img--shadow-offset {
  max-width: calc(100% + 40px);
  margin: -14px -20px;
}

.programm {
  color: #1E1E1E;
}

.programm__heading {
  margin-top: 0;
  margin-bottom: 20px;
}

.programm__subtitle {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 1.75;
}

@media (min-width: 768px) {
  .programm__subtitle {
    font-size: 20px;
  }
}

.programm__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.programm__main-item {
  padding: 20px 0 40px;
  border-top: 1px solid #EFEFF8;
}

.programm__main-item:last-child {
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .programm__main-item {
    display: grid;
    grid-template-columns: 4fr 8fr;
    padding: 40px 0 80px;
  }
}

.programm__name {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.33;
}

@media (min-width: 768px) {
  .programm__name {
    margin-bottom: 10px;
    font-size: 24px;
  }
}

.programm__subitem {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .programm__subitem {
    margin-bottom: 16px;
    font-size: 20px;
  }
}

.programm__duration {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.75;
}

@media (max-width: 767px) {
  .programm__duration {
    margin-bottom: 12px;
    font-size: 16px;
  }
}

.video-block {
  padding: 40px 0 60px;
  color: #1E1E1E;
  background-color: #EFEFF8;
}

@media (min-width: 768px) {
  .video-block {
    padding: 80px 0 120px;
  }
}

.video-block__heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
}

.video-block__subtitle {
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
  line-height: 1.75;
}

@media (min-width: 768px) {
  .video-block__subtitle {
    margin-bottom: 40px;
    font-size: 20px;
  }
}

.video-block__subtitle a {
  position: relative;
  color: #2724C0;
}

.video-block__subtitle a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0.1em;
  display: block;
  width: 100%;
  border-bottom: 1px solid;
}

.video-block__subtitle a:hover {
  text-decoration: none;
}

.video-block__subtitle a:hover:after {
  opacity: 0;
}

.video-block__video-holder {
  position: relative;
  padding-top: 56%;
  border-radius: 5px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .video-block__video-holder {
    border-radius: 12px;
  }
}

.video-block__video-holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.course-price {
  color: #1E1E1E;
}

.course-price__heading {
  text-align: center;
}

.course-price__subtitle {
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .course-price__subtitle {
    margin-bottom: 40px;
    font-size: 20px;
  }
}

.course-price__subtitle-price {
  margin-left: .5em;
  font-weight: 600;
  font-size: 1.2em;
  color: #00CF6F;
}

@media (min-width: 768px) {
  .course-price__subtitle-price {
    font-size: 1.2em;
  }
}

.course-price__list {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 20px;
}

@media (min-width: 768px) {
  .course-price__list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
  }
}

.course-price__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 20px 20px 24px;
  background: #FBFBFD;
  -webkit-box-shadow: 0 5px 20px rgba(41, 48, 72, 0.15);
  box-shadow: 0 5px 20px rgba(41, 48, 72, 0.15);
  border-radius: 8px;
}

@media (min-width: 768px) {
  .course-price__item {
    padding: 12px 24px 40px;
  }
}

.course-price__duration {
  text-align: right;
  font-size: 16px;
  color: #8B7ADF;
}

@media (max-width: 767px) {
  .course-price__duration {
    position: absolute;
    top: 18px;
    right: 16px;
  }
}

@media (min-width: 768px) {
  .course-price__duration {
    font-size: 20px;
  }
}

.course-price__name {
  max-width: 205px;
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.33;
}

@media (min-width: 768px) {
  .course-price__name {
    max-width: 310px;
    margin-bottom: 20px;
    font-size: 24px;
  }
}

.course-price__desc {
  max-width: 315px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.57em;
}

.course-price__price {
  text-align: center;
  margin-top: auto;
}

@media (min-width: 768px) {
  .course-price__price {
    text-align: right;
  }
}

.course-price__price-current {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.6;
  color: #00CF6F;
}

@media (min-width: 768px) {
  .course-price__price-current {
    font-size: 40px;
  }
}

.img-utp {
  position: relative;
  margin-left: -25px;
  margin-right: -25px;
}

.img-utp__inner {
  overflow: hidden;
  padding: 0 25px;
}

.img-utp .swiper-button-prev,
.img-utp .swiper-button-next {
  top: 65%;
}

.img-utp .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: -30px;
}

.img-utp .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: -30px;
}

@media (min-width: 1200px) {
  .img-utp .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -30px;
  }

  /* .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -30px;
  } */
}

@media (max-width: 992px) {
  .img-utp .swiper-button-prev,
  .img-utp .swiper-button-next {
    display: none;
  }
}

.img-utp .swiper-pagination-bullet {
  background-color: #E0E8FD;
}

.img-utp .swiper-pagination-bullet-active {
  background-color: #000;
}

.img-utp__heading {
  margin-top: 0;
  margin-bottom: 100px;
}

@media (max-width: 1199px) {
  .img-utp__heading {
    margin-bottom: 44px;
    margin-left: 25px;
    margin-right: 25px;
  }
}

.img-utp__img-holder {
  margin-bottom: 25px;
}

/* .img-utp__img-holder img {
  width: 100%;
} */

.img-utp__name {
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 30px;
}

.img-utp__name,
.img-utp__name a {
  color: #2A2F3A;
}

.img-utp__name a:hover {
  color: #00CF6F;
}

@media (max-width: 1199px) {
  .img-utp__name {
    margin-bottom: 20px;
    padding-left: 25px;
    font-size: 24px;
  }

  .img-utp--delivery .img-utp__icon--svg {
    margin-left: 25px;
  }
}

.img-utp__desc {
  font-size: 16px;
  line-height: 1.37;
  color: #5B6373;
}

@media (max-width: 1199px) {
  .img-utp__desc {
    padding-left: 25px;
  }
}

.products-screen__screen {
  position: relative;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .products-screen__screen {
    height: 960px;
  }

  .products-screen__screen .page-wrapper {
    height: 100%;
  }
}

.products-screen__list {
  position: relative;
  z-index: 10;
}

@media (min-width: 1200px) {
  .products-screen__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-right: -5%;
  }
}

@media (max-width: 1199px) {
  .products-screen__list {
    padding: 35px 0 60px;
  }
}

@media (max-width: 1199px) {
  .products-screen__item {
    padding-bottom: 40px;
  }

  .products-screen__item.swiper-slide {
    opacity: 0;
  }

  .products-screen__item.swiper-slide-active {
    opacity: 1;
  }
}

@media (min-width: 1200px) {
  .products-screen__item {
    position: relative;
    width: 29%;
    height: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .products-screen__item.active {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    z-index: 5;
    margin-left: -40px;
    width: 38%;
    pointer-events: none;
  }
}

.products-screen__picture {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  display: none;
  right: -20%;
}

.products-screen__picture.active {
  display: block;
}

.products-screen__picture:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
  -webkit-transform-origin: top;
  transform-origin: top;
  background-color: #293048;
}

@media (max-width: 1199px) {
  .products-screen__picture {
    left: -25px;
    right: -60%;
    width: auto;
  }

  .products-screen__picture:after {
    left: -35%;
    width: 110%;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .products-screen__picture {
    right: 0;
  }
}

@media (min-width: 1600px) {
  .products-screen__picture {
    right: 0;
  }
}

.products-screen__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: right;
  object-position: right;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1199px) {
  .products-screen__image {
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .5;
  }
}

.products-screen__header {
  position: relative;
  z-index: 2;
}

@media (min-width: 1200px) {
  .products-screen__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 110px;
  }

  .products-screen__header:before,
  .products-screen__header:after {
    content: '';
    position: absolute;
    z-index: -2;
    top: -110px;
    left: 80%;
    width: 100%;
    height: 1000px;
    -webkit-transform: skewX(-35deg) translateX(-50%);
    transform: skewX(-35deg) translateX(-50%);
    -webkit-transform-origin: top;
    transform-origin: top;
  }

  .products-screen__header:before {
    background-color: #293048;
    border-left: 1px solid rgba(139, 122, 223, 0.2);
  }

  .products-screen__header:after {
    opacity: 0;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #00CF6F), to(#293048));
    background-image: linear-gradient(90deg, #00CF6F 10%, #293048 100%);
    -webkit-transition: opacity ease .3s;
    transition: opacity ease .3s;
  }

  .hover .products-screen__header:after {
    opacity: .15;
  }

  .active .products-screen__header {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 100px;
    margin-bottom: 65px;
  }

  .active .products-screen__header:before {
    display: none;
  }

  .active .products-screen__header:after {
    left: 0;
    opacity: .15;
  }
}

@media (min-width: 1200px) {
  .products-screen__header-inner {
    cursor: pointer;
    padding: 10px;
    margin: -10px;
    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;
  }

  .active .products-screen__header-inner {
    display: block;
    cursor: default;
    padding: 0;
    margin: 0;
  }
}

.products-screen__logo-holder {
  width: 145px;
  margin-right: 10px;
}

@media (min-width: 1200px) {
  .products-screen__logo-holder {
    display: none;
    width: 240px;
    margin-right: 20px;
  }

  .active .products-screen__logo-holder {
    display: block;
  }
}

.products-screen__logo {
  display: block;
  width: 100%;
}

.products-screen__name-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 5px;
}

@media (max-width: 1199px) {
  .products-screen__name-block {
    margin-bottom: 35px;
  }
}

@media (min-width: 1200px) {
  .products-screen__name-block {
    font-weight: 600;
    font-size: 24px;
    line-height: 16px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform ease .35s;
    transition: -webkit-transform ease .35s;
    transition: transform ease .35s;
    transition: transform ease .35s, -webkit-transform ease .35s;
  }

  .hover .products-screen__name-block {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left;
    transform-origin: left;
  }

  .active .products-screen__name-block {
    -webkit-transform: none;
    transform: none;
  }
}

@media (max-width: 1199px) {
  .products-screen__name-company {
    display: none;
  }
}

@media (min-width: 1200px) {
  .active .products-screen__name-company {
    display: none;
  }
}

.products-screen__name-product {
  font-weight: 600;
}

@media (max-width: 1199px) {
  .products-screen__name-product {
    font-size: 27px;
    line-height: 1;
    text-transform: uppercase;
    color: #00CF6F;
  }
}

@media (min-width: 1200px) {
  .active .products-screen__name-product {
    font-size: 46px;
    line-height: 1;
    text-transform: uppercase;
    color: #00CF6F;
  }
}

@media (max-width: 1199px) {
  .products-screen__info {
    padding: 0 0 0 5px;
  }
}

@media (min-width: 1200px) {
  .products-screen__info {
    position: relative;
    width: 600px;
    z-index: 2;
    display: none;
    pointer-events: none;
  }

  .active .products-screen__info {
    display: block;
  }
}

.products-screen__icon-holder {
  width: 76px;
}

@media (max-width: 1199px) {
  .products-screen__icon-holder {
    margin-bottom: 40px;
    margin-left: -5px;
  }
}

@media (min-width: 1200px) {
  .products-screen__icon-holder {
    width: 92px;
    -webkit-transform: scale(0.68);
    transform: scale(0.68);
    -webkit-transition: -webkit-transform ease .3s;
    transition: -webkit-transform ease .3s;
    transition: transform ease .3s;
    transition: transform ease .3s, -webkit-transform ease .3s;
  }

  .hover .products-screen__icon-holder {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .active .products-screen__icon-holder {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-bottom: 60px;
    margin-left: -10px;
  }
}

.products-screen__icon {
  display: block;
  width: 100%;
}

.products-screen__description {
  margin-bottom: 60px;
  font-weight: 600;
  font-size: 26px;
  line-height: 1.3;
}

@media (min-width: 1200px) {
  .products-screen__description {
    margin-bottom: 110px;
    font-size: 48px;
  }
}

.products-screen__price-n-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1199px) {
  .products-screen__price-n-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .products-screen__price-n-detail {
    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;
    width: 660px;
  }
}

.products-screen__price {
  line-height: 1;
  font-weight: 600;
  font-size: 30px;
}

.products-screen__price b,
.products-screen__price .product-card__price-value {
  font-weight: 500;
  font-size: 48px;
}

@media (max-width: 1199px) {
  .products-screen__price {
    margin-bottom: 40px;
    font-size: 25px;
  }

  .products-screen__price b,
  .products-screen__price .product-card__price-value {
    font-size: 40px;
  }
}

.products-screen__details {
  pointer-events: auto;
}

/* features */

.product-features .features__heading {
  display: none;
}

.product-features {
  margin-bottom: 165px;
}

@media (max-width: 767px) {
  .product-features {
    margin-bottom: 25px;
  }

  .product-features .features__heading {
    display: block;
    font-weight: bold;
    font-size: 26px;
    line-height: 125%;
    text-align: center;
    margin: 0 auto 67px;
  }
}

/* end features */
.product-form-registration {
  margin: 93px auto;
  max-width: none;
}

.product-form-registration .application {
  padding-bottom: 77px;
  margin-bottom: 0;
}

.application__sub-heading {
  font-size: 18px;
  line-height: 22px;
  margin: 30px auto 68px;
  text-align: center;
  color: #000;
}


.application--reports .application__sub-heading,
.application--tariffs .application__sub-heading {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #5B6373;
}

.application--tariffs .application__sub-heading {
  margin-bottom: 45px;
}

.application--tariffs .checkbox__label {
  font-weight: 400;
  font-size: 10px;
  line-height: 140%;
  color: #9D9DAF;
}

.application--reports .checkbox__label {
  font-weight: 400;
  font-size: 10px;
  line-height: 140%;
}

.application--reports .button:disabled {
  background-color: #9D9DAF;
}

.know-more {
  margin-bottom: 120px;
  padding-top: 45px;
}

.know-more__title {
  font-weight: bold;
  font-size: 36px;
  line-height: 125%;
  text-align: center;
  display: block;
}

.know-more__btn {
  display: block;
  margin: 63px auto;
  min-width: 330px;
  padding: 25px;
}

@media (max-width: 767px) {
  .application--tariffs .application__sub-heading {
    max-width: 82% !important;
    margin-top: 20px;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 25px;
  }

  .know-more {
    padding-top: 80px;
    margin-bottom: 75px;
  }

  .know-more__title {
    font-size: 24px;
    line-height: 125%;
  }

  .application__sub-heading {
    font-size: 16px;
    line-height: 20px;
  }

  .form__domen-field {
    display: flex;
  }
}

@media (max-width: 375px) {
  .know-more__btn {
    min-width: auto;
  }
}

/* helpers */
@media (max-width: 440px) {
  .no-padding-mobile {
    padding: 0;
  }

  .no-display-mobile {
    display: none;
  }
}

.support-form {
  background-color: #293048;
  padding: 65px 0;
}

.support-form__container {
  max-width: 1050px;
  margin: 0 auto;
  padding: 32px 48px 56px;
  background: #FFFFFF;
  box-shadow: 0px 9px 14px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}

.interation-form .form__fields {
  position: relative;
}

.interation-form .support-form__container {
  max-width: 1110px;
  padding: 35px;
}

.support-form__main {
  margin-bottom: 63px;
}

.support-form__main.interation {
  position: relative;
  display: flex;
  gap: 30px;
  margin-bottom: 0;
}

.interation__left {
  position: relative;
  width: 100%;
  max-width: 290px;
}

.interation__left-title {
  font-size: 22px;
  margin-bottom: 40px;
}

.interation__select-title {
  margin-bottom: 10px;
  font-size: 12px;
  color: #000;
  line-height: 110%;
  font-weight: 600;
}

.interation__right {
  display: flex;
  gap: 40px;
  flex-grow: 1;
  background: #F3F2FC;
  padding: 30px;
}

.interation__right-cloumn {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: calc(50% - 15px);
}

.support-form__h2 {
  margin: 0;
  letter-spacing: -0.8px;
}

.support-form__descr {
  margin-left: 45px;
  font-size: 14px;
  line-height: 22px;
  color: #5B6373;
}

.support-form__text {
  display: block;
}

.interation-form .support-form__descr {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-left: 35px;
  font-size: 20px;
  color: #A6A6A6;
}

.interation-form .support-form__h2 {
  margin-bottom: 25px;
}

.support-form__tabs-body {
  display: flex;
  overflow-x: hidden;
}

.support-form__header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  margin-bottom: 58px;
}

.support-form__tabs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 78px;
  color: #BFC6D3;
  padding: 0;
  list-style: none;
}

.support-form__tabs-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-bottom: 17px;
  background: #BFC6D3;
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
  letter-spacing: -0.8px;
}

.support-form__tabs-switch.active .support-form__tabs-icon {
  background: #293048;
}

.support-form__tabs-switch {
  width: calc(100% / 3);
}

.support-form__tabs-switch.complete {
  cursor: pointer;
}

.support-form__tabs-switch:nth-child(2),
.support-form__tabs-item--col-3 .support-form__field-block--input:nth-child(2) {
  padding-left: 32px;
}

.support-form__tabs-switch:nth-child(3),
.support-form__tabs-item--col-3 .support-form__field-block--input:nth-child(3) {
  padding-left: 65px;
}

.support-form__tabs-switch.active {
  color: #1E1E1E;
}

.support-form__tabs-descr {
  font-weight: bold;
  font-size: 18px;
  line-height: 125%;
}

.support-form__field {
  width: 250px;
  border: 1px solid #BFC6D3;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 6px 7px;
  background-color: transparent;
  font-size: 14px;
  line-height: 22px;
  color: #5B6373;
}

.support-form__field.error {
  border: 1px solid #FF4646;
}

.interation .support-form__field {
  width: 100%;
  border: none;
  border-bottom: 1px solid #BFC6D3;
  border-radius: 0;
  outline: none;
}

.interation .support-form__field-lable {
  font-weight: 600;
}

.support-form__error {
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #5B6373;
  margin-top: 8px;
}

textarea.support-form__field {
  resize: none;
  width: 100%;
  max-width: 490px;
  height: 125px;
  overflow-y: auto;
  margin-bottom: -7px;
}

.interation textarea.support-form__field {
  height: 113px;
  border: 1px solid #D9D9D9;
  background-color: #fff;
}

.support-form__select {
  position: relative;
}

.support-form__select:after {
  content: '';
  display: block;
  position: absolute;
  top: 16px;
  right: 14px;
  width: 8px;
  height: 8px;
  background: url('/local/templates/site/img/icon/select_arrow.svg') center no-repeat;
}

.support-form__select.active {
  position: absolute;
  background-color: #fff;
  z-index: 1;
}

.support-form__select.active .support-form__select-header {
  border-bottom: 1px solid rgba(157, 157, 175, 0.34);
  margin-bottom: 12px;
  padding-bottom: 5px;
}

.support-form__select-wrapper {
  display: none;
  max-height: 135px;
  width: 100%;
  margin: 0;
  overflow-y: auto;
  padding: 0;
  list-style: none;
}

.support-form__select-wrapper::-webkit-scrollbar {
  width: 7px;
  height: 8px;
  background: rgba(212, 221, 238, 0.46);
  border-radius: 45px;
}

.support-form__select-wrapper::-webkit-scrollbar-thumb {
  background: #BFC6D3;
  border-radius: 45px;
}

.support-form__select-wrapper.visible {
  display: block;
}

.support-form__option:hover {
  background-color: #BFC6D3;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}

.support-form__tabs-item {
  flex: 0 0 100%;
  display: flex;
}

.support-form__tabs-item.active {
  order: -1;
}

.support-form__tabs-item--col-3 .support-form__field-block--input {
  flex: 0 0 auto;
  width: calc(100% / 3);
}

.support-form__field-block {
  flex: 1 1 auto;
}

.support-form__field-block--input {
  max-width: 350px;
}

.support-form__label {
  width: 250px;
  margin-top: 5px;
  font-size: 10px;
  line-height: 16px;
}

.support-form__btn.hidden {
  display: none;
}

.support-form__btn {
  margin-right: 20px;
}

.support-form__btn--prev {
  background-color: #BFC6D3;
}

.support-form__btn.visible {
  display: block;
}

.support-form__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.interation-form .support-form__footer {
  margin-top: 100px;
  position: absolute;
  bottom: 0;
}

.support-form__agreement {
  max-width: 550px;
  display: none;
}

.support-form__agreement.visible {
  display: block;
}

#captcha_v2 {
  margin-top: 15px;
}

.support-form__tabs-decor-mobile {
  display: none;
}

@media (max-width: 1200px) {
  .interation-form .support-form__container {
    max-width: 1050px;
  }
}

@media (max-width: 1024px) {
  .support-form {
    padding: 25px 20px;
  }

  .support-form__main {
    margin-bottom: 5px;
  }

  .support-form__tabs-switch:not(:last-child) {
    padding: 0 10px 0 0;
  }

  .support-form__tabs-switch {
    width: fit-content;
  }

  .support-form__header {
    display: block;
    margin-bottom: 30px;
  }

  .interation-form .support-form__header .support-form__descr {
    margin-left: 0;
    gap: 10px;
    font-size: 18px;
  }

  .support-form__main.interation {
    gap: 20px;
  }

  .interation__left {
    max-width: 245px;
  }

  .interation__left-title {
    font-size: 20px;
  }

  .interation__right {
    padding: 20px;
  }

  .support-form__h2 {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 25px;
  }

  .support-form__descr {
    margin: 0;
    font-size: 13px;
    line-height: 19px;
  }
}

@media (max-width: 768px) {

  .support-form__tabs-switch:nth-child(3),
  .support-form__tabs-item--col-3 .support-form__field-block--input:nth-child(3) {
    padding-left: 0;
  }

  .support-form__container {
    padding: 25px;
  }

  .support-form__tabs-switch:not(.active) .support-form__tabs-descr {
    display: none;
  }

  .support-form__tabs {
    position: relative;
  }

  .support-form__tabs-switch.active .support-form__tabs-descr {
    position: absolute;
    top: 60px;
    left: 0;
  }

  .support-form__tabs:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg,
        transparent 0% 40px,
        rgba(157, 157, 175, 0.34) 40px calc(50% - 25px),
        transparent calc(50% - 25px) calc(50% + 25px),
        rgba(157, 157, 175, 0.34) calc(50% + 25px) calc(100% - 40px),
        transparent calc(100% - 40px) 100%);
    position: absolute;
    left: 0;
    top: 17px;
  }

  .support-form__tabs-item {
    flex-direction: column;
    align-items: center;
  }

  .support-form__field-block {
    width: 100%;
  }

  .support-form__field-block--input {
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
    flex: 0 0 auto;
  }

  .support-form__field {
    width: 100%;
  }

  textarea.support-form__field {
    max-width: 100%;
  }

  .support-form__label {
    width: auto;
  }

  .support-form__tabs-item--col-3 .support-form__field-block--input,
  .support-form__tabs-item--col-3 .support-form__field-block--input:nth-child(n) {
    width: 100%;
    padding: 0;
  }

  .support-form {
    margin: 0 auto;
    max-width: 100%;
    border-radius: 0;
  }

  .support-form__field-block--select {
    position: relative;
  }

  .interation-form .support-form__container {
    padding: 25px;
  }

  .support-form__main.interation {
    flex-direction: column;
  }

  .interation__left {
    max-width: 100%;
  }

  .interation__left-title {
    margin-bottom: 20px;
  }

  .interation__right {
    flex-direction: column;
    gap: 0;
  }

  .interation__right-cloumn {
    width: 100%;
  }

  .interation-form .support-form__footer {
    position: relative;
    margin-top: 40px;
  }
}

@media (max-width:480px) {
  .support-form__btn {
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 16px 25px;
  }
}

.support-form .form__fields--support {
  display: block;
  margin: 0;
  padding: 0;
}

.form__result--support {
  margin: 100px 0 150px;
  padding: 100px 0 40px;
}

.application span.logo-general {
  display: inline-block;
  margin-right: 3px;
  width: 130px;
  height: 35px;
  min-width: 130px;
  min-height: 35px;
  max-width: 130px;
  max-height: 35px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 308.6 70.1' style='enable-background:new 0 0 308.6 70.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23293048;%7D .st1%7Bfill:%2300CF6F;%7D%0A%3C/style%3E%3Cpath class='st0' d='M23.1,15.1V24c-0.8-0.1-1.5-0.2-2.2-0.2c-3.6,0-6.5,1.1-8.5,3.2s-3.1,5.2-3.1,9.2v19.4H0v-40h4.6l4.3,5.8 C11.6,17.2,16.3,15.1,23.1,15.1z'/%3E%3Cpolygon class='st0' points='61.8,55.5 52.4,55.5 52.4,12.5 61.8,0 '/%3E%3Cpath class='st0' d='M104.1,25.3c-2.1,1.8-3.3,4.1-3.8,7.1H123c-0.4-2.9-1.6-5.2-3.7-7c-2.1-1.8-4.6-2.7-7.6-2.7 C108.7,22.6,106.2,23.5,104.1,25.3z M131.8,38.5h-31.4c0.5,3,2,5.3,4.3,7c2.3,1.7,5.2,2.6,8.7,2.6c4.4,0,8-1.4,10.9-4.3l4.6,6.2 c-1.8,2.2-3.7,3.3-6.4,4.4c-2.8,1.1-5.8,1.6-9.3,1.6c-4.4,0-8.3-0.9-11.6-2.6c-3.3-1.8-5.9-4.2-7.8-7.3c-1.8-3.1-2.7-6.6-2.7-10.6 c0-3.9,0.9-7.4,2.7-10.5c1.8-3.1,4.2-5.6,7.4-7.3c3.1-1.8,6.7-2.6,10.6-2.6c3.9,0,7.4,0.9,10.4,2.6s5.5,4.1,7.2,7.3 c1.7,3.1,2.6,6.7,2.6,10.8C131.9,36.4,131.9,37.3,131.8,38.5z'/%3E%3Cpath class='st0' d='M150.7,25.3c-2.1,1.8-3.3,4.1-3.8,7.1h22.7c-0.4-2.9-1.6-5.2-3.7-7c-2.1-1.8-4.6-2.7-7.6-2.7 C155.3,22.6,152.8,23.5,150.7,25.3z M178.4,38.6H147c0.5,3,2,5.3,4.3,7c2.3,1.7,5.2,2.6,8.7,2.6c4.4,0,8-1.4,10.9-4.3l4.6,6.2 c-1.8,2.2-3.6,3.3-6.3,4.4c-2.8,1.1-5.8,1.6-9.3,1.6c-4.4,0-8.3-0.9-11.6-2.6c-3.3-1.8-5.9-4.2-7.8-7.3c-1.8-3.1-2.7-6.6-2.7-10.6 c0-3.9,0.9-7.4,2.7-10.5c1.8-3.1,4.2-5.6,7.4-7.3c3.1-1.8,6.7-2.6,10.6-2.6c3.9,0,7.4,0.9,10.4,2.6c3.1,1.7,5.5,4.1,7.2,7.3 c1.7,3.1,2.6,6.7,2.6,10.8C178.5,36.4,178.5,37.4,178.4,38.6z'/%3E%3Cpath class='st0' d='M217.1,44.6c2.2-2.3,3.3-5.3,3.3-9.1s-1.1-6.8-3.3-9.1c-2.2-2.3-5.1-3.4-8.5-3.4c-2.2,0-4.3,0.5-6.1,1.5 c-1.8,1-3.2,2.5-4.3,4.4c-1.1,1.9-1.6,4.1-1.6,6.6s0.5,4.7,1.6,6.6c1,1.9,2.5,3.4,4.3,4.4c1.8,1,3.8,1.5,6.1,1.5 C212,48.1,214.9,46.9,217.1,44.6z M220.1,17.7c3.1,1.7,5.5,4.1,7.2,7.2c1.8,3.1,2.6,6.7,2.6,10.7s-0.9,7.6-2.6,10.7 s-4.2,5.5-7.2,7.2c-3.1,1.7-6.6,2.6-10.4,2.6c-5.4,0-9.7-1.8-12.8-5.4v19.4h-9.4V15.6h5.2l3.7,5.2c1.5-1.9,3.5-3.3,5.7-4.3 c2.3-1,4.8-1.4,7.5-1.4C213.6,15.1,217,16,220.1,17.7z'/%3E%3Cpath class='st0' d='M248.6,25.3c-2.1,1.8-3.3,4.1-3.8,7.1h22.7c-0.4-2.9-1.6-5.2-3.7-7c-2.1-1.8-4.6-2.7-7.6-2.7 C253.2,22.6,250.7,23.5,248.6,25.3z M276.3,38.5h-31.4c0.5,3,2,5.3,4.3,7c2.3,1.7,5.2,2.6,8.6,2.6c4.4,0,8-1.4,10.9-4.3l4.6,6.2 c-1.8,2.2-3.7,3.4-6.4,4.5s-5.8,1.6-9.3,1.6c-4.4,0-8.3-0.9-11.6-2.6c-3.3-1.8-5.9-4.2-7.8-7.3c-1.8-3.1-2.7-6.6-2.7-10.6 c0-3.9,0.9-7.4,2.7-10.5c1.8-3.1,4.2-5.6,7.4-7.3c3.1-1.8,6.7-2.6,10.6-2.6c3.9,0,7.4,0.9,10.4,2.6c3.1,1.7,5.5,4.1,7.2,7.3 c1.7,3.1,2.6,6.7,2.6,10.8C276.4,36.4,276.4,37.3,276.3,38.5z'/%3E%3Cpath class='st0' d='M308.6,15.1V24c-0.8-0.1-1.5-0.2-2.2-0.2c-3.6,0-6.5,1.1-8.5,3.2c-2.1,2.1-3.1,5.2-3.1,9.2v19.4h-9.4v-40h4.7 l4.2,5.8C297,17.2,301.8,15.1,308.6,15.1z'/%3E%3Cpolygon class='st0' points='88.2,55.5 72.9,35.1 87.7,15.5 78.8,15.4 63.9,35.1 64,35.1 79.2,55.5 '/%3E%3Cpolygon class='st1' points='56.3,62.8 14.4,62.8 19.8,55.5 61.8,55.5 '/%3E%3C/svg%3E%0A");
  transform: translateY(8px);
}

@media(max-width: 767px) {
  .application span.logo-general {
    display: inline-block;
    margin-right: 3px;
    width: 100px;
    height: 25px;
    min-width: 100px;
    min-height: 25px;
    max-width: 100px;
    max-height: 25px;
    transform: translateY(6px);
  }
}

.registration-form__agreement {
  margin: 0 auto 0 48px !important;
}

.button:disabled {
  background: #9D9DAF !important;
}

.registration-form__title img {
  margin-left: 11px;
  transform: translateY(2px);
}

.registration-form__description img {
  transform: translateY(6px);
  width: 58px;
}

.know-more__title {
  color: #293048;
}

.cloud-form-block {
  padding-top: 60px;
  margin-bottom: 78px;
}


.cloud-form-block .application__heading {
  font-size: 36px;
  color: #293048;
}

.cloud-form-block .application__sub-heading {
  font-size: 16px;
  margin: 44px auto 37px;
  color: #5B6373;
}

.cloud-form-block .form {
  gap: 50px;
  grid-template-columns: 101%;
  transform: translateX(-5px);
}

.cloud-form-block .checkbox__label {
  color: #9D9DAF;
  font-size: 10px;
  line-height: 140%;
  transform: translateY(3px);
}

.cloud-form-block .checkbox__label span {
  font-weight: 600;
}

.cloud-form-block .checkbox__label a {
  text-decoration: underline;
}

.cloud-form-block .form__button {
  min-width: 180px;
}

@media (max-width:767px) {
  .cloud-form-block {
    margin-bottom: 0;
  }

  .cloud-form-block {
    padding-top: 31px;
  }

  .cloud-form-block .application__heading {
    font-size: 24px;
  }

  .cloud-form-block .application__heading img {
    transform: translateY(2px);
    width: 104px;
  }

  .cloud-form-block .application__sub-heading {
    margin: 27px auto 39px;
  }

  .cloud-form-block .form__fields {
    gap: 38px;
  }

  .cloud-form-block .form__button {
    min-width: 260px;
    margin-top: 38px;
    padding: 22px 30px;
    transform: translateX(3px);
  }

  .main-cloud-accordion .features__title::after {
    cursor: pointer;
  }



  .img-utp .swiper-pagination-bullet {
    background-color: #E0E8FD !important;
  }

  .img-utp .swiper-pagination-bullet-active {
    background-color: #000 !important;
  }
}

/* ---------------------------------------service icons--------------------------------------- */
.service-icons {
  display: flex;
  gap: 12px;
  margin-bottom: 55px;
}

.service-icons img {
  filter: saturate(0);
  opacity: 0.6;
  transition: all 0.3s;
  border-radius: 12px;
}

.service-icons img:hover {
  filter: saturate(1);
  opacity: 1;
  transition: all 0.3s;
}

.features .service-icons {
  margin-bottom: 25px;
}

@media (max-width:767px) {
  .features .service-icons {
    padding-left: 14px;
  }
}




/* finance-form */
.finance-form {
  margin: 100px 0;
  padding: 62px 94px 65px;
}
.finance-form .application__heading {
  font-size: 36px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0;
  margin: 0 auto;
}
.finance-form .application__sub-heading {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0;
  text-align: center;
  width: 100%;
  max-width: 470px;
  margin: 25px auto 38px;
}
.finance-form .form {
  max-width: 100%;
  gap: 50px;
  margin: 0;
}
.finance-form .checkbox__label {
  font-weight: 400;
  font-size: 10px;
  line-height: 140%;
}
.finance-form .form__fields {
  gap: 66px;
}
.finance-form .form__input {
  padding: 0;
}
.finance-form .form__button {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  padding: 25px 60px;
}

/* finance-form--demo */
.finance-form.finance-form--demo {
  padding: 65px 94px 65px;
}
.finance-form.finance-form--demo .application__heading {
  margin: 0 0 32px 0;
}
.finance-form.finance-form--demo .application__sub-heading {
  margin: 0 auto 38px;
}
.finance-form .logo-product {
  font-size: 28px;
}

@media (max-width: 767px) {
  .finance-form {
    margin: 0 -25px;
  }
  .finance-form { 
    padding: 36px 17px 17px;
  }
  .finance-form.finance-form--demo { 
    padding: 45px 25px 50px;
  }
  .finance-form .form__fields {
    gap: 19px;
  }
  .finance-form:not(.finance-form--demo) .form__fields {
    gap: 38px;
  }
  .finance-form .application__heading {
    font-size: 24px;
    line-height: 120%;
    text-align: left;
    max-width: 300px;
    margin: 0;
  }
  .finance-form:not(.finance-form--demo) .application__sub-heading {
    text-align: left;
    max-width: 265px;
    margin: 34px 0 24px;
  }
  .finance-form .form__button {
    width: 100%;
  }
  .finance-form .title-logo .logo-product {
    font-size: 20px;
  }


  .features--to-accordion.features--new .features__preview {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 284px;
  }
  .features--to-accordion.features--new .features__image {
    height: 100%;
    max-height: 206px;
  }
  .features--to-accordion.features--new .features__description ul {
    margin: 39px 20px 38px 25px;
  }
  .features--to-accordion.features--new .features__item.active {
    margin: 0;
  }
}

.next__know-more .know-more {
  margin-bottom: 110px;
  padding-top: 18px;
}

@media (max-width: 767px) {
  .next__know-more .know-more {
    margin-bottom: 60px;
    padding-top: 60px;
  }

  .next__know-more .know-more .know-more__btn {
    margin: 30px 0 0;
  }
}

#promo-form {
  scroll-margin: 100px;
}


/* блок предзаказа NEXT */

.preorder-block {
  min-height: 240px;
  background: #EAEEFB;
  padding: 10px 0;
  margin: 0;
}

.preorder-block__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.preorder-block__content {
  display: flex;
  align-items: center;
}

.preorder-block__name {
  font-weight: 600;
  font-size: 50px;
  line-height: 125%;
  margin: 0;
}

.preorder-block__button {
  font-size: 20px;
  width: 100%;
  max-width: 337px;
  padding: 30px;
}

.preorder-block .title-logo .green.logo-product{
  font-size: 40px;
}

@media (min-width: 1400px) {
  .preorder-block .page-wrapper {
    max-width: 1400px;
    padding: 0 145px 0 90px;
  }
}

@media (max-width: 1200px) {
  .preorder-block {
    padding: 44px 0 60px;
  }
  .preorder-block__inner {
    flex-direction: column;
    gap: 15px;
  }
  .preorder-block__content {
    flex-direction: column-reverse;
    gap: 8px;
  }
  .preorder-block__name {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .preorder-block__image {
    max-height: 178px;
  }
  .preorder-block__name {
    font-size: 30px;
    line-height: 125%;
  }
  .preorder-block .title-logo .green.logo-product{
    font-size: 25px;
  }
  .preorder-block__button {
    font-size: 16px;
    max-width: 325px;
    padding: 24px;
  }
}

.black-friday {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
  .black-friday span {
    display: inline-block;
    padding: 10px 20px;
    background: #8B7ADF;
    border-radius: 4px;
    text-transform: uppercase;
  }