section{scroll-snap-align:start}#contact .hero{position:relative;color:var(--primary-light);height:600px;& img{width:100%;height:100%;object-fit:cover;object-position:70% 20%}& .content{top:var(--content-top);position:absolute;left:var(--content-left-m);gap:2rem;display:flex;flex-direction:column;& .main-button{background-color:var(--primary-light);color:var(--primary-dark);text-align:start;padding:10px;border-radius:5px;width:300px;display:flex;justify-content:space-between;&:hover{cursor:pointer}}& .choice-container{position:relative}& .options{position:absolute;top:calc(100% - -5px);background-color:var(--primary-light);color:var(--primary-dark);padding:5px;border-radius:5px;width:300px;text-align:start;& button{padding:5px 10px;border-radius:5px;width:100%;text-align:start;&:hover{background-color:var(--light-grey);cursor:pointer}}}}}#contact-us{display:flex;padding:100px 0;justify-content:center;align-items:center;& h1{margin-bottom:1rem}& .title{& p{max-width:870px}}& .vertical.divider{height:287px}& .content{width:var(--content-max-w);display:flex;flex-direction:column;gap:2rem;max-width:1000px}& .main-content{display:flex;gap:2rem;flex-wrap:wrap}& form{flex:1 1;display:flex;flex-direction:column;gap:1rem;& button{margin-top:1rem}}& .first-row-container{display:flex;flex-wrap:wrap;gap:20px;&>.input-container{min-width:270px}}& .input-container{display:flex;flex:1 1;flex-direction:column;& input,textarea{padding:10px;background-color:var(--primary-light);border:1px solid var(--light-beige);border-radius:5px}}& .alternatives-container{flex:1 1;display:flex;flex-direction:column;gap:1rem;max-width:-moz-fit-content;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)}}}#faq{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:150px 0;gap:70px;& .content{display:flex;gap:2rem;flex-direction:column;width:100%;max-width:var(--content-max-w);&>a{width:-moz-fit-content;width:fit-content;align-self:center;&:hover{text-decoration:underline;text-underline-offset:2px}}}}.faq{background-color:white;border-radius:5px;overflow:hidden;max-width:var(--content-max-w);& .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}}}#collaborate{height:-moz-fit-content;height:fit-content;padding:10vh 0;& .content{display:flex;margin:0 auto;gap:1rem;max-width:var(--content-max-w);flex-wrap:wrap}& .main-content{flex:1 1;& h1{font-size:clamp(2rem,9.4vw,4.6rem)}&>:not(:last-child){margin-bottom:1rem}}& img{height:400px;flex:1 1;width:100%;object-fit:cover}}@media only screen and (max-width:1024px){& #contact .hero .content{left:var(--md-content-left-m)}& #contact #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%}}}@media only screen and (max-width:600px){& #contact .content{max-width:var(--sm-content-max-w)}}