.contact-page{color:#0f1115;background:#fff;min-height:100vh}.contact-hero{background:url(https://images.unsplash.com/photo-1521737604893-d14cc237f11d) 50%/cover no-repeat;height:60vh;position:relative}.contact-hero .overlay{background:#0000008c;flex-direction:column;justify-content:center;height:100%;padding:0 10%;display:flex}.contact-hero h1{color:#d5d5d5;margin-bottom:10px;font-size:3rem}.contact-hero p{color:#adadad;max-width:600px}.contact-content{grid-template-columns:2fr 1fr;gap:40px;padding:60px 10%;display:grid}.contact-form h2{margin-bottom:10px}.contact-form p{color:#8f8f8f;margin-bottom:25px}.contact-form form{flex-direction:column;gap:15px;display:flex}.contact-form input,.contact-form textarea{color:#2c2c2c;background:#fff;border:1px solid #8f8f8f;border-radius:6px;padding:14px}.contact-form input:focus,.contact-form textarea:focus{border-color:#4f8cff;outline:none}.contact-form button{color:#fff;cursor:pointer;background:#4f8cff;border:none;border-radius:25px;width:150px;padding:12px;transition:all .3s}.contact-form button:hover{background:#3b6fd6}.contact-info{flex-direction:column;gap:25px;display:flex}.contact-info h3{margin-bottom:5px}.contact-info p{color:#8f8f8f;line-height:1.6}.socials{gap:15px;display:flex}.socials span{cursor:pointer;background:#fff;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}@media (max-width:900px){.contact-content{grid-template-columns:1fr}.contact-hero h1{font-size:2.2rem}}@media (max-width:500px){.contact-hero{height:45vh}.contact-content{padding:40px 5%}}