.shop-videos {
	padding: 34px 0 43px;
	margin: 0;
	position: relative;
	overflow: hidden;
}
.shop-videos .title-flex {
	text-align: center;
	position: relative;
	max-width: 1359px;
	margin: 0 auto;
	width: 98%;
}
.shop-videos .title-flex .title {
	font-family: 'Swear Display';
	font-size: 40px;
	text-transform: uppercase;
	margin: 5px 0 6px;
	color: #121216;
}
.shop-videos .title-flex .title em {
	text-transform: capitalize;
}
.shop-videos .title-flex .button {
	background-color: #121216;
	border: 1px solid #121216;
	color: white;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	position: absolute;
	top: -6px;
	right: 0;
	padding: 6px 49px 0px 31px;
	letter-spacing: 0.03rem;
	background-image: url(../../assets/icons/utility/arrow-right.svg);
	background-repeat: no-repeat;
	background-position: center right 30px;
	height: 39px;
	/*transition: all 0.5s;*/
	font-weight: 600;
}

.shop-videos .title-flex .button:hover {
	background-color: #c5bfad;
	border: 1px solid #c5bfad;
	background-image: url(../../assets/icons/utility/black-arrow-right.svg);
	background-repeat: no-repeat;
	background-position: center right 30px;
	color:#121216;
}

.shop-videos .pslider {
	position: relative;
	overflow: hidden;
	margin: 0px auto 13px;
	padding: 34px 0 64px 1.5%;
	/* min-height:500px;
	aspect-ratio: 8 / 3; */
}
.shop-videos .reels-slider {
  width: 100%;
  /* min-height: 420px; */
}

.shop-videos .swiper-wrapper,
.shop-videos .swiper-slide {
  height: 100%;
}

.shop-videos .pslider .video-image-wrap {
	width: 50%;
	position: relative;
	aspect-ratio: 8 / 13;
	/* max-height:400px; */
}
.shop-videos .swiper-wrapper {
	align-items: stretch;
}
.reels-slider {
	opacity: 0;
}
.reels-slider.swiper-initialized {
	opacity: 1;
	transition: opacity .3s ease;
}
/* 
.shop-videos .swiper-slide {
	height: auto !important;
} */
.shop-videos .pslider {
	min-height: 400px;
}

.shop-videos .pslider .video-image-wrap .image-fit {
	width: 100%;
	height: 100%!important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	-webkit-filter: brightness(90%);
}

.shop-videos .pslider .video-image-wrap video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: black;
}

.shop-videos .pslider .video-image-wrap.is-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	border: 0;
	background: black;
	display: block;
}

.shop-videos .pslider .video-image-wrap.is-embed {
	cursor: default;
}

.shop-videos .pslider .video-image-wrap .play {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 4;
}

.shop-videos .pslider .flex {
	flex-wrap: nowrap;
	background: white;
	text-align: center;
	border: 1px solid #C5BFAD;
	width: 96%;
}

.shop-videos .pslider .flex .rside {
	width: 50%;
	position: relative;
	padding-top: 36px;
}
.shop-videos .pslider .flex .rside .title strong {
	display: block;
	font-size: 12px;
	color: #C5BFAD;
	letter-spacing: 0.05rem;
	font-family: 'Overpass';
}
.shop-videos .pslider .flex .rside .title {
	font-family: 'Swear Display';
	font-size: 18px;
	color: #000000;
}
.shop-videos .pslider .flex .rside .slick-autoplay-toggle-button {
	display: none;
}

.shop-videos .pslider .flex .rside .script-title {
	transform: rotate(-10deg);
	font-size: 40px;
	display: block;
	margin: 36px auto 33px;
}
.shop-videos .swiper-horizontal>.swiper-scrollbar, .shop-videos .swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: 0;
	bottom: -50px;
	z-index: 50;
	height: 1px;
	width: 446px;
	background: #C5BFAD;
	right: 0;
	margin: auto;
}
.shop-videos .swiper-scrollbar.swiper-scrollbar-horizontal:after {
	content: "Scroll to see more";
	display: block;
	position: absolute;
	top: -14px;
	right: -137px;
	color: #C5BFAD;
	font-size: 14px;
}
.shop-videos .swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: #C5BFAD;
	border-radius: 0;
	left: 0;
	height: 8px;
	top: -4px;
}
.shop-videos .pslider .flex .rside ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.shop-videos .pslider .flex .rside ul li a {
	font-size: 18px;
	text-decoration: none;
}

