.product-main-slider .thumbs-swiper .swiper-slide {
    width: 100px;
}
.product-main-slider .product-gallery {
	display: flex;
	gap: 60px;
	width: 100%;
}
.product-main-slider .product-gallery img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 286.672px;
    margin: 0 auto;
}
.product-main-slider .main-swiper {
	width: 100%;
	max-width: 411px;
    margin: 0;
}
.product-main-slider .thumbs-swiper .swiper-slide {
	cursor: pointer;
	box-sizing: border-box;
	border-radius: 21px;
    border: 1px solid #D9D9D9;
}
.product-main-slider .thumbs-swiper .swiper-slide img {
    padding: 6px;
    height: 90px;
    margin: 4px auto;
}
.product-main-slider .thumbs-prev,
.product-main-slider .thumbs-next {
	margin: 0;
    width: 100%;
    height: 31px;
    background: #fff;
    overflow: hidden;
}
.product-main-slider .thumbs-prev .icon, .product-main-slider .thumbs-next .icon {
    font-size: 12px;
	transition: transform 0.3s ease;
	position: relative;
	display: block;
}
.product-main-slider .elementor-custom-next-icon {
    width: 31px;
    height: 31px;
    background: #F5F7F9;
    border-radius: 31px;
    text-align: center;
    line-height: 31px;
}
.product-main-slider .hover-icon {
    position: absolute;
    top: -35px;
    left: 35px;
    transition: transform 0.3s ease;
}
.product-main-slider .swiper-button-prev .hover-icon{
	top: 35px;
}
.product-main-slider .swiper-button-next:hover .normal-icon .icon {
	transform: translatey(250%);
}
.product-main-slider .swiper-button-next:hover .hover-icon{
	transform: translatey(120%);
}
.product-main-slider .swiper-button-prev:hover .normal-icon .icon {
	transform: translatey(-250%);
}
.product-main-slider .swiper-button-prev:hover .hover-icon{
	transform: translatey(-112%);
}
.product-main-slider .swiper-button-next:after, .product-main-slider .swiper-button-prev:after{
	content: none;
}
.product-main-slider .thumbs-next{
	right: 0;
    left: 0;
    bottom: 0;
    top: inherit;
}
.product-main-slider .thumbs-prev{
	left: 0;
    right: 0;
    top: 0;
}
.product-main-slider .elementor-custom-prev-icon {
    width: 31px;
    height: 31px;
    background: #F5F7F9;
    border-radius: 31px;
    text-align: center;
    line-height: 31px;
}
.product-main-slider .swiper-button-prev.swiper-button-disabled, .product-main-slider .swiper-button-next.swiper-button-disabled{
	opacity: 0;
}

@media (min-width: 768px) {
	.product-main-slider .product-gallery {
		flex-direction: row;
		align-items: flex-start;
	}
	.product-main-slider .swiper-vertical > .swiper-wrapper{
		height: 324px;
	}
	.product-main-slider .product-gallery .thumbs-swiper{
		padding: 32px 0;
        max-width: 100px;
		width: 100%;
		margin: 0;
	}
	.product-main-slider .thumbs-nav {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.product-main-slider .thumbs-nav.mobile-nav{
		display: none;
	}
	.product-main-slider .thumbs-prev::after,
	.product-main-slider .thumbs-next::after {
		font-size: 16px;
	}
}
@media (max-width:1024px) and (min-width:768px){
	.product-main-slider .product-gallery{
		gap: 30px;
	}
}
@media (max-width: 767px) {
	.product-main-slider .product-gallery {
		flex-direction: column-reverse;
		gap:10px;
	}
	.product-main-slider .thumbs-swiper {
		width: 100%;
		padding: 0 0 55px;
	}
	.product-main-slider .thumbs-nav{
		display: none;
	}
	.product-main-slider .thumbs-nav.mobile-nav{
		display: block;
	}
	.product-main-slider .thumbs-prev, .product-main-slider .thumbs-next{
		width: auto;
		height: 44px;
	}
	.product-main-slider .elementor-custom-next-icon ,.product-main-slider .elementor-custom-prev-icon{
		width: 44px;
		height: 44px;
		line-height: 44px;
	}	
	.product-main-slider .thumbs-prev .icon, .product-main-slider .thumbs-next .icon {
    	font-size: 16px;
	}	
	.product-main-slider .thumbs-next{
		right: 34%;
		left: inherit;
		bottom: 0;
		top: inherit;
	}
	.product-main-slider .thumbs-prev {
		left: 34%;
		right: inherit;
		top: inherit;
		bottom: 0;
	}
	.product-main-slider .swiper-button-next:hover .hover-icon {
		transform: translatex(100%);
	}
	.product-main-slider .swiper-button-next:hover .normal-icon .icon {
		transform: translatex(90%);
	}
	.product-main-slider .hover-icon{
		top: 0;
    	left: -44px;
	}
	.product-main-slider .swiper-button-prev .hover-icon {
		top: 0;
		left: 44px;
	}
	.product-main-slider .swiper-button-prev:hover .normal-icon .icon {
		transform: translatex(-90%);
	}
	.product-main-slider .swiper-button-prev:hover .hover-icon {
		transform: translatex(-100%);
	}
}