

.quote-form form select {background: no-repeat 95%/10px url(https://www.emenacpackaging.com/wp-content/themes/emenac/assets/images/icons/angle-down-solid.svg); background-color: #fff; appearance: none;}
.quote-form {max-width: 568px; margin-inline: auto; border-radius: 0 90px 0 50px; box-shadow: 0 0 18px var(--_c-light-500); --_c-light-100: #f5f5f5; --_c-light-500: #888888; --_c-dark-600: #848484; --_c-secondary: #ef233c; --_c-tertiary: #2e2e2e; --_fs-xs: 14px; --_fs-base: 16px; --_fs-sm: 18px; --_fs-lg: 30px;}
.quote-form .title {background-color: var(--_c-secondary); padding: 11.5px; text-align: center; border-top-right-radius: 90px;}
.quote-form .title :first-child {font-size: calc(var(--_fs-lg, 30px) + 2px); font-weight: 500; color: #fff;}
.quote-form form {background-color: var(--_c-light-100); padding: 20px 20px 40px 20px; border-bottom-left-radius: 50px;}
.quote-form form label:has(> span):not(label[for="captcha"]) {display: none;}
.quote-form form label:has(> span) + strong {display: none;}
.quote-form form label[for="quote-details"] {display: none;}
.quote-form form .group:has(input[id="quote-details"]) {display: none;}
.quote-form form label {display: flex; gap:8px; align-items:center;  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 .group {display: flex; align-items: center; gap: 10px;}
.quote-form form :where(input:not(input[type="file"]), select, textarea) {width: 100%; height: 40px; color: #555; border: 1px solid var(--_c-light-100); padding: 10px;}
.quote-form form :where(input, select, textarea)::placeholder {color: var(--_c-dark-600);}
.quote-form form input[id="contact"]::-webkit-inner-spin-button {appearance: none;}
.quote-form form select {appearance: none;}
.quote-form form input[type="file"] {width: 100%; cursor: pointer;}
.quote-form form input[type="file"]::-webkit-file-upload-button {padding: 5px 6px;}
.quote-form form input[type="number"]::-webkit-inner-spin-button {appearance: none;}
.quote-form form textarea {width: 100%; height: 100px; margin: 0 auto 20px; resize: none;}
.quote-form form label[for="captcha"] {padding-left: 15px; margin: 0;}
.quote-form form label[for="captcha"] span {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: 160px; font-size: var(--_fs-base, 16px); font-weight: 500; background-color: var(--c-tertiary-dark); color: #fff; padding: 8px; border: none; border-radius: 8px; margin-left: auto;}
.quote :where(.quote-form, .quote-form *) {transition: var(--transition);}

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

@media only screen and (max-width: 991px) {
.quote-form {--_fs-lg: 28px;}
}

@media only screen and (max-width: 767px) {
.quote-form {--_fs-base: 15px; --_fs-sm: 17px; --_fs-lg: 26px;}
}


@media only screen and (max-width: 575px) {
.quote-form form input[id="captcha"] {max-width: 110px;}
}

@media only screen and (max-width: 475px) {
.quote-form {--_fs-base: 14px; --_fs-sm: 16px; --_fs-lg: 24px;}
.quote-form form {padding: 20px 20px 50px;}
.quote-form form .group {flex-direction: column; align-items: flex-start;}
.quote-form form input[id="captcha"] {max-width: 100%;}
.quote-form form .group:has(input[id="captcha"]) {flex-wrap: wrap; row-gap: 10px;}
.quote-form form input[id="captcha"] {max-width: 100%;}
.quote-form form button[type="submit"] {width: 95%; margin-inline: auto;}
.quote-form .telephone { margin-block:14px; }
}