.wrapper-client {
            width: 100%;
            height: max-content !important;
            padding-bottom: 94px !important;
            -webkit-transition-timing-function: linear !important;
            transition-timing-function: linear !important;
            position: relative;
        }

        .swiper-pagination-bullet {
            background: #4f46e5;
        }

        @keyframes flyToTopLeft {
            0% {
                transform: translate(0, 0) scale(1);
                opacity: 1;
            }

            100% {
                transform: translate(-300px, -200px) scale(0.5);
                opacity: 0;
            }
        }

        @keyframes flyOutRight {
            0% {
                transform: translate(0, 0) scale(1);
                opacity: 1;
            }

            90% {
                transform: translate(150px, -100px) scale(0.5);
                opacity: 0;
            }

            100% {
                transform: translate(0, 0) scale(1);
                opacity: 1;
            }
        }

        .fly-out {
            animation: flyToTopLeft 0.8s ease forwards;
        }
.active{
    background-color: #4083BF;
    color: white;
}