.wowe-flip-box {
  height: 280px;
  position: relative;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.wowe-flip-box .elementor-icon {
  color: #fff;
}
.wowe-flip-box .elementor-icon svg {
  fill: #fff;
}
.wowe-flip-box .elementor-view-framed .elementor-icon {
  color: #fff;
  border-color: #fff;
}
.wowe-flip-box .elementor-view-stacked .elementor-icon {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}
.wowe-flip-box .elementor-icon-wrapper {
  margin-bottom: 20px;
}

.wowe-flip-box-front {
  background-color: #1e87f0;
}

.wowe-flip-box-back {
  background-color: #b7b4b4;
  display: block;
}

.wowe-flip-box-easing-quad .wowe-flip-box-layer {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.wowe-flip-box-easing-cubic .wowe-flip-box-layer {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.wowe-flip-box-easing-quart .wowe-flip-box-layer {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.wowe-flip-box-easing-quint .wowe-flip-box-layer {
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.wowe-flip-box-easing-expo .wowe-flip-box-layer {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.wowe-flip-box-easing-circ .wowe-flip-box-layer {
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.wowe-flip-box-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.6s ease-out;
}

.wowe-flip-box-layer-overlay {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  text-align: center;
  padding: 35px;
}

.wowe-flip-box-layer-title {
  font-size: 21px;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  margin: 0;
}
.wowe-flip-box-layer-title:not(:last-child) {
  margin-bottom: 20px;
  padding: 0;
}

.wowe-flip-box-layer-desc {
  font-size: 14px;
  color: #e5e5e5;
}
.wowe-flip-box-layer-desc:not(:last-child) {
  margin: 0 0 20px 0;
  padding: 0;
}

.wowe-flip-box-image {
  margin: 0 0 20px 0;
  display: inline-block;
  width: 100%;
}
.wowe-flip-box-image img {
  width: 50%;
  display: inline-block;
}

.wowe-flip-box-3d-yes .wowe-flip-box-layer-inner {
  transform: translateZ(90px) scale(0.91);
}
.wowe-flip-box-3d-yes .wowe-flip-box-layer-overlay {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: translateZ(0.1px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.wowe-flip-box-effect-flip .wowe-flip-box {
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.wowe-flip-box-effect-flip .wowe-flip-box.wowe-active .wowe-flip-box-back {
  transform: none;
}
.wowe-flip-box-effect-flip .wowe-flip-box-layer {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.wowe-flip-box-effect-flip .wowe-flip-box-front {
  transform: none;
  z-index: 1;
}

.wowe-flip-box-effect-flip.wowe-flip-box-direction-right .wowe-flip-box-back {
  transform: rotateX(0) rotateY(-180deg);
}
.wowe-flip-box-effect-flip.wowe-flip-box-direction-right .wowe-flip-box.wowe-active .wowe-flip-box-front {
  transform: rotateX(0) rotateY(180deg);
}

.wowe-flip-box-effect-flip.wowe-flip-box-direction-left .wowe-flip-box-back {
  transform: rotateX(0) rotateY(180deg);
}
.wowe-flip-box-effect-flip.wowe-flip-box-direction-left .wowe-flip-box.wowe-active .wowe-flip-box-front {
  transform: rotateX(0) rotateY(-180deg);
}

.wowe-flip-box-effect-flip.wowe-flip-box-direction-up .wowe-flip-box-back {
  transform: rotateX(-180deg) rotateY(0);
}
.wowe-flip-box-effect-flip.wowe-flip-box-direction-up .wowe-flip-box.wowe-active .wowe-flip-box-front {
  transform: rotateX(180deg) rotateY(0);
}

.wowe-flip-box-effect-flip.wowe-flip-box-direction-down .wowe-flip-box-back {
  transform: rotateX(180deg) rotateY(0);
}
.wowe-flip-box-effect-flip.wowe-flip-box-direction-down .wowe-flip-box.wowe-active .wowe-flip-box-front {
  transform: rotateX(-180deg) rotateY(0);
}

.wowe-flip-box-effect-push .wowe-flip-box-front {
  transform: none;
}
.wowe-flip-box-effect-push .wowe-flip-box {
  overflow: hidden;
}
.wowe-flip-box-effect-push .wowe-flip-box.wowe-active .wowe-flip-box-back {
  transform: none;
}

.wowe-flip-box-effect-push.wowe-flip-box-direction-right .wowe-flip-box.wowe-active .wowe-flip-box-front {
  transform: translateX(100%) translateY(0);
}
.wowe-flip-box-effect-push.wowe-flip-box-direction-right .wowe-flip-box-back {
  transform: translateX(-100%) translateY(0);
}

.wowe-flip-box-effect-push.wowe-flip-box-direction-left .wowe-flip-box.wowe-active .wowe-flip-box-front {
  transform: translateX(-100%) translateY(0);
}
.wowe-flip-box-effect-push.wowe-flip-box-direction-left .wowe-flip-box-back {
  transform: translateX(100%) translateY(0);
}

.wowe-flip-box-effect-push.wowe-flip-box-direction-up .wowe-flip-box.wowe-active .wowe-flip-box-front {
  transform: translateX(0) translateY(-100%);
}
.wowe-flip-box-effect-push.wowe-flip-box-direction-up .wowe-flip-box-back {
  transform: translateX(0) translateY(100%);
}

.wowe-flip-box-effect-push.wowe-flip-box-direction-down .wowe-flip-box.wowe-active .wowe-flip-box-front {
  transform: translateX(0) translateY(100%);
}
.wowe-flip-box-effect-push.wowe-flip-box-direction-down .wowe-flip-box-back {
  transform: translateX(0) translateY(-100%);
}

.wowe-flip-box-effect-slide .wowe-flip-box {
  overflow: hidden;
}
.wowe-flip-box-effect-slide .wowe-flip-box.wowe-active .wowe-flip-box-back {
  transform: none;
}

.wowe-flip-box-effect-slide.wowe-flip-box-direction-right .wowe-flip-box-back {
  transform: translateX(-100%) translateY(0);
}

.wowe-flip-box-effect-slide.wowe-flip-box-direction-left .wowe-flip-box-back {
  transform: translateX(100%) translateY(0);
}

.wowe-flip-box-effect-slide.wowe-flip-box-direction-up .wowe-flip-box-back {
  transform: translateX(0) translateY(100%);
}

.wowe-flip-box-effect-slide.wowe-flip-box-direction-down .wowe-flip-box-back {
  transform: translateX(0) translateY(-100%);
}

.wowe-flip-box-effect-zoom-out .wowe-flip-box .wowe-flip-box-front {
  transition: transform 0.7s, opacity 0.35s, width 0.1ms;
  opacity: 1;
  transform: scale(1);
  z-index: 1;
  width: 100%;
}
.wowe-flip-box-effect-zoom-out .wowe-flip-box.wowe-active .wowe-flip-box-front {
  width: 0;
  opacity: 0;
  transform: scale(0.7);
  transition: transform 0.8s, opacity 0.7s 0.1s, width 0.1ms 0.7s;
}

.wowe-flip-box-effect-zoom-in .wowe-flip-box .wowe-flip-box-back {
  transition: transform 0.7s, opacity 0.5s 0.2s;
  opacity: 0;
  transform: scale(0.7);
}
.wowe-flip-box-effect-zoom-in .wowe-flip-box.wowe-active .wowe-flip-box-back {
  transition: transform 0.7s, opacity 0.5s;
  opacity: 1;
  transform: scale(1);
}

.wowe-flip-box-effect-fade .wowe-flip-box .wowe-flip-box-back {
  opacity: 0;
}
.wowe-flip-box-effect-fade .wowe-flip-box.wowe-active .wowe-flip-box-back {
  opacity: 1;
}

.elementor-widget-wowe-flip-box.wowe-flip-box-flipped .wowe-flip-box-front {
  display: none;
}
.elementor-widget-wowe-flip-box.wowe-flip-box-flipped .wowe-flip-box-back {
  transform: none;
  opacity: 1;
}

@media (max-device-width: 1024px) {
  .wowe-flip-box {
    cursor: pointer;
  }
}
.wowe-flip-box-effect-slide-overflow.wowe-flip-box-direction-up .wowe-flip-box .wowe-flip-box-front {
  z-index: 1;
}
.wowe-flip-box-effect-slide-overflow.wowe-flip-box-direction-up .wowe-flip-box.wowe-active .wowe-flip-box-front {
  transform: translateX(0) translateY(-50%);
}
.wowe-flip-box-effect-slide-overflow.wowe-flip-box-direction-up .wowe-flip-box.wowe-active .wowe-flip-box-back {
  transform: translateX(0) translateY(50%);
}

.wowe-flip-box-effect-slide-overflow.wowe-flip-box-direction-down .wowe-flip-box .wowe-flip-box-front {
  z-index: 1;
}
.wowe-flip-box-effect-slide-overflow.wowe-flip-box-direction-down .wowe-flip-box.wowe-active .wowe-flip-box-front {
  transform: translateX(0) translateY(50%);
}
.wowe-flip-box-effect-slide-overflow.wowe-flip-box-direction-down .wowe-flip-box.wowe-active .wowe-flip-box-back {
  transform: translateX(0) translateY(-50%);
}