.swiper-container{position:relative}
.swiper-button-disabled{opacity:0!important}
/*.swiper-container .sf-swiper-button.sf-swiper-compact-nav {opacity:0;transition:all 1s ease}
.swiper-container:hover .sf-swiper-button.sf-swiper-compact-nav {opacity:1;transition:all 1s ease}*/

/* buttons */
.sf-swiper-button.sf-swiper-compact-nav{cursor:pointer;position: relative;height:1rem;width:1rem;background-size:30%;background-position: center;background-repeat: no-repeat;display:block;border-radius:50%;padding:1rem;margin-top:0;}

.theme-light .sf-swiper-button, .theme-dark .theme-light .sf-swiper-button, .theme-dark .theme-dark .theme-light .sf-swiper-button{background-color:rgba(0, 0, 0, 0.04)!important}
.theme-dark .sf-swiper-button, .theme-light .theme-dark .sf-swiper-button, .theme-light .theme-light .theme-dark .sf-swiper-button {background-color:rgba(0,0,0,.54)!important}





/* pagination */
.sf-swiper-pagination.sf-swiper-compact-nav {width: auto;position: relative;text-align: center;z-index: 10;}

.swiper-container .sf-swiper-compact-nav{opacity:1;transition:all 1s ease}
.swiper-container:hover .sf-swiper-compact-nav{opacity:1;transition:all 1s ease}

.sf-swiper-compact-nav.sf-swiper-button-prev{left:1rem;animation-name:sf-swiper-compact-nav-prev-out;}
.sf-swiper-compact-nav.sf-swiper-button-next{right:1rem;animation-name:sf-swiper-compact-nav-next-out}

.swiper-container:hover .sf-swiper-compact-nav.sf-swiper-button-prev{left:1rem;animation-name:sf-swiper-compact-nav-prev;}
.swiper-container:hover .sf-swiper-compact-nav.sf-swiper-button-next{right:1rem;animation-name:sf-swiper-compact-nav-next;}

.theme-light .sf-swiper-compact-nav .swiper-pagination-bullet,.theme-dark .theme-light .sf-swiper-compact-nav .swiper-pagination-bullet, .theme-dark .theme-dark .theme-light .sf-swiper-compact-nav .swiper-pagination-bullet{background:#979797!important}
.theme-dark .sf-swiper-compact-nav .swiper-pagination-bullet, .theme-light .theme-dark .sf-swiper-compact-nav .swiper-pagination-bullet, .theme-light .theme-light .theme-dark .sf-swiper-compact-nav .swiper-pagination-bullet{background:rgba(255,255,255,1)!important}

.theme-light .sf-swiper-compact-nav .swiper-pagination-bullet.swiper-pagination-bullet-active, .theme-dark .theme-light .sf-swiper-compact-nav .swiper-pagination-bullet.swiper-pagination-bullet-active, .theme-dark .theme-dark .theme-light .sf-swiper-compact-nav .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#979797 !important}
.theme-dark .sf-swiper-compact-nav .swiper-pagination-bullet.swiper-pagination-bullet-active, .theme-light .theme-dark .sf-swiper-compact-nav .swiper-pagination-bullet.swiper-pagination-bullet-active, .theme-light .theme-light .theme-dark .sf-swiper-compact-nav .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(255,255,255,1)!important}

/* preloader indicator */
.sf-swiper-compact-nav.swiper-lazy-preloader{width:100%;height:100%;position:relative;z-index:10;transform-origin:50%;-webkit-animation:none;animation:none;margin:0}
.sf-swiper-compact-nav.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background:no-repeat;background-size:100%}


.sf-swiper-compact-nav>.swiper-pagination-bullet{ margin-right: 2px; margin-left: 2px;}