.contact-wrapper{padding:9.6rem 0;background:var(--bg-clr)}.contact-container{max-width:500px;margin:0 auto;padding:20px}@media screen and (max-width:767px){.contact-container{width:100%}}.contact-container .contact-title{font-size:3rem;font-weight:700;line-height:3.6rem;font-family:Inter,sans-serif;color:#fff}.contact-container .contact-subtitle{font-size:2rem;font-family:Inter,sans-serif;font-weight:400;line-height:2.8rem;color:#d1d5db;margin-top:.8rem}.contact-container .contact-form{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.contact-container .contact-form .form-group{margin-bottom:15px}.contact-container .contact-form .form-group label{display:block;font-size:1.6rem;font-weight:600;margin-bottom:5px;font-family:Inter,sans-serif}.contact-container .contact-form .form-group input,.contact-container .contact-form .form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1.6rem;outline:none;transition:.3s ease-in-out;font-family:Inter,sans-serif}.contact-container .contact-form .form-group input:focus,.contact-container .contact-form .form-group textarea:focus{border-color:#7b61ff;box-shadow:0 0 5px rgba(123,97,255,.5)}.contact-container .contact-form .form-group textarea{min-height:100px;resize:vertical;font-family:Inter,sans-serif}