.icon-box {
  text-align: center;
  transition: border-color 0.3s, background-color 0.3s;
}
.icon-box > a.link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.icon-box .icon-box-desc,
.icon-box .icon-box-title {
  transition: color 0.3s;
}
.icon-box .icon-box-title {
  margin: 0 0 0.7rem;
  text-transform: capitalize;
  font-size: 1.8rem;
  line-height: 1.6;
}
.icon-box .icon-box-title a {
  color: inherit;
  transition: none;
}
.icon-box .icon-box-title a:hover {
  color: inherit;
}
.icon-box p {
  margin: 0;
  font-size: var(--alpha-body-font-size);
  line-height: 1.72;
  color: var(--alpha-body-color);
}
.icon-box i:before {
  margin: 0;
}
.icon-box.shape-circle .icon-box-feature {
  border-radius: 50%;
}
.icon-box .icon-box-feature svg {
  transition: 0.3s;
}
.icon-box .btn,
.icon-box .icon-box-title a {
  position: relative;
  z-index: 1;
}
.icon-box-side {
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-box-side.position-right .icon-box-content {
  order: -1;
}
.icon-box-feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: var(--alpha-primary-color);
  font-size: 6rem;
  transition: color 0.3s, background-color 0.3s;
}
.icon-box-feature img {
  border-radius: inherit;
}
.icon-box-icon-shadow .icon-box-feature {
  background-color: var(--alpha-change-color-light-1);
  box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s;
}
.icon-box-shadow:hover {
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
}
.icon-stacked .icon-box-feature {
  color: var(--alpha-change-color-light-1);
  background-color: var(--alpha-primary-color);
}
.icon-framed .icon-box-feature {
  color: var(--alpha-primary-color);
  border: 5px solid;
}
.hover-overlay .icon-box-feature:after {
  background-image: url(../../../assets/images/icon-alt.svg);
  background-position: center;
  background-size: cover;
}
.hover-stacked .icon-box-feature {
  transition: background-color 0.3s;
}
.hover-stacked .icon-box-feature:after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  padding: 3px;
  border-radius: inherit;
  box-shadow: 0 0 0 2px var(--alpha-primary-color);
  transition: transform 0.3s, opacity 0.3s, box-shadow 0.3s;
  transform: scale(0.8);
  opacity: 0;
}
.hover-stacked:hover .icon-box-feature {
  background-color: var(--alpha-primary-color);
}
.hover-stacked:hover .icon-box-feature:after {
  transform: scale(1);
  opacity: 1;
}
.hover-framed .icon-box-feature {
  transition: color 0.3s;
}
.hover-framed .icon-box-feature i,
.hover-framed .icon-box-feature svg {
  z-index: 1;
}
.hover-framed .icon-box-feature:after {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  padding: 2px;
  z-index: 0;
  transform: scale(1.3);
  opacity: 0;
  border-radius: inherit;
  background-color: var(--alpha-primary-color);
  transition: transform 0.5s, opacity 0.5s, background-color 0.5s;
}
.hover-framed:hover .icon-box-feature {
  color: var(--alpha-change-color-light-1);
}
.hover-framed:hover .icon-box-feature:after {
  transform: scale(1);
  opacity: 1;
}
.icon-box.rotate .icon-box-feature {
  transition: 0.3s;
}
.icon-box.rotate:hover .icon-box-feature {
  transform: rotate(10deg);
}
.icon-box.float .icon-box-feature {
  transition: 0.3s;
}
.icon-box.float:hover .icon-box-feature {
  transform: translateY(-10px);
}
.icon-box.grow .icon-box-feature {
  transition: 0.3s;
}
.icon-box.grow:hover .icon-box-feature {
  transform: scale(1.1);
}
.icon-box.draw svg {
  stroke-dashoffset: 1500;
  stroke-dasharray: 1500;
  transition: transform 0.3s, fill 0.5s;
}
.icon-box.draw:hover svg {
  stroke: var(--alpha-primary-color);
  stroke-dashoffset: 0;
  fill: transparent !important;
  transition: transform 0.3s, fill 0.5s, stroke-dashoffset 6s;
}
.icon-box-icon {
  display: inline-block;
  margin-bottom: 2.4rem;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 0;
  color: var(--alpha-dark-color, #323334);
}
.elementor-widget-udesign_widget_iconbox .elementor-widget-container {
  position: relative;
}
