/* Subpage layout tweaks to keep inner pages aligned with the homepage design system.
   This file intentionally reuses existing fonts/colors from styles3860.css.
*/

.subpage .hero {
  min-height: auto;
  background: url(../img/benefints-3.png) no-repeat top right/cover;
}

.subpage .hero .container {
  padding-bottom: 0;
}

.subpage .hero__content {
  max-width: 980px;
}

.subpage .hero__content h1 {
  font-size: 64px;
  line-height: 1.05;
}

.subpage .hero__content p {
  font-size: 20px;
  max-width: 820px;
}

.subpage section {
  padding: 70px 0;
}

.subpage .achievements,
.subpage .services,
.subpage .faq,
.subpage .contacts,
.subpage .about {
  scroll-margin-top: 120px;
}

.subpage .about__text p,
.subpage .faq__item__text__content {
  line-height: 1.6;
}

.subpage .footer {
  padding-top: 0;
}

@media (max-width: 991px) {
  .subpage .hero__content h1 {
    font-size: 44px;
  }

  .subpage .hero__content p {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .subpage .hero {
    background: url(../img/benefints-3.png) no-repeat center bottom/cover;
  }
}

@media (max-width: 575px) {
  .subpage section {
    padding: 55px 0;
  }

  .subpage .hero__content h1 {
    font-size: 36px;
  }
}