/* Styles ported from static MASAQY page: i-e-systems.html */

#enterprise-specialties .enterprise-specialties-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.25rem;
    }

    #enterprise-specialties .enterprise-specialties-grid .enterprise-specialty-card:nth-child(1),
    #enterprise-specialties .enterprise-specialties-grid .enterprise-specialty-card:nth-child(4) {
      grid-column: span 2;
    }

    #enterprise-specialties .enterprise-specialties-grid .enterprise-specialty-card:nth-child(2),
    #enterprise-specialties .enterprise-specialties-grid .enterprise-specialty-card:nth-child(3) {
      grid-column: span 1;
    }

    #enterprise-specialties .enterprise-specialty-card {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      min-height: 100%;
      padding: clamp(1.1rem, 1.6vw, 1.45rem);
      border: 1px solid rgba(90, 24, 154, .1);
      border-radius: 8px;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .78)),
        radial-gradient(circle at 14% 12%, rgba(78, 168, 222, .12), transparent 34%);
      box-shadow: 0 22px 62px rgba(90, 24, 154, .09);
      color: #111827;
      overflow: hidden;
    }

    #enterprise-specialties .enterprise-specialty-card:hover {
      transform: translateY(-6px);
      border-color: rgba(78, 168, 222, .28);
      box-shadow: 0 28px 70px rgba(90, 24, 154, .14);
    }

    #enterprise-specialties .enterprise-specialty-card-wide {
      display: grid;
      grid-template-columns: minmax(190px, .9fr) minmax(0, 1.1fr);
      align-items: stretch;
    }

    #enterprise-specialties .enterprise-specialty-media {
      min-height: 220px;
      border-radius: 8px;
      overflow: hidden;
      background: #eef4ff;
    }

    #enterprise-specialties .enterprise-specialty-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    #enterprise-specialties .enterprise-specialty-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: .75rem;
      min-width: 0;
    }

    #enterprise-specialties .enterprise-specialty-icon {
      display: grid;
      place-items: center;
      width: 48px;
      height: 48px;
      border-radius: 16px;
      color: #fff;
      background: linear-gradient(135deg, #5A189A, #4EA8DE);
      box-shadow: 0 14px 30px rgba(90, 24, 154, .18);
      font-size: 1.25rem;
    }

    #enterprise-specialties .enterprise-specialty-card h3 {
      margin: 0;
      color: #5A189A;
      font-size: clamp(1rem, 1.2vw, 1.22rem);
      font-weight: 800;
      line-height: 1.45;
    }

    #enterprise-specialties .enterprise-specialty-card p {
      margin: 0;
      color: rgba(17, 24, 39, .64);
      font-size: .9rem;
      line-height: 1.8;
    }

    #enterprise-specialties .enterprise-specialty-points,
    #enterprise-specialties .consulting-sub-tags {
      display: flex;
      flex-wrap: wrap;
      gap: .55rem;
      margin-top: .2rem;
    }

    #enterprise-specialties .enterprise-specialty-points span,
    #enterprise-specialties .consulting-sub-tags span,
    #enterprise-specialties .enterprise-specialty-link {
      display: inline-flex;
      align-items: center;
      gap: .4rem;
      width: fit-content;
      padding: .45rem .7rem;
      border: 1px solid rgba(90, 24, 154, .12);
      border-radius: 999px;
      color: #5A189A;
      background: rgba(255, 255, 255, .72);
      font-size: .78rem;
      font-weight: 800;
      text-decoration: none;
    }

    #enterprise-specialties .enterprise-specialty-points i,
    #enterprise-specialties .enterprise-specialty-link i {
      color: #4EA8DE;
    }

    @media (max-width: 767.98px) {
      #enterprise-specialties .enterprise-specialties-grid {
        grid-template-columns: 1fr;
      }

      #enterprise-specialties .enterprise-specialties-grid .enterprise-specialty-card,
      #enterprise-specialties .enterprise-specialties-grid .enterprise-specialty-card:nth-child(1),
      #enterprise-specialties .enterprise-specialties-grid .enterprise-specialty-card:nth-child(2),
      #enterprise-specialties .enterprise-specialties-grid .enterprise-specialty-card:nth-child(3),
      #enterprise-specialties .enterprise-specialties-grid .enterprise-specialty-card:nth-child(4) {
        grid-column: 1 / -1;
      }

      #enterprise-specialties .enterprise-specialty-card-wide {
        grid-template-columns: 1fr;
      }

      #enterprise-specialties .enterprise-specialty-media {
        min-height: 190px;
      }

      #lab-challenges .lab-challenges-grid {
        grid-template-columns: 1fr;
      }

      #lab-challenges .lab-challenges-grid .consulting-challenge-card:nth-child(-n + 4) {
        grid-column: 1 / -1;
      }
    }