
.price-card {
    background: linear-gradient(180deg, #a7a8db 0%, #9fa1d8 100%);
    border-radius: 24px;
    color: #111827;
}

.popular-card {
    transform: scale(1.03);
}

.price-icon {
    width: 130px;
    height: auto;
}

.price-title {
    font-size: clamp(1.5rem, 2vw, 2rem) !important;
    line-height: 1.2;
    color: #111827;
    word-break: normal;
    overflow-wrap: normal;
}

.price-value {
    font-size: 3.4rem;
    font-weight: 800;
    line-height: 1;
    color: #111827;
}

.price-tax {
    font-size: 1.1rem;
    color: #6b7280;
}

.cta-box h5 {
    font-size: clamp(1rem, 2vw, 1.7rem) !important;
    color: #111827;
}

.price-card .btn {
    padding: 0.9rem 1.4rem;
    font-size: 1.05rem;
    transition: all 0.2s ease;
}

.price-card .btn:hover {
    transform: translateY(-2px);
}

.price-card .btn-light {
    background-color: #ffffff;
    color: #111827;
    border: none;
}

.price-card .btn-warning {
    color: #111827;
}

@media (max-width: 576px) {
    .price-card {
        border-radius: 20px;
    }

    .popular-card {
        transform: none;
    }

    .price-icon {
        width: 110px;
    }

    .price-title {
        font-size: 1.5rem;
    }

    .price-value {
        font-size: 2.8rem;
    }

    .price-tax {
        font-size: 1rem;
    }

    .cta-box h5 {
        font-size: 1.3rem;
        line-height: 1.3;
    }

    .price-card .btn {
        font-size: 1rem;
        padding: 0.85rem 1rem;
    }
}


.section-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,0.7);
  color: #5b5ce9;
  font-size: 14px;
  font-weight: 600;
}

.main-title {
  font-size: clamp(2rem, 6vw, 5rem);
  font-weight: 900;
  line-height: 1.05;
  margin-top: 20px;
  margin-bottom: 30px;

  color: #0f172a;
}

.main-title span {
  color: #f59e0b;
}