/* Payment icon styling */
.payment-icon {
    height: 30px;
    /* Set a uniform height; width scales proportionally */
    width: auto;
    object-fit: contain;
    /* Maintain aspect ratio */
    opacity: 0.7;
    /* Slightly transparent by default to avoid visual distraction */
    transition: all 0.3s ease;
    /* Add smooth transition animation */
    padding: 2px 5px;
    /* Add internal padding (or whitespace) inside the icon */
}

/* Hover effects */
.payment-icon:hover {
    opacity: 1;
    /* Increase brightness on hover */
    transform: translateY(-2px);
    /* Slight upward lift (e.g., using transform: translateY) */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    /* Add a subtle shadow for depth */
}

a {
    color: var(--primary-color);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p,
li {
    margin: 0.5rem 0;
}

p {
    margin: 0.8rem 0;
    color: var(--text-color);
}