/* Base styles (desktop) */
.info-card {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.info-card h3 {
    margin-bottom: 20px;
    color: #206ba4;
    font-size: 1.3rem;
}

.info-card ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    font-size: 1rem;
}

.info-card p {
    font-size: 0.9rem;
    color: #555;
    margin-top: 20px;
}

/* Tablets: max-width 1024px */
@media only screen and (max-width: 1024px) {
    .info-card {
        padding: 18px;
    }
    .info-card h3 {
        font-size: 1.2rem;
    }
    .info-card ul li {
        font-size: 0.95rem;
        padding-bottom: 12px;
    }
    .info-card p {
        font-size: 0.85rem;
    }
}

/* Small tablets / large phones: max-width 767px */
@media only screen and (max-width: 767px) {
    .info-card {
        padding: 15px;
    }
    .info-card h3 {
        font-size: 1.1rem;
    }
    .info-card ul li {
        font-size: 0.9rem;
        padding-bottom: 10px;
    }
    .info-card p {
        font-size: 0.8rem;
    }
}

/* Phones: max-width 480px */
@media only screen and (max-width: 480px) {
    .info-card {
        padding: 12px;
    }
    .info-card h3 {
        font-size: 1rem;
    }
    .info-card ul li {
        font-size: 0.85rem;
        padding-bottom: 8px;
    }
    .info-card p {
        font-size: 0.75rem;
    }
}