.elementor-kit-1473{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-1473 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   GLOBAL MOBILE OVERFLOW PATCH — iiaie.com
   Paste into: Elementor > Site Settings > Custom CSS
   (or WP Admin > Appearance > Customize > Additional CSS)
   ============================================================
   What this fixes:
   Your content is stuck in a narrow left column with a big blank
   gap beside it on mobile. That happens when some wrapper on the
   page keeps a fixed desktop pixel width (e.g. width: 1200px)
   instead of shrinking to 100% on small screens — the document
   ends up wider than the phone screen, so the browser just shows
   you the left slice of a much wider page and lets you scroll
   sideways into the empty space.
   
   This patch forces every layout wrapper back to 100% width on
   mobile/tablet, and stops the page from being scrollable
   sideways at all. It's safe to leave in permanently — it doesn't
   touch anything at desktop widths (min-width: 1025px).
============================================================ */

@media (max-width: 1024px) {

  html, body {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* Common WordPress + Elementor structural wrappers.
     Forcing these to 100% catches ~90% of "fixed width container" bugs. */
  #page,
  .site,
  .site-content,
  #content,
  .elementor,
  .elementor-top-section,
  .elementor-section,
  .elementor-section-wrap,
  .elementor-container,
  .elementor-widget-wrap,
  .e-con,
  .e-con-inner,
  .elementor-column,
  .elementor-column-wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Kill any leftover negative margins / fixed min-widths that
     force a container wider than its parent */
  .elementor-section,
  .elementor-container,
  .e-con {
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Images/videos are a frequent silent cause of overflow */
  img, video, iframe {
    max-width: 100% !important;
    height: auto !important;
  }
}/* End custom CSS */