.contact-section{padding:calc(var(--spacing-ref) * 2);background:var(--gradientColor-card);color:white;& h2{font-size:var(--font-size-h2);font-family:var(--title-font);text-align:left;letter-spacing:var(--spacing-letter);line-height:1;padding-bottom:calc(var(--spacing-ref) * 2)}& p{line-height:1.2;font-weight:400;padding-bottom:var(--spacing-ref)}& div,& p{font-size:var(--font-size-text);font-family:var(--text-font)}& div{display:flex;align-items:center;gap:calc(var(--spacing-ref) * .5)}}@media screen and (min-width:768px){.contact-container{display:flex}.contact-section{display:flex;flex-direction:column;justify-content:center;padding-right:calc(var(--spacing-ref) * 4)}}.input-container{display:flex;flex-direction:column;padding:var(--spacing-ref);& input{width:var(--input-width);height:2.5rem;border-radius:calc(var(--border-radius) * .7);background:linear-gradient(white,white) padding-box,var(--gradientColor) border-box;border:1px solid transparent;padding:var(--spacing-ref);box-shadow:0 2px 3px 0 #0000003d}& label{color:var(--mainColor);margin-left:calc(var(--spacing-ref) * .5)}}@media screen and (min-width:768px){.input-container{& input{width:calc(var(--input-width) * 2)}}}.form-contact{align-items:flex-start;padding:calc(var(--spacing-ref) * 2)}.form-contact,.form-contact fieldset{width:100%;display:flex;flex-direction:column}.form-contact fieldset{border:none}.form-contact label{font-size:var(--font-size-text);font-family:var(--text-font);padding-bottom:calc(var(--spacing-ref) * .5)}.form-contact .input-container{width:100%}.form-contact input,.form-contact textarea{width:100%;font-style:italic;&last-child{width:auto;padding:var(--spacing-ref);accent-color:var(--mainColor)!important}}.form-contact input::placeholder,.form-contact textarea::placeholder{color:#21212171}.form-contact #message{height:calc(var(--input-height) * 5)}.form-contact div{display:flex;justify-content:center;align-items:start}.form-contact button{margin-top:calc(var(--spacing-ref) * 2)}.checkbox-container{margin:0 auto;padding-top:calc(var(--spacing-ref) * 2);color:var(--mainColor);display:flex;flex-direction:column;gap:calc(var(--spacing-ref) * .5);& input{width:auto}& input[type=checkbox]{width:calc(var(--spacing-ref) * 1);height:calc(var(--spacing-ref) * 1)}}.checkbox-label{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:calc(var(--spacing-ref) * .5)}.button-container{margin:0 auto}@media screen and (min-width:768px){.form-contact{width:100%}}