.preview-file {
    min-height: 110px;
    min-width: 90px;
    max-width: 110px;
    width: 100px;
    background: #f8f9fa;
    box-shadow: 0 1px 6px rgba(0,0,0,0.03);
    margin-right: 0;
    margin-bottom: 0;
}
.preview-img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 0.5rem;
}
.preview-info {
    word-break: break-all;
    font-size: 0.93rem;
}
.preview-remove {
    font-size: 1.45rem;
    background: none;
    border: none;
    margin-left: 12px;
}

.submit-button-wrap {
    display: grid;
}

@media (max-width: 767.98px) {
    .submit-button-wrap {
        display: block;
        width: 100%;
    }

    .submit-button-wrap .btn {
        display: block;
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 576px) {
    .preview-file {
        min-width: 70px;
        max-width: 80px;
        width: 70px;
        min-height: 85px;
        padding: 0.5rem 0.4rem;
    }
    .preview-img {
        width: 38px;
        height: 38px;
    }
    .preview-info {
        font-size: 0.82rem;
    }
}

.captcha-block {
    width: 100%;
    overflow: visible;
}

.captcha-scale {
    width: 304px;
    transform-origin: center top;
    padding: 2px;
}

.captcha-scale > div {
    display: inline-block;
}

@media (max-width: 400px) {
    .captcha-scale {
        transform: scale(0.92);
        height: 74px;
    }
    
    .captcha-block {
        display: flex;
        justify-content: center;
        padding: 2px 0;
    }
}

@media (max-width: 360px) {
    .captcha-scale {
        transform: scale(0.84);
        height: 68px;
    }
}

@media (max-width: 576px) {
    .card-body {
        padding: 0.85rem;
    }
}