﻿.capsule-list {
    list-style: none; /* Remove default bullet points */
    padding: 0;
}

    .capsule-list li {
        display: flex; /* Arrange icon and text horizontally */
        align-items: center; /* Vertically align icon and text */
        margin-bottom: 10px; /* Add spacing between items */
        padding: 5px 10px; /* Add padding inside each item */
    }

        .capsule-list li img {
            width: 40px; /* Adjust icon size as needed */
            height: 40px;
            margin-right: 12px; /* Add spacing between icon and text */
        }

        .capsule-list li span {
            /* Style the text within the capsule */
        }

    /* Left Animation */
    .capsule-list li {
        opacity: 0; /* Initially hidden */
        transform: translateX(-20px); /* Initially slightly off-screen to the left */
        transition: opacity 0.4s ease, transform 0.4s ease; /* Smooth transitions */
    }

        .capsule-list li.animated { /* Class added by JavaScript */
            opacity: 1;
            transform: translateX(0); /* Move to final position */
        }

        /* Optional: Add a slight delay for each item */
        .capsule-list li:nth-child(1) {
            transition-delay: 0.2s;
        }

        .capsule-list li:nth-child(2) {
            transition-delay: 0.4s;
        }

        .capsule-list li:nth-child(3) {
            transition-delay: 0.6s;
        }

        .capsule-list li:nth-child(4) {
            transition-delay: 0.8s;
        }

        .capsule-list li:nth-child(5) {
            transition-delay: 1.0s;
        }

        .capsule-list li:nth-child(6) {
            transition-delay: 1.2s;
        }
