@import url(../sections/results.css);
@import url(../sections/situation-analysis.css);
@import url(../sections/features.css);
@import url(../sections/experiences.css);
@import url(../sections/banner.css);
@import url(../sections/period.css);
@import url(../sections/statistics.css);
@import url(../sections/power.css);
@import url(../sections/success-story.css);
@import url(../sections/comment.css);
@import url(../sections/quick-links.css);

.hero {
  padding-bottom: 64px;
}
.hero .section-title {
  max-width: 640px;
  margin-bottom: 64px;
}
.hero .section-title h1 span,
.hero .section-title .h1 span {
  display: block;
  color: var(--azure-radiance-500);
}

.features .application-process-boxes {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 991px) {
  .features .application-process-boxes {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .features .application-process-boxes {
    grid-template-columns: 1fr;
  }
}

.success-stories {
  padding: 128px 0;
}
.success-stories-card {
  grid-row: span 2;
}

.faq {
  padding-top: 128px;
}
.faq .section-title p {
  max-width: 596px;
}