.pricing-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border: none;
    margin: 30px auto 50px;
    padding: 0;
  }

  .pricing-tabs > li {
    list-style: none;
    margin: 0 10px;
  }

  .pricing-tabs > li > a {
    display: inline-block;
    background: #f7f7f7;
    border: 2px solid #e0e0e0;
    color: #444;
    font-weight: 600;
    border-radius: 30px;
    padding: 10px 25px;
    transition: all 0.3s ease;
  }

  .pricing-tabs > li > a:hover {
    background: #6600a5;
    color: #fff !important;
    border-color: #6600a5;
  }

  .pricing-tabs > li.active > a,
  .pricing-tabs > li.active > a:focus,
  .pricing-tabs > li.active > a:hover {
    background: #6600a5 !important;
    color: #fff !important;
    border-color: #6600a5 !important;
  }

  .pricing-tabs > li > a i {
    margin-right: 6px;
  }

  .btn-purple {
    background-color: #6600a5;
    color: #fff !important;
    border-radius: 25px;
    border: 2px solid #6600a5;
    padding: 8px 20px;
    font-weight: 600;
    transition: all 0.3s ease;
  }

  .btn-purple:hover {
    background-color: #4a0078;
    border-color: #4a0078;
    color: #fff;
  }

        .tab-pane { display: none; }
        .tab-pane.in.active { display: block; }

.tab-content { min-height: 400px; }

.pricing--item { margin-bottom: 30px; }

/* ✅ Auth Tabs (Login/Register) */
.auth-tabs .nav-tabs > li > a {
  background-color: #f2f2f2;
  color: #555;
  border: 1px solid #ddd;
  padding: 10px 15px;
  font-weight: 600;
  transition: 0.3s;
}

.auth-tabs .nav-tabs > li.active > a,
.auth-tabs .nav-tabs > li.active > a:focus,
.auth-tabs .nav-tabs > li.active > a:hover {
  background-color: #6f42c1; /* purple theme */
  color: #fff;
  border-color: #6f42c1;
}

.auth-tabs .nav-tabs > li > a:hover {
  background-color: #e8e8e8;
  color: #333;
}

ul.nav li i {
    color: #6a1b9a; /* purple tone matching your theme */
}