html {
  scroll-behavior: smooth;
}

body {
  font-family: "Aeonik", sans-serif;
  color: #1e2d2a;
  background-color: #fff;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  position: relative;
}

.nowrap-text {
  white-space: nowrap;
}

.italic {
  font-style: italic;
}

.mob {
  display: none !important;
}

.main__wrapper {
  overflow: hidden;
}

.big-button {
  position: relative;
  display: flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  width: 100%;
  z-index: 100;

  color: #151d4c;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 4px;

  transition: 0.3s ease;
  outline: none;
  border: none;
  background: #d4fc40;
}

.big-button:hover {
  cursor: pointer;
  transform: scale(1.02);
}

.big-button:active {
  transform: scale(0.98);
}

/**************TEXT**************/

h1 {
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px; /* 100% */
  letter-spacing: -1.28px;
}

h2 {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 116.667% */
  letter-spacing: -0.96px;
}

h3 {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 125% */
  letter-spacing: -0.64px;
}

p.small {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%; /* 1.575rem */
}

p {
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.36px;
}

p.medium {
  font-size: 1.625rem;
  font-weight: 500;
  line-height: normal;
}

p.big {
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
}

.middle-line {
  position: relative;
}

.middle-line::before {
  content: "";
  position: absolute;
  width: 96%;
  height: 1px;
  background-color: #ff1839;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/**************TEXT**************/
/**************SECTION**************/

section {
  scroll-margin-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}

/**************SECTION**************/
/**************FORM**************/
.preloader {
  display: none;
  background: white;
  position: absolute;
  top: 0%;
  bottom: 0;
  left: 0%;
  right: 0;
  z-index: 400;
  background-image: url("data:image/gif;base64,R0lGODlhEgIEAfEDACc6mUep1lin0wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgADACwAAAAAEgIEAQAC/5yPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+v3/L7/DxgoOEhYaHiImKi4yNjo+AgZKTlJWWl5iZmpucnZ6fkJGio6SlpqeoqaqrrK2ur6ChsrO0tba3uLm6u7y9vr+wscLDxMXGx8jJysvMzc7PwMHS09TV1tfY2drb3N3e39DR4uPk5ebn6Onq6+zt7u/g4fLz9PX29/j5+vv8/f7/8PMKDAgQQLGjyIMKHChQwbOnwIMaLEiRQrWryIMaPGjf8cO3r8CDKkyJEkS5o8iTKlypUsW7p8CTOmzJk0a9q8iTOnzp08e/r8CTSo0KFEixo9ijSp0qVMmzp9CjWq1KlUq1q9ijWr1q1cu3r9Cjas2LFky5o9izat2jIA2rp9C9ftAwEB6tq9i1eAgLl4+97Vu1ZM3MGDG+j1i1jvXgaHEfdVHBgM4clyGTtOvHgB3ct+M0fmQplyA86JR5P2+9lL6MmmT/9t7dpu6i6rCcN2DZhBbLyzQdeOext3cNe9t/wGrnt3Xc8JlMsunuU43OGkmSNwXhd6dOmVFzjP7R27dizcuyvAbv0A9gDjr5RvS51zegPr21t5DyD+5fkD6tv7p4KffpgJ6Nh/AL5HYGcJomagFAEmpxx//jUIxYPhRbhgXxRGYaECm+EGnocR8rfhEQg68GF1JA6QonwrlmhEeXO16NiLjVUHY4467shjjz7+CGSQQg5JZJFGHolkkkouyWSTTj4JZZRSTklllVZeiWWWWm7JZZdefglmmGKOSWaZZp6JZppqrslmm26+CWeccs5JZ5123olnnnruyWeffv4JaKCCDkpooYYeimiiii7KaKOOPgpppJJOSmmlll6Kaaaabsppp55+Cmqooo5Kaqmmnopqqqquymqrrr4Ka6yyzkprrbbeimuuuu7Ka6++/gpssMIOS2whBQAAIfkECQoAAwAs4wB5AE4AFAAAApOcgqkrMg/jALTaW6U+q6dmcF7XONqDpen5NKNXvi/IqnbGijKzj+Z5u7EGvaLxpwnahsbmDClRqpjOKmMoXbGsXAQ0ksVQu9UvJHwZk49mFBp3Wpexb4pa3mtP6oA7XqbH17f1lxfI51cIQ1eXqHhVg0j4OMP45pjnVGKJNqRTBPIJqLfX6NlE4wI6dHbJqpr3UAAAIfkEBQoAAwAs4wB5AE4AFAAAApqcgqkrMg+jWVQ1iYHevG9zVFXjYE8jjpc5eK6bpqsZxkxpvvpmizjWG7FaO12Q8pMcGcOicYmYAaEBqcT5okaH2moT6+kmI+IvmFNmpXNnNNVKfo8hbfebq50/6rw8/s7Cp7E2BcjGl6c3kGhWR6jkFyj4GGeYMRlpQkknWBNEMuTZAyrJN3EEJyEakxohCII6BIHyKbtXN1AAADs=");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0.5;
  border-radius: 5px;
}

input.valid {
  color: #10b534 !important;
  border-color: #10b534 !important;
  background: #d9ffec !important;
  /* with Check-mark */
  /* background: #fff
  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNS40MjUzOUw0LjQ1MTc3IDEwTDEzIDEuMjQxMjlMMTEuNzcyOCAwTDQuNDUxNzcgNy40OTk5NUwxLjIxMDI0IDQuMTc1MzVMMCA1LjQyNTM5WiIgZmlsbD0iIzM5QjU0QSIvPgo8L3N2Zz4K")
    no-repeat 95%;
  background-size: 13px 10px;
  padding-right: 40px; */
  /* with Check-mark */
}

input.error {
  color: #c8102e;
  border-color: #c8102e;
  background: linear-gradient(0deg, #f9eaea 0%, #f9eaea 100%), #fff;
  /* with X-mark */
  /* background: #fff
    url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyOXB0IiB2aWV3Qm94PSIwIDAgMzI5LjI2OTMzIDMyOSIgd2lkdGg9IjMyOXB0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNGRjAwM0MiPjxwYXRoIGQ9Im0xOTQuODAwNzgxIDE2NC43Njk1MzEgMTI4LjIxMDkzOC0xMjguMjE0ODQzYzguMzQzNzUtOC4zMzk4NDQgOC4zNDM3NS0yMS44MjQyMTkgMC0zMC4xNjQwNjMtOC4zMzk4NDQtOC4zMzk4NDQtMjEuODI0MjE5LTguMzM5ODQ0LTMwLjE2NDA2MyAwbC0xMjguMjE0ODQ0IDEyOC4yMTQ4NDQtMTI4LjIxMDkzNy0xMjguMjE0ODQ0Yy04LjM0Mzc1LTguMzM5ODQ0LTIxLjgyNDIxOS04LjMzOTg0NC0zMC4xNjQwNjMgMC04LjM0Mzc1IDguMzM5ODQ0LTguMzQzNzUgMjEuODI0MjE5IDAgMzAuMTY0MDYzbDEyOC4yMTA5MzggMTI4LjIxNDg0My0xMjguMjEwOTM4IDEyOC4yMTQ4NDRjLTguMzQzNzUgOC4zMzk4NDQtOC4zNDM3NSAyMS44MjQyMTkgMCAzMC4xNjQwNjMgNC4xNTYyNSA0LjE2MDE1NiA5LjYyMTA5NCA2LjI1IDE1LjA4MjAzMiA2LjI1IDUuNDYwOTM3IDAgMTAuOTIxODc1LTIuMDg5ODQ0IDE1LjA4MjAzMS02LjI1bDEyOC4yMTA5MzctMTI4LjIxNDg0NCAxMjguMjE0ODQ0IDEyOC4yMTQ4NDRjNC4xNjAxNTYgNC4xNjAxNTYgOS42MjEwOTQgNi4yNSAxNS4wODIwMzIgNi4yNSA1LjQ2MDkzNyAwIDEwLjkyMTg3NC0yLjA4OTg0NCAxNS4wODIwMzEtNi4yNSA4LjM0Mzc1LTguMzM5ODQ0IDguMzQzNzUtMjEuODI0MjE5IDAtMzAuMTY0MDYzem0wIDAiLz48L3N2Zz4=")
    no-repeat 95%;
  background-size: 13px 10px;
  padding-right: 40px; */
  /* with X-mark */
}

label.error {
  display: flex;
  transform-style: preserve-3d;
  position: absolute;
  z-index: 200;
  top: calc(100%);
  left: 0;
  width: 100%;
  border-radius: 6px;
  background: #c8102e;
  color: #ffffff !important;
  text-align: left !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 16.8px */
  padding: 5px 10px;

  /* with default alert! */
  /* background: #c8102e
    url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguODM3NTQgMi44NzhWNi44ODJDOC44Mzc1NCA3LjMwNjY3IDguODE2NTQgNy43MjQzMyA4Ljc3NDU0IDguMTM1QzguNzMyNTQgOC41NDEgOC42NzY1NCA4Ljk3MjY3IDguNjA2NTQgOS40M0g3LjQzNzU0QzcuMzY3NTQgOC45NzI2NyA3LjMxMTU0IDguNTQxIDcuMjY5NTQgOC4xMzVDNy4yMjc1NCA3LjcyNDMzIDcuMjA2NTQgNy4zMDY2NyA3LjIwNjU0IDYuODgyVjIuODc4SDguODM3NTRaTTYuOTQwNTQgMTIuMDQ4QzYuOTQwNTQgMTEuOTAzMyA2Ljk2NjIxIDExLjc2NTcgNy4wMTc1NCAxMS42MzVDNy4wNzM1NCAxMS41MDQzIDcuMTQ4MjEgMTEuMzkyMyA3LjI0MTU0IDExLjI5OUM3LjMzOTU0IDExLjIwNTcgNy40NTM4NyAxMS4xMzEgNy41ODQ1NCAxMS4wNzVDNy43MTUyMSAxMS4wMTkgNy44NTUyMSAxMC45OTEgOC4wMDQ1NCAxMC45OTFDOC4xNDkyMSAxMC45OTEgOC4yODY4NyAxMS4wMTkgOC40MTc1NCAxMS4wNzVDOC41NDgyMSAxMS4xMzEgOC42NjAyMSAxMS4yMDU3IDguNzUzNTQgMTEuMjk5QzguODQ2ODcgMTEuMzkyMyA4LjkyMTU0IDExLjUwNDMgOC45Nzc1NCAxMS42MzVDOS4wMzM1NCAxMS43NjU3IDkuMDYxNTQgMTEuOTAzMyA5LjA2MTU0IDEyLjA0OEM5LjA2MTU0IDEyLjE5NzMgOS4wMzM1NCAxMi4zMzczIDguOTc3NTQgMTIuNDY4QzguOTIxNTQgMTIuNTk0IDguODQ2ODcgMTIuNzAzNyA4Ljc1MzU0IDEyLjc5N0M4LjY2MDIxIDEyLjg5MDMgOC41NDgyMSAxMi45NjI3IDguNDE3NTQgMTMuMDE0QzguMjg2ODcgMTMuMDcgOC4xNDkyMSAxMy4wOTggOC4wMDQ1NCAxMy4wOThDNy44NTUyMSAxMy4wOTggNy43MTUyMSAxMy4wNyA3LjU4NDU0IDEzLjAxNEM3LjQ1Mzg3IDEyLjk2MjcgNy4zMzk1NCAxMi44OTAzIDcuMjQxNTQgMTIuNzk3QzcuMTQ4MjEgMTIuNzAzNyA3LjA3MzU0IDEyLjU5NCA3LjAxNzU0IDEyLjQ2OEM2Ljk2NjIxIDEyLjMzNzMgNi45NDA1NCAxMi4xOTczIDYuOTQwNTQgMTIuMDQ4WiIgZmlsbD0iI0ZBRkFGRiIvPgo8Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNy41IiBzdHJva2U9IiNGQUZBRkYiLz4KPC9zdmc+Cg==")
    no-repeat;
  background-position: 10px 50%;
  padding-left: 35px; */
  /* with default alert! */
}

label.error::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 15px;
  height: 15px;
  background: #c8102e;
  border-radius: 2px;
  transform: translateZ(-1px) rotate(45deg);
  top: -7px;
  left: 11px;
  transform-style: preserve-3d;
}
input[type="tel"] {
  /*padding-left: 100px !important;*/
}

/* custom checkbox */
.hiddenfield {
  display: none;
}
/* phonecc & phone separator */

.iti-arrow {
  display: none;
}

.form {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 32px;
  border: 2px solid #d30505;
  background: #fff;
  width: 100%;
  max-width: 590px;
}

.form h2 {
  text-align: center;
  font-size: 2.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.13125rem;
}

.form__under-text {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 24px;
}

.form__inputs-container {
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: 100%;
}

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

.form__input {
  width: 100%;
  padding: 22px 10px;
  border: none;
  outline: none;
  background: rgba(30, 45, 42, 0.1);

  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.05rem;
}

.form__bottom {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-top: 12px;
}

/**************FORM**************/
/**************HEADER**************/

.header {
  display: flex;
  flex-direction: column;
}

.header__top {
  padding-block: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background: var(--primary-primary-dark, #1e2d2a);
}

.header__top .header__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.header__logo-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.header__logo {
  width: 100%;
  max-width: 160px;
}

.header__button {
  max-width: 150px;
}

.header__bottom {
  padding-block: 12px;
  /*background-color: #90f0ff;*/
}

.header__bottom .header__container {
  display: flex;
  justify-content: center;
}

.header__nav-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.header__link {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  text-decoration: none;
}

.header__hamburger {
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
}

.header__hamburger-container {
  position: relative;
  width: 22px;
  height: 20px;
}

.header__hamburger-item {
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 3px;
  background-color: #fff;
  transition: 0.3s ease;
}

.header__hamburger-item:nth-child(1) {
  top: 0;
}

.header__hamburger-item:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.header__hamburger-item:nth-child(3) {
  bottom: 0;
}

.header.active .header__hamburger-item:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.header.active .header__hamburger-item:nth-child(2) {
  opacity: 0;
  right: 50%;
}

.header.active .header__hamburger-item:nth-child(3) {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}

/**************HEADER**************/
/**************SECTION**************/

.section__bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent);
  mask-image: linear-gradient(to bottom, black 80%, transparent);

  /* Некоторые браузеры требуют указания того, как масштабируется маска */
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;

  /* Опционально можно настроить повтор или позиционирование маски */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
}

