@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300;400;500;600;700&family=Roboto&display=swap');

#navbar {
  z-index: 11;
}

:root {
	--main-color: #f08522;
	--main-color2: #444;
	--main-color3: #0c8796;
}

body {
	font-family: 'Montserrat', sans-serif !important;
}

.is-flex {
	display: flex;
	flex-wrap: wrap;
}

.mrt-10 {
	margin-top: 10px;
}

.mrb-10 {
	margin-bottom: 10px;
}

.mrt-20 {
	margin-top: 20px;
}

.mrb-20 {
	margin-bottom: 20px;
}

.mrt-30 {
	margin-top: 30px;
}

.mrb-30 {
	margin-bottom: 30px;
}

.mrt-40 {
	margin-top: 40px;
}

.mrb-40 {
	margin-bottom: 40px;
}

.pdt-10 {
	padding-top: 10px;
}

.pdt-20 {
	padding-top: 20px;
}

.pdt-30 {
	padding-top: 30px;
}

.pdt-40 {
	padding-top: 40px;
}

.pdb-10 {
	padding-bottom: 10px;
}

.pdb-20 {
	padding-bottom: 20px;
}

.pdb-30 {
	padding-bottom: 30px;
}

.pdb-40 {
	padding-bottom: 40px;
}

.is-flex-mobile-service {
	display: flex;
	flex-wrap: wrap;
}

/*hoang-prduct*/
.variations {
  margin-bottom: 20px;
}

.variations label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 500;
}

#text-color, #text-size {
  padding: 0 5px;
}

