/* Terms and Conditions content styling */
.terms-content {
  max-width: 1202px;
  margin: 0 auto 80px auto; /* center with bottom margin */
  padding: 0 20px;
  color: #0e121b;
  line-height: 1.6;
  font-size: 16px;
  padding-top: 200px;
  font-family: 'DM Sans', sans-serif;
}
.page-content{
  padding: 70px 80px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 8px 32px rgba(101,51,145,0.10), 0 1px 2px rgba(0,0,0,0.08);
  border-left: 8px solid #653391;
  animation: termsFadeIn 0.8s cubic-bezier(.52,.18,.23,.69);
}

.terms-content h1 {
  font-weight: 700;
  font-size: 2.5rem;
  margin-bottom: 40px;
  color: #653391; /* match your purple accent */
}

.terms-content h2 {
  font-weight: 600;
  font-size: 1.75rem;
  margin-top: 40px;
  margin-bottom: 14px;
  color: #653391;
  border-bottom: 2px solid #e1e4ea;
  padding-bottom: 8px;
}

.terms-content p {
  margin-bottom: 16px;
  line-height: 22px;
  text-align: justify;
}

.terms-content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 24px; /* increase if needed for larger bullets */
  margin-bottom: 16px;
  padding-left: 0; /* ensure no padding shifts */
}

.terms-content ul li {
  margin-bottom: 8px;
  padding-left: 0;
  text-indent: 0;
  line-height: 22px;
}

.terms-content a {
  color: #653391;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.terms-content a:hover,
.terms-content a:focus {
  color: #451a6a;
  outline: none;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .page-content{
    padding: 30px;
  }
  .terms-content {
    padding: 0 15px;
    font-size: 15px;
    padding-top: 150px;
  }

  .terms-content h1 {
    font-size: 2rem;
  }

  .terms-content h2 {
    font-size: 1.5rem;
  }
}