/* QUOTE FORM */
.quote-form {max-width: 568px; margin-inline: auto; border-radius: 0 90px 0 90px; box-shadow: 0 0 18px var(--_c-light-500); --_c-light-100: #f5f5f5; --_c-light-500: #888888; --_c-dark-600: #848484; --_c-black-500: #697277; --_c-red-500:#BF0A20; --_c-dark-800:#747474;}
.quote-form .title {background-color: var(--c-secondary); padding: 14px; text-align: center; border-top-right-radius: 90px; }
.quote-form .title > :first-child {font-size: calc(var(--fs-lg, 30px) + 2px); font-weight: 600; color: #fff; font-family:var(--ff-secondary);}
.quote-form form {background-color: var(--_c-light-100); padding: 30px 25px 50px; border-bottom-left-radius: 90px;}
.quote-form form .number {display: none;}
.quote-form form label {display: block; width: fit-content; font-size: var(--fs-sm, 18px); font-weight: 700; color: var(--c-tertiary); margin-block: 20px 10px;}
.quote-form form label:first-of-type {margin-top: 0;}
.quote-form form label svg {margin-right: 6px;}
.quote-form form .group {display: flex; align-items: center; gap: 10px;}
.quote-form form :where(input:not([type="file"]),select, textarea) {width: 100%; height: 40px; color: var(--_c-dark-800); border: 1px solid var(--_c-light-100); padding-inline: 10px;}
.quote-form form select {color: var(--_c-dark-600);}
.quote-form form :where(input, select, textarea)::placeholder {color: var(--_c-dark-600);}
.quote-form form input[type="number"] {-moz-appearance: textfield;}
.quote-form form input[type="number"]::-webkit-inner-spin-button {appearance: none;}
.quote-form form p:has(+ input[type="file"]) {display: none;}
.quote-form form input[type="file"]::file-selector-button {padding: 1px 6px 1px 6px; margin-right: 4px; font-weight: 400;}
.quote-form form select {background: no-repeat 95%/10px url(https://www.emenacpackaging.co.nz/theme/website/assets/images/aicons/down-arrow.svg); background-color: #fff;}
.quote-form form input[type="file"] {width: 100%; cursor: pointer;}
.quote-form form textarea {height: 100px; padding-block: 6px; margin-bottom: 20px; resize: none;}
.quote-form form label[for="captcha"] {display: flex; align-items: center; gap: 10px; margin: 0;}
.quote-form form label[for="captcha"] span {display: block; font-size: var(--fs-base, 16px); font-weight: 400; letter-spacing: 3px;}
.quote-form form input[id="captcha"] {max-width: 125px; margin-left: auto;}
.quote-form form button[type="submit"] {width: 170px; height: 40px; padding: 0; font-size: var(--fs-sm); font-weight: 700;  }
.quote-form form .group:has(input[id="captcha"]) {flex-wrap: wrap;}
.quote-form form :where(#captchaFeedback, #captchaRequired) {order: 1; flex: 1;}


@media only screen and (max-width: 1200px) {
    .quote form button[type="submit"] {width: 110px;}
}

@media only screen and (max-width: 575px) {
    .quote form .group:has(input[id="captcha"]) {flex-wrap: wrap; row-gap: 20px;}
    .quote form input[id="captcha"] {max-width: max-content;}
    .quote form button[type="submit"] {width: 50%; margin-inline: auto;}
}

@media only screen and (max-width: 475px) {
    .quote form {padding: 20px 20px 50px;}
    .quote .quote-form {width: 100%;}
    .quote form .group {flex-direction: column; align-items: flex-start;}
    .quote form input[id="captcha"] {max-width: 100%;}
    .quote form button[type="submit"] {width: 95%;}
}