@charset "UTF-8";
:root {
  /* Цветовые переменные */
  --blue-50: #f5f9ff;
  --blue-100: #d0e1fd;
  --blue-200: #abc9fb;
  --blue-300: #85b2f9;
  --blue-400: #609af8;
  --blue-500: #3b82f6;
  --blue-600: #326fd1;
  --blue-700: #295bac;
  --blue-800: #204887;
  --blue-900: #183462;
  --green-50: #f4fcf7;
  --green-100: #caf1d8;
  --green-200: #a0e6ba;
  --green-300: #76db9b;
  --green-400: #4cd07d;
  --green-500: #22c55e;
  --green-600: #1da750;
  --green-700: #188a42;
  --green-800: #136c34;
  --green-900: #0e4f26;
  --yellow-50: #fefbf3;
  --yellow-100: #faedc4;
  --yellow-200: #f6de95;
  --yellow-300: #f2d066;
  --yellow-400: #eec137;
  --yellow-500: #eab308;
  --yellow-600: #c79807;
  --yellow-700: #a47d06;
  --yellow-800: #816204;
  --yellow-900: #5e4803;
  --cyan-50: #f3fbfd;
  --cyan-100: #c3edf5;
  --cyan-200: #94e0ed;
  --cyan-300: #65d2e4;
  --cyan-400: #35c4dc;
  --cyan-500: #06b6d4;
  --cyan-600: #059bb4;
  --cyan-700: #047f94;
  --cyan-800: #036475;
  --cyan-900: #024955;
  --pink-50: #fef6fa;
  --pink-100: #fad3e7;
  --pink-200: #f7b0d3;
  --pink-300: #f38ec0;
  --pink-400: #f06bac;
  --pink-500: #ec4899;
  --pink-600: #c93d82;
  --pink-700: #a5326b;
  --pink-800: #822854;
  --pink-900: #5e1d3d;
  --indigo-50: #f7f7fe;
  --indigo-100: #dadafc;
  --indigo-200: #bcbdf9;
  --indigo-300: #9ea0f6;
  --indigo-400: #8183f4;
  --indigo-500: #6366f1;
  --indigo-600: #5457cd;
  --indigo-700: #4547a9;
  --indigo-800: #363885;
  --indigo-900: #282960;
  --teal-50: #f3fbfb;
  --teal-100: #c7eeea;
  --teal-200: #9ae0d9;
  --teal-300: #6dd3c8;
  --teal-400: #41c5b7;
  --teal-500: #14b8a6;
  --teal-600: #119c8d;
  --teal-700: #0e8174;
  --teal-800: #0b655b;
  --teal-900: #084a42;
  --orange-50: #fff8f3;
  --orange-100: #feddc7;
  --orange-200: #fcc39b;
  --orange-300: #fba86f;
  --orange-400: #fa8e42;
  --orange-500: #f97316;
  --orange-600: #d46213;
  --orange-700: #ae510f;
  --orange-800: #893f0c;
  --orange-900: #642e09;
  --bluegray-50: #f7f8f9;
  --bluegray-100: #dadee3;
  --bluegray-200: #bcc3cd;
  --bluegray-300: #9fa9b7;
  --bluegray-400: #818ea1;
  --bluegray-500: #64748b;
  --bluegray-600: #556376;
  --bluegray-700: #465161;
  --bluegray-800: #37404c;
  --bluegray-900: #282e38;
  --purple-50: #fbf7ff;
  --purple-100: #ead6fd;
  --purple-200: #dab6fc;
  --purple-300: #c996fa;
  --purple-400: #b975f9;
  --purple-500: #a855f7;
  --purple-600: #8f48d2;
  --purple-700: #763cad;
  --purple-800: #5c2f88;
  --purple-900: #432263;
  --red-50: #fff5f5;
  --red-100: #ffd0ce;
  --red-200: #ffaca7;
  --red-300: #ff8780;
  --red-400: #ff6259;
  --red-500: #ff3d32;
  --red-600: #d9342b;
  --red-700: #b32b23;
  --red-800: #8c221c;
  --red-900: #661814;
  --primary-50: #f7f7fe;
  --primary-100: #dadafc;
  --primary-200: #bcbdf9;
  --primary-300: #9ea0f6;
  --primary-400: #8183f4;
  --primary-500: #6366f1;
  --primary-600: #5457cd;
  --primary-700: #4547a9;
  --primary-800: #363885;
  --primary-900: #282960 ;
}

html {
  font-size: 62.5%; /* 62.5% от стандартных 16px = 10px */
}

@media (width <= 768px) {
  html {
    font-size: 50%;
  }
}
/* Обнуляем другие часто используемые элементы */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* Включаем box-sizing: border-box для всех элементов */
}

