#review {
  background-color: #c7e2eb;
  padding: 30px;
  color: var(--theme-dark-blue);
}

.review-content {
    min-height: calc(1.5em * 3);
    display: -webkit-box;
    -webkit-line-clamp: 3; /* show only 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s ease;
    color: var(--theme-dark-blue);
    text-align: justify;
}

    .review-content.expanded {
        -webkit-line-clamp: unset;
        overflow: visible;
    }


.review-card {
  width: 30%;
  color: var(--dark-grey);
}
.review-name {
    color: var(--theme-dark-blue);
    font-weight: bold;
    margin-top: 10px;
    text-align: left;
}
.read-more {
  font-style: italic;
  color: var(--theme-dark-blue) !important;
  text-decoration: none;
}

.review-meta {
  margin-top: 10px;
  border-top: 1px solid #e0e0e0;
}
.text-primary {
  color: var(--theme-dark-blue) !important;
}

@media (max-width: 768px) {
  .review-slider {
    margin-bottom: 41px !important;
  }
  .slick-next,
  .slick-prev {
    z-index: 1000;
    top: 107%;
    background: none !important; /* Remove any background */
    border: none !important;
  }
  .slick-next:before,
  .slick-prev:before {
    color: var(--theme-dark-blue);
    content: none;
  }
  .slick-next {
    right: 0%;
  }
  .slick-prev {
    left: 0%;
  }
  .slick-prev i,
  .slick-next i {
    font-size: 17px;
    color: var(--theme-dark-blue);
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 1;
  }

  /* Customizing the Pagination Dots */
    .review-slider .slick-dots {
        bottom: -60px; /* adjust position */
    }

  .slick-dots li button:before {
    font-size: 10px; /* Adjust size of default dots */
    color: rgb(148, 200, 243); /* Inactive dot color (light teal) */
  }

  .slick-dots li.slick-active button:before {
    color: var(--theme-dark-blue); /* Active dot color (dark teal) */
  }
}