#google-reviews {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px; /* Added gap between items */
  margin-top: 2em;
}

.review-item, .review-item-long {
  border: solid 1px rgba(190, 190, 190, .35);
  margin: 1em;
  padding: 1.5em;
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
  background-color: #fff;
  border-radius: 12px; /* Rounded corners */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Softer shadow */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.review-item:hover, .review-item-long:hover {
  transform: translateY(-5px); /* Lift effect on hover */
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15); /* Stronger shadow */
}

@media (max-width: 1200px) {
  .review-item, .review-item-long {
    flex: 1 1 90%;
  }
}

@media (max-width: 450px) {
  .review-item, .review-item-long {
    flex: 1 1 100%;
  }
}

.review-header {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  margin-bottom: 1.5em;
}

.review-picture {
  width: 4.5em;
  height: 4.5em;
  border-radius: 50%;
  margin-right: 1em;
  object-fit: cover; /* Ensures the image does not get distorted */
  border: 3px solid #eb6e00; /* Adding border to profile picture */
}

.review-usergrade {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #333;
}

.review-meta, .review-stars {
  font-size: 1em;
}

.review-author {
  font-weight: bold;
  font-size: 1.1em;
  color: #1a1a1a;
}

.review-text {
  line-height: 1.8;
  text-align: justify;
  margin-top: 1em;
  font-size: 1em;
  color: #555;
}

.review-stars ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.review-stars ul li {
  margin-right: 0.2em;
}

.review-stars ul li i {
  color: #eb6e00; /* Gold star color */
  font-size: 1.4em;
}

.star:after {
  content: "\2605"; /* Unicode star */
}

.buttons {
  margin: 20px 0 0 0; 
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.more-reviews, .write-review {
  margin-top: 1em;
  text-align: center;
}

.more-reviews a, .write-review a {
  margin: 8px;
  border: 1px solid #eb6e00;
  border-radius: 40px;
  padding: 12px 20px;
  background-color: #eb6e00;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}

.more-reviews a:hover, .write-review a:hover {
  background-color: #d15e00; /* Darker shade on hover */
}

.custom-badge-content {
  padding: 2em;
  background-color: #fff;
  color: #535353;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.custom-badge {
  font-size: 1.2em;
  border-color: #fff;
}

.custom-style {
  cursor: pointer;
  width: 100%;
  position: relative;
  text-align: center;
  padding: 20px;
}