.loyalty-benefits {
    .wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 32px;

        @media (max-width: 767px) {
            grid-template-columns: 1fr;
        }
    }

    .loyalty-benefits__title {
        font-size: clamp(24px,2.223vw,32px);
        line-height: 1.25;
        font-weight: 600;

        @media (max-width: 767px) {
            font-size: 22px;
        }
    }

    .loyalty-benefits_items {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .loyalty-benefits__item {
        padding: 39px 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 24px;
        border-bottom: 2px solid #C2DAEB;
    }
    .loyalty-benefits__item-image {
        position: relative;
        height: 60px;
        width: 60px;

        & img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }
    .loyalty-benefits__item-description {
        font-size: 18px;
        line-height: 1.333;
        font-weight: 600;
    }




    .loyalty-benefits__content {
        display: flex;
        flex-direction: column;
        gap: 16px;

        .loyalty-benefits__img-wrapper {
            position: relative;
            height: 300px;
            width: 100%;
            border-radius: 8px;
            padding: 32px 38px 32px 32px;
            overflow: hidden;

            & picture {
                position: relative;
                height: 100%;
                width: 100%;
                display: block;
            }

            & img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 8px;
            }

            &:before {
                content: '';
                width: 84.81%;
                height: 100%;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                background-color: #2B2C2E;
                border-radius: 8px;
                z-index: -1;
            }
        }

        .loyalty-benefits__content-p,
        .loyalty-benefits__content-btn,
        .loyalty-benefits__content-span {
            font-size: clamp(14px,1.1112vw,16px);
            line-height: 1.5;
            color: #111111;
        }

        .loyalty-benefits__content-span {
            margin-top: clamp(4px,0.556vw,8px);
            font-weight: 600;
        }

        .loyalty-benefits__content-btn {
            color: #7691C0;
            text-decoration: underline;
            cursor: pointer;
            transition: all;

            &:hover {
                text-decoration: none;
            }
        }

        .loyalty-benefits__content {
            position: relative;
        }
    
        .loyalty-benefits__content-p {
            transition: max-height 300ms ease;
            overflow: hidden;
        }

        .loyalty-benefits__content-btn {
            display: none;
            color: #7691C0;
            text-decoration: underline;
            cursor: pointer;
            margin-top: clamp(12px, 1.1112vw, 16px);
            transition: opacity 300ms;

            &.is-expanded {
                /*opacity: 0.2;*/
            }
        }

        .loyalty-benefits__content-btn.is-visible {
            display: inline-block;
        }
    }
}