.elementor-256 .elementor-element.elementor-element-69118d720:not(.elementor-motion-effects-element-type-background), .elementor-256 .elementor-element.elementor-element-69118d720 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#986767;background-image:url("https://quickinsurance.site/wp-content/uploads/2026/04/ChatGPT-Image-Apr-9-2026-05_04_57-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-256 .elementor-element.elementor-element-69118d720 > .elementor-background-overlay{background-color:#0F0909BF;opacity:0.75;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-256 .elementor-element.elementor-element-69118d720{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-55px;margin-bottom:0px;padding:150px 0px 150px 0px;}.elementor-256 .elementor-element.elementor-element-2cbfe72{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-256 .elementor-element.elementor-element-52bc0f8{text-align:center;}.elementor-256 .elementor-element.elementor-element-52bc0f8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-256 .elementor-element.elementor-element-04543b9{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:500;color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-28c2eba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-256 .elementor-element.elementor-element-28c2eba.elementor-element{--align-self:stretch;}.elementor-256 .elementor-element.elementor-element-036942e{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-256 .elementor-element.elementor-element-a8ac6ce{width:var( --container-widget-width, 99.899% );max-width:99.899%;--container-widget-width:99.899%;--container-widget-flex-grow:0;}.elementor-256 .elementor-element.elementor-element-a8ac6ce.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-256 .elementor-element.elementor-element-6eaf8e5{--display:flex;}.elementor-256 .elementor-element.elementor-element-5df4d4a:not(.elementor-motion-effects-element-type-background), .elementor-256 .elementor-element.elementor-element-5df4d4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#986767;background-image:url("https://quickinsurance.site/wp-content/uploads/2026/04/410d46c3d9b56a88a2e81470ce6f7b17.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-256 .elementor-element.elementor-element-5df4d4a > .elementor-background-overlay{background-color:#0F0909;opacity:0.55;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-256 .elementor-element.elementor-element-5df4d4a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-55px;margin-bottom:0px;padding:150px 0px 150px 0px;}.elementor-256 .elementor-element.elementor-element-2b57c0d{--display:flex;}.elementor-256 .elementor-element.elementor-element-cafdba3{text-align:center;}.elementor-256 .elementor-element.elementor-element-cafdba3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-5eca257{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:400;color:#FFFFFF;}.elementor-256 .elementor-element.elementor-element-00e781a .wpr-button{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;border-color:#E8E8E8;border-style:none;border-radius:20px 20px 20px 20px;}.elementor-256 .elementor-element.elementor-element-00e781a .wpr-button::before{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-256 .elementor-element.elementor-element-00e781a .wpr-button::after{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;color:#ffffff;padding:10px 10px 10px 10px;}.elementor-256 .elementor-element.elementor-element-00e781a .wpr-button .wpr-button-icon{-webkit-transition-duration:0.4s;transition-duration:0.4s;}.elementor-256 .elementor-element.elementor-element-00e781a .wpr-button .wpr-button-icon svg{-webkit-transition-duration:0.4s;transition-duration:0.4s;}.elementor-256 .elementor-element.elementor-element-00e781a .wpr-button .wpr-button-text{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-256 .elementor-element.elementor-element-00e781a .wpr-button .wpr-button-content{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-256 .elementor-element.elementor-element-00e781a .wpr-button-wrap{max-width:160px;}.elementor-256 .elementor-element.elementor-element-00e781a{text-align:center;}.elementor-256 .elementor-element.elementor-element-00e781a .wpr-button-content{-webkit-justify-content:center;justify-content:center;}.elementor-256 .elementor-element.elementor-element-00e781a .wpr-button-text{-webkit-justify-content:center;justify-content:center;color:#ffffff;}.elementor-256 .elementor-element.elementor-element-00e781a .wpr-button-icon{font-size:18px;}.elementor-256 .elementor-element.elementor-element-00e781a .wpr-button-icon svg{width:18px;height:18px;}.elementor-256 .elementor-element.elementor-element-00e781a.wpr-button-icon-position-left .wpr-button-icon{margin-right:12px;}.elementor-256 .elementor-element.elementor-element-00e781a.wpr-button-icon-position-right .wpr-button-icon{margin-left:12px;}.elementor-256 .elementor-element.elementor-element-00e781a.wpr-button-icon-style-inline .wpr-button-icon{color:#ffffff;}.elementor-256 .elementor-element.elementor-element-00e781a.wpr-button-icon-style-inline .wpr-button-icon svg{fill:#ffffff;}.elementor-256 .elementor-element.elementor-element-00e781a .wpr-button:hover .wpr-button-text{color:#ffffff;}.elementor-256 .elementor-element.elementor-element-00e781a.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon{color:#ffffff;}.elementor-256 .elementor-element.elementor-element-00e781a.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon svg{fill:#ffffff;}.elementor-256 .elementor-element.elementor-element-00e781a .wpr-button:hover{border-color:#E8E8E8;}.elementor-256 .elementor-element.elementor-element-00e781a.wpr-button-icon-style-inline .wpr-button{padding:10px 10px 10px 10px;}.elementor-256 .elementor-element.elementor-element-00e781a.wpr-button-icon-style-block .wpr-button-text{padding:10px 10px 10px 10px;}.elementor-256 .elementor-element.elementor-element-00e781a.wpr-button-icon-style-inline-block .wpr-button-content{padding:10px 10px 10px 10px;}body.elementor-page-256:not(.elementor-motion-effects-element-type-background), body.elementor-page-256 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-256 .elementor-element.elementor-element-69118d720:not(.elementor-motion-effects-element-type-background), .elementor-256 .elementor-element.elementor-element-69118d720 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-256 .elementor-element.elementor-element-69118d720{margin-top:-136px;margin-bottom:0px;padding:100px 20px 100px 20px;}.elementor-256 .elementor-element.elementor-element-5df4d4a:not(.elementor-motion-effects-element-type-background), .elementor-256 .elementor-element.elementor-element-5df4d4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-256 .elementor-element.elementor-element-5df4d4a{margin-top:-136px;margin-bottom:0px;padding:100px 20px 100px 20px;}}@media(max-width:767px){.elementor-256 .elementor-element.elementor-element-69118d720{padding:150px 20px 150px 20px;}.elementor-256 .elementor-element.elementor-element-52bc0f8 .elementor-heading-title{font-size:24px;}.elementor-256 .elementor-element.elementor-element-04543b9{font-size:15px;}.elementor-256 .elementor-element.elementor-element-28c2eba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-256 .elementor-element.elementor-element-5df4d4a{padding:150px 20px 150px 20px;}.elementor-256 .elementor-element.elementor-element-cafdba3 .elementor-heading-title{font-size:26px;}.elementor-256 .elementor-element.elementor-element-5eca257{font-size:18px;}}/* Start custom CSS for html, class: .elementor-element-28c2eba */<div class="qi-zip-quote-wrap">
  
  <input
    type="text"
    id="qiZipCode"
    class="qi-zip-input"
    placeholder="ZIP"
    maxlength="6"
  />

  <button type="button" class="qi-quote-btn" onclick="goToVehiclePage()">
    Request Free Quote
  </button>

