
/* 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: left; border: 1px solid var(--wdtBorderColor); overflow: hidden;
    -webkit-border-radius: var(--wdtRadius_3X); border-radius: var(--wdtRadius_3X); background-color: var(--wdtTertiaryColor); }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group { display: grid; }
.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-media-group { grid-area: 1/-1; margin: 0 !important; }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper { align-self: end; justify-self: end; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-media-group { padding: 30px; }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item > div:not(:last-child), 
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group > div:not(:last-child), 
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-elements-group > div:not(:last-child) { margin-bottom: 16px; }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-elements-group > div.wdt-content-icon-wrapper:first-child { 
    margin-bottom: clamp(1.125rem, 1.0385rem + 0.3846vw, 1.5rem)/* Min-18 & Max-24 */; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-elements-group > div.wdt-content-button:last-child { 
    margin: clamp(1rem, 0.5385rem + 2.0513vw, 3rem)/* Min-18 & Max-46 */ 0px ; }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span {
    width: 2.05em; -webkit-border-radius: 50%; border-radius: 50%; color: var(--wdtSecondaryColor); height: 2.05em; font-size: 40px; 
    -webkit-box-shadow: 0px 0px 18px 0px rgba(var(--wdtSecondaryColorRgb),0.2) inset; box-shadow: 0px 0px 18px 0px rgba(var(--wdtSecondaryColorRgb),0.2) inset; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span i { display: inherit; }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image { 
    width: 56%; height: 40%; padding: 0; margin-left: auto; margin-top: auto; -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }

.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: top left; }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-title h5 {
    font-size: clamp(1.375rem, 1.2596rem + 0.5128vw, 1.875rem); /* Min-22 & Max-30 */ }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a { background: none !important; padding: 0px !important; 
    color: var(--wdtLinkColor); position: relative; display: inline-flex; align-items: center; justify-content: center; 
    text-transform: uppercase; font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Base); 
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); line-height: 1; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a:focus, 
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a:hover { color: var(--wdtLinkHoverColor); }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a:after { content: '\e800'; font-family: "mu-icons"; 
    display: flex; position: relative; font-size: 90%; margin-left: 6px; -webkit-transform: translate(0px); transform: translate(0px); 
    -webkit-transition: transform var(--wdt-Ad-Transition); transition: transform var(--wdt-Ad-Transition); display: none; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a:focus:after,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a:hover:after { 
    -webkit-transform: translate(4px); transform: translate(4px); }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a > .wdt-button-text { position: relative; padding-bottom: 1px; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a > .wdt-button-text:before {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: currentColor;
    -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: transform var(--wdt-Ad-Transition); 
    transition: transform var(--wdt-Ad-Transition); -webkit-transform-origin: bottom left; transform-origin: bottom left; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a:focus > .wdt-button-text:before,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a:hover > .wdt-button-text:before {
    -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: bottom right; transform-origin: bottom right; }

    /* Standard - Hover and active color */
    .wdt-image-box-holder.wdt-rc-template-standard .wdt-column.wdt-active .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span,
    .wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span,
    .wdt-image-box-holder.wdt-rc-template-standard .wdt-column.wdt-active .wdt-content-item .wdt-content-button > a,
    .wdt-image-box-holder.wdt-rc-template-standard .wdt-column .wdt-content-item:hover .wdt-content-button > a { color: var(--wdtPrimaryColor); }

    .wdt-image-box-holder.wdt-rc-template-standard .wdt-column.wdt-active .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image,
    .wdt-image-box-holder.wdt-rc-template-standard .wdt-column .wdt-content-item:hover .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image { width: 64%; }

/*==== Instagram-Style ====*/

.wdt-image-box-holder.wdt-rc-template-instagram-style .wdt-content-item .wdt-content-elements-group.wdt-media-group { display: grid;
    -webkit-border-radius: 1em ; border-radius: 1em; -webkit-border: 1px solid var(--wdtBorderColor); border: 1px solid var(--wdtBorderColor); }

.wdt-image-box-holder.wdt-rc-template-instagram-style .wdt-content-item .wdt-content-elements-group.wdt-media-group > div { 
    grid-area: 1/-1; margin: 0 !important; align-self: center; justify-self: center; }
.wdt-image-box-holder.wdt-rc-template-instagram-style .wdt-content-item .wdt-content-icon-wrapper { pointer-events: none; }

.wdt-image-box-holder.wdt-rc-template-instagram-style .wdt-content-item .wdt-content-image-wrapper .wdt-content-image > a { 
    -webkit-border-radius: calc(1em - 1px); border-radius: calc(1em - 1px); }

.wdt-image-box-holder.wdt-rc-template-instagram-style .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { 
    font-size: clamp(1.375rem, 1.3462rem + 0.1282vw, 1.5rem); /* Min-22 & Max-24 */
    width: clamp(2.875rem, 2.5288rem + 1.5385vw, 4.375rem); /* Min-46 & Max-70 */
    height: clamp(2.875rem, 2.5288rem + 1.5385vw, 4.375rem); /* Min-46 & Max-70 */
    padding: 0; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); opacity: 0;
    transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); background: none !important; position: relative; }
.wdt-image-box-holder.wdt-rc-template-instagram-style .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span:before {
    content: ""; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; width: inherit; height: inherit; 
    background-color: rgb(var(--wdtQuaternaryColorRgb),0.8); -webkit-border-radius: inherit; border-radius: inherit; z-index: -1; }

.wdt-image-box-holder.wdt-rc-template-instagram-style .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span {
    opacity: 0; transform: translate(20px,10px) scale(1.2); -webkit-transform: translate(20px,10px) scale(1.2); 
    transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); }
.wdt-image-box-holder.wdt-rc-template-instagram-style .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span > :is( svg, div, i, span) { display: inherit; }
.wdt-image-box-holder.wdt-rc-template-instagram-style .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span {
    opacity: 1; transform: translate(0) scale(1); -webkit-transform: translate(0) scale(1); }
    

/*==== 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;
}