html {
  scroll-behavior: smooth;
}

body {
  font-family: "RobotoCondensed", sans-serif;
  color: #151d4c;
  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;

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

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

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

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

h1 {
  font-size: 3.75rem;
  font-weight: 700;
  line-height: normal;
}

h2 {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: normal;
}

h3 {
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
}

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

p {
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 140%; /* 1.925rem */
}

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: 2px solid #d5d5d5;
  background: #fff;
  border-bottom-width: 4px;
  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;
  background: linear-gradient(180deg, #0f2655 0%, #161823 100%);
}

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

.header__logo-container {
  width: 100%;
  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: 12px 64px;
  flex-wrap: wrap;
  align-items: center;
  max-width: 680px;
  width: 100%;
}

.header__link {
  color: #151d4c;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 1.575rem */
  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__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: 485px;
  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.jpg");
  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__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: row;
  gap: 24px;
  align-items: center;
}

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

.start__list-item {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.start__list-item::before {
  content: "";
  display: flex;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'32'%20height%3D'33'%20viewBox%3D'0%200%2032%2033'%20fill%3D'none'%3E%3Cpath%20fill-rule%3D'evenodd'%20clip-rule%3D'evenodd'%20d%3D'M13.8722%2030.5211C6.22003%2030.5211%200%2024.3003%200%2016.6489C0%208.99753%206.22003%202.77676%2013.8722%202.77676C17.3808%202.77676%2020.6739%204.05089%2023.2391%206.40278C22.3841%206.90973%2021.5598%207.46681%2020.7706%208.0711C18.8177%206.49394%2016.3823%205.6355%2013.8722%205.63948C7.80789%205.63948%202.86272%2010.5846%202.86272%2016.6489C2.86272%2022.7132%207.80789%2027.6576%2013.8722%2027.6576C22.3097%2027.6576%2027.3191%2018.6384%2023.6901%2011.6262C24.404%2010.9622%2025.1433%2010.3259%2025.9062%209.71875C27.1205%2011.8152%2027.7443%2014.1929%2027.7443%2016.6482C27.7443%2024.3003%2021.5243%2030.5211%2013.8722%2030.5211Z'%20fill%3D'%2306FFD1'/%3E%3Cpath%20fill-rule%3D'evenodd'%20clip-rule%3D'evenodd'%20d%3D'M14.2368%2023.7799C14.1635%2023.7788%2014.0922%2023.7559%2014.0319%2023.7143C13.9716%2023.6726%2013.925%2023.614%2013.898%2023.5459C13.8721%2023.4942%2011.6339%2017.7156%208.17255%2015.5291C7.49562%2015.1127%206.9752%2014.6706%207.18337%2013.6814C7.39154%2012.7188%208.04189%2012.1718%209.2134%2011.9119C11.2951%2011.469%2013.5341%2014.6964%2014.366%2016.0237C17.2819%2011.782%2023.1114%205.11906%2031.5962%204.33805C32.0052%204.29007%2032.1572%204.89686%2031.7785%205.06665C31.6486%205.11832%2019.5201%2010.6622%2014.6007%2023.5717C14.564%2023.6356%2014.5109%2023.6885%2014.447%2023.7251C14.383%2023.7616%2014.3105%2023.7806%2014.2368%2023.7799Z'%20fill%3D'%2306FFD1'/%3E%3C/svg%3E");

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

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

.start__list-image {
  width: 100%;
}

.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;
  flex-direction: column;
  color: #fff;
  padding-top: 48px;
}

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

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

.start__form-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  background: linear-gradient(180deg, rgba(15, 38, 85, 0.5) 0%, rgba(22, 24, 35, 0.5) 100%);
  backdrop-filter: blur(15px);
}

.start__form-discounts-container {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  text-align: center;
  border: 2px dashed #ff1839;
  background: rgba(255, 24, 57, 0.15);
}

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

.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 12px 40px;
  min-width: 100%;
  width: 100%;
}

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

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

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

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

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

.base {
  padding-top: 100px;
  background-color: #06ffd1;
}

.base .section__text-container {
  gap: 12px;
  max-width: 790px;
}

.base .section__row-image {
  max-width: 380px;
}

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

