/* MOBILE */
.services-section--alternating-rows {
  figure {
    aspect-ratio: 16/9;
  }
}

.services-section .card {
  background-color: var(--color-secondary);
  border-radius: var(--radius-default);
  box-shadow: var(--shadow-secondary);
  color: var(--color-primary);
  padding: 12px 14px;

  h3 {
    color: var(--color-accent-light);
    margin-bottom: 0;
  }

  i {
    display: block;
    height: 42px;
    width: 42px;
  }
}

.services-section--alternating-rows {
  figure {
    border-radius: var(--radius-default);
    box-shadow: var(--shadow-secondary);
  }
}

.services-section--icons-grid {
  .services-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}


/* TABLET */
@media (min-width: 768px) {
  .services-section--icons-grid {
    .services-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
}


/* DESKTOP */
@media (min-width: 1024px) {
  .services-section--alternating-rows {
    figure {
      aspect-ratio: 9/10;
    }
  }

  .services-section--icons-grid {
    .services-grid {
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
  }
}