.list-numbered {
    @apply flex flex-col gap-8 md:gap-12;

    h3 {
        font-size: 25px;
        @media(max-width: 767px) {
            font-size: 20px;
        }
        @media(max-width: 575px) {
            font-size: 18px;
        }
    }

    .list-item {
        @apply flex items-center gap-2 border-b-2 pb-3;

        .number {
            @apply italic;
            transition: opacity 300ms ease-in-out;
            width: 100px;
            @media(max-width: 767px) {
                width: 64px;
            }
            @media(max-width: 575px) {
                width: 40px;
            }
            font-size: 32px;
        }

        .text {
            @apply text-md md:text-lg;
        }
    }
}