/* Set left column as sticky */
.left-column {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 100vh; /* Make sure the left column height covers the viewport height */
  /* Additional styles for the left column */
  /* For example:
  background-color: #f9f9f9;
  padding: 20px;
  */
  z-index: 999; /* Ensures the left column remains on top */
}

/* Adjust right column content to flow */
.right-column {
  position: relative; /* Reset positioning for proper flow */
  height: auto; /* Allow the right column to adjust its height as per content */
  /* Additional styles for the right column */
  /* For example:
  padding: 20px;
  */
}

/* Adjust footer */
footer {
  clear: both; /* Ensure footer clears both columns */
}

.cky-btn {
font-size: 14px !important;
}

/* Replace .your-accordion-class with the actual CSS class of your accordion widget */

.your-accordion-class .eael-advanced-accordion-item-content {
    display: none;
}

/* Smooth fade for the shared translucent header */
#glass-header {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

#glass-header::after {
  content: "" !important;
  position: absolute;
  inset: 0 0 -36px 0;
  z-index: -1;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.18);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 60%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 60%, transparent 100%);
}

/* Keep the home hero steady while its logo image loads */
.home .elementor-19 .elementor-element-8354033 .hfe-site-logo-img {
  width: 100%;
  height: auto;
  aspect-ratio: 1459 / 715;
}

/* Give Explore more room below the logo */
.home .elementor-19 .elementor-element-c403204 {
  top: 40px;
}

@media (max-width: 767px) {
  .home .elementor-19 .elementor-element-c403204 {
    top: 105px;
  }
}

/* Align the live homepage logo with the final frame of the desktop intro */
@media (min-width: 768px) {
  .home .elementor-19 .elementor-element-8354033 {
    transform: translate(8px, 12px);
  }
}

/* Keep Explore below the logo baked into the desktop video at any width */
@media (min-width: 768px) {
  .home .elementor-19 .elementor-element-c403204 {
    position: fixed;
    top: calc(34.85vw + 64px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
  }
}