.elementor-22917 .elementor-element.elementor-element-3ace83a{--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;--margin-top:-125px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;overflow:visible;}.elementor-22917 .elementor-element.elementor-element-3ace83a:not(.elementor-motion-effects-element-type-background), .elementor-22917 .elementor-element.elementor-element-3ace83a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22917 .elementor-element.elementor-element-5311a39{--spacer-size:100px;}.elementor-22917 .elementor-element.elementor-element-3e3f6d2{--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;overflow:visible;}.elementor-22917 .elementor-element.elementor-element-df331a6{--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;overflow:visible;}.elementor-22917 .elementor-element.elementor-element-b2a8ee5{--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;overflow:visible;}.elementor-22917 .elementor-element.elementor-element-95afbf6{--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;overflow:visible;}.elementor-22917 .elementor-element.elementor-element-f3787e8{--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;overflow:visible;}.elementor-22917 .elementor-element.elementor-element-377fb8a{--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;overflow:visible;}.elementor-22917 .elementor-element.elementor-element-c878784{--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;overflow:visible;}:root{--page-title-display:none;}/* Start custom CSS *//* 1. Hide title & breadcrumb (Kept from your code) */
.edublink-page-title-area,
.edublink-default-breadcrumb {
  display: none !important;
}

/* 2. Fonts & Variables */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&family=Inter:wght@400;600&display=swap');

:root {
  --cg-green: #3DDC84;
  --cg-bg-top: #020617;
  --cg-bg-bottom: #030d1a;
}

/* 3. APPLY BACKGROUND TO THE BODY (Behind everything) */
body {
  background:
    radial-gradient(520px 340px at 80% 12%, rgba(61,220,132,0.22), transparent 60%),
    radial-gradient(420px 300px at 15% 85%, rgba(61,220,132,0.12), transparent 65%),
    linear-gradient(180deg, var(--cg-bg-top) 0%, var(--cg-bg-bottom) 100%) !important;
  background-attachment: fixed; /* Keeps the cool bg locked in place while scrolling */
  background-repeat: no-repeat;
  min-height: 100vh;
}

/* 4. NOISE OVERLAY (Applied to body to sit behind content) */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: -1; /* Ensures it stays behind text/buttons */
}

/* 5. SAFE TRANSPARENCY (The Magic Fix) */
/* Only make the main page sections transparent so the body bg shows through. 
   Does NOT affect Header/Footer or Buttons/Cards. */
div[data-elementor-type="wp-page"] .elementor-section,
div[data-elementor-type="wp-page"] .elementor-container,
div[data-elementor-type="wp-page"] .elementor-column {
  background-color: transparent !important;
}

/* 6. Remove extra whitespace at bottom */
.elementor-section:last-child,
.elementor-widget-wrap:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}/* End custom CSS */