.section__container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.section__container > p {
  text-align: center;
}

.section__top-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  text-align: center;
  width: 100%;
}

.section__top-container p {
  color: #6e847f;
}

.section__row-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
}

.section__row-container.reverse {
  flex-direction: row-reverse;
}

.section__text-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 690px;
}

.section__row-image {
  width: 100%;
  max-width: 564px;
  object-fit: cover;
}

.section__line {
  width: 100%;
  height: 1px;
  flex-shrink: 0;
  opacity: 0.5;
  background: #151d4c;
}

.section__list-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.section__list-item {
  position: relative;
  padding-left: 28px;
}

.section__list-item::before {
  content: "•";
  position: absolute;
  left: 10px;
  top: 0;
}

/**************SECTION**************/
/**************START**************/

.start {
  padding-top: 100px;
  background-image: url("../images/bl1_bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.start h1 {
  color: #fff;
}

.start h2 {
  color: #fff;
  font-size: 3.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.start__container {
  display: flex;
  flex-direction: column;
  max-width: 1100px;
  margin-inline: auto;
  gap: 48px;
}

.start__main-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 32px;
}

.start__text-container {
  display: flex;
  flex-direction: column;
  gap: 48px;
  max-width: 690px;
  width: 100%;
  color: #fff;
}

.start__list-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}

