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

.wdt-service-archive-wrapper { display: flex; flex-wrap: wrap;}

.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%; }





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

.wdt-service-archive-wrapper .wdt-service-item{display: flex; align-items: center; overflow: hidden; margin-bottom: -1px; width: 100%;}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image > a > img{ width: 270px;  height: 100%; object-fit: cover; object-position: center;}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image,
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group{margin: 0 !important; display: flex; width: max-content;height: stretch; z-index: 2;}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-group{ 
    border-bottom: 1px solid rgb(var(--wdtBorderColorRgb), 0.4); 
    padding: clamp(2.5rem, 1.8767rem + 2.0819vw, 4.375rem) clamp(1.875rem, 1.6672rem + 0.694vw, 2.5rem);    
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    margin-left: -270px;
    z-index: 2;
    transition: var(--wdtBaseTransition);
}
.wdt-service-archive-wrapper .wdt-service-item.active .wdt-service-content-group{margin-left: 0;}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group{opacity: 0; transform: translateX(-100px); pointer-events: none;transition: var(--wdtBaseTransition);}
.wdt-service-archive-wrapper .wdt-service-item.active .wdt-service-media-group{opacity: 1; pointer-events: all;transform: translateX(0px); transition-delay: 50ms; }
.wdt-service-archive-wrapper .wdt-service-item:first-child .wdt-service-content-group{ border-top: 1px solid rgb(var(--wdtBorderColorRgb), 0.4);}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-description{max-width: 300px;}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5{font-size: clamp(1.875rem, 1.4595rem + 1.3879vw, 3.125rem);/* 30 - 50 */ margin: 0; display: flex; align-items: center; text-transform: uppercase;counter-increment: service-counter;}
.wdt-service-archive-wrapper { counter-reset: service-counter; }
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5::before {
    content: "0"counter(service-counter);
    height: 50px;
    width: 50px;
    border: 1px solid rgb(var(--wdtBorderColorRgb), 0.4);
    border-radius: var(--wdtRadius_Full);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    font-size: var(--wdtFontSize_Base);
    font-family: var(--wdtFontTypo_Base);
    vertical-align: middle;
    transition: var(--wdtBaseTransition);
}
.wdt-service-archive-wrapper .wdt-service-item.active .wdt-service-title h5::before{ color: var(--wdtAccentTxtColor); background-color: var(--wdtHeadAltColor); border-color: var(--wdtHeadAltColor);}

@media(max-width:1280px){
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5{ font-size: var(--wdtFontSize_H5);}
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-image > a > img{width: 200px;}
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-group{margin-left: -200px;}
}
@media(max-width:1024px){
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group{opacity: 1; transform: translateX(0); pointer-events: all; width: 100%;}
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-group{margin-left: 0px; padding: 0; border: none;}
    .wdt-service-archive-wrapper .wdt-service-item{ flex-direction: column;
        align-items: start; gap: 30px;  padding: clamp(2.5rem, 1.8767rem + 2.0819vw, 4.375rem) clamp(0rem, -0.831rem + 2.7759vw, 2.5rem);border-bottom: 1px solid rgb(var(--wdtBorderColorRgb), 0.4); }
    .wdt-service-archive-wrapper .wdt-service-item:first-child { border-top: 1px solid rgb(var(--wdtBorderColorRgb), 0.4);}
    .wdt-service-archive-wrapper .wdt-service-item:first-child .wdt-service-content-group { border:none }
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-image > a > img{height: 300px; width: 100%;}
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-description { max-width: 270px; }
.wdt-service-item .wdt-service-image, .wdt-service-item .wdt-service-media-group,.wdt-service-item .wdt-service-image > a{width: 100%;}
}
@media(max-width:767px){
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-group{flex-direction: column; align-items: start; gap: 20px;}
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-description{max-width: 400px;}
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5::before{height: 40px; width: 40px; margin-left: 0px;}
        .wdt-service-item .wdt-service-title h5 {
        font-size: var(--wdtFontSize_H6);
    }
    .wdt-service-archive-wrapper .wdt-service-item .wdt-service-image > a > img{height: 250px;}
}