.elementor-2131 .elementor-element.elementor-element-1717f78{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2131 .elementor-element.elementor-element-3fc52af{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2131 .elementor-element.elementor-element-3fc52af:not(.elementor-motion-effects-element-type-background), .elementor-2131 .elementor-element.elementor-element-3fc52af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(291deg, var( --e-global-color-primary ) -1.9%, var( --e-global-color-6da050a ) 36%);}.elementor-2131 .elementor-element.elementor-element-bab92eb{--spacer-size:60px;}.elementor-2131 .elementor-element.elementor-element-60870d1{text-align:center;}.elementor-2131 .elementor-element.elementor-element-60870d1 .elementor-heading-title{font-family:"Poppins", Sans-serif;color:#FFFFFF;}.elementor-2131 .elementor-element.elementor-element-4cf9cea{text-align:center;color:#FFFFFF;}.elementor-2131 .elementor-element.elementor-element-7933013 .elementor-button{background-color:var( --e-global-color-e22e9f1 );}.elementor-2131 .elementor-element.elementor-element-7933013 .elementor-button:hover, .elementor-2131 .elementor-element.elementor-element-7933013 .elementor-button:focus{background-color:var( --e-global-color-accent );color:#FFFFFF;}.elementor-2131 .elementor-element.elementor-element-7933013 .elementor-button:hover svg, .elementor-2131 .elementor-element.elementor-element-7933013 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-2131 .elementor-element.elementor-element-37b21db{--spacer-size:98px;}.elementor-2131 .elementor-element.elementor-element-8941ff5{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2131 .elementor-element.elementor-element-8941ff5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-field-type-html{padding-bottom:1px;color:#000000;font-family:"Sora", Sans-serif;font-size:26px;font-weight:700;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#D8B1B1;border-color:#707070;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-field-group .elementor-select-wrapper select{background-color:#D8B1B1;border-color:#707070;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-field-group .elementor-select-wrapper::before{color:#707070;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-button[type="submit"]{color:#ffffff;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2131 .elementor-element.elementor-element-fa45f69 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2131 .elementor-element.elementor-element-fa45f69{--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-2131 .elementor-element.elementor-element-3fc52af{--width:100%;}.elementor-2131 .elementor-element.elementor-element-8941ff5{--width:99.855%;}}/* Start custom CSS for container, class: .elementor-element-1717f78 *//* === HERO SECTION STYLING (for container .con-q) === */
.con-q {
  position: relative;
  width: 100%;
  padding: 100px 20px;
  background: linear-gradient(135deg, #000000 60%, #F79321 100%);
  color: #fff;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  overflow: hidden;
  border-bottom: 5px solid #F79321;
}

/* Add slight overlay glow for better readability */
.con-q::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

/* Content wrapper inside */
.con-q .content {
  position: relative;
  z-index: 2;
  max-width: 850px;
  margin: 0 auto;
}

/* Hero Heading */
.con-q h1 {
  font-size: 46px;
  font-weight: 800;
  margin-bottom: 15px;
  line-height: 1.2;
}

.con-q h1 span {
  color: #F79321;
}

/* Subheading / Paragraph */
.con-q p {
  font-size: 18px;
  color: #f2f2f2;
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto 25px auto;
}

/* CTA Button */
.con-q a.call-btn {
  display: inline-block;
  background: #fff;
  color: #000;
  font-weight: 700;
  padding: 14px 35px;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

.con-q a.call-btn:hover {
  background: #000;
  color: #F79321;
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(247, 147, 33, 0.6);
}

/* Optional icon before heading */
.con-q .icon {
  font-size: 70px;
  color: #F79321;
  margin-bottom: 20px;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .con-q {
    padding: 80px 15px;
  }
  .con-q h1 {
    font-size: 36px;
  }
  .con-q p {
    font-size: 16px;
  }
  .con-q .icon {
    font-size: 55px;
  }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-fa45f69 *//* ==========================================
   Specialized Towing Services – Request Form
   ID: #idx-i | Class: .idf-n
   Palette: #F79321 (accent) / #000000 (base)
   Font: Poppins / Clean UI design
========================================== */

/* =========== FORM CONTAINER =========== */
#idx-i {
  background: #ffffff;
  padding: 50px 40px;
  border-radius: 20px;
  max-width: 900px;
  margin: 60px auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09);
  font-family: "Poppins", sans-serif;
  transition: all 0.3s ease;
}

/* Slight hover lift effect for the whole form */
#idx-i:hover {
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.12);
}

/* =========== HEADER =========== */
#idx-i h2 {
  text-align: center;
  font-weight: 800;
  color: #000;
  font-size: 32px;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
  position: relative;
}

