.contact{padding-block:var(--section-padding)}.contact-container{background:#24245c;background:var(--black-5);padding:4rem;display:grid;grid-template-columns:40% 60%;gap:4rem;height:35rem;border-radius:6px;color:var(--white);overflow:unset}.contact-aside{background:var(--black-3);padding:3rem;border-radius:4px;position:relative;bottom:5.5rem}.aside-image{margin-bottom:3rem}.aside-image img{width:100%}.contact-aside h2{text-align:left;margin-bottom:1rem}.contact-aside p{font-size:.9rem;line-height:1.7;margin-bottom:2rem}.contact-details li{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.contact-details li span{font-size:var(--fs-5)}.contact-socials{display:flex;gap:.8rem;margin-top:3rem}.contact-socials a{background:#24245c;background:var(--white);padding:.5rem;border-radius:3px;font-size:1rem;transition:all .35s;color:var(--black-4)}.contact-socials a:is(:hover,:focus){background:0 0;color:var(--white)}.contact-form{display:flex;flex-direction:column;gap:1.2rem;margin-right:4rem}.form-name{display:flex;gap:1.2rem}.contact-form input[type=text]{width:50%}.contact-form :focus{box-shadow:0 0 0 2px rgba(85,85,180,.5)}input,textarea{width:100%;background:var(--black-3);padding:1rem;color:var(--white);border-radius:2px}.contact-form .btn-container{display:flex;gap:10px}.contact-form .btn{width:max-content;margin-top:1rem;padding:12px 24px;cursor:pointer;border-radius:2px}@media screen and (max-width:1024px){.contact-container{gap:1.5rem;height:auto;padding:1.5rem}.contact-aside{width:auto;padding:1.5rem;bottom:0}.contact-form{align-self:center;margin-right:1.5rem}}@media screen and (max-width:768px){.contact-container{grid-template-columns:1fr;gap:3rem;padding:0}.contact-form{margin:0 1.5rem 3rem}.form-name{flex-direction:column}.form-name input[type=text]{width:100%}.contact-form .btn-container{justify-content:center;align-items:center;flex-wrap:nowrap}}