.review-form .section__header {
    justify-content: center;
}

.glsr-default {
    max-width: 600px;
    margin: 0 auto;
}

.review-form form {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.review-form form label {
    font-size: 12px;
}

.review-form form .field__wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.review-form form .field__wrapper>* {
    border-radius: 5px;
    outline: none;
    font-size: 16px;
}

.review-form form .review__field {
    border: 1px solid var(--color-black);
}

.review_text {
    width: 100%;
    height: 100px;
    padding: 12px;
}

.submit-review {
    align-self: center;
}

.review__field_avatar {
    display: none;
}

.field__wrapper.avatar {
    height: fit-content;
}

.field__wrapper.avatar label {
    gap: 10px;
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #aeaeae;
    cursor: pointer;
    color: #aeaeae;
    font-size: 20px;
}

.field__wrapper.avatar label i {
    font-size: 24px;
}

/* Reviews  */

#full-stars-example-two {
    text-align: center;
}
    .rating-group {
        display: inline-flex;
    }

    /* make hover effect work properly in IE */
    .rating__icon {
        pointer-events: none;
    }

    /* hide radio inputs */
    .rating__input {
        position: absolute !important;
        left: -9999px !important;
    }

    /* hide 'none' input from screenreaders */
    .rating__input--none {
        display: none
    }

    /* set icon padding and size */
    .rating__label {
        cursor: pointer;
        padding: 0 0.1em;
        font-size: 32px !important;
    }

    /* set default star color */
    .rating__icon--star {
        color: orange;
    }

    /* if any input is checked, make its following siblings grey */
    .rating__input:checked~.rating__label .rating__icon--star {
        color: #ddd;
    }

    /* make all stars orange on rating group hover */
    .rating-group:hover .rating__label .rating__icon--star {
        color: orange;
    }

    /* make hovered input's following siblings grey on hover */
    .rating__input:hover~.rating__label .rating__icon--star {
        color: #ddd;
    }
