/** Shopify CDN: Minification failed

Line 51:5 Cannot use type selector "input" directly after nesting selector "&"

**/

.section-custom-form .contact_form-field { max-width: 62.8rem; margin-left: auto; margin-right: auto; }

.contact_form-inner { padding-top: 5rem; padding-bottom: 8rem; }

.section-custom-form .custom-form__grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 2rem;
    row-gap: 2.8rem;
    align-items: start;
}
.section-custom-form .custom-form__cell {
    grid-column: 1 / -1;
    min-width: 0;
}
.section-custom-form .custom-form .field {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.6rem;
}
.section-custom-form .custom-form .field__label,
.section-custom-form .custom-form .form__label.field__label {
    position: static;
    inset-inline-start: 0;
    top: auto;
    bottom: auto;
    height: auto;
    width: auto;
    max-width: 100%;
    padding: 0;
    margin: 0;
    pointer-events: auto;
    transform: none;
    order: -1;
    color: #275A9A;
    font-size: 1.2rem;
    letter-spacing: 1%;
    line-height: 1.5;
}
.section-custom-form .custom-form .field__input, .section-custom-form .custom-form textarea.field__input {
    background-color: #FFFEF5; border-color: #275A9A; color: #275A9A; order: 0;
    &::placceholder { color: #96959C; opacity: .5; }
    &:focus { box-shadow: 0px 0px 8px 0px #82AFE5; }
    &input.error-input { --color-border: #F44D27 !important; --input-color: #F44D27 !important; }
}

.section-custom-form .custom-form .contact__field-error { order: 1; width: 100%; }

.section-custom-form .custom-form :is(.field__input, textarea):focus ~ .field__label,
.section-custom-form .custom-form :is(.field__input, textarea):not(:placeholder-shown) ~ .field__label,
.section-custom-form .custom-form :is(.field__input, textarea, select):-webkit-autofill ~ .field__label,
.section-custom-form .custom-form select[required]:valid ~ .field__label,
.section-custom-form .custom-form select[selected] ~ .field__label {
    transform: none;
    width: auto;
    pointer-events: auto;
}

.btn.btn-primary { padding: 1.8rem 3rem;  }

@media screen and (min-width: 1025px) {
    .contact_form-inner { padding-top: 8rem; }

    .section-custom-form .custom-form__grid { padding-top: 2rem; padding-left: 2rem; padding-right: 2rem; }

    .section-custom-form .contact__button { padding-left: 2rem; padding-right: 2rem;; }

    .section-custom-form .short-des { font-size: 1.8rem;; }
    .section-custom-form .custom-form__cell--25 {
        grid-column: span 3;
    }
    .section-custom-form .custom-form__cell--50 {
      grid-column: span 6;
    }
    .section-custom-form .custom-form__cell--75 {
      grid-column: span 9;
    }
    .section-custom-form .custom-form__cell--100 {
      grid-column: span 12;
    }

    .section-custom-form:has(.template-corporate-gifting) { background: white; padding-top: 6rem; }
}