.elementor-4113 .elementor-element.elementor-element-cf742c1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4113 .elementor-element.elementor-element-4db1154{text-align:center;}.elementor-4113 .elementor-element.elementor-element-4db1154 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-4113 .elementor-element.elementor-element-4db1154 > .elementor-widget-container{margin:30px 30px 30px 30px;}.elementor-4113 .elementor-element.elementor-element-dd07995{font-family:"DM Serif Text", dm serif display;font-size:16px;font-weight:400;color:var( --e-global-color-text );}:root{--page-title-display:none;}body.elementor-page-4113:not(.elementor-motion-effects-element-type-background), body.elementor-page-4113 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(max-width:767px){.elementor-4113 .elementor-element.elementor-element-cf742c1{--width:90vw;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-4113 .elementor-element.elementor-element-cf742c1{--width:90%;}}/* Start custom CSS for html, class: .elementor-element-a740072 *//* ── Fixed Hero Background Container ── */
.ek-hero__bg {
  position: fixed; /* Keeps it glued to the screen during scroll */
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none; /* Prevents it from blocking clicks */
  z-index: 0; /* Ensures it stays behind your content */
}

/* ── The Grid Pattern ── */
.ek-grid {
  position: absolute;
  inset: 0;
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px), 
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 60px 60px; /* Size of the grid squares */
  
  /* Softly fades the grid out at the edges */
  mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black, transparent);
  -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black, transparent);
}

/* ── The Glowing Orbs ── */
.ek-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px); /* Creates the soft glow effect */
  opacity: 0.08; /* Keeps them subtle */
}

/* Top Right Orb */
.ek-orb--1 {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, #ffffff, transparent);
  top: -100px;
  right: 200px;
  animation: floatOrb 8s ease-in-out infinite;
}

/* Bottom Left Orb */
.ek-orb--2 {
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, #ffffff, transparent);
  bottom: 100px;
  left: 100px;
  animation: floatOrb 11s ease-in-out infinite reverse;
}

/* ── The Floating Animation ── */
@keyframes floatOrb {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-30px) scale(1.05);
  }
}/* End custom CSS */