.funfact-item {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 25px 40px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

.funfact-item .icon {
  font-size: 40px;
  color: #577eed;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.funfact-item .funfact-content {
  margin-left: 20px;
}

.funfact-item .funfact-content .counter {
  font-size: 26px;
  color: #577eed;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.funfact-item .funfact-content p {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.col-md-6:hover > .funfact-item {
  -webkit-animation: scale-easeOutElastic .5s;
          animation: scale-easeOutElastic .5s;
  background-color: #577eed;
  -webkit-transform: scaleX(1.2) scaleY(1.1) translateY(-10px) translateX(-30px);
  transform: scaleX(1.2) scaleY(1.1) translateY(-10px) translateX(-30px);
}

.col-md-6:hover > .funfact-item .icon, .col-md-6:hover > .funfact-item .counter, .col-md-6:hover > .funfact-item p {
  color: #fff;
}

@-webkit-keyframes scale-easeOutElastic {
  0%, 100% {
    -webkit-transform: scaleX(1.2) scaleY(1.1) translateY(-10px) translateX(-30px);
    transform: scaleX(1.2) scaleY(1.1) translateY(-10px) translateX(-30px);
  }
  40% {
    -webkit-transform: scaleX(1.25) scaleY(1.15) translateY(-10px) translateX(-30px);
    transform: scaleX(1.25) scaleY(1.15) translateY(-10px) translateX(-30px);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(1.05) translateY(-10px) translateX(-30px);
    transform: scaleX(1.15) scaleY(1.05) translateY(-10px) translateX(-30px);
  }
}

@keyframes scale-easeOutElastic {
  0%, 100% {
    -webkit-transform: scaleX(1.2) scaleY(1.1) translateY(-10px) translateX(-30px);
    transform: scaleX(1.2) scaleY(1.1) translateY(-10px) translateX(-30px);
  }
  40% {
    -webkit-transform: scaleX(1.25) scaleY(1.15) translateY(-10px) translateX(-30px);
    transform: scaleX(1.25) scaleY(1.15) translateY(-10px) translateX(-30px);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(1.05) translateY(-10px) translateX(-30px);
    transform: scaleX(1.15) scaleY(1.05) translateY(-10px) translateX(-30px);
  }
}
/*# sourceMappingURL=funfact.css.map */