.start__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.start__list-item {
  display: flex;
  flex-direction: row;
  gap: 8px;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 136.364% */
  letter-spacing: -0.44px;
}

.start__list-item::before {
  content: "";
  display: flex;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQwMDFfNjEwKSI+CjxwYXRoIGQ9Ik0xMy44MDA4IDMuODY1MjNDMTQuNDk4NCAzLjI5NDcxIDE1LjUwMTYgMy4yOTQ3MSAxNi4xOTkyIDMuODY1MjNDMTYuMzI5MiAzLjk3MTUyIDE2LjQ4NDYgNC4xNTQ2OSAxNi45NzE3IDQuNzUzOTFDMTcuMTcyIDUuMDAwMzYgMTcuMzE3MiA1LjE4MTc5IDE3LjQ3ODUgNS4zMzk4NEMxOC4xNzM1IDYuMDIwNzYgMTkuMTA1MiA2LjQwNzA1IDIwLjA3ODEgNi40MTY5OUMyMC4zMDQgNi40MTkyOSAyMC41MzU1IDYuMzkzOTcgMjAuODUxNiA2LjM2MTMzQzIxLjYxOTIgNi4yODIwNiAyMS44NTg0IDYuMjYxNiAyMi4wMjU0IDYuMjc4MzJDMjIuOTIyMSA2LjM2ODE2IDIzLjYzMTggNy4wNzc4OCAyMy43MjE3IDcuOTc0NjFDMjMuNzM4NCA4LjE0MTYyIDIzLjcxNzkgOC4zODA3NyAyMy42Mzg3IDkuMTQ4NDRDMjMuNjA2IDkuNDY0NSAyMy41ODA3IDkuNjk2IDIzLjU4MyA5LjkyMTg4QzIzLjU5MjkgMTAuODk0OCAyMy45NzkyIDExLjgyNjUgMjQuNjYwMiAxMi41MjE1QzI0LjgxODIgMTIuNjgyOCAyNC45OTk2IDEyLjgyOCAyNS4yNDYxIDEzLjAyODNDMjUuODQ1MyAxMy41MTU0IDI2LjAyODUgMTMuNjcwOCAyNi4xMzQ4IDEzLjgwMDhDMjYuNzA1MyAxNC40OTg0IDI2LjcwNTMgMTUuNTAxNiAyNi4xMzQ4IDE2LjE5OTJDMjYuMDI4NSAxNi4zMjkyIDI1Ljg0NTMgMTYuNDg0NiAyNS4yNDYxIDE2Ljk3MTdDMjQuOTk5NiAxNy4xNzIgMjQuODE4MiAxNy4zMTcyIDI0LjY2MDIgMTcuNDc4NUMyMy45NzkyIDE4LjE3MzUgMjMuNTkyOSAxOS4xMDUyIDIzLjU4MyAyMC4wNzgxQzIzLjU4MDcgMjAuMzA0IDIzLjYwNiAyMC41MzU1IDIzLjYzODcgMjAuODUxNkMyMy43MTc5IDIxLjYxOTIgMjMuNzM4NCAyMS44NTg0IDIzLjcyMTcgMjIuMDI1NEMyMy42MzE4IDIyLjkyMjEgMjIuOTIyMSAyMy42MzE4IDIyLjAyNTQgMjMuNzIxN0MyMS44NTg0IDIzLjczODQgMjEuNjE5MiAyMy43MTc5IDIwLjg1MTYgMjMuNjM4N0MyMC41MzU1IDIzLjYwNiAyMC4zMDQgMjMuNTgwNyAyMC4wNzgxIDIzLjU4M0MxOS4xMDUyIDIzLjU5MjkgMTguMTczNSAyMy45NzkyIDE3LjQ3ODUgMjQuNjYwMkMxNy4zMTcyIDI0LjgxODIgMTcuMTcyIDI0Ljk5OTYgMTYuOTcxNyAyNS4yNDYxQzE2LjQ4NDYgMjUuODQ1MyAxNi4zMjkyIDI2LjAyODUgMTYuMTk5MiAyNi4xMzQ4QzE1LjUwMTYgMjYuNzA1MyAxNC40OTg0IDI2LjcwNTMgMTMuODAwOCAyNi4xMzQ4QzEzLjY3MDggMjYuMDI4NSAxMy41MTU0IDI1Ljg0NTMgMTMuMDI4MyAyNS4yNDYxQzEyLjgyOCAyNC45OTk2IDEyLjY4MjggMjQuODE4MiAxMi41MjE1IDI0LjY2MDJDMTEuODI2NSAyMy45NzkyIDEwLjg5NDggMjMuNTkyOSA5LjkyMTg4IDIzLjU4M0M5LjY5NiAyMy41ODA3IDkuNDY0NDkgMjMuNjA2IDkuMTQ4NDQgMjMuNjM4N0M4LjM4MDc3IDIzLjcxNzkgOC4xNDE2MiAyMy43Mzg0IDcuOTc0NjEgMjMuNzIxN0M3LjA3Nzg4IDIzLjYzMTggNi4zNjgxNiAyMi45MjIxIDYuMjc4MzIgMjIuMDI1NEM2LjI2MTYgMjEuODU4NCA2LjI4MjA2IDIxLjYxOTIgNi4zNjEzMyAyMC44NTE2QzYuMzkzOTcgMjAuNTM1NSA2LjQxOTI5IDIwLjMwNCA2LjQxNjk5IDIwLjA3ODFDNi40MDcwNSAxOS4xMDUyIDYuMDIwNzYgMTguMTczNSA1LjMzOTg0IDE3LjQ3ODVDNS4xODE3OSAxNy4zMTcyIDUuMDAwMzYgMTcuMTcyIDQuNzUzOTEgMTYuOTcxN0M0LjE1NDY5IDE2LjQ4NDYgMy45NzE1MiAxNi4zMjkyIDMuODY1MjMgMTYuMTk5MkMzLjI5NDcxIDE1LjUwMTYgMy4yOTQ3MSAxNC40OTg0IDMuODY1MjMgMTMuODAwOEMzLjk3MTUyIDEzLjY3MDggNC4xNTQ2OSAxMy41MTU0IDQuNzUzOTEgMTMuMDI4M0M1LjAwMDM3IDEyLjgyOCA1LjE4MTc5IDEyLjY4MjggNS4zMzk4NCAxMi41MjE1QzYuMDIwNzYgMTEuODI2NSA2LjQwNzA1IDEwLjg5NDggNi40MTY5OSA5LjkyMTg4QzYuNDE5MjggOS42OTYgNi4zOTM5NyA5LjQ2NDQ5IDYuMzYxMzMgOS4xNDg0NEM2LjI4MjA2IDguMzgwNzcgNi4yNjE2IDguMTQxNjIgNi4yNzgzMiA3Ljk3NDYxQzYuMzY4MTYgNy4wNzc4OCA3LjA3Nzg4IDYuMzY4MTYgNy45NzQ2MSA2LjI3ODMyQzguMTQxNjIgNi4yNjE2IDguMzgwNzcgNi4yODIwNiA5LjE0ODQ0IDYuMzYxMzNDOS40NjQ0OSA2LjM5Mzk3IDkuNjk2IDYuNDE5MjggOS45MjE4OCA2LjQxNjk5QzEwLjg5NDggNi40MDcwNSAxMS44MjY1IDYuMDIwNzYgMTIuNTIxNSA1LjMzOTg0QzEyLjY4MjggNS4xODE3OSAxMi44MjggNS4wMDAzNyAxMy4wMjgzIDQuNzUzOTFDMTMuNTE1NCA0LjE1NDY5IDEzLjY3MDggMy45NzE1MiAxMy44MDA4IDMuODY1MjNaIiBzdHJva2U9IiNENEZDNDAiIHN0cm9rZS13aWR0aD0iMS44NzUiLz4KPHBhdGggZD0iTTE3LjUgMTBMMTIuNSAxNUgxNy41TDEyLjUgMjAiIHN0cm9rZT0iI0Q0RkM0MCIgc3Ryb2tlLXdpZHRoPSIxLjg3NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDAwMV82MTAiPgo8cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");

  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.start__list-image-container {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  display: flex;
}

.start__list-image {
  width: 100%;
  max-width: 486px;
}

.start__list-discount {
  position: absolute;
  bottom: -40px;
  left: -60px;
  width: 140px;
  height: 140px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'140'%20height%3D'140'%20viewBox%3D'0%200%20140%20140'%20fill%3D'none'%3E%3Cpath%20d%3D'M69.9998%200L80.2436%2022.3146L98.6281%206.11865L98.9595%2030.6934L122.306%2023.4167L112.669%2046.0025L136.94%2048.903L119%2065.5947L140%2078.1709L116.858%2086.0822L130.955%20106.16L106.614%20103.922L111.372%20128.03L90.0396%20116.032L84.6337%20140L69.9998%20120.314L55.3659%20140L49.96%20116.032L28.6283%20128.03L33.3852%20103.922L9.04427%20106.16L23.1415%2086.0822L0%2078.1709L20.9999%2065.5947L3.05933%2048.903L27.3309%2046.0025L17.6933%2023.4167L41.0397%2030.6934L41.3715%206.11865L59.7561%2022.3146L69.9998%200Z'%20fill%3D'%23FF1839'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.start__form-container {
  display: flex;
  position: relative;
  flex-direction: column;
  color: #1e2d2a;
  max-width: 486px;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  border: 1px solid #e5e5e1;
  background: #fff;
  box-shadow: 0px 0px 50px 20px rgba(30, 45, 42, 0.5);
}

.start__form-container .selected > span {
  padding: 4px;
  color: #ff1839;
  background-color: #fff;
  margin-right: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
  white-space: nowrap;
  border-radius: 4px;
}

.start__form-top,
.start__form-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
  padding: 16px;
  color: #fff;
  border: 1px solid #ff1839;
  background: #ff1839;
}

.start__form-top {
  border-radius: 8px 8px 0px 0px;
}

.start__form-bottom {
  border-radius: 0px 0px 8px 8px;
}

.start__form-top p,
.start__form-bottom p {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 125% */
  letter-spacing: -0.32px;
}

.start__form-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  background: #fff;
}

