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

.wdt-service-archive-wrapper { display: flex; flex-wrap: wrap; --ser-gap: 30px; 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%; }
.wdt_services_single-wrapper .services-featured-image img { min-height:250px; object-fit:cover; }


.wdt-service-archive-wrapper .wdt-service-title .wdt-content-text,
.wdt-service-archive-wrapper .wdt-service-title .wdt-content-text a{ font-size: clamp(2rem, 1.7922rem + 0.694vw, 2.625rem); /* Min-32 & Max- 42 */  
    margin-bottom:20px; position: relative; color:var(--wdtAccentTxtColor);}
.wdt-service-archive-wrapper .wdt-service-title .wdt-content-text a:hover{ color: rgb(var(--wdtAccentTxtColorRgb), .8);  }
.wdt-service-archive-wrapper .wdt-service-button a span:first-child{ 
    -webkit-transition: var(--wdt-Ad-Transition);
    transition: var(--wdt-Ad-Transition);
    font-size: var(--wdtFontSize_H6);
    border: 2px solid currentColor;
    border-radius: var(--wdtRadius_Full);
    border-right-color: transparent !important;
    height: 40px;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items:center;
 }
 
.wdt-service-archive-wrapper .wdt-service-description,.wdt-service-archive-wrapper .wdt-service-meta .wdt-service-button a{ color:var(--wdtAccentTxtColor); z-index: 0; position: relative; }
.wdt-service-archive-wrapper .wdt-service-meta .wdt-service-button a:hover{  color: rgb(var(--wdtAccentTxtColorRgb), .8); background-color: transparent;}
.wdt-service-archive-wrapper .wdt-service-button a span:first-child svg{ -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }
 .wdt-service-archive-wrapper .wdt-service-button a:hover span:first-child svg{ transform: translateX(10px); }
 .wdt-service-archive-wrapper .wdt-service-button a:hover span:first-child{ border-color:currentColor; }
 .wdt-service-archive-wrapper .wdt-service-meta .wdt-service-button a{ display:flex; align-items:center; gap:10px;  padding:0; background-color: transparent;}
 .wdt-service-archive-wrapper .wdt-service-item > div{ display: grid; width:100%; height:100%; }
.wdt-service-archive-wrapper .wdt-service-media-group{ grid-area:1/-1; width:100%; height:100%; line-height:0; }
.wdt-service-archive-wrapper .wdt-service-content-group{ grid-area:1/-1; width:100%; height:100%;  padding:clamp(1.875rem, 1.5963rem + 1.2739vw, 3.125rem); 
display:flex; flex-direction: column; gap:170px; }
.wdt-service-archive-wrapper .wdt-service-image > a > img{ object-fit: cover; background-position: center; width:100%; height:100%; opacity:0;} 
.wdt-service-archive-wrapper .wdt-service-image, .wdt-service-archive-wrapper .wdt-service-image > a{ width:100%; height:100%; }
.wdt-service-archive-wrapper .wdt-service-image img{ height:100%; }
.wdt-service-archive-wrapper .wdt-service-media-group{ position: relative; }
.wdt-service-archive-wrapper .wdt-service-media-group:after{ content:''; width:100%; height:100%;  display:block; position: absolute; background-position: center;
width:100%; height:100%; left:0; top:0; opacity: 0; visibility: visible; transition:var(--wdt-Ad-Transition);  background-image: url(../image/h2-Services-bg-Img.jpg); }
.wdt-service-archive-wrapper:hover .wdt-service-media-group:after,
.swiper-slide-next .wdt-service-archive-wrapper .wdt-service-media-group:after{  opacity:1; }
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-media-group:before{ opacity:.8; }
.wdt-service-archive-wrapper .wdt-service-media-group:before{
  content:''; width:100%; height:100%;  display:block; position: absolute;
width:100%; height:100%; left:0; top:0; opacity: 1; visibility: visible; transition:var(--wdt-Ad-Transition);   background-color:var(--wdtTertiaryColor);  
}
 
.wdt-services-holder:has( .wdt-service-archive-wrapper  )   .wdt-carousel-pagination-wrapper{ text-align: right; margin-right: -15px;}


@media(max-width:1024px){
.wdt-service-archive-wrapper{ --ser-gap: 20px;  }
.wdt-service-archive-wrapper.wdt-columns-3 > .wdt-service-item{  flex: 0 0 calc(50% - calc(var(--ser-gap) / 1.5)); }
}
@media(max-width:767px){
.wdt-service-archive-wrapper.wdt-columns-3 > .wdt-service-item{  flex: 0 0 100%; }
}




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