.etafe-icon-box {
  position: relative;
  overflow: hidden;
}
.etafe-icon-box > *:not(.card-overlay) {
  z-index: 1;
  position: relative;
}
.etafe-icon-box .card-overlay {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 0;
  background: var(--etafePrimaryColor);
  transition: var(--etafeTransition);
  pointer-events: none;
}
.etafe-icon-box .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin: 0 0 25px;
  font-size: 45px;
  color: var(--etafePrimaryColor);
  flex-shrink: 0;
  transition: var(--etafeTransition);
}
.etafe-icon-box .icon img {
  width: 1em;
}
.etafe-icon-box .title {
  margin: 0;
}
.etafe-icon-box .title a,
.etafe-icon-box .title a:hover {
  transition: inherit;
  color: inherit;
}
.etafe-icon-box .desc {
  margin: 15px 0 0;
}
.etafe-icon-box .read-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 20px 0 0;
}
.etafe-icon-box .read-more .read-more-icon {
  display: inline-flex;
  align-items: center;
}
.etafe-icon-box,
.etafe-icon-box .title,
.etafe-icon-box .desc,
.etafe-icon-box .read-more {
  transition: var(--etafeTransition);
}
.etafe-icon-box .box-link {
  position: absolute;
  inset: 0;
  z-index: 2;
}

body.elementor-editor-active .etafe-icon-box .box-link {
  pointer-events: none;
}