.elementor-12238 .elementor-element.elementor-element-49fd85c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.56;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:44px;--padding-bottom:44px;--padding-left:44px;--padding-right:44px;}.elementor-12238 .elementor-element.elementor-element-49fd85c:not(.elementor-motion-effects-element-type-background), .elementor-12238 .elementor-element.elementor-element-49fd85c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marrakechmotorbikerental.com/wp-content/uploads/2025/10/Arriere-plan-de-Reunion-Virtuelle-Professionnel-Brillant-Bureau-1.webp");}.elementor-12238 .elementor-element.elementor-element-49fd85c::before, .elementor-12238 .elementor-element.elementor-element-49fd85c > .elementor-background-video-container::before, .elementor-12238 .elementor-element.elementor-element-49fd85c > .e-con-inner > .elementor-background-video-container::before, .elementor-12238 .elementor-element.elementor-element-49fd85c > .elementor-background-slideshow::before, .elementor-12238 .elementor-element.elementor-element-49fd85c > .e-con-inner > .elementor-background-slideshow::before, .elementor-12238 .elementor-element.elementor-element-49fd85c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-12238 .elementor-element.elementor-element-5e3ab19 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:19px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-12238 .elementor-element.elementor-element-8a45080{width:var( --container-widget-width, 57% );max-width:57%;--container-widget-width:57%;--container-widget-flex-grow:0;text-align:center;}.elementor-12238 .elementor-element.elementor-element-8a45080 > .elementor-widget-container{margin:-13px 0px 0px 0px;}.elementor-12238 .elementor-element.elementor-element-8a45080.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12238 .elementor-element.elementor-element-8a45080 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:23px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-12238 .elementor-element.elementor-element-7946f9f{width:100%;max-width:100%;--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-12238 .elementor-element.elementor-element-7946f9f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-field-group{padding-right:calc( 6px/2 );padding-left:calc( 6px/2 );margin-bottom:0px;}.elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-form-fields-wrapper{margin-left:calc( -6px/2 );margin-right:calc( -6px/2 );margin-bottom:-0px;}.elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-field-group > label{font-size:13px;}.elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-field-type-html{padding-bottom:0px;}.elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-field-group .elementor-field, .elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-field-subgroup label{font-size:14px;}.elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#BDBDBD;border-width:1px 1px 1px 1px;border-radius:1px 1px 1px 1px;}.elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#BDBDBD;border-width:1px 1px 1px 1px;border-radius:1px 1px 1px 1px;}.elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-field-group .elementor-select-wrapper::before{color:#BDBDBD;}.elementor-12238 .elementor-element.elementor-element-7946f9f .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-button[type="submit"]{color:#ffffff;}.elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-12238 .elementor-element.elementor-element-7946f9f .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-12238 .elementor-element.elementor-element-7946f9f .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-12238 .elementor-element.elementor-element-7946f9f .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-12238 .elementor-element.elementor-element-7946f9f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}@media(max-width:1366px){.elementor-12238 .elementor-element.elementor-element-7946f9f{width:var( --container-widget-width, 496.609px );max-width:496.609px;--container-widget-width:496.609px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-12238 .elementor-element.elementor-element-49fd85c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;}.elementor-12238 .elementor-element.elementor-element-8a45080{width:var( --container-widget-width, 286.484px );max-width:286.484px;--container-widget-width:286.484px;--container-widget-flex-grow:0;}.elementor-12238 .elementor-element.elementor-element-7946f9f{width:var( --container-widget-width, 264px );max-width:264px;--container-widget-width:264px;--container-widget-flex-grow:0;}.elementor-12238 .elementor-element.elementor-element-7946f9f.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}}/* Start custom CSS for form, class: .elementor-element-7946f9f *//* === Quad & Buggy Reservation Form — Auto Icon Version === */
.quad-buggy-form {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  padding: 30px 25px;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  font-family: "Poppins", sans-serif;
}

/* Field container spacing */
.quad-buggy-form .elementor-field-group {
  position: relative;
  margin-bottom: 16px;
}

/* Labels */
.quad-buggy-form label {
  font-weight: 600;
  color: #333;
  margin-bottom: 5px;
  display: block;
}

/* Inputs and selects */
.quad-buggy-form input,
.quad-buggy-form select,
.quad-buggy-form textarea {
  width: 100%;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 12px 15px 12px 45px;
  font-size: 15px;
  transition: all 0.3s ease;
}

/* Focus effect */
.quad-buggy-form input:focus,
.quad-buggy-form select:focus,
.quad-buggy-form textarea:focus {
  border-color: #ff8800;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(255,136,0,0.15);
  outline: none;
}

/* === Automatic Icons === */
.quad-buggy-form .elementor-field-group input[type="text"]::before,
.quad-buggy-form .elementor-field-group input[type="email"]::before,
.quad-buggy-form .elementor-field-group input[type="tel"]::before,
.quad-buggy-form .elementor-field-group input[type="date"]::before,
.quad-buggy-form .elementor-field-group select::before,
.quad-buggy-form .elementor-field-group textarea::before {
  content: "";
  position: absolute;
  top: 38px;
  left: 14px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
  opacity: 0.8;
}

/* Name icon */
.quad-buggy-form input[type="text"]::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23ff8800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 0 0-3-3.87"/><path d="M4 21v-2a4 4 0 0 1 3-3.87"/><circle cx="12" cy="7" r="4"/></svg>');
}

/* Email icon */
.quad-buggy-form input[type="email"]::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23ff8800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M4 4h16v16H4z"/><polyline points="22,6 12,13 2,6"/></svg>');
}

/* Phone icon */
.quad-buggy-form input[type="tel"]::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23ff8800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 3 5.18 2 2 0 0 1 5 3h3a2 2 0 0 1 2 1.72c.13.97.33 1.91.61 2.82a2 2 0 0 1-.45 1.94l-1.27 1.27a16 16 0 0 0 6.29 6.29l1.27-1.27a2 2 0 0 1 1.94-.45c.91.28 1.85.48 2.82.61A2 2 0 0 1 22 16.92z"/></svg>');
}

/* Date icon */
.quad-buggy-form input[type="date"]::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23ff8800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>');
}

/* Select icon */
.quad-buggy-form select::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 42px;
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23ff8800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat center;
  background-size: 16px;
  pointer-events: none;
}

/* Textarea icon */
.quad-buggy-form textarea::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23ff8800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>');
}

/* Button */
.quad-buggy-form .elementor-button {
  background: linear-gradient(45deg, #ff8800, #ff5500);
  color: #fff;
  font-weight: 600;
  border: none;
  padding: 12px 25px;
  border-radius: 10px;
  transition: all 0.3s ease;
  width: 100%;
  margin-top: 10px;
}

.quad-buggy-form .elementor-button:hover {
  background: linear-gradient(45deg, #ff5500, #ff8800);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255,136,0,0.4);
}

/* Textarea height */
.quad-buggy-form textarea {
  min-height: 100px;
  resize: none;
}/* End custom CSS */