.woocommerce-review-slider {

    max-width: 100%;

    margin: 0 auto;

    padding: 20px;

    overflow: hidden;

}



.swiper-slide {

    display: flex;

    justify-content: center;

    align-items: stretch;

    height: auto;

}



.review-box {

    background: transparent;

    padding: 20px;

    

    display: flex;

    flex-direction: column;

    width: 100%;

}



.quote-box {

    position: relative;

    font-size: 16px;

    color: var(--wcprs-review-text-color, #4a4a4a);

    font-style: italic;

    padding: 20px;

    border:1px solid var(--wcprs-quote-border-color, #ccc);

    background-color: var(--wcprs-quote-bg, #ffffff);

    border-radius: 10px;

    margin-bottom: 15px;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    min-height: 200px; /* Adjust based on your content */

    height: 100%; /* Ensures it grows if needed */

}



.quote-box::after {

    bottom: -30px;

  box-sizing: border-box;

  color: var(--wcprs-quote-triangle-color, #fff);

  content: '';

  display: block;

  height: 30px;

  left: 80px;

  position: absolute;

  right: 445px;

  text-size-adjust: 100%;

  width: 30px;

  column-rule-color: var(--wcprs-quote-triangle-color, #fff);

  perspective-origin: 15px 15px;

  transform-origin: 15px 15px;

  filter: drop-shadow(rgba(0, 0, 0, 0.1) 1px 1px 1px);

  border-top: 30px solid var(--wcprs-quote-triangle-color, #fff);

  border-right: 30px solid transparent;

  border-bottom: 0 solid transparent;

  border-left: 0 solid transparent;

  font: 13px/20.8px helvetica neue,Helvetica,Arial,sans-serif;

  outline: var(--wcprs-quote-triangle-color, #fff) 0;

}



.swiper-wrapper {

    display: flex;

    align-items: stretch; /* Ensures all slides stretch to the same height */

}

.quote-text {

    text-align: left;

    margin-top: 0; /* Ensures it stays right below .star-rating */

    flex-grow: 1; /* Allows it to take up any available space */

}



.star-rating {

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 18px; /* Adjust size as needed */

    position: relative;

}





.star {

    color: #ccc; /* Grey stars */

    font-size: inherit;

    position: relative;

}



.star.filled {

    color: #777; /* Yellow stars */

    position: absolute;

    left: 0;

    top: 0;

}





.read-more {

    display: inline;

    color: #0073aa;

    font-weight: bold;

    text-decoration: none;

}



.product-info {

    display: flex;

    align-items: center;

    flex-direction: row; /* Change from column to row */

    gap: 10px; /* Adds spacing between image and text */

    justify-content: flex-start;

    text-align: left;

}





.product-img {

    border: 1px solid #ccc !important;

    width: 100px !important;

    height: 100px !important;

    margin-top:10px;

    object-fit: contain;
    image-rendering: auto; /* Keeps aspect ratio while ensuring the image fills the space */

    display: inline;

    max-width: 100%; /* Ensures it doesn't exceed the container */

}



.product-name {

    font-weight: bold;
    color: var(--wcprs-product-title-color, #1e73be);
    text-decoration: none;

}

.product-name:hover {
    color: var(--wcprs-product-title-hover-color, #0f5ea8);
}



.review-author {

    display: flex;

    align-items: center;

    justify-content: left;

    margin-top: 35px;

    margin-left:25px;

}



.author-img {

    width: 60px !important;

    height: 60px !important;

    border-radius: 50%;

    margin-right: 10px;

}



.author-name {

    font-weight: bold;

    color: var(--wcprs-author-color, #333333);

    margin: 0px !important;

}



.prs-swiper-pagination {

    position: absolute !important;

    bottom:10px !important; /* Prevents it from being too low */

    left: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    width: auto;

    z-index: 10;

    transition: all 0.3s ease-in-out;

}



.prs-swiper-pagination .swiper-pagination-bullet {
    background: var(--wcprs-dot-color, #000000) !important;
    opacity: 0.35;
}

.prs-swiper-pagination .swiper-pagination-bullet-active {
    background: var(--wcprs-dot-active-color, var(--wcprs-dot-color, #000000)) !important;
    opacity: 1;
}


.wcprs-verified-owner {
    margin-top: 6px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    opacity: 0.85;
}
