/** 
    * 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; }
 

/** 
    * Arrow Pagination Styles
*/


/** 
    * 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: var(--wdtRadius_Zero); }