.contact img{max-width:100%}.contact .form__message{align-items:flex-start;text-align:left}.contact .icon-success{margin-top:.2rem}.contact .field{margin-bottom:1.6rem}.block__contact-heading{margin:0 0 12px}.block__contact-subheading p{margin:0;letter-spacing:-.3px}.contact{max-width:698px;text-align:center}.contact form{margin:40px 0}.contact .field{flex-direction:column-reverse;align-items:flex-start;gap:4px;position:relative}.contact .field svg{cursor:pointer;position:absolute;right:0;top:50%;transform:translate(-12px,-50%) rotate(0);transition:transform .22s cubic-bezier(.2,.9,.3,1);transform-origin:50% 50%;z-index:-1}.contact .field.active svg{transform:translate(-12px,-50%) rotate(180deg)}.contact .field svg rect{transition:.3s}.contact .field.active svg rect{fill:var(--quaternary-color)}.contact .field:after,.contact .field:before{content:none}.contact .field label{top:0;left:0;position:relative;font-size:var(--regular_body);letter-spacing:0;color:var(--denary-color)}.contact .field select{cursor:pointer}.contact .field input,.contact .field select,.contact .field .text-area{background:transparent;border:1px solid var(--primary-color);margin:0;padding:7.5px 12px;height:100%;min-height:100%;position:relative;border-radius:9px}.contact .field .text-area{padding:16px 12px}.contact .field select{padding:8px 12px}.contact .field input:focus,.contact .field textarea:focus,.contact .field input:not(:placeholder-shown){margin:0;padding:7.5px 12px}.contact .field input:focus~label,.contact .field textarea:focus~label,.contact .field .field__input:not(:placeholder-shown)~.field__label,.contact .field input:not(:placeholder-shown)~label{font-size:var(--regular_body);top:0;left:0;letter-spacing:0}.contact button{letter-spacing:-.2px;border-radius:85px;width:100%;max-width:60.8%}.contact .block__contact-us-description p{margin:0}.contact .block__contact-us-description p a{color:var(--primary-color)}@media screen and (min-width: 750px){.contact .field{margin-bottom:2rem}}.contact__button{margin-top:2.6rem}@media screen and (min-width: 750px){.contact__button{margin-top:2rem}}@media screen and (min-width: 750px){.contact__fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2rem}}@media screen and (max-width: 750px){.contact{padding-left:22.5px;padding-right:22.5px}.contact button{max-width:100%}.contact form{margin:25px 0}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-contact-form.css.map */