@import url(../sections/features.css);
@import url(../sections/statistics.css);
@import url(../sections/solutions.css);
@import url(../sections/period.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: 100%;
}
.hero .section-title h1 span,
.hero .section-title .h1 span {
  display: block;
  color: var(--azure-radiance-500);
}
.hero .section-title p {
  max-width: 664px;
  margin-bottom: 40px;
}
.hero-action-buttons {
  margin-bottom: 64px;
}

.features .section-title p {
  max-width: 508px;
}

.period .section-title {
  max-width: 560px;
}
.period .section-title p {
  max-width: 508px;
}

.solutions {
  padding-top: 128px;
}
.solutions-list {
  grid-template-columns: repeat(4,1fr);
}
@media (max-width: 946px) {
  .solutions-list {
    grid-template-columns: repeat(2,1fr);
  }
}

.success-story-block-content-tags {
  margin-top: 0;
}

.advantages {
  padding-top: 0;
}
.advantages .section-title p {
  max-width: 548px;
}

.faq {
  padding-top: 128px;
}