/* Computed Elementor kit values, measured with no-preference. */
.page-transition {
  position: fixed; inset: 0; z-index: 10000;
  display: grid; place-items: center; background: #e3dfdf;
  pointer-events: none;
  animation-duration: 1.5s; animation-timing-function: ease;
  animation-fill-mode: both;
}
.page-transition[data-state="entered"] { display: none; }
.page-transition[data-state="entering"] { animation-name: page-fade-out; animation-delay: .5s; }
.page-transition[data-state="exiting"] { animation-name: page-fade-in; }
@keyframes page-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes page-fade-out { from { opacity: 1; } to { opacity: 0; } }
.page-preloader { width: 100px; height: 100px; position: relative; opacity: 0; }
.page-preloader::before, .page-preloader::after {
  content: ""; position: absolute; inset: 0;
  border: 5px solid #008080; border-radius: 100%;
  animation: 1.2s page-pulse infinite both ease-out;
}
.page-preloader::after { animation-delay: .6s; }
.page-transition[data-state="entering"] .page-preloader { animation: page-fade-out .5s both; }
.page-transition[data-state="exiting"] .page-preloader { opacity: 1; transition: opacity .5s 1.5s; }
@keyframes page-pulse { from { transform: scale(0); opacity: 1; } to { transform: scale(1); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .page-transition { display: none; } }