/* 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); }





/* -------------------------------------------------------------- */
    /* Mr Black - New Style for theme */
/* -------------------------------------------------------------- */

    .wdt-custom-home-ser-section .wdt-content-item .wdt-content-media-group { display: grid; }
    .wdt-custom-home-ser-section .wdt-content-item .wdt-content-media-group > div { margin: 0; }
    
    .wdt-custom-home-ser-section .wdt-content-item .wdt-content-media-group .wdt-content-elements-group.wdt-media-group { 
        padding: clamp(1.875rem, 1.0096rem + 3.8462vw, 5.625rem) 0;}

    .wdt-custom-home-ser-section .wdt-column .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image { overflow: hidden; }
    .wdt-custom-home-ser-section .wdt-column .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image a,
    .wdt-custom-home-ser-section .wdt-column .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image a img {
        -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); transition: all 800ms cubic-bezier(.13,.43,0,.94); }

    .wdt-custom-home-ser-section .wdt-column .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image a { 
        will-change: transform; overflow: hidden; }
    .wdt-custom-home-ser-section .wdt-column:hover .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image a { 
        -webkit-clip-path: inset(0% 0% round 12vw); clip-path: inset(0% 0% round 12vw); /* border-radius: 20vw; */}
    .wdt-custom-home-ser-section .wdt-column:hover .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image a img {
        -webkit-transform: scale(1.1); transform: scale(1.1); }

    .wdt-custom-home-ser-section .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.25rem, 1.1923rem + 0.2564vw, 1.5rem); }
    .wdt-custom-home-ser-section .wdt-content-item  .wdt-content-button > a { text-transform: uppercase; font-weight: var(--wdtFontWeight_Alt);
        background: none !important; padding: 0; font-family: var(--wdtFontTypo_Alt); display: inline-flex; align-items: center; }
    .wdt-custom-home-ser-section .wdt-content-item  .wdt-content-button > a:after { margin-left: 10px;
        content: '\e803'; font-family: "ad-icon"; display: flex; align-items: center; font-size: 14px; width: 20px; height: 20px; color: var(--wdtPrimaryColor);
        -webkit-transition: var(--wdtAdTransition); transition: var(--wdtAdTransition); }
    .wdt-custom-home-ser-section .wdt-content-item  .wdt-content-button > a:hover:after { margin-left: 16px; }

    /* Data title Style */
    .wdt-custom-home-ser-section .wdt-content-item .wdt-content-title h5 { display: inline-block; overflow: hidden; }
    .wdt-custom-home-ser-section .wdt-content-item .wdt-content-title h5 a {
        position: relative; display: block; -webkit-transform-origin: left top; transform-origin: left top; }
    .wdt-custom-home-ser-section .wdt-content-item .wdt-content-title h5 a:after {
        content: attr(data-title); display: block; position: absolute; top: 150%; left: 0;
        -webkit-transform: skewY(5deg); transform: skewY(5deg); -webkit-transform-origin: left top; transform-origin: left top; }

    .wdt-custom-home-ser-section .wdt-content-item:hover .wdt-content-title h5 a {
        -webkit-transform: translateY(-150%) skewY(-7deg); transform: translateY(-150%) skewY(-7deg); }
    .wdt-custom-home-ser-section .wdt-content-item:hover .wdt-content-title h5 a::after {
        -webkit-transform: skewY(7deg); transform: skewY(7deg); }

    @media (min-width: 768px) {
        .wdt-custom-home-ser-section .wdt-column:nth-child(even) .wdt-content-item .wdt-content-media-group .wdt-content-elements-group.wdt-media-group { order: 1; }
        .wdt-custom-home-ser-section .wdt-column:nth-child(even) .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper { order: 2; }        
    }


/* ---------------------------------------------- */
/* Custom Style - wdt-custom-image-with-slide */
/* ---------------------------------------------- */

/* .wdt-custom-image-with-slide .wdt-content-item { display: inline-flex; flex-wrap: wrap; height: 100%; } */
.wdt-custom-image-with-slide .swiper-slide .wdt-content-item .wdt-content-detail-group { right: 0; bottom: 0; display: flex; align-items: center; }

.wdt-custom-image-with-slide .wdt-content-item .wdt-content-detail-group {
    background: rgba(var(--wdtTertiaryColorRgb),0.7); width: calc(100% - 101px); margin-left: auto; margin-right: 0; padding: 20px 30px; 
    /*box-shadow: 0 0 0 100vmax rgba(var(--wdtTertiaryColorRgb),0.7); -webkit-clip-path: inset(0 -100vmax -100vmax); clip-path: inset(0 -100vmax -100vmax);*/ 
    min-height: 66px; position: absolute; border: 1px solid var(--wdtSecondaryColor); }

