/* services image overlay from ahmetkurt DB */
.services-section-wrap{
  --services-overlay-color: #008099;
  --services-overlay-opacity: 0.20;
}
.services-section-wrap .dz-hover-item{
  position: relative;
  isolation: isolate;
}
.services-section-wrap .dz-hover-img{
  position: relative;
  z-index: 1;
}
.services-section-wrap .dz-hover-img canvas{
  z-index: 1 !important;
}
.services-section-wrap .dz-hover-img::after{
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--services-overlay-color);
  opacity: var(--services-overlay-opacity);
  pointer-events: none;
  z-index: 2;
  border-radius: inherit;
}
.services-section-wrap .dz-hover-img img{
  position: relative;
  z-index: 1;
}
.services-section-wrap .dz-hover-img > div{
  z-index: 4 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
.services-section-wrap .service-card-caption,
.services-section-wrap .dz-hover-item > .absolute.bottom-0{
  z-index: 20 !important;
  pointer-events: none;
  padding-top: 4rem !important;
  background: linear-gradient(to top, rgba(0,0,0,.72) 0%, rgba(0,0,0,.35) 45%, transparent 100%);
  border-radius: 0 0 1.5rem 1.5rem;
}
.services-section-wrap .service-card-caption h3,
.services-section-wrap .service-card-caption span,
.services-section-wrap .dz-hover-item > .absolute.bottom-0 h3,
.services-section-wrap .dz-hover-item > .absolute.bottom-0 span{
  color: #fff !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.35);
  position: relative;
  z-index: 21;
}
.services-section-wrap .dz-hover-item > .z-30{
  z-index: 30 !important;
}