#contact{& h1,h2{text-align:center;margin-bottom:2rem;text-wrap-style:pretty;font-size:clamp(3rem,2.3vw,64px)}& section#hero{position:relative;color:var(--primary-light);height:400px;overflow:hidden;& video{object-position:center;width:100%}& .content{position:relative;left:var(--content-left-m);top:150px;z-index:2;max-width:var(--content-max-w);&>*{text-align:start;text-shadow:var(--text-shadow)}& h1{margin-bottom:.3rem}}& .want-to-become-a-reseller{left:var(--content-left-m);position:absolute;max-width:var(--content-max-w);z-index:2;bottom:1rem;& span{margin-bottom:.3rem;display:block;text-shadow:var(--text-shadow)}}}& section#faq{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:calc(30px + 2rem) 0;gap:70px;& h1{margin-bottom:0}&>.content{display:flex;gap:2rem;flex-direction:column;width:100%;max-width:var(--content-max-w);& .content:last-of-type{border:none}& .content-container{padding:1rem;font-size:1rem}& .content:has(button){height:58.8px}& button{font-size:1.2rem}&>a{width:fit-content;align-self:center;&:hover{text-decoration:underline;text-underline-offset:2px}}}& div.no-answer{& span,a,p{text-align:center;font-size:1rem;margin:0 auto;display:block;width:fit-content}&>:not(:last-child){margin-bottom:5px}& a{text-decoration:underline;text-underline-offset:2px}}& .faq{background-color:white;border-radius:5px;overflow:hidden;border:1px solid var(--light-beige);& .content{&:not(:last-of-type){border-bottom:1px solid var(--light-beige)}& svg{width:1.5rem}& button{width:100%;padding:15px;text-align:start;background-color:white;display:flex;justify-content:space-between;z-index:3;position:relative;&:hover{cursor:pointer}}& .answer-container{position:relative;z-index:2;padding:15px;display:none}& .answer{font-size:1rem}}}}& section#contact-us{display:flex;padding:100px 0;justify-content:center;align-items:center;margin:0 auto;max-width:var(--content-max-w);& .vertical.divider{height:287px}& .content{display:flex;flex-direction:column;gap:2rem;max-width:600px;width:100%;& h1{text-align:start;margin-bottom:1rem}& .title>p{font-size:1rem;line-height:1.4}& p.error{font-weight:300;color:darkred;text-wrap-style:pretty;line-height:1.5}& p.success{text-align:center;padding:2rem 0;margin:0 auto;font-weight:700}}& .main-content{display:flex;gap:2rem;flex-wrap:wrap;flex-direction:column}& form{flex:1 1;display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid var(--light-grey);border-radius:10px;& div:has(input[type=checkbox]){padding:1rem;background-color:#48ac341f;border-radius:4px;display:flex;gap:1rem;& input[type=checkbox]{accent-color:#4c933e}& label{width:100%}}& button{margin-top:1rem}}& .first-row-container,.second-row-container{display:flex;flex-wrap:wrap;gap:20px;&>.input-container{min-width:270px}}& .input-container{display:flex;flex:1 1;flex-direction:column;font-weight:500;gap:3px;& input,textarea{padding:10px;background-color:var(--primary-light);border:1px solid var(--light-beige);border-radius:5px}& textarea{max-width:566px;max-height:450px}}& .alternatives-container{flex:1 1;display:flex;flex-direction:column;gap:1rem;max-width:fit-content;& .alternatives{display:flex;flex-direction:column;height:60%;gap:1.8rem;& div{display:flex;gap:1rem;& p{line-height:1.2;font-size:1rem}}}& h2{font-size:2rem}& svg{width:2.7rem}& path{fill:var(--primary-dark)}}}& section#collaborate{height:fit-content;padding:100px 0;& .content{display:grid;grid-template-areas:"heading heading heading" "content image image";grid-template-columns:1fr 2fr;grid-template-rows:80px 400px;max-width:var(--content-max-w);margin:0 auto;gap:1rem 2rem}& h1{grid-area:heading;font-size:clamp(2rem,6.4vw,4.6rem);height:fit-content;align-self:end}& .main-content{flex:1 1;grid-area:content;&>:not(:last-child){margin-bottom:1rem}}& img{grid-area:image;height:400px;flex:1 1;width:100%;object-fit:cover}}}@media only screen and (max-width:1024px){& #contact{& section#hero .content,section#hero .want-to-become-a-reseller{max-width:var(--md-content-max-w);left:var(--md-content-left-m)}& #contact-us .content{width:var(--md-content-max-w);& .main-content{flex-direction:column;gap:4rem;& .first-row-container{gap:1rem}& .alternatives-container{max-width:none;& .alternatives{flex-direction:row;flex-wrap:wrap;justify-content:center}& .alternative{padding:1rem}& h2{font-size:clamp(2rem,4vw,4rem);text-align:center}}}& .vertical.divider{height:1px;display:none;width:100%}}& section#collaborate{& .content{max-width:var(--sm-content-max-w)}}}}@media only screen and (max-width:600px){& #contact{& section#hero{& .content,.want-to-become-a-reseller{max-width:var(--sm-content-max-w);left:var(--sm-content-left-m)}}& section#contact-us{padding:3rem 0}& section#contact-us,& section#faq>.content{max-width:var(--sm-content-max-w);left:var(--sm-content-left-m)}}#contact{& .faq{max-width:100%;& .accordion{max-width:100%}}}}