.start__form-discounts-container {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  border: 2px dashed #f42f29;
  background: rgba(244, 47, 41, 0.1);
}

.start__form-discounts-container .small {
  color: #6e847f;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.36px;
}

.start__form-discounts-container .big {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 136.364% */
  letter-spacing: -0.44px;
}

.start__form-discounts-container .big .selected {
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.44px;
  background-color: #f42f29;
  padding: 4px 8px;
  border-radius: 4px;
}

.start__form-container h3 {
  text-align: center;
}

.start__form-container h3 .selected {
  color: #d4fc40;
  padding: 4px;
  border-radius: 4px;
  background: #1e2d2a;
  display: block;
  width: fit-content;
  margin-inline: auto;
}

.start__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

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

.start__form-icon {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

.start__form-input {
  padding: 12px 16px;
  min-width: 100%;
  width: 100%;
  border: none;
  border-radius: 4px;
  background: rgba(30, 45, 42, 0.1);
  outline: none;
}

/**************START**************/
/**************PARASITE**************/

.parasite {
  padding-top: 100px;
  /*background-image: url("../images/bl2-3_bg.webp");*/
  /*background-repeat: no-repeat;*/
  /*background-size: 1024px;*/
  /*background-position: right top;*/
}

.parasite .section__top-container {
  max-width: 800px;
  margin-inline: auto;
}

.parasite .section__row-container {
  padding: 24px;
  border-radius: 8px;
  background: #1e2d2a;
  color: #fff;
}

.parasite .section__text-container {
  gap: 16px;
}

.parasite .section__list-container {
  gap: 12px;
}

.parasite .section__list-item {
  color: #6e847f;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.36px;
}

.parasite .section__row-image {
  border-radius: 4px;
  height: 100%;
}

.parasite .section__container > p:last-of-type {
  padding: 12px;
  border-radius: 4px;
  border: 1px dashed #f42f29;
  background: rgba(244, 47, 41, 0.1);
  color: #f42f29;

  font-size: 18px;
  font-style: normal;
  text-align: left;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.36px;
}

/**************PARASITE**************/
/**************PROTECT**************/

.protect {
  /*background-image: url("../images/bl3_bg.webp");*/
  /*background-repeat: no-repeat;*/
  /*background-size: 1024px;*/
  /*background-position: left bottom;*/
}

.protect .section__list-container {
  gap: 16px;
}

.protect .section__list-item::before {
  content: "";
}

.protect .section__list-item {
  padding-left: 0;
  color: #6e847f;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.36px;
}

.protect .section__row-image {
  max-width: 588px;
  border-radius: 8px;
}

/**************PROTECT**************/
/**************BASE**************/

.base {
  padding-bottom: 100px;
}

.base__items-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
}

