    .section--benefcle {
        display: flex;
        flex-direction: column;
        gap: 50px;
        padding: 50px 5%;
        transition: all 0.3s ease;
    }

    .section__title--benefcle {
        margin-bottom: 30px;
    }

    .benefcle__img {
        display: inline-block;
        border-radius: 5px !important;
        padding: 6px;
        max-width: 600px;
        background: radial-gradient(at 0% 0%, #F6A136, #EA6060 40%, #B2235C);
    }

    .benefcle__group-list {
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
        row-gap: 15px;
    }

    .benefcle__list {
        display: flex;
        flex-direction: column;
        gap: 15px;
        flex: 1;
        min-width: 320px;
        max-width: 420px;
    }

    .benefcle__list-item {
        display: flex;
        align-items: center;
        font-family: 'Lato', sans-serif;
        font-weight: normal;
        gap: 15px;
        font-size: 17px;
    }

    @media (max-width: 768px) {
        .benefcle__group-list {
            flex-direction: column;
            gap: 30px;
        }

        .benefcle__list {
            max-width: 100%;
            min-width: unset;
        }
    }

    @media (min-width: 768px) {
        .benefcle__img {
            width: 80%;
            margin: auto;
        }
    }

    @media (min-width: 1024px) {
        .section--benefcle {
            margin-top: 100px;
        }

        .benefcle__item-icon {
            width: 65px !important;
            height: 65px !important;
        }

        .section__title--benefcle {
            margin-bottom: 45px;
        }

        .benefcle__group-list {
            gap: 70px;
            row-gap: 25px;
        }

        .benefcle__list {
            gap: 25px;
            max-width: none;
        }

        .benefcle__list-item {
            font-size: 20px;
        }
    }

    @media (min-width: 1280px) {
        .section--benefcle {
            display: grid;
            align-items: flex-start;
            grid-template-columns: 30% auto;
            gap: 80px;
        }

        .benefcle__img {
            width: 100%;
            height: auto;
            margin: 0;
        }
    }

    @media (min-width: 1500px) {
        .benefcle__list {
            grid-template-columns: 600px auto;
        }
    }