.elementor-522 .elementor-element.elementor-element-6dd43b6{--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-cfe0c3e */@media (max-width: 1024px) {
  /* 1. Fix the top pricing cards */
  .iq-grid-2 {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  /* 2. Make the Comparison Table Scrollable */
  .iq-matrix-wrapper {
    overflow-x: auto; /* Adds a horizontal scroll specifically for the table */
    -webkit-overflow-scrolling: touch;
    margin: 0 -20px; /* Bleeds to edge of screen for better feel */
    padding: 0 20px;
  }
  
  .iq-matrix {
    min-width: 700px; /* Ensures table maintains its shape inside the scroll */
  }

  /* 3. Stack the "Why inteliQ Wins" & "Bottom Line" sections */
  .iq-matrix-wrapper + div > div[style*="grid-template-columns"], 
  div[style*="grid-template-columns: 1fr 1fr"],
  div[style*="grid-template-columns: repeat(3, 1fr)"] {
    grid-template-columns: 1fr !important; /* Forces vertical stacking */
    gap: 30px !important;
  }

  /* 4. Fix the "Bottom Line" border and padding */
  div[style*="border-left: 1px solid var(--border)"] {
    border-left: none !important;
    border-top: 1px solid var(--border) !important;
    padding-left: 0 !important;
    padding-top: 30px !important;
    margin-top: 10px;
  }
}

/* Styling the Legend Box for all devices */
.iq-legend-box {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to next line on mobile */
    justify-content: center; /* Centers items */
    gap: 20px; /* Space between items */
    padding: 20px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    margin-top: 20px;
    font-size: 14px;
    color: var(--muted);
    border: 1px solid var(--border);
}

/* Specific fix for the "Plus per min" note */
.iq-legend-box span {
    display: flex;
    align-items: center;
    white-space: nowrap; /* Prevents text inside a span from breaking */
}

@media (max-width: 600px) {
    .iq-legend-box {
        flex-direction: column; /* Stacks them vertically on very small phones */
        align-items: flex-start; /* Aligns to the left for readability */
        padding-left: 30%; /* Centers the group visually */
        gap: 12px;
    }
}/* End custom CSS */