.base__item {
  display: flex;
  width: 548px;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #1e2d2a;
  color: #fff;
}

.base__item h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.48px;
}

.base__item p {
  color: #6e847f;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.36px;
}

.base__bottom-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}

/**************BASE**************/
/**************HELP**************/

.help {
  padding-block: 100px;
  background: #1e2d2a;
  color: #fff;
}

.help .section__top-container p {
  color: #6e847f;
}

.help__main-container {
  display: flex;
  flex-direction: row;
  gap: 24px;
}

.help__column-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
}

.help .section__row-image {
  object-fit: contain;
}

.help h4 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.48px;
}

.help__item p {
  color: #6e847f;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.36px;
}

.help__bottom-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}

.help__bottom-container p {
  color: #6e847f;
}

/**************HELP**************/
/**************ROAD**************/

.road {
  padding-top: 100px;
  /*background-image: url("../images/bl6_bg.webp");*/
  /*background-repeat: no-repeat;*/
  /*background-size: 232px 288px;*/
  /*background-position: top 130px left 200px;*/
}

.road__items-container {
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-wrap: wrap;
}

.road__item {
  position: relative;
  flex: 1 1 calc(33% - 24px);
  width: 100%;
  height: unset;
  background-color: #1e2d2a;
  border-radius: 8px;
  /*overflow: hidden;*/
}

