html,
body {
  width: 100%;
  /*height: 100%;*/
  font-family: "Noto Sans", "Time", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: rgb(12, 24, 42);
  margin: 0;
  background-color: rgb(245, 246, 249);
}

html {
  scroll-behavior: smooth;
}

img,
svg {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

@media screen and (max-width: 767px) {
  body {
    position: relative;
  }
  body::before {
    position: fixed;
    content: "";
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: right 0.1s ease 0s;
    -o-transition: right 0.1s ease 0s;
    transition: right 0.1s ease 0s;
    z-index: 1;
  }
  body._lock {
    overflow: hidden;
  }
}

.form__item-close {
  width: 14px;
  height: 14px;
  background: url(../img/close.svg) no-repeat;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 25px;
  z-index: 3;
}

.nobr {
  white-space: nowrap;
}

.form__file--uploading {
  background: url(../img/bg/form-file_bg_blue.svg) no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding: 25px 50px 25px 25px;
  margin-bottom: 24px;
  border-radius: 2px;
  background-color: rgb(255, 255, 255);
}

.form__file--uploaded {
  border: 1px solid rgb(193, 193, 193);
  border-radius: 10px;
  background-size: 100% 100%;
  position: relative;
  padding: 25px 50px 25px 25px;
  margin-bottom: 24px;
  background-color: rgb(255, 255, 255);
}

.form__file--uploaded.error {
  border-color: rgb(255, 0, 0);
}

.form__file--uploaded.error .form__item-text {
  color: rgb(255, 0, 0);
}

.form__file--uploaded.error .form__item-close {
  background: url(../img/close.svg) no-repeat;
}

.form__file--uploaded .form__item-file--title {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #0c182a;
  word-break: break-word;
}

.form__file--uploaded .form__item-close {
  background: url(../img/close-grey.svg) no-repeat;
}

.form__file--uploaded .form__item-close:hover {
  background: url(../img/close.svg) no-repeat;
}

.form__file--uploaded .form__item-file--icon {
  background: url(../img/file.svg) no-repeat;
  background-size: 100% 100%;
  width: 27px;
  height: 34px;
  padding: 0 3px 3px 3px;
  color: #fff;
  font-size: 8px;
  text-transform: uppercase;
  display: flex;
  align-items: end;
  justify-content: center;
  font-weight: 600;
}

.form__file--uploading .progress {
  background: rgb(89 135 248 / 10%);
  display: block;
  z-index: 1;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2px;
}

.form__file--uploading .form__item-content {
  z-index: 2;
  align-content: space-between;
  flex-wrap: wrap;
}

.form__file--uploading .form__item-file--title {
  font-size: 16px;
  line-height: 22px;
  color: #5987f8;
  font-weight: 400;
}

.form__file--list {
  position: relative;
  top: -15px;
}

.form__file--list .form__file--list---item {
  border-bottom: 1px dashed #ccc;
  padding: 5px 25px 5px 0;
  position: relative;
  word-break: break-word;
}

.form__file--list .form__file--list---delete {
  position: absolute;
  font-size: 24px;
  right: 0;
  top: -1px;
  cursor: pointer;
  color: rgb(255, 0, 0);
  transform: rotate(45deg);
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input,
button,
textarea {
  font-family: inherit;
}

img {
  display: block;
}

h1,
h2,
h3,
p {
  margin: 0;
}

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

a:hover {
  text-decoration: none;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* ********** WRAPPER ********** */

.wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-x: hidden;
}

/* ********** CONTAINER ********** */

.container {
  width: 100%;
  max-width: 1320px;
  padding-left: 12px;
  padding-right: 12px;
  margin: 0 auto;
}
.container--tariffs {
  width: 100%;
}

/*  ********** HEADER ********** */

.header {
  background-color: rgb(255, 255, 255);
}
.header__top {
  border-bottom: 1px solid rgb(233, 235, 240);
  -webkit-box-shadow: -10px 0px 45px rgba(0, 0, 0, 0.06);
  box-shadow: -10px 0px 45px rgba(0, 0, 0, 0.06);
}
.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 25px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.header__menu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 45px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__nav-link {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  color: rgb(43, 42, 53);
  text-decoration: none;
  -webkit-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  transition: color 0.2s ease 0s;
}
.header__nav-link:hover,
.header__nav-link:focus-visible {
  color: rgb(63, 140, 255);
}
.header__nav-link:focus-visible {
  outline: 2px solid rgb(63, 140, 255);
  outline-offset: 4px;
  border-radius: 6px;
}

.header__button--select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.header__button--login {
  max-width: 219px;
  width: 100%;
}
.header__text {
  font-size: 18px;
  line-height: 1.3888888889;
  color: rgba(12, 24, 42, 1);
}
.header__tickets-text {
  display: block;
  max-width: 195px;
  font-size: 14px;
  line-height: 1.3571428571;
  text-align: center;
  color: rgb(255, 255, 255);
  padding: 8px 10px;
  background-color: rgb(241, 85, 109);
  border-radius: 0 0 10px 10px;
}
.header__tickets {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3888888889;
}
.header__menu-text {
  position: relative;
  right: 70px;
  display: block;
  line-height: 1.6875;
  color: COLOR_ACCENT_PRIMARY;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header__menu-icon {
  display: none;
}

.logo {
  height: auto;
}

.logo__link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.logo__icon {
  width: 130px;
  height: auto;
}

/* ********** DROPDOWN ********** */

.dropdown {
  display: none;
  position: absolute;
  top: 50px;
  right: 250px;
  background-color: rgb(255, 255, 255);
  width: 179px;
  -webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  padding: 16px;
  z-index: 1;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.dropdown._drop {
  display: block;
}
.dropdown__arrow {
  position: absolute;
  display: block;
}
.dropdown__arrow--main {
  height: 90%;
  right: -20px;
  bottom: 0;
  width: 20px;
  cursor: pointer;
}
.dropdown__arrow--secondary {
  width: 32px;
  height: 50%;
  background-color: rgb(255, 255, 255);
  right: 2%;
  bottom: 6%;
  pointer-events: none;
}
.dropdown__arrow::before {
  border-top: 0.25rem solid rgb(193, 193, 193);
  border-right: 0.25rem solid transparent;
  border-left: 0.25rem solid transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 0;
  height: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.dropdown__item {
  position: relative;
}
.dropdown__item:not(:last-child) {
  margin-bottom: 16px;
}
/*  select */
.dropdown__item .choices__inner {
  background-color: rgb(255, 255, 255);
  color: rgb(12, 24, 42);
  font-size: 14px;
  line-height: 1.3571428571;
  border: 1px solid rgb(233, 235, 240);
  border-radius: 2px;
  padding: 8px 10px;
  min-height: 35px;
}
/*  some unnecessary padding on select */
.dropdown__item .choices__list--single {
  padding: 0;
}
/*  option */
.dropdown__item .choices__list--dropdown.is-active {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(233, 235, 240);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  color: rgb(43, 42, 53);
  top: 4%;
}
/* it works!!! */
.dropdown__item--currency .choices__list--dropdown {
  margin-top: -2px;
}
.dropdown__item .is-selected.choices__item--selectable {
  pointer-events: none;
  color: rgb(193, 193, 193);
  position: relative;
  overflow: visible;
}
/*  pseudo-element of the selected option */
.dropdown__item .is-selected.choices__item--selectable::before {
  background-color: rgb(193, 193, 193);
  position: absolute;
  content: "";
  height: 1.5px;
  z-index: 2;
}
/*  pseudo-element of the selected option */
.dropdown__item .is-selected.choices__item--selectable::before {
  top: 50%;
  left: 8px;
  width: 10px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/*  customizing plugin pseudo-element */
.dropdown__item .is-selected.choices__item--selectable::after {
  top: 52%;
  left: 6px;
  width: 4.5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  height: 1.5px;
  background-color: rgb(193, 193, 193);
  opacity: 1;
}
.dropdown__item .choices__list--dropdown .choices__item--selectable {
  padding: 9px 23px;
}
/*  color and background-color of the selectable  option  */
.dropdown__item
  .choices__list--dropdown
  .choices__item--selectable.is-highlighted {
  background: rgb(63, 140, 255);
  color: rgb(255, 255, 255);
}
/*  color and background-color of the selected option  */
.dropdown__item
  .choices__list--dropdown
  .is-selected.choices__item--selectable.is-highlighted {
  background-color: rgb(255, 255, 255);
  color: rgb(193, 193, 193);
}
.dropdown__label {
  font-size: 14px;
  line-height: 1.3571428571;
  margin-bottom: 4px;
}

/*  ********** SECTION ********** */

.section--promo {
  background-image: linear-gradient(
    180deg,
    #ffffff 86.78%,
    rgba(255, 255, 255, 0) 100%
  );
}
.section--benefit {
  padding: 50px 0 60px;
  background-image: linear-gradient(180deg, #f5f6f9 0%, #f9f9fb 100%);
}
.section--presentation,
.section--features {
  padding: 60px 0;
}
.section--profitably {
  padding: 50px 0 60px;
}
.section--presentation {
  background-image: linear-gradient(180deg, #f9f9fb 0%, #fbfcfd 100%);
}
.section--profitably {
  background-image: linear-gradient(180deg, #fbfcfd 0%, #fefeff 100%);
}
.section--features {
  padding: 60px 0 60px;
  background-image: linear-gradient(180deg, #fefeff 0%, #f7f8fa 100%);
}
.section--order {
  padding: 50px 0 109px;
  background-image: linear-gradient(180deg, #fefeff 0%, #f7f8fa 100%);
}
.section--form {
  position: relative;
  padding-top: 50px;
  padding-bottom: 80px;
  background-color: rgb(255, 255, 255);
  z-index: 1;
  overflow: hidden;
}
.section--form .container {
  position: relative;
  z-index: 2;
}
.section--form::after {
  content: "";
  display: block;
  height: 594px;
  width: 643px;
  position: absolute;
  top: -45px;
  left: calc(50% + 147px);
  background: url(../img/bg/form_bg.svg);
  background-repeat: no-repeat;
  z-index: -1;
}
.section--form::before {
  display: none;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  z-index: 1;
}
.section--reviews {
  padding: 110px 0 92px;
  background-image: linear-gradient(180deg, #f5f6f9 0%, #ffffff 100%);
}
.section--tariffs {
  padding: 60px 0 80px;
  background-image: linear-gradient(180deg, #ffffff 6.14%, #ffffff 34.24%);
}
.section--features {
  background-image: linear-gradient(180deg, #f5f6f9 0%, #fafafc 100%);
}
.section--faq {
  padding: 50px 0 60px;
  background-image: linear-gradient(180deg, #fafafc 41.54%, #ffffff 100%);
}
.section--customers {
  padding: 50px 0 120px;
  background-color: rgb(255, 255, 255);
}
.section__container--promo {
  display: flex;
  align-items: center;
  min-height: 320px;
}
.section__container--benefit,
.section__container--order,
.section__container--reviews {
  position: relative;
}
.section__container--presentation {
  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;
  gap: 32px;
}
.section__container--order,
.section__container--faq,
.section__container--customers {
  width: 100%;
  margin: 0 auto;
}
.section__container--order,
.section__container--faq {
  max-width: 1194px;
}
.section__container--customers {
  max-width: 1124px;
}
.section__container--form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.section__container--reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 40px;
  /* fixed height for vertical slider */
  height: 324px;
}
.section__block {
  text-align: left;
  margin-bottom: 0;
}
.section__block--promo {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 70%;
  margin: 0 auto;
  text-align: center;
  padding: 25px 0;
}
.section__block--presentation {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 41%;
  flex: 0 1 41%;
}
.section__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px;
  padding-top: 3px;
}
.section__buttons-wrap {
  position: relative;
  padding: 4px;
  background: rgb(233, 235, 240);
  border-radius: 10px;
}
.section__buttons-wrap .section__buttons-wrap--swicher {
  position: absolute;
  content: "";
  top: 4px;
  left: 4px;
  height: 40px;
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease 0s;
  z-index: 1;
}

.section__text-wrap {
  text-align: center;
  margin-bottom: 40px;
}
.section__text-wrap--reviews {
  margin-bottom: 90px;
}
.section__text-wrap--form {
  max-width: 805px;
  width: 100%;
  text-align: left;
  margin-bottom: 14px;
}
.section__text {
  font-size: 18px;
  line-height: 1.5;
}
.section__text-wrap--order {
  margin-bottom: 32px;
}
.section__text--promo {
  font-size: 20px;
  line-height: 34px;
  color: rgb(12, 24, 42);
  margin-bottom: 42px;
}
.section__text-accent {
  color: rgb(63, 140, 255);
}
.section__text-accent--promo {
  text-decoration: underline;
}
.section__text-accent--form {
  font-weight: 400;
}
.section__touchscreen-text {
  display: none;
}
.section__img--promo {
  display: block;
  margin: 0 auto 24px auto;
  width: 100%;
  max-width: 1100px;
  height: auto;
}
.section__logo-items--big {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 45px;
}
.section__logo-items--small {
  display: none;
}
.section__logo-item--big {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-grid-columns: 163px 193px 145px 67px 191px;
  grid-template-columns: 163px 193px 145px 67px 191px;
}
.section__logo {
  width: 100%;
  height: auto;
}
.section__logo--narrow {
  max-width: 79px;
}

.clients {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.clients-swiper {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border-radius: 12px;
  padding: 4px;
}
.clients-swiper .swiper-wrapper {
  padding: 6px 2px;
}
.clients__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 200px !important;
  height: 110px;
  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;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(233, 235, 240);
  border-radius: 12px;
  scroll-snap-align: start;
}
.clients__logo {
  width: 140px;
  height: 56px;
  object-fit: contain;
}
.clients__nav {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgb(233, 235, 240);
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  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-transition: border-color 0.2s ease 0s;
  -o-transition: border-color 0.2s ease 0s;
  transition: border-color 0.2s ease 0s;
  color: rgb(43, 42, 53);
}
.clients__nav-icon {
  display: block;
}
.clients__nav:hover,
.clients__nav:focus-visible {
  border-color: rgb(63, 140, 255);
}
.clients__nav:focus-visible {
  outline: 2px solid rgb(63, 140, 255);
  outline-offset: 2px;
}
.clients__nav:disabled {
  opacity: 0.4;
  cursor: default;
}
.clients__nav.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

/*  ********** TITLE **********  */

.title {
  font-weight: 700;
  font-size: 29px;
  line-height: 42px;
  color: rgb(12, 24, 42);
}
.title--custom {
  font-weight: 600;
  font-size: 40px;
  line-height: 58px;
  color: rgb(12, 24, 42);
  margin-bottom: 28px;
}
.title--presentation {
  margin-bottom: 13px;
}
.title--order,
.title--tariffs {
  margin-bottom: 13px;
}

/*  ********** SLIDER ********** */

.slider {
  overflow: hidden;
}
.slider--benefit {
  padding: 0 5px 5px 5px;
  margin: 0 -5px;
}
.slider--benefit-content {
  position: relative;
  padding-top: 24px;
}
.slider--benefit-content::before,
.slider--benefit-content::after {
  position: absolute;
  content: "";
  left: 50%;
  border: solid transparent;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 1;
}
.slider--benefit-content::before {
  top: -20px;
  border-top-color: rgb(223, 223, 225);
  border-width: 24px;
  margin-left: -22px;
}
.slider--benefit-content::after {
  top: -18px;
  border-top-color: rgb(255, 255, 255);
  border-width: 23px;
  margin-left: -21px;
}
.slider--order {
  padding: 11px 11px;
  margin: 0 -11px;
}
.slider--reviews {
  padding: 0 15px;
  margin: 0 -15px;
}
.slider--reviews {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 42.5%;
  flex: 0 1 42.5%;
}
.slider--reviews-content {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 55%;
  flex: 0 1 55%;
}
.slider__button-next.swiper-button-next,
.slider__button-prev.swiper-button-prev {
  color: rgb(0, 0, 0);
  width: 37px;
  height: 54px;
  -webkit-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slider__button-next.swiper-button-next::after,
.slider__button-prev.swiper-button-prev::after {
  font-size: 28px;
  font-weight: 700;
}
.slider__buttons--benefit .swiper-button-next,
.slider__buttons--benefit .swiper-button-prev {
  top: 50%;
  transform: translate(0, -50%);
  margin-top: 0;
}
.slider__buttons {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slider__buttons--benefit .swiper-button-next {
  right: -3.6%;
}
.slider__buttons--benefit .swiper-button-prev {
  left: -3.6%;
}
.slider__buttons--order .swiper-button-next,
.slider__buttons--order .swiper-button-prev {
  top: 59.4%;
}
.slider__buttons--order .swiper-button-next {
  right: -3.6%;
}
.slider__buttons--order .swiper-button-prev {
  left: -3.6%;
}
.slider__buttons--reviews .swiper-button-next,
.slider__buttons--reviews .swiper-button-prev {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.slider__buttons--reviews .swiper-button-next {
  top: -12%;
  right: 78.2%;
}
.slider__buttons--reviews .swiper-button-prev {
  top: 109%;
  left: 19%;
}
.slider__pagination {
  display: none;
}
.slider__slide {
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slider__slide--benefit {
  width: 252px;
  padding: 18px;
  -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08);
  border: 1px solid transparent;
  /* -webkit-transition: border 0.6s ease 0s;
    -o-transition: border 0.6s ease 0s;
    transition: border 0.6s ease 0s; */
  cursor: pointer;
}
/*  central slide */
.slider__slide--benefit.swiper-slide-active {
  border: 1px solid rgb(63, 140, 255);
}
.slider__slide--benefit-content {
  padding: 40px;
  border: 1px solid rgb(223, 223, 225);
}
.slider__slide--order {
  padding: 32px;
  -webkit-box-shadow: 0px 0px 20px rgba(43, 42, 53, 0.06);
  box-shadow: 0px 0px 20px rgba(43, 42, 53, 0.06);
  min-height: 464px;
  height: auto;
}
.slider__slide--reviews {
  cursor: pointer;
}
.slider__slide--reviews,
.slider__slide--reviews-content {
  background-color: transparent;
}
/*  central slide */
.slider__slide--reviews.swiper-slide-active {
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 0px 25px rgba(43, 42, 53, 0.05);
  box-shadow: 0px 0px 25px rgba(43, 42, 53, 0.05);
  border-radius: 10px;
}
/*  central slide, active slide */
.slider__slide--reviews.swiper-slide-active .slider__sub-title,
.slider__slide--reviews-content.swiper-slide-active .slider__sub-title {
  color: rgb(63, 140, 255);
}
.slider__slide-inner--benefit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.slider__slide-inner--order {
  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%;
}
.slider__slide-inner--reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  padding: 24px 40px;
}
.slider__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slider__content--benefit {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 53px;
}
.slider__content--reviews {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding: 10px;
}
.slider__content-item--logo {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 27%;
  flex: 1 1 27%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 41px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.slider__content-item--benefit {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 70%;
  flex: 1 1 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
.slider__content-item--reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.slider__title {
  font-size: 22px;
}
.slider__title--order {
  font-weight: 600;
  line-height: 1.3636363636;
  color: rgb(43, 42, 53);
  padding-bottom: 24px;
  padding-right: 26px;
}
.slider__title--reviews {
  font-weight: 700;
  line-height: 1.2272727273;
  color: rgb(0, 0, 0);
  margin-bottom: 2px;
}
.slider__sub-title {
  line-height: 1.6875;
}
.slider__text,
.slider__text-border {
  font-size: 18px;
  line-height: 1.3888888889;
}
.slider__text--benefit,
.slider__text-border {
  color: rgb(43, 42, 53);
}
.slider__text--benefit {
  font-weight: 700;
}
.slider__text-border {
  position: relative;
  padding: 8px 10px;
  border: 1px solid rgb(223, 223, 225);
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
}
.slider__text-border:hover {
  background: rgb(63, 140, 255);
  color: #fff;
}
.slider__text--order-grow {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 24px 0;
  border-bottom: 1px solid rgb(223, 223, 225);
  border-top: 1px solid rgb(223, 223, 225);
}
.slider__text--reviews {
  line-height: 1.5;
}
.slider__text-wrap--order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding-top: 16px;
  font-size: 18px;
}
.slider__icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slider__label {
  position: absolute;
  display: block;
  top: -9px;
  right: -18px;
  font-size: 10px;
  color: rgb(255, 255, 255);
  line-height: 1.4;
  padding: 2px 6px;
  background: rgb(240, 177, 57);
  border-radius: 3px;
}
.hasNew {
  margin-right: 18px;
}
.slider__term,
.slider__price {
  font-weight: 700;
  font-size: 26px;
  line-height: 1.3461538462;
}
.slider__term {
  color: rgb(63, 140, 255);
}
.slider__price {
  color: rgb(241, 85, 109);
}

@media (hover: hover) {
  .slider__button-next.swiper-button-next:hover,
  .slider__button-prev.swiper-button-prev:hover {
    color: rgb(63, 140, 255);
  }
}

/*  ********** LIST ********** */

.list--profitably {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 30px;
}
.list--profitably {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list--faq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list--features {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 30px;
}
.list--faq {
  gap: 16px;
  max-width: 1195px;
  width: 100%;
}
.list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
}
.list__item--profitably {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  width: 100%;
  padding: 32px 19px 32px;
  border: 1px solid rgb(223, 223, 225);
  transition: transform 0.28s ease, box-shadow 0.28s ease,
    border-color 0.28s ease;
}
.list__item--features {
  gap: 24px;
  padding: 25px;
  -webkit-box-shadow: 0px 0px 20px rgba(43, 42, 53, 0.06);
  box-shadow: 0px 0px 20px rgba(43, 42, 53, 0.06);
}
.list__item--features-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.list--features .list__text-wrap {
  display: block;
}
.list__item--features-col .list__text-wrap {
  display: flex;
  gap: 16px;
}
.list--features .list__text-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.list--features .list__icon--features {
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  margin-top: 2px;
}
.list__item--features-col .list__icon--features {
  width: 32px;
  height: 32px;
  margin-top: -4px;
}
.list__item--faq {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 28px 32px;
  -webkit-box-shadow: 0px 0px 20px rgba(43, 42, 53, 0.06);
  box-shadow: 0px 0px 20px rgba(43, 42, 53, 0.06);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
.list__item--faq._opend {
  gap: 13px;
  -webkit-transition: gap 0.3s ease 0s;
  -o-transition: gap 0.3s ease 0s;
  transition: gap 0.3s ease 0s;
}
.list__item-inner {
  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;
  gap: 10px;
}
.list__item-title {
  font-size: 18px;
  line-height: 1.3888888889;
}
.list__item-title--profitably {
  font-weight: 700;
  color: rgb(12, 24, 42);
  margin: 0 auto 6px;
}
.list__text--profitably-lead {
  font-weight: 600;
  color: rgb(12, 24, 42);
  margin: 0 auto 6px;
}
.list__item--profitably .list__text {
  color: rgb(12, 24, 42);
}
.list__item-title--features,
.list__item-title--faq {
  font-weight: 600;
  color: rgb(43, 42, 53);
}
.list__item-title--faq {
  cursor: pointer;
}
.list__item-title--features {
  margin-bottom: 8px;
}
.list__text {
  line-height: 1.5;
}
.list__hidden {
  padding-right: 91px;
  -webkit-transition: max-height 0.3s ease 0s;
  -o-transition: max-height 0.3s ease 0s;
  transition: max-height 0.3s ease 0s;
  overflow: hidden;
  max-height: 0;
}
.list__icon--profitably {
  display: block;
  width: 80px;
  height: 80px;
  margin-bottom: 32px;
  transition: transform 0.25s ease, filter 0.25s ease;
}
.list__icon--profitably-img{
  margin-bottom: 32px;
  transition: transform 0.25s ease, filter 0.25s ease;
}
.list__item--profitably svg.list__icon--profitably {
  display: block;
}
.list__item--profitably img.list__icon--profitably {
  display: none;
}
.list__icon--profitably circle {
  transition: fill 0.25s ease, stroke 0.25s ease;
}
.list__icon--profitably path,
.list__icon--profitably rect,
.list__icon--profitably line,
.list__icon--profitably ellipse {
  transition: stroke 0.25s ease, fill 0.25s ease;
}
@media (hover: hover) {
  .list__item--profitably:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 38px rgba(12, 24, 42, 0.12);
    border-color: transparent;
  }
  .list__item--profitably:hover .list__icon--profitably {
    transform: translateY(-6px);
  }
}
.list__icon--features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list__icon--faq {
  position: relative;
  padding: 12.5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.list__icon--faq::before,
.list__icon--faq::after {
  content: "";
  width: 16px;
  height: 2.4px;
  background-color: rgb(0, 0, 0);
  position: absolute;
  top: 13px;
}
.list__icon--faq::before {
  left: 9.3px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.list__icon--faq::after {
  left: -1px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.list__item--faq._opend .list__icon--faq {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.list__item--faq._opend .list__icon--faq::before,
.list__item--faq._opend .list__icon--faq::after {
  background-color: rgb(63, 140, 255);
}
@media (hover: hover) {
  .list__icon--faq:hover::before,
  .list__icon--faq:hover::after {
    background-color: rgb(63, 140, 255);
  }
}

/*  ********** FORM ********** */

.form {
  position: relative;
  max-width: 460px;
  width: 100%;
}
.form__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.form__item--url,
.form__item--email {
  margin-bottom: 16px;
}
.form__item--message {
  position: absolute;
  top: 0;
  left: 490px;
  width: 100%;
}
.form__item--file {
  background: url("../img/bg/form-file_bg.svg") no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding: 23px;
  margin-bottom: 30px;
  border-radius: 2px;
  background-color: rgb(255, 255, 255);
}
.form__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 21px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form__item-title {
  line-height: 1.375;
  color: rgb(128, 128, 128);
  margin-bottom: 2px;
  font-weight: 500;
}
.form__item-text {
  font-size: 14px;
  line-height: 1.3571428571;
  color: rgb(193, 193, 193);
}
.form__label {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3888888889;
  margin-bottom: 4px;
}
.form__input {
  outline: none;
  width: 100%;
  border: 1px solid rgb(193, 193, 193);
  border-radius: 10px;
}
.form__input:focus {
  border: 1px solid rgb(63, 140, 255);
}
.form__input--url,
.form__input--email {
  height: 40px;
  padding: 10px;
}
.form__input--file {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  font-size: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.form__input--message {
  min-height: 239px;
  resize: none;
  padding: 10px;
}
.form__asterisk {
  color: rgb(255, 0, 0);
}

.form__asterisk a {
  text-decoration: underline;
  color: rgb(63, 140, 255);
}

.form__error {
  border-color: rgb(255, 0, 0);
}

.form__loader {
  background: rgb(255 255 255 / 60%);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1070;
}

.form__loader:after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  position: fixed;
  top: 50%;
  left: 50%;
  background: url(../img/loader.svg) no-repeat;
  transform: translate(-50%, -50%);
}

.form__success {
  background: rgb(255 255 255 / 60%);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1070;
}

.form__success > div {
  width: 700px;
  max-width: 100%;
  padding: 20px;
  border: 1px solid #eee;
  font-size: 18px;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0px 0px 11px -3px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 11px -3px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 11px -3px rgba(0, 0, 0, 0.18);
}

/*  ********** TABS ********** */

.tabs {
  position: relative;
  /* fixed height for blocks with tariffs */
  height: 592px;
  overflow-x: auto;
}
.tabs__body {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 29px;
}
.tabs__body,
.tabs__body._standard-position {
  left: 0;
}
.tabs__body._centered-position {
  top: 296px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tabs__body._relative-position {
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tabs__block {
  width: 338px;
}
.tabs__content {
  padding: 30px 24px;
}
.tabs__content--main {
  color: rgb(255, 255, 255);
  border-radius: 10px;
}
.tabs__title {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3636363636;
}
.tabs__text--price {
  color: rgb(216, 255, 255);
  margin-bottom: 15px;
}
.tabs__price {
  font-weight: 700;
  font-size: 47px;
  line-height: 1.3617021277;
}
.tabs__text--cashback {
  display: inline-block;
  font-size: 18px;
  padding: 4px 15px;
  margin-bottom: 11px;
  background-color: rgb(244, 201, 20);
  border-radius: 10px;
}
.tabs__cashback {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.375;
}
.tabs__text--finalization {
  font-size: 12px;
  color: rgb(216, 255, 255);
  margin-bottom: 24px;
}
.tabs__text--description {
  line-height: 1.5;
}
.tabs__text--services {
  line-height: 1.375;
  color: rgb(84, 84, 101);
}
.tabs__services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.tabs__services:not(:last-child) {
  margin-bottom: 8px;
}
.tabs__icon {
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: relative;
}
.tabs__icon::before,
.tabs__icon::after {
  position: absolute;
  content: "";
  height: 1.5px;
}
.tabs__icon::before {
  top: 48%;
  left: 8px;
  width: 10px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.tabs__icon::after {
  content: "";
  top: 54%;
  left: 6px;
  width: 4.5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tabs__icon--not-included {
  background: rgba(241, 85, 109, 0.2);
}
.tabs__icon--not-included::before,
.tabs__icon--not-included::after {
  top: 50%;
  left: 50%;
  width: 9px;
  height: 1.5px;
  background: rgb(241, 85, 109);
}
.tabs__icon--not-included::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.tabs__icon--not-included::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.tabs__icon--support {
  background: rgba(73, 188, 183, 0.2);
}
.tabs__icon--support::before,
.tabs__icon--support::after {
  background: rgb(73, 188, 183);
}
.tabs__icon--monitoring {
  background: rgba(251, 181, 75, 0.2);
}
.tabs__icon--monitoring::before,
.tabs__icon--monitoring::after {
  background: rgb(251, 181, 75);
}
.tabs__icon--program {
  background: rgba(94, 95, 236, 0.2);
}
.tabs__icon--program::before,
.tabs__icon--program::after {
  background: rgb(94, 95, 236);
}
.tabs__icon--full {
  background: rgba(39, 94, 185, 0.2);
}
.tabs__icon--full::before,
.tabs__icon--full::after {
  background: rgb(39, 94, 185);
}
.tabs__icon--support-corp {
  background: rgba(255, 172, 206, 0.2);
}
.tabs__icon--support-corp::before,
.tabs__icon--support-corp::after {
  background: rgb(121, 42, 60);
}
.tabs__icon--monitoring-corp {
  background: rgba(255, 242, 168, 0.2);
}
.tabs__icon--monitoring-corp::before,
.tabs__icon--monitoring-corp::after {
  background: rgb(153, 124, 48);
}
.tabs__icon--full-corp {
  background: rgba(197, 204, 255, 0.2);
}
.tabs__icon--full-corp::before,
.tabs__icon--full-corp::after {
  background: rgb(75, 65, 129);
}
.tabs__button {
  padding: 0 24px;
}

/* ********** BUTTON ********** */

.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 10px 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3888888889;
  color: rgb(255, 255, 255);
  border-radius: 10px;
  background: rgb(63, 140, 255);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.button--header {
  max-width: 180px;
  color: rgb(63, 140, 255);
  border: 1px solid rgb(63, 140, 255);
  background: rgb(255, 255, 255);
}
.button--promo {
  max-width: 210px;
}
.button--form {
  max-width: 270px;
  border: none;
  cursor: pointer;
}
.button--tabs-primary {
  position: relative;
  display: inline-block;
  width: auto;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.375;
  color: rgb(43, 42, 53);
  padding: 9px 16px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  z-index: 2;
}
.button--tabs-primary._active {
  color: rgb(63, 140, 255);
  transition: all 0.3s ease 0s;
}
.button--tabs {
  max-width: 266px;
}
.button--features {
  text-align: center;
  max-width: 330px;
  margin: 0 auto;
}
.list__icon-wrap {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}
.list__icon-wrap img {
  display: block;
  width: 100%;
  height: auto;
}
@media (hover: hover) {
  .button:hover {
    background-color: rgb(35, 107, 215);
  }
  .button--tabs-primary:hover {
    background-color: transparent;
  }

  .button--header:hover {
    color: rgb(255, 255, 255);
    background-color: rgba(63, 140, 255, 1);
  }
}

/* ********** VIDEO ********** */

.video {
  max-width: 750px;
  width: 100%;
  height: auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 52%;
  flex: 0 1 52%;
}
.video__wrap {
  position: relative;
  padding: 0 0 56% 0;
}
.video__file {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.video__image {
  object-fit: contain;
  background-color: rgb(255, 255, 255);
}

/*  ********** FOOTER **********  */
.page-links {
  display: flex;
  gap: 12px;
  color: black;
}

.page-links__nav-link {
  color: black;
}
.footer__copy {
  margin-top: 16px;
}

.footer {
  padding: 60px 0;
  background-color: rgba(245, 246, 249, 1);
}
.footer__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: flex-end;
}
.footer__copy {
  line-height: 1.5;
}

.socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 12px;
}
.socials__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (hover: hover) {
  .socials__icon:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.section__text-wrap--reviews.section__text-wrap {
  margin-bottom: 82px;
}

.box-relative {
  position: relative;
}

@media screen and (min-width: 768px) {
  /* .footer__copy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  } */
}

@media screen and (max-width: 1399px) {
  .container {
    max-width: 1140px;
  }
  .section__text-wrap--reviews.section__text-wrap {
    margin-bottom: 66px;
  }
  .section__container--form .title {
    max-width: 650px;
  }
  .section__buttons {
    margin-bottom: 24px;
    padding-top: 0;
  }
  .tabs__content {
    padding: 30px 24px 27px 24px;
  }
  .form__item--file,
  .list--features {
    margin-bottom: 27px;
  }
  .title--presentation {
    margin-bottom: 13px;
  }
  .section__container--order .section__text-wrap {
    margin-bottom: 13px;
  }
  .tabs {
    height: 558px;
  }
  .title {
    font-size: 24px;
    line-height: 32px;
  }
  .title--custom {
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 15px;
  }
  .section__text--promo {
    font-size: 20px;
    line-height: 27px;
    max-width: 488px;
    margin-bottom: 24px;
  }
  .section__text {
    font-size: 18px;
    line-height: 27px;
  }
  .section__text-wrap {
    margin-bottom: 24px;
  }
  .slider__slide--benefit-content {
    padding: 40px 20px 40px 20px;
  }
  .video {
    max-width: 593px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 54%;
    flex: 0 1 54%;
  }
  .section__block--presentation {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 46%;
    flex: 0 1 46%;
  }
  .list__item--profitably {
    max-width: 350px;
  }
  .section--form::after {
    left: calc(50% - 93px);
  }
  .slider__slide-inner--reviews {
    padding: 24px 24px;
  }
  .section__container--reviews {
    gap: 24px;
  }
  .slider--reviews {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 42.5%;
    flex: 0 1 45%;
  }
  .tabs__block {
    width: 283px;
  }
  .list__text {
    font-size: 14px;
    line-height: 21px;
  }
  .slider__title {
    font-size: 18px;
    line-height: 27px;
  }
  .slider__text,
  .slider__text-border {
    font-size: 16px;
    line-height: 24px;
  }
  .tabs__price {
    font-size: 40px;
    line-height: 54px;
  }
  .tabs__title {
    font-size: 18px;
    line-height: 25px;
  }
  .tabs__text--cashback {
    font-size: 15px;
    line-height: 21px;
  }
  .tabs__cashback {
    font-size: 20px;
    line-height: 27px;
  }
  .tabs__text--finalization {
    font-size: 10px;
    line-height: 13px;
  }
  .tabs__text--description {
    font-size: 14px;
    line-height: 21px;
  }
  .section--order {
    padding: 32px 0 70px 0;
  }
  .section--benefit,
  .section--profitably {
    padding: 32px 0 40px;
  }
  .section--features {
    padding: 72px 0 40px;
  }
  .section--presentation {
    padding: 40px 0;
  }
  .section--tariffs {
    padding: 32px 0 80px;
  }
  .section--faq {
    padding: 32px 0 40px;
  }
  .section--form {
    padding-top: 72px;
    padding-bottom: 80px;
  }
  .section--reviews {
    padding: 72px 0 82px;
  }
  .section--customers {
    padding: 32px 0 80px;
  }
  .section__container--promo {
    min-height: 320px;
  }
}

@media screen and (max-width: 1199px) {
  .container {
    max-width: 960px;
  }
  .form__item--message {
    left: 477px;
  }
  .tabs {
    height: 592px;
  }

  .section__logo-item--big {
    -ms-grid-columns: 122px 145px 108px 50px 143px;
    grid-template-columns: 122px 145px 108px 50px 143px;
  }
  .section__container--promo {
    min-height: 441px;
  }
  .list--profitably {
    flex-wrap: wrap;
  }
  .list__item--profitably {
    max-width: 450px;
  }
  .video {
    max-width: 465px;
  }
  .slider__slide--order {
    padding-left: 18px;
    padding-right: 18px;
  }
  .section--form::after {
    left: calc(50% - 12px);
  }
  .tabs__block {
    width: 338px;
  }
  .list--features {
    max-width: 705px;
    grid-template-columns: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .tabs__text--description {
    font-size: 16px;
    line-height: 24px;
  }
  .tabs__text--finalization {
    font-size: 12px;
    line-height: 16px;
  }
  .tabs__text--cashback {
    font-size: 18px;
    line-height: 25px;
  }
  .tabs__cashback {
    font-size: 24px;
    line-height: 33px;
  }
  .section__container--promo {
    min-height: 420px;
  }
  .list--features,
  .list--faq {
    gap: 16px;
  }
  .slider__content-item--benefit {
    justify-content: center;
  }
}

@media screen and (max-width: 1024px) {
  body {
    position: relative;
  }
  body::before {
    position: fixed;
    content: "";
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: right 0.1s ease 0s;
    -o-transition: right 0.1s ease 0s;
    transition: right 0.1s ease 0s;
    z-index: 1070;
  }
  body._lock::before {
    right: 0;
  }
  body._lock {
    overflow: hidden;
  }

  .header__container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .header__menu-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 16px;
    cursor: pointer;
    z-index: 1090;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .header__menu-line,
  .header__menu-line::before,
  .header__menu-line::after {
    position: absolute;
    width: 100%;
    height: 3px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: rgb(0, 0, 0);
  }
  .header__menu-line::before,
  .header__menu-line::after {
    content: "";
  }
  .header__menu-line {
    top: 0;
  }
  .header__menu-line::before {
    top: 6px;
    transform: scale(1);
  }
  .header__menu-line::after {
    bottom: -12px;
  }
  .header__menu-icon._active {
    width: 16px;
    height: 16px;
  }
  .header__menu-icon._active .header__menu-line {
    top: 50%;
    height: 2px;
    -webkit-transform: rotate(-45deg) translate(0px, -100%);
    -ms-transform: rotate(-45deg) translate(0px, -100%);
    transform: rotate(-45deg) translate(0px, -100%);
  }
  .header__menu-icon._active .header__menu-line::before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  .header__menu-icon._active .header__menu-line::after {
    bottom: 0;
    height: 2px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .header__menu-icon._active .header__menu-text {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .header__menu {
    position: fixed;
    top: 0;
    right: -100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 16px;
    width: 420px;
    max-width: 86vw;
    height: 100%;
    padding: 80px 16px 16px;
    background-color: rgb(255, 255, 255);
    -webkit-transition: right 0.3s ease 0s;
    -o-transition: right 0.3s ease 0s;
    transition: right 0.3s ease 0s;
    overflow: auto;
    z-index: 1080;
  }
  .header__menu._active {
    right: 0;
  }
  .header__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 12px;
    width: 100%;
  }
  .header__nav-link {
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 12px 12px;
    border-radius: 10px;
    background-color: rgb(245, 246, 249);
  }
  .header__button--login {
    max-width: none;
  }
}

@media screen and (max-width: 991px) {
  .section--form::after {
    left: 50%;
    transform: translate(-50%, 0);
  }
  .slider__content-item--benefit {
    gap: 9px;
  }
  .slider__slide--benefit-content {
    padding: 24px 8px 24px 8px;
  }
  .section--form::before {
    display: block;
  }
  .tabs__block {
    width: 283px;
  }
  .section__container--promo {
    min-height: 378px;
  }
  .container {
    max-width: 720px;
  }
  .list__item--profitably {
    max-width: 330px;
  }
  .section__block--presentation {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 47%;
    flex: 0 1 47%;
  }
  .form {
    max-width: 350px;
  }
  .form__item--message {
    max-width: 350px;
    left: 365px;
  }
  .section__container--presentation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  .section__container--presentation .section__block {
    text-align: center;
  }
  .section__container--presentation .video {
    max-width: 464px;
  }
  .section__text-wrap--form {
    text-align: center;
  }
  .form {
    max-width: 466px;
  }
  .form__item--message {
    max-width: 466px;
  }
  .form__item--url,
  .form__item--email {
    margin-bottom: 8px;
  }
  .form__item--message {
    position: relative;
    left: 0;
    margin-bottom: 20px;
  }
  .form__item--file {
    padding: 14px;
  }
  .form__item--url,
  .form__item--email {
    margin-bottom: 8px;
  }
  .form {
    max-width: 466px;
    margin: 0 auto;
  }
  .form__item button {
    margin: 0 auto;
  }
  .form__item--file {
    padding: 23px;
  }
  .socials {
    justify-content: flex-end;
  }
  .section__container--order {
    max-width: 467px;
  }
  .slider__buttons--order .swiper-button-prev {
    left: -10.6%;
  }
  .slider__buttons--order .swiper-button-next {
    right: -10.6%;
  }
  .section__container--promo {
    min-height: 302px;
  }
  .title--custom {
    font-size: 24px;
    line-height: 32px;
  }
  .section--presentation .section__desktop-text {
    max-width: 585px;
    display: block;
  }
  .section__container--reviews {
    gap: 20px;
  }
  .slider--reviews {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 48%;
    flex: 0 1 48%;
  }
  .slider--reviews-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 52%;
    flex: 0 1 52%;
  }
  .slider--reviews {
    padding: 0 10px 0 15px;
  }
  .slider__content--reviews {
    padding: 10px 10px 10px 0;
  }
}

@media screen and (max-width: 767px) {
  .section--presentation {
    padding: 32px 0 40px;
  }
  .section--benefit {
    padding: 22px 0 40px;
  }
  .section--order {
    padding: 32px 0 68px 0;
  }
  .section--features {
    padding: 32px 0 20px;
  }
  .section--faq {
    padding: 12px 0 20px;
  }
  .list__text {
    font-size: 16px;
    line-height: 24px;
  }
  .list__item--faq {
    padding: 18px 16px;
  }
  .section__text-wrap--reviews.section__text-wrap {
    margin-bottom: 14px;
  }
  .slider__buttons--order .swiper-button-prev {
    left: -19px;
  }
  .slider__buttons--order .swiper-button-next {
    right: -19px;
  }
  .section--reviews {
    padding: 72px 0 36px;
  }
  .section__container--order .section__text-wrap {
    margin-bottom: 3px;
    padding: 0px 25px;
  }
  .title--order,
  .title--tariffs {
    margin-bottom: 8px;
  }
  .form__item--file,
  .list--features {
    margin-bottom: 20px;
  }
  .list--features {
    margin-bottom: 20px;
  }
  .section--customers {
    padding: 12px 0 60px;
  }
  .form__label {
    font-size: 14px;
    line-height: 19px;
  }
  .section__text-accent--form {
    display: block;
  }
  .socials {
    width: 100%;
    justify-content: center;
  }
  .tabs__content {
    padding: 30px 24px 20px 24px;
  }
  body._lock::before {
    right: 0;
  }
  body::before {
    position: fixed;
    content: "";
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: right 0.1s ease 0s;
    -o-transition: right 0.1s ease 0s;
    transition: right 0.1s ease 0s;
    z-index: 1070;
  }
  .list__item--profitably {
    max-width: 460px;
  }
  .list__item--profitably {
    padding: 9px 16px 9px;
  }
  .slider__text-border {
    font-size: 14px;
    line-height: 19px;
  }
  .slider__content-item--reviews .slider__text-border {
    border-radius: 12px;
    padding: 4px 8px;
  }
  .section__block--promo {
    width: 100%;
  }
  .form {
    max-width: 370px;
  }
  .form__item--file {
    padding: 14px;
  }
  .form__item--message {
    max-width: 370px;
  }
  .container {
    max-width: 540px;
  }
  .section__text-wrap {
    margin-bottom: 14px;
  }
  .title--presentation {
    margin-bottom: 8px;
  }
  .section__block--promo {
    padding: 15px 0;
  }
  .section__block {
    text-align: center;
  }
  .title--custom {
    font-size: 22px;
    line-height: 31px;
    margin-bottom: 8px;
  }
  .header__tickets-text {
    margin: 0 auto;
  }
  .section--promo {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .section__text {
    font-size: 16px;
    line-height: 24px;
    max-width: 100%;
  }
  .section__text-accent--promo {
    display: block;
  }
  .button--promo {
    max-width: 210px;
    margin: 0 auto;
  }
  .button {
    font-size: 16px;
    line-height: 1.375;
  }
  .button--tabs-primary {
    font-size: 14px;
    padding: 10px 12px;
  }
  .footer__break {
    display: block;
  }
  .section__block {
    text-align: center;
  }
  .slider__wrapper--order {
    margin-bottom: 24px;
  }
  .slider__buttons--order .swiper-button-next,
  .slider__buttons--order .swiper-button-prev {
    top: 50%;
  }
  .slider__pagination {
    position: relative;
    display: block;
  }
  .slider__pagination.swiper-pagination-bullets {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
  }
  .slider__pagination .swiper-pagination-bullet {
    width: 23px;
    height: 23px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(223, 223, 225);
    border-radius: 3px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 1;
  }
  .slider__pagination .swiper-pagination-bullet-active {
    background-color: rgb(63, 140, 255);
  }
  .slider__content-item--benefit {
    gap: 9px;
  }
  .slider__content-item--logo {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 15px;
  }
  .slider__text--order {
    font-size: 16px;
    line-height: 1.6875;
  }
  .slider__label {
    padding: 1px 4px;
    right: -6px;
  }
  .slider__term,
  .slider__price {
    font-size: 22px;
    line-height: 1.3636363636;
  }
  .slider__text-border--benefit {
    font-size: 12px;
    line-height: 1.3333333333;
  }
  .slider--reviews-content {
    padding: 5px;
    margin: -5px;
  }
  .slider__slide-inner--reviews {
    padding: 11px 17px;
  }
  .section__container--reviews {
    gap: 30px;
  }
  .section__container--reviews {
    display: block;
    margin-bottom: 6px;
    height: auto;
  }
  .section__buttons {
    margin-bottom: 24px;
  }
  .tabs {
    height: 100%;
  }
  .tabs__body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    padding: 0;
  }
  .header__container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 18px;
  }
  .logo__icon--header {
    width: 125px;
    height: auto;
  }
  .header__menu-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 16px;
    cursor: pointer;
    z-index: 1090;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .header__menu-line,
  .header__menu-line::before,
  .header__menu-line::after {
    position: absolute;
    width: 100%;
    height: 3px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: rgb(0, 0, 0);
  }
  .header__menu-line::before,
  .header__menu-line::after {
    content: "";
  }
  .header__menu-line {
    top: 0;
  }
  .header__menu-line::before {
    top: 6px;
    transform: scale(1);
  }
  .header__menu-line::after {
    bottom: -12px;
  }
  .header__menu-icon._active {
    width: 16px;
    height: 16px;
  }
  .header__menu-icon._active .header__menu-line {
    top: 50%;
    height: 2px;
    -webkit-transform: rotate(-45deg) translate(0px, -100%);
    -ms-transform: rotate(-45deg) translate(0px, -100%);
    transform: rotate(-45deg) translate(0px, -100%);
  }
  .header__menu-icon._active .header__menu-line::before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  .header__menu-icon._active .header__menu-line::after {
    bottom: 0;
    height: 2px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .header__menu-icon._active .header__menu-text {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .header__menu {
    position: fixed;
    top: 0;
    right: -100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    width: 72%;
    height: 100%;
    padding: 80px 10px 10px;
    background-color: rgb(255, 255, 255);
    -webkit-transition: right 0.3s ease 0s;
    -o-transition: right 0.3s ease 0s;
    transition: right 0.3s ease 0s;
    overflow: auto;
    z-index: 1080;
  }
  .header__menu._active {
    right: 0;
  }
  .header__button--select {
    display: none;
  }
  .logo__icon--header {
    width: 125px;
    height: auto;
  }
  .footer {
    padding: 40px 0;
  }
  .footer__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }
  .footer__copy {
    text-align: center;
  }
  .slider--reviews {
    padding: 5px 0;
    margin: -5px 0;
  }
  .slider--reviews-content {
    padding: 5px;
    margin: -5px;
  }
  .slider__buttons--reviews .swiper-button-next,
  .slider__buttons--reviews .swiper-button-prev {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: 41px;
  }
  .slider__buttons--reviews .swiper-button-next {
    right: -16px;
  }
  .slider__buttons--reviews .swiper-button-prev {
    left: -16px;
  }
  .slider__slide--reviews {
    width: 270px;
    background: rgb(255, 255, 255);
  }
  .slider__slide--reviews.swiper-slide-active,
  .slider__slide--reviews,
  .slider__text--reviews {
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08);
  }
  .slider__slide-inner--reviews {
    padding: 11px 17px;
  }
  .slider__content--reviews {
    gap: 8px;
    padding: 0;
  }
  .slider__content-item--reviews {
    row-gap: 6px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
  .slider__content-item--reviews:first-child {
    display: none;
  }
  .slider__text--reviews {
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 12px 20px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    width: 100%;
  }
  .section--tariffs {
    padding: 32px 0 40px;
  }
  .section--form {
    padding: 32px 0 40px;
  }
  .list__item-title--features {
    margin-bottom: 8px;
  }
  .list__item-title--features,
  .list__item-title--faq {
    font-size: 16px;
    line-height: 1.375;
  }
  .list__item--features {
    gap: 16px;
    padding: 25px 20px;
  }
  .list__icon-wrap {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
  }
  .list--features {
    gap: 24px;
  }
  .list--faq {
    gap: 8px;
  }
  .tabs__block {
    width: 338px;
  }
  .section__logo-items--big {
    display: none;
  }
  .section__logo-items--small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
  .section__logo-item--small {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-template-columns: repeat(3, 107px);
  }
  .title {
    font-size: 22px;
    line-height: 30px;
  }
  .section__container--form .title {
    font-size: 18px;
    line-height: 25px;
    max-width: 370px;
    margin: 0 auto;
    text-align: left;
  }
  .list__hidden {
    padding-right: 0;
  }
  .list--profitably {
    gap: 10px;
  }
  .section__logo {
    margin: 0 auto;
  }
  .hasNew {
    margin-right: 0;
  }
  .section__buttons-wrap::before {
    height: 39px;
  }
  .section__buttons-wrap {
    height: 48px;
  }
  .section--form::after {
    transform: translate(-203px, -23px);
  }
  .list__text.list__text--features {
    font-size: 14px;
    line-height: 21px;
  }
  .slider__button-next.swiper-button-next::after,
  .slider__button-prev.swiper-button-prev::after {
    font-size: 22px;
  }

  .page-links {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}

@media screen and (max-width: 575px) {
  .container {
    max-width: 100%;
  }
}