/* --------------------------------------
   Reviews Slider Styles
-------------------------------------- */
.smartwatt-featured-reviews-slider {
    margin: 0px 0px 50px 0px;
}

.smartwatt-featured-reviews-slider .reviews-heading {
    text-align: center;
}

.review-item {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #efefef;
    text-align: center;
    height: 220px;        /* fixed height initially */
    position: relative;
    transition: height 0.4s cubic-bezier(0.77, 0, 0.175, 1); /* ease-in-out motion */
}

.swiper-wrapper {
    transition-timing-function: ease !important;
}

.review-text {
    overflow: hidden;
    display: -webkit-box;

    -webkit-box-orient: vertical;
}

.review-item.expanded .review-text {
    -webkit-line-clamp: unset; /* remove line clamp when expanded */
}


.read-more {
    display: inline-block;
    margin-top: 10px;
    font-size: 0.85rem;
    color: #0073aa;
    cursor: pointer;
}

.read-less {
    display: inline-block;
    margin-top: 10px;
    font-size: 0.85rem;
    color: #0073aa;
    cursor: pointer;
}


.review-rating {
    color: #f5a623;   /* gold stars */
    font-size: 1.6rem;
    margin-bottom: 8px;
}

.review-text {
    font-size: 1.15rem;
    margin-bottom: 10px;
}

.review-author {
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    text-align: center;
    text-transform: capitalize;
}

/* Swiper navigation */
.swiper-button-prev, .swiper-button-next {
    color: #000;
}

.swiper-button-prev:after {
    display: none;
    font-weight: bold !important;
    font-size: 20px !important;
}

.swiper-button-next:after {
    display: none;
    font-weight: bold !important;
    font-size: 20px !important;
}


/* All bullets */
.swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    background: #bbb;
    opacity: 1;
    margin: 0 6px !important;
    border-radius: 50%;
    transition: background 0.3s ease, transform 0.3s ease;
}

/* Active bullet */
.swiper-pagination-bullet-active {
    background: #333;
    transform: scale(1.2); /* little pop effect */
}



/* Mobile styling: screens <= 768px */
@media (max-width: 768px) { 
    .review-text {
        padding-left:30px;
        padding-right:30px;
    }