</div>

<script>
  function goToVehiclePage() {
    var zip = document.getElementById("qiZipCode").value.trim();

    if (zip === "") {
      alert("Enter ZIP Code");
      return;
    }

    localStorage.setItem("user_zip", zip);
    window.location.href = "https://quickinsurance.site/vehicle/";
  }
</script>

<style>

/* 🔥 CENTER WRAPPER */
.qi-zip-quote-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: 20px;
  flex-wrap: nowrap;
}

/* 🔹 ZIP BOX (FIX SIZE) */
.qi-zip-input {
  width: 120px !important;
  max-width: 120px !important;
  flex: 0 0 120px;
  height: 46px;
  padding: 0 10px;
  border-radius: 30px;
  border: none;
  outline: none;
  text-align: center;
  font-size: 14px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* 🔹 BUTTON */
.qi-quote-btn {
  height: 46px;
  padding: 0 22px;
  border-radius: 30px;
  border: none;
  background: linear-gradient(90deg, #5b5cf0, #7a5cff);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}

/* 📱 MOBILE PERFECT */
@media (max-width: 767px) {
  
  .qi-zip-quote-wrap {
    flex-direction: column;
    gap: 10px;
  }

  .qi-zip-input {
    width: 160px !important;
    max-width: 160px !important;
  }

  .qi-quote-btn {
    width: 200px;
  }
}

</style>
/* 🔥 Wrapper center */
.qi-zip-quote-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

/* 🔹 ZIP BOX FIX */
.qi-zip-input {
  width: 90px !important;
  max-width: 90px !important;
  min-width: 90px !important;
  flex: 0 0 90px !important;
  height: 40px !important;
  padding: 0 8px !important;
  font-size: 13px !important;
  border-radius: 20px !important;
  text-align: center !important;
}

/* 🔹 BUTTON FIX */
.qi-quote-btn {
  height: 40px !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  border-radius: 20px !important;
  white-space: nowrap !important;
}

/* 📱 MOBILE FINAL FIX */
@media (max-width: 766px) {

  .qi-zip-quote-wrap {
    flex-direction: column !important;
    gap: 8px !important;
  }

  .qi-zip-input {
    width: 100px !important;
    max-width: 100px !important;
    flex: 0 0 100px !important;
    height: 38px !important;
  }

  .qi-quote-btn {
    width: 160px !important;
    height: 38px !important;
  }
}
/* Elementor ka width todne ke liye */
.qi-zip-input {
  width: 90px !important;
  max-width: 90px !important;
  min-width: 90px !important;
  flex: none !important;
}

/* Wrapper control */
.qi-zip-quote-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Mobile fix */
@media (max-width: 767px) {
  
  .qi-zip-input {
    width: 95px !important;
    max-width: 95px !important;
  }

  .qi-quote-btn {
    width: auto !important;
    padding: 0 14px !important;
  }
}/* End custom CSS */