.contact-info-block {
  position: relative;
  margin-top: max(6.25rem, 9.765625vw);
}

.contact-info-block::after {
  content: "";
  grid-column: 1 / span 14;
  grid-row: 2 / span 1;
  background-color: var(--dark-green);
}

.contact-info-block__headline {
  grid-column: 2 / span 12;
  grid-row: 1 / span 1;
  text-align: center;
}

.content-wrapper h2.contact-info-block__headline {
  margin-bottom: var(--s-md);
}

.contact-info-block__img-wrapper {
  grid-column: 1 / span 7;
  grid-row: 2 / span 1;
  z-index: 1;
}

.contact-info-block__right-wrapper {
  grid-column: 8 / span 7;
  grid-row: 2 / span 1;
  display: flex;
  flex-direction: column;
  z-index: 1;
  justify-content: space-between;
  padding-bottom: max(6.25rem, 3.90625vw);
}

.contact-info-block__info-list {
  margin-left: calc(2 * var(--grid-col-width) + 3 * var(--grid-gap));
}

.contact-info-block__info-item {
  display: grid;
  color: var(--green);
  grid-template-columns: auto 1fr;
  column-gap: 1.5em;
  margin-top: var(--s-md);
}

.contact-info-block__info-item-headline {
  grid-column: 1 / span 2;
  grid-row: 1 / span 1;
}

.content-wrapper h3.contact-info-block__info-item-headline {
  margin-bottom: max(0.4375rem, 0.8203125vw);
}

.contact-info-block__info-item::before {
  content: "";
  grid-column: 1 / span 2;
  grid-row: 2 / span 1;
  width: 100%;
  height: max(0.3125rem, 0.27em);
  mask-image: url("../../img/wave-repeatable.svg");
  mask-repeat: repeat-x;
  mask-size: contain;
  background-color: currentColor;
  margin-bottom: max(1.5rem, 1.69140625vw);
}

.contact-info-block__info-item-icon {
  width: max(3.0625rem, 3.3203125vw);
  height: auto;
  grid-column: 1 / span 1;
  grid-row: 3 / span 1;
}

.contact-info-block__info-item-text {
  grid-column: 2 / span 1;
  grid-row: 3 / span 1;
  font-size: max(1rem, 1.171875vw);
  font-weight: 700;
  align-self: center;
}

.contact-info-block__btn {
  margin-left: calc(var(--grid-col-width) + 2 * var(--grid-gap));
  margin-top: max(3.125rem, 4.65vw);
}

@media only screen and (orientation: portrait) {
  .contact-info-block__img-wrapper {
    aspect-ratio: 375/300;
  }
}

@media (max-width: 1199.98px) {
  .contact-info-block__info-list {
    margin-left: var(--grid-gap);
  }

  .contact-info-block__btn {
    margin-left: var(--grid-gap);
  }

}

@media (max-width: 767.98px) {
  .contact-info-block__img-wrapper {
    grid-column: 1 / span 14;
    grid-row: 2 / span 1;
  }

  .contact-info-block__right-wrapper {
    grid-column: 3 / span 10;
    grid-row: 3 / span 1;
  }

.contact-info-block__btn {
  align-self: center;
}

.contact-info-block::after {
  grid-row: 3 / span 1;
}

}

@media (max-width: 575.98px) {
    .contact-info-block__right-wrapper {
    grid-column: 2 / span 12;
  }
}