.gradtext {
  background: linear-gradient(95deg, #3B2E8C 0%, #4FB3A0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pt-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pricing-tab-btn {
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  padding: 11px 20px;
  border-radius: 10px;
  transition: all 0.2s ease;
}

.pricing-tab-btn[data-state="active"] {
  background: #2E2270;
  color: #ffffff;
}

.pricing-tab-btn[data-state="inactive"] {
  background: transparent;
  color: #5C5B74;
}

.pricing-tab-btn[data-state="inactive"]:hover {
  color: #2E2270;
}

.pricing-tab-pane {
  display: none;
  flex-direction: column;
  gap: 34px;
}

.pricing-tab-pane.active {
  display: flex;
}

@media (max-width: 900px) {
  .plan-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .sub-hero-h1 {
    font-size: 34px !important;
  }
  .sub-hero-h2 {
    font-size: 21px !important;
  }
}