@import "../sections/period.css";
@import "../sections/statistics.css";
@import "../sections/showcase.css";
@import "../sections/comment.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;
}

.showcase {
  padding-top: 128px;
}
.showcase-list-item:nth-child(3) .showcase-list-item-cover {
  border-radius: 0 8px 8px 0;
}
.showcase-list-item:nth-child(4) .showcase-list-item-cover {
  border-radius: 8px 0 8px 8px;
}
@media (max-width: 767px) {
  .showcase-list-item:nth-child(3) .showcase-list-item-cover,
  .showcase-list-item:nth-child(4) .showcase-list-item-cover {
    border-radius: 8px;
  }
}

.faq {
  padding-top: 128px;
}