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

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

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


.wdt-services-archive-wrapper .wdt-services-item{
    padding:10px 10px 30px;
    border:1px solid var(--wdtBorderColor);
    border-radius:var(--wdtRadius_2X);
    background-color:var(--wdtTertiaryColor);
  transition:var(--wdtBaseTransition);
}
.wdt-services-archive-wrapper .wdt-services-item .wdt-services-media-group{
    display:flex;
    margin-bottom:30px;
}
.wdt-services-archive-wrapper .wdt-services-item .wdt-services-image,
.wdt-services-archive-wrapper .wdt-services-item .wdt-services-image > a,
.wdt-services-archive-wrapper .wdt-services-item .wdt-services-image >img,
.wdt-services-archive-wrapper .wdt-services-item .wdt-services-image > a > img{
    border-radius:var(--wdtRadius_1X);
    aspect-ratio:1;
    object-fit:cover;
    transform:scale(1);
    overflow:hidden;
    transition:var(--wdtBaseTransition);
}
.wdt-services-archive-wrapper .wdt-services-item:hover .wdt-services-image >img{
  transform:scale(1.1);
}
.wdt-services-archive-wrapper .wdt-services-item .wdt-services-type-icon{
    display:none;
}
.wdt-services-archive-wrapper .wdt-services-item .wdt-services-button>a{
    padding: 8px 8px 8px 25px;
    margin-top: 5px;
    background:none;
    background-color:var(--wdtSecondaryColor);
    border-radius:var(--wdtRadius_Part);
    color:var(--wdtHeadAltColor);
    border:none;
    display:inline-flex;
    align-items:center;
    justify-content:inherit;
    position:relative;
    transition:var(--wdtBaseTransition);
}
.wdt-services-archive-wrapper .wdt-services-item .wdt-services-button>a:after{
    content:"";
    height:35px;
    width:35px;
    background-color:var(--wdtHeadAltColor);
    border-radius:var(--wdtRadius_Full);
    margin-left:8px;
}
.wdt-services-archive-wrapper .wdt-services-item .wdt-services-button>a:before{
    content:"";
    height:14px;
    width:14px;
    background-color:var(--wdtAccentTxtColor);
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M31.7,97.5c-1.4,0-2.9-0.5-4-1.5c-2.5-2.2-2.8-6.1-0.5-8.6L60.2,50L27.1,12.6c-2.2-2.5-2-6.4,0.5-8.6s6.4-2,8.6,0.5L72.9,46 c2,2.3,2,5.8,0,8.1L36.2,95.4C35,96.8,33.4,97.5,31.7,97.5L31.7,97.5z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M31.7,97.5c-1.4,0-2.9-0.5-4-1.5c-2.5-2.2-2.8-6.1-0.5-8.6L60.2,50L27.1,12.6c-2.2-2.5-2-6.4,0.5-8.6s6.4-2,8.6,0.5L72.9,46 c2,2.3,2,5.8,0,8.1L36.2,95.4C35,96.8,33.4,97.5,31.7,97.5L31.7,97.5z'%3E%3C/path%3E%3C/svg%3E");
    mask-repeat:no-repeat;
    mask-position:center;
    position:absolute;
    right:1.1em;
}
.wdt-services-archive-wrapper .wdt-services-item:hover{
    background-color:var(--wdtPrimaryColor);
    border-color: transparent;
}
.wdt-services-archive-wrapper .wdt-services-item .wdt-services-excerpt{
  transition:var(--wdtBaseTransition);
}
.wdt-services-archive-wrapper .wdt-services-item:hover .wdt-services-title h5, 
.wdt-services-archive-wrapper .wdt-services-item:hover .wdt-services-title h5 a,
.wdt-services-archive-wrapper .wdt-services-item:hover .wdt-services-excerpt{
    color:var(--wdtAccentTxtColor);
}
.wdt-services-archive-wrapper .wdt-services-item .wdt-services-title h5 a:hover{
    color:var(--wdtLinkHoverColor);
}
.wdt-services-archive-wrapper .wdt-services-item .wdt-services-button>a:hover{
    background-color:var(--wdtAccentTxtColor)
}
.wdt-services-archive-wrapper .wdt-services-item .wdt-services-detail-group {
    padding: 0 20px;
    text-align: center;
}

/* ---------------------------------------------------------------------
 === Service Single ===
--------------------------------------------------------------------- */
@media (max-width: 1540px) {
  .wdt-services-archive-wrapper.wdt-columns-5>.wdt-services-item {
    flex: 0 0 calc(25% - calc(var(--ser-gap) / 1.25));
  }

}


@media (max-width: 1280px) {
  .wdt-services-archive-wrapper.wdt-columns-5>.wdt-services-item {
    flex: 0 0 calc(33.333% - calc(var(--ser-gap) / 1.25));
  }

  .wdt-services-archive-wrapper.wdt-columns-4>.wdt-services-item {
    flex: 0 0 calc(33.333% - calc(var(--ser-gap) / 1.333));
  }

}


@media (max-width: 1024px) {
  .wdt-services-archive-wrapper.wdt-columns-5>.wdt-services-item {
    flex: 0 0 calc(50% - calc(var(--ser-gap) / 1.25));
  }

  .wdt-services-archive-wrapper.wdt-columns-4>.wdt-services-item {
    flex: 0 0 calc(50% - calc(var(--ser-gap) / 1.333));
  }

  .wdt-services-archive-wrapper.wdt-columns-3>.wdt-services-item {
    flex: 0 0 calc(50% - calc(var(--ser-gap) / 1.5));
  }

}

@media (max-width: 767px) {
  .wdt-services-archive-wrapper.wdt-columns-5>.wdt-services-item {
    flex: 0 0 calc(100% - calc(var(--ser-gap) / 1.25));
  }

  .wdt-services-archive-wrapper.wdt-columns-4>.wdt-services-item {
    flex: 0 0 calc(100% - calc(var(--ser-gap) / 1.333));
  }

  .wdt-services-archive-wrapper.wdt-columns-3>.wdt-services-item {
    flex: 0 0 calc(100% - calc(var(--ser-gap) / 1.5));
  }

  .wdt-services-archive-wrapper.wdt-columns-2>.wdt-services-item {
    flex: 0 0 calc(100% - calc(var(--ser-gap) / 2));
  }
}