.contact{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;gap:56px;justify-content:center;padding:90px;position:relative;z-index:1;.overlay{background-color:rgba(0,0,0,.4);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.contact__header{z-index:1}.contact__content{align-items:center;display:flex;gap:40px;position:relative;z-index:1}.contact__title{color:var(--light);font-size:var(--font-4xl);font-weight:700;max-width:900px}.left,.right{background-color:var(--light);max-width:600px;padding:48px}.left{form{.hs_firstname{margin-top:24px}.field{margin-bottom:12px}label{color:var(--dark);font-size:var(--font-xs);font-weight:500}input:not([type=submit]):not([type=checkbox]),textarea{border:none;box-shadow:0 0 3px rgba(0,0,0,.1);font-size:var(--font-sm);padding:8px;width:100%}input[type=submit]{background-color:var(--dark-green);border:none;color:var(--light);cursor:pointer;font-size:var(--font-sm);font-weight:700;padding:12px 24px;transition:all .1s ease-in;&:hover{background-color:var(--light-green)}}.hs_submit{margin-top:24px}.legal-consent-container{.hs-richtext{font-size:var(--font-xs)}.hs-form-booleancheckbox-display>span{margin-left:28px}}.hs-form-required{color:#cc0201}.actions{display:flex;justify-content:center}}}.right{height:fit-content;min-width:420px}.info__header,.left form h3{font-size:var(--font-xl);font-weight:700;margin-bottom:32px;position:relative;text-transform:uppercase;&:after{background-color:#00000080;bottom:-8px;content:"";display:block;height:1px;left:0;position:absolute;width:200px}}.info__items{display:flex;flex-direction:column;gap:16px}.info__item{display:flex;b{width:min-content}span{align-items:center;gap:4px}}.info__social{align-items:center;display:flex;gap:48px;justify-content:center;margin-block:28px;svg{height:auto;width:48px;path{fill:var(--dark-green);transition:fill .1s ease-in}&:hover{path{fill:var(--light-green)}}}}.info__footer{align-items:center;display:flex;justify-content:space-between;a{transition:all .1s ease-in;&:hover{transform:scale(1.1)}}svg{animation:bounce 2s infinite;transition:transform .1s ease-in}a{width:80px;path{fill:green}}}}@media screen and (max-width:1439px){.contact{padding:48px;.left,.right{padding:36px}}}@media screen and (max-width:1023px){.contact{padding:48px 20px;.contact__content{flex-direction:column}.contact__header h2{font-size:var(--font-3xl)}.right{min-width:unset}}}@media screen and (max-width:768px){.contact{gap:36px;.contact__header h2{font-size:var(--font-2xl)}}}