.style-variant-template {
  padding-left: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

.style-variant-template li {
  float: left;
  margin-right: 5px;
  list-style: none;
}

.style-variant-template label {
  display: inline-block;
  max-width: 100%;
  font-weight: 700;
  margin: 0;
}

.style-variant-template input {
  display: none;
}

.style-variant-template li span {
  display: block;
  background: #fff;
  cursor: pointer;
  border: 1px solid #ccc;
  font-weight: 400;
}

.style-variant-template-size span {
  min-width: 50px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  height: 32px;
}

.item-show.selected {
  border: 1px solid var(--main-color);
}

.style-variant-template .out-of-stock .item-show {
  opacity: 0.5;
  border: 1px dashed #ccc !important;
  pointer-events: none;
}

input[type='radio'] {
  margin-top: 0;
  vertical-align: top;
  width: 16px;
  height: 16px;
  outline: none;
  margin: 2px 0;
}

.item-show {
  border: 1px solid #ddd;
  padding: 2px;
  border-radius: 50%;
}

.item-show img {
  border-radius: 50%;
}

.mona-bg {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.overHidden {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media(min-width:768px){
  .gallery-thumbs .swiper-slide {
    /*height: 100%;*/
    opacity: 0.4;
  }
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1 !important;
}
/*end-hoang*/

.swiper-pagination-bullet-active {
	background-color: var(--main-color2) !important;
}

.dnt-percent-sale2 {
	position: absolute;
	top: 0;
	padding: 2px 10px;
	background: var(--main-color);
	left: 0;
	font-weight: bold;
	text-align: center;
	color: white;
}

.dnt-percent-sale2::after {
	content: "";
	width: 0;
	height: 0;
	right: 0;
	bottom: -7px;
	position: absolute;
	border-color: transparent var(--main-color);
	border-style: solid;
	border-width: 0px 26px 8px;
}

.content-service {
	text-align: center;
	justify-content: center;
	border-right: 1px solid grey;
	margin-bottom: 10px;

}

.dnt-title-sale {
	display: flex;
	justify-content: center;
	align-items: center;
}

.dnt-text-sale {
	padding: 3px 10px;
	background: var(--main-color3);
	color: white;
	text-transform: uppercase;
	font-size: 20px;

}

.dnt-content-sale {
	padding: 3px 10px;
	color: var(--main-color2);
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 700;
}

.dnt-title-content {
	font-size: 20px;
	text-transform: uppercase;
	color: var(--main-color2);
	font-weight: 600;
}

.dnt-code-sale {
	height: 100%;
	justify-content: center;
	align-items: center;

}

.dnt-title-code,
.dnt-code {
	padding: 5px 10px;
	background: var(--main-color3);
	color: white;
}

.dnt-code {
	font-weight: bold;
	position: relative;
	display: inline-block;
	cursor: copy;
}

.tooltip-text {
	visibility: hidden;
	width: 140px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 999;
	bottom: 150%;
	left: 50%;
	margin-left: -75px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.dnt-code:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}

.content-service .service-left {
	margin-right: 10px;
}

.service-right .title-service2 {
	font-size: 14px;
}

.service-right .title-service {
	color: var(--main-color2);
	font-size: 16px;
}

.title-service.d-block.d-lg-none {
	color: var(--main-color2);
}

.title-service2 span {
	color: var(--main-color2);
}

.sale-product {
	padding: 50px 0 20px;
	background: #f8f8f8;
}

.dnt-title-block h2 {
	color: var(--main-color2);
	font-size: 18px;
	text-align: center;
}

.dnt-product-box {
	position: relative;
}


.dnt-product-template {
	position: relative;
}

.dnt-product-template a {
	text-decoration: none;
	color: var(--main-color2);
	text-transform: capitalize;
	font-size: 14px;
}

.attributes-product {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
}

.dnt-product-template a:hover {
	color: var(--main-color);
}

.dnt-name-prd {
	margin: 10px 0px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dnt-price-prod {
	color: var(--main-color)
}

.dnt-price-prod-original {
	color: #7A7A9D;
	margin-left: 10px;
}


.img-template-dnt {
	position: relative;
	overflow: hidden;
	aspect-ratio: 12/16;
}

.img-tem-first {
	width: 100%;
	height: 100%;
	transition: all .8s;
	aspect-ratio: 12/16;
}

.img-tem-last {
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all .8s;
	width: 100%;
	height: 100%;
	aspect-ratio: 12/16;
}

.img-tem-first,
.img-tem-last img {
	width: 100%;
	height: 100%;
}

.dnt-percent-sale {
	position: absolute;
	top: 10px;
	left: 0;
	background: var(--main-color);
	align-items: center;
	color: white;
	font-size: 12px;
	line-height: 25px;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
	padding: 5px 9px;
	line-height: 14px;

}

.dnt-new-product-title {
	position: absolute;
	top: 10px;
	left: 0;
	background: var(--main-color3);
	/*background: rgb(60, 189, 69);*/
	align-items: center;
	color: white;
	font-size: 14px;
	line-height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
	padding: 5px 10px;
	line-height: 14px;
	display: none
}

.dnt-love-like-template {
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 0;
	width: 30px;
	background: white;
	height: 30px;
	border-radius: 50%
}

.dnt-love-like {
	position: absolute;
	top: 5px;
	right: 0;
	background-image: url(https://statics.pancake.vn/web-media/bf/12/6f/d6/cde1c06c82276acd5abf11ccc1afc8f4e24d92be117945d3f0a1f8f1.svg);
	align-items: center;
	color: white;
	font-size: 14px;
	line-height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
	width: 26px;
	height: 20px
}

.dnt-style-time {
	padding: 10px;
	background: var(--main-color);
	color: white;
	margin-right: 5px;
	width: 50px;
	height: 50px;
	border-radius: 10px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
}

.coundown-flex {
	display: flex;
	justify-content: end;
	align-items: center;
}

.dnt-time-space {
	padding: 0px 5px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.nav-count-buyed {
	display: block;
	width: 100%;
	height: 10px;
	background: #f0f0f0;
	border-radius: 20px;
	position: relative;
}

.video-index {
	position: absolute;
	bottom: 0%;
	left: 0%;
	padding: 10px;
	color: rgba(0, 0, 0, 0.4);
	font-size: 30px;
}

.text-buyed {
	background: red;
	border-radius: 5px;
	color: red;
	height: 10px;
	line-height: 10px;
	text-align: center;

}

.dnt-love-like.actived {
	position: absolute;
	top: 5px;
	right: 0;
	background-image: url(https://statics.pancake.vn/web-media/bd/0f/53/c1/56604b29d8ecc4c264c5cc23d8e5004bbb66925a97d3e58e6a389430.svg);
	align-items: center;
	color: white;
	font-size: 14px;
	line-height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
	width: 25px;
	height: 20px
}

.dnt-icon-hot {
	position: absolute;
	top: 40px;
	right: 0;
	background-image: url(https://statics.pancake.vn/web-media/d7/34/4b/76/3622c22469f9314ae1279e6b6ed9a680bedaf6f0eff4f9455df91ca7.svg);
	align-items: center;
	color: white;
	font-size: 14px;
	line-height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
	width: 30px;
	height: 30px
}


/* thông báo */

.notification-add-product {
	position: fixed;
	display: none;
	right: 5%;
	color: white;
	top: 0;
	z-index: 1000;
	border: 1px solid var(--main-color);
	background: var(--main-color3);
	padding: 16px;
	animation: action-notification 1s ease-in-out;
}

.notification-add-product.active {
	display: block;
	top: 30px;
}

.notification-add-product a {
	text-decoration: none;
}

@keyframes action-notification {
	0% {
		opacity: 0;
		top: 0
	}

	40% {
		opacity: 0.7;
		top: 30px;
	}

	100% {
		opacity: 1;
		top: 30px;
	}
}

.notification-delete-product {
	position: fixed;
	right: 5%;
	display: none;
	color: white;
	top: 0;
	z-index: 1000;
	border: 1px solid var(--main-color);
	background: var(--main-color3);
	padding: 16px;
	animation: action-notification 1s ease-in-out;
}

.color-blue {
	color: blue;
}

.color-blue:hover {
	color: var(--main-color);
	text-decoration: underline;
}

.textNocation-dnt-error {
	display: none;
	color: red;
	font-size: 18px;
	font-weight: bold;

}

.notification-add-cart-error {
	position: fixed;
	display: none;
	right: 10%;
	color: white;
	top: 20%;
	z-index: 1000;
	border: 1px solid var(--main-color);
	background: var(--main-color3);
	padding: 16px;
	animation: notification-add-cart-error 0.3s ease-in-out;
}

.notification-add-cart-product {
	position: fixed;
	display: none;
	right: 50%;
	color: white;
	top: 0;
	z-index: 1000;
	border: 1px solid var(--main-color);
	background: var(--main-color3);
	padding: 16px;
	animation: notification-add-cart 1s ease-in-out;
}

.notification-add-cart-product.active {
	display: block;
	top: 40%;
}

.notification-add-cart-product a {
	text-decoration: none;
}

@keyframes notification-add-cart {
	0% {
		opacity: 0;
		top: 0
	}

	40% {
		opacity: 0.7;
		top: 40%;
	}

	100% {
		opacity: 1;
		top: 40%;
	}
}

@keyframes notification-add-cart-error {
	0% {
		opacity: 0;
		top: 0%
	}

	100% {
		opacity: 1;
		top: 20%;
	}
}

.notification-delete-product.active {
	display: block;
	top: 30px;
}


/*loading*/
.dnt-loading-image {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1000;
}

.dnt-loading-image img {
	display: block;
	margin: auto;
	width: 100%;
	height: 100%;
	object-fit: none;
}

.swiper-button-next::after {
	content: none !important
}

.swiper-button-prev::after {
	content: none !important
}

.hover-display-arown2 {
	background: var(--main-color3);
	border-radius: 50%;
	width: 34px !important;
	height: 34px !important;
	text-align: center;
	line-height: 40px;
}

.hover-display-arown2 .dnt-style-arown2 {
	color: white;
	font-size: 20px;
}

.hover-display-arown {
	opacity: 0;
}

.mySwiper2s:hover .hover-display-arown {
	opacity: 1;
}

.hover-display-arown {
	background: var(--main-color3);
	border-radius: 50%;
	width: 34px !important;
	height: 34px !important;
	transition: all .3s;
}

.hover-display-arown .dnt-style-arown {
	color: white;
	font-size: 20px;
}

.mySwiper-product .swiper-slide.slide-end {
	height: initial;
	display: flex;
	background: #FEEEEA;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
}

.swiper-slide {
	padding: 0;
}

.dnt-see-all-product a {
	text-decoration: none;
	color: var(--main-color2);
	font-size: 18px
}

.dnt-see-all-product a:hover {
	color: var(--main-color);
}

.view-more-dnt {
	text-decoration: none;
	border: 1px var(--main-color2) solid;
	line-height: 46px;
	font-size: 18px;
	display: block;
	margin: 20px auto 10px;
	border-radius: 4px;
	width: 286px;
	text-align: center;
	background: white;
	color: var(--main-color2);
}

.view-more-dnt:hover {
	background: #FFF;
	color: var(--main-color);
}


/* Tabs product */
.dnt-tab-content {
	min-height: 1000px;
}

.dnt-tabs {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.dnt-tab-item {
	cursor: pointer;
	border: 1px #DDE1EF solid;
	background: white;
	padding: 10px 20px;
	border-radius: 4px;
	margin: 0 5px;
	font-size: 16px;
	color: var(--main-color2);
	margin: 0 5px;
	white-space: nowrap;
}

.dnt-tab-item:hover {
	border-color: var(--main-color3);
	background: var(--main-color3);
	color: white;
}

.dnt-tab-item.active {
	border-color: var(--main-color3);
	background: var(--main-color3);
	color: white;
}

.dnt-tab-pane {
	display: none;
	position: relative;
}

.dnt-tab-pane.active {
	display: block;
}

/*.varition-image {*/
/*	width: 28px;*/
/*	height: 28px;*/
/*	display: inline-block;*/
/*	border-radius: 100%;*/
/*	margin-right: 5px;*/
/*	display: flex;*/
/*}*/

.varition-image img {
	border-radius: 100%;
	padding: 2px;
	object-fit: cover;
}

/*.varition-image .dnt-img-dot.active {*/
/*	border: 2px solid var(--main-color3)*/
/*}*/

.varition-image-list {
	white-space: nowrap;
	padding: unset;
	margin: unset;
	position: relative;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	overflow-x: scroll;
}

.varition-image-list::-webkit-scrollbar {
	padding-top: 10px
}


/* News */

.content-news {
	background: #F8F8F8;
	padding: 10px 14px;
}

.dnt-content a {
	line-height: 1.4;
	text-decoration: none;
	color: #7A7A9D;
	margin-bottom: 0;
	word-break: break-word;
	font-size: 14px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.dnt-content a:hover {
	color: #7A7A9D;
}

.dnt-title-news a {
	line-height: 1.4;
	text-decoration: none;
	color: var(--main-color2);
	margin-bottom: 0;
	word-break: break-word;
	font-size: 14px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.dnt-title-news a:hover {
	color: var(--main-color);
}

.time-text-new {
	font-size: 12px;
	margin-bottom: 5px;
	color: #9a9a9a;
	padding-left: 22px;
	background: url(https://statics.pancake.vn/web-media/d8/12/c1/8c/f4d89b7c9d38bbc0fbcd8df9145c720140493650fc46654d14c429f5.svg) 0px -1px no-repeat;
	line-height: 18px;
	display: inline-block;
}


/* index mobile */

.category-index-mobile {
	order: 2;
	position: sticky;
	position: -webkit-sticky;
	top: 100px;
	background: #FFF;
	z-index: 9;
	top: 0
}

.category-index-mobile ul {
	display: flex;
	padding: 0;
	background: #FFF;
	flex-wrap: wrap;
	margin: 0;
	width: 100%;
}

.category-index-mobile ul li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	font-family: 'SVN-Gilroy Bold';
	border-right: 1px #f8f8f8 solid;
	border-bottom: 1px #f8f8f8 solid;
	text-align: center;
	line-height: 1.2;
}

.category-index-mobile ul li a {
	color: var(--main-color2);
	text-decoration: none;
}

.category-index-mobile ul li a:hover {
	color: var(--main-color2)
}

.category-index-mobile2 {
	order: 2;
	top: 100px;
	background: #f8f8f8;
	z-index: 99;
	top: 0
}

.category-index-mobile2 ul {
	display: flex;
	padding: 0;
	background: #FFF;
	flex-wrap: wrap;
	margin: 0;
}

.category-index-mobile2 ul li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	font-family: 'SVN-Gilroy Bold';
	border-right: 1px #f8f8f8 solid;
	border-bottom: 1px #f8f8f8 solid;
	text-align: center;
	line-height: 1.2;
}

.category-index-mobile2 ul li a {
	color: var(--main-color2);
	text-decoration: none;
}

.category-index-mobile ul li a:hover {
	color: var(--main-color2)
}


/* fixced icon */

.pixced-icon {
	position: fixed;
	bottom: 70px;
	right: 0;
	z-index: 13;
}

.backToTop {
	margin-top: 5px;
}


/* product-template */

.breadcrumbs {
	display: flex;
	padding: unset;
	margin: unset;
	list-style: none;
}

.breadcrumbs li a {
	text-decoration: none;
	color: var(--main-color2)
}

.breadcrumbs li a:hover {
	color: var(--main-color)
}

.name-product-breadcrumbs a {
	color: var(--main-color2) !important
}

.thumble-img {
	max-height: 800px;
	height: 800px;
}

.name-like-love-prd {
	position: relative;
}

.swiper-slide img {
	width: 100%;
	height: 100%;
	border: 2px solid transparent;
	padding: 2px;
	object-fit: cover;
}

.swiper-slide video {
	width: 100%;
	height: 100%;
	border: 2px solid transparent;
}

.img-active.swiper-slide-active.swiper-slide-thumb-active {
	border: 1px solid var(--main-color3)
}

.dnt-style-icon {
	color: white;
}

.name-product-template {
	font-size: 14px;
	font-weight: 500;
}

#giasi-prod {
	border: 1px solid #2f5acf;
	color: #2f5acf;
	border-radius: 7px;
	padding: 5px 10px;
	display: none;
}

.price-sale-prod {
	color: rgba(255, 255, 255, 0.9);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 14px;
	font-weight: bold;
	display: block;
	background: var(--main-color);
	text-align: center;
	padding: 5px;
}

.price-sale-prod a {
	color: rgba(255, 255, 255, 0.9);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.sale-tempalte-pro {
	padding: 2px 8px;
	background: #facf19;
	color: #222;
	font-weight: 600;
	font-size: 12px;
	margin-left: 13px;
}

.dnt-love-like-template.dnt-set-top-tpl {
	top: 0;
	border: 1px solid #DDE1EF;
}

.dnt-love-like-template.dnt-set-top-tpl .dnt-love-like {
	width: 25px;
}

.dnt-love-like-template.dnt-set-top-tpl .dnt-love-like.actived {
	width: 24px;
}

.prod-sku-Product-Reviews {
	font-size: 14px;
}

.sku-prod {
  color: #767676;
}

@media(max-width: 375px) {
  .sku-prod {
    font-size: 13px;
  }
  
  .prod-sku-Product-rating i {
    font-size: 12px;
  }
  
  .product-tempalte {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.prod-Reviews {
	margin-left: 10px;
}

.prod-Reviews i {
	color: var(--main-color);
}

.price-inner-text-vari {
	font-size: 22px;
	color: #222;
	font-weight: 600;
}

.product-intro__flashsale-diff {
  font-size: 14px;
  color: #fa6338;
  font-weight: 600;
}

.tpm-price-sale {
	display: flex;
	align-items: center;
}

.information-product-template .border-bottom-tpl {
	border-bottom: 1px dashed #e5e5e5;
	margin-bottom: 15px;
}

.info-collapse__body {
  max-height: 0;
  overflow: hidden;
  transition: 500ms all;
  padding: 0 15px;
  font-size: 14px;
}

.info-collapse .info-collapse__head {
  cursor: pointer;
}

@media (min-width: 768px) {
  .droback_product-modal {
    width: 650px;
  }
}

@media (max-width: 767px) {
  .droback_product-modal {
    width: 92%;
  }
}

.droback_background {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #0b0b0b;
  z-index: 9999;
  opacity: 0.6;
  display: none;
}

.droback_product-modal {
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  /*right: 50%;*/
  transform: translate(-50%,-50%);
  z-index: 9999;
  display: none;
}

.modal-image {
  position: relative;
}

.btn-close-modal {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 30px;
  height: 30px;
  background-color: #222;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.attributes-product-list {
	display: flex;
	padding: unset;
	margin: unset;
	list-style: none;
	flex-wrap: wrap;
}

.attributes-product-item {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	display: flex;
	border: 2px solid #fff;
}

.attributes-product-item .dnt-img-dot-tpl {
	border-radius: 100%;
	padding: 2px;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.attributes-product-item.active {
	border: 2px solid var(--main-color)
}

.size-product-list {
	display: flex;
	padding: unset;
	margin: unset;
	list-style: none;
	margin: 10px 0px;
}

.size-product-item {
	min-width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	margin-right: 5px;
	border: 1px solid #DDE1EF;
	white-space: nowrap;
	font-size: 14px;
	border-radius: 16px;
	cursor: pointer;
}

.size-product-item.disabled {
  border: 1px dashed #bfbfbf;
  color: #999;
  pointer-events: none;
}

.size-product-item.disabled:hover {
	cursor: not-allowed;
}

.quantity-numberText {
	margin-left: 20px;
}

.size-product-item.active {
	border: 2px solid var(--main-color);
	color: var(--main-color)
}

/*.size-product-item.active::after {*/
/*	position: absolute;*/
/*	content: "";*/
/*	bottom: -8px;*/
/*	right: -7px;*/
/*	background-image: url(https://statics.pancake.vn/web-media/95/06/03/37/6630f14078b0f2b6f30531bf103a384335fc512751597a9582538fd2.png);*/
/*	background-repeat: no-repeat;*/
/*	width: 30px;*/
/*	height: 30px;*/
/*}*/

.dnt-quantity::-webkit-outer-spin-button,
.dnt-quantity::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}


/* Firefox */
.dnt-quantity[type=number] {
	-moz-appearance: textfield;
}

.dnt-btn-plus,
.dnt-btn-minus {
	width: 36px;
	height: 36px;
	border: 1px solid #DDE1EF;
	background-color: #fff;
	font-size: 18px;
	padding: 0;
	font-weight: 400;
}

.dnt-quantity {
	width: 50px;
	height: 36px;
	border: #DDE1EF solid 1px;
	border-left: none;
	border-right: none;
	border-radius: 0;
	margin: 0;
	color: #333f48;
	padding: 0;
	text-align: center;
	font-size: 18px;
	min-height: unset;
}

.dnt-icon-category {
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 12px 0px;
	margin-bottom: 10px;
}

.dnt-icon-category-img img {
	width: 65px;
	height: 65px;
}

.textNocation-dnt {
	display: none;
	color: red;
	font-weight: 600;
	font-size: 18px;
}

.dnt-choose-desire {
	cursor: pointer;
}

.suggest-choose-size {
	justify-content: space-between
}

.table-size-dnt {
	color: var(--main-color2);
}

.table-size-dnt:hover {
	color: var(--main-color);
}

.label-result-choose {
	display: flex;
	justify-content: space-between;
}

.table-choose-desire {
	font-size: 16px;
	margin-top: 20px;
	width: 100%;
	border: 2px dashed var(--main-color);
	border-radius: 5px;
	padding: 25px 30px 20px;
	background-color: #fff;
	display: none;
}

.dnt-swiper-pagination-product-tpl {
	text-align: right;
	padding-right: 25px;
}

.dnt-swiper-pagination-product-tpl span {
  /*display: block;*/
  color: #fff;
}

.dnt-swiper-pagination-product-tpl::after {
	content: "";
	position: absolute;
	width: 50px;
	height: 20px;
	right: 14px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 12px;
}

.dnt-input-size {
	-webkit-appearance: none;
	width: 100%;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	border-radius: 12px;
}

.dnt-input-size:hover {
	opacity: 1;
}

.dnt-input-size::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 15px;
	height: 15px;
	background: var(--main-color);
	cursor: pointer;
	border-radius: 50%;
}

.dnt-input-size::-moz-range-thumb {
	width: 15px;
	height: 15px;
	background: var(--main-color);
	cursor: pointer;
}

.add-pay-product {
	display: flex;
	justify-content: space-between;
}

.chat-mobile-bottom {
	display: none;
}

.dnt-btn-add-cart {
	width: 80%;
	background: var(--main-color2);
	border: none;
	color: white;
	padding: 8px 10px;
	/*height: 54px;*/
	line-height: 30px;
	display: block;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 18px;
}

.form-width100 {
	width: 100%;
	display: flex;
}

.dnt-btn-pay-now,
.dnt-btn-payNow {
	width: 100%;
	background-color: var(--main-color);
	border: none;
	color: white;
	padding: 8px 10px;
	height: 54px;
	line-height: 34px;
	border-radius: 4px;
	display: block;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 12px;
}

.modal-inbox-tuvan,
.modal-content-tuvan,
.modal-sevice-dnt-prd,
.modal-choseSize {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.9);
	z-index: 9999;
}

.modal-sevice {
	margin: 5px 0px;
}

.content-modal-sevice,
.content-choseSize,
.content-inbox,
.content-content {
	position: relative;
	max-width: 800px;
	margin: auto;
	background: white;
	padding: 30px;
	top: 50%;
	transform: translateY(-50%);
}

.title-sevice-dnt {
	font-weight: bold;

}

.content-smail-dnt {
	color: cadetblue;
}

.service-prod-tpl {
	background: #f7f8fa;
	padding: 10px;
}

.thongbao-prop-prd {
	display: none;
}

.close-modal-tuvan,
.close-modal-content,
.close-modal-content2,
.close-modal-content3 {
	position: absolute;
	color: var(--main-color2);
	font-size: 25px;
	cursor: pointer;
	text-align: center;
	top: -3px;
	right: 2px;
}

.dnt-btn-pay-now:hover {
	opacity: 0.8;
}

.content-service2 {
	display: flex;
	cursor: pointer;
}

.content-dnt-long {
	overflow: hidden;
	overflow-y: scroll;
	max-height: 600px;
}

.icon-sevice-dnt {
	padding-top: 10px;
}

.content-dnt-sevice {
	padding: 0px 10px;
}

.Description-short-title {
	font-size: 16px;
	font-weight: 600;
}

.title_content {
	text-align: center;
	font-size: 22px;
	color: var(--main-color2);
	font-family: 'SVN-Gilroy Bold';
	padding-top: 40px;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: 500;
}

.Description-long {
	overflow: hidden;
	height: 200px;
}

.Description-long img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: auto;
}

.Description-long.active {
	height: auto;
}

.see-more-Description {
	position: relative;
}

.see-more-Description.bee-fore::before {
	height: 100px;
	margin-top: -100px;
	content: "";
	display: block;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.91) 50%, #fff 55%);
}

.see-more-d {
	position: relative;
	left: 50%;
	width: 295px;
	margin-left: -142.5px;
	margin-top: 20px;
	text-align: center;
	background-color: white;
	color: black;
	font-weight: normal;
	outline: none;
	box-shadow: none;
	display: flex;
	padding: 10px 15px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: 1px solid #222;
	border-radius: 5px;
}

.see-more-d:hover {
	opacity: 0.5;
}

.title-review-customer {
	text-align: center;
	margin-bottom: 30px;
	font-size: 18px;
	color: var(--main-color);
	text-transform: uppercase;
}

.table-dnt-review {
	display: flex;
}

.tab-item-review {
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #c4cdd5;
	box-sizing: border-box;
	border-radius: 3px;
	font-size: 14px;
	margin-right: 10px;
}

.post-review {
	outline: none;
	border: none;
	background-color: var(--main-color);
	border-color: var(--main-color);
	box-sizing: border-box;
	border-radius: 3px;
	font-size: 14px;
	color: #fff;
	height: 36px;
	line-height: 36px;
	padding: 0 17px;
	min-width: 180px;
}

.shopee-product-rating {
	border-bottom: 1px solid rgba(0, 0, 0, .09);
	display: flex;
	padding: 1rem 0 1rem 1.25rem;
}

.avatar-user-dnt {
	border: 0;
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 10px;
}

.avatar-user-dnt-img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
}

.ratingStarNumber .is-flex i {
	color: var(--main-color);
}

.rating-media-list__image-wrapper {
	width: 4.5rem;
	height: 4.5rem;
	position: relative;
}

.rating-media-list__image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.post-review-myreview {
	padding: 30px 10px;
	background-color: #F2F2F2;
	border-bottom: 1px solid #c4cdd5;
	justify-content: space-around;
	align-items: center;
	text-align: center;
}

.total-star-review i {
	color: var(--main-color);
	font-size: 38px;
	margin-right: 8px;
}

.title-numer-star-review {
	font-size: 22px;
	font-weight: 600;
	color: var(--main-color);
}

.tab-item-review:hover {
	border-color: var(--main-color);
	color: var(--main-color2);
}

.tab-item-review.active {
	border-color: var(--main-color);
	color: var(--main-color2);
}

.tab-content-review {
	padding: 18px 33px 0;
	display: none;
}

.tab-content-review.active {
	display: block;
}

.border-review {
	border: 1px solid #f2f2f2;
}


/* Checkout */

.label-tt-shipItem {
	color: var(--main-color2);
	font-weight: 600;
	font-size: 1.15rem;
}

.login-checkout {
	color: var(--main-color);
	text-decoration: none;
}

.login-checkout:hover {
	color: #BD8311;
}

.field__input {
	border-radius: 4px;
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 0.94em 0.8em;
	border: 1px #d9d9d9 solid;
	height: 44px;
	background-color: #fff;
	color: #333;
	outline: none;
}

.field__input:focus {
	border-color: var(--main-color);
	box-shadow: 0 0 0 1px var(--main-color);
}

.field__input[type=number]::-webkit-outer-spin-button,
.field__input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}


/* Firefox */

.field__input[type=number] {
	-moz-appearance: textfield;
}

.field__select option:first {
	color: #999 !important;
}

.field__select {
	border-radius: 4px;
	width: 100%;
	box-sizing: border-box;
	border: 1px #d9d9d9 solid;
	height: 44px;
	background-color: #fff;
	color: #333;
	outline: none;
	padding: 0px 5px
}

textarea.field__input {
	height: auto;
	resize: vertical;
}

.title-free-ship {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.font-size14 {
	font-size: 14px;
}

.prop-cod {
	display: none;
	background-color: #f8f8f8;
	padding: 1.14em;
	border-color: rgba(175, 175, 175, .34);
	border-style: solid;
	border-width: 0 1px;
}

.prop-pay {
	display: none;
	background-color: #f8f8f8;
	padding: 1.14em;
	border-color: rgba(175, 175, 175, .34);
	border-style: solid;
	border-width: 0 1px;
}

.momo-pay {
	display: none;
	background-color: #f8f8f8;
	padding: 1.14em;
	border-color: rgba(175, 175, 175, .34);
	border-style: solid;
	border-width: 0 1px;
}

.center-text {
	text-align: center;
}

.tpl-img-checkout {
	width: 65px;
	height: 65px;
	border-radius: 8px;
	background: #fff;
	position: relative;
	border: 1px rgba(0, 0, 0, .1) solid;
}

.img-checkout-dnt {
	width: 100%;
	height: 100%;
	object-fit: cover;
	padding: 3px;
}

.quantity-number-checkout {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 20px;
	height: 20px;
	background: var(--main-color);
	color: white;
	border-radius: 50%;
	font-size: 14px;
	line-height: 20px;
}

tbody,
td,
tfoot,
th,
thead,
tr {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
	padding: 10px 5px;
}

.background-checkout {
	background-color: #fafafa;
	border-left: 1px solid #e1e1e1;
}

.field__input-discount {
	border-radius: 4px;
	width: 70%;
	display: block;
	box-sizing: border-box;
	padding: 0.94em 0.8em;
	border: 1px #d9d9d9 solid;
	height: 44px;
	background-color: #fff;
	color: #333;
	outline: none;
}

.btn-discount-checkout {
	width: 29%;
	background-color: var(--main-color);
	border: none;
	color: white;
	padding: 8px 10px;
	height: 44px;
	line-height: 34px;
	border-radius: 4px;
	display: block;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	display: flex;
	white-space: nowrap;
	justify-content: center;
	align-items: center;
}

.align-item-center {
	align-items: center;
}

.btn-order-checkout {
	background-color: var(--main-color);
	border: none;
	color: white;
	padding: 8px 10px;
	height: 44px;
	line-height: 34px;
	border-radius: 4px;
	display: block;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	display: flex;
	white-space: nowrap;
	justify-content: center;
	align-items: center;
	width: 50%;
}

.product-tempalte~.footer-bottom-menu {
	display: none !important;
}

.rowColor {
	display: none !important;
}

.rowColor.active {
	display: flex !important;
}

.img-big-slide {
	aspect-ratio: 9/12;
	object-fit: cover;
	cursor: pointer;
}

.img-slide-dnt,
.img-slide-dnt2 {
	aspect-ratio: 9/12;
	object-fit: cover;
}

.img-slide-dnt2 {
	display: none;
}

.img-slide-dnt.active {
	border-color: #000 !important;
	padding: 2px
}

.img-slide-dnt2.active {
	border-color: var(--main-color3) !important;
}

.video_img.active {
	border-color: var(--main-color3) !important;
}

.add-cart-form {
	width: 100%;
}

.value-product-template {
	margin-left: 5px;
}

.d-blockss {
	display: block;
}


/*Thanh toán thành công */
.modal-imgae-big {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.9);
	z-index: 9999;
	padding-top: 15px;
}

.close-modals {
	position: relative;
	overflow: hidden;
	width: max-content;
	margin: auto;

}

.img-modals {
	height: 97vh;
	object-fit: contain;
	margin: auto;
	transform: scale(1);
	width: 100%;
}

.close-modal-btn {
	position: absolute;
	color: red;
	right: 24px;
	font-size: 30px;
	cursor: pointer;
	text-align: center;
}

.bnt-zoom-plus {
	position: absolute;
	color: white;
	right: 74px;
	font-size: 20px;
	border: 1px solid;
	cursor: pointer;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 50%;
}

.bnt-zoom-minus {
	position: absolute;
	color: white;
	right: 124px;
	font-size: 20px;
	border: 1px solid;
	cursor: pointer;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 50%;
}

.btn-zoom-prev {
	position: absolute;
	color: white;
	left: 0;
	bottom: 50%;
	font-size: 20px;
	background: var(--main-color2);
	color: white;
	cursor: pointer;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	z-index: 9;
}

.btn-zoom-next {
	position: absolute;
	color: white;
	right: 0;
	bottom: 50%;
	font-size: 20px;
	background: var(--main-color2);
	color: white;
	cursor: pointer;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	z-index: 9;
}

.order-1-attr {
	-webkit-order: 1;
	order: 1
}

.order-2-attr {
	-webkit-order: 2;
	order: 2
}

.dnt-row-zomm {
	max-width: 80vh;
	margin: auto;
	display: none;
}

.dnt-row-zomm.active {
	display: block;
}

.video-big-slide {
	position: relative;
	display: none;
}

.video-big-slide::before {
	position: absolute;
	content: "play";
	top: 0;
	padding: 10px;
	background: #222
}

.dnt-check-payss {
	display: none
}

.giasi-prod-index {
	border: 1px solid var(--main-color2);
	border-radius: 8px;
	padding: 4px 10px;
	margin-top: 10px;
	white-space: nowrap;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
}

.content-choseSizes p img {

	display: block;
	margin: auto;
	height: 100vh;
	object-fit: contain;
}

.content-choseSizes {
	max-height: 600px;
	overflow: hidden;
	overflow-y: scroll;
	overflow-x: scroll;
}

.loader {
	display: none;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	border: 14px solid var(--main-color);
	position: absolute;
	top: -25px;
	z-index: 99;
	border-radius: 50%;
	border-top: 14px solid var(--main-color3);
	border-bottom: 14px solid var(--main-color3);
	width: 50px;
	height: 50px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*.modal-imgae-big.active{*/
/*  display:block;*/
/*}*/
.loadingWrapper2 {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999;
}

.lds-hourglass {
	position: relative;
	width: 80px;
	height: 80px;
	margin: auto;
	top: 50%;
	transform: translateY(-50%);
}

.lds-roller {
	position: relative;
	width: 80px;
	height: 80px;
	margin: auto;
	top: 50%;
	transform: translateY(-50%);
}

.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
}

.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #dfc;
	margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
	top: 63px;
	left: 63px;
}

.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
	top: 68px;
	left: 56px;
}

.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
	top: 71px;
	left: 48px;
}

.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
}

.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
	top: 71px;
	left: 32px;
}

.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
	top: 68px;
	left: 24px;
}

.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
	top: 63px;
	left: 17px;
}

