.elementor-18 .elementor-element.elementor-element-20f91b4{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;top:0px;--z-index:1000000000000;}body:not(.rtl) .elementor-18 .elementor-element.elementor-element-20f91b4{left:0px;}body.rtl .elementor-18 .elementor-element.elementor-element-20f91b4{right:0px;}.elementor-18 .elementor-element.elementor-element-4cceb99{width:100%;max-width:100%;}.elementor-18 .elementor-element.elementor-element-0d87c8e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-18 .elementor-element.elementor-element-5a6d6e8{width:100%;max-width:100%;}body.elementor-page-18{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for container, class: .elementor-element-0d87c8e *//* Scroll timeline based on the page scroll */
@scroll-timeline tiny-scroll {
  source: auto;
  orientation: block;
  scroll-offsets: (0px, 100px);  /* triggers on very small scroll */
}

/* Header which will animate */
.scroll-header {
  animation: headerSlideUp both linear;
  animation-timeline: tiny-scroll;
  animation-range: 0% 100%; /* slide happens within that first pixel */
}

/* TranslateY animation */
@keyframes headerSlideUp {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}/* End custom CSS */