footer {background: #38414b;}
.contact {display: flex; padding: 100px 5% 0 10%;}
.contact .left {width: 60%; padding-right: 2%;}
.contact h2 {font-size: 120px; color: #fff; margin: 0; line-height: normal; margin-bottom: 60px;}
.contact h2:after{content: "."; color: #f37160;}
.contact .address, .contact .phone {color: #fff; display: flex; margin-bottom: 30px;}
.contact .icon {margin-right: 20px; background: #f37160; border-radius: 30px; width: 35px; height: 35px; text-align: center; display: flex; justify-content: center; align-items: center;}
.contact .icon i {font-size: 18px; color: #fff;}
.contact p {margin: 0; font-size: 18px;font-weight: 300;}
.contact a {color: #fff; text-decoration: none;}
.contact a:hover {color: #f37160;}
.contact form {background: none; color: #fff; width: 400px; padding: 0;}
.contact form label {color: #fff; font-size: 15px; font-weight: 300; margin-bottom: 10px; display: block;}
.contact form input, .contact form textarea {border-radius: 8px; background: rgba(255, 255, 255, 0.05); border: 1px solid #fff; padding: 10px; color: #fff; font-size: 15px; width: 100%;}
.contact form .hs-form-field {padding-bottom: 20px;}
.contact .legal-consent-container p {color: #fff; font-size: 14px; line-height: 1.4; margin-bottom: 20px;}
.contact .hs-button {border: none; background: #27bdbe; margin: 0 auto; font-size: 19px; width: 110px;}
.contact .hs-button:hover {background:#f37160; padding: 10px}
.site-info {padding: 10px 5% 100px 10%; color: #fff;}
.site-info .social {display: flex; gap: 10px; margin-bottom: 20px;}
.site-info .social a i {color: #fff;}
.site-info .social a:hover i {color: #33414e;}
.site-info .copyright {font-size: 15px;}

@media (max-width: 960px) {
  .contact form {width: 100%;}
  .contact {flex-wrap: wrap; padding: 100px 5% 0;}
  .contact .left, .contact .right {width: 100%;}
  .contact h2 {font-size: 64px;)
}
@media (max-width: 500px) {
  .contact h2 {font-size: 50px;}
  .contact form {width: 100%;}
  .contact form input, .contact form textarea {width: 90%}
}