.road__item-image {
  width: 100%;
  object-fit: cover;
  height: 216px;
  border-radius: 7px 7px 0 0;
}

.road__item-text-container {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  text-align: left;
  color: #fff;
}

.road__item-text-container h3 {
  font-size: 24px;
  font-style: normal;
  text-align: left;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.48px;
}

.road__item-text-container p:last-of-type {
  color: #6e847f;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.36px;
}

.road__item-number {
  position: absolute;
  top: 24px;
  left: 24px;

  width: 32px;
  height: 32px;
  border-radius: 9px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #1e2d2a;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 100% */
  letter-spacing: -0.4px;
}

/**************ROAD**************/
/**************EXPERT**************/

.expert {
}

.expert__main-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #1e2d2a;
  border-radius: 16px;
  overflow: hidden;
}

.expert__main-image {
  flex-shrink: 0;
  width: 100%;
  max-width: 600px;
}

.expert__main-text-container {
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  color: #6e847f;
}

.expert__main-text-container .small {
  color: #6e847f;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.36px;
}

.expert__main-text-container .small b {
  color: #fff;
}

.expert__main-author {
  margin-top: auto;
  padding: 24px;
  background-color: #fff;
  color: #151d4c;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

/**************EXPERT**************/
/**************REVIEWS**************/

.reviews {
  padding-top: 100px;
  /*background-image: url("../images/bl8_bg.webp");*/
  /*background-repeat: no-repeat;*/
  /*background-size: cover;*/
  /*background-position: center;*/
  /*color: #fff;*/
}

.reviews .swiper {
  overflow: visible;
  width: 100%;
}

.reviews__swiper-container {
  width: 100%;
}

.reviews__item {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  background: #1e2d2a;
  backdrop-filter: blur(8.5px);
  height: unset;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  color: #6e847f;
}

.reviews__item-deco {
  width: 100%;
  max-width: 155px;
}

.reviews__item-author {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  color: #fff;
}

.reviews__item-author-image {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  object-fit: cover;
  flex-shrink: 0;
}

.reviews__swiper-bottom-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.reviews__swiper-buttons-container {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.reviews__button-next,
.reviews__button-prev {
  width: 48px;
  height: 48px;
  cursor: pointer;
}

.swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.5;
  transition: 0.3s ease;
  width: 8px;
  height: 8px;
}

.swiper-pagination-bullet-active {
  opacity: 1;
}

/**************REVIEWS**************/
/**************HOW**************/

.how {
  padding-top: 100px;
  background-color: #1e2d2a;
  color: #fff;
  background-image: url("../images/bl3_bg.webp");
  background-repeat: no-repeat;
  background-size: 1024px;
  background-position: right bottom;
}

.how h3 {
  text-align: center;
}

.how__image-container {
  position: relative;
}

.how__list-discount {
  position: absolute;
  top: -30px;
  right: 60px;
  width: 140px;
  height: 140px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'140'%20height%3D'140'%20viewBox%3D'0%200%20140%20140'%20fill%3D'none'%3E%3Cpath%20d%3D'M69.9998%200L80.2436%2022.3146L98.6281%206.11865L98.9595%2030.6934L122.306%2023.4167L112.669%2046.0025L136.94%2048.903L119%2065.5947L140%2078.1709L116.858%2086.0822L130.955%20106.16L106.614%20103.922L111.372%20128.03L90.0396%20116.032L84.6337%20140L69.9998%20120.314L55.3659%20140L49.96%20116.032L28.6283%20128.03L33.3852%20103.922L9.04427%20106.16L23.1415%2086.0822L0%2078.1709L20.9999%2065.5947L3.05933%2048.903L27.3309%2046.0025L17.6933%2023.4167L41.0397%2030.6934L41.3715%206.11865L59.7561%2022.3146L69.9998%200Z'%20fill%3D'%23FF1839'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}

.how__red-container {
  padding: 24px;
  border-radius: 4px;
  border: 2px dashed #f42f29;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: #ff1839;
}

.how__red-container .big {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.48px;
}

.how__red-container .medium {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 136.364% */
  letter-spacing: -0.44px;
}

.how__red-container .medium:first-of-type {
  color: #6e847f;

  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 136.364% */
  letter-spacing: -0.44px;
}

.how__red-container .selected > span {
  padding: 4px;
  color: #fff;
  background-color: #ff1839;
  margin-right: 6px;
  font-weight: 700;
  white-space: nowrap;
  border-radius: 4px;
}

.how .section__list-container {
  gap: 12px;
}

.how .section__text-container {
  max-width: 588px;
}

.how .section__row-image {
  max-width: 616px;
}

.how .section__list-item {
  color: #6e847f;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.36px;
}

.how__red-container .selected .middle-line::before {
  background-color: #fff;
}

.how__items-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
}

