.elementor-530 .elementor-element.elementor-element-564d7b48:not(.elementor-motion-effects-element-type-background), .elementor-530 .elementor-element.elementor-element-564d7b48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(3,5,8,0.85);}.elementor-530 .elementor-element.elementor-element-564d7b48{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:9999;}.elementor-530 .elementor-element.elementor-element-564d7b48 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-530 .elementor-element.elementor-element-5a271004.elementor-column .elementor-widget-wrap{align-items:middle;}.elementor-530 .elementor-element.elementor-element-5a271004.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:middle;align-items:middle;}/* Start custom CSS for section, class: .elementor-element-564d7b48 *//* =============================================
   PASTE THIS IN:
   WordPress Admin → Appearance → Customize
   → Additional CSS → Paste & Publish
   ============================================= */

/* 1. Elementor sticky header — glass effect when scrolled */
.elementor-location-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 99990 !important;
  width: 100% !important;
}
.elementor-location-header .elementor-section {
  background: rgba(3,5,8,0.15) !important;
  transition: background 0.3s, backdrop-filter 0.3s !important;
}
.elementor-sticky--active .elementor-section,
.elementor-sticky--active {
  background: rgba(3,5,8,0.94) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.07) !important;
}

/* 2. Stop page content from going UNDER the header */
/* Hello Elementor theme fix */
.site-header { display: none !important; }
body {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 3. Dropdown menus must appear ABOVE everything */
.cvp-dropdown,
.cvp-user-dropdown {
  z-index: 999999 !important;
}

/* 4. Mobile menu above all content */
.cvp-mob {
  z-index: 99998 !important;
}

/* 5. Canvas always behind everything */
#cvpGlobalCanvas {
  position: fixed !important;
  top: 0; left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

/* 6. All page content sections above canvas */
.elementor-location-footer,
.elementor-section {
  position: relative;
  z-index: 2;
}
.elementor-location-header {
  z-index: 99990 !important;
}

/* 7. Footer solid background */
.elementor-location-footer .elementor-section {
  background: rgba(5,9,16,0.98) !important;
  z-index: 10 !important;
}

/* 8. Risk warning banner always on top */
.cvp-risk-banner {
  z-index: 99999 !important;
  position: fixed !important;
  bottom: 0; left: 0; right: 0;
}/* End custom CSS */