form#form-point_de_ventes {
  border-radius: 20px 20px 20px 100px;
  background-color: #1F2F5B;
  padding: 50px 30px;
  width: 100%;
}
form#form-point_de_ventes h4 {
  color: white;
  text-align: center;
  margin-bottom: 5px;
  margin-bottom: 30px;
  font-weight: 600;
}
form#form-point_de_ventes div.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
form#form-point_de_ventes div.input-group {
  flex: 1;
}
@media screen and (max-width: 767px) {
  form#form-point_de_ventes div.input-group {
    flex: 1 0 100%;
  }
}
form#form-point_de_ventes div.input-group input,
form#form-point_de_ventes div.input-group select {
  background-color: white;
  padding: 15px 30px;
  border-radius: 7px;
  color: #A5ACBE;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  border: 1px solid rgba(187, 193, 208, 0.26);
  width: 100%;
}
form#form-point_de_ventes div.input-group input[type=tel],
form#form-point_de_ventes div.input-group select[type=tel] {
  padding: 15px 30px 15px 55px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.134' height='19.134' viewBox='0 0 19.134 19.134'%3E%3Cpath id='Icon_awesome-phone-volume' data-name='Icon awesome-phone-volume' d='M3.922,19.14A13.39,13.39,0,0,1,3.922.2a.693.693,0,0,1,.857-.1L7.391,1.738a.693.693,0,0,1,.276.845L6.361,5.847a.693.693,0,0,1-.712.432L3.4,6.055a10.7,10.7,0,0,0,0,7.234l2.249-.225a.693.693,0,0,1,.712.432l1.306,3.265a.693.693,0,0,1-.276.845L4.779,19.238a.693.693,0,0,1-.857-.1Z' transform='translate(0 5.457) rotate(-45)' fill='%23a5acbe'/%3E%3C/svg%3E%0A");
  background-position: 30px 50%;
  background-repeat: no-repeat;
}
form#form-point_de_ventes div.input-group input[type=email],
form#form-point_de_ventes div.input-group select[type=email] {
  padding: 15px 30px 15px 55px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.06' height='12.848' viewBox='0 0 16.06 12.848'%3E%3Cpath id='Icon_material-mail-outline' data-name='Icon material-mail-outline' d='M17.454,6H4.606a1.6,1.6,0,0,0-1.6,1.606L3,17.242a1.611,1.611,0,0,0,1.606,1.606H17.454a1.611,1.611,0,0,0,1.606-1.606V7.606A1.611,1.611,0,0,0,17.454,6Zm0,11.242H4.606V9.212l6.424,4.015,6.424-4.015ZM11.03,11.621,4.606,7.606H17.454Z' transform='translate(-3 -6)' fill='%23a5acbe'/%3E%3C/svg%3E%0A");
  background-position: 30px 50%;
  background-repeat: no-repeat;
}
form#form-point_de_ventes div.input-group input[type=time],
form#form-point_de_ventes div.input-group select[type=time] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.256' height='19.256' viewBox='0 0 19.256 19.256'%3E%3Cg id='Icon_ion-md-time' data-name='Icon ion-md-time' transform='translate(-3.375 -3.375)'%3E%3Cpath id='Path_73302' data-name='Path 73302' d='M12.994,3.375A9.628,9.628,0,1,0,22.631,13,9.624,9.624,0,0,0,12.994,3.375ZM13,20.705a7.7,7.7,0,1,1,7.7-7.7A7.7,7.7,0,0,1,13,20.705Z' fill='%23a5acbe'/%3E%3Cpath id='Path_73303' data-name='Path 73303' d='M17.982,10.688H16.538v5.777L21.592,19.5l.722-1.185-4.333-2.569Z' transform='translate(-4.497 -2.499)' fill='%23a5acbe'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: calc(100% - 30px) 50%;
  background-repeat: no-repeat;
}
form#form-point_de_ventes div.button-group {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  form#form-point_de_ventes div.button-group {
    flex-wrap: wrap;
    gap: 20px;
  }
}
form#form-point_de_ventes div.button-group button[type=submit] {
  border-radius: 50px;
  background-color: var(--e-global-color-secondary);
  color: var(--e-global-color-primary);
  display: inline-flex;
  align-items: center;
  gap: 30px;
  padding: 15px 30px;
  border: 0;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  font-family: "GTEestiProDisplay";
  transition: 0.3s ease-out;
  cursor: pointer;
}
form#form-point_de_ventes div.button-group button[type=submit]:hover {
  gap: 10px;
}
form#form-point_de_ventes div.button-group button[type=submit].loading {
  animation: pulseOpacity 2s infinite ease-in-out;
  pointer-events: none;
}
form#form-point_de_ventes textarea {
  background-color: white;
  padding: 15px 30px;
  border-radius: 7px;
  color: #A5ACBE;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  border: 1px solid rgba(187, 193, 208, 0.26);
  width: 100%;
}
form#form-point_de_ventes div.message {
  width: 100%;
  text-align: center;
  opacity: 0;
  visibility: hidden;
}
form#form-point_de_ventes div.message span {
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
  font-family: "GTEestiProDisplay";
}
form#form-point_de_ventes div.message.success {
  color: white;
}
form#form-point_de_ventes div.message.error {
  color: rgb(255, 59, 59);
}
form#form-point_de_ventes div.message.visible {
  opacity: 1;
  visibility: visible;
}