.kekoa-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#signup-plan-selection-email-info {
  color: #9ca3af;
  font-weight: 400 !important;
  margin-top: -25px;
}

/* Full page container with background image */
.page-container {
  width: 100%;
  min-height: calc(
    100vh - 130px
  ); /* Adjust based on actual header/footer height */
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

/* Full-page background */
.page-background {
  width: 100%;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Center content container */
.page-background .flex-grow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

/* Header and footer inside the background pages */
.page-background header,
.page-background footer {
  background-color: transparent !important;
  color: white;
  z-index: 10;
}

/* Make links inside footer visible on the background */
.page-background footer a {
  color: white;
  opacity: 0.9;
}

.page-background footer a:hover {
  opacity: 1;
  text-decoration: underline;
}

/* Content card for legal pages */
.legal-content-card {
  width: 90%;
  max-width: 1000px;
  color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  height: 84vh; /* Adjusted for header and footer inside */
  margin: 0 auto; /* Center horizontally */
}

/* Card header for legal pages */
.legal-card-header {
  font-family: Inter-Bold;
  border-bottom: 1px solid #303a4d;
  text-align: center;
  font-size: 20px;
}

/* Scrollable content area for legal pages */
.legal-scrollable-content {
  padding: 20px 50px 0 0;
  overflow-y: auto;
  flex: 1;

  /* Custom scrollbar styling */
  scrollbar-width: auto; /* Firefox */
  scrollbar-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.1); /* Firefox: thumb track */
}

/* Webkit scrollbar styling (Chrome, Safari, Edge) */
.legal-scrollable-content::-webkit-scrollbar {
  width: 8px;
}

.legal-scrollable-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.legal-scrollable-content::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
}

/* Custom scrollbar color variations */
.pp .legal-scrollable-content {
  scrollbar-color: #303a4d rgba(0, 0, 0, 0.1);
}

.tou .legal-scrollable-content {
  scrollbar-color: #303a4d rgba(0, 0, 0, 0.1);
}

.pp .legal-scrollable-content::-webkit-scrollbar-thumb {
  background-color: rgba(
    100,
    149,
    237,
    0.7
  ); /* Cornflower blue for Privacy Policy */
}

.tou .legal-scrollable-content::-webkit-scrollbar-thumb {
  background-color: rgba(37, 99, 235, 0.7);
}

.legal-scrollable-content h2 {
  font-family: inter-bold;
  font-size: 30px;
  line-height: 38px;
}

.legal-scrollable-content p {
  font-family: "Inter-Regular" !important;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
  color: #ccd1dd;
}
Common.css

/*Privacy & Terms Page*/

.trm-pvcy-strong-text {
  font-family: "Inter-SemiBold" !important;
}
.trm-pvcy-underline-text {
  font-family: "Inter-SemiBold" !important;
  text-decoration: underline;
}
.legal-scrollable-content ul,
.legal-scrollable-content li,
.legal-scrollable-content p,
.legal-scrollable-content h4 {
  color: #ccd1dd;
}
.legal-scrollable-content a.static-link {
  color: #3b82f6 !important;
}

@media (max-width: 768px) {
  .legal-scrollable-content h2 {
    font-size: 18px;
    line-height: 30px;
  }
}