body:has(.about-us) #main-header {
  position: absolute;
  width: 100%;
}

.about-us {
  background: url("../../../public/images/bg-about-us.webp") no-repeat center top;
  background-size: cover;
}
.about-us .heading-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-height: 750px;
  height: 100vw;
}
.about-us .heading-container .container {
  display: grid;
  grid-template-columns: 1.245fr 1fr;
}
.about-us .heading-container .container h1 {
  font-size: clamp(2rem, 2vw + 3rem, 6rem);
  color: #fff;
}
.about-us .heading-container .container .description {
  display: block;
  font-size: 1.375rem;
  font-weight: 300;
  color: #fff;
}

section[aria-labelledby=pioneira] {
  padding-block: calc(5vw + 4rem);
}
section[aria-labelledby=pioneira] h2 {
  font-size: clamp(2rem, 2vw + 1rem, 3.375rem);
  font-weight: 700;
  color: var(--gerotto-blue);
}
section[aria-labelledby=pioneira] h2 strong {
  font-weight: 700;
  color: var(--gerotto-red);
}
section[aria-labelledby=pioneira] p {
  padding-block: 2.5rem;
  font-size: 2rem;
  font-weight: 300;
  color: var(--gerotto-blue);
}
section[aria-labelledby=pioneira] .about-blocks {
  display: flex;
  column-gap: 4rem;
}
section[aria-labelledby=pioneira] .about-blocks span {
  font-size: 1.25rem;
  color: #2e2e2e;
  line-height: 26px;
  font-weight: 300;
}

section[aria-labelledby=phrase] {
  background: url("../../../public/images/about-us-02.webp") no-repeat center center;
  background-size: cover;
}
section[aria-labelledby=phrase] .container {
  --max-width: 1200px;
  display: flex;
  align-items: center;
  height: 100vw;
  max-height: 520px;
}
section[aria-labelledby=phrase] .container #phrase {
  font-size: clamp(1.5rem, 2vw + 1rem, 2.2rem);
  font-weight: 300;
  text-align: center;
  color: #fff;
}

section[aria-labelledby=how-works] {
  padding-block: calc(5vw + 4rem);
  border-bottom: 2px solid #e2e2e2;
}
section[aria-labelledby=how-works] h2 {
  font-size: clamp(2rem, 2vw + 1rem, 3.375rem);
  font-weight: 700;
  color: var(--gerotto-blue);
}
section[aria-labelledby=how-works] h2 span {
  font-weight: 700;
  color: var(--gerotto-red);
}
section[aria-labelledby=how-works] p {
  padding-block: 2.5rem;
  font-size: 2rem;
  font-weight: 300;
  color: var(--gerotto-blue);
}
section[aria-labelledby=how-works] #tabs {
  background: linear-gradient(to right, #fff 50%, var(--gerotto-blue) 50%);
}
section[aria-labelledby=how-works] #tabs .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
section[aria-labelledby=how-works] #tabs .container .tabs-nav ul {
  list-style: none;
  line-height: 5rem;
}
section[aria-labelledby=how-works] #tabs .container .tabs-nav ul li {
  display: flex;
  align-items: center;
  gap: 2rem;
}
section[aria-labelledby=how-works] #tabs .container .tabs-nav ul li a {
  font-size: 2rem;
  color: var(--gerotto-blue);
  font-weight: 300;
}
section[aria-labelledby=how-works] #tabs .container .tabs-nav ul li::before {
  content: "";
  display: block;
  font-size: 2rem;
  width: 73px;
  height: 19px;
  color: var(--gerotto-red);
}
section[aria-labelledby=how-works] #tabs .container .tabs-nav ul .active a {
  font-weight: 700;
}
section[aria-labelledby=how-works] #tabs .container .tabs-nav ul .active::before {
  background: url("../../../public/images/arrow-nav-tab.png") no-repeat center left;
}
section[aria-labelledby=how-works] #tabs .container .tabs-scroll {
  background: var(--gerotto-blue);
  padding: calc(4vw + 2rem) calc(4vw + 2rem) calc(4vw + 2rem) calc(2vw + 3rem);
}
section[aria-labelledby=how-works] #tabs .container .tabs-scroll p {
  font-size: 1.25rem;
  line-height: 28px;
  color: #fff;
  font-weight: 100;
}

section[aria-labelledby=why-choose-us] {
  padding-block: calc(3vw + 2rem);
}
section[aria-labelledby=why-choose-us] h2 {
  font-size: clamp(2rem, 2vw + 1rem, 3.375rem);
  font-weight: 700;
  color: var(--gerotto-blue);
}
section[aria-labelledby=why-choose-us] h2 span {
  font-weight: 700;
  color: var(--gerotto-red);
}
section[aria-labelledby=why-choose-us] .why-choose-us-blocks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-top: calc(4vw + 3rem);
  gap: 5rem;
}
section[aria-labelledby=why-choose-us] .why-choose-us-blocks h3 {
  font-size: clamp(2rem, 2vw + 1rem, 3.75rem);
  font-weight: 300;
  color: var(--gerotto-red);
  margin-bottom: 1rem;
}
section[aria-labelledby=why-choose-us] .why-choose-us-blocks p {
  font-size: 1.5rem;
  font-weight: 100;
  color: #777777;
}

.--gerotto-cta {
  background: url("../../../public/images/about-us-cta.webp") no-repeat center top;
}
.--gerotto-cta .container {
  grid-template-columns: 1fr 1.5fr;
}
.--gerotto-cta .container .cta-text h2 {
  font-size: clamp(1.5rem, 2vw + 1rem, 3rem);
  font-weight: 600;
  color: var(--gerotto-blue);
}
.--gerotto-cta .container .cta-text p {
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 30px;
  color: var(--gerotto-blue);
}
.--gerotto-cta .container .cta-text p strong {
  color: var(--gerotto-red);
}

/*# sourceMappingURL=style.css.map */