.valuation-form .btn-group-toggle .btn-outline-primary {
    padding: 15px 30px;
    font-size: 18px;
    border-color: #ccc;
}

.valuation-form .btn-group-toggle .btn-outline-primary.active {
    background-color: #007bff;
    color: #fff;
}


.valuation-form .form-group label {
    display: block;
    margin-bottom: 15px;
}

.valuation-form .form-control {
    margin-bottom: 15px;
}

.valuation-form .control-buttons {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}

.valuation-form .btn-lg {
    padding: 15px 30px;
    font-size: 18px;
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 80px;
}

.rating > input{ display:none;}

.rating > label {
    position: relative;
    width: 1em;
    font-size: 50px;
    color: #ccc;
    cursor: pointer;
}
.rating > label::before{
    content: "\2605";
    position: absolute;
    opacity: 1;
}
.rating > label:hover:before,
.rating > label:hover ~ label:before {
    color: #FFD600 !important;
}

.rating > input:checked ~ label:before{
    color:#FFD600;
}