.contact{background-color:#f9fafb;margin-top:120px}.contact .socials{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:20px}.contact .socials a{display:flex;align-items:center;text-decoration:none;color:#1f2937;font-size:2rem;transition:.2s}.contact .socials a:hover{color:#dc2626}.contact-info{display:flex;flex-direction:column;gap:10px;width:43rem;margin-top:50px}.contact-info .title{display:flex;flex-direction:row;align-items:center;gap:15px;margin-bottom:20px}.contact-info .title:after{content:"";display:block;width:50px;height:2px;background-color:#dc2626}.contact-info h2{margin:0;padding:0;font-size:1.5rem;font-family:GeneralSans SemiBold;color:#000}.contact-info form{display:flex;flex-direction:column;width:100%;margin-bottom:50px}.contact-info form input,.contact-info form textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:5px;font-family:GeneralSans Regular;font-size:1rem;color:#1f2937;margin-bottom:20px}.contact-info form input:focus,.contact-info form textarea:focus{border-color:#dc2626;outline:none}.contact-info form button{padding:10px 20px;border:1px solid #dc2626;color:#dc2626;background-color:transparent;border-radius:5px;font-family:GeneralSans Medium;font-size:1rem;cursor:pointer;transition:background-color .2s}.contact-info form button:hover{background-color:#b91c1c;color:#fff}@media only screen and (max-width:900px){.contact-info{width:100%;padding:0 20px}}