/* Styles ported from static MASAQY page: smart-management-systems.html */

.ecommerce-tech-list,
    .ecommerce-ready-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: .75rem;
      padding: 0;
      margin: 1.5rem 0 0;
      list-style: none;
    }

    .ecommerce-tech-list li,
    .ecommerce-ready-list li {
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      padding: .75rem 1rem;
      border: 1px solid rgba(var(--primary-rgb), .12);
      border-radius: 8px;
      background: rgba(255, 255, 255, .84);
      color: #111827;
      font-weight: 800;
      line-height: 1.5;
      box-shadow: 0 12px 30px rgba(15, 23, 42, .05);
    }

    .ecommerce-tech-list i,
    .ecommerce-ready-list i {
      color: var(--primary-color);
      flex: 0 0 auto;
    }

    .ecommerce-wide-card {
      grid-column: span 2;
    }

    #lab-challenges .consulting-challenge-head,
    #engineering-solutions .consulting-group-top {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: .75rem;
    }

    #lab-challenges .consulting-main-tag,
    #engineering-solutions .consulting-main-tag {
      max-width: 100%;
      white-space: normal;
      line-height: 1.5;
    }

    #engineering-solutions .consulting-main-tag {
      display: block;
      width: auto;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: #111827;
      font-size: clamp(1.05rem, 1.25vw, 1.25rem);
      font-weight: 950;
    }

    #engineering-solutions .consulting-groups-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      align-items: stretch;
      grid-auto-flow: row;
    }

    #engineering-solutions .consulting-group-card {
      grid-column: auto !important;
      width: 100%;
      min-width: 0;
    }

    #ecommerce-stack .consulting-section-head {
      margin-inline: auto;
      text-align: center;
      justify-items: center;
    }

    #lab-methodology .consulting-section-head {
      margin-inline: auto;
      text-align: center;
      justify-items: center;
    }

    #lab-methodology .consulting-method-timeline {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      justify-content: center;
    }

    #lab-methodology .consulting-method-timeline::before {
      inset-inline: 8%;
    }

    #lab-methodology .consulting-method-step {
      justify-items: center;
      text-align: center;
    }

    #lab-why .text-muted {
      color: rgba(255, 255, 255, .9) !important;
      font-weight: 700;
    }

    #lab-why .masaqy-advantage-card>i {
      display: grid;
      place-items: center;
      width: 58px;
      height: 58px;
      margin-bottom: 1rem;
      border-radius: 14px;
      background: #fff;
      color: #4d058e;
      font-size: 1.65rem;
      box-shadow: 0 14px 34px rgba(15, 23, 42, .18);
    }

    #lab-why .masaqy-advantage-card h3 {
      margin-bottom: .65rem;
      color: #fff;
      font-size: clamp(1.05rem, 1.35vw, 1.24rem);
      font-weight: 950;
      line-height: 1.45;
    }

    #lab-why .masaqy-advantage-card p {
      color: rgba(255, 255, 255, .84);
    }

    #lab-challenges,
    #engineering-solutions,
    #ecommerce-stack {
      margin-bottom: clamp(3.5rem, 6vw, 6rem) !important;
    }

    @media (max-width: 991.98px) {
      .ecommerce-wide-card {
        grid-column: auto;
      }

      #engineering-solutions .consulting-groups-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      #lab-methodology .consulting-method-timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      #lab-methodology .consulting-method-timeline::before {
        display: none;
      }
    }

    @media (max-width: 575.98px) {
      #lab-hero .consulting-hero-title {
        font-size: clamp(2.05rem, 11vw, 3rem);
        line-height: 1.25;
      }

      .ecommerce-tech-list,
      .ecommerce-ready-list {
        display: grid;
        grid-template-columns: 1fr;
      }

      .ecommerce-tech-list li,
      .ecommerce-ready-list li {
        width: 100%;
      }

      #engineering-solutions .consulting-groups-grid {
        grid-template-columns: 1fr;
      }

      #lab-methodology .consulting-method-timeline {
        grid-template-columns: 1fr;
      }
    }