/* Privacy Policy page styles */
:root {
    --bg-deep: #270648;
    --bg-hero-start: #2E1057;
    --bg-hero-end: #9747FF;
    --bg-footer-mid: #5E0FAE;
    --accent: #9747FF;
    --accent-2: #5B2B99;
    --lime: #A1FF03;
    --purple-900: #1E0445;
    --text: #1E0445;
    --white-80: rgba(255, 255, 255, .80);
    --shadow-1: 0 4px 22px rgba(0, 0, 0, .20);
    --radius-lg: 12px;
    --radius-xl: 18px
}

* {
    box-sizing: border-box
}

html,
body {
    height: 100%
}

body {
    margin: 0;
    font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    color: #fff;
    background: #fff
}

.sticky-tabs-wrap {
    position: sticky;
    top: 0;
    z-index: 10
}

body.logged-in .sticky-tabs-wrap {
    top: 32px
}

.tabs {
    max-width: 1425px;
    margin: 0 auto;
    background: #fff;
    color: var(--text);
    box-shadow: var(--shadow-1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 14px 28px;
    transform: translateY(26px)
}

.tabs a {
    color: var(--text);
    font-weight: 700;
    font-size: 16px;
    text-decoration: none
}

.hero {
    background: linear-gradient(173deg, #17c705 0%, #121810 .9%, #17c705 209%) !important;
    padding: 48px 0 64px
}

.hero-inner {
    max-width: 1425px;
    margin: 0 auto;
    padding: 0 24px
}

.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    opacity: .95;
    font-size: 16px
}

.breadcrumbs span {
    opacity: .9
}

.hero-main {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 24px;
    margin-top: 36px
}

.hero-title-wrap {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 20px 0 10px
}

.glass {
    background: #fff;
    box-shadow: 1px -1px 12.9px rgba(21, 21, 21, .15);
    border-radius: var(--radius-lg);
    backdrop-filter: blur(31.3px);
    padding: 24px;
    width: 1400px
}

.hero-left p {
    margin: 0 0 14px;
    line-height: 1.3
}

.hero-left p,
.hero-right {
    font-size: 16px;
    font-weight: 400;
    color: black
}

.hero-right .section-h {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px
}

.square {
    width: 22px;
    height: 22px;
    background: var(--lime);
    display: inline-block;
    border-radius: 2px
}

.hero-right h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700
}

.bullet-dot {
    width: 9px;
    height: 9px;
    background: #fff;
    border-radius: 999px;
    margin-right: 8px
}

@media (max-width:1200px) {
    .hero-main {
        grid-template-columns: 1fr
    }

    .pkg-row {
        grid-template-columns: repeat(3, 1fr)
    }

    .footer-inner {
        grid-template-columns: 1fr 1fr
    }

    .disclaimer {
        grid-template-columns: 1fr
    }
}

/* ==== Mobile & Tablet Fix for .glass section ==== */
@media (max-width: 1200px) {
  .glass {
    width: 100% !important;      /* make it fluid on smaller screens */
    max-width: 100% !important;  /* prevent fixed 1400px overflow */
    margin: 0 auto;              /* keep it centered */
    padding: clamp(16px, 4vw, 22px);
    border-radius: 12px;
  }
}

@media (max-width: 560px) {
  .hero-inner { padding: 0 16px; }
  .glass {
    padding: 14px;
    border-radius: 10px;
  }
  .hero-left p {
    line-height: 1.55;
  }
}
/* ===== Headings: Black Color for Terms & Privacy Pages ===== */
.terms h4,
.hero-left h4,
.hero-left h5 {
  color: #000 !important; /* force black for both h4 and h5 */
}

.terms h4 {
  font-size: 1.3rem;        /* slightly larger for readability */
  font-weight: 700;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.hero-left h5 {
 
  font-weight: 600;
  margin-top: 1.2rem;
  margin-bottom: 0.4rem;
}
/* ===== Ensure List Items Are Black ===== */
.hero-left li,
.terms li {
  color: #000 !important;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 6px;
}