.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12px;
}

@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*hoang*/
@media only screen and (max-width: 768px) {
  .respon-mb-left {
    padding: 0 !important;
  }
  
  .review-comments-container {
    border-top: 8px solid #e5e5e5;
    border-bottom: 8px solid #e5e5e5;
  }
  
  .row {
    margin: 0;
  }
  
  .swiper-wrapper {
    padding: 0;
  }
}

@media only screen and (max-width: 600px) {
  .container-fluid-1200 {
    padding: 0 !important;
  }
  
  .respon-mb-right {
    padding-right: 0 !important;
  }
  
  .respon-mb-left {
    padding: 0 !important;
  }
}

.fw-bolder {
  font-weight: 600;
}

.notification-quantity {
  font-size: 14px;
  color: #767676;
  margin: 4px 0;
}

.size-selection-guide {
  font-size: 14px;
  margin-top: 8px;
  color: #2d68a8;
  cursor: pointer;
}

.size-selection-guide i {
  font-size: 16px;
}

.product-intro__freeshipping {
  margin-top: 25px;
  background-color: #f7f8fa;
  margin-bottom: 20px;
  padding: 12px;
}

.product-intro__freeshipping-items {
  gap: 15px;
  padding: 12px 0;
}

.product-intro__freeshipping-title {
  font-size: 14px;
  color: #222;
  font-weight: 600;
}

