/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Remove scroll to top icon */
#return-to-top {
    display: none !important;
}

/* Add underline to links in mega menu */

.underline-hover:hover {
    text-decoration: underline !important;
    text-decoration-color: #242424 !important;
    text-underline-offset: 2px !important; /* Adjust the spacing above the underline */
    text-decoration-thickness: 1px !important; /* Adjust the thickness of the underline */
}
 }



/* Hide the break line on screens smaller than 992px */
  @media (max-width: 991px) {
    .break-992 {
      display: none;
    }
  }



/* XEN | StoryBrand Contact Page - Fix the height of meeting iframe to remove scroll bar */
#meeting-scheduler .meetings-iframe-container iframe {
    min-height: 710px !important; 
}


/* XEN Attribution page | Problem Section | Hide the line break before first image on screens smaller than 992px */
  @media (max-width: 767px) {
   #attribution-problem .break-992 {
      display: none;
    }
  }


/* XEN Recommended HubSpot Partners page | Flexi Cards | Fix Card stacking at 991px */
@media (max-width: 991px) {
  .recommended-partners-cards .row {
    flex-direction: column; /* Stack columns vertically */
    align-items: center; /* Center the cards horizontally */
  }

  .recommended-partners-cards .flex-col {
    width: 100%; /* Make each column fill the entire row */
    max-width: 600px; /* Set a maximum width for the cards */
  }
}

/* XEN Pricing - Center last odd card using new section */
@media (min-width: 991px) {
  .odd-card .portfolio-grid {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
}


/* ================================
   XEN Clients Page - INTERACTIVE CURSOR-FOLLOW GLOW BACKGROUND
================================ */
.case-studies-glow-wrapper {
  position: relative;
  overflow: hidden;
  isolation: isolate; /* creates a clean, self-contained stacking context */
}

.case-studies-glow-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0; /* changed from 1 */
}

.case-studies-glow-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle 180px at var(--x, 50%) var(--y, 50%),
    rgba(59, 128, 252, 0.35),
    transparent 100%
  );
}

/* Every direct child of the wrapper sits above the glow, no exceptions */
.case-studies-glow-wrapper > *:not(.case-studies-glow-overlay) {
  position: relative;
  z-index: 1;
}