@keyframes move_bg {
	0%   {transform: scale(1)}
	50%  {transform: scale(1.1)}
	100% {transform: scale(1)}
}

/* START SLIDER TRƯỢT NGANG */
.slider-item-xds {
	position: relative;
}

.scroll-x {
	overflow-x: scroll;
	scrollbar-width: none;
}

.is-draggable {cursor: grabbing !important}
.is-draggable * {
	user-select: none !important;
	pointer-events: none !important;
	transition: none !important;
}

.list-item-slider > .scroll-x > * {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.slider-item-xds .scroll-x > div > * {
	margin: 0;
	user-select: none;
	position: relative;
}

/* Pre Next sctroll */
/* .slider-item-xds .scroll-x {cursor: pointer} */

/* .slider-item-xds .item_product:nth-child(16n) {display: initial !important} */

.slider-item-xds .scroll-x {
	overflow: hidden
}
.luot-stroll .scroll-x {
	overflow-x: scroll
}


.fslider .scroll-x {
	overflow: initial;
}
.fslider > * > * {
	justify-content: flex-start !important;
	width: 100% !important;
}

.fslider[colpc="1"] .scroll-x > * > * {
	width: 100%;
}

.fslider[colpc="2"] .scroll-x > * > * {
	width: calc(50% - 10px);
	margin-right: calc(10px * 2 / 1);
}

.fslider[colpc="3"] .scroll-x > * > * {
	width: calc(100% / 3 - 15px);
  	margin-right: calc(15px * 3 / 2);
}

.fslider[colpc="4"] .scroll-x > * > * {
	width: calc(25% - 15px);
	margin-right: calc(15px * 4 / 3);
}

.fslider[colpc="1"] .scroll-x > * > *,
.fslider[colpc="2"] .scroll-x > * > :nth-child(n+2),
.fslider[colpc="3"] .scroll-x > * > :nth-child(n+3),
.fslider[colpc="4"] .scroll-x > * > :nth-child(n+4)
{
	margin-right: 0;
}

.fslider[colpc="1"] .scroll-x > * > :nth-child(n+2),
.fslider[colpc="2"] .scroll-x > * > :nth-child(n+3),
.fslider[colpc="3"] .scroll-x > * > :nth-child(n+4),
.fslider[colpc="4"] .scroll-x > * > :nth-child(n+5)
{
	display: none;
	margin-right: 0;
}

.slider-item-xds .pagination-slider {
	position: absolute !important;
	bottom: 0;
	width: max-content;
	height: 55px;
	z-index: 9999;
	top: 100%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.pagination-slider span {
	width: 12px;
	height: 12px;
	margin: 6px;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.2s;
	border: 3px solid #c9c9c9;
}

.pagination-slider .active, .pagination-slider span:hover {
	background: #fff;
	border-color: #fff;
}

.scroll-x::-webkit-scrollbar, .content-giohang::-webkit-scrollbar {display: none}
.scroll-width {width: max-content}

.slider-item-xds:hover .nav-sptt {
	visibility: visible;
	top: calc(50% - 17.5px);
}

.nav-sptt {
	z-index: 999;
	cursor: pointer;
	width: 35px;
	height: 35px;
	border-radius: 100%;
	padding: 9px;
	transition: all 0.3s;
	background: #7e232e7a;
	position: absolute !important;
	top: 60%;
	visibility: hidden;
	transition: all .3s;
}
.nav-sptt:hover {background: #ae2f3f}
.next.nav-sptt {
	right: 5px;
	transform: rotate(180deg);
}
.pre.nav-sptt {left: 5px}

.slider-item-xds .nav-sptt svg {
	fill: #fff;
	width: 11px !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
/* Pre Next */




@media (max-width: 992px){
.nav-sptt {display: none}
}