.help {
  padding-top: 100px;
  background-color: #90f0ff;
}

.help .section__list-item {
  padding-left: 52px;
}

.help .section__list-item:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8722%2029.8727C6.22003%2029.8727%200%2023.652%200%2016.0006C0%208.34918%206.22003%202.12842%2013.8722%202.12842C17.3808%202.12842%2020.6739%203.40254%2023.2391%205.75443C22.3841%206.26139%2021.5598%206.81847%2020.7706%207.42275C18.8177%205.84559%2016.3823%204.98715%2013.8722%204.99114C7.80789%204.99114%202.86272%209.9363%202.86272%2016.0006C2.86272%2022.0648%207.80789%2027.0093%2013.8722%2027.0093C22.3097%2027.0093%2027.3191%2017.99%2023.6901%2010.9779C24.404%2010.3138%2025.1433%209.67751%2025.9062%209.0704C27.1205%2011.1669%2027.7443%2013.5446%2027.7443%2015.9998C27.7443%2023.652%2021.5243%2029.8727%2013.8722%2029.8727Z%22%20fill%3D%22%23151D4C%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.2368%2023.1315C14.1635%2023.1304%2014.0922%2023.1076%2014.0319%2023.0659C13.9716%2023.0243%2013.925%2022.9657%2013.898%2022.8975C13.8721%2022.8459%2011.6339%2017.0673%208.17252%2014.8807C7.49559%2014.4644%206.97517%2014.0222%207.18334%2013.033C7.39151%2012.0704%208.04186%2011.5234%209.21337%2011.2636C11.2951%2010.8207%2013.534%2014.0481%2014.366%2015.3753C17.2818%2011.1337%2023.1114%204.47072%2031.5962%203.68971C32.0051%203.64172%2032.1572%204.24852%2031.7785%204.4183C31.6486%204.46998%2019.52%2010.0138%2014.6007%2022.9234C14.5639%2022.9872%2014.5109%2023.0401%2014.4469%2023.0767C14.383%2023.1133%2014.3105%2023.1322%2014.2368%2023.1315Z%22%20fill%3D%22%23151D4C%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

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

.road {
  padding-top: 100px;
  background-image: url("../images/bl6_bg.png");
  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 {
  flex: 1 1 calc(33% - 24px);
  width: 100%;
  height: unset;
  background-color: #151d4c;
}

.road__item-number {
  font-size: 2rem;
  line-height: normal;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #90f0ff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #151d4c;
}

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

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

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

.expert {
}

.expert__main-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #151d4c;
}

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

.expert__main-text-container {
  padding: 48px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  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.jpg");
  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: 24px;
  background: rgba(21, 29, 76, 0.5);
  backdrop-filter: blur(8.5px);
  height: unset;
  width: 100%;
}

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

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

.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: space-between;
}

.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: #90f0ff;
}

.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: 2px dashed #ff1839;
  background: rgba(255, 24, 57, 0.15);
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: #ff1839;
}

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

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

.how .section__row-container:last-of-type .section__list-item::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.8722%2029.8727C6.22003%2029.8727%200%2023.652%200%2016.0006C0%208.34918%206.22003%202.12842%2013.8722%202.12842C17.3808%202.12842%2020.6739%203.40254%2023.2391%205.75443C22.3841%206.26139%2021.5598%206.81847%2020.7706%207.42275C18.8177%205.84559%2016.3823%204.98715%2013.8722%204.99114C7.80789%204.99114%202.86272%209.9363%202.86272%2016.0006C2.86272%2022.0648%207.80789%2027.0093%2013.8722%2027.0093C22.3097%2027.0093%2027.3191%2017.99%2023.6901%2010.9779C24.404%2010.3138%2025.1433%209.67751%2025.9062%209.0704C27.1205%2011.1669%2027.7443%2013.5446%2027.7443%2015.9998C27.7443%2023.652%2021.5243%2029.8727%2013.8722%2029.8727Z%22%20fill%3D%22%23151D4C%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.2368%2023.1315C14.1635%2023.1304%2014.0922%2023.1076%2014.0319%2023.0659C13.9716%2023.0243%2013.925%2022.9657%2013.898%2022.8975C13.8721%2022.8459%2011.6339%2017.0673%208.17252%2014.8807C7.49559%2014.4644%206.97517%2014.0222%207.18334%2013.033C7.39151%2012.0704%208.04186%2011.5234%209.21337%2011.2636C11.2951%2010.8207%2013.534%2014.0481%2014.366%2015.3753C17.2818%2011.1337%2023.1114%204.47072%2031.5962%203.68971C32.0051%203.64172%2032.1572%204.24852%2031.7785%204.4183C31.6486%204.46998%2019.52%2010.0138%2014.6007%2022.9234C14.5639%2022.9872%2014.5109%2023.0401%2014.4469%2023.0767C14.383%2023.1133%2014.3105%2023.1322%2014.2368%2023.1315Z%22%20fill%3D%22%23151D4C%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.how .section__row-container:last-of-type .section__list-item {
  padding-left: 48px;
}

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

