div.contactSection.section{padding:2em 0 0}.contactForm{border:var(--border);background:var(--secondary-color);transform-origin:top;will-change:transform;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:calc(785px + 10vw);margin-top:20px;padding:4em 3em;display:flex;position:relative}.contactForm input,.contactForm textarea{border:var(--border);color:var(--white-color);width:100%;font-size:16px;font-family:var(--font-family);background:#00000026;border-radius:10px;padding:15px 20px;transition:border-color .3s}.contactForm input:focus,.contactForm textarea:focus{border-color:var(--main-color);outline:none}.contactForm textarea{resize:vertical;min-height:160px}.contactInfo{flex-direction:column;gap:8px;display:flex}.contactForm .button{color:#f8f8f89e;background:0 0;border:none;padding:1.5em 3em}.success-message{color:#000000a3;background:#dcffb3;border-radius:10px;width:fit-content;margin-top:10px;padding:3px 10px}.error-message{color:#000000a3;background:#ffb3b3;border-radius:10px;width:fit-content;margin-top:10px;padding:3px 10px}.contactForm h4,.contactForm p{margin:0}@media not (min-width:720px){.contactSection.section{padding-top:0;padding-bottom:40px}.contactHero.heroSection{padding-bottom:20px}.contactForm{padding:3em 2em}}
.contactHero{padding:12em 0 1em}.contactSection{padding-top:3em;padding-bottom:0}@media (max-width:768px){.contactHero{padding:10em 0 1em}}