.aboutUs {
  padding-top: 100px;
  padding-bottom: 150px;
}

.aboutUs__cards {
  gap: 20px;
}
.aboutUs__card {
  background-color: var(--base100);
  -webkit-box-shadow: var(--baseBoxShadow);
  box-shadow: var(--baseBoxShadow);
  border-radius: 16px;
  padding: 26px 14px;
  -ms-flex-preferred-size: calc((100% - 20px) / 2);
  flex-basis: calc((100% - 20px) / 2);
  text-align: center;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
@media (max-width: 768px) {
  .aboutUs__card {
    padding: 20px 15px;
  }
  .aboutUs__cards {
    gap: 25px;
  }
}
@media screen and (min-width: 576px) {
  .aboutUs__card {
    -ms-flex-preferred-size: initial;
    flex-basis: initial;
    width: 216px;
  }
}
.aboutUs__card-title {
  margin-bottom: 2px;
  color: var(--brandAccentPrimary);
  display: block;
  font-family: MSemiBold;
  font-size: 30px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .aboutUs {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 576px) {
  .aboutUs {
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .aboutUs__card-title {
    font-size: 24px;
  }
  .aboutUs__card-desc {
    font-size: 12px;
  }
  .aboutUs__card {
    padding: 14px 11px;
    flex-basis: 125px;
    align-items: center;
    justify-content: center;
    display: flex;
  }
  .aboutUs__cards {
    gap: 15px;
  }
}