.how__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 380px;

  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.how__item h4 {
  padding: 24px;
  color: #1e2d2a;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.48px;
}

/**************HOW**************/
/**************FAQ**************/

.faq {
  padding-top: 100px;

  position: relative;
}

.faq__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.faq__top-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 1000px;
  margin-inline: auto;
  text-align: center;
}

.faq__items-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 790px;
  margin-inline: auto;
}

.faq__item {
  cursor: pointer;
  background: #1e2d2a;
  color: #fff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: 0.3s ease;
  border-radius: 16px;
}

.faq__item .medium {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.48px;
}

.faq__item .small {
  color: #6e847f;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.36px;
}

.faq__item-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.faq__item-arrow {
  width: 27px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  border: 3px solid #fff;
  flex-shrink: 0;
}

.faq__item-arrow:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 3px;
  background: #fff;
}

.faq__item-arrow:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 12px;
  background: #fff;
  transition: all 0.3s ease-in-out;
}

.faq__item.active .faq__item-arrow:after {
  transform: rotate(90deg);
}

/**************FAQ**************/
/**************TODAY**************/

.today {
  padding-bottom: 100px;
  color: #fff;
}

.today__container {
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 32px;
  border-radius: 4px;
  background: #1e2d2a;
}

.today__image {
  width: 100%;
  max-width: 450px;
  flex-shrink: 0;
  object-fit: cover;
  object-position: center;
}

.today__text-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.today__text-container p {
  color: #6e847f;
}

.today__button {
  width: fit-content;
}

/**************TODAY**************/
/**************REG**************/

.reg {
  padding-top: 100px;
  background-image: url("../images/bl12_bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  background-color: #f3f3f4;
}

.reg__text-container * {
  /*color: #1E2D2A;*/
}

.reg h2 {
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px; /* 100% */
  letter-spacing: -1.28px;
}

.reg__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
}

.reg__text-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 890px;
  color: #fff;
}

.reg__text-container p {
  font-size: 22px;
}

.reg__text-container .selected > span {
  padding: 4px;
  color: #fff;
  background-color: #ff1839;
  margin-right: 6px;
  font-weight: 700;
  white-space: nowrap;
}

.reg .start__form-container {
  padding-top: 0;
}

.reg__image {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 0;
}

/**************REG**************/
/**************FOOTER**************/

.footer {
  padding-block: 18px;
  background-color: #1e2d2a;
  text-align: center;
  color: #fff;
}

.footer__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

/**************FOOTER**************/

/***************(1200px)MEDIA***************/

