.form__item {
  width: 100%;
  max-width: 486px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  padding: 46px;
  border-radius: 4px;
  border: 2px solid var(--color-primary);
  background: #fff;
  box-shadow: 0px 25px 120px 0px rgba(0, 0, 0, 0.1);
}
.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: black;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.44px;
  margin-bottom: 32px;
}

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

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

.form__input {
  transition: all 0.3s ease-in-out;
  width: 100%;
  outline: none;
  padding: 24px 12px 8px 12px;
  color: black;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: -0.64px;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  background: #646464;
}
.form__input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
/* for input label instead of placeholder*/
.form__label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  color: var(--color-text-dark);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: -0.64px;
  transition: 0.3s ease;
}

.form__input-wrapper.active .form__label {
  top: 9px;
  transform: none;
  color: #6e6e6e;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.48px;
}
/* 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=");
} */
/* add icon in input */

.form__input.valid {
  border: 1px solid var(--color-primary);
  background: rgba(0, 4, 224, 0.05);
  /* 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 {
  border: 1px solid var(--Red, #bf0000);
  /* background: #f9e6e6; */
  /* 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: #ed1b24;
  color: #ffffff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
  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: #ed1b24;
  border-radius: 2px;
  transform: translateZ(-1px) rotate(45deg);
  top: -7px;
  left: 11px;
  transform-style: preserve-3d;
}
input[type="tel"] {
  padding-left: 110px !important;
  padding-top: 15px;
  padding-bottom: 15px;
}

.form__submit {
  max-width: 100%;
  outline: none;
  transition: 0.3s ease;
  cursor: pointer;
  padding: 20px;
  border-radius: 4px;
  background: #D6B98C;
  color: var(--color-text-dark);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.72px;
  text-transform: uppercase;
}
.form__submit:hover {
  background: #1586ff;
  scale: 1.05;
}
.form__submit:active {
  background: #D6B98C;
  scale: 1;
}

.form__protect {
  margin-top: 5px;
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.form__protect h3 {
  margin: 0;
}
.form__protect-icon {
  width: 42px;
  height: 30px;
  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;
}

/* custom checkbox */
.privacy-checkbox {
  color: #fff;
}
.checkbox-svg label.checked-svg {
  padding-top: 3.5px;
}
input[id*="cbx"]:checked + .checked-svg svg {
  stroke: #fff;
}
.checked-svg svg {
  background-color: transparent;
  border: 1px solid #fff;
}
.checked-svg:hover svg {
  stroke: transparent;
}
/* phonecc & phone separator */
/* .intl-tel-input .selected-flag {
  margin: -1px;
  height: 106% !important;
  border-radius: 6px 0px 0px 6px;
  background: #d13333;
  box-shadow: 0px 6.674px 20.021px 0px rgba(242, 248, 254, 0.1);
}
.selected-dial-code {
  color: #fff !important;
} */
.selected-flag::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 19px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #000;
  opacity: 0.5;
  right: 0;
}
/* phonecc & phone separator */

@media (width < 1200px) {
  .fistScreen__form {
    max-width: 424px;
  }
}

@media (width < 700px) {
  .form__item {
    padding: 16px;
  }
  .form__title {
    font-size: 24px;
    letter-spacing: -0.96px;
    margin-bottom: 16px;
  }
}