/** 
  @ Service Page Styles
  -------------------------------
*/

.wdt-service-archive-wrapper { display: flex; flex-wrap: wrap; --ser-gap: 20px; gap: var(--ser-gap); }

.wdt-service-archive-wrapper.wdt-columns-5 > .wdt-service-item { flex: 0 0 calc(20% - calc(var(--ser-gap) / 1.25)); }
.wdt-service-archive-wrapper.wdt-columns-4 > .wdt-service-item { flex: 0 0 calc(25% - calc(var(--ser-gap) / 1.333)); }
.wdt-service-archive-wrapper.wdt-columns-3 > .wdt-service-item { flex: 0 0 calc(33.3333% - calc(var(--ser-gap) / 1.5)); }
.wdt-service-archive-wrapper.wdt-columns-2 > .wdt-service-item { flex: 0 0 calc(50% - calc(var(--ser-gap) / 2)); }
.wdt-service-archive-wrapper.wdt-columns-1 > .wdt-service-item { flex: 0 0 100%; }


/* Type 1 */

.wdt-services-holder:has(.wdt-type-1) .swiper{
    overflow:visible ;
    overflow-x: clip;
}
.wdt-service-archive-wrapper .wdt-service-item{
    display: grid;
    align-items: inherit;
    /* height: 100%; */
    position: relative;
    overflow-x:clip ;
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group {
    grid-area: 1/-1;
    margin-bottom: 0;
    overflow-x: clip;
    z-index: 2;
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-group {
    grid-area: 1/-1;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: clamp(0.9375rem, 0.8336rem + 0.347vw, 1.25rem) /*20px - 15px*/;
    padding: clamp(2.1875rem, 1.3542rem + 1.7361vw, 3.4375rem) /*55px - 35px*/ clamp(1.25rem, 0.419rem + 2.7759vw, 3.75rem) /*60px - 20px*/;
    transform: translateY(clamp(1.25rem, 0.5342rem + 1.1173vw, 1.875rem));
    transition: var(--wdt-Ad-Transition);
    z-index: 3; pointer-events:none;
}
.wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-content-group ,
.swiper-slide-active .wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-group,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-content-group{
    transform: translateY(calc(clamp(1.25rem, 0.5342rem + 1.1173vw, 1.875rem) * -1));
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group::before{
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: var(--wdtAccentTxtColor);
    z-index: 1;
    transition: var(--wdt-Ad-Transition);
    transform-origin: bottom;
}
.wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-media-group::before,
.swiper-slide-active .wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group::before ,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-media-group::before{
    background-color:rgba(var(--wdtPrimaryColorRgb), 0.8) ;
    height: calc(100% + 50px);
    margin-top: -50px;
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-type-icon{
    width: clamp(4.375rem, 3.6479rem + 2.4289vw, 6.5625rem) /*105px - 70px*/;
    height: clamp(4.375rem, 3.6479rem + 2.4289vw, 6.5625rem) /*105px - 70px*/;
    font-size: clamp(2.1875rem, 1.8759rem + 1.0409vw, 3.125rem) /*50px - 35px*/;
    background-color: var(--wdtBodyBGColor);
    border-radius: var(--wdtRadius_Full);
    padding: 0;
    backdrop-filter: blur(0px);
    transition: var(--wdt-Ad-Transition);
    border: 1px solid transparent;
    color: var(--wdtPrimaryColor);
    display: flex;
    align-items: center;
    justify-content: center;
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-button a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 10px;
    position: relative;
    font-weight: var(--wdtFontWeight_Ext);
    pointer-events:all;
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-button a::after{
    content: "";
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M8.1,53.9H4.1v-7.9h3.9V50V53.9z M91.9,46.1c2.2,0,3.9,1.8,3.9,3.9c0,2.2-1.8,3.9-3.9,3.9V50V46.1z M8.1,50v-3.9h83.8V50 v3.9H8.1V50z M49,98.5l-5.6-5.6L86.4,50L43.4,7.1L49,1.5l45.7,45.7c0.7,0.7,1.2,1.7,1.2,2.8s-0.4,2-1.2,2.8L49,98.5z'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: var(--wdt-Ad-Transition);
    transition: var(--wdt-Ad-Transition);
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-button a:hover:after{
    opacity: 1;
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-button{
    transition: var(--wdt-Ad-Transition);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: inherit;
}
.wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-button ,
.swiper-slide-active .wdt-service-archive-wrapper .wdt-service-item .wdt-service-button ,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-button{
    opacity: 1;
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image, 
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image > a{
    height: 100%;
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image > img{
    object-fit: cover;
    transform: scale(1);
    transition: var(--wdt-Ad-Transition);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: bottom;
}
.swiper-slide-active .wdt-service-archive-wrapper .wdt-service-item .wdt-service-image > img,
.wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-image > img ,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-image > img{
    height: calc(100% + 50px);
    margin-top: -50px;
}
.wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-type-icon ,
.swiper-slide-active .wdt-service-archive-wrapper .wdt-service-item .wdt-service-type-icon ,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-type-icon{
    background-color: rgba(var(--wdtBodyTxtColorRgb),0.6);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(var(--wdtAccentTxtColorRgb),0.2);
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5{
    font-size: clamp(1.25rem, 1.1669rem + 0.2776vw, 1.5rem) /*24px - 20px*/;
    margin: 0;
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5 a{ pointer-events:all; }
.wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-type-icon ,
.wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-title h5,
.wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-title h5 a ,
.wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-description,
.wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-button a ,
.swiper-slide-active .wdt-service-archive-wrapper .wdt-service-item .wdt-service-type-icon ,
.swiper-slide-active .wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5,
.swiper-slide-active .wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5 a,
.swiper-slide-active .wdt-service-archive-wrapper .wdt-service-item .wdt-service-description,
.swiper-slide-active .wdt-service-archive-wrapper .wdt-service-item .wdt-service-button a,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-type-icon,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-title h5,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-title h5 a ,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-description ,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-button a
{
    color: var(--wdtAccentTxtColor);
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-description{
  text-align: center;
  transition: var(--wdt-Ad-Transition);
}
.swiper-slide-active .wdt-service-archive-wrapper .wdt-service-item .wdt-service-button a:hover,
.wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-button a:hover,
.swiper-slide-active .wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5 a:hover,
.wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-title h5 a:hover,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-title h5 a:hover ,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-button a:hover{
    color: rgba(var(--wdtAccentTxtColorRgb), 0.7);
}

@media screen and (max-width:1280px) {
  .wdt-service-archive-wrapper.wdt-columns-3 > .wdt-service-item { flex: 0 0 calc(50% - calc(var(--ser-gap) / 1.5)); }
}
@media screen and (max-width:1024px) {
    /* .wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group::before{
        background-color: rgba(var(--wdtPrimaryColorRgb), 0.8);
    } */
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-image > img{
        height: 100%;
    }
    .wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-media-group::before ,
    .wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-media-group::before{
        height: 100%;
        margin-top: 0;
    }
    .swiper-slide-active .wdt-service-archive-wrapper .wdt-service-item .wdt-service-image > img,
    .wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-image > img,
    .wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-image > img
    {
        height: 100%;
        margin-top: 0;
    }
    .wdt-service-archive-wrapper .wdt-service-item.wdt-service-active-hover .wdt-service-content-group,
    .wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-content-group{
        transform: translateY(0);
    }
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-group,
    .wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-content-group{
        transform: translateY(0);
    }
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-button{
        opacity: 1;
    }
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-button a::after{
         opacity: 1;
        -webkit-transform: translateX(16px);
        transform: translateX(16px);
    }
}
@media screen and (max-width:767px) {
    .wdt-service-archive-wrapper.wdt-columns-3 > .wdt-service-item { flex: 0 0 calc(100% - calc(var(--ser-gap) / 1.5)); }
}




/* ---------------------------------------------------------------------
 === Service Single ===
--------------------------------------------------------------------- */