.dokan-vendors-slider {
    position: relative;
    width: 100%;
}

.dokan-vendor {
    text-align: center;
    padding: 15px;
}
.vendor-image {
    width: 100%;
    height: auto;
    border-radius: 50%; /* Optional: make images circular */
    margin-bottom: 10px;
}

.vendor-rating {
    font-size: 14px;
    color: #f39c12; /* Change to desired color */
}

.vendor-social-links {
    margin-top: 10px;
}

.social-link {
    display: inline-block;
    margin: 0 5px;
    font-size: 18px; /* Change to desired size */
    color: #333; /* Default color */
}

.social-link:hover {
    color: #0073aa; /* Change to desired hover color */
}

.elementor-element,.elementor-lightbox {
    --swiper-theme-color: #000;
    --swiper-navigation-size: 44px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
}

.elementor-widget-dokan-vendors-slider .swiper,.elementor-widget-dokan-vendors-slider .swiper-container {
    position: static;
}

.elementor-widget-dokan-vendors-slider .swiper-container .swiper-slide figure,.elementor-widget-dokan-vendors-slider .swiper .swiper-slide figure {
    line-height: inherit;
}

.elementor-widget-dokan-vendors-slider .swiper-slide {
    text-align: center;
}

.dokan-vendors-slider:not(.swiper-container-initialized):not(.swiper-initialized) .swiper-slide {
    max-width: calc(100% / var(--e-image-carousel-slides-to-show, 3));
}


.elementor-element .swiper-container .swiper-slide figure,.elementor-element .swiper .swiper-slide figure,.elementor-lightbox .swiper-container .swiper-slide figure,.elementor-lightbox .swiper .swiper-slide figure {
    line-height: 0;
}

.elementor-element .swiper-container .elementor-lightbox-content-source,.elementor-element .swiper .elementor-lightbox-content-source,.elementor-lightbox .swiper-container .elementor-lightbox-content-source,.elementor-lightbox .swiper .elementor-lightbox-content-source {
    display: none;
}

.elementor-element .swiper-container .dokan-swiper-button,.elementor-element .swiper-container~.dokan-swiper-button,.elementor-element .swiper .dokan-swiper-button,.elementor-element .swiper~.dokan-swiper-button,.elementor-lightbox .swiper-container .dokan-swiper-button,.elementor-lightbox .swiper-container~.dokan-swiper-button,.elementor-lightbox .swiper .dokan-swiper-button,.elementor-lightbox .swiper~.dokan-swiper-button {
    position: absolute;
    display: inline-flex;
    z-index: 1;
    cursor: pointer;
    font-size: 25px;
    color: hsla(0,0%,93.3%,.9);
    top: 50%;
    transform: translateY(-50%)
}

.elementor-element .swiper-container .dokan-swiper-button svg,.elementor-element .swiper-container~.dokan-swiper-button svg,.elementor-element .swiper .dokan-swiper-button svg,.elementor-element .swiper~.dokan-swiper-button svg,.elementor-lightbox .swiper-container .dokan-swiper-button svg,.elementor-lightbox .swiper-container~.dokan-swiper-button svg,.elementor-lightbox .swiper .dokan-swiper-button svg,.elementor-lightbox .swiper~.dokan-swiper-button svg {
    fill: hsla(0,0%,93.3%,.9);
    height: 1.5em;
    width: 1.5em;
}

.elementor-element .swiper-container .dokan-swiper-button-prev,.elementor-element .swiper-container~.dokan-swiper-button-prev,.elementor-element .swiper .dokan-swiper-button-prev,.elementor-element .swiper~.dokan-swiper-button-prev,.elementor-lightbox .swiper-container .dokan-swiper-button-prev,.elementor-lightbox .swiper-container~.dokan-swiper-button-prev,.elementor-lightbox .swiper .dokan-swiper-button-prev,.elementor-lightbox .swiper~.dokan-swiper-button-prev {
    left: 10px;
}

.elementor-element .swiper-container .dokan-swiper-button-next,.elementor-element .swiper-container~.dokan-swiper-button-next,.elementor-element .swiper .dokan-swiper-button-next,.elementor-element .swiper~.dokan-swiper-button-next,.elementor-lightbox .swiper-container .dokan-swiper-button-next,.elementor-lightbox .swiper-container~.dokan-swiper-button-next,.elementor-lightbox .swiper .dokan-swiper-button-next,.elementor-lightbox .swiper~.dokan-swiper-button-next {
    right: 10px;
}

.elementor-element .swiper-container .dokan-swiper-button.swiper-button-disabled,.elementor-element .swiper-container~.dokan-swiper-button.swiper-button-disabled,.elementor-element .swiper .dokan-swiper-button.swiper-button-disabled,.elementor-element .swiper~.dokan-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper-container .dokan-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper-container~.dokan-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper .dokan-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper~.dokan-swiper-button.swiper-button-disabled {
    opacity: .3;
}

