.swiper {
        position: relative;
    }
    .swiper-slide .card {
        max-width: 342px;
    }
    .swiper-button-disabled {
        opacity: 0.5 !important;
        pointer-events: none !important;
    }
    .swiper-button-prev, .swiper-button-next {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: transparent;
        border: 2px solid #717173;
        font-size: 18px;
        line-height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10;
        top: 50%;
        transform: translateY(-50%);
    }
    .swiper-button-prev:hover,
    .swiper-button-next:hover
    {
        background-color: #4cae35;
        border-color: #4cae35;
    }
    .swiper-button-prev:hover::before,
    .swiper-button-next:hover::before {
        border: solid white; 
        border-width: 0 2px 2px 0; 
    }
    .swiper-button-prev::after,
    .swiper-button-next::after {
        display: none;
    }
    .swiper-button-prev {
        top: 0%;
        left: 90%;
        padding-left:5px;
        z-index:2;
    }
    .swiper-button-next {
        right: 1%;
        top: 0%;
        padding-right:5px;
        z-index:2;
    }
    .swiper-button-prev::before,
    .swiper-button-next::before {
        content: '';
        display: inline-block;
        width: 0.6em;
        height: 0.6em;
        border: solid #717173;
        border-width: 0 2px 2px 0;
        padding: 3px;
        transform: rotate(135deg); /* Left arrow */
    }
    .swiper-button-next::before {
        transform: rotate(-45deg); /* Right arrow */
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev,
    .swiper-button-prev, .swiper-container-rtl .swiper-button-prev{
        background-image:none;
    }
    .swiper-slide {
        margin: 0 !important;
        padding: 0 !important;
    }
    @media(max-width:1200px) and (min-width:992px){
        .swiper-slide .card {
            max-width: 300px;
        }
        .swiper-button-prev{
            left: 90%;
            padding-left:5px;
        }
        .swiper-button-next{
            padding-right:5px;
            right: 0%;
        }
    }
   @media(max-width:991px) and (min-width:768px){
        .swiper-button-prev{
            left: 87%;
            padding-left:5px;
        }
        .swiper-button-next{
            padding-right:5px;
            right: 0%;
        }
    }
    @media(max-width: 767px) {
        .swiper-slide .card {
            display:block;
            margin: 0 auto;
        }
        .swiper-button-prev, .swiper-button-next {
            width: 30px;
            height: 30px;
        }
        .swiper-button-prev::before, .swiper-button-next::before{
            width: 0.5em;
            height: 0.5em;
        }
    }
    @media(max-width:767px) and (min-width:431px){
         .swiper-button-prev{
            left: 79%;
            padding-left:5px;
        }
        .swiper-button-next{
            padding-right:5px;
            right: 7%;
        }
    }
    @media(max-width: 430px) {
        .swiper-button-prev{
            left: 79%;
            padding-left:5px;
        }
        .swiper-button-next{
            padding-right:5px;
        }
    }