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

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

.wdt-service-archive-wrapper.wdt-columns-5 > .wdt-service-item { flex: 0 0 15%; margin-bottom: 50px;}
.wdt-service-archive-wrapper.wdt-columns-4 > .wdt-service-item { flex: 0 0 20%; margin-bottom: 50px; }
.wdt-service-archive-wrapper.wdt-columns-3 > .wdt-service-item {flex: 0 0 28.39%; margin-bottom: 50px;}
.wdt-service-archive-wrapper.wdt-columns-2 > .wdt-service-item { flex: 0 0 45%; margin-bottom: 50px;}
.wdt-service-archive-wrapper.wdt-columns-1 > .wdt-service-item { flex: 0 0 100%; margin-bottom: 50px;}





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

.wdt-service-archive-wrapper .wdt-service-item > div:not(:last-child),
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-detail-group > div:not(:last-child){
    margin-bottom: 0;
}

.wdt-service-archive-wrapper .wdt-service-item{
    display:grid;
    min-height: clamp(25rem, 10.6844rem + 22.3464vw, 37.5rem);  /* Min-400 & Max-600 */
    margin: 0 clamp(1.875rem, 1.1607rem + 1.1161vw, 2.5rem); /* Min-30 & Max-40 */ 
    background-color: transparent;
    position:relative;
    transition:var(--wdt-Ad-Transition);
}
.wdt-service-archive-wrapper .wdt-service-item:hover{
    background-color: rgba(var(--wdtPrimaryColorRgb),1);
}
.wdt-service-archive-wrapper .wdt-service-item:after{
    content:"";
    height:100%;
    width:1px;
    position:absolute;
    top:0;
    right: calc(clamp(1.875rem, 1.1607rem + 1.1161vw, 2.5rem) * -1 );
    border-right:1px solid rgba(var(--wdtBorderColorRgb),1);
}
.wdt-dark-bg .wdt-service-archive-wrapper .wdt-service-item:after{
  border-right:1px solid rgba(var(--wdtBorderColorRgb),0.2);}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image,
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image > img{
    height:100%;
    width:100%;
    object-fit:cover;
    overflow:hidden;
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image > img{
    opacity:0;
    transform:var(--wdtImage-transform);
    transition:var(--wdt-Ad-Transition);
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-image > img{
    opacity:0.3;
    transform:var(--wdtImageHover-transform);
    transition:var(--wdt-Ad-Transition);
}

.wdt-service-archive-wrapper .wdt-service-item > div{
    grid-area:1/-1;
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group{
    overflow:hidden;
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-detail-group{
    display:flex;
    flex-direction:column-reverse;
    justify-content:space-between;
    padding: clamp(1.875rem, 1.1607rem + 1.1161vw, 2.5rem); /* Min-30 & Max-40 */ 
    z-index:2;
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-type-icon{
    margin-bottom: clamp(1.875rem, 1.2535rem + 2.0804vw, 3.75rem); /* Min-30 & Max-60 */
    display: inline-flex; justify-content: center; align-items: center; 
    font-size:clamp(4.375rem, 4.166rem + 0.9554vw, 5.3125rem); /* Min-70 & Max-85 */   height: 1em; line-height: 1; position: relative; text-align: center; 
    vertical-align: top; width: 1em; z-index: 0; color:rgb(var(--wdtHeadAltColorRgb),0.6);  height: 1em; width: 1em; transition:var(--wdt-Ad-Transition);
}
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5{
    display: block;  font-size: clamp(1.5rem, 1.3328rem + 0.7643vw, 2.25rem); /* Min-24 & Max-36 */ font-weight: var(--wdtFontWeight_H3); 
 line-height:var(--wdtLineHeight_H3);   margin-top: 0px; margin-bottom: 0; text-transform: none; transition:var(--wdt-Ad-Transition);
}
.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-dark-bg .wdt-service-archive-wrapper .wdt-service-item .wdt-service-type-icon,
.wdt-dark-bg .wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5, 
.wdt-dark-bg .wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5 a { color: var(--wdtAccentTxtColor); }
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-title h5 a:hover,
.wdt-dark-bg .wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5 a:hover { color: rgba(var(--wdtAccentTxtColorRgb),0.85); }

@media screen and (max-width:767px) {
    .wdt-service-archive-wrapper .wdt-service-item{
        margin: 0;
    }
    .wdt-service-archive-wrapper .wdt-service-item:after{
        display:none;
    }
}