/* QUOTE FORM (MIN) */
.quote-form {box-shadow: 0 0 6px rgba(136, 136, 136, 0.40) !important;}
.quote-form .title {background-color: #0A489B;}
.quote-form {height: fit-content; box-shadow: 0 0 6px var(--_c-light-500); border-radius: 0; margin-bottom: 20px;}
.quote-form .title {border-radius: 0; padding: 13px;}
.quote-form .title :first-child {font-size: calc(var(--fs-sm, 18px) + 2px); font-weight:700}
.quote-form form {background-color: #fff; padding: 20px 10px; border-radius: 0;}
.quote-form form label svg {display: none; filter: var(--fl-primary);}
.quote-form form .number {display: block; color: var(--_c-black-500); font-weight: 600; margin-right: 5px;}
.quote-form form :is(label, input, select) {font-size: var(--fs-xs, 14px);}
.quote-form form :is(input, select, textarea) {background-color: var(--_c-light-100); color: var(--c-tertiary); border: 1px solid #dddddd;}
.quote-form form :is(input, textarea)::placeholder {color: #5a5a5a;}
.quote-form form :is(label) {text-transform: uppercase; color: var(--c-secondary); position: relative; display: flex;}
.quote-form form input[type="file"] {background-color: transparent; border: none;}
.quote-form form .group:not(:nth-of-type(1)) {flex-wrap: wrap;}
.quote-form form .group > :where(input, select) {width: calc(50% - 10px);}
.quote-form form .group > :where(input, select):nth-child(even) {width: 50%;}
.quote-form form :is(input[id="quantity"], input[id="contact"]) {width: 100%;}
.quote-form form p:has(+ input[type="file"]) {display: block; font-size: var(--fs-xs, 14px); font-weight: 600; color: #000; margin-bottom: 12px;}
.quote-form form label[for="personalInfo"] + .group input {width: 100%;}
.quote-form form .group:nth-of-type(3) * {width: 100%;}
.quote-form form .group:last-of-type label {text-transform: capitalize; width: calc(65% - 10px); text-wrap: nowrap;}
.quote-form form .group:has(input[id="captcha"]) {row-gap: 15px;}
.quote-form label[for="captcha"] {color: var(--c-tertiary);}
.quote-form form .group input[id="captcha"] {width: 35%;}
.quote-form form .group input[id="captcha"]::-webkit-inner-spin-button {appearance: none;}
.quote-form form :is(#captchaFeedback, #captchaRequired) {flex: auto; width: 100%; text-align: center;}
.quote-form form select{background: no-repeat 92% 50% / 10px url(https://www.emenacpackaging.co.nz/theme/website/assets/images/icons/down-arrow.svg); background-color: var(--_c-light-100); color: #5a5a5a;}
.quote-form form :where(input:not([type="file"]),select, textarea) {background-color: #fff;}
.quote-form form button[type="submit"] {width: 100%; max-width: 150px; font-family: var(--ff-secondary); font-size: var(--fs-xs, 14px); text-transform: capitalize; border-radius: 6px; margin-left: auto;}

@media only screen and (max-width: 767px) {
    .quote-form form .group:not(:nth-of-type(1)) {flex-wrap: nowrap;}
    .quote-form form .group > :is(input, select):nth-of-type(n+1) {width: 100%;}
}

@media only screen and (max-width: 475px) {
    .quote-form form .group:nth-of-type(n+1) {flex-wrap: wrap;}
}