.contact-page-hero{padding:5rem 0;background:linear-gradient(90deg,rgba(5,39,48,.9),rgba(5,39,48,.62)),url('../images/bgj.png') center/cover;color:#fff}.contact-page-hero h1{font-size:clamp(2.6rem,5vw,4.25rem);margin:.4rem 0}.contact-page-hero h1 span{color:#86e2d0}.contact-page-hero p{max-width:38rem}.contact-page-section{padding:5rem 0;background:#f4f8f7}.contact-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.contact-details,.contact-page-form{padding:2rem;background:#fff;border:1px solid #dcebe7}.contact-details h2,.contact-page-form h2{color:#0a2e3f;margin-top:0}.contact-details>div{display:flex;gap:1rem;margin:1.35rem 0}.contact-details i{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:50%;background:#eaf8f5;color:#0a7e6b}.contact-details p{margin:0}.contact-details strong,.contact-details span{display:block}.contact-details span,.contact-details a{color:#4a5b6b}.contact-map{height:20rem;margin-top:1.5rem;border:1px solid #dcebe7}.contact-map iframe{width:100%;height:100%;border:0}.contact-page-form label{display:grid;gap:.4rem;margin:1rem 0;color:#1e2b3c;font-weight:600}.contact-page-form input,.contact-page-form textarea{width:100%;padding:.8rem;border:1px solid #cde0db;font:inherit}.contact-page-form input:focus,.contact-page-form textarea:focus{outline:2px solid #0a7e6b;outline-offset:1px}.contact-form-message{font-weight:600}.contact-form-message.success{color:#087443}.contact-form-message.error{color:#b42318}@media(max-width:800px){.contact-page-section{padding:3rem 0}.contact-page-grid{grid-template-columns:1fr}.contact-details,.contact-page-form{padding:1.5rem}}