        .slide {
            transition: opacity 1s ease-in-out;
        }

        .rounded-tr-4xl {
            border-top-right-radius: 2.5rem;
        }

        .text-blue-dark {
            color: #12338E;
        }

        .swiper-button-next,
        .swiper-button-prev {
            color: #ffffff;
            background: #12338E;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            margin-top: -20px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            font-size: 16px;
            font-weight: bold;
        }

        .swiper-button-next.swiper-button-disabled,
        .swiper-button-prev.swiper-button-disabled {
            opacity: 0.3;
        }

        .swiper-button-next svg,
        .swiper-button-prev svg {
            display: none !important;
        }

        .swiper-slide {
            flex-shrink: 0;
            width: auto;
        }

        .testimonialSwiper .swiper-wrapper {
            display: flex;
            align-items: stretch;
        }

        .testimonialSwiper .swiper-slide {
            display: flex;
            height: auto !important;
        }

        @keyframes scroll {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-100%);
            }
        }

        .animate-scroll {
            animation: scroll 20s linear infinite;
        }

        .animate-scroll:hover {
            animation-play-state: paused;
        }

        .swiper-container-padding {
            padding-left: 1rem;
            padding-right: 1rem;
        }

        @media (min-width: 768px) {

            .swiper-container-padding {
                padding-left: 2rem;
                padding-right: 2rem;
            }
        }

        @media (min-width: 1024px) {

            .swiper-container-padding {
                padding-left: 3rem;
                padding-right: 3rem;
            }
        }

        @media (min-width: 1280px) {

            .swiper-container-padding {
                padding-left: 5rem;
                padding-right: 5rem;
            }
        }

        .masonry {
            column-count: 1;
            column-gap: 1rem;
        }

        @media (min-width: 640px) {
            .masonry {
                column-count: 2;
            }
        }

        @media (min-width: 768px) {
            .masonry {
                column-count: 3;
            }
        }

        @media (min-width: 1024px) {
            .masonry {
                column-count: 4;
            }
        }

        .masonry-item {
            break-inside: avoid;
            margin-bottom: 1rem;
        }

        @keyframes scroll-left {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        @keyframes scroll-right {
            0% {
                transform: translateX(-50%);
            }

            100% {
                transform: translateX(0);
            }
        }

        .scroll-left {
            animation: scroll-left 25s linear infinite;
        }

        .scroll-right {
            animation: scroll-right 25s linear infinite;
        }

        .shake-scale {
            animation: pulse 0.5s ease-in-out infinite alternate;
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.02);
            }

            75% {
                transform: scale(1.05);
            }

            100% {
                transform: scale(1);
            }
        }