.form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 10px;
  width: 100%;
  max-width: 715px;
  flex-shrink: 0;
  border-radius: 20px;
  background: var(--White, #fff);
  box-shadow: 0 7px 30px 0 rgba(21, 57, 117, 0.15);
  position: relative;
  margin: 0 auto;
}
.form-title {
  margin-bottom: 20px;
  text-align: center;
  color: #153975;
  font-size: 44px;
  line-height: 1.1;
  font-weight: 700;
}
@media (max-width: 1023px) {
  .form-title {
    font-size: 28px;
  }
}
.form__item {
  display: flex;
  flex-direction: column;
  position: relative;
  max-width: 537px;
  width: 100%;
  padding: 20px;
  gap: 20px;
  border-radius: 8px;
  background: #888;
}

.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: 8px;
}

.form__title {
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 900;
  line-height: 2.5rem; /* 166.667% */
  margin: 0;
}

.form__line {
  width: 100%;
  height: 2px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.1);
}

.form__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}

.form__input-wrapper {
  display: flex;
  position: relative;
}

.form__input {
  transition: all 0.3s ease-in-out;
  width: 100%;
  outline: none;
  color: #232323;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
  border: 1px solid #b1b1b1;
  border-radius: 8px;
  background: #fff;
  height: 100%;
  padding: 13px 13px 13px 46px;
}
.form__input::placeholder {
  color: rgba(28, 28, 28, 0.6);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.form-name::before,
.form-email::before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.form-name::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M16.6667 17.5V15.8333C16.6667 14.9493 16.3155 14.1014 15.6904 13.4763C15.0653 12.8512 14.2174 12.5 13.3334 12.5H6.66671C5.78265 12.5 4.93481 12.8512 4.30968 13.4763C3.68456 14.1014 3.33337 14.9493 3.33337 15.8333V17.5' stroke='%23120124' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99996 9.16667C11.8409 9.16667 13.3333 7.67428 13.3333 5.83333C13.3333 3.99238 11.8409 2.5 9.99996 2.5C8.15901 2.5 6.66663 3.99238 6.66663 5.83333C6.66663 7.67428 8.15901 9.16667 9.99996 9.16667Z' stroke='%23120124' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.form-email::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M3.33329 3.33301H16.6666C17.5833 3.33301 18.3333 4.08301 18.3333 4.99967V14.9997C18.3333 15.9163 17.5833 16.6663 16.6666 16.6663H3.33329C2.41663 16.6663 1.66663 15.9163 1.66663 14.9997V4.99967C1.66663 4.08301 2.41663 3.33301 3.33329 3.33301Z' stroke='%23120124' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.3333 5L9.99996 10.8333L1.66663 5' stroke='%23120124' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.form .btn {
  width: 100%;
  margin-bottom: 20px;
}

.btn--orange {
  background-color: #dc641e;
}
.btn {
  display: block;
  padding: 16px 40px;
  width: fit-content;
  border-radius: 50px;
  color: var(--White, #fff);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1;
  text-transform: uppercase;
  transition: background-color 0.2s linear;
  position: relative;
  z-index: 1;
}
button {
  cursor: pointer;
  border: none;
}
/* for input label instead of placeholder*/
.form__label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  color: #121212;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.045rem;
  opacity: 0.35;
  transition: 0.3s ease;
}

.form__input-wrapper.active .form__label {
  top: 9px;
  transform: none;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.035rem;
}
/* for input label instead of placeholder*/

/* add icon in input */
/* .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);
} */
/* add icon in input */

.form__input.valid {
  color: #10b534;
  border: 1px solid #10b534;

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

.form__input.error {
  color: #c8102e;
  border: 1px solid #c8102e;

  /* 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: 2;
  top: calc(100% + 4px);
  left: 0;
  min-width: 90%;
  border-radius: 8px;
  background: #c8102e;
  color: #ffffff;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 1.05rem */
  padding: 7px 13px 7px 12px;

  /* 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: -8px;
  left: 11px;
  transform-style: preserve-3d;
}

.form__submit {
  max-width: 100%;
  outline: none;
  transition: 0.3s ease;
  cursor: pointer;
}

.form__footer {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form__protect {
  display: flex;
  align-items: start;
  column-gap: 9px;
}

.form__protect h3 {
  margin: 0;
}

.form__protect-icon {
  width: 16px;
  height: 12px;
  flex-shrink: 0;
}

.form__protect-title {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
}

.form__protect-description {
  color: #fff;
  font-size: 6px;
  font-weight: 400;
  line-height: normal;
}

/* phonecc & phone separator */
.selected-flag::after {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 21px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ebebeb;
  right: 0;
}
/* phonecc & phone separator */

@media (max-width: 1200px) {
}

@media (max-width: 700px) {
  .form__title {
    font-size: 2.0625rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
  }

  .form__item {
    padding: 28px 18px;
    width: 340px;
  }
}

.header-protect {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  top: 3px;
  z-index: 999;
}
.header-protect-text {
  font-size: 8px;
  line-height: 10px;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 400;
}
.header-protect-text a {
  color: inherit;
  text-decoration: none;
  transition: 0.2s linear;
}
.header-protect-text a:hover {
  color: #bf0000;
}
