.contact-v1__grid {
  background-color: #f7f7f7;
}

.contact-v1__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 2.5rem;
}
@media (min-width: 768px) {
  .contact-v1__wrap {
    padding: 10rem;
  }
}

.contact-v1__title {
  color: rgba(var(--color-foreground));
  font-size: calc(var(--font-heading-scale) * 1.4rem);
  letter-spacing: calc(var(--font-heading-scale) * 0.48rem);
  text-transform: uppercase;
  position: relative;
  padding-bottom: 3rem;
  margin-bottom: 3.5rem;
}
@media (max-width: 767px) {
  .contact-v1__title {
    padding-bottom: 1.5rem;
  }
}

.contact-v1__title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 8rem;
  height: 0.1rem;
  background: rgba(var(--color-foreground), 0.5);
}

.contact-v1__btn {
  margin: 6rem 0 2rem;
}
@media (max-width: 767px) {
  .contact-v1__btn {
    margin: 1rem 0;
  }
}
.contact-v1__btn .xo-btn__content {
  text-underline-offset: 1rem;
}
.contact-v1__btn .xo-btn__text {
  font-size: clamp(1.6rem, calc(2.5vw + 0.6rem), 3.6rem);
  font-weight: 500;
  text-transform: unset;
  text-underline-offset: 1rem;
}

.contact-v1__follow-us {
  margin-top: 3rem;
}
@media (min-width: 992px) {
  .contact-v1__follow-us {
    margin-top: 5rem;
  }
}

.contact-v1__social {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}

.contact-v1__social-item {
  color: rgb(var(--color-foreground));
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.3);
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.contact-v1__social-item svg {
  color: rgba(var(--color-foreground));
  transition: 0.3s;
}

.contact-v1__social-item:hover {
  background-color: rgb(var(--color-foreground));
  border: 0.1rem solid rgb(var(--color-foreground));
}
.contact-v1__social-item:hover svg {
  color: rgba(var(--color-background));
}

.contact-v1__map {
  height: 100%;
}
.contact-v1__map iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .contact-v1__map iframe {
    height: 70dvh;
  }
}
.contact-v1__map a {
  display: block;
  height: 100%;
}
.contact-v1__map .xo-image {
  height: 100%;
}
.contact-v1__map img {
  height: 100%;
}