/* AI Solution — responsive */

@media (min-width: 1400px) {
  .ai-solution__inner {
    max-width: 1360px;
  }

  .ai-solution {
    --as-card-h: 760px;
    --as-phone-w: 92%;
    --as-phone-crop: 44%;
  }

  .ai-solution__cards {
    gap: 26px;
  }

  .ai-solution__image img {
    max-width: 250px;
  }
}

@media (max-width: 1199.98px) {
  .ai-solution {
    --as-card-h: 660px;
    --as-phone-w: 88%;
    --as-phone-crop: 42%;
    padding: 56px 0 48px;
  }

  .ai-solution__cards {
    gap: 16px;
  }

  .ai-solution__card-body {
    padding: 26px 10px 0;
  }

  .ai-solution__card-title {
    font-size: 0.88rem;
  }

  .ai-solution__card-text {
    font-size: 0.66rem;
  }

  .ai-solution__image img {
    max-width: 200px;
    transform: scale(1.38);
  }

  .ai-solution__chevron {
    right: -10px;
  }

  .ai-solution__summary {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

@media (max-width: 991.98px) {
  .ai-solution {
    --as-card-h: 640px;
    --as-phone-w: 82%;
    --as-phone-crop: 46%;
  }

  .ai-solution__features {
    flex-wrap: wrap;
    margin-bottom: 28px;
  }

  .ai-solution__feature {
    flex: 1 1 30%;
    padding: 8px 10px;
  }

  .ai-solution__feature:not(:last-child)::after {
    display: none;
  }

  .ai-solution__flow-line {
    display: none;
  }

  .ai-solution__chevron {
    display: none;
  }

  .ai-solution__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 18px;
  }

  .ai-solution__card {
    height: var(--as-card-h);
  }

  .ai-solution__card:nth-child(5) {
    grid-column: 1 / -1;
    max-width: 340px;
    margin: 0 auto;
    width: 100%;
  }

  .ai-solution__image img {
    max-width: 240px;
    transform: scale(1.32);
  }
}

@media (max-width: 767.98px) {
  .ai-solution {
    --as-card-h: 620px;
    --as-phone-crop: 48%;
    padding: 48px 0 40px;
  }

  .ai-solution__header {
    margin-bottom: 18px;
  }

  .ai-solution__features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
    margin-bottom: 24px;
  }

  .ai-solution__feature {
    flex: none;
    max-width: none;
    padding: 8px 6px;
  }

  .ai-solution__feature:nth-child(5) {
    display: none;
  }

  .ai-solution__cards {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .ai-solution__card,
  .ai-solution__card:nth-child(5) {
    height: var(--as-card-h);
    max-width: 320px;
    margin: 0 auto;
    width: 100%;
  }

  .ai-solution__card-body {
    padding: 28px 16px 0;
  }

  .ai-solution__image img {
    max-width: 260px;
    transform: scale(1.28);
  }

  .ai-solution__summary {
    padding: 16px 14px;
  }

  .ai-solution__summary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}

@media (max-width: 575.98px) {
  .ai-solution {
    --as-card-h: 600px;
    padding: 40px 0 36px;
  }

  .ai-solution__title {
    font-size: 1.45rem;
  }

  .ai-solution__card,
  .ai-solution__card:nth-child(5) {
    max-width: 300px;
  }

  .ai-solution__card-title {
    font-size: 1rem;
  }

  .ai-solution__card-text {
    font-size: 0.78rem;
  }
}