.elementor-13146 .elementor-element.elementor-element-7867212 > .elementor-container{max-width:500px;}.elementor-13146 .elementor-element.elementor-element-816a2e6.elementor-column > .elementor-widget-wrap{justify-content:space-evenly;}.elementor-13146 .elementor-element.elementor-element-816a2e6 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-13146 .elementor-element.elementor-element-816a2e6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 50px;}.elementor-13146 .elementor-element.elementor-element-3d4e610{width:var( --container-widget-width, 88.222% );max-width:88.222%;--container-widget-width:88.222%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-13146 .elementor-element.elementor-element-3d4e610{width:var( --container-widget-width, 389px );max-width:389px;--container-widget-width:389px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-13146 .elementor-element.elementor-element-816a2e6{width:100%;}}@media(max-width:767px){.elementor-13146 .elementor-element.elementor-element-816a2e6 > .elementor-element-populated{padding:0px 0px 0px 0px;}}/* Start custom CSS for column, class: .elementor-element-816a2e6 *//* =========================
   ATP Carrier Bid Form — HARD CENTER FIX (Elementor + iOS Safari)
   Paste ONLY this (remove older form CSS)
   ========================= */

/* 1) Prevent the page from allowing horizontal overflow (the #1 reason things look "off to the right") */
html, body {
  max-width: 100%;
  overflow-x: hidden !important;
}

/* 2) Make the form itself a centered block regardless of Elementor column quirks */
#carrierBidForm {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* 3) Hard center the wrapper even if a parent uses vw / transforms / odd alignment */
#carrierBidForm .atp-wrap {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;

  /* Critical: don't let transforms/positioning shove it sideways */
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;

  box-sizing: border-box !important;
}

/* 4) Ensure the card can't exceed the viewport width */
#carrierBidForm .atp-card,
#carrierBidForm .atp-summary,
#carrierBidForm .atp-grid,
#carrierBidForm .atp-field input,
#carrierBidForm .atp-field textarea {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 5) If Elementor wraps your HTML widget in a flex container that isn't centered, force it */
.elementor-widget-html,
.elementor-widget-container {
  max-width: 100%;
}

/* 6) iOS Safari: avoid 100vw-based layout drift (common in themes/Elementor sections) */
@supports (-webkit-touch-callout: none) {
  #carrierBidForm,
  #carrierBidForm .atp-wrap {
    /* Avoid vw; vw includes scrollbar area and can cause right-shift */
    width: 100% !important;
  }
}/* End custom CSS */