
/* CSS Document */

.elementor-widget-dt-anycarousel .dt-sc-any-carousel-wrapper { overflow: hidden; }

.dt-sc-any-carousel-wrapper .swiper-slide { padding: 0 10px; }
.dt-sc-any-carousel-wrapper .swiper-slide .dt-swiper-content-title { clear: both; color: var(--DTHeadAltColor); font-family: var(--DTFontTypo_Alt); font-size: var(--DTFontSize_H4); font-weight: var(--DTFontWeight_Alt); }
.dt-sc-any-carousel-wrapper .swiper-slide .dt-swiper-content-image, .dt-sc-any-carousel-wrapper .swiper-slide .dt-swiper-content > * { margin-bottom: 0.75em; }
.dt-sc-any-carousel-wrapper .swiper-slide .dt-swiper-content-btn { margin-top: 0.75em; margin-bottom: 0; }

.dt-sc-any-carousel-wrapper .dt-swiper-button { background-image: none; background-color: var(--DTPrimaryColor); color: #fff; margin-left: -40px; margin-right: -40px; padding: 0; }
.dt-sc-any-carousel-wrapper .dt-swiper-button > i { text-align: center; width: 100%; }
.dt-sc-any-carousel-wrapper .dt-swiper-button > i:before { height: 0; line-height: 0; }
.dt-sc-any-carousel-wrapper .dt-swiper-button > i, .dt-sc-any-carousel-wrapper .dt-swiper-button > i:before { margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; }

.dt-sc-any-carousel-wrapper .swiper-pagination, 
.dt-sc-any-carousel-wrapper.swiper-container-horizontal > .swiper-scrollbar { margin: 10px 0; position: static; }
.dt-sc-any-carousel-wrapper .swiper-pagination { margin-top: 35px; }

.dt-sc-any-carousel-wrapper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { height: 10px; padding: 0; width: 10px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: var(--DTBaseTransition); transition: var(--DTBaseTransition); }
.dt-sc-any-carousel-wrapper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active { width: 25px; -webkit-border-radius: 1em; border-radius: 1em; }


.dt-sc-any-carousel-wrapper .swiper-pagination.swiper-pagination-fraction { background: #000; color: #fff; display: table; height: 30px; line-height: 30px; margin-left: auto; margin-right: auto; padding: 0 20px 2px; width: auto; border-radius: 5px; }
.dt-sc-any-carousel-wrapper .swiper-pagination.swiper-pagination-fraction > * { display: inline-block; vertical-align: top; }


/* Icon Styles */
.dt-swiper-content-icon-wrapper { display: block; float: left; margin: 0 0 15px; width: 100%; }
.dt-swiper-content-icon-wrapper .dt-swiper-content-icon { display: inline-block; font-size: 35px; line-height: 1; -webkit-transition: var(--DTBaseTransition); transition: var(--DTBaseTransition); }
.dt-swiper-content-icon-wrapper .dt-swiper-content-icon i { display: block; height: 1em; line-height: 1; margin: auto; position: relative; width: 1em; }
.dt-swiper-content-icon-wrapper .dt-swiper-content-icon svg { display: inline-block; height: 1em; vertical-align: top; width: 1em; }

.dt-swiper-content-icon-wrapper .dt-swiper-content-icon i:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.dt-swiper-content-icon-view-stacked .dt-swiper-content-icon, .dt-swiper-content-icon-view-framed .dt-swiper-content-icon { padding: 0.5em; }
.dt-swiper-content-icon-view-framed .dt-swiper-content-icon { background-color: transparent; border-style: solid; border-width: 2px; }
.dt-swiper-content-icon-shape-circle .dt-swiper-content-icon { -webkit-border-radius: var(--DTRadius_Full); border-radius: var(--DTRadius_Full); }

.dt-swiper-content-icon-view-stacked .dt-swiper-content-icon { 
    background-color: var(--DTPrimaryColor); 
    fill: var(--DTWhiteColor); 
    color: var(--DTWhiteColor); 
}
.dt-swiper-content-icon-view-framed .dt-swiper-content-icon, .dt-swiper-content-icon-view-default .dt-swiper-content-icon {
    fill: var( --DTPrimaryColor );
    color: var( --DTPrimaryColor );
    border-color: var( --DTPrimaryColor );
}