.elementor-kit-404{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-243fab5:#CC68B9;--e-global-color-b7d8e0d:#0F1408;--e-global-color-51f9927:#FFA9EF;--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;--e-global-typography-e8c5df9-font-family:"Space Grotesk";--e-global-typography-e8c5df9-font-size:22px;--e-global-typography-e8c5df9-font-weight:bold;--e-global-typography-ff2f8b5-font-family:"Space Grotesk";--e-global-typography-ff2f8b5-font-size:17px;--e-global-typography-01e6465-font-family:"Space Grotesk";--e-global-typography-01e6465-font-size:30px;--e-global-typography-01e6465-font-weight:bold;--e-global-typography-7f1b36d-font-family:"Reenie Beanie";--e-global-typography-7f1b36d-font-size:24px;--e-global-typography-7f1b36d-text-transform:uppercase;--e-global-typography-7201d11-font-family:"Space Grotesk";--e-global-typography-7201d11-font-size:22px;--e-global-typography-7201d11-line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-404 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS *//* Global Variable */
:root {
    --wpr-global-radius: 35px;
}

/* Global Class */
.wpr-global-radius {
    border-radius: var(--wpr-global-radius);
}

/* Glassmorphism Effect */ 
.wpr-glass {
  /* keep radius/border/shadow */
  border-radius: var(--wpr-global-radius);
  border: 1px solid rgba(255,255,255,0.2);
  box-shadow: 0 4px 30px rgba(0,0,0,0.1);
  overflow: hidden;

  /* fallback first (faster on low-end) */
  background-color: rgba(255,255,255,0.08);
}

/* Only apply blur if supported */
@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
  .wpr-glass {
    background-color: rgba(255,255,255,0.08);
    backdrop-filter: blur(8px);            /* slightly lower than 10px to reduce cost */
    -webkit-backdrop-filter: blur(8px);
  }
}

/* Highlight background animation on page load */ 
.wpr-highlight-bg {
  position: relative;
  display: inline-block; /* keeps background tight around text */
  background: linear-gradient(to right, #EBA7D8 0%, #9e7dda 100%); /* You can use here global colors variables */
  background-repeat: no-repeat;
  background-size: 0% 100%;
  animation: bgFillLeftToRight 2s ease-in-out forwards;
  animation-delay: 3s; /* wait 3 seconds before starting */
}

@media (prefers-reduced-motion: reduce) {
  .wpr-glow-button a { animation: none !important; }
  .wpr-highlight-bg { animation: none !important; }
}

@keyframes bgFillLeftToRight {
  from {
    background-size: 0% 100%;
  }
  to {
    background-size: 100% 100%;
  }
}

/* Button shimmer effect
* Apply this code into a single widget or in to the global CSS of the page.
* In the first case it will apply only to the button inside the widget,
* in the second case it will apply to all the buttons on the page */

.elementor-kit-404 .elementor-button {
    position: relative;
    overflow: hidden;
}
/* Soft, centered shimmer */
.elementor-kit-404 .elementor-button::before {
    content: "";
    position: absolute;
    /* cover the button, but allow a little bleed for blur */
    top: -12%;
    bottom: -12%;
    left: 0;
    width: 150%;                 /* narrow light band */
    margin-left: 0%;           /* start visually centered */
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 20%,
        rgba(255,255,255,0.22) 62%,
        rgba(255,255,255,0.55) 150%,
        rgba(255,255,255,0.22) 158%,
        rgba(255,255,255,0) 30%
    );
    filter: blur(8px);          /* soft edges */
    opacity: 0.9;
    animation: shimmer 5.5s ease-in-out infinite;
}
/* Passes exactly through the button center at 50% */
@keyframes shimmer {
    0%   { transform: translateX(-160%); }
    50%  { transform: translateX(0%); }   /* centered */
    100% { transform: translateX(160%); }
}/* End custom CSS */