/* Default Template */

.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item {
    text-align: center;
}

.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-image>span,
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-image>a {
    -webkit-border-radius: 1em;
    border-radius: 1em;
}

.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper {
    margin-bottom: 0;
}

.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper+.wdt-content-icon-wrapper {
    display: block;
    font-size: 60px;
    line-height: 0;
    margin-top: -8px;
    margin-bottom: -0.4em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-media-group .wdt-content-icon-wrapper .wdt-content-icon span {
    background-color: var(--wdt-elementor-color-white);
    color: rgba(var(--wdt-elementor-color-accent-rgb), 0.85);
    font-size: 24px;
    height: 60px;
    width: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 3px 0 rgba(var(--wdt-elementor-color-secondary-rgb), 0.15);
    box-shadow: 0 0 3px 0 rgba(var(--wdt-elementor-color-secondary-rgb), 0.15);
}

.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item:hover .wdt-content-media-group .wdt-content-icon-wrapper .wdt-content-icon span {
    background-color: var(--wdt-elementor-color-accent);
    color: var(--wdt-elementor-color-white);
}

/* Standard Template */

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item {
    text-align: center;
    -webkit-box-shadow: 0 0 1px 1px rgba(var(--wdt-elementor-color-secondary-rgb), 0.15) inset;
    box-shadow: 0 0 1px 1px rgba(var(--wdt-elementor-color-secondary-rgb), 0.15) inset;
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group {
    background-color: #f5f5f5;
    margin-bottom: 0;
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-detail-group {
    padding: 20px;
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image>a,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image>span {
    min-width: 100px;
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image>a,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image>span {
    height: 100px;
    padding: 0;
    width: 100px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 2px rgba(var(--wdt-elementor-color-secondary-rgb), 0.25);
    box-shadow: 0 0 2px rgba(var(--wdt-elementor-color-secondary-rgb), 0.25);
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image>a img,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image>span img {
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-media-group {
    background-color: var(--wdt-elementor-color-accent);
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-media-group .wdt-content-title h5,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-media-group .wdt-content-title h5>a {
    color: var(--wdt-elementor-color-white);
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-media-group .wdt-content-title h5>a:hover {
    color: var(--wdt-elementor-color-black);
}

/*==== Split Slider Demo ====*/

.wdt-custom-split-slider,
.wdt-custom-split-slider .wdt-carousel-holder,
.wdt-custom-split-slider .wdt-carousel-holder .wdt-image-box-container.swiper.swiper-fade,
.wdt-custom-split-slider .wdt-carousel-holder .wdt-image-box-container.swiper.swiper-fade .wdt-content-item,
.wdt-custom-split-slider .wdt-carousel-holder .wdt-image-box-container.swiper.swiper-fade .wdt-content-item .wdt-content-media-group,
.wdt-custom-split-slider .wdt-carousel-holder .wdt-image-box-container.swiper.swiper-fade .wdt-content-item .wdt-content-elements-group {
    height: 100vh;
}

.wdt-custom-split-slider .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image>a,
.wdt-custom-split-slider .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image>a img {
    width: 100%;
    height: 100%;
    opacity: 1 !important;
}

.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:before,
.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:after,
.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image:before,
.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image:after {
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 25% !important;
    transform: none;
    z-index: 0;
    opacity: 1 !important;
    -webkit-transition: inherit;
    transition: inherit;
    background-color: var(--wdtBodyBGColor);
    background-image: var(--wdtBodyBGColor);
    padding: 0 !important;
    border-right: 1px solid;
}

.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:before {
    left: 0;
    top: 0;
}

.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:after {
    left: 25%;
    top: 0;
    border-radius: 0 !important;
}

.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide .wdt-content-item:hover .wdt-media-image-cover .wdt-content-image-wrapper:after {
    transform: none;
}

.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image:before {
    left: 50%;
    top: 0;
}

.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image:after {
    left: 75%;
    top: 0;
}

.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:before,
.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:after,
.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image:before,
.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image:after {
    -webkit-transform: scaleX(1) translate(0);
    -moz-transform: scaleX(1) translate(0);
    transform: scaleX(1) translate(0);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: -webkit-transform 500ms cubic-bezier(.86, 0, .07, 1) 0ms;
    -moz-transition: -moz-transform 500ms cubic-bezier(.86, 0, .07, 1) 0ms;
    transition: transform 500ms cubic-bezier(.86, 0, .07, 1) 0ms;
}

.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide.swiper-slide-active .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:before,
.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide.swiper-slide-active .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:after,
.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide.swiper-slide-active .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image:before,
.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide.swiper-slide-active .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image:after {
    -webkit-transform: scaleX(0) translate(0);
    -moz-transform: scaleX(0) translate(0);
    transform: scaleX(0) translate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: -webkit-transform 500ms cubic-bezier(.86, 0, .07, 1) 800ms;
    -moz-transition: -moz-transform 500ms cubic-bezier(.86, 0, .07, 1) 800ms;
    transition: transform 500ms cubic-bezier(.86, 0, .07, 1) 800ms;
}

.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide {
    -webkit-transition: opacity 1s cubic-bezier(.075, .82, .165, 1) 800ms !important;
    -moz-transition: opacity 1s cubic-bezier(.075, .82, .165, 1) 800ms !important;
    transition: opacity 1s cubic-bezier(.075, .82, .165, 1) 800ms !important;
}

.wdt-custom-split-slider .wdt-carousel-holder .swiper.swiper-fade .swiper-slide.swiper-slide-active {
    -webkit-transition: opacity 1s cubic-bezier(.075, .82, .165, 1) 0ms !important;
    -moz-transition: opacity 1s cubic-bezier(.075, .82, .165, 1) 0ms !important;
    transition: opacity 1s cubic-bezier(.075, .82, .165, 1) 0ms !important;
}