.elementor-kit-56{--e-global-color-primary:#0056FF;--e-global-color-secondary:#1E40AF;--e-global-color-text:#111827;--e-global-color-accent:#60A5FA;--e-global-color-cb3fcd4:#0056FF;--e-global-color-8121d37:#9A00FF;--e-global-color-489bd85:#FF5300;--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-56 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 */<!-- ============================================
     UNIVERSAL MOBILE OVERFLOW FIX
     Add this in Elementor: HTML Widget
     (Place it at the very top of your page)
============================================ -->

<style>
  /* ===== FORCE NO HORIZONTAL SCROLL ===== */
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
  }

  /* ===== ELEMENTOR CONTAINER FIX ===== */
  .elementor-section-wrap,
  .elementor-section,
  .elementor-container,
  .elementor-column,
  .elementor-widget-wrap,
  .elementor-widget {
    overflow: visible;
    max-width: 100%;
    box-sizing: border-box !important;
  }

  /* ===== FLEX CHILDREN MUST SHRINK ===== */
  .elementor-container,
  .elementor-widget-wrap,
  [class*="ai-layout"],
  [class*="cat-grid"],
  [class*="ai-tool-list"] {
    min-width: 0 !important;
  }

  /* ===== GRID CHILDREN MUST NOT OVERFLOW ===== */
  [class*="cat-grid"] > *,
  [class*="ai-tool-list"] > * {
    min-width: 0 !important;
    overflow: hidden;
  }

  /* ===== IMAGES & MEDIA MUST NOT EXCEED PARENT ===== */
  img, svg, video, iframe, canvas {
    max-width: 100% !important;
    height: auto !important;
  }

  /* ===== CUSTOM SECTIONS SPECIFIC FIX ===== */
  .browse-category,
  .ai-tools-section,
  .bc-inner,
  .ai-inner {
    overflow-x: hidden !important;
    overflow-y: visible;
    max-width: 100% !important;
    width: 100% !important;
  }

  .browse-category > *,
  .ai-tools-section > * {
    max-width: 100% !important;
  }

  /* ===== LEFT/RIGHT LAYOUT STACK ON MOBILE ===== */
  @media (max-width: 1023px) {
    [class*="ai-layout"] {
      flex-direction: column !important;
      width: 100% !important;
      max-width: 100% !important;
    }
    [class*="ai-left"],
    [class*="ai-right"] {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      flex: none !important;
    }
    [class*="ai-robot-area"] {
      width: 100% !important;
      max-width: 100%
Use custom CSS to style your content or add the ".elementor-kit-56" prefix to target specific elements.
Need Help
 !important;
    }
    [class*="ai-robot-img"] {
      width: 200px !important;
      height: 200px !important;
      max-width: 60vw !important;
    }
  }

  @media (max-width: 639px) {
    [class*="ai-robot-img"] {
      width: 160px !important;
      height: 160px !important;
    }
    [class*="ai-robot-area"] {
      height: 200px !important;
    }
  }

  /* ===== TEXT BREAK LONG WORDS ===== */
  h1, h2, h3, h4, h5, h6, p, span, a, li, div {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    hyphens: auto;
  }

  /* ===== PREVENT ABSOLUTE ELEMENTS FROM OVERFLOWING ===== */
  .browse-category::before,
  .ai-tools-section::before,
  .ai-tools-section::after,
  .ai-bg-deco::before,
  .ai-bg-deco::after {
    max-width: 100vw !important;
    pointer-events: none !important;
  }

  /* ===== ELEMENTOR WIDGET INNER FIX ===== */
  .elementor-html {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* ===== SEARCH BAR / INPUT FIX ===== */
  input, textarea, select {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
</style>/* End custom CSS */