/* Обнуляем стили для блоков */
body {
  font-family: Montserrat, sans-serif;
  font-size: 1.6rem;
  color: #333;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

/* Обнуляем все стандартные стили для элементов списка */
ul, ol {
  list-style: none; /* Убираем маркеры (точки, цифры) */
  padding: 0; /* Убираем отступы по умолчанию */
  margin: 0; /* Убираем внешние отступы */
}

/* Убираем стандартные отступы и стили у li */
li {
  margin: 0; /* Убираем маркеры или отступы */
  padding: 0; /* Убираем внутренние отступы */
}

/* Обнуляем стандартные стили для ссылок */
a {
  text-decoration: none; /* Убираем подчеркивание */
  color: inherit; /* Наследуем цвет от родительского элемента */
}

/* Обнуляем стили для изображений */
img {
  width: 100%; /* Ограничиваем максимальную ширину изображений */
}

/* Обнуляем стили для форм */
input,
button,
select,
textarea {
  border: none; /* Убираем стандартные рамки */
  outline: none; /* Убираем обводку по умолчанию */
  background: none; /* Убираем фоновый цвет */
  font: inherit; /* Наследуем шрифт */
}

/* Обнуляем стили для иконок и прочих элементов */
i,
b,
strong {
  font-weight: inherit; /* Наследуем стиль шрифта */
}

section {
  padding: 40px 100px;
  margin-bottom: 40px;
}

/* Убираем отступ у последнего section */
section:last-of-type {
  margin-bottom: 0;
}

.hidden {
  display: none !important;
}

/** HEADER **/
.header {
  position: sticky;
  top: 0;
  display: grid;
  grid-template-columns: repeat(3, auto);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  background-color: #020005;
  z-index: 2;
}

.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

.header__logo-image {
  width: 4.5rem;
  height: auto;
}

.header__logo-title {
  padding: 10px 0 10px 5px;
}

.header__logo-heading {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 2.2rem;
  font-weight: 600;
}

@media (width <= 344px) {
  .header__logo-heading {
    font-size: 2rem;
  }
}
.header__logo-description {
  display: block;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 1.12rem;
  font-weight: 300;
  letter-spacing: 0.3px;
}

@media (width <= 344px) {
  .header__logo-description {
    font-size: 1rem;
  }
}
.header__menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.2rem;
  -ms-flex-item-align: center;
      align-self: center;
}

@media (width <= 1180px) {
  .header__menu-list {
    display: none;
  }
}
.header__menu-list-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #c2cae4;
  font-weight: 500;
  font-size: 1.6rem;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  cursor: pointer;
}

.header__menu-list-item-link {
  text-decoration: none;
  color: #c2cae4;
}

.header__menu-list-item-link:hover {
  color: #fff;
  cursor: pointer;
}

.header__menu-sublist {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 45px;
  padding: 25px;
  background: #fff;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.header__menu-sublist-column {
  display: grid;
  grid-template-columns: 1fr;
  padding: 25px;
  background: #fff;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.header__menu-sublist-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.header__menu-sublist-link-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #0f0933;
  font-weight: 300;
  padding: 8px;
  white-space: nowrap;
}

.header__menu-sublist-link-content:hover {
  background-color: #f7f7fe;
  border: none;
  border-radius: 10px;
}

.header__menu-sublist-link-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 3px;
}

.header__menu-sublist-icon {
  max-width: 18px;
  margin-right: 10px;
}

.header__menu-sublist-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #0f0933;
  font-weight: 600;
  padding: 8px;
}

.header__menu-sublist-more:hover {
  background-color: #f7f7fe;
  border: none;
  border-radius: 10px;
}

.header__menu-sublist-more-icon {
  max-width: 18px;
}

.header__menu-sublist-item-title {
  padding: 0 0 20px 0;
  text-transform: uppercase;
  font-weight: 600;
  color: #0f0933;
  text-decoration: none;
  text-wrap: nowrap;
}

/* Правая часть хедера */
.header__controls {
  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: 10px;
}

.header__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

@media (width <= 767px) {
  .header__social-list {
    display: none;
  }
}
.header__social-list-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}

@media (width > 767px) {
  .header__social-list-mobile {
    display: none;
  }
}
.header__social-list-item {
  list-style: none;
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 5px;
}

.header__social-list-item:hover {
  -webkit-box-shadow: 0 0 14px rgba(255, 255, 255, 0.7);
          box-shadow: 0 0 14px rgba(255, 255, 255, 0.7); /* белая тень */
}

.header__social-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__social-icon {
  width: 2.25rem;
}

.header__button {
  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;
  padding: 6px 16px;
  border: none;
  border-radius: 6px;
  letter-spacing: 0.5px;
}

@media (width <= 1180px) {
  .header__button {
    display: none;
  }
}
.header__button-text {
  display: block;
}

.header__button-login {
  font-size: 1.6rem;
  background-color: #f7f7fe;
  color: #020005;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-weight: bolder;
}

.header__button-login:hover {
  cursor: pointer;
  background-color: #5f72bd;
  color: #f7f7fe;
}

.header__button-login-icon {
  margin-right: 5px;
  font-size: 2rem;
}

/* Контейнер для выбора языка */
.language__selector {
  position: relative;
}

/* Стиль для кнопки языка */
.language__selector-button {
  padding: 0.8rem;
  background-color: #fafafa;
  border: none;
  border-radius: 6px;
  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: all 0.3s ease;
  transition: all 0.3s ease;
}

.language__selector-button:hover {
  background-color: #fafafa;
}

.language__selector-content {
  padding: 25px;
  background: #fff;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.selected-flag {
  width: 25px;
  height: auto;
  border: none;
  border-radius: 3px;
}

/* Выпадающий список */
.dropdown-content {
  position: absolute;
  display: none;
  top: 125%; /* Размещаем дропдаун сразу под кнопкой */
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; /* Установит ширину по контенту */
  min-width: 100%; /* Но не меньше родительского контейнера */
  z-index: 1;
}

.language__selector-dropdown-item {
  padding: 10px;
  text-align: left;
  background-color: #fff;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.6rem;
}

.language__selector-dropdown-item:hover {
  background-color: #f7f7fe;
  border: none;
  border-radius: 10px;
}

.language__selector-dropdown-item img {
  width: 20px;
  margin-right: 10px;
  border: none;
  border-radius: 3px;
}

/* Стили для появления дропдауна */
.dropdown-content.show {
  display: block;
}

/* МОБИЛЬНОЕ МЕНЮ */
.mobile__menu-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
}

@media (width >= 1181px) {
  .mobile__menu-container {
    display: none;
  }
}
.mobile__menu {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #020005;
  position: absolute;
  top: 100%;
  right: 0;
  padding: 20px;
  max-height: calc(100vh - 60px); /* 60px — высота шапки */
  overflow-y: auto;
  width: 100%;
}

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

