.quote-form form label { display:none; }
.quote-form .title{text-align:left}
.quote-form .telephone{font-size: 20px;background: linear-gradient(#eb0000, #a70000);height: 50px;width: 100%;display:block; padding: 10px;  margin-bottom: 14px;color: white;}
.quote-form {--_c-bg: #02408e; --_c-red: #c93f2c; --_c-input-bg: #eeeeee; max-width: 276px; height: fit-content; box-shadow: 0 0 3px var(--_c-light-500); border-radius: 0; margin-bottom: 20px;}
.quote-form .title {border-radius: 0; padding: 13px; background-color: var(--_c-bg);}
.quote-form .title :first-child {font-size: calc(var(--_fs-sm, 18px) + 2px);}
.quote-form form {padding: 10px 5px 20px; border-radius: 0; background-color: #fff;}
.quote-form form label {margin-top: 0;}
.quote-form form label:has(> svg):not(label[for="captcha"]) {display: none;}
.quote-form form label:nth-child(2) {margin-top: 0;}
.quote-form form label:has(> span):not(label[for="captcha"]) {display: flex; align-items: center; gap: 7px; font-weight: 700; color: var(--_c-red);}
.quote-form form label:has(> span):not(label[for="captcha"]) span {width: 20px; height: 20px; color: #000; border-radius: 50%; border: 1px solid var(--_c-red); display: flex; align-items: center; justify-content: center;}
.quote-form form :is(label, input, select) {font-size: var(--_fs-xs, 14px);}
.quote-form form :is(input, select, textarea) {background-color: var(--_c-input-bg); margin-bottom: 10px;}
.quote-form form :is(input:not(input[type="file"]), select) {height: 36px; padding: 4px;}
.quote-form form input[type="file"] {background: none;}
.quote-form form .group {gap: 2px; flex-wrap: wrap;}
.quote-form form .group:first-of-type {flex-wrap: nowrap;}
.quote-form form .group:first-of-type input:nth-of-type(-n+2) {display: block;}
.quote-form form .group:nth-of-type(2) > :first-child {width: 100%;}
.quote-form form .group:nth-of-type(2) :where(input, select) {width: calc(50% - 1px);}
.quote-form form .group:nth-of-type(2) select[id="materials"] {width: 100%;}
.quote-form form label:has(> span):has(+ strong) {margin-bottom: 6px;}
.quote-form form label:has(> span) + strong {display: block; font-size: var(--_fs-xs, 14px); margin-bottom: 6px;} 
.quote-form form textarea {height: 80px; padding: 4px;}
.quote-form form .group input[type="number"]::-webkit-inner-spin-button {appearance: none;}
.quote-form form .group:has(input[id="captcha"]) {flex-direction: column; align-items: flex-start;}
.quote-form form .group:has(input[id="captcha"]) input {width: 100%; max-width: 100%; margin: 10px 0;}
.quote-form form label[for="captcha"] {padding: 0;}
.quote-form form label svg {width: 18px; margin-right: 0; filter: brightness(0);}
.quote-form form button[type="submit"] {width: 130px; background-color: var(--_c-red); font-size: var(--_fs-xs, 14px); border-radius: 2px; padding-block: 9px; margin-left: auto;}
.quote-form form button[type="submit"]:hover {background-color: var(--_c-bg);}

@media only screen and (max-width: 475px) {
.quote-form {max-width: 100%;}
.quote-form form {padding-bottom: 10px;}
.quote-form form .group:nth-child(n+1) {flex-wrap: wrap;}
.quote-form form :is(input, select, textarea) {margin-bottom: 5px;}
.quote-form form :is(input:not(input[type="file"]), select) {height: 32px;}
.quote-form form .group:nth-of-type(2) :is(input, select) {width: 100%;}
.quote-form form label:has(> span) + strong {margin-bottom: 4px;}
.quote-form form input[type="file"] {margin-bottom: 8px;}
.quote-form form .group:has(input[id="captcha"]) input {margin-block: 5px;}
.quote-form form button[type="submit"] {width: 100%; padding-block: 7px;}
}