#idx-i h2::after {
  content: "";
  width: 70px;
  height: 3px;
  background: #F79321;
  display: block;
  margin: 10px auto 0;
  border-radius: 3px;
}

#idx-i h2 span {
  color: #F79321;
}

/* =========== GRID LAYOUT =========== */
.idf-n {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 22px;
}

/* =========== LABELS =========== */
#idx-i label {
  display: block;
  font-weight: 600;
  color: #111;
  margin-bottom: 6px;
  font-size: 15px;
  letter-spacing: 0.3px;
}

/* =========== INPUTS, SELECTS, TEXTAREAS =========== */
#idx-i input,
#idx-i select,
#idx-i textarea {
  width: 100%;
  padding: 13px 15px;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  font-size: 15px;
  font-family: inherit;
  background: #fdfdfd;
  color: #000;
  transition: all 0.25s ease;
}

#idx-i input::placeholder,
#idx-i textarea::placeholder {
  color: #aaa;
  font-size: 14px;
}

/* Focus Glow */
#idx-i input:focus,
#idx-i select:focus,
#idx-i textarea:focus {
  border-color: #F79321;
  background: #fff;
  box-shadow: 0 0 10px rgba(247, 147, 33, 0.35);
  outline: none;
  transform: scale(1.01);
}

/* =========== TEXTAREA =========== */
#idx-i textarea {
  min-height: 110px;
  resize: vertical;
}

/* =========== FILE UPLOAD =========== */
#idx-i input[type="file"] {
  border: 1px dashed #bbb;
  background: #fff;
  padding: 12px;
  cursor: pointer;
  color: #444;
}
#idx-i input[type="file"]:hover {
  border-color: #F79321;
  background: #fff7ef;
}

/* =========== INLINE FIELD (checkbox, etc.) =========== */
#idx-i .inline-field {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* =========== SUBMIT BUTTON =========== */
#idx-i button,
#idx-i input[type="submit"] {
  background: #F79321;
  color: #000;
  font-weight: 800;
  padding: 15px 28px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  width: 100%;
  font-size: 16px;
  box-shadow: 0 10px 22px rgba(247, 147, 33, 0.35);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* Animated shine on hover */
#idx-i button::after,
#idx-i input[type="submit"]::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.25);
  transform: skewX(-20deg);
  transition: 0.5s;
}

#idx-i button:hover::after,
#idx-i input[type="submit"]:hover::after {
  left: 150%;
}

#idx-i button:hover,
#idx-i input[type="submit"]:hover {
  background: #000;
  color: #F79321;
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(247, 147, 33, 0.6);
}

/* =========== DISCLAIMER / NOTE =========== */
#idx-i small,
#idx-i p.note {
  font-size: 13px;
  color: #555;
  line-height: 1.6;
  margin-top: 10px;
}

#idx-i small span {
  color: #F79321;
  font-weight: 600;
}

/* =========== MOBILE =========== */
@media (max-width: 768px) {
  #idx-i {
    padding: 30px 20px;
    margin: 40px auto;
  }
  #idx-i h2 {
    font-size: 26px;
  }
  #idx-i input,
  #idx-i select,
  #idx-i textarea {
    font-size: 14px;
  }
  #idx-i button,
  #idx-i input[type="submit"] {
    font-size: 15px;
  }
}/* End custom CSS */