/* Default Template */

.wdt-process-holder .wdt-content-item {
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: var(--wdtRadius_Full);
    text-align: center;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 0px;
    border: 1px solid var(--wdtPrimaryColor);
    background: var(--wdtBodyBGColor);
    margin: 28px;
}


.wdt-process-holder .wdt-content-item>div {
    grid-area: 1/-1;
    height: 100%;
    margin: 0;
}

.wdt-process-holder .wdt-content-item .wdt-content-detail-group {
    display: inline-flex;
    flex-flow: column nowrap;
    padding: clamp(1.875rem, 1.5461rem + 1.3158vw, 3.125rem);
    /* Min-30 & Max-50 */
    align-items: inherit;
    justify-content: inherit;
    background-color: rgba(var(--wdtBodyBGColorRgb), 1);
    transition: var(--wdtAltTransition);
}

.wdt-process-holder .wdt-content-item:hover .wdt-content-detail-group {
    background-color: rgba(var(--wdtBodyBGColorRgb), 0.95);
}

.wdt-process-holder .wdt-column-wrapper,
.wdt-process-holder .wdt-process-wrapper {
    counter-reset: wdt-counter;
}

.wdt-process-holder .wdt-content-item .wdt-content-detail-group:after {
    counter-increment: wdt-counter;
    content: counter(wdt-counter, decimal-leading-zero);
    position: relative;
    font-size: clamp(2.8125rem, 0.9211rem + 7.5658vw, 10rem);
    /* Min-45 & Max-160 */
    font-family: var(--wdtFontTypo_Alt);
    line-height: 1;
    font-weight: var(--wdtFontWeight_Alt);
    font-style: italic;
    margin-top: 25px;
    margin-bottom: -0.25em;
    color: transparent;
    background-image: linear-gradient(189deg, rgba(var(--wdtHeadAltColorRgb), .0) -9.75%, rgba(var(--wdtHeadAltColorRgb), 1) 93.14%);
    background-clip: text;
}

.wdt-process-holder .wdt-content-image>span,
.wdt-process-holder .wdt-content-image>a {
    -webkit-border-radius: var(--wdtRadius_Zero);
    border-radius: var(--wdtRadius_Zero);
}

.wdt-process-holder .wdt-content-media-group .wdt-content-image-wrapper {
    margin-bottom: 0;
}

.wdt-process-holder .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-process-holder .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: var(--wdtFontSize_H4);
    height: 60px;
    width: 60px;
    -webkit-border-radius: var(--wdtRadius_Zero);
    border-radius: var(--wdtRadius_Zero);
    -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-process-holder .wdt-content-item:hover .wdt-content-icon span {
    background-color: var(--wdt-elementor-color-accent);
    color: var(--wdt-elementor-color-white);
}

.wdt-process-holder .wdt-content-item .wdt-content-image-wrapper,
.wdt-process-holder .wdt-content-item .wdt-content-image-wrapper .wdt-content-image,
.wdt-process-holder .wdt-content-item .wdt-content-image>span,
.wdt-process-holder .wdt-content-item .wdt-content-image>a {
    width: 100%;
    height: 100%;
}

.wdt-process-holder .wdt-content-item .wdt-content-image>span img,
.wdt-process-holder .wdt-content-item .wdt-content-image>a img {
    width: 100%;
    height: 100%;
}


.wdt-process-holder::before {
    content: '';
    position: absolute;
    width: calc(var(--slide-width) + 160px);
    height: auto;
    aspect-ratio: 1;
    top: -80px;
    left: -80px;
    right: -80px;
    margin: auto;
    z-index: -4;
    animation: wdt-rotate-anim 30s linear infinite;
}

@keyframes wdt-rotate-anim {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* line-stlye */
.wdt-process-holder [class*="wdt-process-line"] {
    display: none;
    width: 100%;
    height: 2px;
    border-bottom: 1px solid var(--wdtHeadAltColor);
    position: absolute;
    right: -50%;
    top: 42%;
    transform: translateY(-42%);
    z-index: -1;
}

.wdt-column:last-child [class*="wdt-process-line"],
.swiper-slide:last-child [class*="wdt-process-line"] {
    display: none;
}

/* count-style */
.wdt-process-count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(2.5rem, 2.2922rem + 0.694vw, 3.125rem);
    /*50-40*/
    height: clamp(2.5rem, 2.2922rem + 0.694vw, 3.125rem);
    /*50-40*/
    position: absolute;
    top: 50px;
    right: 0;
    font-size: clamp(1.25rem, 1.1669rem + 0.2776vw, 1.5rem);
    /*24-20*/
    font-weight: var(--wdtFontWeight_Ext);
    color: var(--wdt-elementor-color-white, var(--wdtAccentTxtColor));
    background-color: var(--wdt-elementor-color-accent, var(--wdtPrimaryColor));
    border-radius: var(--wdtRadius_Full);
}

/* dot-line-style */
.wdt-process-holder .wdt-process-line-dot {
    border-style: dotted;
}

/* dashed-line-style */
.wdt-process-holder .wdt-process-line-dashed {
    border-style: dashed;
}


@media (min-width:1281px) {
    .wdt-process-holder.slides-show-3 .swiper-slide.even-slide:first-child .wdt-content-item {
        transform: translateX(20%);
    }

    .wdt-process-holder.slides-show-3 .swiper-slide.even-slide:last-child .wdt-content-item {
        transform: translateX(-20%);
    }
}

@media screen and (max-width:1024px) {
    .wdt-process-count {
        top: 60px;
    }
}

@media screen and  (max-width:1024px) {
    .wdt-process-count {
        top: 60px;
    }
}

@media screen and (max-width:767px) {
    .wdt-process-count {
        top: 40px;
    }
    .wdt-process-holder::before{
        width: calc(var(--slide-width) + 80px);
        top: -40px;
        left: -40px;
        right: -40px;
    }
}

@media screen and (max-width:479px) {
    .wdt-process-count {
        top: clamp(3.75rem, -1.3372rem + 23.2558vw, 5.625rem);
        /*90-60*/
    }
    .wdt-process-holder::before{
        width: calc(var(--slide-width) + 20px);
        top: -10px;
        left: -10px;
        right: -10px;
    }


       .wdt-process-holder .wdt-content-item .wdt-content-detail-group:after {
        max-height: fit-content;
        position: absolute;
        z-index: 0;
        opacity: .5;
        font-size: 100px;
        top: 0;
        left: 0;
        bottom:0;
        right:0;
        height: 100%;
        width: 100%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: var(--wdt-Ad-Transition);
    }
    .wdt-process-holder .wdt-content-item:hover .wdt-content-detail-group:after{
        opacity: 0;
    }
}