.outfit-inspo {
	overflow: hidden;
}
.outfit-inspo .title-flex {
	max-width: 1028px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 58px 0 42px;
}
.outfit-inspo .title-flex p {
	margin: 0;
	font-family: 'Carefree Serif';
	font-size: 80px;
	font-weight: 100;
	text-transform: uppercase;
}
.outfit-inspo .title-flex p em {
	text-transform: initial;
}
.outfit-inspo .title-flex .shop-button {
	font-family: 'presicav';
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	display: block;
	margin: -16px 0 0;
	background-image: url(../../assets/icons/utility/circle3.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	padding: 17px 40px 15px 61px;
	border: none;
}
.outfit-inspo .title-flex .shop-button:hover {
	text-decoration: underline;
}
.outfit-inspo .title-flex .shop-button img {
	width: 15px;
	margin: 4px 0 -1px 9px;
	display: inline-block;
}
.outfit-inspo .pslider {
	background: #FAF9F8;
	padding: 101px 0 113px 35px;
	position: relative;
	border-top: 1px solid #121212;
}
.outfit-inspo .swiper-slide .main-image {
	box-shadow: 0 4px 8px -4px #757575;
	transition: all 0.5s;
	border: 0px solid #FEFEFE;
	height: 417px;
	width: 100%;
	width: auto; 
	transition: transform 0.5s ease-in-out; 
	-webkit-filter: brightness(100%);
}
.outfit-inspo .swiper-slide:hover .main-image{
	border: 5px solid #FEFEFE;
	-webkit-filter: brightness(70%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.outfit-inspo .swiper-slide {
	transition: margin-right 2s ease-in-out;
}
.outfit-inspo .swiper-slide:hover {
	margin-right:120px!important;
}
.outfit-inspo .swiper-slide .shop-details {
	font-size: 12px;
	line-height: 20px;
	opacity: 0;
	transition: all 0.5s;
}
.outfit-inspo .swiper-slide .shop-details a {
	text-decoration: none;
}
.outfit-inspo .swiper-slide .shop-details a:hover {
	text-decoration: underline;
}
.outfit-inspo .swiper-slide:hover .shop-details {
	opacity: 1;
}
.outfit-inspo .swiper-slide .shop-details span {
	font-size: 10px;
	font-family: 'presicav';
	text-transform: uppercase;
	font-weight: 600;
	display: block;
	margin: 13px 0 6px;
}
.outfit-inspo .swiper-slide {
position: relative;
transition: width 0.5s ease, margin-right 0.5s ease; 
overflow: hidden;
}
.outfit-inspo .swiper-slide:hover {
	overflow: visible;
}
.outfit-inspo .swiper-slide .single-slider {
 position: absolute;
width: 182px;
height: 255px;
top: 38%; /* Center vertically */
right: -220px; /* Position off-screen initially */
transform: translateY(-50%);
background: white;
border-radius: 50%;
box-shadow: 0 4px 8px -4px #757575;
overflow: hidden;
transition: right 0.5s ease-in-out;
}
.outfit-inspo .swiper-slide:hover .single-slider {
	right: -81px; /* Slide into view on hover */
}
.outfit-inspo .swiper-slide {
	position: relative;
	transition: padding-right 0.5s ease-in-out; /* Adjust padding for smooth expansion */
}
.outfit-inspo .swiper-slide:hover {
	width: calc(100% + 200px); /* Adjust the slide width to accommodate the single slider */
	margin-right: -200px; 
}
.outfit-inspo .swiper-slide .single-slider .slick-slide img {
	padding: 10px 15px;
	height: 100%;
	object-fit: contain;
	object-position: center;
	height: 255px;
	transition: all 0.5s;
}
.outfit-inspo .swiper-slide .single-slider .slick-slide img:hover {
	opacity: 0.5;
}
.outfit-inspo .swiper-slide .single-slider .slick-arrow {
	padding: 0;
	margin: 0;
	border: none;
	top: 30px;
	position: absolute;
}
.outfit-inspo .swiper-slide .single-slider .slick-next {
	width: 14px;
	position: absolute;
	right: 13px;
	top: 42%;
}
.outfit-inspo .swiper-slide .single-slider .slick-prev {
	width: 14px;
	position: absolute;
	left: 13px;
	top: 42%;
	z-index: 1;
}
.outfit-inspo .pslider .swiper-scrollbar {
	width: 722px;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 76px;
	height: 1px;
	border-radius: 0;
	background: #1E1E1E;
}
.outfit-inspo .pslider .swiper-scrollbar .swiper-scrollbar-drag {
	height: 8px;
	border-radius: 0;
	background: #000000;
	top: -4px;
}
@media all and (max-width:1080px) {
	.outfit-inspo .title-flex {
		max-width: 700px;
	}
	.outfit-inspo .title-flex p {
		font-size:62px;
	}
}
@media all and (max-width: 768px) {
	.outfit-inspo .title-flex {
		max-width: 500px;
		padding: 47px 0 30px;
	}
	.outfit-inspo .title-flex p {
		font-size: 40px;
	}
	.outfit-inspo .pslider{
		padding: 35px 0 70px 35px;
	}
	.outfit-inspo .pslider .swiper-scrollbar {
		width:80%;
	}
}
@media all and (max-width:520px) {
	.outfit-inspo .title-flex {
		max-width: 90%;
		padding: 47px 0 30px;
	}
	.outfit-inspo .title-flex p {
		font-size: 30px;
	}
	.outfit-inspo .title-flex .shop-button {
		padding: 12px 22px 9px 33px;
		margin: -11px 0 0;
	}
	.outfit-inspo .pslider {
		padding: 36px 0 70px 20px;
	}
	.outfit-inspo .swiper-slide .shop-details {
		opacity: 1;
	}
	.outfit-inspo .swiper-slide .single-slider {
		right:10px!important;
	}
	.outfit-inspo .pslider .swiper-scrollbar {
		width: 80%;
		bottom: 49px;
	}
	.outfit-inspo .swiper-slide .single-slider .slick-slide img{
		padding: 0;
	}
	.outfit-inspo .swiper-slide .single-slider .slick-slide a {
		display: block;
		max-width: 69%;
		margin: 0 auto;
	}
	.outfit-inspo .swiper-slide .single-slider .slick-next {
		right:5px;
	}
	.outfit-inspo .swiper-slide .single-slider .slick-prev {
		left:5px;
	}
}
@media all and (max-width:480px) {
	.outfit-inspo .swiper-slide .main-image {
		height:330px;
	}
	.outfit-inspo .swiper-slide .single-slider {
		right: 10px !important;
		width: 150px;
		height: 200px;
	}
	.outfit-inspo .swiper-slide .single-slider .slick-slide img {
		height:190px;
	}
}