/* Добавляем стили для гамбургера и крестика */
.menu-toggle {
  position: relative;
  width: 30px;
  height: 24px;
  background: none;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.menu-toggle .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 2px;
  background-color: #fff;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.menu-toggle .icon::before,
.menu-toggle .icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.menu-toggle .icon::before {
  top: -8px;
}

.menu-toggle .icon::after {
  top: 8px;
}

/* Состояние крестика */
.menu-toggle.active .icon {
  background-color: transparent;
}

.menu-toggle.active .icon::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 0;
}

.menu-toggle.active .icon::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 0;
}

.no-scroll {
  overflow: hidden;
}

.mobile__nav {
  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: 25px;
  padding: 20px 0;
  border: none;
  border-radius: 6px;
}

.mobile__nav-list-item {
  list-style: none;
}

/* Убираем маркер для элемента <summary> */
.mobile__nav-list-item-details summary {
  list-style: none;
}

.mobile__nav-list-item-details[open] + .accordion__content {
  grid-template-rows: 1fr;
}

.accordion__content {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.accordion__content-body {
  overflow: hidden;
}

.mobile__nav-link {
  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;
}

.mobile__nav-link:first-child {
  margin-top: 10px; /* Верхний отступ только для первого элемента */
}

.mobile__nav-link:not(:last-child) {
  margin-bottom: 10px; /* Нижний отступ для всех, кроме последнего элемента */
}

.mobile__nav-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  color: #f7f7fe;
  font-weight: bold;
  text-transform: uppercase;
}

.mobile__nav-description {
  font-family: Montserrat, sans-serif;
  font-size: 1.8rem;
  color: #f7f7fe;
  padding-left: 25px;
  font-weight: normal;
}

.mobile__nav-summary-icon {
  margin-right: 10px;
}

.mobile__nav-price {
  font-size: 1.4rem;
}

.badge {
  border: none;
  border-radius: 4px;
  padding: 5px 8px;
}

.badge__text {
  font-weight: bold;
  font-size: 1.2rem;
}

.badge__primary-light {
  color: #020005;
  background-color: var(--primary-100);
}

.badge__green-light {
  color: #020005;
  background-color: var(--green-100);
}

.badge__blue-light {
  color: #020005;
  background-color: #d0e1fd;
}

.badge__yellow-light {
  color: #020005;
  background-color: #faedc4;
}

.badge__red-light {
  color: #020005;
  background-color: #ffd0ce;
}

.badge__cyan-light {
  color: #020005;
  background-color: #c3edf5;
}

.badge__orange-light {
  color: #020005;
  background-color: #feddc7;
}

.outline__text {
  padding: 5px 10px;
  border-radius: 4px;
}

.outline__text-dark {
  border: 1px solid #020005;
  color: #020005;
}

.outline__text-light {
  border: 1px solid #f7f7fe;
  color: #f7f7fe;
}

.text__white {
  color: #fff;
}

.text__emphasis {
  font-weight: bold;
}

.text__emphasis-main {
  color: #5f72bd;
}

.text__emphasis-green {
  color: #76db9b;
}

.text__emphasis-blue {
  color: #85b2f9;
}

.text__emphasis-yellow {
  color: #f2d066;
}

.text__emphasis-red {
  color: #ff8780;
}

.text__emphasis-teal {
  color: #6dd3c8;
}

.text__emphasis-orange {
  color: #fba86f;
}

.text__emphasis-cyan {
  color: #65d2e4;
}

.chevron {
  -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;
}

.chevron.open {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); /* Разворот на 90 градусов */
}

.border-1 {
  border: 1px solid;
  border-radius: inherit;
}

.border-2 {
  border: 2px solid;
  border-radius: inherit;
}

.border-primary {
  border-color: #5457cd;
}

.section__heading {
  font-family: Montserrat, sans-serif;
  font-size: 3.6rem;
  font-weight: bolder;
  line-height: 1.3;
  margin-bottom: 15px;
}

@media (width <= 768px) {
  .section__heading {
    line-height: 1;
    text-align: center;
  }
}
.section__description {
  font-family: Montserrat, sans-serif;
  font-size: 1.8rem;
  font-weight: lighter;
  color: #4f5c65;
  line-height: 1.1;
  margin-top: 5px;
}

/** COVER **/
.cover {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 40px 100px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  color: #fff;
}

