/* Fix for icon alignment in list items */
.list-unstyled li {
    display: flex;
    align-items: flex-start; /* Align items to the top */
    line-height: 1.5;
}

.list-unstyled li i {
    flex-shrink: 0; /* Prevent icon from shrinking */
    margin-top: 0.1em; /* Slight adjustment to align with text baseline */
    margin-right: 0.5rem;
}

.list-unstyled li .fas.fa-check-circle {
    margin-top: 0.2em; /* Fine-tune alignment for check circles */
}

/* Ensure text wraps properly next to icon */
.list-unstyled li > *:not(i) {
    flex: 1;
    min-width: 0; /* Allow text to wrap */
}

/* Mobile specific adjustments */
@media (max-width: 768px) {
    .list-unstyled li {
        margin-bottom: 0.75rem;
    }
    
    .list-unstyled li i {
        margin-right: 0.4rem;
    }
}