html {
  scroll-behavior: smooth;
}

body {
  font-family: "Montserrat", sans-serif;
  color: #222;
  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;
}

.btn__main {
  position: relative;
  padding: 15px 24px;
  z-index: 100;
  width: fit-content;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
  transition: 0.3s ease;
  outline: none;
  border: none;
  border-radius: 10px;
  background: var(--Gold_liner, linear-gradient(90deg, #d1a63a 0%, #a67e28 100%));
  background-size: 500px;
  background-position: center;
}

.btn__main:hover {
  cursor: pointer;
  background-position: left;
}

.btn__main:active {
  background-position: right;
}

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

h1 {
  color: var(--White, #fff);
  font-family: Montserrat;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 60px */
}

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

h3 {
  color: var(--Black, #222);
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; /* 28.8px */
}

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

p {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  line-height: 150%; /* 27px */
}

p.medium {
  font-size: 20px;
}

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**************/

.header {
  border-bottom: 1px solid var(--Violet, #991c6b);
  background: var(--Gold_liner, linear-gradient(90deg, #d1a63a 0%, #a67e28 100%));
  padding: 16px;
}
.header__text {
  color: var(--White, #fff);
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}

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

/**************SECTION**************/
/**************FORM**************/
form.disable{
  pointer-events: none;
}
.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;
}
.form__input[name="first_name"],
.form__input[name="last_name"],
.form__input[name="password"],
.form__input[name="email"] {
  padding-left: 40px;
}

.form__input-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  width: 20px;
  height: 21px;
}
.form__input-wrapper:has([name="first_name"])::after,
.form__input-wrapper:has([name="last_name"])::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImFudC1kZXNpZ246dXNlci1vdXRsaW5lZCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNi43Njc2IDE1LjQxNDFDMTYuMzk5MSAxNC41NDE0IDE1Ljg2NDUgMTMuNzQ4NiAxNS4xOTMzIDEzLjA4MDFDMTQuNTI0MyAxMi40MDk2IDEzLjczMTcgMTEuODc1IDEyLjg1OTQgMTEuNTA1OUMxMi44NTE2IDExLjUwMiAxMi44NDM3IDExLjUgMTIuODM1OSAxMS40OTYxQzE0LjA1MjcgMTAuNjE3MiAxNC44NDM3IDkuMTg1NTUgMTQuODQzNyA3LjU3MDMxQzE0Ljg0MzcgNC44OTQ1MyAxMi42NzU4IDIuNzI2NTYgOS45OTk5OSAyLjcyNjU2QzcuMzI0MjEgMi43MjY1NiA1LjE1NjI0IDQuODk0NTMgNS4xNTYyNCA3LjU3MDMxQzUuMTU2MjQgOS4xODU1NSA1Ljk0NzI1IDEwLjYxNzIgNy4xNjQwNSAxMS40OThDNy4xNTYyNCAxMS41MDIgNy4xNDg0MyAxMS41MDM5IDcuMTQwNjEgMTEuNTA3OEM2LjI2NTYxIDExLjg3NyA1LjQ4MDQ2IDEyLjQwNjIgNC44MDY2MyAxMy4wODJDNC4xMzYxNCAxMy43NTExIDMuNjAxNTYgMTQuNTQzNyAzLjIzMjQxIDE1LjQxNkMyLjg2OTc2IDE2LjI3IDIuNjc0MTcgMTcuMTg1NiAyLjY1NjI0IDE4LjExMzNDMi42NTU3MiAxOC4xMzQxIDIuNjU5MzcgMTguMTU0OSAyLjY2Njk5IDE4LjE3NDNDMi42NzQ2MSAxOC4xOTM3IDIuNjg2MDQgMTguMjExNCAyLjcwMDYgMTguMjI2M0MyLjcxNTE2IDE4LjI0MTIgMi43MzI1NiAxOC4yNTMxIDIuNzUxNzggMTguMjYxMkMyLjc3MDk5IDE4LjI2OTMgMi43OTE2NCAxOC4yNzM0IDIuODEyNDkgMTguMjczNEgzLjk4NDM2QzQuMDcwMyAxOC4yNzM0IDQuMTM4NjYgMTguMjA1MSA0LjE0MDYxIDE4LjEyMTFDNC4xNzk2OCAxNi42MTMzIDQuNzg1MTQgMTUuMjAxMiA1Ljg1NTQ2IDE0LjEzMDlDNi45NjI4OCAxMy4wMjM0IDguNDMzNTggMTIuNDE0MSA5Ljk5OTk5IDEyLjQxNDFDMTEuNTY2NCAxMi40MTQxIDEzLjAzNzEgMTMuMDIzNCAxNC4xNDQ1IDE0LjEzMDlDMTUuMjE0OCAxNS4yMDEyIDE1LjgyMDMgMTYuNjEzMyAxNS44NTk0IDE4LjEyMTFDMTUuODYxMyAxOC4yMDcgMTUuOTI5NyAxOC4yNzM0IDE2LjAxNTYgMTguMjczNEgxNy4xODc1QzE3LjIwODMgMTguMjczNCAxNy4yMjkgMTguMjY5MyAxNy4yNDgyIDE4LjI2MTJDMTcuMjY3NCAxOC4yNTMxIDE3LjI4NDggMTguMjQxMiAxNy4yOTk0IDE4LjIyNjNDMTcuMzEzOSAxOC4yMTE0IDE3LjMyNTQgMTguMTkzNyAxNy4zMzMgMTguMTc0M0MxNy4zNDA2IDE4LjE1NDkgMTcuMzQ0MyAxOC4xMzQxIDE3LjM0MzcgMTguMTEzM0MxNy4zMjQyIDE3LjE3OTcgMTcuMTMwOCAxNi4yNzE1IDE2Ljc2NzYgMTUuNDE0MVpNOS45OTk5OSAxMC45Mjk3QzkuMTAzNSAxMC45Mjk3IDguMjU5NzUgMTAuNTgwMSA3LjYyNDk5IDkuOTQ1MzFDNi45OTAyMiA5LjMxMDU1IDYuNjQwNjEgOC40NjY4IDYuNjQwNjEgNy41NzAzMUM2LjY0MDYxIDYuNjczODMgNi45OTAyMiA1LjgzMDA4IDcuNjI0OTkgNS4xOTUzMUM4LjI1OTc1IDQuNTYwNTUgOS4xMDM1IDQuMjEwOTQgOS45OTk5OSA0LjIxMDk0QzEwLjg5NjUgNC4yMTA5NCAxMS43NDAyIDQuNTYwNTUgMTIuMzc1IDUuMTk1MzFDMTMuMDA5OCA1LjgzMDA4IDEzLjM1OTQgNi42NzM4MyAxMy4zNTk0IDcuNTcwMzFDMTMuMzU5NCA4LjQ2NjggMTMuMDA5OCA5LjMxMDU1IDEyLjM3NSA5Ljk0NTMxQzExLjc0MDIgMTAuNTgwMSAxMC44OTY1IDEwLjkyOTcgOS45OTk5OSAxMC45Mjk3WiIgZmlsbD0iIzk3OTc5NyIvPgo8L2c+Cjwvc3ZnPgo=");
}
.form__input-wrapper:has([name="password"])::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImFrYXItaWNvbnM6bG9jay1vbiI+CjxnIGlkPSJHcm91cCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNS44MzMzIDguMzMzMzRINC4xNjY2N0MzLjI0NjE5IDguMzMzMzQgMi41IDkuMDc5NTMgMi41IDEwVjE2LjY2NjdDMi41IDE3LjU4NzEgMy4yNDYxOSAxOC4zMzMzIDQuMTY2NjcgMTguMzMzM0gxNS44MzMzQzE2Ljc1MzggMTguMzMzMyAxNy41IDE3LjU4NzEgMTcuNSAxNi42NjY3VjEwQzE3LjUgOS4wNzk1MyAxNi43NTM4IDguMzMzMzQgMTUuODMzMyA4LjMzMzM0WiIgc3Ryb2tlPSIjOTc5Nzk3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGlkPSJWZWN0b3JfMiIgZD0iTTUgNUM1IDQuMzM2OTYgNS4yNjMzOSAzLjcwMTA3IDUuNzMyMjMgMy4yMzIyM0M2LjIwMTA3IDIuNzYzMzkgNi44MzY5NiAyLjUgNy41IDIuNUgxMi41QzEzLjE2MyAyLjUgMTMuNzk4OSAyLjc2MzM5IDE0LjI2NzggMy4yMzIyM0MxNC43MzY2IDMuNzAxMDcgMTUgNC4zMzY5NiAxNSA1VjguMzMzMzNINVY1WiIgc3Ryb2tlPSIjOTc5Nzk3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9nPgo8L3N2Zz4K");
}
.form__input-wrapper:has([name="email"])::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImZlYXRoZXI6bWFpbCI+CjxnIGlkPSJHcm91cCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0zLjMzMzM1IDMuODMzMzNIMTYuNjY2N0MxNy41ODM0IDMuODMzMzMgMTguMzMzNCA0LjU4MzMzIDE4LjMzMzQgNS40OTk5OVYxNS41QzE4LjMzMzQgMTYuNDE2NyAxNy41ODM0IDE3LjE2NjcgMTYuNjY2NyAxNy4xNjY3SDMuMzMzMzVDMi40MTY2OSAxNy4xNjY3IDEuNjY2NjkgMTYuNDE2NyAxLjY2NjY5IDE1LjVWNS40OTk5OUMxLjY2NjY5IDQuNTgzMzMgMi40MTY2OSAzLjgzMzMzIDMuMzMzMzUgMy44MzMzM1oiIHN0cm9rZT0iIzk3OTc5NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik0xOC4zMzM0IDUuNUwxMCAxMS4zMzMzTDEuNjY2NjkgNS41IiBzdHJva2U9IiM5Nzk3OTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
}
/* .form__input-wrapper:has(.valid)::after {
  filter: invert(55%) sepia(100%) saturate(3.5) hue-rotate(45deg);
}
.form__input-wrapper:has(.error)::after {
  filter: invert(85%) sepia(60%) saturate(100) hue-rotate(20deg);
} */
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: #ff0024;
  border-color: #ff0024;
  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: #ff0024;
  color: #ffffff !important;
  text-align: left !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  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: #ff0024;
  border-radius: 2px;
  transform: translateZ(-1px) rotate(45deg);
  top: -7px;
  left: 11px;
  transform-style: preserve-3d;
}
input[type="tel"] {
  /*padding-left: 100px !important;*/
}

/* 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: 10px 16px;
  background: #fff;
  border-radius: 10px;
  border: none;
  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**************/

/**************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;
  text-align: center;
  align-items: 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;
  border-radius: 24px;
}
.section__line {
  width: 100%;
  height: 1px;
  flex-shrink: 0;
  opacity: 0.5;
  background: #151d4c;
}

.section__list-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
}

.section__list-item {
  position: relative;
  font-weight: normal;
}
.parasite__title {
  text-align: center;
  margin-top: 24px;
}
/* .section__list-item::before {
  content: "•";
  position: absolute;
  left: 10px;
  top: 0;
} */

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

.start {
  padding-top: 100px;
  background-image: url("../images/bl1-11_bg.jpg");
  background-size: cover;
  background-position: 40%;
  background-repeat: no-repeat;
}
@media (min-width: 1600px) {
  .start {
    background-position: center;
  }
}
.start__inner {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.start__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 690px;
}
.start__text {
  color: var(--White, #fff);
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
}
.start__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.start__list p {
  font-weight: 700;
}
.start__title {
  color: #fff;
}
.start__formWrp {
  padding: 24px;
  border-radius: 24px;
  background: #e8d39d;
  backdrop-filter: blur(15px);
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 486px;
}
.start__formWrp h2,
.start__formWrp h3 {
  color: var(--Black, #222);
  text-align: center;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
}
.start__formWrp p {
  color: var(--Black, #222);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.start__formWrp p.red {
  color: var(--Red, #ff0024);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.red span {
  color: var(--White, #fff);
  text-align: center;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  border-radius: 4px;
  background: var(--Red, #ff0024);
  padding: 0px 6px;
}
.start__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.form__btn {
  width: 100%;
}
.start__form-bottom {
  padding: 16px;
  margin: 0 -24px -24px;
  border: 1px solid var(--Red, #ff0024);
  background: var(--Red, #ff0024);
  border-radius: 0px 0px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.start__form-bottom p {
  color: var(--White, #fff);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.selected {
  display: flex;
  justify-content: center;
  gap: 6px;
}
.marque__timer {
  border-radius: 4px;
  background: #fff;
  padding: 4px;
  color: var(--Red, #ff0024);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.marque__timer span {
  display: inline-block;
  min-width: 25px;
}

.marque__container {
  background: #ff0024;
  padding: 16px;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.marque__content {
  display: flex;
  align-items: center;
  will-change: transform;
  animation: marquee-animation 80s linear infinite;
  padding-left: 100%;
}
@keyframes marquee-animation {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.marque__text {
  color: var(--White, #fff);
  text-align: center;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-wrap: nowrap;
  padding-right: 40px;
}
.marque__text span {
  color: #ff0024;
  padding: 2px 6px;
  border-radius: 4px;
  background: #fff;
}
/**************START**************/
/**************PARASITE**************/

.parasite {
  padding-top: 100px;
}
.parasite .section__row-container:not(:last-of-type) {
  margin-bottom: 24px;
}
/**************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;
  position: relative;
  background-color: #991c6b;
}
.base::before {
  content: ""; /* Required for pseudo-elements */
  position: absolute;
  top: 0;
  left: -200px;
  right: 0;
  bottom: 0;
  background-image: url(../images/bl5_bg.png);
  background-repeat: no-repeat;
  background-size: contain; /* Adjusts the image size to cover the element */
  background-position: 0% 0%;
  opacity: 0.3; /* Set opacity for the background */
  z-index: 0; /* Make sure the pseudo-element stays behind the content */
}
@media (min-width: 1600px) {
  .base::before {
    left: 0;
    background-image: url(../images/bl5_bg.png);
  }
}
.base * {
  color: #fff;
}
.base p {
  font-weight: normal;
}
.base .section__container {
  align-items: center;
}
.base .section__text-container {
  gap: 24px;
  max-width: 790px;
}

.section__imgs {
  gap: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 485px;
  width: 100%;
}

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

.help {
  padding-top: 100px;
}
.help .section__text-container {
  gap: 32px;
}
.help .section__list-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.help .section__list-item img {
  border-radius: 50%;
}
.help .section__list-item p {
  font-weight: 400;
}

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

.road {
  padding-top: 100px;
  background: var(--Green, #bae3d4);
}

.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 .section__list-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
}

.doc__img {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
}
.doc__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.doc__text p {
  font-size: 24px;
  font-style: italic;
}
/**************ROAD**************/

/**************REVIEWS**************/

.reviews {
  position: relative;
  padding-top: 100px;
  background-image: url(../images/bl9_bg.jpg);
  color: #fff;
}

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

.reviews__swiper-container {
  width: 100%;
}

.reviews__item {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  height: unset;
  width: 100%;
}
.reviews__item p {
  font-weight: 400;
}
.reviews__top {
  display: flex;
  gap: 12px;
  align-items: center;
}
.reviews__item-deco {
  width: 100%;
  max-width: 155px;
}

.reviews__item-author {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.reviews__item-author-image {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  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**************/
.step {
  padding-block: 100px;
}
.section__container {
}
.step__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
.step__items {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.step__item {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
}
.step__img {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 486px;
  width: 100%;
  height: 338px;
  border-radius: 24px;
  background: #f0f0f0;
}
.step__text {
  width: 100%;
}
.step__text h3 {
  display: inline-flex;
  width: 100%;
  color: var(--White, #fff);
  font-family: Montserrat;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: var(--Violet, #991c6b);
  padding: 8px 16px;
  border-radius: 16px 16px 0 0;
}
.step__text ol {
  list-style: none;
  border-radius: 0 0 16px 16px;
  background: #f0f0f0;
  padding: 24px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.step__text li {
}
/**************REG**************/

.reg__text {
  color: var(--White, #fff);
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
}
.reg__content {
  max-width: 636px;
}
.reg__arrow {
  max-width: 30px;
  width: 100%;
  margin: auto;
  animation: bounce 1s ease-in-out infinite; /* Animation definition */
}
@keyframes bounce {
  0% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(5px);
  }
}
/**************REG**************/
/**************FOOTER**************/

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

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

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

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

  .desk {
    display: none !important;
  }

  .mob {
    display: flex !important;
  }

  /**************(1200px)TEXT***************/
  h1 {
    font-size: 30px;
    line-height: 120%;
  }

  h2,
  .h2 {
    font-size: 30px;
    line-height: 120%;
  }
  h3 {
    font-size: 1.5rem;
    line-height: 120%; /* 1.8rem */
  }

  b {
    font-weight: 600;
  }

  p {
    font-size: 16px;
  }
  .btn__main {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
  }
  /**************(1200px)TEXT***************/
  /**************(1200px)SECTION***************/

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

  .section__container {
    gap: 24px;
  }

  .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***************/
  /**************(1200px)HEADER**************/
  /**************(1200px)START**************/

  .start {
    background: #222;
  }

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

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

  .start__text-container {
    max-width: 100%;
  }
  .start__text {
    font-size: 16px;
  }
  .start__list-container {
    flex-direction: column;
  }

  .start__list-image-container {
    max-width: 190px;
  }
  .start__formWrp {
    width: 100%;
    gap: 16px;
  }
  .start__list-discount {
    width: 90px;
    height: 90px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
  }
  .form__btn {
    white-space: normal;
    padding: 6px 24px;
  }

  .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;
  }
  .base .section__row-container {
    flex-direction: column-reverse;
  }
  .section__imgs {
    flex-direction: row;
    gap: 8px;
  }
  .base .section__row-image {
    max-width: calc(50% - 4px);
    border-radius: 8px;
  }
  .base::before {
    left: 0;
    background-size: 290px; /* Adjusts the image size to cover the element */
  }
  /**************(1200px)BASE**************/
  /**************(1200px)HELP**************/

  .help {
    padding-top: 60px;
  }
  .help .section__row-image {
    max-width: 185px;
  }

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

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

  .road {
    padding-top: 60px;
  }
  .road svg {
    min-width: 32px;
  }
  .road .section__list-item {
    font-size: 16px;
  }
  .road__items-container {
    justify-content: center;
  }

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

  .road__item-image {
    height: 150px;
  }

  /**************(1200px)ROAD**************/
  .step__item {
    flex-direction: column;
  }
  /**************(1200px)EXPERT**************/

  .doc + .section__row-container {
    flex-direction: column-reverse;
  }
  .doc__name {
    font-weight: normal;
  }
  .doc__text p {
    font-size: 20px;
  }
  /**************(1200px)EXPERT**************/
  /**************(1200px)REVIEWS**************/

  .reviews {
    padding-top: 60px;
    background-position-x: 12%;
  }

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

  .step {
    padding-top: 60px;
  }
  .step__items {
    width: 100%;
  }
  .step__img {
    max-width: 100%;
    height: 240px;
    padding: 30px;
  }
  .step__img img {
    max-width: calc(100% -60px);
    max-height: 160px;
  }
  .step__text h3 {
    font-size: 20px;
  }
  /**************(1200px)HOW**************/
  /**************(1200px)FAQ**************/

  .faq {
    padding-top: 60px;
  }

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

  .reg {
    padding-top: 60px;
    background: #151d4c;
  }
  .reg__content {
    text-align: center;
  }
  .start__inner {
    flex-direction: column;
    align-items: center;
  }
  .reg__arrow {
    rotate: 90deg;
    margin: -80px;
  }
  @keyframes bounce {
    0% {
      transform: translateX(5px);
    }
    50% {
      transform: translateX(-5px);
    }
    100% {
      transform: translateX(5px);
    }
  }
  /**************(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***************/