.elementor-kit-7{--e-global-color-primary:#011119;--e-global-color-secondary:#2C8A0F;--e-global-color-text:#01141E;--e-global-color-accent:#38AD14;--e-global-color-834e048:#000000;--e-global-color-1e1156f:#FCFCFC;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;font-family:"Montserrat", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Main container styles (no longer needs positioning) */
.interactive-grid-container {
  /* You can keep your background-color and other general styles here,
     but position, overflow, and isolation are no longer needed. */
}

/* 2. "Glassmorphism" card styles (this is now the main container for the effect) */
.glass-card {
  position: relative; /* ESSENTIAL: The card is now the anchor for its own blob */
  overflow: hidden; /* ESSENTIAL: Prevents the blob from spilling out of the card */
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  padding: 2rem;
  color: #fff;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: background-color 0.3s, border 0.3s;
}

/* 3. Color blob styles (adjusted for the new context) */
.cursor-blob {
  position: absolute;
  z-index: 0; /* Behind the content, but inside the card */
  top: 0;
  left: 0;
  width: 200px; /* A smaller blob might look better inside the card */
  height: 200px;
  background: radial-gradient(circle, rgba(56, 173, 20, 0.5), rgba(56, 173, 20, 0));
  border-radius: 50%;
  filter: blur(50px);
  pointer-events: none;
  opacity: 0; /* HIDDEN BY DEFAULT */
  transition: transform 0.2s ease-out, opacity 0.4s ease-in-out; /* Added opacity transition */
}

/* 4. Show the blob when hovering the parent card */
.glass-card:hover .cursor-blob {
  opacity: 1; /* VISIBLE ON HOVER */
}

/* 5. Ensure card content stays on top of the blob */
.glass-card > .elementor-widget-wrap, /* For Elementor */
.glass-card > .wp-block-group__inner-container, /* For Gutenberg */
.glass-card > h3, .glass-card > p { /* For raw HTML */
  position: relative;
  z-index: 2; /* Higher z-index than the blob */
}/* End custom CSS */