.elementor-4891 .elementor-element.elementor-element-d35adab{--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-4891 .elementor-element.elementor-element-5c08af7{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4891 .elementor-element.elementor-element-a8a929d{--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;}@media(max-width:767px){.elementor-4891 .elementor-element.elementor-element-5c08af7{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for container, class: .elementor-element-5c08af7 */<!--
  QUOTE PAGE — SECTION 2: FORM WRAPPER
  Sets the dark background behind your Heyflow embed.
  Paste as HTML widget, then place your Heyflow embed
  widget directly below this in Elementor.

  Add CSS class "ascot-quote-form-section" to the
  Elementor SECTION that contains the Heyflow embed.
-->

<style>
/* Dark background for the section containing Heyflow */
.ascot-quote-form-section,
.ascot-quote-form-section > .elementor-container{
  background:#001422 !important;
  padding-top:0 !important;
  padding-bottom:60px !important;
}

/* Centre and constrain the Heyflow embed */
.ascot-quote-form-section .elementor-widget-html .elementor-widget-container,
.ascot-quote-form-section iframe{
  max-width:600px;
  margin:0 auto;
  display:block;
  border-radius:20px;
  overflow:hidden;
}

/* Phone fallback strip under form */
.qt-phone-fallback{
  text-align:center;
  padding:24px 20px 0;
  font-family:'DM Sans',sans-serif;
}
.qt-phone-fallback p{
  font-size:.88rem;
  color:rgba(255,255,255,.35);
  margin-bottom:8px;
}
a.qt-phone-link,
a.qt-phone-link:link,
a.qt-phone-link:visited{
  display:inline-flex;align-items:center;gap:8px;
  color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:1rem;
  text-decoration:none;transition:color .2s ease;
}
a.qt-phone-link:hover{color:#5ba3f5}
a.qt-phone-link svg{width:16px;height:16px;stroke:currentColor;fill:none}
</style>

<div class="qt-phone-fallback">
  <p>Prefer to speak to someone?</p>
  <a href="tel:01416110441" class="qt-phone-link">
    <svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.82.36 1.62.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c1.19.34 1.99.58 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
    0141 611 0441
  </a>
</div>/* End custom CSS */