/* Style for Opinions */

.opinions_box .container {
  position: relative;
}

.opinions_box .rating {
  padding: 40px 0 20px;
}
.opinions_box span.star {
  display: inline-block;
}
.opinions_box span.star-empty,
.opinions_box span.star-half {
  display: inline-block;
}
.opinions_box span.star:after {
  content: "" !important;
  width: 20px;
  height: 20px;
  display: block;
}
.opinions_box span.star:after {
  -webkit-mask-image: url(../../img/svg/Full_Star.svg) !important;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../../img/svg/Full_Star.svg) !important;
  mask-repeat: no-repeat;
  -webkit-mask-size: 20px auto;
  mask-size: 20px auto;
}
/*
.opinions_box  span.star-empty:after {
    -webkit-mask: url(../../img/svg/Empty_Star.svg)no-repeat !Important;
    mask: url(../../img/svg/Empty_Star.svg)no-repeat !Important;
}
.opinions_box  span.star-half:after {
    -webkit-mask: url(../../img/svg/Half_Star.svg)no-repeat !Important;
    mask: url(../../img/svg/Half_Star.svg)no-repeat !Important;
}
*/

.opinions_box span.star:after {
  background-color: #000 !important;
}

@media (max-width: 991px) {
  .opinions_box .swiper-button-next {
    right: 0;
  }
  .opinions_box .swiper-button-prev {
    left: 0;
  }
}

/* Static layout when there are too few opinions for a slider */
.opinions_box.opinions_static .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}
.opinions_box.opinions_static .swiper-slide {
  width: auto;
}

@media (max-width: 767px) {
  .opinions_box.opinions_static .swiper-wrapper {
    grid-template-columns: 1fr;
  }
}

.opinions_box .op_name {
  margin-top: 1rem;
  font-weight: 700;
}