.elementor-5373 .elementor-element.elementor-element-03ca696{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5373 .elementor-element.elementor-element-6862a78 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-5373 .elementor-element.elementor-element-6862a78 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-5373 .elementor-element.elementor-element-6862a78 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5373 .elementor-element.elementor-element-6862a78 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5373 .elementor-element.elementor-element-6862a78 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-5373 .elementor-element.elementor-element-6862a78 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-5373 .elementor-element.elementor-element-6862a78 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-5373 .elementor-element.elementor-element-6862a78 .elementor-field-type-html{padding-bottom:0px;}.elementor-5373 .elementor-element.elementor-element-6862a78 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-5373 .elementor-element.elementor-element-6862a78 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-5373 .elementor-element.elementor-element-6862a78 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-5373 .elementor-element.elementor-element-6862a78 .elementor-button[type="submit"]{color:#ffffff;}.elementor-5373 .elementor-element.elementor-element-6862a78 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-5373 .elementor-element.elementor-element-6862a78 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-5373 .elementor-element.elementor-element-6862a78 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-5373 .elementor-element.elementor-element-6862a78 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-5373 .elementor-element.elementor-element-6862a78 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-5373 .elementor-element.elementor-element-6862a78 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-5373 .elementor-element.elementor-element-6862a78{--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;}#elementor-popup-modal-5373{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-5373 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-5373 .dialog-close-button{display:flex;}#elementor-popup-modal-5373 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for form, class: .elementor-element-6862a78 *//* ==== DDV Booking Popup – Global Overlay ======================= */

/* Slightly dim + blur background when popup opens */
.elementor-popup-modal {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Center the booking card better on desktop */
.elementor-popup-modal .dialog-widget-content {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

/* ==== Booking Form Card ======================================= */

.ddv-booking-form {
  max-width: 520px;
  margin: 0 auto;
  background: radial-gradient(circle at top left, #fff7ec 0, #fef9f5 45%, #ffffff 100%);
  border-radius: 24px;
  padding: 22px 22px 18px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.24);
  border: 1px solid rgba(255, 255, 255, 0.8);
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  position: relative;
  overflow: hidden;
}

/* Subtle glow in the background */
.ddv-booking-form::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 0% 0%, rgba(255, 122, 26, 0.12), transparent 60%);
  pointer-events: none;
}

/* Keep the inner form above the glow */
.ddv-booking-form form {
  position: relative;
  z-index: 1;
}

/* Optional: form title if you add a Heading widget above it */
.ddv-booking-form-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #111827;
}

.ddv-booking-form-subtitle {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 16px;
}

/* ==== Fields & Labels ========================================= */

.ddv-booking-form .elementor-form-fields-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Each field group */
.ddv-booking-form .elementor-field-group {
  margin-bottom: 0 !important;
}

/* Labels */
.ddv-booking-form .elementor-field-label {
  font-size: 12px;
  font-weight: 600;
  color: #4b5563;
  margin-bottom: 4px;
}

/* Inputs / textarea / date / number */
.ddv-booking-form .elementor-field,
.ddv-booking-form input[type="text"],
.ddv-booking-form input[type="tel"],
.ddv-booking-form input[type="email"],
.ddv-booking-form input[type="number"],
.ddv-booking-form input[type="date"],
.ddv-booking-form textarea {
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(209, 213, 219, 0.9);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
  padding: 10px 12px;
  font-size: 13px;
  color: #111827;
  transition: border-color 0.16s ease-out, box-shadow 0.16s ease-out,
    background 0.16s ease-out;
}

/* Focus state */
.ddv-booking-form .elementor-field:focus,
.ddv-booking-form input[type="text"]:focus,
.ddv-booking-form input[type="tel"]:focus,
.ddv-booking-form input[type="email"]:focus,
.ddv-booking-form input[type="number"]:focus,
.ddv-booking-form input[type="date"]:focus,
.ddv-booking-form textarea:focus {
  border-color: rgba(248, 113, 22, 0.7);
  box-shadow: 0 0 0 1px rgba(248, 113, 22, 0.2), 0 14px 32px rgba(15, 23, 42, 0.18);
  background: #ffffff;
}

/* Placeholder color */
.ddv-booking-form ::placeholder {
  color: #9ca3af;
}

/* Date & number fields height consistent */
.ddv-booking-form input[type="date"],
.ddv-booking-form input[type="number"] {
  height: 40px;
}

/* Textarea */
.ddv-booking-form textarea {
  min-height: 80px;
  resize: vertical;
}

/* ==== Hidden fields (package_name, ride_type) ================== */

.ddv-booking-form .elementor-field-group-package_name,
.ddv-booking-form .elementor-field-group-ride_type {
  display: none !important;
}

/* ==== Submit Button =========================================== */

.ddv-booking-form .elementor-field-type-submit {
  margin-top: 10px;
}

.ddv-booking-form .elementor-button {
  width: 100%;
  justify-content: center;
  border-radius: 999px;
  border: none;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: none;
  background: linear-gradient(135deg, #ff7a1a, #ff9a4b);
  color: #ffffff;
  box-shadow: 0 20px 44px rgba(249, 115, 22, 0.65);
  transition: transform 0.12s ease-out, box-shadow 0.12s ease-out,
    background 0.12s ease-out;
}

.ddv-booking-form .elementor-button:hover {
  box-shadow: 0 22px 52px rgba(249, 115, 22, 0.8);
  transform: translateY(-1px);
}

/* ==== Errors & Cutoff Note ==================================== */

.ddv-booking-form .elementor-message,
.ddv-booking-form .elementor-error {
  font-size: 12px;
}

.ddv-booking-form .elementor-field-group .elementor-message,
.ddv-booking-form .ddv-cutoff-error {
  margin-top: 4px;
  font-size: 12px;
  color: #b91c1c;
}

/* "Same-day cutoff" HTML note field */
.ddv-booking-form small {
  font-size: 11px;
  color: #6b7280;
}

/* Success message inside popup */
.ddv-booking-form .elementor-message.elementor-message-success {
  border-radius: 16px;
  background: #ecfdf3;
  color: #166534;
  padding: 10px 12px;
  border: 1px solid #bbf7d0;
}

/* ==== Mobile tweaks =========================================== */

@media (max-width: 600px) {
  .ddv-booking-form {
    max-width: 100%;
    margin: 0 12px;
    border-radius: 20px;
    padding: 18px 16px 14px;
  }

  .ddv-booking-form .elementor-button {
    font-size: 13px;
  }
}
/* Make sure popup content never shrinks too small */
.elementor-popup-modal .dialog-widget-content {
  width: auto;
  max-width: 100%;
}

/* Don’t let our styles interfere with intl-tel-input layout */
.ddv-booking-form .iti input {
  box-shadow: none;
  border-radius: 14px;
}/* End custom CSS */