/*--------------------------------------------------------------
    Common Styles
--------------------------------------------------------------*/

.wdt-split-carousel { 
    position: relative; overflow: hidden; width: 100%; max-width: 100%; 
     display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }

.wdt-split-carousel .swiper-wrapper .swiper-slide { cursor: grab; }

.wdt-split-carousel .wdt-split-carousel__content { width: 40%; padding-right: 80px; }

.wdt-split-carousel .wdt-split-carousel__content .wdt-split-carousel__content-slider {
    display: block; width: 100%; }

.wdt-split-carousel .wdt-split-carousel__images { width: 60%; }

.wdt-split-carousel .wdt-split-carousel__content .swiper-slide > div:not(:last-child) {
    margin-bottom: 15px; }

.wdt-split-carousel .wdt-split-carousel__content .wdt-split-carousel__title { margin: 0; }

.wdt-split-carousel .wdt-split-carousel__content div.wdt-content-description p { margin-bottom: 0; }

.wdt-split-carousel .wdt-split-carousel__content div.wdt-content-button:last-child .wdt-button { margin-top: 15px; }

.wdt-split-carousel .wdt-split-carousel__images .swiper-wrapper .swiper-slide .wdt-split-carousel__image-link,
.wdt-split-carousel .wdt-split-carousel__images .swiper-wrapper .swiper-slide .wdt-split-carousel__image-link img {
    width: 100%; height: 100%; max-height: 100%; min-height: 100%; object-fit: cover; object-position: center; }


/*--------------------------------------------------------------
    Vertical Layout
--------------------------------------------------------------*/

.wdt-split-carousel:has( > .wdt-direction-vertical) { height: 100%; min-height: 100%; max-height: 100%; }

.wdt-split-carousel .wdt-split-carousel__content:has(+ .wdt-direction-vertical) { 
    height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; }

.wdt-split-carousel .wdt-split-carousel__images.wdt-direction-vertical { height: 100%; flex: 1; }


/*--------------------------------------------------------------
    Paginations Layout
--------------------------------------------------------------*/

/* Dots Bullet */

.wdt-split-carousel .swiper-pagination.wdt-split-carousel__pagination { 
    position: relative; text-align: left; z-index: 1; margin: -6px; margin-top: 70px; }

.wdt-split-carousel .swiper-pagination.wdt-split-carousel__pagination .swiper-pagination-bullet {
    background-color: var(--wdtHeadAltColor); background-image: none; display: inline-flex; place-content: center; 
    place-items: center; letter-spacing: 0; height: 10px; line-height: normal; margin: 6px; opacity: 1; padding: 0; 
    position: relative; text-decoration: none; text-transform: none; vertical-align: top; width: 10px; z-index: 1; 
    -webkit-border-radius: var(--wdtRadius_Part); border-radius: var(--wdtRadius_Part); 
    -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); }

.wdt-split-carousel .swiper-pagination.wdt-split-carousel__pagination .swiper-pagination-bullet:hover,
.wdt-split-carousel .swiper-pagination.wdt-split-carousel__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1; background: var(--wdtPrimaryColor); }



/* Arrow Pagination */

.wdt-split-carousel .wdt-swiper-arrows {     
    width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 12px; margin-top: 25px; }

.wdt-split-carousel .wdt-swiper-arrows div[class*="swiper-button-"] {
    position: relative; top: 0; right: 0; bottom: 0; left: 0; }

.wdt-split-carousel .wdt-swiper-arrows div[class*="swiper-button-"] {
    background: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); 
    position: relative; display: inline-flex; align-items: center; justify-content: center; 
    line-height: 1; width: 45px; height: 45px; font-size: var(--wdtFontSize_H5); margin: 0; 
    padding: 0; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); 
    transition: var(--wdtAltTransition); z-index: 1; cursor: pointer; opacity: 1; visibility: visible; }

.wdt-split-carousel .wdt-swiper-arrows div[class*="swiper-button-"]:hover { background: var(--wdtBtnHoverBg); }

.wdt-split-carousel .wdt-swiper-arrows div[class*="swiper-button-"]:after { 
    position: relative; font-family: "theme-icons"; font-style: normal; font-size: var(--wdtFontSize_H6); 
    font-weight: var(--wdtFontWeight_Base); display: flex; align-items: center; justify-content: center; 
    left: 0; width: 100%; height: 100%; top: 1px; bottom: 0; -webkit-transition: 
    background-color var(--wdt-Ad-Transition); transition: background-color var(--wdt-Ad-Transition); 
    margin: auto; border-radius: var(--wdtRadius_Part); -webkit-transform: none; transform: none; }

.wdt-split-carousel .wdt-swiper-arrows div[class*="swiper-button-prev"]:after { content: "\e800"; }

.wdt-split-carousel .wdt-swiper-arrows div[class*="swiper-button-next"]:after { content: "\e803"; }



/*--------------------------------------------------------------
    Responsive Layout
--------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {
    .wdt-split-carousel { flex-direction: column; }
    .wdt-split-carousel .wdt-split-carousel__content { width: 100%; padding-right: 0; padding-bottom: 40px; }
    .wdt-split-carousel .wdt-split-carousel__images { width: 100%; }

    /* Pagination */
    .wdt-split-carousel .swiper-pagination.wdt-split-carousel__pagination { margin-top: 40px; }
}