.faq {
  padding-top: 100px;
  background-image: url("../images/bl10_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

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

.faq__item {
  cursor: pointer;
  background: #151d4c;
  color: #fff;
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: 0.3s ease;
}

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

.faq__item-arrow {
  width: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}

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

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

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

/**************FAQ**************/
/**************REG**************/

.reg {
  padding-top: 100px;
  background-image: url("../images/bl11_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.reg h2 {
  font-size: 3.75rem;
  font-weight: 700;
  line-height: normal;
}

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

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

.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__images-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
  max-width: 500px;
  align-items: flex-end;
}

.reg__image-1 {
  width: 140px;
  margin-right: auto;
}

.reg__image-2 {
  height: 75px;
}

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

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

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

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

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

  .desk {
    display: none !important;
  }

  .mob {
    display: flex !important;
  }

  /**************(1200px)TEXT***************/
  h1 {
    font-size: 2.5rem;
    line-height: normal;
  }

  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: 1;
  }

  /**************(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__top {
    max-height: 74px;
    transition: 0.3s ease;
  }

  .header.active .header__top {
    max-height: 300px;
  }

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

  .header__bottom {
    position: relative;
    transform: translateY(-50%) scaleY(0);
    transition: 0.3s ease;
    overflow: hidden;
    max-height: 0;
    padding-block: 0;
  }

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

  .header__nav-container {
    gap: 16px 24px;
  }

  .header__button {
    max-width: 600px;
    opacity: 0;
    transition: 0.3s ease;
  }

  .active .header__button {
    opacity: 1;
  }

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

  .start {
    padding-top: 60px;
    background: #151d4c;
  }

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

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

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

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

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

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

  .start__list {
    max-width: 100%;
  }

  .start__form-container {
    padding-top: 24px;
  }

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

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

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

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

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

  .base {
    padding-top: 60px;
  }

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

  .help {
    padding-top: 60px;
  }

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

  /**************(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: 150px;
  }

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

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

  .expert__main-image {
    object-fit: cover;
  }

  .expert__main-author {
    padding: 16px;
  }

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

  .reviews {
    padding-top: 60px;
  }

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

  .how {
    padding-top: 60px;
  }

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

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

  .faq {
    padding-top: 60px;
  }

  /**************(1200px)FAQ**************/
  /**************(1200px)REG**************/

  .reg {
    padding-top: 60px;
    background: #151d4c;
  }

  .reg__container {
    flex-direction: column;
  }

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

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

  .reg__image-1 {
    width: 100%;
    height: 220px;
    object-fit: contain;
    margin-inline: auto;
  }

  .reg__image-2 {
    height: 75px;
    width: auto;
  }

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

  .footer .copyright {
    opacity: 0.5;
  }

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

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

@media (max-width: 700px) {
  /**************(700px)TEXT***************/
  /**************(700px)TEXT***************/
  /**************(700px)HEADER***************/
  /**************(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**************/
  /**************(700px)REVIEWS**************/
  /**************(700px)HOW**************/
  /**************(700px)HOW**************/
  /**************(700px)FAQ**************/
  /**************(700px)FAQ**************/
  /**************(700px)REG**************/
  /**************(700px)REG**************/
  /**************(700px)FOOTER**************/
  /**************(700px)FOOTER**************/
}

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