.tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.tab {
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  background: #eee;
  border-radius: 6px;
  font-weight: 600;
  transition: 0.3s;
}
.tab.active {
  background: #007bff;
  color: #fff;
}

.plan-wrapper {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
/* .plan {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
} */
.plan .price {
  color: #007bff;
}
.plan button {
  margin-top: 10px;
  padding: 10px 15px;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.plan button:hover {
  background: #0056b3;
}

.plansButton{
  display: block;
  text-decoration: none;
  padding: 14px 30px;
    background-color: #000;
    color: #fff;
    border-radius: 6px;
    margin-top: 20px;
}