
@media screen and (min-width:993px) {
    .carousel-inner {
        display: flex;
    }

    .carousel-item {
        display: block;
        margin-right: 0;
        flex: 0 0 calc(100%/3);
    }
}

.carousel-inner {
    padding: 1em;
}

.review {
    margin: 0.5em;
    height: 13rem;
}

.reviewText {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: gray;
    border-radius: 50%;
    opacity: .5;
}

.ratings {
    display: flex;
    justify-content: space-between;
}

.googleRatingMobile {
    justify-content: center;
}

.overallRating, .overallRatingMobile {
    border-radius: 0.625rem;
    background: #F6F6F6;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 3px 3px 0px rgba(0, 0, 0, 0.09), 0px 7px 4px 0px rgba(0, 0, 0, 0.05), 0px 12px 5px 0px rgba(0, 0, 0, 0.01), 0px 18px 5px 0px rgba(0, 0, 0, 0.00);
    font-size: 13px;
    font-weight: 500;
}

.googleBtnDivMobile {
    display: flex;
    justify-content: center;
}

#googleBtnDiv {
    display: flex;
    justify-content: end;
    align-items: center;
}

.starDiv {
    text-align: center;
    align-items: center;
}

.starDivMobile {
    justify-content: center;
}

@media screen and (max-width:912px) {
    .starDiv {
        text-align: left;
    }
}

@media screen and (max-width:700px) {
    .starDiv {
        text-align: left;
    }

    #googleBtnDiv a{
        font-size: small;
    }
}