@media (width <= 900px) {
  .cover {
    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 25px 12px;
  }
}
@media (min-width: 900px) and (max-width: 1024px) {
  .cover {
    padding: 25px 25px 12px;
  }
}
.cover__main {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#5f72bd), to(#020005));
  background-image: linear-gradient(to top, #5f72bd 0%, #020005 100%);
}

.cover__green {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#4cd07d), to(#020005));
  background-image: linear-gradient(to top, #4cd07d 0%, #020005 100%);
}

.cover__blue {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#609af8), to(#020005));
  background-image: linear-gradient(to top, #609af8 0%, #020005 100%);
}

.cover__yellow {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#eec137), to(#020005));
  background-image: linear-gradient(to top, #eec137 0%, #020005 100%);
}

.cover__red {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ff6259), to(#020005));
  background-image: linear-gradient(to top, #ff6259 0%, #020005 100%);
}

.cover__cyan {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#35c4dc), to(#020005));
  background-image: linear-gradient(to top, #35c4dc 0%, #020005 100%);
}

.cover__orange {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#fa8e42), to(#020005));
  background-image: linear-gradient(to top, #fa8e42 0%, #020005 100%);
}

.list-icon {
  max-width: 3.2rem;
}

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

.cover__rating-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  padding: 15px 15px 5px;
}

.cover__rating-list-item {
  list-style: none;
}

.cover__rating-image {
  max-width: 6em;
}

.cover__heading {
  font-family: Montserrat, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  padding: 0 0 20px;
  line-height: 1.1;
}

@media (width <= 1366px) {
  .cover__heading {
    font-size: 3rem;
    padding: 15px 0;
    width: 100%;
  }
}
@media (width <= 768px) {
  .cover__heading {
    text-align: center;
    font-size: 3rem;
    padding: 15px 0;
  }
}
.cover__description-list {
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.cover__description-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.cover__description-list-item:not(:last-child) {
  margin-bottom: 8px;
}

.cover__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  padding: 35px 0;
  font-weight: 500;
}

@media (width <= 768px) {
  .cover__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-content: center;
  padding: 15px 35px;
  border: none;
  border-radius: 6px;
  gap: 6px;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}

.button-block {
  width: 100%;
}

.button__primary {
  background-color: var(--primary-700);
  color: #fff;
}

.button__primary:hover {
  cursor: pointer;
  background-color: var(--primary-900);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__green {
  background-color: var(--green-700);
  color: #fff;
}

.button__green:hover {
  cursor: pointer;
  background-color: var(--green-900);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__blue {
  background-color: var(--blue-700);
  color: #fff;
}

.button__blue:hover {
  cursor: pointer;
  background-color: var(--blue-900);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__yellow {
  background-color: var(--yellow-700);
  color: #000; /* Черный текст для контраста */
}

.button__yellow:hover {
  cursor: pointer;
  background-color: var(--yellow-900);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__red {
  background-color: var(--red-700);
  color: #fff;
}

.button__red:hover {
  cursor: pointer;
  background-color: var(--red-900);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__cyan {
  background-color: var(--cyan-700);
  color: #fff;
}

.button__cyan:hover {
  cursor: pointer;
  background-color: var(--cyan-900);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__teal {
  background-color: var(--teal-700);
  color: #fff;
}

.button__teal:hover {
  cursor: pointer;
  background-color: var(--teal-900);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__orange {
  background-color: var(--orange-700);
  color: #fff;
}

.button__orange:hover {
  cursor: pointer;
  background-color: var(--orange-900);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__telegram {
  background-color: #229ED9; /* Telegram Blue */
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  font-family: sans-serif; /* Or your preferred font */
  cursor: pointer;
}

.button__telegram:hover {
  background-color: #198ACA; /* A slightly darker shade for hover */
}

.button__primary-light {
  background-color: var(--primary-100);
  color: var(--primary-900);
}

.button__primary-light:hover {
  cursor: pointer;
  background-color: var(--primary-700);
  color: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__green-light {
  background-color: var(--green-100);
  color: var(--green-900);
}

.button__green-light:hover {
  cursor: pointer;
  background-color: var(--green-700);
  color: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__blue-light {
  background-color: var(--blue-100);
  color: var(--blue-900);
}

.button__blue-light:hover {
  cursor: pointer;
  background-color: var(--blue-700);
  color: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__yellow-light {
  background-color: var(--yellow-100);
  color: var(--yellow-900);
}

.button__yellow-light:hover {
  cursor: pointer;
  background-color: var(--yellow-700);
  color: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__red-light {
  background-color: var(--red-100);
  color: var(--red-900);
}

.button__red-light:hover {
  cursor: pointer;
  background-color: var(--red-700);
  color: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__cyan-light {
  background-color: var(--cyan-100);
  color: var(--cyan-900);
}

.button__cyan-light:hover {
  cursor: pointer;
  background-color: var(--cyan-700);
  color: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__teal-light {
  background-color: var(--teal-100);
  color: var(--teal-900);
}

.button__teal-light:hover {
  cursor: pointer;
  background-color: var(--teal-700);
  color: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__orange-light {
  background-color: var(--orange-100);
  color: var(--orange-900);
}

.button__orange-light:hover {
  cursor: pointer;
  background-color: var(--orange-700);
  color: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__primary-outline {
  color: var(--primary-50);
  border: 1px solid var(--primary-50);
  border-radius: 6px;
  background-color: transparent;
}

.button__primary-outline:hover {
  cursor: pointer;
  border-color: var(--primary-50);
  background-color: var(--primary-50);
  color: var(--primary-700);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__green-outline {
  color: #f4fcf7;
  border: 1px solid #f4fcf7;
  border-radius: 6px;
  background-color: transparent;
}

.button__green-outline:hover {
  cursor: pointer;
  border-color: #f4fcf7;
  background-color: #f4fcf7;
  color: #188a42;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__blue-outline {
  color: #295bac;
  border: 1px solid #295bac;
  border-radius: 6px;
  background-color: transparent;
}

.button__blue-outline:hover {
  cursor: pointer;
  border-color: #f5f9ff;
  background-color: #295bac;
  color: #f5f9ff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__yellow-outline {
  color: #fefbf3;
  border: 1px solid #fefbf3;
  border-radius: 6px;
  background-color: transparent;
}

.button__yellow-outline:hover {
  cursor: pointer;
  border-color: #fefbf3;
  background-color: #fefbf3;
  color: #a47d06;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__red-outline {
  color: #fff5f5;
  border: 1px solid #fff5f5;
  border-radius: 6px;
  background-color: transparent;
}

.button__red-outline:hover {
  cursor: pointer;
  border-color: #fff5f5;
  background-color: #fff5f5;
  color: #b32b23;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__cyan-outline {
  color: #f3fbfd;
  border: 1px solid #f3fbfd;
  border-radius: 6px;
  background-color: transparent;
}

.button__cyan-outline:hover {
  cursor: pointer;
  border-color: #f3fbfd;
  background-color: #f3fbfd;
  color: #047f94;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__teal-outline {
  color: var(--teal-50);
  border: 1px solid var(--teal-50);
  border-radius: 6px;
  background-color: transparent;
}

.button__teal-outline:hover {
  cursor: pointer;
  border-color: var(--teal-50);
  background-color: var(--teal-50);
  color: var(--teal-900);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button__orange-outline {
  color: #fff8f3;
  border: 1px solid #fff8f3;
  border-radius: 6px;
  background-color: transparent;
}

.button__orange-outline:hover {
  cursor: pointer;
  border-color: #fff8f3;
  background-color: #fff8f3;
  color: #ae510f;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.button-image {
  width: 2rem;
  height: auto;
  margin-right: 5px;
  vertical-align: middle;
}

.button-icon {
  margin-left: 5px;
}

.cover__features-list {
  display: grid;
  grid-template-columns: repeat(3, auto);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 5px;
}

@media (min-width: 900px) and (max-width: 1340px) {
  .cover__features-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (width <= 899px) {
  .cover__features-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
  }
}
.cover__features-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  font-size: 1.4rem;
}

.cover__features-list-item:not(:last-child) {
  margin-bottom: 10px; /* Нижний отступ для всех, кроме последнего элемента */
}

.wide {
  grid-column: span 3; /* Четвертый элемент занимает 3 колонки */
}

.color__primary {
  color: var(--primary-500);
}

.color__red {
  color: var(--red-500);
}

.color__orange {
  color: var(--orange-500);
}

.color__yellow {
  color: var(--yellow-500);
}

.color__teal {
  color: var(--teal-500);
}

.cover__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 51.2rem;
}

@media (width <= 855px) {
  .cover__image {
    display: none;
  }
}
@media (min-width: 900px) and (max-width: 1024px) {
  .cover__image {
    max-width: 41.2rem;
  }
}
/* Стили для карточки */
.cover__card {
  max-width: 400px;
  margin: 20px auto;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-family: Arial, sans-serif;
  background-color: #fff;
}

.cover__card-header {
  font-family: Montserrat, sans-serif;
  padding-bottom: 20px;
  text-align: center;
  font-size: 1.2em;
  color: #333;
}

.cover__form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}

.cover__form-group label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #555;
  white-space: nowrap;
}

.cover__form-group input,
.cover__form-group select {
  width: 100%;
  padding: 10px;
  font-size: 1em;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

.cover__form-group input:focus,
.cover__form-group select:focus {
  border-color: #007BFF;
}

.cover__btn {
  width: 100%;
  padding: 10px;
  font-size: 1em;
  background-color: #007BFF;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.cover__btn:hover {
  background-color: #0056b3;
}

.flip-horizontal {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

/** INFO **/
.section__bg {
  background-color: var(--primary-50);
}

.section__bg-dark {
  background-color: var(--primary-600);
}

.info__block {
  margin: 24px 25px 12px;
  padding: 30px;
  border: none;
  border-radius: 16px;
}

@media (max-width: 768px) {
  .info__block {
    margin: 25px 0;
    border: none;
    border-radius: 0;
  }
}
.info__block-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  place-items: center;
}

@media (width <= 768px) {
  .info__block-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 25px;
    padding: 10px 0;
  }
}
.info__block-list-item {
  list-style: none;
  text-align: center;
}

.info__block-title {
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: bolder;
}

.info__block-description {
  font-family: Montserrat, sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
}

.benefits {
  display: grid;
  grid-template-columns: 1fr auto 2fr;
  padding: 40px 100px;
}

@media (max-width: 769px) {
  .benefits {
    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;
  }
}
.vertical-separator {
  width: 1px; /* Толщина сепаратора */
  background-color: #ccc; /* Цвет сепаратора */
  height: 100%; /* Высота сепаратора */
  margin: 0 15px; /* Отступы с обеих сторон */
}

@media (max-width: 769px) {
  .vertical-separator {
    display: none; /* Скрыть сепаратор на мобильных устройствах */
  }
}
.benefits__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  padding-left: 15px;
}

@media (max-width: 769px) {
  .benefits__list {
    gap: 10px;
    padding-left: 0;
    margin-top: 15px;
  }
  .benefits__list-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 5px);
            flex: 1 1 calc(50% - 5px); /* Карточка занимает 50% минус gap */
    max-width: calc(50% - 5px); /* Максимальная ширина соответствует flex */
  }
}
.benefits__card {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  border: 1px solid #4547A9;
  border-radius: 16px;
  background-color: transparent;
  max-width: 20rem;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  min-height: 240px;
  height: 100%;
}

.benefits__card-image {
  max-width: 12.8rem;
}

.benefits__card-text {
  font-family: Montserrat, sans-serif;
  font-size: 1.4rem;
  color: #4f5c65;
  text-align: center;
}

.select__block {
  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;
  padding: 40px 100px;
}

@media (max-width: 768px) {
  .select__block {
    text-align: center;
    padding: 25px 25px 12px;
  }
}
.select__block-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}

.select__block-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  width: 100%;
}

@media (max-width: 768px) {
  .select__block-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
    width: initial;
  }
}
.select-wrapper {
  position: relative;
  width: 100%;
  min-width: 150px;
}

.select-wrapper select {
  width: 100%;
  padding: 12px 40px 12px 15px;
  font-size: 1.6rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  color: #333;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* Стили при наведении */
.input-wrapper select:hover {
  border-color: #3b82f6;
}

/* Стили при фокусе */
.input-wrapper select:focus {
  border-color: #3b82f6;
  -webkit-box-shadow: 0 0 8px rgba(59, 130, 246, 0.5);
          box-shadow: 0 0 8px rgba(59, 130, 246, 0.5);
  outline: none;
}

/* Псевдоэлемент-стрелка */
.select-wrapper::after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  color: #888;
  pointer-events: none;
}

select option {
  padding: 10px;
  font-size: 16px;
  background-color: #f3f3f3;
  color: #333;
}

/* Стилизация выбранного элемента */
select option:checked {
  background-color: #3b82f6;
  color: #fff;
}

.input-wrapper {
  position: relative;
  width: 100%;
}

.input-wrapper input {
  width: 100%;
  padding: 12px 15px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  color: #333;
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

/* Стили при наведении */
.input-wrapper input:hover {
  border-color: #3b82f6;
}

/* Стили при фокусе */
.input-wrapper input:focus {
  border-color: #3b82f6;
  -webkit-box-shadow: 0 0 8px rgba(59, 130, 246, 0.5);
          box-shadow: 0 0 8px rgba(59, 130, 246, 0.5);
  outline: none;
}

/* Отключенный инпут */
.input-wrapper input:disabled {
  background-color: #f3f3f3;
  color: #9e9e9e;
  cursor: not-allowed;
}

.select__block-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  margin-top: 15px;
}

@media (max-width: 768px) {
  .select__block-total {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.select__block-total-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 45px;
  border: none;
  border-radius: 10px;
  background-color: var(--primary-50);
}

.total-amount {
  font-family: inherit;
  font-size: 2.4rem;
  font-weight: 600;
}

.select__block-text {
  font-family: inherit;
  font-size: 1.8rem;
  font-weight: 300;
}

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 0;
}

.tab-button {
  padding: 10px 25px;
  margin-right: 5px;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

@media (width <= 375px) {
  .tab-button {
    width: 100%;
  }
}
.tab-button:hover {
  background-color: #5f72bd;
  color: #fff;
}

.tab-button.active {
  background-color: #5f72bd;
  color: #fff;
}

.tab-content {
  border: none;
}

.tab-pane {
  display: none;
}

.tab-pane.active {
  display: block;
}

.proxy__users {
  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;
  padding: 40px 100px;
}

@media (width <= 769px) {
  .proxy__users {
    padding: 25px 5px 12px;
  }
}
.proxy__users-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}

.proxy__users-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 25px;
  border: none;
  border-radius: 10px;
  background-color: var(--primary-50);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  height: 100%;
}

.proxy__users-card-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.proxy__users-card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--primary-900);
  padding-bottom: 20px;
  font-family: inherit;
  font-size: 2.4rem;
  font-weight: 600;
}

.proxy__users-card-body {
  font-family: inherit;
  font-size: 1.6rem;
}

.proxy__users-card-footer {
  padding-top: 10px;
}

.proxy__users-card-list {
  padding-top: 10px;
}

.proxy__users-card-list > *:not(:last-child) {
  margin-bottom: 20px;
}

.proxy__users-card-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.splide {
  width: 100%;
  overflow: hidden;
}

.splide__slide {
  padding: 20px;
}

.splide__arrow {
  background-color: var(--primary-200) !important;
  padding-left: 20px;
  padding-right: 20px;
}

.splide__arrow:hover {
  background-color: var(--primary-400) !important;
}

.splide__container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  -webkit-animation: splide-loading 1s linear infinite;
          animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

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

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@-webkit-keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

@keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  -webkit-transform: scale(1.4);
      -ms-transform: scale(1.4);
          transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

.products {
  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;
  padding: 0 100px;
}

@media (max-width: 768px) {
  .products {
    padding: 25px 10px 12px;
  }
}
.products__title {
  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;
  padding-bottom: 15px;
}

.products__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 25px;
}

@media (max-width: 768px) {
  .products__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.products__card {
  display: grid;
  grid-template-rows: repeat(2, auto);
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 16px;
  padding: 25px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.products__card__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (width <= 768px) {
  .products__card__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.products__card__title-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.products__card__title-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  background-color: var(--primary-50);
  color: var(--primary-700);
  border: none;
  border-radius: 10px;
}

.products__card__title-icon {
  font-size: 32px;
}

.products__card__heading {
  padding: 0 0 10px 0;
}

@media (width <= 768px) {
  .products__card__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
  }
}
.products__card__text {
  font-size: 2.2rem;
}

.products__card__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 5px;
  font-size: 1.4rem;
}

.products__card__description:hover {
  cursor: pointer;
}

.products__card__price {
  background-color: var(--bluegray-50);
  padding: 15px;
  border: none;
  border-radius: 10px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

@media (width <= 768px) {
  .products__card__price {
    display: none;
  }
}
@media (width <= 768px) {
  .products__card__price-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    background-color: var(--bluegray-50);
    padding: 8px;
    border: none;
    border-radius: 10px;
  }
}
@media (width > 768px) {
  .products__card__price-mobile {
    display: none;
  }
}
.products__card__price-heading {
  text-transform: uppercase;
  font-size: 11px;
  color: #4f5c65;
}

.products__card__price-amount {
  font-size: 16px;
  color: #353e44;
  font-weight: 700;
}

.separator {
  border-top: 1px solid #ccc;
  margin: 20px 0;
}

.products__card__footer {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (width <= 1180px) {
  .products__card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.products__card__list {
  font-size: 1.4rem;
}

.products__card__list-item {
  list-style: none;
}

.products__card__list-icon {
  margin-right: 3px;
  color: var(--primary-700);
  font-size: 1.8rem;
}

.currency__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  border-radius: 16px;
  margin-top: 15px;
  padding: 45px;
  max-width: 1100px;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

@media (width <= 768px) {
  .currency__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 25px;
  }
}
.currency__list-title {
  font-weight: bold;
}

.currency__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  padding-top: 5px;
  padding-left: 10px;
}

.currency__list-item {
  font-family: Montserrat, sans-serif;
  font-size: 1.4rem;
}

.currency__list-container {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  gap: 10px;
}

.currency__container-logo {
  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;
  width: auto;
}

.currency__container-image {
  max-width: 6.4rem;
}

.products__footer {
  margin: 20px;
  background-color: var(--primary-50);
  padding: 20px 45px;
  border: none;
  border-radius: 10px;
  text-align: center;
}

.products__footer-text {
  font-family: inherit;
  font-size: 1.6rem;
}

.products__footer-link {
  display: block;
  padding-top: 10px;
}

.products__footer-link:hover {
  cursor: pointer;
}

@media (max-width: 768px) {
  .products__footer {
    -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;
    gap: 5px;
    width: 100%;
  }
}
.support {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
  padding: 40px 100px;
}

@media (max-width: 768px) {
  .support {
    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 25px 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.support__block-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  max-width: 50rem;
}

@media (max-width: 768px) {
  .support__block-image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.support__block-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.support__block-reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding-top: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.support__block-title-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.image-move {
  margin-left: -150px;
  margin-top: 85px;
}

.review {
  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;
  padding: 40px 100px;
}

@media (max-width: 768px) {
  .review {
    text-align: center;
    padding: 25px 25px 12px;
  }
}
.rating__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

.review__container {
  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: var(--primary-50);
  border: none;
  border-radius: 100%;
  padding: 20px;
  color: var(--orange-300);
}

.review__container-text {
  font-family: Montserrat, sans-serif;
  font-size: 2.2rem;
  font-weight: bold;
}

.rating__reviews-score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}

.rating__reviews-count {
  font-family: inherit;
  font-size: 1.4rem;
  font-weight: bold;
}

.review__title-image {
  max-width: 8rem;
}

.review__image {
  max-width: 4rem;
}

.rating__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.rating__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.review__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

@media (max-width: 768px) {
  .review__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.review__list-item {
  max-width: 40rem;
}

.reviews__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  height: 100%;
  padding: 15px;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.reviews__card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: bold;
}

.review__rating-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
}

.reviews__card-footer {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.reviews__card-link {
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: bold;
}

.reviews__card-link:hover {
  color: var(--primary-600);
}

.recommendations {
  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;
  padding: 40px 100px;
}

@media (width <= 768px) {
  .recommendations {
    background-color: var(--primary-50);
    padding: 25px 15px 12px;
  }
}
.recommendation__part {
  display: grid;
  grid-template-columns: 4fr 1fr 4fr;
  justify-items: center;
  border: none;
  border-radius: 10px;
  padding: 30px;
  background-color: var(--primary-50);
}

@media (width <= 768px) {
  .recommendation__part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
    text-align: center;
  }
}
.recommendation__part-title {
  font-family: inherit;
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 5px;
}

.recommendation__part-description {
  font-family: inherit;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 300;
}

.recommendations__description {
  font-family: Montserrat, sans-serif;
  font-size: 1.8rem;
  padding-top: 45px;
  text-align: center;
}

.integrations {
  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;
  padding: 0 100px;
}

@media (max-width: 768px) {
  .integrations {
    padding: 25px 25px 12px;
  }
}
.carousel {
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  /* Fade-эффект по краям */
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgb(0, 0, 0)), color-stop(90%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0));
  mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgb(0, 0, 0)), color-stop(90%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0));
}

.carousel > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.carousel:hover .group {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.carousel__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
}

.carousel__card-image {
  width: auto;
  max-height: 7rem;
  border: none;
  border-radius: 10px;
}

/* Группируем карты для лучшей структуры. */
.group-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
  padding-right: 6rem;
  will-change: transform;
  -webkit-animation: scrolling-left 40s linear infinite;
          animation: scrolling-left 40s linear infinite;
}

.group-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
  padding-right: 6rem;
  will-change: transform;
  -webkit-animation: scrolling-right 40s linear infinite;
          animation: scrolling-right 40s linear infinite;
}

@media (min-width: 1600px) {
  .carousel__card {
    gap: 10rem;
  }
  .group-left, .group-right {
    padding-right: 10rem;
  }
}
@media (min-width: 2000px) {
  .carousel__card {
    gap: 8vw;
  }
  .group-left, .group-right {
    padding-right: 8vw;
  }
}
/* Двигается влево */
@-webkit-keyframes scrolling-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes scrolling-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
/* Двигается вправо */
@-webkit-keyframes scrolling-right {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes scrolling-right {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.integrations__image {
  width: 7.2rem;
  border: none;
  border-radius: 50%;
  padding: 0 5px;
}

.integrations__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-top: 15px;
}

.cta {
  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;
  padding: 40px 100px;
}

@media (width <= 768px) {
  .cta {
    text-align: center;
    padding: 25px 15px 12px;
  }
}
.cta__container {
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: 45px;
  padding: 15px 35px;
  border: none;
  border-radius: 10px;
  background-color: var(--primary-700);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (width <= 768px) {
  .cta__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
  }
}
.cta__text {
  font-family: Montserrat, sans-serif;
  font-size: 1.8rem;
  font-weight: normal;
  color: var(--primary-50);
}

.description__block {
  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;
  padding: 40px 320px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (width <= 768px) {
  .description__block {
    padding: 25px 15px;
  }
}
.description__block-title {
  font-family: Montserrat, sans-serif;
  font-weight: normal;
  font-size: 1.8rem;
}

.description__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 45px;
}

@media (width <= 768px) {
  .description__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.description__block-image {
  width: 32px;
}

.locations {
  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;
  padding: 40px 100px;
}

@media (width <= 768px) {
  .locations {
    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 15px 12px;
  }
}
.locations__cards {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 25px;
}

.locations__cards-title {
  font-family: Montserrat, sans-serif;
  font-size: 2.4rem;
  font-weight: bolder;
  line-height: 1.3;
}

.locations__image {
  justify-self: flex-end;
  max-width: 30rem;
}

@media (width <= 768px) {
  .locations__image {
    display: none;
  }
}
.card__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
}

.card__list-item {
  list-style: none;
}

.card {
  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;
  width: 220px;
  background-color: #fff;
  border-radius: 14px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 15px;
}

@media (width <= 769px) {
  .card {
    width: 100%;
  }
}
.card-outline {
  border: 1px solid #4547a9;
}

.card:hover {
  -webkit-box-shadow: 0 1px 8px rgba(69, 71, 169, 0.5);
          box-shadow: 0 1px 8px rgba(69, 71, 169, 0.5);
  -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}

.card__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  overflow: hidden;
}

.card__image {
  max-width: 20px;
  border: none;
  border-radius: 3px;
}

.card__icon {
  position: absolute;
  color: #4547a9;
  left: 85%;
}

.card__country-name {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; /* Заполняет оставшееся пространство */
  overflow: hidden; /* Обрезает текст */
  text-overflow: ellipsis; /* Показывает троеточие */
  white-space: nowrap; /* Запрещает перенос текста */
  padding-right: 10px;
}

.card__description {
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  font-weight: lighter;
  padding: 10px 0 0;
}

.loyalty {
  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;
  padding: 40px 100px;
}

@media (max-width: 768px) {
  .loyalty {
    text-align: center;
    padding: 25px 25px 12px;
  }
}
.loyalty__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  overflow: hidden;
}

.loyalty__container-title {
  font-family: Montserrat, sans-serif;
  font-weight: bold;
  font-size: 2.2rem;
  text-align: center;
}

.loyalty__container-description {
  font-family: Montserrat, sans-serif;
  font-weight: lighter;
  font-size: 1.4rem;
  text-transform: uppercase;
  line-height: 2rem;
  text-align: center;
}

.loyalty__image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 25px;
}

.loyalty__container-image {
  max-width: 51.2rem;
}

.loyalty__container-button {
  margin-top: 15px;
}

.faq {
  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;
  padding: 40px 100px;
}

@media (width <= 768px) {
  .faq {
    padding: 25px 15px 12px;
  }
}
.accordion__content {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  padding: 5px 20px 0;
}

.accordion__content-body {
  overflow: hidden;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: lighter;
  color: #7e858b;
}

.accordion {
  width: 100%;
}

.accordion__details[open] + .accordion__content {
  grid-template-rows: 1fr;
}

.accordion__details summary {
  list-style: none; /* Убирает маркер в Firefox */
}

.accordion__details summary::-webkit-details-marker {
  list-style: none; /* Убирает маркер в Chrome, Safari, Edge */
}

.accordion__summary {
  cursor: pointer;
  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;
}

.accordion__summary:last-child {
  margin-top: 10px;
}

.accordion__title {
  font-family: inherit;
  font-size: 2rem;
  font-weight: bold;
}

.faq-chevron {
  background-color: var(--primary-100);
  padding: 10px;
  border: none;
  border-radius: 10px;
}

.faq__sublist-title {
  font-family: inherit;
  font-size: 1.4rem;
  font-weight: bold;
  padding-top: 10px;
}

.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 20px;
  background-color: #020005;
}

@media (max-width: 768px) {
  .footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    padding: 25px 25px 12px;
  }
}
.footer__logo {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-decoration: none;
  padding: 10px 20px;
}

