.es-icon-star{
	display: inline-block;
	width: 1.6em;
	height: 1.5em;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	background-size: contain;
	vertical-align: sub;
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-empty-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23e6e6e6'/%3E%3C/svg%3E");
}
.es-icon-star .es-star,
.es-star{
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23fc0'/%3E%3C/svg%3E");
}
.es-icon-star .es-half-star,
.es-half-star{
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-half-star%3C/title%3E%3Cpolygon points='61.21 39.34 50.01 4.84 38.8 39.34 2.52 39.34 31.87 60.66 20.66 95.16 50.01 73.84 79.35 95.16 68.14 60.66 97.49 39.34 61.21 39.34' fill='%23e6e6e6'/%3E%3Cpolygon points='50.02 4.92 49.99 4.84 38.79 39.34 2.51 39.34 31.86 60.66 20.65 95.16 49.99 73.84 50.02 73.86 50.02 4.92' fill='%23fc0'/%3E%3C/svg%3E");	
}
.es-icon-star .es-empty-star,
.es-empty-star{
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-empty-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23e6e6e6'/%3E%3C/svg%3E");
}

.es-avg-rates{
	display: block;
	margin: 10px 0;
}
.es-star-rating,
.es-star-rate-avg{
	font-size: 1em;
	line-height: 1.1em;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 110px;
	min-height: 21px;
}

#sf-es-star-rating{
	display: inline-flex;
	flex-wrap: wrap;
	margin: 0px 0px 20px;
}

.es-star-avg{
	margin: 0 5px;
	color: #888;
}

.es-star-rating-input .es-icon-star{
	cursor: pointer;
}
.es-star-rating-input input{
	display: none;
}

.es-star-rating-input:hover .es-icon-star{
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23fc0'/%3E%3C/svg%3E");
}
.es-star-rating-input:hover .es-icon-star:hover ~ .es-icon-star{
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-empty-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23e6e6e6'/%3E%3C/svg%3E");
}

[data-star-rate="1"] .es-icon-star:nth-child(1){
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23fc0'/%3E%3C/svg%3E");
}
[data-star-rate="2"] .es-icon-star:nth-child(1),
[data-star-rate="2"] .es-icon-star:nth-child(2){
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23fc0'/%3E%3C/svg%3E");
}
[data-star-rate="3"] .es-icon-star:nth-child(1),
[data-star-rate="3"] .es-icon-star:nth-child(2),
[data-star-rate="3"] .es-icon-star:nth-child(3){
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23fc0'/%3E%3C/svg%3E");
}
[data-star-rate="4"] .es-icon-star:nth-child(1),
[data-star-rate="4"] .es-icon-star:nth-child(2),
[data-star-rate="4"] .es-icon-star:nth-child(3),
[data-star-rate="4"] .es-icon-star:nth-child(4){
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23fc0'/%3E%3C/svg%3E");
}
[data-star-rate="5"] .es-icon-star:nth-child(1),
[data-star-rate="5"] .es-icon-star:nth-child(2),
[data-star-rate="5"] .es-icon-star:nth-child(3),
[data-star-rate="5"] .es-icon-star:nth-child(4),
[data-star-rate="5"] .es-icon-star:nth-child(5){
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23fc0'/%3E%3C/svg%3E");
}

.sr-hide{
	display: none !important;
}

.sr-app-card{
	display: block;
	background-color: #fff;
	color: #000;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
	border-radius: 12px;
	max-width: 800px;
	margin: 40px auto;
}
@media screen and (max-width: 991px) {
	.sr-app-card{
		margin: 40px 20px;
	}
}
.sr-app-card .es-star-rate-avg{
	margin-left: -3px;
	margin: 10px 0px 10px -3px;
}
.sr-app-card .sr-app-flex-between{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 15px;
	flex-wrap: wrap;
}

.sr-app-card .sr-app-date{
	font-size: 0.8em;
	color: #999;
	margin: 5px 0;
}
.sr-app-card .sr-app-card-content{
	padding: 30px;
}
.sr-app-card .sr-app-card-content:empty{
	display: none;
}
.sr-app-card .sr-app-card-content+.sr-app-card-content{
	padding-top: 0px;
}
#es-sf-star-rating-input{
	font-size: 2em;
	margin-top: 5px;
}
.sr-app-card .sr-app-comment+.sr-app-comment{
	border-top: 1px solid #ccc;
	margin-top: 30px;
	padding-top: 30px;
}

.sr-app-card hr.sr-app-card-hr{
	clear: both;
	border-top: solid #ccc;
	border-width: 1px 0 0;
	margin: 30px 0;
	height: 0;
}
.sr-app-card .sr-app-card-content hr.sr-app-card-hr:first-child{
	margin-top: 0;
}

#es-sr-app-table{
	overflow: auto;
	max-height: 400px;
}
.sr-app-h3{
	font-size: 58px;
	line-height: 1.1;
	margin-bottom: 10px;
}
.sr-app-h3 .sr-app-color-grey{
	font-size: 0.7em;
	margin-right: 3px;
}
.sr-app-card .sr-app-h3 .sr-app-h3-star{
	font-size: 20px;
	line-height: 1.1;
	margin: 0;
}
.sr-app-color-grey{
	color: #999;
}

.sr-app-circle-img{
	display: inline-block;
	max-width: 40px;
	max-height: 40px;
	border-radius: 50%;
	margin-right: 15px;
}
.sr-app-img-comment{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-start;
	font-size: 14px;
}

