.wa-contact {
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
}
.wa-contact .wa-heading-wrapper {
  justify-content: flex-start;
  text-align: center;
  align-items: flex-start;
}
.wa-contact .wa-heading-wrapper * {
  text-align: left;
}
.wa-contact__content {
  padding: var(--space-l);
  border-radius: var(--radius-l);
  background-color: var(--primary);
}
.wa-contact-content-left {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  padding: var(--space-m);
  background-color: var(--primary);
  border-radius: var(--radius-m);
}
.wa-contact-content-left-iconbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc(var(--space-xs) * 1);
  color: var(--base);
}
.wa-contact-content-left-iconbox__icon {
  height: 2.5rem;
  width: 2.5rem;
  transition: 0.2s all ease-in-out;
}
.wa-contact-content-left-iconbox__text {
  position: relative;
  color: var(--base);
  font-weight: 700;
}
.wa-contact-content-left-iconbox__text:after {
  display: block;
  position: absolute;
  top: calc(100% + 0.1rem);
  left: 0;
  width: 100%;
  border-bottom: 0.1rem solid var(--base);
  content: "";
  transition: transform 0.6s cubic-bezier(0.28, 0.75, 0.22, 0.95);
  transform: scaleX(0);
}
@media (min-width: 1281px) {
  .wa-contact-content-left-iconbox:hover .wa-contact-content-left-iconbox__text:after {
    transform: scale(1);
    transform-origin: left center;
  }
  .wa-contact-content-left-iconbox:hover .wa-contact-content-left-iconbox__icon {
    transform: scale(1.05);
  }
}
.wa-contact-content-left__heading {
  font-size: var(--text-l);
  font-weight: 700;
}
.wa-contact-content-left__row {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
}
.wa-contact-content__img {
  max-height: 50rem;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.wa-contact-content__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .wa-contact-content__img {
    max-height: 35rem;
  }
}