* {
    box-sizing: border-box;
}

body {
    color: #333;
}

.sub-title {
    text-align: center;
    max-width: 1000px;
    margin: 30px auto;
}

.sub-title p {
    font-size: 1.2rem;
    color: #555;
    line-height: 1.6;
}
.pricing-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    gap: 20px;
}

.pricing-card {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 20px;
    max-width: 250px;
    flex: 1 1 250px;
    display: flex;
    flex-direction: column;
}

.pricing-card h2 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
}

.pricing-card.starter h2 {
    background: linear-gradient(135deg, #ff8a65, #ff7043);
    box-shadow: 0 4px 15px rgba(255, 138, 101);
}

.pricing-card.standard h2 {
    background: linear-gradient(135deg, #42a5f5, #1e88e5);
    box-shadow: 0 4px 15px rgba(66, 165, 245);
}

.pricing-card.advanced h2 {
    background: linear-gradient(135deg, #66bb6a, #43a047);
    box-shadow: 0 4px 15px rgba(102, 187, 106);
}

.pricing-card.premium h2 {
    background: linear-gradient(135deg, #ffcc00, #ff9900);
    box-shadow: 0 4px 15px rgba(255, 204, 0);
}

.pricing-card.custom h2 {
    background: linear-gradient(135deg, #9e9e9e, #757575);
    box-shadow: 0 4px 15px rgba(158, 158, 158);
}

.pricing-card.app h2 {
    background: linear-gradient(135deg, #9c27b0, #7b1fa2);
    box-shadow: 0 4px 15px rgba(156, 39, 176);
}

.pricing-card p {
    padding: 10px 4px 10px 4px;
    font-weight: 700;
    color: #333;
}

.pricing-card ul {
    list-style-type: none;
    margin-bottom: 20px;
}

.pricing-card ul li {
    padding: 10px 0;
    border-top: 1px solid #e0e0e0;
}

.pricing-card ul li:first-child {
    border-top: none;
}

.pricing-card a {
    text-decoration: none;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: auto;
}

.pricing-card a:hover {
    background-color: #0056b3;
}

.disclaimer {
    color: #888;
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
}

.disclaimer p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.disclaimer i {
    color: #888;
}

.custom-link {
    text-decoration: none !important;
    color: inherit !important;
    font-weight: normal !important;
    font-size: inherit !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: none !important;
}

.custom-link:hover {
    text-decoration: underline !important;
    color: inherit !important;
    background: none !important;
    border: none !important;
}

.green {
    color: green;
}

.red {
    color: red;
}

@media (max-width: 768px) {
    .pricing-cards {
        flex-direction: column;
        align-items: center;
    }

    .pricing-card {
        margin-bottom: 20px;
        min-width: 80%;
    }

    .sub-title {
        display: none;
    }
}