.form__input-wrapper {
  display: flex;
  position: relative;
  margin-bottom: 0px;
}
.form__input {
  transition: all 0.3s ease-in-out;
  width: 100%;
  outline: none;
  padding: 12px;
  color: #232323;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; 
  border: 1px solid #b1b1b1;
  border-radius: 8px;
  background: #fff;
}
.form__input::placeholder {
  color: #c3c3c3;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.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="email"])::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImZlYXRoZXI6bWFpbCI+CjxnIGlkPSJHcm91cCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0zLjMzMzM1IDMuODMzMzNIMTYuNjY2N0MxNy41ODM0IDMuODMzMzMgMTguMzMzNCA0LjU4MzMzIDE4LjMzMzQgNS40OTk5OVYxNS41QzE4LjMzMzQgMTYuNDE2NyAxNy41ODM0IDE3LjE2NjcgMTYuNjY2NyAxNy4xNjY3SDMuMzMzMzVDMi40MTY2OSAxNy4xNjY3IDEuNjY2NjkgMTYuNDE2NyAxLjY2NjY5IDE1LjVWNS40OTk5OUMxLjY2NjY5IDQuNTgzMzMgMi40MTY2OSAzLjgzMzMzIDMuMzMzMzUgMy44MzMzM1oiIHN0cm9rZT0iIzk3OTc5NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik0xOC4zMzM0IDUuNUwxMCAxMS4zMzMzTDEuNjY2NjkgNS41IiBzdHJva2U9IiM5Nzk3OTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
}
.form__input.valid {
  color: #10b534;
  border: 1px solid #10b534;

  
  background: #fff
    url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNS40MjUzOUw0LjQ1MTc3IDEwTDEzIDEuMjQxMjlMMTEuNzcyOCAwTDQuNDUxNzcgNy40OTk5NUwxLjIxMDI0IDQuMTc1MzVMMCA1LjQyNTM5WiIgZmlsbD0iIzM5QjU0QSIvPgo8L3N2Zz4K")
    no-repeat 97.5%;
  background-size: 13px 10px;
  padding-right: 40px;
  
}
input[type="tel"] {
  padding-left: 100px !important;
}

form button {
  margin-top: 15px;
}
