/* Quote Form Sidebar Styling */
.quote {padding-block: 0;}
.quote .form {max-width: 344px; height: fit-content;}
.quote .form .head {padding-block: 8px;}
.quote .form .head :first-child {display: block; max-width: 150px; font-size: calc(var(--fs-sm, 18px) + 2px); font-weight: 700; margin-inline: auto; margin-bottom: 0;}
.quote form {padding-block: 24px;}
.quote form .group:not(:has(textarea)) {padding-inline: 12px; gap: 6px;}
.quote form :where(input, select, textarea) {height: 35px; font-size: calc(var(--fs-xs, 14px) - 2px);}
.quote form label[for="attachment"] {justify-content: flex-start;}
.quote form label[for="attachment"]> :first-child {padding: 8px 52px;}
.quote form label[for="attachment"]> :nth-child(2) {display: none; }
.quote form label[for="attachment"]> :nth-child(3) {display: block !important; font-size: calc(var(--fs-xs, 14px) - 2px); padding-left: 16px;}
.quote form .captcha {justify-content: center;}


.quote form .group:has(textarea) {
    padding-inline: 12px;
}

.quote form textarea {
    height: 160px;
}

.quote form .labels:not(.captcha .labels) {
    padding-inline: 6px;
    margin-inline: 12px;
}

.quote form .captcha {gap: 6px; padding-inline: 12px; margin: 0;}

.quote form .captcha label {flex: none; display: flex; align-items: center; gap: 8px;}

.quote form .captcha label > span:first-of-type {
    font-weight: 600;
}

.quote form .captcha input {
    max-width: 150px;
    margin-left: auto;
}

.quote form .captcha button.button {
    max-width: 100%;
    font-weight: 400;
    padding-block: 4px;
}

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

    .quote .form .head {
        padding-block: 12px;
    }
    
    .quote .form .head :first-child {
        max-width: 100%;
    }
    .quote form .captcha {justify-content: flex-start;}
}

@media only screen and (max-width: 575px) {
    .quote form .captcha {flex-direction: row;}
    .quote form label[for="attachment"]> :first-child {padding: 4px 52px;}
    .quote form textarea {height: 90px;}
    .quote form .labels:not(.captcha .labels) {margin-block: 10px;}
    .quote form .group:has(textarea) {margin-block: 10px;}
    .quote form label[for="attachment"] {margin-top: 12px;}
}

@media only screen and (max-width: 360px) {
    .quote form .captcha {flex-wrap: wrap; justify-content: center;}
    .quote form .captcha input {max-width: 100%; margin: 0;}
}