.elementor-widget-benefits {
    --accent-color: var(--e-global-color-accent, #364151);
    --title-color: var(--e-global-color-primary, #364151);
    --text-color: var(--e-global-color-text, #0F172A);

    width: 100%;

    .container-benefits {
        display: flex;
        gap: 16px;

        .card {
            flex: 1;
            flex-direction: column;
            display: flex;
            gap: 24px;
            box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
            border-radius: 15px;
            overflow: hidden;
            padding: 24px;
            transition: all 500ms;

            &:hover {
                box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
            }

            &.green {
                .icon {
                    color: #61CE70;
                }
            }

            &.red {
                .icon {
                    color: #FA3030;
                }
            }

            .header {
                display: flex;
                align-items: center;
                gap: 8px;
                justify-content: center;

                .icon {
                    font-size: 22px;
                    display: flex;
                }

                .text {
                    color: var(--title-color);
                    font-size: 22px;
                    font-weight: 600;
                    line-height: 22px;
                    text-transform: uppercase;
                    font-family: 'Poppins', serif;
                }
            }

            .container-items {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                row-gap: 12px;
                column-gap: 16px;

                .item {
                    display: flex;
                    align-items: center;
                    gap: 8px;

                    .icon {
                        font-size: 14px;
                        display: flex;
                    }

                    .text {
                        color: var(--text-color);
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 16px;
                        font-family: 'Poppins', serif;
                    }
                }
            }
        }
    }

    @media (max-width: 1024px) {
        .container-benefits {
            flex-direction: column !important;
            gap: 12px !important;

            .card {
                padding: 16px !important;
                gap: 16px !important;

                .header {
                    .text {
                        font-size: 16px !important;
                    }

                    .icon {
                        font-size: 16px !important;
                    }
                }

                .item {
                    gap: 6px !important;

                    .text {
                        font-size: 12px !important;
                    }

                    .icon {
                        font-size: 12px !important;
                    }
                }
            }
        }
    }
}