.quote {--clr-primary: var(--c-primary); --clr-secondary-lt: var(--c-secondary); --_c-lght-gray: #B5B2B2;}
.quote .quote-form .title label {font-family: var(--ff-primary); font-weight: 700;}
.quote .group label {color: #2F2F2F; font-weight: 700; margin: 0; padding: 0;}
.quote .group div:first-child {gap: 8px;}
.quote .group :where(input, select, textarea) {font-size: var(--fs-xs, 14px); color:#666666; padding-block: 11px;}
.quote form {padding-block: 24px;}
.quote form .captcha-m .group {position: relative; flex; none;}
.quote form .captcha > :first-child {display: flex; align-items: center; gap: 6px; font-weight: 600; color:#000;}
.quote form .captcha-m .group input {width: 120px; height: 42px;}
.quote form .captcha-m button[type="submit"] {flex: none; width: 160px; height: 42px; display: flex; align-items: center; justify-content: center; font-weight: 700; background-color: var(--c-primary); color: #fff; border-radius: 5px;}
.quote select {appearance: none; background: no-repeat 94%/12px url('../icons/chevron-down.svg'); background-color: #fff;}
.quote select[name="side_form_cardboard"] {min-width: 180px;}
.quote select option {width: max-content;}
.quote .group input[type="file"] {background-position: 2%; background-size: 32px; color: #666666;}

.quote .file-btn {display: flex; align-items: center; gap: 10px; background-color: #fff; padding: 7px 8px !important; border-radius: 5px;}
.quote .file-btn span {font-size: 10px; font-weight: 400; line-height: 1.15;}
.quote .file-btn > :first-child {width: 125px; display: flex; align-items: center; justify-content: center; font-size: var(--fs-2xs, 12px); text-wrap: nowrap; background-color: #E6E6E6; padding: 7px 16px 8px; border: 1px solid #C2C2C2; border-radius: 2px;}
.quote .file-btn > :nth-child(2) {color: #666666 ;}
.quote .file-btn + input {display: none;}

@media only screen and (max-width: 1250px) {
.quote form .captcha-m .group input,
.quote form .captcha-m button[type="submit"] {width: 100%;}
.quote select[name="side_form_cardboard"] {min-width: auto;}
}

@media only screen and (max-width: 575px) {
	.quote :where(.group:nth-child(2) div:nth-child(2), .group:nth-child(3) div:nth-child(2), .group:nth-child(4) div:nth-child(3)) {flex-wrap: nowrap;}
	.quote .group:nth-of-type(3) > div:nth-of-type(2) {flex-wrap: wrap;}
	.quote .group:nth-of-type(3) > div:nth-of-type(2) > :nth-child(-n+2) {width: calc(50% - 5px);}
	.quote .file-btn > :first-child {width: 100px; font-size: 10px;}
}