.elementor-46 .elementor-element.elementor-element-fa6b53b{--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-46 .elementor-element.elementor-element-40b8701{--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-46 .elementor-element.elementor-element-ae93211 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for container, class: .elementor-element-fa6b53b *//* ==========================================================================
   Agenio Contact Widget — Responsive fixes ONLY
   No colors/fonts/spacing changed from theme defaults.
   Just makes the two-column contact layout stack cleanly on smaller screens
   and stops inputs/containers from overflowing horizontally.
   Scoped to: .elementor-element-b51ed83  (wpr-contact-area)
   Paste into: Elementor > Site Settings > Custom CSS
   ========================================================================== */

/* Safety net: never let inputs/inner elements cause horizontal scroll.
   NOTE: intentionally NOT touching .container's width here — that class
   already has correct max-width/padding defined by the Agenio theme
   itself (same class used across other sections like the CTA block).
   Overriding it was the actual bug causing the full-bleed look. */
.elementor-element-b51ed83 .wpr-contact-area{
  box-sizing: border-box;
}

.elementor-element-b51ed83 input,
.elementor-element-b51ed83 textarea,
.elementor-element-b51ed83 .wpcf7-form-control-wrap,
.elementor-element-b51ed83 .single-input{
  max-width: 100%;
  box-sizing: border-box;
}

.elementor-element-b51ed83 input,
.elementor-element-b51ed83 textarea,
.elementor-element-b51ed83 .wpcf7-form-control-wrap,
.elementor-element-b51ed83 .single-input{
  max-width: 100%;
  box-sizing: border-box;
}

/* ---------- Tablet & below (≤ 991px) ---------- */
@media (max-width: 991px){
  .elementor-element-b51ed83 .section-inner{
    display: flex;
    flex-direction: column;
  }

  .elementor-element-b51ed83 .left-content-area{
    width: 100%;
  }

  .elementor-element-b51ed83 .contact-form-area{
    width: 100%;
  }
}

/* ---------- Mobile (≤ 767px) ---------- */
@media (max-width: 767px){
  .elementor-element-b51ed83 .wpr-contact-area{
    padding-left: 16px;
    padding-right: 16px;
  }

  .elementor-element-b51ed83 .container{
    padding-left: 0;
    padding-right: 0;
  }

  .elementor-element-b51ed83 .get-in-touch ul li a,
  .elementor-element-b51ed83 .location-area ul li p{
    word-break: break-word;
  }

  .elementor-element-b51ed83 .single-input input,
  .elementor-element-b51ed83 .single-input textarea{
    width: 100%;
  }

  .elementor-element-b51ed83 .form-btn-area .wpcf7-submit{
    width: 100%;
  }

  .elementor-element-b51ed83 label[for="file-361"]{
    display: block;
    word-break: break-word;
  }
}

/* ---------- Small mobile (≤ 480px) ---------- */
@media (max-width: 480px){
  .elementor-element-b51ed83 .get-in-touch,
  .elementor-element-b51ed83 .location-area{
    width: 100%;
  }

  .elementor-element-b51ed83 .single-input label{
    display: block;
    width: 100%;
  }
}/* End custom CSS */