.elementor-33 .elementor-element.elementor-element-547bce2{--display:flex;}.elementor-33 .elementor-element.elementor-element-1318f53{width:100%;max-width:100%;}.elementor-33 .elementor-element.elementor-element-cb02753{--display:flex;}.elementor-33 .elementor-element.elementor-element-a659c9c .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-33 .elementor-element.elementor-element-a659c9c .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-33 .elementor-element.elementor-element-a659c9c .elementor-field-group.recaptcha_v3-bottomleft, .elementor-33 .elementor-element.elementor-element-a659c9c .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-33 .elementor-element.elementor-element-a659c9c .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-33 .elementor-element.elementor-element-a659c9c .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-33 .elementor-element.elementor-element-a659c9c .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-33 .elementor-element.elementor-element-a659c9c .elementor-field-type-html{padding-bottom:0px;}.elementor-33 .elementor-element.elementor-element-a659c9c .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-33 .elementor-element.elementor-element-a659c9c .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-33 .elementor-element.elementor-element-a659c9c .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-33 .elementor-element.elementor-element-a659c9c .elementor-button[type="submit"]{color:#ffffff;}.elementor-33 .elementor-element.elementor-element-a659c9c .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-33 .elementor-element.elementor-element-a659c9c .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-33 .elementor-element.elementor-element-a659c9c .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-33 .elementor-element.elementor-element-a659c9c .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-33 .elementor-element.elementor-element-a659c9c .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-33 .elementor-element.elementor-element-a659c9c .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-33 .elementor-element.elementor-element-a659c9c{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}/* Start custom CSS for container, class: .elementor-element-cb02753 */ Azul Taxi – Form Styling

Kopieer deze CSS code naar Elementor

/* ═══════════════════════════════════════════
   AZUL TAXI - ELEMENTOR FORM STYLING
   Kopieer deze CSS naar: Elementor > Custom CSS
   ═══════════════════════════════════════════ */

/* Input fields styling */
.elementor-field-group input[type="text"],
.elementor-field-group input[type="email"],
.elementor-field-group input[type="tel"],
.elementor-field-group input[type="date"],
.elementor-field-group input[type="time"],
.elementor-field-group textarea,
.elementor-field-group select {
  width: 100%;
  padding: 16px 20px;
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  color: #050a30;
  background: #ffffff;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  transition: all 0.3s ease;
  outline: none;
}

/* Focus state */
.elementor-field-group input:focus,
.elementor-field-group textarea:focus,
.elementor-field-group select:focus {
  border-color: #ed751c;
  box-shadow: 0 0 0 4px rgba(237,117,28,0.1);
}

/* Placeholder styling */
.elementor-field-group input::placeholder,
.elementor-field-group textarea::placeholder {
  color: #999999;
  font-weight: 400;
}

/* Textarea specific */
.elementor-field-group textarea {
  min-height: 140px;
  resize: vertical;
  font-family: 'Inter', sans-serif;
}

/* Submit button */
.elementor-button,
button[type="submit"] {
  width: 100%;
  padding: 18px 32px;
  font-size: 17px;
  font-weight: 800;
  font-family: 'Inter', sans-serif;
  color: #ffffff;
  background: linear-gradient(135deg, #ed751c 0%, #f59340 100%);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: none;
  letter-spacing: 0.02em;
  box-shadow: 0 4px 16px rgba(237,117,28,0.3);
}

/* Button hover effect */
.elementor-button:hover,
button[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(237,117,28,0.4);
}

/* Button active state */
.elementor-button:active,
button[type="submit"]:active {
  transform: translateY(0);
}

/* Date and time inputs */
.elementor-field-group input[type="date"],
.elementor-field-group input[type="time"] {
  cursor: pointer;
}

/* Required field indicator */
.elementor-mark-required {
  color: #ed751c;
}

/* Error messages */
.elementor-message-danger,
.elementor-error {
  color: #dc3545;
  font-size: 14px;
  margin-top: 6px;
  font-weight: 500;
}

/* Success messages */
.elementor-message-success {
  color: #28a745;
  font-size: 14px;
  margin-top: 6px;
  font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .elementor-field-group input,
  .elementor-field-group textarea,
  .elementor-field-group select {
    padding: 14px 16px;
    font-size: 15px;
  }

  .elementor-button,
  button[type="submit"] {
    padding: 16px 28px;
    font-size: 16px;
  }
}
/* End custom CSS */