/* AI Page CSS : support-services */

@media screen and (min-width: 1400px) {
   .common-ai-banner-os.bigsupeol-ban {
         background-image: url("/wp-content/uploads/2026/07/hero-bigsup.webp");
        background-position: center;
        padding: 20vh 0 20vh;
    }
}
@media screen and (max-width: 1399px) {
    .common-ai-banner-os.bigsupeol-ban {
        background-image: url("/wp-content/uploads/2026/07/hero-bigsup.webp");
        padding: 15vh 4px 15vh;
    }
}

@media screen and (min-width: 768px) {
    .common-g-airflow-cmp__th-v2 {
        width: 300px;
    }
}

@media screen and (max-width: 1080px) {
    .common-ai-banner-os.bigsupeol-ban {
        background-image: url('/wp-content/uploads/2026/06/hero-ai-mob.webp');
        padding: 100px 0 100px;
        background-position: bottom;
    }
}

@media screen and (max-width: 767.98px) {
    .common-ai-banner-os.bigsupeol-ban {
        padding: 32px 0 32px;
        background-position: bottom;
    }
}

    .bigdata-section {
      position: relative;
      overflow: hidden;
      background-image: url('/wp-content/uploads/2026/07/bigsupbg.webp');
      padding: 80px 0px;
      background-position: top;
      background-repeat: no-repeat;
      background-size: cover;

    }
    .bigdata-heading-wrap {
      text-align: center;
      margin-bottom: 40px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 16px;
    }

    .bigdata-heading-title {
      font-weight: 600;
      font-size: 40px;
      line-height: 48px;
      letter-spacing: -0.8px;
      color: #212121;
      margin: 0;
      text-transform: capitalize;
      max-width: 846px;
    }

    .bigdata-heading-desc {
      font-weight: 500;
      font-size: 18px;
      line-height: 27px;
      color: #000000;
      margin: 0;
      max-width: 647px;
    }

    .bigdata-grid {
      gap: 0;
      --bs-gutter-x: 16px;
      --bs-gutter-y: 16px;
    }

    .bigdata-col {
      display: flex;
    }

    .bigdata-card-outer {
      width: 100%;
      height: 100%;
    }

    .bigdata-card {
      background: rgba(255, 255, 255, 0.72);
      backdrop-filter: blur(16.6px);
      -webkit-backdrop-filter: blur(16.6px);
      border-radius: 24px;
      padding: 16px;
      box-shadow: 0 0 41.5px rgba(0, 0, 0, 0.04);
      display: flex;
      flex-direction: column;
      gap: 24px;
      height: 100%;
      min-height: 521px;
      position: relative;
    }

    .bigdata-card:before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 24px;
      padding: 1.5px;
      background: linear-gradient(135deg, #1a1aff 0%, #7b3fe4 45%, #e0678c 72%, #ff2d2d 100%);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
      z-index: 2;
    }

    .bigdata-card-img-wrap {
      position: relative;
      height: 245px;
      width: 100%;
      border-radius: 8px;
      overflow: hidden;
      flex-shrink: 0;
    }

    .bigdata-card-img-overlay {
      position: absolute;
      inset: 0;
      border-radius: 8px;
      background: linear-gradient(90deg, rgb(86, 74, 232) 0%, rgb(186, 98, 188) 26.923%, rgb(224, 103, 140) 56.25%, rgb(232, 93, 104) 100%);
      opacity: 0.10;
      pointer-events: none;
    }

    .bigdata-card-logo {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 62%;
      max-height: 70%;
      width: auto;
      height: auto;
      object-fit: contain;
      display: block;
      pointer-events: none;
    }

    .bigdata-card-body {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex: 1 0 0;
      gap: 16px;
      min-height: auto;
    }

    .bigdata-card-text {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .bigdata-card-title {
      font-weight: 600;
      font-size: 24px;
      line-height: 36px;
      color: #000000;
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .bigdata-card-desc {
      font-weight: 500;
      font-size: 18px;
      line-height: 27px;
      color: #484848;
      margin: 0;
    }

    .bigdata-card-cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      padding: 16px;
      background-color: #0F0232;
      color: #ffffff;
      border-radius: 4px;
      text-decoration: none;
      font-weight: 500;
      font-size: 16px;
      line-height: 20px;
      flex-shrink: 0;
      transition: background-color 0.2s ease, opacity 0.2s ease;
    }

    .bigdata-card-cta:hover {
      background-color: #1a0556;
      color: #ffffff;
      text-decoration: none;
    }

    .bigdata-card-cta:active {
      opacity: 0.85;
      transform: translateY(1px);
    }


    /* ═══════════════ @media (max-width: 991.98px) — TABLET ═══════════════ */
    @media (max-width: 991.98px) {
      .bigdata-section {
        padding: 60px 0px;
      }

      .bigdata-heading-title {
        font-size: 36px;
        line-height: 44px;
      }

      .bigdata-heading-desc {
        font-size: 16px;
        line-height: 24px;
      }

      .bigdata-grid {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
      }

      .bigdata-bg-deco {
        width: 900px;
        height: 560px;
        top: -200px;
        left: -80px;
      }
    }


    /* ═══════════════ @media (max-width: 767.98px) — MOBILE ═══════════════ */
    @media (max-width: 767.98px) {
      .bigdata-section {
        padding: 40px 4px;
      }

      .bigdata-heading-title {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -0.32px;
        max-width: 100%;
      }

      .bigdata-heading-desc {
        font-size: 16px;
        line-height: 24px;
        max-width: 100%;
      }

      .bigdata-heading-wrap {
        margin-bottom: 24px;
      }

      .bigdata-grid {
        --bs-gutter-x: 0;
        --bs-gutter-y: 16px;
      }

      .bigdata-card-outer {
        width: 100%;
      }

      .bigdata-card {
        min-height: auto;
      }

      .bigdata-card-title {
        white-space: normal;
      }

      .bigdata-bg-deco {
        width: 500px;
        height: 310px;
        top: -80px;
        left: -50px;
        opacity: 0.6;
      }
    }