.contact-section{position:relative;min-height:600px;overflow:hidden}.contact-section__background{position:absolute;top:0;bottom:0;width:50%;height:100%;background-size:cover;background-position:left;background-repeat:no-repeat;z-index:0}.custom-contact{position:relative;z-index:1;width:100%;padding:4rem 0}.custom-contact h2.title{font-weight:700}.custom-contact .title.text-left{text-align:left}.custom-contact .title.text-center{text-align:center}.custom-contact .title.text-right{text-align:right}.custom-contact .section_text{text-align:center}.custom-contact__form{max-width:800px;margin:0 auto;padding:2rem;border-radius:.5rem;position:relative;z-index:2}.custom-contact__fields{display:grid;grid-template-columns:1fr;gap:1.5rem}.field{position:relative;margin-bottom:0;border:none;background:none}.field:after{box-shadow:none}.field__input{padding-top:1rem!important}.field__input,select.field__input{width:100%;padding:1rem;border:1px solid #707070;background:rgb(var(--color-background));transition:border-color .2s ease;-webkit-appearance:none;appearance:none}select.field__input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.2rem;padding-right:2.5rem}.field__input:focus,select.field__input:focus{border-color:rgba(var(--color-foreground),.3);outline:none}.field__label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:rgba(var(--color-foreground),.7);pointer-events:none}.custom-contact__button{margin-top:2rem;text-align:center}.field--error{border:none}.field--error .field__input{border-color:rgb(var(--color-error));padding-right:2.5rem}.field__error{margin-top:.5rem;font-size:.8rem;color:rgb(var(--color-error))}.form-status-list.form__message{margin-bottom:2rem;padding:1rem;border-radius:.3rem;background:rgba(var(--color-success),.1);color:rgb(var(--color-success));text-align:center}.form-status-list[role=alert]{margin-bottom:2rem;padding:1rem;border-radius:.3rem;background:rgba(var(--color-error),.1);color:rgb(var(--color-error))}@media screen and (min-width: 750px){.custom-contact__fields{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 749px){.contact-section{min-height:500px}.contact-section__background{width:100%;opacity:.15}.custom-contact__form{padding:1.5rem}.field__input,select.field__input{padding:1rem .75rem;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/netstar-custom-contact-section.css.map */