.wdt-custom-image-with-slide .wdt-content-item .wdt-content-detail-group .wdt-content-description { font-size: var(--wdtFontSize_Base); }

/* .wdt-custom-image-with-slide .wdt-content-item .wdt-content-detail-group:before { 
    width: 2px; content: ""; position: absolute; top: -100%; left: 0; bottom: -100%; background-color: var(--wdtAccentTxtColor); } */

.wdt-custom-image-with-slide .wdt-content-item > div:not(:last-child), .wdt-custom-image-with-slide .wdt-content-item .wdt-content-media-group > div:not(:last-child),
.wdt-custom-image-with-slide .wdt-content-item .wdt-content-detail-group > div:not(:last-child), .wdt-custom-image-with-slide .wdt-content-item .wdt-content-elements-group > div:not(:last-child) {
    margin: 0; }

.wdt-custom-image-with-slide .wdt-content-item .wdt-content-media-group { display: inherit; width: 100%; }
.wdt-custom-image-with-slide .swiper-slide .wdt-content-item .wdt-content-media-group { 
    animation: clip-animation 1s ease .05s forwards; display: flex; height: 100%; }
.wdt-custom-image-with-slide .swiper-slide { transition-property: opacity; }

@-webkit-keyframes clip-animation { 
    0% { clip-path: polygon(-6% 0,114% 0,114% 120%,-6% 120%); }
    41% { clip-path: polygon(-6% 0,-6% 0,-6% 120%,-6% 120%); }
    41.01%, 48% { clip-path: polygon(114% 0,114% 0,114% 120%,114% 120%); }
    100% { clip-path: polygon(-6% 0,114% 0,114% 120%,-6% 120%); }
}
@keyframes clip-animation { 
    0% { clip-path: polygon(-6% 0,114% 0,114% 120%,-6% 120%); }
    41% { clip-path: polygon(-6% 0,-6% 0,-6% 120%,-6% 120%); }
    41.01%, 48% { clip-path: polygon(114% 0,114% 0,114% 120%,114% 120%); }
    100% { clip-path: polygon(-6% 0,114% 0,114% 120%,-6% 120%); }
}
.wdt-custom-image-with-slide .wdt-carousel-holder .swiper.swiper-horizontal + .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination,
.wdt-custom-image-with-slide .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination {
    position: absolute; left: 0px; bottom: 1px; width: 102px; display: flex; align-items: center; justify-content: center; z-index: 6; 
    background-color: rgba(var(--wdtTertiaryColorRgb),0.7); border: 1px solid var(--wdtBorderColor); }
.wdt-custom-image-with-slide .wdt-carousel-holder .swiper.swiper-horizontal + .wdt-carousel-pagination-wrapper .wdt-swiper-pagination, 
.wdt-custom-image-with-slide .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div, 
.wdt-custom-image-with-slide .wdt-carousel-holder .swiper.swiper-horizontal + .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { margin: 0; }

.wdt-custom-image-with-slide .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div {
    flex: 1; height: 50px; text-transform: uppercase; }

.wdt-custom-image-with-slide .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-prev {
    border-right: 1px solid var(--wdtBorderColor);
}
.wdt-custom-image-with-slide .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div > i { 
    font-size: 1.2rem; padding: 8px;}

.wdt-custom-image-with-slide,
.wdt-custom-image-with-slide .elementor-widget-container,
.wdt-custom-image-with-slide .elementor-widget-container .wdt-image-box-holder,
.wdt-custom-image-with-slide .elementor-widget-container .wdt-image-box-holder .wdt-image-box-container.swiper,
.wdt-custom-image-with-slide .elementor-widget-container .wdt-image-box-holder .wdt-image-box-container.swiper .wdt-content-item { height: 100%; }
.wdt-custom-image-with-slide .elementor-widget-container .wdt-image-box-holder .wdt-image-box-container.swiper .wdt-content-item .wdt-content-image > span > img, 
.wdt-custom-image-with-slide .elementor-widget-container .wdt-image-box-holder .wdt-image-box-container.swiper .wdt-content-item .wdt-content-image > a > img { 
    object-fit: cover; object-position: center; height: 100%; }


@media(max-width: 1540px) {
    .wdt-custom-image-with-slide .wdt-content-item .wdt-content-detail-group { width: 100%; }
    .wdt-custom-image-with-slide .wdt-carousel-holder .swiper.swiper-horizontal + .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination,
    .wdt-custom-image-with-slide .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { top: 0; right: 0; bottom: auto; left: auto;}
    .wdt-custom-image-with-slide .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div { height: 50px; }
}

@media(max-width: 767px) {
    .wdt-custom-image-with-slide .wdt-content-item .wdt-content-detail-group { padding: 12px 20px; }
}