.twin-flames-body .page-container {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center;
  background-attachment: fixed; /* Optional: for parallax-like feel */
}

.twin-flames-body .overlay-wrapper {
  position: relative;
  z-index: 0;
}

.twin-flames-body .overlay-wrapper > * {
  position: relative;
  z-index: 1;
}

.overlay-wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* Raise it above background but below nav if needed */
  background: rgba(0, 0, 0, 0.2); /* Optional: semi-transparent overlay */
  pointer-events: none; /* Optional: allows clicks to pass through */
}

.vas-content {
  position: relative;
  z-index: 2;
  pointer-events: auto; /* Enables interactions */
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.twin-flames-body footer,
.twin-flames-body footer * {
  color: #fefce9 !important;
}

.twin-flames-body .page-content {
  position: relative;
}

.twin-flames-body .overlay-wrapper {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.twin-flames-text-block {
  width: 1100px;
  border-radius: 10px;
  font-size: 16px;
  text-align: center !important;
  font-weight: normal;
  padding: 35px 50px;
  text-align: justify;
  display: block;
  line-height: 2;
  font-family: 'Mulish', sans-serif;
}

.twin-link-item.hidden {
  display: none !important;
}

/* Transition base */
.twin-link-item.fade-transition {
  transition: opacity 0.4s ease, transform 0.4s ease;
  opacity: 1;
}

/* Hidden state */
.twin-link-item.fade-transition.hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}