.shop-videos .pslider .flex .rside .shop-all {
	font-size: 13px;
	text-transform: uppercase;
	position: absolute;
	bottom: 33px;
	left: 0;
	right: 0;
}
.shop-videos .pslider .flex .rside .slick-prev {
	border: none;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: -13px;
	right: 0;
	width: 30px;
}
.shop-videos .pslider .flex .rside .slick-next {
	border: none;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: -48px;
	width: 30px;
}
.shop-videos .pslider .swiper-slide:nth-child(1) .flex:before {
	content: "";
	display: block;
	width: 100px;
	height: 80px;
	background-image: url(../../assets/icons/utility/new-badge.png);
	position: absolute;
	top: -37px;
	left: 6px;
	background-size: contain;
	z-index: 4;
}
.shop-videos .pslider .fade-slider img.image-fit {
	width: 80%;
	height: 140px;
	object-fit: contain;
	object-position: center;
	display: block;
	margin: 11px auto;
	max-width: 140px;
	max-height: 140px;
}

.shop-videos .pslider .fade-slider {
	height: 65%;
}
@media all and (max-width:1170px) {
	.shop-videos .pslider .fade-slider img.image-fit {
		width: 80%;
		height: 120px;
		object-fit: contain;
		object-position: center;
		display: block;
		margin: 0px auto;
	}
	.shop-videos .pslider .fade-slider {
		height: 55%;
	}
}
@media all and (max-width:1080px) {
	.shop-videos .title-flex {
		width:96%;
	}
	.shop-videos .pslider .video-image-wrap {
		aspect-ratio: 8 / 12;
	}
}
@media all and (max-width:810px) {
	.shop-videos .pslider .flex .rside {
		padding-top:15px;
	}
	.shop-videos .pslider .fade-slider {
		height: 54%;
	}
	.shop-videos .pslider .fade-slider img.image-fit {
		height:90px;
	}
}
@media all and (max-width: 768px) {
	.shop-videos .swiper-scrollbar.swiper-scrollbar-horizontal:after {
		display:none;
	}
	.shop-videos .pslider {
		min-height: 380px;
	}
}
@media all and (max-width:650px) {
	.shop-videos .pslider .video-image-wrap {
		aspect-ratio: 8 / 12;
		height: 340px;
		width: 50%;
	}
	.shop-videos .pslider .fade-slider img.image-fit {
		height: 115px;
	}
	.shop-videos .pslider .flex .rside {
		padding-top: 30px;
	}
	
	.shop-videos .pslider {
		position: relative;
		overflow: hidden;
		margin: 0px auto 13px;
		padding: 34px 0px 46px 20px;
		min-height:200px;
		height: 395px;
	}
	.shop-videos .swiper-wrapper, .shop-videos .swiper-slide {
		height: 338px;
	}
	.shop-videos .title-flex {
		width: 96%;
		position: initial;
	}
	.shop-videos {
		padding: 34px 0 95px;
	}
	.shop-videos .swiper-horizontal>.swiper-scrollbar, .shop-videos .swiper-scrollbar.swiper-scrollbar-horizontal {
		width:93%;
		bottom:0px;
	}
	.shop-videos .title-flex .button {
		top: inherit;
		bottom: 45px;
		height: 40px;
		left: 0;
		right: 0;
		margin: auto;
		width: 93%;
		background-position: center right 39%;
	}
}
@media all and (max-width:445px) {
	.shop-videos .title-flex .button {
		background-position: center right 37%;
	}
	.shop-videos .pslider .video-image-wrap {
		height:290px;
	}
	.shop-videos .pslider .fade-slider img.image-fit {
		height: 93px;
	}
	.shop-videos .title-flex .title {
		font-size:33px;
	}
}