/* Pricing Page: How Our Pricing Works Block */

.pricing-page-how {
  padding-top: 80px;
  padding-bottom: 96px;
}

.pricing-page-how__heading {
  margin: 0;
  font-family: "Suisse Intl", Arial, sans-serif;
  font-weight: 400;
  font-size: clamp(34px, 4.6vw, 52px);
  line-height: 1.06;
  letter-spacing: -0.03em;
  color: #075056;
}

.pricing-page-how__subtext {
  margin: 20px 0 0;
  font-family: "Suisse Intl", Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #596A6B;
}

.pricing-page-how__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 21px;
}

.pricing-page-how__card {
  display: flex;
  flex-direction: column;
  min-height: 200px;
  padding: 20px 24px 26px;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
}

.pricing-page-how__icon {
  width: 24px;
  height: 24px;
  color: #053D42;
}

.pricing-page-how__icon--up {
  margin-top: -5px;
}

.pricing-page-how__card-title {
  margin: 0;
  margin-top: auto;
  padding-top: 40px;
  font-family: "Suisse Intl", Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  color: #053D42;
}

.pricing-page-how__card-text {
  margin: 6px 0 0;
  font-family: "Suisse Intl", Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #596A6B;
}

@media (min-width: 768px) {
  .pricing-page-how {
    padding-top: 129px;
    padding-bottom: 155px;
  }

  .pricing-page-how__subtext {
    font-size: 22px;
    line-height: 27px;
  }

  .pricing-page-how__card-title {
    font-size: 22px;
    line-height: 27px;
  }
}

@media (min-width: 861px) {
  .pricing-page-how__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .pricing-page-how__card {
    min-height: 222px;
  }
}