.footer__logo-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.footer__logo-image {
  width: 5rem;
  height: auto;
}

.footer__logo-heading {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
}

.footer__logo-description {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 0.3px;
}

.footer__description {
  font-family: Montserrat, sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  color: #fff;
  margin-top: 10px;
}

.footer__title {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 8px;
  letter-spacing: 1px;
}

.footer__nav-list-container {
  padding: 10px 0;
}

.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

.footer__nav-item:not(:last-child) {
  margin-bottom: 4px; /* Добавить отступ для всех элементов, кроме последнего */
}

.footer__link {
  text-decoration: none;
  color: #c2cae4;
}

.footer__link:hover {
  color: #41e8ff;
  cursor: pointer;
}

.footer__list {
  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;
  justify-self: flex-end;
  padding: 10px 20px;
}

.list__title {
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #fff;
}

.footer__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.footer__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  gap: 10px;
}

.footer__social-list-item {
  padding-bottom: 10px;
  gap: 10px;
}

.footer__social-list-image {
  max-width: 2.4rem;
}

.modal {
  display: none; /* Скрыто */
  position: fixed; /* Фиксированное позиционирование */
  z-index: 1000; /* Поверх всего */
  left: 0;
  top: 0;
  width: 100%; /* Ширина экрана */
  height: 100%; /* Высота экрана */
  overflow: auto; /* Скролл если нужно */
  background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон */
}

/* Контент модального окна */
.modal-content {
  background-color: #fff;
  margin: 10% auto; /* Отступ сверху и по центру */
  padding: 25px;
  border-radius: 16px;
  width: 420px;
  position: relative;
}

/* Кнопка закрытия */
.modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  font-weight: bold;
  color: #aaa;
  cursor: pointer;
}

.modal-close:hover {
  color: #000;
}

.form__group {
  margin-top: 30px;
}

.form__group label {
  font-family: Montserrat, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
}

.form__group-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}

.form-label .input-wrapper {
  margin-top: 3px; /* нужный отступ */
}

.modal__links-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}

.modal__link {
  text-decoration: none;
  font-weight: 400;
  color: var(--primary-500);
}

.errors-summary {
  margin-bottom: -2rem;
  padding: 1rem;
  color: #ef4444;
  font-size: 14px;
}

.grecaptcha-badge {
  visibility: hidden;
}
/*# sourceMappingURL=main.css.map */