.elementor-element .swiper-container .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-lightbox .swiper-container .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image {
    width: 100%;
}

.elementor-element .swiper-container .swiper-horizontal>.swiper-pagination-bullets,.elementor-element .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper-container .swiper-pagination-custom,.elementor-element .swiper-container .swiper-pagination-fraction,.elementor-element .swiper-container~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper-container~.swiper-pagination-custom,.elementor-element .swiper-container~.swiper-pagination-fraction,.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper .swiper-pagination-custom,.elementor-element .swiper .swiper-pagination-fraction,.elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper~.swiper-pagination-custom,.elementor-element .swiper~.swiper-pagination-fraction,.elementor-lightbox .swiper-container .swiper-horizontal>.swiper-pagination-bullets,.elementor-lightbox .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper-container .swiper-pagination-custom,.elementor-lightbox .swiper-container .swiper-pagination-fraction,.elementor-lightbox .swiper-container~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper-container~.swiper-pagination-custom,.elementor-lightbox .swiper-container~.swiper-pagination-fraction,.elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper .swiper-pagination-custom,.elementor-lightbox .swiper .swiper-pagination-fraction,.elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper~.swiper-pagination-custom,.elementor-lightbox .swiper~.swiper-pagination-fraction {
    bottom: -20px;
}

.elementor-element .swiper-container.swiper-cube .dokan-swiper-button,.elementor-element .swiper-container.swiper-cube~.dokan-swiper-button,.elementor-element .swiper.swiper-cube .dokan-swiper-button,.elementor-element .swiper.swiper-cube~.dokan-swiper-button,.elementor-lightbox .swiper-container.swiper-cube .dokan-swiper-button,.elementor-lightbox .swiper-container.swiper-cube~.dokan-swiper-button,.elementor-lightbox .swiper.swiper-cube .dokan-swiper-button,.elementor-lightbox .swiper.swiper-cube~.dokan-swiper-button {
    transform: translate3d(0,-50%,1px);
}

.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-bullets,.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-bullets {
    bottom: 5px;
    left: 0;
    width: 100%;
}

.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet,.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}

.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-progressbar,.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.elementor-element.elementor-pagination-position-outside .swiper,.elementor-element.elementor-pagination-position-outside .swiper-container,.elementor-lightbox.elementor-pagination-position-outside .swiper,.elementor-lightbox.elementor-pagination-position-outside .swiper-container {
    padding: 10px;
}

.elementor-element.elementor-pagination-position-outside .swiper-container .dokan-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper-container~.dokan-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper .dokan-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper~.dokan-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper-container .dokan-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper-container~.dokan-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper .dokan-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper~.dokan-swiper-button {
    top: calc(50% - 30px / 2);
}

.elementor-element .elementor-swiper,.elementor-lightbox .elementor-swiper {
    position: relative;
}

.elementor-element .elementor-main-swiper,.elementor-lightbox .elementor-main-swiper {
    position: static;
}

.elementor-element.elementor-arrows-position-outside .swiper,.elementor-element.elementor-arrows-position-outside .swiper-container,.elementor-lightbox.elementor-arrows-position-outside .swiper,.elementor-lightbox.elementor-arrows-position-outside .swiper-container {
    width: calc(100% - 60px);
}

.elementor-element.elementor-arrows-position-outside .swiper-container .dokan-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper-container~.dokan-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper .dokan-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper~.dokan-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper-container .dokan-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper-container~.dokan-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper .dokan-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper~.dokan-swiper-button-prev {
    left: 0;
}

.elementor-element.elementor-arrows-position-outside .swiper-container .dokan-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper-container~.dokan-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper .dokan-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper~.dokan-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper-container .dokan-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper-container~.dokan-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper .dokan-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper~.dokan-swiper-button-next {
    right: 0;
}

/*Defaults*/

.dokan-vendors-slider .swiper-wrapper .dokan-vendor {
    box-shadow: 0px 0px 3px 0px rgba(0, 9.000000000000142, 78, 0.12156862745098039);
}

.dokan-vendors-slider .swiper-wrapper .dokan-vendor img {
    max-width: 150px;
    border-radius: 50% 50% 50% 50%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    background-color: #ffff;
    padding: 5px;
}
.dokan-vendors-slider .swiper-wrapper .dokan-vendor:hover {
    box-shadow: 0px 0px 5px 0px rgba(0, 9.000000000000142, 78, 0.12156862745098039);
}
.dokan-vendors-slider .swiper-wrapper .dokan-vendor .vendor-social-links {
    min-height: 30px;
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li.coloum-4 {
    width: 25%;
  }
  #dokan-seller-listing-wrap ul.dokan-seller-wrap li.coloum-5 {
    width: 20%;
  }
  #dokan-seller-listing-wrap ul.dokan-seller-wrap li.coloum-1 {
    width: 100%;
  }
