@import url("about.css");

.package-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.package-card {
    padding: 24px 20px;
    border-radius: var(--radius);
    background: var(--white);
    border: 1px solid rgba(203, 213, 225, 0.72);
    box-shadow: var(--shadow);
    display: grid;
    gap: 10px;
}

.package-card h3 {
    font-size: 1rem;
}

.package-card p {
    color: var(--gray-500);
    font-size: 0.9rem;
}

@media (max-width: 1080px) {
    .package-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 680px) {
    .package-grid {
        grid-template-columns: 1fr;
    }
}