/* colors */
/* easing bezier */
/* layout vars */
/* CASE FACTS MODULE */
.case-facts {
  background-color: white;
  border-radius: 15px;
  box-shadow: 0px 12px 34px 0px rgba(0, 0, 0, 0.05);
  padding: 30px;
  margin-bottom: 60px;
}
@media screen and (min-width : 48em) {
  .case-facts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 30px;
    padding: 60px 30px;
  }
}
.case-facts .fact {
  display: flex;
  gap: 15px;
  margin-bottom: 30px;
}
.case-facts .fact .icon {
  opacity: 0;
  transform: translateY(20px);
  transition: transform 0.4s cubic-bezier(0.45, 0, 0.55, 1) 0.4s, opacity 0.4s cubic-bezier(0.45, 0, 0.55, 1) 0.4s;
}
.case-facts .fact h3 {
  opacity: 0;
  transform: translateY(20px);
  transition: transform 0.4s cubic-bezier(0.45, 0, 0.55, 1) 0.5s, opacity 0.4s cubic-bezier(0.45, 0, 0.55, 1) 0.5s;
}
.case-facts .fact:nth-child(2) .icon {
  transition-delay: 0.6s;
}
.case-facts .fact:nth-child(2) h3 {
  transition-delay: 0.7s;
}
.case-facts .fact:nth-child(3) .icon {
  transition-delay: 0.8s;
}
.case-facts .fact:nth-child(3) h3 {
  transition-delay: 0.9s;
}
.case-facts .fact:nth-child(4) .icon {
  transition-delay: 1s;
}
.case-facts .fact:nth-child(4) h3 {
  transition-delay: 1.1s;
}
@media screen and (min-width : 48em) {
  .case-facts .fact {
    width: 40%;
    margin-bottom: initial;
  }
}
.case-facts .fact .icon {
  width: 40px;
}
.case-facts .fact.visible h3, .case-facts .fact.visible .icon {
  opacity: 1;
  transform: translateY(0);
}
:where(.editor-styles-wrapper) .case-facts .fact h3, :where(.editor-styles-wrapper) .case-facts .fact .icon {
  opacity: 1 !important;
  transform: translateY(0) !important;
}