.sr-app-img-comment .sr-app-variant_name{
	color: #666;
	display: block;
}

.sr-app-img-comment > div{
	width: 100%;
	padding-top: 7px;
}

.sr-app-card #sr-comments{
	margin-bottom: 0px;
	min-height: 100px;
}

#sr-comment-error,
.sr-comment-error{
	display: block;
	min-height: 20px;
	line-height: 20px;
	color: #d02e2e;
	font-weight: bold;
	font-size: 13px;
	margin: 5px 0;
}

.sr-app-card .sr-app-thumbnail img{
	width: auto;
	max-width: 120px;
	max-height: 120px;
}
.sr-app-product-detail{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.sr-app-card-content h1:last-child,
.sr-app-card-content h4,
.sr-app-card-content p{
	margin-bottom: 0;
	line-height: 1.5;
}

.sr-app-product-name{
	padding-left: 20px;
	flex-grow: 1;
}

@media screen and (max-width: 500px) {
	.sr-app-img-comment .es-star-rate-avg{
		margin: 0px 0px 3px -3px;
	}
	.sr-app-img-comment .sr-app-comment-content{
		font-size: 12px;
	}
	#es-sr-app-table{
		overflow: auto;
		max-height: 300px;
	}
	.sr-app-product-name{
		padding-top: 20px;
		padding-left: 0
	}
	.sr-app-product-name + #es-sf-star-rating-input.es-star-rating-input{
		padding-top: 20px;
		margin-bottom: 0;
	}
}

.template-app .sr-app-card{
	margin: 30px auto;
}

.sr-app-card textarea{
	resize: none;
}

.sr-app-card.sr-app_is-rated .sr-app-thumbnail img{
	max-width: 80px;
	max-height: 80px;
}
.sr-app-card.sr-app_is-rated .sr-comment-error{
	display: none;
}
.sr-app-card.sr-app_is-rated .es-star-rating{
	pointer-events: none;
}
.sr-app-card.sr-app_is-rated textarea{
	border: none;
	min-height: 80px;
}

.sr-app_customer_name.sr-app-is_verified{
	padding-right: 17px;
	background-image: url('../../../eesb.public/images/apps/product-star-rating/verified.png');
	background-position: center right;
	background-size: 13px;
	background-repeat: no-repeat;
}

/*=====================*/
/*  Home page review   */
/*=====================*/
@media (min-width: 990px) {
  .content-for-layout .es-psr-app-container {
    padding: 0 5rem 2rem;
  }
  .wrapper.main-content .es-psr-app-container {
    padding: 0 2rem 2rem;
  }
}
.es-psr-app-title {
  margin: 4rem 0 2rem;
}
.es-psr-app-title .title {
  margin: 0;
}
@media (max-width: 991px) {
  .es-psr-app-title {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 1rem;
  }
}
.es-psr-app-swiper {
  padding: 20px 0px;
}
.es-psr-app-swiper-button-prev,
.es-psr-app-swiper-button-next {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  z-index: 10;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.es-psr-app-swiper-button-next {
  right: 5px;
}
.es-psr-app-swiper-button-prev {
  left: 5px;
}
.es-psr-app-swiper-button-prev.swiper-button-disabled,
.es-psr-app-swiper-button-next.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.es-psr-app-swiper-button-prev:after,
.es-psr-app-swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 15px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  color: gray;
  font-weight: bold;
}
@media (max-width: 640px) {
  .es-psr-app-swiper-button-prev,
  .es-psr-app-swiper-button-next {
    visibility: hidden;
  } 
}
.es-psr-app-swiper_container {
  padding: 20px;
  margin: -20px;
}
@media (max-width: 991px) {
  .es-psr-app-swiper {
    margin: 20px;
  } 
}
.es-psr-app-swiper_slide {
  height: auto;
}
.es-psr-app-swiper_card {
  display: block;
  background-color: #fff;
  color: #000;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  height: 100%;
  overflow: hidden;
  transition: transform .5s;
}
.es-psr-app-swiper_card:hover {
  -ms-transform: scale(1.04); /* IE 9 */
  -webkit-transform: scale(1.04); /* Safari 3-8 */
  transform: scale(1.04);
}
.es-psr-app-swiper_card a {
  color: black;
  text-decoration: none;
}
.es-psr-app-swiper_img-wrapper {
  padding-bottom: 70%;
  display: block;
  position: relative;
  overflow: hidden;
} 
.es-psr-app-swiper_img-wrapper img {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} 
.es-psr-app-swiper_content {
  position: relative;
}
.es-psr-app-swiper_star {
  background: white;
  display: flex;
  padding: 8px;
  border-radius: 8px;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
  width: fit-content;
}
.es-psr-app-swiper_circle-avatar {
  max-width: 40px;
  max-height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  flex-shrink: 0;
}
.es-psr-app-swiper_review {
  padding: 35px 20px 20px;
  font-size: 14px;
}
.es-psr-app-swiper_date {
  font-size: 11px;
  color: gray;
}
.es-psr-app-swiper_rating {
  display: flex;
  margin-bottom: 8px; 
}
.es-psr-app-swiper_review .es-star-rate-avg {
  display: block;
  margin: 5px 0px 10px;
}
.es-psr-app-swiper_cus-comment {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}