.elementor-kit-5{--e-global-color-primary:#E9E9E9;--e-global-color-secondary:#000000;--e-global-color-text:#7A7A7A;--e-global-color-accent:#E3E3E3;--e-global-color-6db31ab:#202020;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:80px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-size:35px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Darker Grotesque";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:20px;--e-global-typography-accent-font-family:"Darker Grotesque";--e-global-typography-accent-font-size:22px;--e-global-typography-accent-font-weight:600;--e-global-typography-5535e8e-font-family:"PlayfairDisplay";--e-global-typography-5535e8e-font-size:3rem;--e-global-typography-5535e8e-font-weight:700;--e-global-typography-c83476d-font-family:"PlayfairDisplay";--e-global-typography-c83476d-font-size:2.5rem;--e-global-typography-c83476d-font-weight:bold;--e-global-typography-ff8f921-font-family:"PlayfairDisplay";--e-global-typography-ff8f921-font-size:2.3rem;--e-global-typography-ff8f921-font-weight:bold;--e-global-typography-887fca2-font-family:"FiraSans";--e-global-typography-887fca2-font-size:1rem;--e-global-typography-887fca2-font-weight:400;--e-global-typography-2142591-font-family:"FiraSans";--e-global-typography-2142591-font-size:1rem;--e-global-typography-2142591-font-weight:700;--e-global-typography-6e52843-font-family:"FiraSans";--e-global-typography-6e52843-font-size:1rem;--e-global-typography-6e52843-font-weight:500;overscroll-behavior:none;--e-page-transition-entrance-animation:e-page-transition-fade-out-up;--e-page-transition-exit-animation:e-page-transition-fade-in-up;--e-page-transition-animation-duration:1500ms;--e-preloader-animation-duration:1300ms;--e-preloader-delay:0ms;--e-preloader-color:#FFF;--e-preloader-size:100px;--e-preloader-rotate:0deg;}.elementor-kit-5 e-page-transition{background-color:#000000;}.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;}{}.entry-title, .wp-block-post-title{display:var(--page-title-display);}@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-5{--e-global-typography-c83476d-font-size:1.9rem;--e-global-typography-ff8f921-font-size:1.9rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* 
ADD THIS CLASS TO YOUR CONTAINER:
glass-hover
*/

.glass-hover {
  position: relative;
  overflow: hidden;

  /* DESKTOP RADIUS */
  --glass-radius: 50px;

  border-radius: var(--glass-radius);

  background: rgba(255,255,255,0.04);

  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);

  border: 1px solid rgba(255,255,255,0.12);

  box-shadow:
    0 4px 32px rgba(0,0,0,0.4),
    inset 0 1px 0 rgba(255,255,255,0.15),
    inset 0 -1px 0 rgba(0,0,0,0.2);

  --mx: 50%;
  --my: 50%;
  --shine-opacity: 0;

  transition: border-color 0.25s ease;
}

/* soft glow inside */
.glass-hover::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;

  background:
    radial-gradient(
      circle at var(--mx) var(--my),
      rgba(255,255,255,0.14) 0%,
      rgba(255,255,255,0.05) 28%,
      transparent 58%
    );

  opacity: var(--shine-opacity);

  transition: opacity 0.25s ease;
}

/* shiny border */
.glass-hover::after {
  content: "";
  position: absolute;
  inset: 0;

  border-radius: inherit;

  padding: 1.5px;

  pointer-events: none;
  z-index: 2;

  background:
    radial-gradient(
      circle at var(--mx) var(--my),
      rgba(255,255,255,0.95) 0%,
      rgba(255,255,255,0.55) 18%,
      rgba(255,255,255,0.18) 34%,
      transparent 55%
    );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);

  -webkit-mask-composite: xor;
  mask-composite: exclude;

  opacity: var(--shine-opacity);

  transition: opacity 0.25s ease;
}

/* TABLET */
@media (max-width: 1024px) {
  .glass-hover {
    --glass-radius: 35px;
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .glass-hover {
    --glass-radius: 24px;
  }
}/* End custom CSS */