﻿.rs-marquee-slider-gsap {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-transform: uppercase;
    text-align: center;
    clear: both
}

    .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper {
        min-width: max-content
    }

        .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item {
            display: inline-block
        }

            .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item .marquee-item {
                display: inline-flex;
                align-items: center
            }

                .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item .marquee-item > p {
                    margin: 0;
                    font-family: var(--titleFont);
                    color: var(--titleColor)
                }

                .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item .marquee-item .image-wrapper {
                    display: inline-block;
                    position: relative;
                    margin: 0 50px
                }

                    .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item .marquee-item .image-wrapper img {
                        height: 80px;
                        width: auto
                    }

                    .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item .marquee-item .image-wrapper .image-content-box {
                        position: absolute;
                        left: 0;
                        top: 100%;
                        background: var(--primaryColor);
                        width: 450px;
                        padding: 28px 35px 35px;
                        text-align: left;
                        text-transform: none;
                        opacity: 0;
                        visibility: hidden;
                        transition: var(--transition)
                    }

                        .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item .marquee-item .image-wrapper .image-content-box::before {
                            position: absolute;
                            content: "";
                            left: 32px;
                            top: -20px;
                            width: 0;
                            height: 0;
                            border-left: 7px solid transparent;
                            border-right: 7px solid transparent;
                            border-bottom: 20px solid var(--primaryColor)
                        }

                        .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item .marquee-item .image-wrapper .image-content-box p {
                            color: var(--whiteColor);
                            font-size: 16px;
                            margin-bottom: 20px
                        }

                        .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item .marquee-item .image-wrapper .image-content-box .user-box {
                            display: flex;
                            justify-content: space-between;
                            align-items: center
                        }

                            .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item .marquee-item .image-wrapper .image-content-box .user-box .author .title {
                                margin-bottom: 0;
                                color: var(--whiteColor)
                            }

                            .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item .marquee-item .image-wrapper .image-content-box .user-box .author span {
                                display: inline-block;
                                color: var(--whiteColor)
                            }

                            .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item .marquee-item .image-wrapper .image-content-box .user-box .review ul {
                                margin: 0;
                                padding: 0;
                                list-style-type: none
                            }

                                .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item .marquee-item .image-wrapper .image-content-box .user-box .review ul li {
                                    display: inline-block
                                }

                                    .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item .marquee-item .image-wrapper .image-content-box .user-box .review ul li i {
                                        color: var(--whiteColor)
                                    }

                .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item .marquee-item:hover .image-content-box {
                    opacity: 1;
                    visibility: visible
                }

            .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item p {
                display: inline-block
            }

            .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item:not(.image) {
                font-size: 100px;
                line-height: 1;
                color: var(--titleColor);
                font-weight: 700
            }

                .rs-marquee-slider-gsap .gsap-marquee .marquee-wrapper .slider-item:not(.image) i {
                    display: inline-block;
                    font-size: inherit
                }
