:root {
  --margin-x: 88px;
  --margin-y: 64px;
  --white: #ffffff;
  --black: #1d1d1d;
  --text-white: #ffffff;
  --text-black: #2d2d2d; }


/* ================= CINEMATIC ANIMATIONS ================= */
.cine {
  opacity: 0;
  transform: translateY(60px) scale(0.98);
  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.cine.active {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.cine-fade {
  opacity: 0;
  transition: opacity 1.4s ease;
}

.cine-fade.active {
  opacity: 1;
}

.cine-left {
  opacity: 0;
  transform: translateX(-80px);
  transition: all 1.2s ease;
}

.cine-right {
  opacity: 0;
  transform: translateX(80px);
  transition: all 1.2s ease;
}

.cine-left.active,
.cine-right.active {
  opacity: 1;
  transform: translateX(0);
}

/* ================= APPLE STYLE LUXURY ================= */
:root {
  --gold: #c9a24d;
}

.text-gold {
  color: var(--gold);
}

.section {
  padding: 130px 0;
}

.glass-card,
.location-glass-card,
.item-text-a {
  background: linear-gradient(
    145deg,
    rgba(255,255,255,0.12),
    rgba(255,255,255,0.02)
  );
  backdrop-filter: blur(16px);
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.15);
  box-shadow: 0 30px 80px rgba(0,0,0,0.45);
}

.approvals-left {
  height: 100%;
  display: flex;
  align-items: center;   /* vertical center */
}

.approvals-left .title-desc {
  text-align: left;      /* left alignment */
}
/* ================= MOBILE PREMIUM ================= */
@media (max-width: 768px) {
  .display-title,
  .display-3 {
    font-size: 34px;
  }

  .glass-card,
  .location-glass-card {
    padding: 30px;
  }
}
/* ================= APPROVALS & AMENITIES – PRO LAYOUT ================= */

.approvals-col,
.amenities-col {
  display: flex;
  flex-direction: column;
  justify-content: center; /* vertical center */
}

/* Title block */
.approvals-col .title-desc,
.amenities-col .title-desc {
  margin-bottom: 32px;
  text-align: left;
}

/* Section titles */
.approvals-col .display-5,
.amenities-col .display-5 {
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

/* Subtitle text */
.approvals-col p,
.amenities-col p {
  font-size: 15px;
  opacity: 0.75;
}

/* Cards spacing consistency */
.legal-card,
.amenity-card {
  height: 100%;
  border-radius: 16px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  transition: all 0.35s ease;
}

/* Hover – subtle premium lift */
.legal-card:hover,
.amenity-card:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.1);
}

/* Icons highlight */
.legal-icon,
.amenity-icon {
  font-size: 28px;
  color: #c9a24d;
  margin-bottom: 12px;
}

/* Balance left & right visually */
@media (min-width: 992px) {
  .approvals-col {
    padding-right: 40px;
  }

  .amenities-col {
    padding-left: 40px;
    border-left: 1px solid rgba(255,255,255,0.1);
  }
}

/* Mobile refinement */
@media (max-width: 991px) {
  .approvals-col,
  .amenities-col {
    padding: 0;
  }

  .amenities-col {
    margin-top: 50px;
    border-left: none;
  }
}
/* Remove main glass background for Approvals & Amenities */
.glass-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
}


/* Clean spacing for approvals & amenities section */
.approvals-col,
.amenities-col {
  padding-top: 40px;
  padding-bottom: 40px;
}


  @media (min-width: 992px) {
  .amenities-col {
    border-left: 1px solid rgba(255,255,255,0.08);
  }
}