.elementor-514 .elementor-element.elementor-element-7828b09{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-e2aaced *//* Stack the integration columns on mobile and tablets */
@media (max-width: 1024px) {
  .iq-grid-2 {
    grid-template-columns: 1fr !important; /* Forces single column */
    gap: 32px !important;
  }

  .iq-integration-panel {
    padding: 20px !important; /* Ensure padding doesn't push it off screen */
    width: 100% !important;
    box-sizing: border-box;
  }

  .iq-int-grid {
    grid-template-columns: 1fr !important; /* Stacks the small icon items */
  }
}

/* Ensure the container never exceeds screen width */
.iq-container {
  width: 100%;
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
  overflow-x: hidden; /* Prevents side-scrolling */
}/* End custom CSS */