#review {
    padding: 1.5rem 2.2rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, #1a2837 0%, #11171d 100%);
}

#review .stars>* {
    opacity: .5;
}

#review .stars>*.hover {
    opacity: 1;
    color: #ff8c00;
}

#review .stars>*.active {
    opacity: 1;
    color: #ff8c00;
}

#review .stars>*.active:before {
    font-weight: 900;
}

#review input[name="rating"] {
    width: 1px;
    margin: -5px;
    opacity: 0;
}

#review .stars .fa:before,
#review .stars .far:before,
#review .stars .fas:before {
    cursor: pointer;
}

#review textarea {
    height: 4rem;
    margin: .5rem 0;
}

.review {
    padding: 1rem 1.5rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, #1a2837 0%, #11171d 100%);
    margin-bottom: 1rem;
}

.review .fas {
    color: #ff8c00;
}

.review b {
    color: #fefefe;
}

.review .gap-3 {margin-bottom: 10px;}
#review .gap-2 {margin-bottom: 20px;}
#review .btn {margin-top: 10px; background-color:#223a54;}
#review .btn:hover {background-color:#213143;}