.contact {
  padding: 5.3125rem 0 13.4375rem;
  background-color: var(--gray-background);
}
.contact .form {
  width: 100%;
}
.contact .form__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  max-width: 8.4375rem;
  margin: 1.5625rem 0 0 auto;
}
.contact .form__button .btn {
  width: 100%;
}
.contact__title {
  margin-bottom: 0.9375rem;
}
.contact__text {
  margin-bottom: 1.875rem;
}
.contact__container {
  padding: 2.5rem;
  -webkit-box-shadow: 0 3px 19px 0 rgba(105, 122, 143, 0.1);
  box-shadow: 0 3px 19px 0 rgba(105, 122, 143, 0.1);
  background-color: var(--white);
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact__wrapper {
  max-width: 15rem;
  padding-right: 1.25rem;
  margin-right: 2.5rem;
  width: 100%;
  border-right: 1px solid var(--gray-stroke);
}
.contact__subtitle {
  margin-bottom: 1.25rem;
  color: var(--text-black);
}
.contact__list > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: var(--green-primary);
  -webkit-transition: color var(--hover-transition);
  transition: color var(--hover-transition);
}
.contact__list > li > a > svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.625rem;
}
.contact__list > li > a > svg path {
  -webkit-transition: fill var(--hover-transition);
  transition: fill var(--hover-transition);
}
@media (any-hover: hover) {
  .contact__list > li > a:hover {
    color: var(--text-black);
  }
  .contact__list > li > a:hover path {
    fill: var(--text-black);
  }
}
.contact__list > li:not(:last-child) {
  margin-bottom: 0.9375rem;
}
@media (max-width: 768px) {
  .contact {
    background-color: unset;
    padding: 24px 0 50px;
  }
  .contact .form {
    margin-bottom: 32px;
  }
  .contact__text {
    margin-bottom: 24px;
  }
  .contact__container {
    background-color: transparent;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding: unset;
    border-radius: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .contact__wrapper {
    max-width: unset;
    padding-right: unset;
    margin-right: unset;
    border-right: unset;
  }
}
/*# sourceMappingURL=contact.css.map */
/*# sourceMappingURL=contact.css.map */