.elementor-kit-584{--e-global-color-primary:#31435E;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#B9DAE8;--e-global-color-3a301f76:#EEF0F1;--e-global-color-5d326928:#61CE70;--e-global-color-6034e511:#211E56;--e-global-color-f4d9fe5:#000;--e-global-color-1b18b637:#FFF;--e-global-color-535fa1c:#eeeeee;--e-global-typography-primary-font-family:"Lato";--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:1.5rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Lato", Sans-serif;font-size:16px;line-height:130%;}.elementor-kit-584 e-page-transition{background-color:#FFBC7D;}.elementor-kit-584 h1{font-family:"Lato", Sans-serif;font-size:30px;line-height:130%;}.elementor-kit-584 h2{font-family:"Lato", Sans-serif;font-size:38px;line-height:130%;}.elementor-kit-584 h3{font-family:"Lato", Sans-serif;font-size:22px;line-height:130%;}.elementor-kit-584 h4{font-family:"Lato", Sans-serif;font-size:22px;line-height:130%;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-584 h1{font-size:28px;}.elementor-kit-584 h2{font-size:34px;}.elementor-kit-584 h3{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-584 h1{font-size:24px;}.elementor-kit-584 h2{font-size:28px;}.elementor-kit-584 h3{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  --anim-distance: 50px;
  --anim-diagonal: 40px;
  --anim-duration: 2.5s;
  --anim-fade: .5s;
  --anim-ease: cubic-bezier(0,1,.3,1);
  --grow-scale: .9;
}

/* KEEP ANIMATIONS VISIBLE IN EDITOR */
body.elementor-editor-active .scroll-animate,
body.elementor-editor-active .scroll-animate > * {
/* Reset opacity so nothing disappears in editor */
opacity: 1 !important;
/* Reset transform so you can see elements in place */
transform: none !important;
}
/* Optional: For staggered containers, make children visible */
body.elementor-editor-active .scroll-animate.stagger > * {
opacity: 1 !important;
transform: none !important;
transition-delay: 0s !important; /*remove stagger delays in editor */
}
/* Optional: Divider draw elements visible in editor */
body.elementor-editor-active .scroll-animate.divider-draw .elementor-divider-separator,
body.elementor-editor-active .scroll-animate.divider-center .elementor-divider-separator {
opacity: 1 !important;
transform: scaleX(1) !important;
}

/*MAIN ANIMATIONS*/
/*fade-in*/
.fade-in {
  opacity: 0;
  transition: opacity .7s ease-in-out;
}

.fade-in.is-visible {
  opacity: 1;
}

/*fade-up*/
.fade-up {
  opacity: 0;
  transform: translateY(var(--anim-distance));
  transition:
    transform var(--anim-duration) var(--anim-ease),
    opacity var(--anim-fade);
}

.fade-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/*fade-down*/
.fade-down {
  opacity: 0;
  transform: translateY(calc(-1 * var(--anim-distance)));
  transition:
    transform var(--anim-duration) var(--anim-ease),
    opacity var(--anim-fade);
}

.fade-down.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/*fade-left*/
.fade-left {
  opacity: 0;
  transform: translateX(calc(-1 * var(--anim-distance)));
  transition:
    transform var(--anim-duration) var(--anim-ease),
    opacity var(--anim-fade);
}

.fade-left.is-visible {
  opacity: 1;
  transform: translateX(0);
}

/*fade-right*/
.fade-right {
opacity: 0;
transform: translateX(var(--anim-distance));
transition:
transform var(--anim-duration) var(--anim-ease),
opacity var(--anim-fade);
}

.fade-right.is-visible {
  opacity: 1;
  transform: translateX(0);
}

/*fade-diagonal-right*/
.fade-diagonal-right {
  opacity: 0;
  transform:
    translateX(var(--anim-diagonal))
    translateY(var(--anim-diagonal));

  transition:
    transform var(--anim-duration) var(--anim-ease),
    opacity var(--anim-fade);
}

.fade-diagonal-right.is-visible {
  opacity: 1;
  transform: translate(0,0);
}

/*fade-diagonal-left*/
.fade-diagonal-left {
  opacity: 0;
  transform:
    translateX(calc(-1 * var(--anim-diagonal)))
    translateY(var(--anim-diagonal));

  transition:
    transform var(--anim-duration) var(--anim-ease),
    opacity var(--anim-fade);
}

.fade-diagonal-left.is-visible {
  opacity: 1;
  transform: translate(0,0);
}

/*grow*/
.grow {
  opacity: 0;
  transform: scale(var(--grow-scale));
  transition:
    transform var(--anim-duration) var(--anim-ease),
    opacity var(--anim-fade);
}

.grow.is-visible {
  opacity: 1;
  transform: scale(1);
}

/*divider-draw*/
.divider-draw .elementor-divider-separator {
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left;

  transition:
    transform var(--anim-duration) var(--anim-ease),
    opacity var(--anim-fade);
}

.divider-draw.is-visible .elementor-divider-separator {
  opacity: 1;
  transform: scaleX(1);
}

/*divider draw from center*/
.divider-center .elementor-divider-separator {
  opacity: 0;
  transform: scaleX(0);
  transform-origin: center;

  transition:
    transform var(--anim-duration) var(--anim-ease),
    opacity var(--anim-fade);
}

.divider-center.is-visible .elementor-divider-separator {
  opacity: 1;
  transform: scaleX(1);
}

/* =========================
   STAGGER ANIMATION BASE
========================= */
.stagger > * {
  opacity: 0;
  transform: translateY(var(--anim-distance, 40px));
  transition:
    transform var(--anim-duration, 0.6s) var(--anim-ease, ease),
    opacity var(--anim-fade, 0.4s);
}

/* =========================
   DIRECTIONS
========================= */

/* Default = UP (comes from below) */
/* already handled above */

/* DOWN (comes from above) */
.stagger.down > * {
  transform: translateY(calc(-1 * var(--anim-distance, 40px)));
}

/* FROM LEFT */
.stagger.from-left > * {
  transform: translateX(calc(-1 * var(--anim-distance, 40px)));
}

/* FROM RIGHT */
.stagger.from-right > * {
  transform: translateX(var(--anim-distance, 40px));
}

/* =========================
   STAGGER DELAYS
========================= */
.stagger.is-visible > *:nth-child(1) { transition-delay: .1s; }
.stagger.is-visible > *:nth-child(2) { transition-delay: .2s; }
.stagger.is-visible > *:nth-child(3) { transition-delay: .3s; }
.stagger.is-visible > *:nth-child(4) { transition-delay: .4s; }
.stagger.is-visible > *:nth-child(5) { transition-delay: .5s; }

/* =========================
   FINAL STATE
========================= */
.stagger.is-visible > * {
  opacity: 1;
  transform: translate(0, 0); /* critical: resets both X and Y */
}/* End custom CSS */