/** 
  @ 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%; }

#primary:has(.wdt-service-archive-wrapper) {overflow: hidden;}
.wdt-service-archive-wrapper .wdt-service-item{position: relative;padding-right: 20px;}
.wdt-service-archive-wrapper { margin: 0 2px; }
.wdt-service-item .wdt-service-title { margin-bottom: 20px; }
.wdt-service-archive-wrapper .wdt-service-item:not(:last-child)::after {content: ''; position: absolute; right: 0px; top: 0; border-right: 1px dashed rgb(var(--wdtBodyTxtColorRgb), .5); height: 100%;width: 1px;}
.wdt-service-item .wdt-service-type-icon {display: flex; color: var(--wdtBodyTxtColor); font-size: clamp(3.75rem, 3.3345rem + 1.3879vw, 5rem);/*80-60*/ height: clamp(3.75rem, 3.3345rem + 1.3879vw, 5rem);/*80-60*/ width: clamp(3.75rem, 3.3345rem + 1.3879vw, 5rem);/*80-60*/ padding: 0; margin-bottom: clamp(1.875rem, 1.6672rem + 0.694vw, 2.5rem);/*40-30*/}
.wdt-service-item .wdt-service-description{margin-bottom: clamp(1.875rem, 1.6672rem + 0.694vw, 2.5rem);/*40-30*/}
.wdt-service-item:hover .wdt-service-type-icon { color: var(--wdtLinkHoverColor);}
.wdt-service-item .wdt-service-button > a { color: var(--wdtPrimaryColor); display: inline-block; line-height: 1; font-size: var(--wdtFontSize_Base); text-align: center; font-weight: var(--wdtFontWeight_Ext); }
.wdt-service-item .wdt-service-button > a i { border-radius: var(--wdtRadius_Full); width: 24px; display: inline-flex; height: 24px; background: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); align-items: center; justify-content: center; margin-left: 10px; font-size: calc(var(--wdtFontSize_Ext) - 2px); }
.wdt-service-item:hover .wdt-service-type-icon{animation: zoom 0.6s ease-in-out;}

@media only screen and (min-width:1025px) { 
    .wdt-service-item .wdt-service-button > a span { transition: inherit; clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0);  filter: blur(2px); }
    .wdt-service-item:hover .wdt-service-button > a span { clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0);filter: blur(0); }
    .wdt-service-item .wdt-service-button > a i {transition: inherit; position: relative; left: calc(-100% + 24px); }
    .wdt-service-item:hover .wdt-service-button > a i{ left: 0; }
    .wdt-service-item .wdt-service-button > a i:before{rotate: -45deg; transition: var(--wdt-Ad-Transition);}
    .wdt-service-item .wdt-service-button > a:hover i:before{rotate: 0deg;}
}

@media (max-width:767px) {
.wdt-service-archive-wrapper.wdt-columns-3 > .wdt-service-item{
  flex: 0 0 calc(50% - calc(var(--ser-gap) / 1.5)); 
}
.wdt-service-archive-wrapper .wdt-service-item:not(:last-child)::after {display: none;}
  
}

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


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