.wa-about-us-hero {
  align-items: center;
}
.wa-about-us-hero-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--space-l);
  border-radius: var(--radius-l);
  background: var(--accent);
  height: 50rem;
  gap: var(--space-m);
}
@media (max-width: 991px) {
  .wa-about-us-hero-left {
    height: unset;
  }
}
.wa-about-us-hero-left h1 {
  font-size: calc(var(--text-xxl));
}
.wa-about-us-hero-left h2 {
  font-weight: 400;
  font-size: calc(var(--text-l) * .8);
}
.wa-about-us-hero-img {
  border-radius: var(--radius-l);
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 50rem;
}
@media (max-width: 991px) {
  .wa-about-us-hero-img {
    height: 45rem;
  }
}
@media (max-width: 767px) {
  .wa-about-us-hero-img {
    height: 35rem;
  }
}
@media (max-width: 487px) {
  .wa-about-us-hero-img {
    height: 25rem;
  }
}
.wa-about-us-hero-img img {
  object-position: center bottom;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.wa-about-us-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}
.wa-about-us-content-inner {
  margin-block: var(--space-s);
}
.wa-about-us-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  gap: var(--space-xs);
  padding: var(--space-l);
  border-radius: var(--radius-l);
  background-color: var(--accent);
}
@media (max-width: 991px) {
  .wa-about-us-box {
    border-radius: var(--radius-m);
  }
}
.wa-about-us-box__icon {
  height: 3.5rem;
  width: 3.5rem;
}
.wa-about-us-box__text {
  font-size: calc(var(--text-m) * 1.1);
  font-weight: 700;
}