.product-intro__freeshipping-desc span {
  /*font-size: 10px !important;*/
  color: #767676;
}

/*danh gia khách hang*/
.review-comments-container {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.heading__title h2 {
  font-size: 1.125rem;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1.2rem;
}

@media (max-width: 1240px){ 
  .review-comments-container,
  .product-tempalte {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 992px) {
  .feedback-overview {
    padding: 1.25rem 5rem;
  }
  
  .feedback-overview__detail {
    padding: 0 1rem 0 4rem;
  }
}

.feedback-overview {
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
  color: #373737;
  justify-content: center;
  padding: 10px;
}

.feedback-overview__left {
  display: flex;
  align-items: center;
}

.feedback-overview__detail {
  padding: 0 1rem 0 2.2rem;
  flex-grow: 1;
  font-size: .75rem;
  font-weight: 500;
}

.feedback-overview__total__score {
  letter-spacing: -.02em;
  font-size: 2.5rem;
  font-weight: 600;
  color: #212121;
  line-height: 1;
  margin-bottom: 0.4rem;
  text-align: center;
}

.tvh-pro-evaluate p {
  text-align: center;
  font-size: 14px;
}

.progress {
  width: 230px;
  margin-right: 10px;
  height: 10px;
  border-radius: 0;
  background: #bfc1cb;
}

.progress-last {
  background: #092239;
}

.fw-medium {
  font-weight: 600;
}

.feedback-list-sort-list .btn-sort {
  padding: .5rem;
  cursor: pointer;
  display: block;
  color: #666;
  font-weight: 600;
}

.feedback-item__left img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 100%;
}

.feedback-item {
  display: flex;
  padding: 1.5rem 0;
  border-bottom: 1px dashed #e5e5e5;
}

.feedback-item__right {
  width: calc(100% - 48px);
  padding-left: 26px;
}

.feedback-list-sort-left {
  border-bottom: 1px dashed #e5e5e5;
}

.feedback-item__author__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.feedback-item__author__top {
  display: block;  
}

.feedback-item__author__name {
  font-size: .875rem;
  font-weight: 500;
  margin-right: 0.5rem;
  letter-spacing: .02em;
  margin-bottom: 5px;
}

.feedback-item__author__time  {
  font-size: .675rem;
  color: #c0c2cb;
}

.feedback-item__desc {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: .75rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.feedback-item__media-items {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
}

.feedback-item__media-items img {
  width: 95px;
  height: 95px;
}

.feedback-item-none {
  display: none;
}

.btn-sort.show-active {
  border-bottom: 2px solid #092239;
  color: #000;
}

.tvh-pro-evaluate .tvh-pro-star-icon .fa,
.fad:before,
.fad:after,
.fa-star {
  color: #facf19;
}

.prod-sku-Product-rating i {
  font-size: 13px;
}

.prod-sku-Product-rating span {
  font-size: 13px;
  color: #facf19;
}

.feedback-list-sort {
  font-size: 14px;
}

.feedback-list-sort-list {
  display: flex;
  gap: 10px;
}

@media(max-width: 768px) { 
  .review-comments-container {
    padding-top: 1rem;
  }
}

@media(max-width: 600px) {
 .feedback-item__right {
    padding-left: 15px;
  }
  
  .feedback-item__media-items img {
    width: 80px;
    height: 80px;
  }
  
  .feedback-overview__total {
    display: flex;
    justify-content: center;
  }
  
  .feedback-overview,
  .feedback-overview__left {
    display: block;
  }
  
  .review-comments-container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.heading__title  {
  font-size: 20px;
  text-align: center;
  padding: 10px 0;
  font-weight: 600;
}

.product-wish {
  width: 46px;
  height: 46px;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  border-radius: 50%;
}

.product-wish a {
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 65px;
}

.product-wish a svg {
  width: 24px;
  height: 24px;
}

.main_product {
  padding-top: 70px;
}

.dnt-btn-buy {
  background: black;
  width: 100%;
  height: 48px;
  color: white;
  text-transform: uppercase;
  border: none;
  font-size: 16px;
  font-weight: 700;
}