/* Set the size and positioning of the Swiper */
    .mySwiper {
        width: 100%;
        max-width: 1200px;
        height: 400px;
        margin: auto;
        position: relative;
        padding: 20px !important;
    }

    /* Style for each slide */
    .mySwiper .swiper-slide {
        /* background-color: #ccc; */
        /* background: url('/static/media/v2/testbg.png'); */
        background-size: stretch;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        font-size: 16px;
        transition: transform 0.3s, opacity 0.3s;
        border-radius: 10px;
        /* overflow: hidden; */
    }



    /* Left and right slides skewing */
    .mySwiper .swiper-slide-next {
        /* transform: skewX(10deg) skewY(10deg) scale(.8) !important; */
        background-color: #ce2020;

        background: url('/static/media/v2/testright.png');
        background-size: stretch;
        background-repeat: no-repeat;

        /* opacity: 0.8; */
    }

    /* Left and right slides skewing */
    .mySwiper .swiper-slide-prev {
        /* transform: skewX(-10deg) skewY(-10deg) scale(.8) !important; */
        /* background-color: #240505; */
        background-color: var(--orange-light);

        /* background: url('/static/media/v2/testleft.png'); */
        background-size: stretch;
        background-repeat: no-repeat;

        /* opacity: 0.8; */
    }


    /* Slides that are further away */
    .mySwiper .swiper-slide-prev-prev,
    .mySwiper .swiper-slide-next-next {
        transform: scale(0.8);
        /* opacity: 0.5; */
    }

    /* Navigation buttons styling */
    .swiper-button-prev,
    .swiper-button-next {
        color: #000;
    }

    .testimonil-wrapper {
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* background-color: red; */
    }

    .swiper-slide-prev .testimonil-wrapper {
        /* background-color: olive; */
        /* transform: skewX(-20deg) skewY(20deg) scale(.8) !important; */
        transform: scale(.8);
        right: 21px;
        position: relative;
        top: -20px;
    }



    .swiper-slide-next .testimonil-wrapper {
        /* background-color: olive; */
        /* transform: skewX(10deg) skewY(-60deg) scale(.9) !important; */
        transform: scale(.8);
        right: 50px;
        position: relative;
        top: -25px;
    }