.elementor-10284 .elementor-element.elementor-element-c0484bc{--display:flex;--min-height:268px;--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.25;--margin-top:-7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10284 .elementor-element.elementor-element-c0484bc:not(.elementor-motion-effects-element-type-background), .elementor-10284 .elementor-element.elementor-element-c0484bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marrakechmotorbikerental.com/wp-content/uploads/2025/07/Marrakech-excursion-quad-biking-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10284 .elementor-element.elementor-element-c0484bc::before, .elementor-10284 .elementor-element.elementor-element-c0484bc > .elementor-background-video-container::before, .elementor-10284 .elementor-element.elementor-element-c0484bc > .e-con-inner > .elementor-background-video-container::before, .elementor-10284 .elementor-element.elementor-element-c0484bc > .elementor-background-slideshow::before, .elementor-10284 .elementor-element.elementor-element-c0484bc > .e-con-inner > .elementor-background-slideshow::before, .elementor-10284 .elementor-element.elementor-element-c0484bc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-10284 .elementor-element.elementor-element-bd8f5fc{text-align:center;}.elementor-10284 .elementor-element.elementor-element-bd8f5fc .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:34px;font-weight:700;color:#FFFFFF;}.elementor-10284 .elementor-element.elementor-element-73014e8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10284 .elementor-element.elementor-element-73014e8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10284 .elementor-element.elementor-element-73014e8{text-align:center;font-family:"Arial", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:26px;letter-spacing:-0.9px;word-spacing:5px;color:#FFFFFF;}.elementor-10284 .elementor-element.elementor-element-7d46cb3 .elementor-icon-wrapper{text-align:center;}.elementor-10284 .elementor-element.elementor-element-7d46cb3.elementor-view-stacked .elementor-icon{background-color:#FFCB46;}.elementor-10284 .elementor-element.elementor-element-7d46cb3.elementor-view-framed .elementor-icon, .elementor-10284 .elementor-element.elementor-element-7d46cb3.elementor-view-default .elementor-icon{color:#FFCB46;border-color:#FFCB46;}.elementor-10284 .elementor-element.elementor-element-7d46cb3.elementor-view-framed .elementor-icon, .elementor-10284 .elementor-element.elementor-element-7d46cb3.elementor-view-default .elementor-icon svg{fill:#FFCB46;}.elementor-10284 .elementor-element.elementor-element-7d46cb3 .elementor-icon{font-size:33px;}.elementor-10284 .elementor-element.elementor-element-7d46cb3 .elementor-icon svg{height:33px;}.elementor-10284 .elementor-element.elementor-element-04a40d5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10284 .elementor-element.elementor-element-800a564{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10284 .elementor-element.elementor-element-800a564.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10284 .elementor-element.elementor-element-ecbd4e1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10284 .elementor-element.elementor-element-21cd968.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10284 .elementor-element.elementor-element-50c8590.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10284 .elementor-element.elementor-element-984b021{--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-10284 .elementor-element.elementor-element-984b021.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10284 .elementor-element.elementor-element-da85665 > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-10284 .elementor-element.elementor-element-da85665{text-align:left;}.elementor-10284 .elementor-element.elementor-element-da85665 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;text-transform:uppercase;}.elementor-10284 .elementor-element.elementor-element-e279724 .elementor-field-group{padding-right:calc( 6px/2 );padding-left:calc( 6px/2 );margin-bottom:0px;}.elementor-10284 .elementor-element.elementor-element-e279724 .elementor-form-fields-wrapper{margin-left:calc( -6px/2 );margin-right:calc( -6px/2 );margin-bottom:-0px;}.elementor-10284 .elementor-element.elementor-element-e279724 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-10284 .elementor-element.elementor-element-e279724 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-10284 .elementor-element.elementor-element-e279724 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-10284 .elementor-element.elementor-element-e279724 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-10284 .elementor-element.elementor-element-e279724 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-10284 .elementor-element.elementor-element-e279724 .elementor-field-group > label{font-size:13px;}.elementor-10284 .elementor-element.elementor-element-e279724 .elementor-field-type-html{padding-bottom:0px;}.elementor-10284 .elementor-element.elementor-element-e279724 .elementor-field-group .elementor-field, .elementor-10284 .elementor-element.elementor-element-e279724 .elementor-field-subgroup label{font-size:14px;}.elementor-10284 .elementor-element.elementor-element-e279724 .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-10284 .elementor-element.elementor-element-e279724 .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-10284 .elementor-element.elementor-element-e279724 .elementor-field-group .elementor-select-wrapper::before{color:#BDBDBD;}.elementor-10284 .elementor-element.elementor-element-e279724 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-10284 .elementor-element.elementor-element-e279724 .elementor-button[type="submit"]{color:#ffffff;}.elementor-10284 .elementor-element.elementor-element-e279724 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-10284 .elementor-element.elementor-element-e279724 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-10284 .elementor-element.elementor-element-e279724 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-10284 .elementor-element.elementor-element-e279724 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-10284 .elementor-element.elementor-element-e279724 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-10284 .elementor-element.elementor-element-e279724 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-10284 .elementor-element.elementor-element-e279724{--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;}@media(min-width:768px){.elementor-10284 .elementor-element.elementor-element-800a564{--width:50%;}.elementor-10284 .elementor-element.elementor-element-984b021{--width:21%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10284 .elementor-element.elementor-element-984b021{--width:741.5px;}}@media(max-width:1366px){.elementor-10284 .elementor-element.elementor-element-73014e8{width:var( --container-widget-width, 693px );max-width:693px;--container-widget-width:693px;--container-widget-flex-grow:0;}.elementor-10284 .elementor-element.elementor-element-ecbd4e1{width:var( --container-widget-width, 559.5px );max-width:559.5px;--container-widget-width:559.5px;--container-widget-flex-grow:0;}.elementor-10284 .elementor-element.elementor-element-21cd968{width:var( --container-widget-width, 574px );max-width:574px;--container-widget-width:574px;--container-widget-flex-grow:0;}.elementor-10284 .elementor-element.elementor-element-50c8590{width:var( --container-widget-width, 576.5px );max-width:576.5px;--container-widget-width:576.5px;--container-widget-flex-grow:0;}}@media(max-width:1024px){.elementor-10284 .elementor-element.elementor-element-04a40d5{--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-10284 .elementor-element.elementor-element-800a564{--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;--align-items:flex-start;}.elementor-10284 .elementor-element.elementor-element-ecbd4e1{width:var( --container-widget-width, 684.891px );max-width:684.891px;--container-widget-width:684.891px;--container-widget-flex-grow:0;}.elementor-10284 .elementor-element.elementor-element-21cd968{width:var( --container-widget-width, 683px );max-width:683px;--container-widget-width:683px;--container-widget-flex-grow:0;}.elementor-10284 .elementor-element.elementor-element-50c8590{width:var( --container-widget-width, 684.891px );max-width:684.891px;--container-widget-width:684.891px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-10284 .elementor-element.elementor-element-bd8f5fc .elementor-heading-title{font-size:23px;}}@media(max-width:1366px) and (min-width:768px){.elementor-10284 .elementor-element.elementor-element-800a564{--width:556.5px;}.elementor-10284 .elementor-element.elementor-element-984b021{--width:356px;}}@media(min-width:1367px){.elementor-10284 .elementor-element.elementor-element-c0484bc:not(.elementor-motion-effects-element-type-background), .elementor-10284 .elementor-element.elementor-element-c0484bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for form, class: .elementor-element-e279724 *//* === 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 */