/** Common */
.wdt-service-archive-wrapper .wdt-service-item,
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image>a,
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image img,
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-type-icon,
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-type-icon:before,
.wdt-service-archive-wrapper .wdt-service-item a,
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5,
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5>a,
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-description {
  -webkit-transition: var(--wdtAltTransition);
  transition: var(--wdtAltTransition);
}

.wdt-service-archive-wrapper .wdt-service-item>div:empty {
  display: none;
}

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


/* Item */
.wdt-service-archive-wrapper .wdt-service-item {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  position: relative;
  z-index: 0;
}


/** Image Element */
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group {
  position: relative;
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image,
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image>a {
  display: inline-flex;
  height: 100%;
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-image>a>img {
  height: inherit;
  align-self: start;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  object-fit: cover;
}


/** Icon Element */
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-type-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  height: 1em;
  line-height: 1;
  padding: 5px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 1em;
  z-index: 0;
  color: inherit;
  font-size: inherit;
  height: 1em;
  width: 1em;
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-type-icon svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-type-icon img {
  object-fit: contain;
  object-position: center center;
  height: 1em;
  width: 1em;
}

/** Title & Title Element Group */
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5 {
  display: block;
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  /* Min-18 & Max-24 */
  font-weight: var(--wdtFontWeight_H5);
  margin-top: 0px;
  margin-bottom: 0;
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5,
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5 a {
  color: var(--wdtLinkColor);
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5 a:hover {
  color: var(--wdtLinkHoverColor);
}

.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,
.wdt-dark-bg .wdt-service-archive-wrapper .wdt-service-item .wdt-service-description,
.wdt-dark-bg .wdt-service-archive-wrapper .wdt-service-item.wdt-type-2 .wdt-service-description,
.wdt-dark-bg .wdt-service-archive-wrapper .wdt-service-item.wdt-type-2 .wdt-service-button>a,
.wdt-dark-bg .wdt-service-archive-wrapper .wdt-service-item.wdt-type-2 .wdt-service-detail-group .wdt-service-type-icon {
  color: var(--wdtAccentTxtColor);
}

.wdt-dark-bg .wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5 a:hover,
.wdt-dark-bg .wdt-service-archive-wrapper .wdt-service-item.wdt-type-2 .wdt-service-button>a:hover {
  color: rgb(var(--wdtAccentTxtColorRgb), .6);
}


/** Content & Description Element */
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-detail-group {
  position: relative;
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-description {
  position: relative;
  z-index: 0;
}

/** Button Element */
.wdt-service-archive-wrapper .wdt-service-item .wdt-service-button {
  position: relative;
  z-index: 0;
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-button>a {
  background-color: var(--wdtPrimaryColor);
  color: var(--wdtAccentTxtColor);
  fill: var(--wdtAccentTxtColor);
  display: inline-flex;
  align-items: center;
  font-size: var(--wdtFontSize_Base);
  padding: var(--wdt-btn-icon-padd-after);
  font-weight: var(--wdtFontWeight_Ext);
  border-radius: var(--wdtRadius_Part);
}



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

.wdt-service-archive-wrapper .wdt-service-item {
  display: flex;
  flex-direction: column;
  /* min-height: 550px; */
  border-radius: var(--wdtRadius_2X);
  overflow: hidden; height: 100%;
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group {
  margin: 0 !important;
  display: flex;
  height: 100%;
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group img {
  height: 100%;
  object-fit: cover;
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-wrapper {
  padding: 30px;
  width: 50%;
  background-color: var(--wdtTertiaryColor);
  position: relative;
  transition: var(--wdtAltTransition);
  /* height: 100%; */
}

.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-content-wrapper {
  background-color: var(--wdtPrimaryColor);
}


.wdt-service-archive-wrapper .wdt-service-item .wdt-service-button>a {
  gap: 10px;
  font-weight: var(--wdtFontWeight_Ext);
  border: 0;
  padding: 0;
  color: var(--wdtSecondaryColor);
  display: flex;
  background: transparent;
  align-items: center;
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-button>a .wdt-service-button-icon {
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: var(--wdtRadius_Full);
  background-color: var(--wdtSecondaryColor);
  color: var(--wdtAccentTxtColor);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--wdtAltTransition);
  font-size: 12px;
}

.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-button>a .wdt-service-button-icon {
  background-color: var(--wdtAccentTxtColor);
  color: var(--wdtSecondaryColor);
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-wrapper .wdt-service-type-icon {
  font-size: clamp(3.125rem, 2.7095rem + 1.3879vw, 4.375rem);
  /*70-50*/
  height: auto;
  width: auto;
  color: var(--wdtSecondaryColor);
  padding: 0 0 clamp(6.25rem, -0.9078rem + 11.1732vw, 12.5rem) 0;
  /*200-100*/
  margin: 0;
}

.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-content-wrapper .wdt-service-type-icon {
  color: var(--wdtAccentTxtColor);
}

.wdt-service-archive-wrapper .wdt-service-item .wdt-service-description {
  margin: clamp(0.75rem, 0.4591rem + 0.9715vw, 1.625rem) 0 clamp(1.25rem, 1.0007rem + 0.8328vw, 2rem);
  /*26-12*/
  /*32-20*/
}


.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-button>a,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-title h5 a,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-description {
  color: var(--wdtAccentTxtColor);
}

.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-title h5 a:hover,
.wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-button>a:hover {
  color: rgb(var(--wdtAccentTxtColorRgb), .6);
}




















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

/* ----Responsive---- */

@media (max-width: 1540px) {
  .wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-wrapper {
    width: 54%;
  }
}

@media (min-width:1281px) {
  .wdt-service-archive-wrapper .wdt-service-item {
    display: grid;
  }

  .wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group,
  .wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-wrapper {
    grid-area: 1/1;
  }

  .wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-wrapper .wdt-service-description-wrapper {
    transform: translateY(calc(var(--desc-height) * 1));
    opacity: 0;
    transition: var(--wdtAltTransition);
  }

  .wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-content-wrapper .wdt-service-description-wrapper {
    transform: translateY(calc(var(--desc-height) * 0));
    opacity: 1;
  }

  .wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-wrapper .wdt-service-title {
    transform: translateY(calc(var(--desc-height) * 1 + 26px));
    transition: var(--wdtAltTransition);
  }

  .wdt-service-archive-wrapper .wdt-service-item:hover .wdt-service-content-wrapper .wdt-service-title {
    transform: translateY(calc(var(--desc-height) * 0));
  }

  .wdt-service-archive-wrapper .wdt-service-item {
    display: grid;
    align-items: center;
  }

  .wdt-service-archive-wrapper .wdt-service-item .wdt-column-wrapper,
  .wdt-service-archive-wrapper .wdt-service-item .wdt-column-pagination.wdt-snap-scroll-pagination {
    grid-area: 1/1;
  }

  .wdt-service-archive-wrapper .wdt-service-item .wdt-column-pagination.wdt-snap-scroll-pagination {
    margin: 0 calc(-1* clamp(0.8125rem, -26.3786rem + 28.2322vw, 7.5rem));
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
  }

  .wdt-service-archive-wrapper .wdt-service-item .wdt-column-pagination.wdt-snap-scroll-pagination button,
  .wdt-service-archive-wrapper .wdt-service-item .wdt-column-pagination.wdt-snap-scroll-pagination button.disabled:hover {
    background-color: var(--wdtAccentTxtColor);
  }

  .wdt-service-archive-wrapper .wdt-service-item .wdt-column-pagination.wdt-snap-scroll-pagination button:hover {
    background-color: var(--wdtLinkHoverColor);
  }

  .wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group img {
  border-radius: calc(var(--wdtRadius_2X) + 2px) var(--wdtRadius_2X) var(--wdtRadius_2X) calc(var(--wdtRadius_2X) + 2px);
}

}

@media (max-width: 1280px) {
  .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 .wdt-service-content-wrapper {
    width: 100%;
  }

  .wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-wrapper .wdt-service-type-icon {
    padding-bottom: clamp(1.875rem, 0.7537rem + 3.7453vw, 3.75rem);
    /*60-30*/
  }

  .wdt-service-archive-wrapper .wdt-service-item .wdt-service-media-group {
    height: 300px;
  }

  .wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-wrapper {
    background-color: var(--wdtPrimaryColor);
  }

  .wdt-service-archive-wrapper .wdt-service-item .wdt-service-button>a,
  .wdt-service-archive-wrapper .wdt-service-item .wdt-service-title h5 a,
  .wdt-service-archive-wrapper .wdt-service-item .wdt-service-description {
    color: var(--wdtAccentTxtColor);
  }

  .wdt-service-archive-wrapper .wdt-service-item .wdt-service-content-wrapper .wdt-service-type-icon {
    color: var(--wdtAccentTxtColor);
  }

  .wdt-service-archive-wrapper .wdt-service-item .wdt-service-button>a .wdt-service-button-icon {
    background-color: var(--wdtAccentTxtColor);
    color: var(--wdtSecondaryColor);
  }

}

@media (max-width: 767px) {
    .wdt-service-archive-wrapper.wdt-columns-3>.wdt-service-item,
    .wdt-service-archive-wrapper.wdt-columns-2>.wdt-service-item {
    flex: 0 0 100%;
}

}



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