/* Start Hero */
.hero {
  padding-top: 150px;
}
.hero--termites .hero-image {
  width: calc(80px + 29vw);
  right: calc(30vw - 285px);
  max-width: 610px;
  transform: translateY(10%);
}
.hero--termites h1 {
  max-width: 625px;
}
@media (max-width: 1280px) {
  .hero {
    padding-top: 135px;
  }
  .hero__content {
    max-width: 582px;
  }
}
@media (max-width: 980px) {
  .hero__content {
    max-width: 520px;
  }
}
@media (max-width: 850px) {
  body .hero.hero--secondary h1 {
    margin-bottom: 20px;
  }
  .hero--termites .hero-image {
    width: 90%;
    max-width: 500px;
  }
}
@media (max-width: 450px) {
  body .hero.hero--secondary h1 {
    font-size: calc(var(--textFontSizeXL) - 4px);
  }
  .hero__wrapper {
    margin-bottom: 30px;
  }
}
/* End Hero */

/* Start About */
.termites-about {
  position: relative;
  padding: 85px var(--sidePadding);
}
.termites-about__wrapper {
  max-width: var(--maxScreenWidth);
  margin: 0 auto;
  display: flex;
  gap: 75px;
  color: var(--grayDark);
}
.termites-about__title {
  font-size: var(--textFontSizeL);
  font-weight: 700;
  text-transform: uppercase;
}
.termites-about__wrapper > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: space-between;
}
.termites-about__wrapper img {
  width: 100%;
  height: 268px;
  border-radius: 30px;
}
.termites-about__content {
  font-size: var(--textFontSizeS);
  font-weight: 400;
  font-family: var(--secondaryFont);
  text-align: justify;
}
.termites-about__content strong {
  font-weight: 500;
}

@media (max-width: 1280px) {
  .termites-about__wrapper {
    gap: 4vw;
  }
  .termites-about__wrapper img {
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
  }
}
@media (max-width: 980px) {
  .termites-about__wrapper {
    flex-direction: column;
  }
  .termites-about__wrapper img {
    width: 100%;
    height: calc(120px + 30vw);
    border-radius: 30px;
  }
  .termites-about__wrapper > div:last-of-type {
    flex-direction: column-reverse;
  }
}
/* End About */

.termites-prevention.image-with-accordion-list {
  height: 640px;
}
.termites-treatments.image-with-accordion-list {
  height: 1000px;
}

.post-template-service-termites .feedback__slider h2 {
  max-width: 666px;
}