/* --- Star Icon Styling Update --- */
/* Ensure stars are colored correctly and spaced slightly */
.google-review-rating .star-icon {
    color: #FFC107; /* Gold color */
    font-size: 20px;
    margin-right: 1px;
    display: inline-block;
}
.google-review-content-box {
    display: flex;
    flex-direction: column;
}

.google-review-content {
    transition: max-height 0.3s ease-out;
    padding-bottom: 5px; /* Space above button */
 }

.google-review-content.expanded {
    overflow: visible;
}

.google-review-slide {
    height: 100%; /* Important for Slick to manage height */
}

.google-review-card {
    height: 100%; /* Ensure card fills the slide height */
    display: flex;
    flex-direction: column; /* Allows content to push to the bottom */
}


/* new css above  */
img.google-logo {margin: 0 auto;width: 150px;}

.google-review {
  font-family: 'Poppins', sans-serif;
  padding: 50px 0;
  text-align: center;
}
.google-review .heading {font-size: 22px;font-weight: 700;margin-bottom: 0px;}
.google-review .rating-summary { color: #fbbc04; font-size: 22px; }
.google-review .review-count {color: #444;font-size: 14px;margin-bottom: 5px;}
.google-review .slider { max-width: 1100px; margin: 0 auto; }

.google-review .review-card {
max-width: 95%;
  background: #111;
  color: #fff;
  border-radius: 12px;
  padding: 20px;
  text-align: left;
  margin: 10px;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}

.google-review .profile { display: flex; align-items: center; margin-bottom: 10px; }
.google-review .profile-img {
  width: 40px; height: 40px; border-radius: 50%;
  background: #f44336; color: #fff; display: flex;
  justify-content: center; align-items: center;
  font-weight: bold; text-transform: uppercase;
  overflow: hidden; margin-right: 10px;
}
.google-review .profile-img img { width: 100%; height: 100%; object-fit: cover; }
.google-review .name { font-weight: 600; }
.google-review .date { font-size: 12px; color: #ccc; }
.google-review .google-icon { width: 20px; position: absolute; top: 15px; right: 15px; }
.google-review .stars { color: #fbbc04; font-size: 16px; margin: 5px 0; }
.google-review .content {
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
  max-height: 70px;
  transition: max-height 0.4s ease;
}
.google-review .content.expanded { max-height: 500px; }
.google-review .read-more {
  color: #fbbc04; font-size: 13px; margin-top: 6px;
  cursor: pointer; display: none;
}



/* Alternative Navigation with Text Labels */
.google-review .slick-arrow {
    background: transparent;
    box-shadow: none;
    color: #3a86ff;
    font-size: 14px;
    font-weight: 600;
    width: auto;
    height: auto;
    cursor: pointer !important;
    border: none;
    text-transform: uppercase;
}


.google-review .slick-prev {
    left:-40px;
    padding-right: 10px;
    z-index: 999;
    background: #00ffff00 !important;
}

.google-review .slick-next {
    right:-40px;
    padding-left: 10px;
    z-index: 9999;
    background: #00ffff00 !important;
}

.google-review .slick-arrow:hover {
    background: transparent;
    color: #2667cc;
}

.slick-prev:before
{
    content: '←';
    color: red;
}

.slick-next:before
{
    content: '→';
    color: red;
}

.google-review [type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover {
    color: #fff;
    background: #00ffff00 !important;
    text-decoration: none
}

  /* Styles for tablets and smaller screens */
    @media (max-width: 1023px) {
         .google-review .slick-prev {
                left:-10px;
                padding-right: 10px;
                z-index: 999;
            }
            .google-review .slick-next {
                right:-10px;
                padding-left: 10px;
                z-index: 9999;
            }
    }

    /* Styles for mobile devices */
    @media (max-width: 767px) {
         .google-review .slick-prev {
                left:-10px;
                padding-right: 10px;
                z-index: 999;
            }
            .google-review .slick-next {
                right:-10px;
                padding-left: 10px;
                z-index: 9999;
            }
    }

    .google-review .slick-dots li button {
    width: 12px;
    height: 12px;
    background: #ff0000; /* Red */
    opacity: 0.3;
}

.google-review .slick-dots li.slick-active button,
.google-review .slick-dots li button:hover,
.google-review .slick-dots li button:focus {
    background: #ff0000 !important; /* Red */
    opacity: 1 !important;
    transform: scale(1.3);
}

.google-review .slick-dots li button:focus {
    outline: 2px solid #ff0000 !important;
}