.custom-contact-section{padding:5rem 0;background-size:cover;background-position:center;position:relative;min-height:100vh;display:flex;align-items:center}.custom-contact-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:1}.custom-contact-section>.page-width{position:relative;z-index:2;width:100%}.custom-contact-content-wrapper{margin:0 auto;text-align:left}.custom-contact__title{color:var(--heading-color);font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem}.custom-contact__description{color:var(--text-color);font-size:18px;max-width:600px;margin-bottom:2rem}.contact-form{margin-top:50px;text-align:left;max-width:600px}.contact__fields-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.contact-form .field{position:relative;margin-bottom:1.5rem}.contact-form .field__label{position:absolute;left:1rem;top:1rem;color:var(--input-text-color);opacity:0;transition:all .2s ease;pointer-events:none;background:none!important;padding:0!important}.contact-form .field__input:focus~.field__label,.contact-form .field__input:not(:placeholder-shown)~.field__label{opacity:1;transform:translateY(-1.8rem);font-size:.85rem}.contact-form .field__input::placeholder{color:var(--input-text-color);opacity:.7;transition:opacity .2s ease}.contact-form .field__input:focus::placeholder{opacity:0}.contact-form .field__input{width:100%;min-height:70px;padding:1rem 1rem .5rem;background-color:var(--input-background-color);border:3px solid var(--input-border-color);color:var(--input-text-color);font-size:1.7rem;transition:all .3s ease}.contact-form .field__input:focus{border-color:var(--input-text-color);outline:none}.contact-form .text-area.field__input{min-height:150px;padding-top:1.5rem;resize:vertical}.contact-form__button{width:100%;background:transparent;color:var(--input-text-color);border:3px solid var(--input-border-color);padding:1rem;font-size:1.7rem;transition:all .3s ease;margin-top:1.5rem;cursor:pointer}.contact-form__button:hover{background:#ffffff1a}.form-status-success,.form-status-error{color:var(--input-text-color);padding:1rem;margin-bottom:1.5rem;border-radius:6px;background-color:transparent}@media (min-width: 750px){.contact__fields-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-custom-contact-form.css.map */