.elementor-kit-63868{--e-global-color-primary:#094A3F;--e-global-color-secondary:#F2E08B;--e-global-color-text:#000000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--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-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-63868 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1470px;}.e-con{--container-max-width:1470px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}/* Start custom CSS *//* Hide on desktop */
@media (min-width: 768px) {
  .olfy-logo-wrapper {
    display: none !important;
  }
}

/* Mobile animation */
@media (max-width: 767px) {
  .olfy-logo-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: white;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 40px;
    overflow: hidden;
    animation: fadeOutWrapper 6s ease-out forwards; /* Increased to 6s */
  }

  .olfy-logo-wrapper img {
    width: 150px;
    animation: riseAndShrink 6s ease-in-out forwards;
  }

  /* Logo moves UP smoothly and fully */
  @keyframes riseAndShrink {
    0% {
      transform: translateY(0px) scale(1.6);
      opacity: 1;
    }
    40% {
      transform: translateY(-300px) scale(1.2);
      opacity: 1;
    }
    70% {
      transform: translateY(-600px) scale(0.8);
      opacity: 0.8;
    }
    100% {
      transform: translateY(-1000px) scale(0.4);
      opacity: 0;
    }
  }

  /* Background fades out after logo disappears */
  @keyframes fadeOutWrapper {
    0% {
      opacity: 1;
      visibility: visible;
    }
    95% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      visibility: hidden;
    }
  }
}/* End custom CSS */