.animated-slide-up-effect-element {
                position: relative;
                width: 100%;
                height: 135px;
                overflow: hidden;
            }

            .animated-slide-up-effect-element .swiper-container {
                width: 100%;
                height: 100%;

            }

            .animated-slide-up-effect-element .swiper-container .swiper-wrapper {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            .animated-slide-up-effect-element .swiper-container .swiper-wrapper .swiper-slide {
                display: flex;
                align-items: center;
                transition: all 200ms linear;

            }


            .animated-slide-up-effect-element .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .text-item {
                color: #fff;
                opacity: 0.5;

            }

            .animated-slide-up-effect-element .swiper-slide.swiper-slide-next .text-item {
                color: #fff !important;
                opacity: 1 !important;
            }

            .animated-slide-up-effect-element .swiper-container .swiper-wrapper .swiper-slide:not(.swiper-slide-active) .text-item {
                color: rgba(255, 255, 255, 0.3);
                opacity: 0.5;

            }

            .animated-slide-up-effect-element .swiper-container .swiper-wrapper .swiper-slide .text-item {
                font-size: 35px;
                font-weight: 600;
                padding: 10px;

            }

            .animated-slide-up-effect-element .swiper-container .swiper-wrapper .swiper-slide {
                height: auto !important;
            }

            @media (max-width: 767px) {
                .animated-slide-up-effect-element .swiper-container .swiper-wrapper .swiper-slide .text-item {
                    font-size: 30px;
                    font-weight: 600;
                    padding: 10px;

                }
            }