.elementor .e-a148827-1205711{font-family:Moret;font-size:46px;/* ==========================================================================
 Atomic Heading - Continuous Split Flap Loop
 ==========================================================================
 
 USAGE:
 1. Add CSS Class "split-flap" to the Atomic Heading widget
    (Advanced tab > Layout > CSS Classes)
 
 2. Set the heading text in HTML mode to this structure:
    
    
      YOUR TEXT
      YOUR TEXT
    
 
 Replace YOUR TEXT with your actual heading. The data-text attribute
 must match the text exactly.
 ========================================================================== */

.split-flap .sf-word {
  display: inline-block;
  position: relative;
  perspective: 1000px;
  line-height: 1;
}

/* Both halves stack on top of each other */
.split-flap .sf-top,
.split-flap .sf-bottom {
  display: block;
  position: relative;
  overflow: hidden;
  height: 0.55em;
  line-height: 1;
  color: inherit;
}

/* Top half - shows only the upper portion of the text */
.split-flap .sf-top {
  transform-origin: bottom center;
  animation: sf-flip-top 4s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

.split-flap .sf-top::before {
  content: attr(data-text);
  display: block;
  line-height: 1;
}

/* Bottom half - shows only the lower portion, pulled up to align */
.split-flap .sf-bottom {
  transform-origin: top center;
  animation: sf-flip-bottom 4s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  margin-top: -0.05em;
}

.split-flap .sf-bottom::before {
  content: attr(data-text);
  display: block;
  line-height: 1;
  transform: translateY(-0.55em);
}

/* ==========================================================================
 Animation keyframes
 The two halves flip apart, hold, then return
 ========================================================================== */
@keyframes sf-flip-top {
  0%, 70%, 100% {
      transform: rotateX(0deg);
  }
  35%, 50% {
      transform: rotateX(-90deg);
  }
}

@keyframes sf-flip-bottom {
  0%, 70%, 100% {
      transform: rotateX(0deg);
  }
  35%, 50% {
      transform: rotateX(90deg);
  }
}

/* ==========================================================================
 Reduced motion - disables the loop entirely
 ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  .split-flap .sf-top,
  .split-flap .sf-bottom {
      animation: none !important;
  }
}\n}.elementor .e-fdb25cb-4508cc2{font-family:Moret;font-size:46px;}.elementor .e-0d1c3cc-47bdc7b{font-family:Moret;font-size:46px;}.elementor .e-410ec73-cd8c894{border-radius:15px;}.elementor .e-e57c378-5b26052{width:354px;height:46px;margin:0px;}.elementor .e-03951e2-913c241{width:133px;height:46px;}.elementor .e-6b0ea33-259fb4b{justify-content:flex-end;}