.contact-form{background-color:var(--main-color)}.contact-form__flex{display:flex;gap:64px}.contact-form__form{display:flex;flex:1 1 60%;flex-direction:column;gap:8px;&>p{max-width:450px;width:100%}& .hs-input{background:var(--secondary-color)}& .form-columns-2{align-items:flex-start}& .hs-form-field label:not(.hs-error-msg){color:#0055a3;margin:10px 6px;padding:0 2px;position:absolute;transform:scale(1) translateY(0) translateX(0);transition:transform .3s ease;will-change:transform}& .hs-form-field:focus-within label:not(.hs-error-msg),& .hs-form-field:has(input:not(:placeholder-shown)) label:not(.hs-error-msg),& .hs-form-field:has(textarea:not(:placeholder-shown)) label:not(.hs-error-msg){transform:scale(.8) translateY(calc(-50% - 14px)) translateX(-10%);transition:transform .3s ease;& span{background:linear-gradient(0deg,var(--secondary-color),var(--main-color)) no-repeat;padding:0 6px;&.hs-form-required{margin-left:-4px;padding:unset;padding-left:2px;padding-right:4px}}}& .hs-form-field:has(.hs-error-msg) .hs-input{margin-bottom:unset}}.contact-form__info{flex:1 1 40%}.contact-form__image--wrapper{aspect-ratio:6/7;background:linear-gradient(1turn,#ffa200,#ffcd76 66%);border-radius:120px 0 0 0;padding-top:24px;position:relative;&.person-1{aspect-ratio:6/7}&.person-2{aspect-ratio:9/10}& img{display:block;margin-left:-2.5%;object-fit:contain;object-position:bottom;width:105%}}.cf__image--info{background-color:var(--secondary-color);border-radius:8px;bottom:16px;display:flex;flex-direction:column;gap:8px;left:16px;padding:16px;position:absolute;& h3{font-size:16px;font-weight:600}& h3,& p{line-height:1}}.contact-form__buttons--wrapper{display:flex;gap:12px;margin-top:12px}.contact-form__button{background-color:var(--secondary-color);border-radius:8px;color:#0055a3;display:grid;flex:1 1 50%;font-size:16px;gap:8px;grid-template-columns:1fr 24px;grid-template-rows:auto auto;line-height:1;padding:16px;text-decoration:none;& h4{font:inherit;font-weight:600;grid-row:1}& h4,& p{grid-column:1}& p{font:inherit;grid-row:2}& img{align-self:center;grid-column:2;grid-row:1/span 2;object-fit:contain}}@media (max-width:1023px){.contact-form__flex{gap:32px}.contact-form__form{flex:1 1 55%}.contact-form__form .form-columns-2{flex-direction:column;& .hs-form-field{width:100%!important}}.contact-form__info{flex:1 1 45%}.contact-form__buttons--wrapper{flex-direction:column;gap:8px}}@media(max-width:767px){.contact-form__flex{flex-direction:column}.contact-form__form{flex:1 1 100%;&>p{max-width:unset}}.contact-form__info{flex:1 1 100%}}