.wcfs-lifecycle-section {
    --bg-container: #F0F6FF;
    --padding: 22px;
    --item-color1: #0FB37F;
    --item-color2: #31BFC9;
    --item-color3: #4F80EA;
    --gradient-start: #1A7153;
    --gradient-end: #3161C9;

    .wcfs-items-container {
        display: grid;
        gap: 20px;
        background: var(--bg-container);
        border: 1px solid rgba(48, 26, 113, .11);
        border-radius: var(--wcfs-rounded);
        padding: 10px;

        @media (min-width: 1024px) {
            padding: 60px;
        }
    }

    .wcfs-items {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 20px;
        min-height: 194px;
    }

    .wcfs-item {
        display: grid;
        gap: 10px;
        background: white;
        border-radius: var(--wcfs-rounded);
        padding: var(--padding);
        color: var(--wcfs-text-color);

        &:nth-child(1) {
            .wcfs-item-value,
            .wcfs-item-iconify {
                color: var(--item-color1);
            }
        }

        &:nth-child(2) {
            .wcfs-item-value,
            .wcfs-item-iconify {
                color: var(--item-color2);
            }
        }

        &:nth-child(3) {
            .wcfs-item-value,
            .wcfs-item-iconify {
                color: var(--item-color3);
            }
        }

        .wcfs-item-header {
            display: grid;
            gap: 10px;
        }

        .wcfs-item-title {
            display: flex;
            justify-content: space-between;
            font-size: 1rem;
            font-weight: 600;
            color: black;
        }

        .wcfs-item-value {
            font-size: 2.6875rem;
            font-weight: 700;
        }

        .wcfs-item-unit {
            font-size: 1rem;
            font-weight: 400;
        }

        .wcfs-item-description {
            font-size: 0.8125rem;
            font-weight: 400;
            color: var(--wcfs-text-color);
        }
    }

    .wcfs-important-message {
        display: grid;
        gap: 20px;
        align-items: center;
        width: 100%;
        min-height: 142px;
        border-radius: var(--wcfs-rounded);
        color: white;
        background: linear-gradient(to right, var(--gradient-start), var(--gradient-end));
        padding: var(--padding);
        box-sizing: border-box;

        @media (min-width: 1024px) {
            grid-template-columns: max-content 1fr max-content;
            padding: 0 var(--padding);
        }

        .wcfs-important-title {
            font-size: 1.5rem;
            font-weight: 700;
            margin: 0;
            color: white;
        }

        .wcfs-important-text {
            font-size: 1rem;
            font-weight: 400;
            margin: 0;
        }

        .wcfs-star-rating {
            display: flex;
        }

        .wcfs-star-rating span {
            display: flex;
            justify-content: center;
            align-items: center;
            background: rgba(255,255,255,.16);
            border-radius: 99rem;
            width: 46px;
            height: 46px;
            color: #FFC300;
            margin-left: -10px;

            &:first-child {
                margin-left: 0;
            }
        }
    }
}