/** 
    * Common External Pagination Styles
*/

.wdt-external-pagination-wrapper { text-align: center; margin: 20px 0; }
.wdt-external-pagination-wrapper .wdt-swiper-pagination { text-align: center; margin: 20px 0; }


/** 
    * Dots Pagination Styles
*/

.wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet { padding: 0px; 
    margin: 0 5px; width: 10px; height: 10px; border-radius: 50%; background-color: var(--wdt-elementor-color-accent); opacity: 1; }

.wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { 
    width: 22px; border-radius: 6px; } 

/** 
    * Arrow Pagination Styles
*/

.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination { width: auto; margin: -5px; }
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination > div[class*="wdt-arrow-pagination-"] { padding: 10px;
  width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; margin: 5px; }

/** 
    * Progress Bar & Scroll Bar - Pagination Styles
*/

.wdt-external-pagination-wrapper .wdt-swiper-pagination-progressbar,
.wdt-external-pagination-wrapper .wdt-swiper-scrollbar { position: relative; 
    background-color: var(--wdtBorderColor); height: 2px; }

.wdt-external-pagination-wrapper .wdt-swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.wdt-external-pagination-wrapper .wdt-swiper-scrollbar .swiper-scrollbar-drag { width: 100%;
    top: -2px; height: calc(100% + 4px); background-color: var(--wdtPrimaryColor); border-radius: 0px; }