.elementor-kit-14557{--e-global-color-primary:#002639;--e-global-color-secondary:#99C4DF;--e-global-color-text:#455055;--e-global-color-accent:#FFE608;--e-global-color-29a9013b:#6EC1E4;--e-global-color-5b028585:#7A7A7A;--e-global-color-6b1b1530:#61CE70;--e-global-color-b4491df:#4054B2;--e-global-color-471fa40c:#23A455;--e-global-color-2770b4a0:#000;--e-global-color-9acdec8:#FFF;--e-global-color-7b9887a7:#000000;--e-global-color-28f7a284:#000000;--e-global-color-6347c375:#BFE6FC;--e-global-color-4c712009:#01A0E5;--e-global-color-eb01d61:#FFF600;--e-global-color-ffed167:#4A85AA;--e-global-color-da03ddd:#E5F2FA;--e-global-color-b11672b:#B4E2FF;--e-global-color-081c2f6:#001B29;--e-global-typography-primary-font-family:"Barlow";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Barlow";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Barlow";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Barlow";--e-global-typography-accent-font-weight:700;--e-global-typography-70f2ad2-font-family:"Barlow";--e-global-typography-70f2ad2-font-weight:600;--e-global-typography-70f2ad2-line-height:15px;color:var( --e-global-color-text );font-family:"Barlow", Sans-serif;font-size:15px;font-weight:400;line-height:140%;background-color:#FBFCFF;}.elementor-kit-14557 a{font-family:"Barlow", Sans-serif;}.elementor-kit-14557 h1{font-family:"Barlow", Sans-serif;font-size:56px;font-weight:700;line-height:124%;}.elementor-kit-14557 h2{font-family:"Barlow", Sans-serif;font-size:48px;font-weight:600;}.elementor-kit-14557 h3{font-family:"Barlow", Sans-serif;font-size:20px;font-weight:600;}.elementor-kit-14557 h4{font-family:"Barlow", Sans-serif;}.elementor-kit-14557 h5{font-family:"Barlow", Sans-serif;}.elementor-kit-14557 h6{font-family:"Barlow", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-14557 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-14557{font-size:16px;}.elementor-kit-14557 h1{font-size:40px;line-height:130%;}.elementor-kit-14557 h2{font-size:36px;line-height:130%;}.elementor-kit-14557 h3{font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   ELEMENTOR SEQUENTIAL BLUR-IN + SLIDE-UP — SCROLL TRIGGERED
   ============================================================
   HOW TO USE IN ELEMENTOR:
   1. Paste this CSS into Elementor > Site Settings > Custom CSS
      (or Appearance > Customize > Additional CSS)
   2. Paste the companion JS into your site footer via a plugin
      like "Insert Headers and Footers", or
      Elementor Pro > Custom Code (placed in </body>).
   3. On any widget/section/column:
        Advanced > CSS Classes → add: reveal

   STAGGER siblings by also adding a delay class:
     delay-1 … delay-8  (100ms steps)

   EXAMPLE:
     Heading  → reveal delay-1
     Body     → reveal delay-3
     Button   → reveal delay-5

   OPTIONAL MODIFIERS (mix freely):
     fast | slow | glacial     — speed
     subtle | dramatic         — intensity
   ============================================================ */


/* ------------------------------------------------------------
   1. KEYFRAMES
   ------------------------------------------------------------ */
@keyframes blurSlideUp {
  0%   { opacity: 0; filter: blur(12px); transform: translateY(28px); }
  60%  {             filter: blur(2px);                               }
  100% { opacity: 1; filter: blur(0px);  transform: translateY(0px);  }
}

@keyframes blurSlideUpSubtle {
  0%   { opacity: 0; filter: blur(6px);  transform: translateY(12px); }
  100% { opacity: 1; filter: blur(0px);  transform: translateY(0px);  }
}

@keyframes blurSlideUpDramatic {
  0%   { opacity: 0; filter: blur(20px); transform: translateY(50px); }
  65%  {             filter: blur(3px);                               }
  100% { opacity: 1; filter: blur(0px);  transform: translateY(0px);  }
}


/* ------------------------------------------------------------
   2. BASE CLASS — hidden by default, waits for .is-visible
   The JS observer adds .is-visible when the element scrolls
   into view, which kicks off the animation.
   ------------------------------------------------------------ */
.reveal {
  opacity: 0;
  will-change: opacity, filter, transform;
}

.reveal.is-visible {
  animation-name: blurSlideUp;
  animation-duration: 0.75s;
  animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  animation-fill-mode: forwards;
  animation-play-state: running;
}


/* ------------------------------------------------------------
   3. DELAY VARIANTS — stagger siblings in a sequence
   ------------------------------------------------------------ */
.reveal.delay-1.is-visible { animation-delay: 0.10s; }
.reveal.delay-2.is-visible { animation-delay: 0.20s; }
.reveal.delay-3.is-visible { animation-delay: 0.30s; }
.reveal.delay-4.is-visible { animation-delay: 0.40s; }
.reveal.delay-5.is-visible { animation-delay: 0.50s; }
.reveal.delay-6.is-visible { animation-delay: 0.60s; }
.reveal.delay-7.is-visible { animation-delay: 0.70s; }
.reveal.delay-8.is-visible { animation-delay: 0.80s; }


/* ------------------------------------------------------------
   4. SPEED MODIFIERS
   ------------------------------------------------------------ */
.reveal.fast.is-visible    { animation-duration: 0.45s; }
.reveal.slow.is-visible    { animation-duration: 1.10s; }
.reveal.glacial.is-visible { animation-duration: 1.60s; }


/* ------------------------------------------------------------
   5. INTENSITY MODIFIERS
   ------------------------------------------------------------ */
.reveal.subtle.is-visible {
  animation-name: blurSlideUpSubtle;
}

.reveal.dramatic.is-visible {
  animation-name: blurSlideUpDramatic;
}


/* ------------------------------------------------------------
   6. ACCESSIBILITY — skip animation for reduced-motion users
   ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal.is-visible {
    animation: none !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}


/* ------------------------------------------------------------
   7. ELEMENTOR EDITOR — show all .reveal elements normally
   The editor adds .elementor-editor-active to <body>.
   This overrides the hidden state so you can see and edit
   your content without the JS observer running.
   ------------------------------------------------------------ */
.elementor-editor-active .reveal {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
}/* End custom CSS */