.request-creation .container { width: 100%; border: 1px solid #efefef; border-radius: 8px; padding: 25px; }
.request-creation .header { display: flex; justify-content: space-between; align-items: center; font-weight: bold; padding: 20px; }
.progress-bar { height: 5px; background: #e0e0e0; border-radius: 5px; overflow: hidden; margin-top: 10px; }
.progress { width: 60%; height: 100%; background: #4caf50; }
.request-creation .price-range { text-align: right; color: #666; font-size: 18px; margin-top: 5px; }
.request-creation .question { font-size: 16px; font-weight: bold; margin: 0 0 30px 0; }
.request-creation .option { display: flex; align-items: center; margin: 10px 0; }
.request-creation .option input { appearance: none; width: 18px; height: 18px; border: 2px solid #4caf50; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; cursor: pointer; }
.request-creation .option input:checked { background-color: #4caf50; border: 5px solid white; box-shadow: 0 0 0 2px #4caf50; }
.request-creation .button-container { display: flex; justify-content: space-between; margin-top: 20px; }
.request-creation .button { background: #28a745; color: white; text-align: center; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-weight: bold; width: 100%; }
.request-creation .button-container .button { margin-right: 10px; margin-top: 15px; }



.category-name {font-size: 14px!important;}
.btn-small {padding: 2px 15px!important;}
.clearfix {clear: both;}

.rating {
    direction: rtl;
    unicode-bidi: bidi-override;
    display: inline-flex;
}

.rating input {
    display: none;
}

.rating label {
    font-size: 2rem;
    color: #ccc;
    cursor: pointer;
    transition: color 0.2s;
}

    .rating label:hover,
    .rating label:hover ~ label {
        color: #ffc107;
    }

.rating input:checked ~ label {
    color: #ffc107;
}