.center-text-section__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.center-text-section__title, .center-text-section__description {
  max-width: 700px;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .center-text-section__title, .center-text-section__description {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 992px) {
  .center-text-section__title, .center-text-section__description {
    margin-bottom: 1.875rem;
  }
}
.center-text-section__title {
  font-weight: 400;
  font-size: 1.625rem;
}
@media (min-width: 768px) {
  .center-text-section__title {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .center-text-section__title {
    font-size: 2.25rem;
  }
}
.center-text-section__title-bold {
  font-weight: 700;
}
.center-text-section .btn-primary {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .center-text-section .btn-primary {
    margin-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .center-text-section .btn-primary {
    margin-bottom: 100px;
  }
}
.center-text-section__boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .center-text-section__boxes {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .center-text-section__boxes {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .center-text-section__boxes {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .center-text-section__boxes {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 992px) {
  .center-text-section__boxes {
    margin-bottom: 1.875rem;
  }
}
.center-text-section__box {
  background-color: #fbfaf7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: start;
  height: 100%;
  padding: 1rem;
}
@media (min-width: 768px) {
  .center-text-section__box {
    padding: 1.25rem;
  }
}
.center-text-section__box-header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .center-text-section__box-header {
    margin-bottom: 1.25rem;
  }
}