@media (max-width: 1200px) {
  .container {
    padding-inline: 12px;
  }

  .desk {
    display: none !important;
  }

  .mob {
    display: flex !important;
  }

  /**************(1200px)TEXT***************/
  h1 {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 126.667% */
    letter-spacing: -0.6px;
  }

  h2 {
    font-size: 2rem;
    line-height: normal;
  }

  h3 {
    font-size: 1.5rem;
    line-height: 120%; /* 1.8rem */
  }

  b {
    font-weight: 600;
  }

  p {
    font-size: 1.125rem;
    line-height: normal;
  }

  p.medium {
    font-size: 1.375rem;
    line-height: normal;
  }

  p.big {
    font-size: 1.625rem;
    line-height: normal;
  }

  /**************(1200px)TEXT***************/
  /**************(1200px)SECTION***************/

  section {
    padding-bottom: 60px;
    position: relative;
  }

  .section__container {
    gap: 32px;
  }

  .section__row-container {
    flex-direction: column;
  }

  .section__row-container.reverse {
    flex-direction: column;
  }

  .section__text-container {
    max-width: 100%;
  }

  .section__bg-image {
    opacity: 0;
  }

  /**************(1200px)SECTION***************/
  /**************(1200px)FORM***************/

  .form {
    padding: 24px;
  }

  .form__inputs-container {
    flex-direction: column;
  }

  .form__under-text {
    flex-direction: column;
    gap: 8px;
    align-items: center;
  }

  /**************(1200px)FORM***************/
  /**************(1200px)HEADER***************/

  .header__container > .big-button {
    display: none;
  }

  .header.active {
    position: relative;
  }

  .header__top .header__container {
    flex-direction: row;
    gap: 12px;
  }

  .active .header__bottom {
    transform: translateY(0) scaleY(1);
    max-height: 500px;
    padding-block: 12px;
  }

  .header__nav-container {
    position: absolute;
    flex-wrap: wrap;
    width: 100%;
    left: -105%;
    top: calc(100% + 12px);
    padding: 12px;
    background: #1e2d2a;
    z-index: 2;
    box-shadow: 0px 24px 34px 0px rgba(0, 0, 0, 0.65);
    transition: 0.3s ease;
  }

  .active .header__nav-container {
    left: 0;
  }

  .header__nav-container .big-button {
    max-width: 400px;
    margin-inline: auto;
  }

  /**************(1200px)HEADER**************/
  /**************(1200px)START**************/

  .start {
    padding-top: 60px;
    /*background: #1e2d2a;*/
  }

  .start__container {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .start__main-container {
    flex-direction: column;
    align-items: center;
  }

  .start__text-container {
    max-width: 100%;
  }

  .start__list-container {
    flex-direction: column;
  }

  .start__list-image-container {
    max-width: 360px;
  }

  .start__list-discount {
    width: 90px;
    height: 90px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
  }

  .start__list {
    max-width: 100%;
  }

  /**************(1200px)START**************/
  /**************(1200px)PARASITE**************/

  .parasite {
    padding-top: 60px;
    background-size: 360px auto;
  }

  .parasite h2 {
    text-align: left;
  }

  .parasite .section__row-container {
    flex-direction: column-reverse;
  }

  /**************(1200px)PARASITE**************/
  /**************(1200px)PROTECT**************/

  .protect {
    background-size: 360px auto;
  }

  .protect .section__top-container {
    text-align: left;
  }

  .protect .section__row-container {
    flex-direction: column-reverse;
  }

  /**************(1200px)PROTECT**************/
  /**************(1200px)BASE**************/

  .base {
    padding-top: 60px;
  }

  .base .section__top-container {
    text-align: left;
  }

  .base__item {
    width: 100%;
    max-width: 420px;
    padding: 16px;
  }

  .base__item-image {
    width: 200px;
  }

  .base__bottom-container {
    text-align: left;
    align-items: flex-start;
  }

  /**************(1200px)BASE**************/
  /**************(1200px)HELP**************/

  .help {
    padding-top: 60px;
  }

  .help .section__top-container {
    text-align: left;
  }

  .help .section__row-container.reverse {
    flex-direction: column-reverse;
  }

  .help__main-container {
    flex-direction: column;
    align-items: center;
  }

  .help .section__row-image {
    max-width: 360px;
  }

  .help__bottom-container {
    text-align: left;
    align-items: flex-start;
  }

  /**************(1200px)HELP**************/
  /**************(1200px)ROAD**************/

  .road {
    padding-top: 60px;
  }

  .road__items-container {
    justify-content: center;
  }

  .road__item {
    flex: auto;
    max-width: 340px;
  }

  .road__item-image {
    height: 200px;
  }

  .road .section__top-container {
    text-align: left;
    align-items: flex-start;
  }

  /**************(1200px)ROAD**************/
  /**************(1200px)EXPERT**************/

  .expert__main-container {
    flex-direction: column;
    max-width: 600px;
    margin-inline: auto;
  }

  .expert__main-text-container {
    padding: 24px 16px;
  }

  .expert__main-image {
    object-fit: cover;
    max-width: 100%;
  }

  .expert__main-author {
    padding: 16px;
  }

  /**************(1200px)EXPERT**************/
  /**************(1200px)REVIEWS**************/

  .reviews {
    padding-top: 60px;
  }

  /**************(1200px)REVIEWS**************/
  /**************(1200px)HOW**************/

  .how {
    padding-top: 60px;
  }

  .how .section__top-container {
    text-align: left;
  }

  .how__list-discount {
    width: 90px;
    height: 90px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
  }

  .how .section__row-image {
    max-width: 360px;
    margin-inline: auto;
  }

  .how__item h4 {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 136.364% */
    letter-spacing: -0.44px;
    padding: 16px;
  }

  /**************(1200px)HOW**************/
  /**************(1200px)FAQ**************/

  .faq {
    padding-top: 60px;
  }

  .faq h2 {
    text-align: left;
  }

  /**************(1200px)FAQ**************/
  /**************(1200px)TODAY**************/

  .today__container {
    flex-direction: column;
    padding: 16px;
    align-items: center;
  }

  .today__text-container {
    align-items: center;
    text-align: left;
  }

  .today__text-container h2 {
    width: 100%;
  }

  .today__image {
    max-width: 360px;
  }

  .today__button {
    width: 100%;
    max-width: 420px;
  }

  /**************(1200px)TODAY**************/
  /**************(1200px)REG**************/

  .reg {
    padding-top: 60px;
    /*background-image: none;*/
  }

  .reg__text-container h2 {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 126.667% */
    letter-spacing: -0.6px;
  }

  .reg__text-container p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
    letter-spacing: -0.4px;
  }

  .reg__container {
    flex-direction: column;
    align-items: center;
  }

  .reg__text-container {
    max-width: 100%;
    align-items: center;
  }

  .reg__images-container {
    justify-content: center;
    max-width: 100%;
    flex-wrap: wrap;
  }

  .reg__image {
    position: static;
    max-width: 360px;
  }

  .start__form-container {
    box-shadow: 0px 0px 50px 20px rgba(0, 14, 47, 0.5);
  }

  /**************(1200px)REG**************/
  /**************(1200px)FOOTER**************/

  .footer__container {
    flex-direction: column;
    align-items: center;
  }

  .footer .copyright {
    /*opacity: 0.5;*/
  }

  /**************(1200px)FOOTER**************/
}

/**************(1200px)MEDIA***************/
/**************(700px)MEDIA***************/

@media (max-width: 700px) {
  /**************(700px)TEXT***************/
  /**************(700px)TEXT***************/
  /**************(700px)HEADER***************/

  .header__nav-container {
    flex-direction: column;
    align-items: flex-start;
  }

  /**************(700px)HEADER**************/
  /**************(700px)START**************/
  /**************(700px)START**************/
  /**************(700px)PARASITE**************/
  /**************(700px)PARASITE**************/
  /**************(700px)PROTECT**************/
  /**************(700px)PROTECT**************/
  /**************(700px)BASE**************/
  /**************(700px)BASE**************/
  /**************(700px)HELP**************/
  /**************(700px)HELP**************/
  /**************(700px)ROAD**************/
  /**************(700px)ROAD**************/
  /**************(700px)EXPERT**************/

  .expert__main-container {
    flex-direction: column;
    align-items: center;
  }

  /**************(700px)EXPERT**************/
  /**************(700px)REVIEWS**************/

  .reviews__swiper-bottom-container {
    justify-content: center;
  }

  .reviews__swiper-pagination {
    display: none;
  }

  /**************(700px)REVIEWS**************/
  /**************(700px)HOW**************/
  /**************(700px)HOW**************/
  /**************(700px)FAQ**************/
  /**************(700px)FAQ**************/
  /**************(700px)REG**************/
  /**************(700px)REG**************/
  /**************(700px)FOOTER**************/
  /**************(700px)FOOTER**************/
}

/**************(700px)MEDIA***************/