.accordion-cards-items {
    padding: 120px 0;

    .section-image {
        margin-bottom: 64px;
    }

    .section-title,
    .section-title p {
        font: 400 40px/1.3em 'Benzin Bold', sans-serif;
        letter-spacing: 1.5px;
    }

    .cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
        margin-top: 32px;
        min-height: 702px;
    }

    .card-content {
        min-height: 485px;
    }

    .card-tabs__item {
        font: 400 20px/1.6em 'Benzin Bold', sans-serif;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        user-select: none;
        transition: all 0.2s ease-in-out;
    }

    .card-tabs__item:not(:last-child) {
        margin-bottom: 24px;
    }

    .card-content__list {
        opacity: 0;
        max-height: 0;
        transition: all 0.2s ease-in-out;
    }

    .card-content__list.active {
        max-height: 800px;
        opacity: 1;
    }

    .card-content__list-item:not(:last-child) {
        margin-bottom: 28px;
    }

    .card-content__list-item-title {
        display: flex;
        align-items: center;

        .item-icon {
            line-height: 1em;
            margin-right: 16px;

            svg {
                width: 32px;
                height: 32px;
            }
        }
    }

    .card-content {
        min-height: 330px;
    }

    .card-content__list-item-description {
        margin-top: 12px;
    }

    &.background-dark .card-tabs__item.active,
    .card-tabs__item.active,
    &.background-dark .card-tabs__item:hover,
    .card-tabs__item:hover {
        color: #F9371C;
    }

    .card-content__list-item-title {
        font: 700 18px/1.22em 'DM Sans', sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .card-content__list-item-description {
        font-size: 16px;
    }

    &.background-dark {
        .card-tabs__item,
        .card-content__list-item-title,
        .section-title {
            color: #FFFFFF;
        }

        .card-content__list-item-description {
            color: #DADADA;
        }
    }

    &.shine-left {
        position: relative;
        overflow: hidden;

        &::before {
            content: "";
            position: absolute;
            background-image: url(/wp-content/themes/ein-des-ein-new/img/form-shine-right-bg.svg);
            background-position: 0;
            background-repeat: no-repeat;
            background-size: contain;
            width: 100%;
            max-width: 1500px;
            height: 180%;
            top: 0;
            right: auto;
            left: -20%;
            pointer-events: none;
            z-index: 1;
        }
    }
}

@media only screen and (max-width: 768px) {
    .accordion-cards-items {
        padding: 80px 0;

        .section-title,
        .section-title p {
            font-size: 24px;
            max-width: 460px;
        }

        .cards {
            grid-template-columns: 1fr;
            gap: 24px;
            margin-top: 32px;
        }

        .section-image {
            margin-bottom: 24px;
        }

        .card-content__list-item-title,
        .card-tabs__item {
            font-size: 16px;

            .item-icon {
                margin-right: 12px;

                svg {
                    width: 28px;
                    height: 28px;
                }
            }
        }

        .card-tabs__item:not(:last-child) {
            margin-bottom: 16px;
        }

        &.shine-left {
            &::before {
                width: 1000px;
                height: 220%;
                top: -25%;
                left: calc(50% - 540px);
            }
        }
    }
}

/* ( < 768 ) */