.swiper-main .swiper-slide img {
    width: 100%; /* Make image fill the thumbnail container */
    height: auto; /* Maintain aspect ratio */
    object-fit: cover; /* Cover the thumbnail area without stretching */
}
/* these styles are for the demo, but are not required for the plugin */
.swiper-main .swiper-slide .img-wrapper.zoom {
	/* display:inline-block; */
	position: relative;
}
.swiper-main .swiper-slide .img-wrapper.zoom p{
	width: 1px;
	height: 1px;
}
/* Thumbnail Swiper Container Styles */
.swiper-thumbs {
    width: 100%;
    height: 100px; /* Set height for the thumbnail container */
    margin-top: 10px;
}

.swiper-thumbs .swiper-slide {
    width: 100px; /* Set width for each thumbnail */
    height: 100px; /* Set height for each thumbnail */
    box-sizing: border-box;
    padding: 5px; /* Optional: Add padding around the thumbnails */
    cursor: pointer;
}

.swiper-thumbs .swiper-slide img {
    width: 100%; /* Make image fill the thumbnail container */
    height: auto; /* Maintain aspect ratio */
    object-fit: cover; /* Cover the thumbnail area without stretching */
}
.swiper-button-next, .swiper-button-prev{
    color: #008089;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}