.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-rating-title {
	font-size: 24px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 20px;
}

.sr-app-card {
	align-items: flex-start;
	color: #000;
	background-color: #ffffff;
	border: 1px solid;
	border-color: #ececec;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	
	padding: 30px;
	position: relative;
}
.sr-app-card .sr-app-product-detail *,
.sr-app-card .sr-app-card-content > *{
	color: #000;
}
.sr-app-card textarea{
	box-shadow: 0 0 0 0.1rem rgb(0,0,0,0.55);
}

.summaryRating .stars{
	font-size: 13px;
}

.thank-you {
	color: #000;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0;
	/* Reset margin */
}

.review-info {
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0;
	/* Reset margin */
}


.star-rating {
	display: inline-block;
	margin-right: 5px;
}

.sr-display-title {
	/* position: relative;  */
	margin-bottom: 20px;
}

@media screen and (max-width: 991px){
	.sr-display-title {
		padding: 15px;
	}
}

#es-sales_pop-close-toggle {
	z-index: 3;
	position: absolute;
	border-radius: 50%;
	top: 20px;
	right: 20px;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

#es-sales_pop-close-toggle:hover {
	background: #f3f3f3;
}

#es-sales_pop-close-toggle:hover .es-sales_pop-close-icon:before,
#es-sales_pop-close-toggle:hover .es-sales_pop-close-icon:after {
	background: #aaa;
}

#es-sales_pop-close-toggle .es-sales_pop-close-icon {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #ddd;	
}

#es-sales_pop-close-toggle .es-sales_pop-close-icon:before,
#es-sales_pop-close-toggle .es-sales_pop-close-icon:after {
	content: '';
	position: absolute;
	height: 15px;
	width: 2px;
	background-color: #908e8e;
	border-radius: 2px;
}

.sr-app-modal-card > #es-sales_pop-close-toggle .es-sales_pop-close-icon{
	border: none;
}

#es-sales_pop-close-toggle .es-sales_pop-close-icon:before {
	transform: rotate(45deg);
}

#es-sales_pop-close-toggle .es-sales_pop-close-icon:after {
	transform: rotate(-45deg);
}

.easy_popup-app-modal-window {
	border: 0px solid #E8E8E8;
	border-radius: 5px;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 100000;
	background-color: rgba(0, 0, 0, 0.45);
}

.svg-container {
	display: flex;
	justify-content: center;
	align-items: center;

}

.write-review-button {
	padding: 10px 20px;
	background-color: #125AE4;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	vertical-align: middle;
	margin-top: -2px;
}

.sr-app-comment-image {
	max-width: 100%;
	margin-right: 20px;
	border: 1px solid #EDEDED;
	border-radius: 10px;
	margin-top: 15px;
	width: 150px;
	height: 150px;
	box-shadow: 0 6px 18px -3px rgba(0, 0, 0, 0.15);
	object-fit: cover;
}

.hidden {
	display: none;
}

.sr-app-comment-details {
	position: relative;
	padding-left: 80px;
}

.sr-app-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	padding: 15px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sr-app-modal-card{
	position: relative;
	width: 100%;
	max-width: 500px;
	border-radius: 10px;
	background-color: #ffffff;
	color: #000;
	border: 1px solid #ccc;
	padding: 30px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	z-index: 20;
}
.sr-app-modal-card > *{
	color: #000;
}
.sr-app-modal-backdrop{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: block !important;
	background-color: rgba(0, 0, 0, 0.6);
}

.product-section .sr-display-title{
	padding-left: 0px;
	font-size: 25px;
}

#imagePreviews img{
	object-fit: cover;
}

.sr-app-image_upload{
	display: flex; 
	justify-content: center; 
	align-items: center; 
	text-align: center; 
	cursor: pointer; 
	padding: 20px; 
	border: 1px dashed #BDBDBD; 
	color: #8A8A8A; 
	border-radius: 5px;
}
.sr-app-image_upload.has-image{
	width: 100px;
}

.product-single__hero #srAppCard{
	padding: 15px;
}
@media screen and (max-width: 997px) {
	.product-single__hero .sr-app-card{
		margin: 0 15px 20px;
	}

	.ratingComment {
		display: flex;
		flex-direction: column;
		overflow: auto;

	}

	.summaryRating .sr-display-title,
	.summaryRating .stars{
		display: none;
	}
	.summaryRating.sr-app-card{
		padding: 0px;
		border: none;
		margin: 0;
	}
	.summaryRating.sr-app-card button{
		width: 100%;
		margin: 3px 0;
	}

	.sr-app-circle-img {
		display: inline-block;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		margin-right: 15px;
	}


}

.sr-app-card .es-star-rate-avg {
	margin-left: -3px;
	margin: 10px 0px 10px -3px;
}

.sr-app-card .sr-app-flex-between {
	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 {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}

.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: 550px;
	width: auto;
	margin-left: 20px;
	border: 1px solid;
	border-color: #ececec;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-top: 20px;
	border-radius: 10px;
	flex-grow: 1;
}

.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;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	margin-right: 15px;
	flex-shrink: 0;
}

.sr-app-img-comment {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	font-size: 15px;
}

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

.sr-app-img-comment>div {
	width: 100%;

}

#sr-comments {
	margin-bottom: 0px;
	min-height: 100px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
}

#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-comment-error:empty,
.sr-comment-error:empty {
	display: none;
}

.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;
}

.sr-app-comment{
	margin-bottom: 20px;
}

@media screen and (max-width: 997px) {
	.sr-app-img-comment .es-star-rate-avg {
		margin: 0px 0px 3px -3px;
	}

	.sr-app-img-comment .sr-app-comment-content {
		font-size: 12px;
	}

	.sr-app-comment-image {
		width: 80px;
		height: 80px;
		max-width: none;
		margin-right: 10px;
	}

	.sr-app-comment-content-wrapper {
		display: flex;
		flex-direction: column;
		align-items: flex-start;

	}

	.sr-app-comment-details {
		margin-top: auto;
		left: 0;

	}

	#es-sr-app-table {
		overflow: auto;
		max-height: 400px;
		margin-left: 0px;
		width: 100%;
	}

	.sr-app-images {
		display: flex;
		justify-content: flex-start;
	}

	.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;
	}

	#labelImage {
		width: 100%;
	}

}

.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('https://s3.dualstack.ap-southeast-1.amazonaws.com/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;
}