/* ========================
   Digital Twin Benefits Grid
   ======================== */

.digital-twin-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-12);
  margin-top: var(--space-8);
}

.benefit-card {
  background: var(--bs-body-bg);
  padding: var(--space-12) var(--space-10);
  border-radius: 0.5rem;
  box-shadow: var(--shadow-spread) var(--overlay-primary-body-08);
  min-height: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--space-6);
}

.benefit-icon img {
  width: var(--space-12);
  height: var(--space-12);
  object-fit: contain;
  filter: none;
}

/* ========================
   RESPONSIVE DESIGN
   ======================== */

/* Large Desktop (1440px and up) */
@media (min-width: 1440px) {
  .digital-twin-benefits-grid {
    margin-top: var(--space-13);
  }
}

/* Desktop (1200px to 1439px) */
@media (max-width: 1439px) and (min-width: 1200px) {
  .digital-twin-benefits-grid {
    margin-top: var(--space-12);
  }
}

/* Tablet Large (992px to 1199px) */
@media (max-width: 1199px) and (min-width: 992px) {
  .digital-twin-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
    margin-top: var(--space-11);
  }
}

/* Tablet (768px to 991px) */
@media (max-width: 991px) and (min-width: 768px) {
  .digital-twin-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
    margin-top: var(--space-10);
  }
}

/* Mobile (576px to 767px) */
@media (max-width: 767px) and (min-width: 576px) {
  .digital-twin-benefits-grid {
    grid-template-columns: 1fr;
    margin-top: var(--space-9);
  }
}

/* Small Mobile (up to 575px) */
@media (max-width: 575px) {
  .digital-twin-benefits-grid {
    grid-template-columns: 1fr;
    margin-top: var(--space-8);
  }
}

@media (max-width: 991.98px) {
  .digital-twin-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
    margin-top: var(--space-10);
  }
}

@media (max-width: 575.98px) {
  .digital-twin-benefits-grid {
    grid-template-columns: 1fr;
    margin-top: var(--space-9);
  }
}