/** 
    * 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: 12px; height: 12px; border-radius: 0%; background-color: var(--wdt-elementor-color-primary, --wdtHeadAltColor); opacity: 0.25; }

.wdt-dark-bg .wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet { background-color: var(--wdt-elementor-color-white, --wdtAccentTxtColor); opacity: 0.4; }

.wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.wdt-dark-bg .wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--wdt-elementor-color-secondary, --wdtSecondaryColor); opacity: 1; }

/** 
    * Arrow Pagination Styles
*/


.wdt-external-pagination-wrapper{margin: 0;}
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination{
  background-color: rgba(var(--wdtSecondaryColorRgb),.6);
  color: var(--wdtPrimaryColor); padding: 20px; transition: var(--wdt-Ad-Transition);
}
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination [role="button"].swiper-button-disabled {
    cursor: not-allowed; opacity: 0.45;
}
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination [role="button"]{
    background-color: transparent; font-size: var(--wdtFontSize_H4); color: var(--wdtPrimaryColor); padding: 12px; margin: 0; background: none; border: none; -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }

.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination [role="button"]:not(.swiper-button-disabled):hover{ color: var(--wdtHeadAltColor); opacity: 0.6; }

@media(max-width: 479px){
    .wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination{padding: 10px;}
}



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