.sec-contact {
  position: relative;
  background-image: var(--contct-bg);
  background-size: cover;
  background-position: center;
}
.contact-block {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 9.4444vw;
  padding: 0 4.3055vw;
}
.contact-text {
  width: 100%;
  max-width: 37.5694vw;
}
.contact-text .fw-56 {
  max-width: 88%;
}
.contact-box {
  width: 100%;
  max-width: 40.1388vw;
  background: var(--brown);
  border-radius: var(--10);
  padding: 2.2222vw 2.7777vw;
}
.contact-box .fw-24 {
  line-height: 120%;
}
.contact-text p {
  margin: 0;
}
@media(min-width:768px) and (max-width:991.98px) {
  .contact-block {
    gap: 4.4444vw;
    padding: 0;
  }
  .contact-text {
    max-width: 28rem;
  }
  .contact-box {
    max-width: 40rem;
    padding: 2.4rem;
  }
  .contact-box .fw-24 {
    width: 95%;
  }
  .contact-box .fw-24 br {
    display: none;
  }
}
@media(max-width:767.98px) {
  .sec-contact {
    background-image: var(--contct-mobile-bg);
    background-position: top center;
    background-size: auto 66.8rem;
    background-repeat: no-repeat;
    background-color: var(--black);
    padding: 0 0 1.6rem;
  }
  .contact-block {
    gap: 0;
    padding: 0;
    flex-direction: column;
  }
  .contact-text {
    max-width: 100%;
    min-height: 58.4rem;
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: flex-end;
    padding: 4rem 0 9.3rem;
  }
  .contact-text .mb-32 {
    margin-bottom: 2.4rem;
  }
  .contact-text .fw-56 {
    max-width: 100%;
    font-size: 4.8rem;
  }
  .contact-box {
    max-width: 100%;
    border-radius: 1rem;
    padding: 3.2rem 2rem;
  }
  .contact-box br {
    display: none;
  }
}