/**
 * MyDigiBits — Why Choose Us page styles.
 */

.mdb-why-page .mdb-card,
.mdb-why-page .mdb-checklist__item {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.mdb-why-page .mdb-card:hover,
.mdb-why-page .mdb-checklist__item:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.12);
  border-color: rgba(37, 99, 235, 0.25);
}

.mdb-why-page .mdb-grid--5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mdb-why-page .mdb-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mdb-why-page .mdb-card--industry {
  border-style: dashed;
}

.mdb-why-compare {
  margin-top: 1.25rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 14px;
  overflow: hidden;
}

.mdb-why-compare__head,
.mdb-why-compare__row {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: .75rem;
  padding: .8rem;
}

.mdb-why-compare__head {
  background: rgba(15, 23, 42, 0.04);
  font-weight: 700;
}

.mdb-why-compare__row + .mdb-why-compare__row {
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

@media (max-width: 1160px) {
  .mdb-why-page .mdb-grid--5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mdb-why-page .mdb-grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .mdb-why-page .mdb-grid--5,
  .mdb-why-page .mdb-grid--4 {
    grid-template-columns: 1fr;
  }
}