.recent-review-articles {
    font-size: 1em;
}
.recent-review-article-link {
    height: 100%;
    width: 100%;
    color: #fff !important;
}
.recent-review-article .review-info {
    height: 75px;
    margin: 1px 0px;
    display: block;
    background-color: #3C4D5D;
    overflow: hidden;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.recent-review-article-link.first-review .recent-review-article {
    position: relative;
}
.recent-review-article-link.first-review .recent-review-article .review-info {
    position: absolute;
    bottom: -1px;
    background-color: rgba(24,24,24,.8);
    width: 100%;
}
.recent-review-article:hover .review-info {
    background-color: #3AA9DB !important;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.recent-review-article img {
    width: 100%;
}
.recent-review-article .title {
    display: flex;
    align-items: center;
    height: 75px;
}
.recent-review-article .title h3 {
    margin: 0;
    font-size: 1em;
    line-height: 25px;
}
.recent-review-article .rate {
    height: 75px;
    text-align: center;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rate-0{
    background-color: #959595;
}
.rate-1{
    background-color: #d03f42;
}
.rate-2{
    background-color: #e39735;
}
.rate-3{
    background-color: #da753d;
}
.rate-4{
    background-color: #f8e67a;
}
.rate-5{
    background-color: #f3d332;
}
.rate-6{
    background-color: #ecb842;
}
.rate-7{
    background-color: #c5d743;
}
.rate-8{
    background-color: #91c24f;
}
.rate-9{
    background-color: #7ab951;
}
.rate-10{
    background-color: #3AA9DB;
}


@media (min-width: 768px) and (max-width: 980px) {
    .recent-review-article .title h3 {
        font-size: 9px;
        line-height: 20px;
    }
}