.max-elements-marquee {
    position: relative;
    overflow-x: clip;

    .curvtop {
        background: #222;
        position: absolute;
        left: -100px;
        right: -100px;
        top: 0;
        height: 5vw;
        border-radius: 0 0 50% 50%/0 0 100% 100%;
        z-index: 3;
    }

    .curvbotm {
        background: #222;
        position: absolute;
        bottom: 0;
        left: -100px;
        right: -100px;
        height: 5vw;
        border-radius: 50% 50% 0 0/100% 100% 0 0;
        z-index: 3;
    }

    .images {
        &:after {
            content: '';
            position: absolute;
            top: -30px;
            bottom: -30px;
            left: -30px;
            right: -30px;
            pointer-events: none;
        }
    }

    .main-marq {
        position: relative;
        padding: 0;

        &:after {
            position: absolute;
            top: -30px;
            bottom: -30px;
            left: -30px;
            right: -30px;
            pointer-events: none;
        }

        a {
            display: inline-block;
        }

        a,
        a:hover {
            color: inherit;
        }

        .slide-har {
            display: flex;
        }

        .box {
            display: flex;

            .item {
                position: relative;
                padding: 0 30px;

                h4 {
                    white-space: nowrap;
                    line-height: 1.1;
                    margin: 0;
                }

                h2 {
                    line-height: 1;
                    margin: 0;
                }

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

    .slide-har {
        position: relative;

        &.st1 {

            .box {
                position: relative;
                animation: slide-har 80s linear infinite;
            }
        }

        &.st2 {

            .box {
                position: relative;
                animation: slide-har-revers 80s linear infinite;
            }
        }
    }
}

@keyframes slide-har {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes slide-har-revers {
    100% {
        transform: translateX(0%);
    }

    0% {
        transform: translateX(-100%);
    }
}