#contact .img-bg .img-blue {
  background: url(/i/contact.jpg) no-repeat center/cover;
}

#contact .s1 {
  min-height: 500px;
  height: auto;
  padding: 13rem 0 5rem 0;
}

#contact .s1 .container {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}

#contact .s1 .bottom > div {
  max-width: 410px;
}

#contact .s1 .bottom p {
  padding: 0;
}

#contact .s1 .bottom p::before {
  display: none;
}

#contact .s1 .bottom .social {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
  top: 10px;
}

#contact .s1 .bottom .social p {
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2.6px;
  color: #fff;
  margin-right: 15px;
  position: relative;
  top: 3px;
  padding: 0;
}

#contact .s1 .bottom .social .linkedin {
  display: block;
  width: 18px;
  height: 18px;
  background: url(/i/svg/linkedin.svg) no-repeat center/contain;
  flex-shrink: 0;
}

#contact .s1 .bottom .social .x {
  display: block;
  width: 16px;
  height: 16px;
  background: url(/i/svg/x.svg) no-repeat center/contain;
  flex-shrink: 0;
}

#contact .s1 .bottom h2 {
  font-size: 1.65rem;
  margin-bottom: 0.6rem;
}

#contact .s2 {
  padding-bottom: 7.5rem;
}

#contact .s2 form input.hidhp {
  display: none;
}

#contact .s2 form input {
  display: block;
  width: 100%;
  font-family: "neue-haas-grotesk-display";
  font-style: normal;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.3em;
  color: #fff;
  background: transparent;
  border: none;
  border-bottom: solid 1px rgba(165, 210, 255, 0.5);
  padding-bottom: 15px;
  -webkit-appearance: none;
  margin-bottom: 1.5rem;
}

#contact .s2 form ::placeholder {
  font-family: "neue-haas-grotesk-display";
  font-style: normal;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.3em;
  color: #fff;
}

#contact .s2 form textarea {
  display: block;
  width: 100%;
  height: 200px;
  font-family: "neue-haas-grotesk-display";
  font-style: normal;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.3em;
  border: none;
  color: #fff;
  background: none;
  padding: 15px;
  overflow: hidden;
  border-radius: 5px;
  background: rgba(165, 210, 255, 0.15);
}

#contact .s2 form input:-webkit-autofill,
#contact .s2 form input:-webkit-autofill:hover,
#contact .s2 form input:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff !important;
  transition: background-color 9999s ease-in-out 0s;
}

#contact .s2 form p {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  font-size: 15px;
  line-height: 20px;
  text-decoration: underline;
  color: #fff;
}

#contact .s2 form .wrap {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: 2rem;
}

#contact .s2 form .wrap .global-btn {
  border: none;
  cursor: pointer;
  text-align: left;
}

#contact .s2 form .wrap .g-recaptcha {
  max-width: 304px;
}

#contact .s2 .response {
  position: relative;
  top: 2rem;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 1100px) {
  #contact .s1 .bottom > div {
    max-width: none;
  }
  #contact .s1 .bottom .social {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 767px) {
  #contact .s1 {
    min-height: 300px;
    padding: 10rem 0 5rem 0;
  }
  #contact .s2 {
    padding-bottom: 5rem;
  }
  #contact .s2 form textarea {
    height: 150px;
  }
  #contact .s2 form .wrap {
    flex-direction: column;
  }
}