.swiper1,.swiper2 {
        width: 90%;
        height: 100%;
        left: 5% !important;
    }
  
    .slider-bg,
    .slider-bg2 {
        position: relative;
        max-width: 750px;
        height: auto;
        margin-inline: auto;
    }

    .slider-bg > .swiper1 {
        position: absolute;
        left: 0;
        bottom: 0%;
    }

    .slider-bg2 > .swiper2 {
        position: absolute;
        left: 0;
        top: 0;
    }

    .swiper-wrapper{

        margin-top: 4% !important;
    }

    .swiper-wrapper2{

        margin-top: 50% !important;
    }
  
     .swiper-slide {
        text-align: center;
        margin: auto;
        width: 100%;
        height: auto;
        object-fit: none;
    }
    
    /* .swiper .swiper-slide .img-slider {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: crisp-edges;
    } */

    .img-slider {
        display: block;
        width: 100%;
        max-width: fit-content;
        scale: 90%;
        height: auto;
        object-fit: cover;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -moz-crisp-edges;
        image-rendering: crisp-edges;
    }

    .swiper-slide-active{

        /* margin-left: 3%; */
    }

    .swiper-slide-next{

        /* margin-left: -4.42%; */
    }

    /* @media screen and (max-width: 640px) {
        .swiper .swiper-slide img {
            display: block;
            max-width: 100%;
            height: auto;
            object-fit: cover;
            image-rendering: -webkit-optimize-contrast;
            image-rendering: -moz-crisp-edges;
            image-rendering: crisp-edges;
        }   
    } */
    
    .swiper-button-prev::after, .swiper-button-next::after{
        content: '' !important;
    }

    .swiper-button-prev {
        display: block;
        height: 100% !important;
        scale: 80%;
        top: 5%!important;
        background: url(../assets/animation/btn-l.png) no-repeat center;
        /* opacity: 0; */
        padding: 2%;
        left: 0.5% !important;
        right: auto !important;
    }

    .swiper-button-next {
        display: block;
        height: 100% !important;
        scale: 80%;
        top: 5%!important;
        background: url(../assets/animation/btn-r.png) no-repeat center;
        /* opacity: 0; */
        padding: 2%;
        right: 0.5% !important;
        left: auto !important;
    }

    @media screen and (max-width: 640px) {
        
        .swiper-button-prev {

            height: 100% !important;
            scale: 70%;
            top: 5%!important;
            background: url(../assets/animation/btn-l.png) no-repeat center;
            /* opacity: 0; */
            padding: 2%;
            left: 0.2% !important;
            right: auto !important;
        }
    
        .swiper-button-next {
            height: 100% !important;
            scale: 70%;
            top: 5%!important;
            background: url(../assets/animation/btn-r.png) no-repeat center;
            /* opacity: 0; */
            padding: 2%;
            right: 0.2% !important;
            left: auto !important;
        }
        
    }

    @media screen and (max-width: 480px) {
        
        .swiper-button-prev {

            height: 100% !important;
            scale: 45%;
            top: 5%!important;
            background: url(../assets/animation/btn-l.png) no-repeat center;
            /* opacity: 0; */
            padding: 2%;
            left: -0.5% !important;
            right: auto !important;
        }
    
        .swiper-button-next {
            height: 100% !important;
            scale: 45%;
            top: 5%!important;
            background: url(../assets/animation/btn-r.png) no-repeat center;
            /* opacity: 0; */
            padding: 2%;
            right: -0.5% !important;
            left: auto !important;
        }
        
    }

    @media screen and (max-width: 375px) {
        
        .swiper-button-prev {

            height: 100% !important;
            scale: 30%;
            top: 5%!important;
            background: url(../assets/animation/btn-l.png) no-repeat center;
            /* opacity: 0; */
            padding: 2%;
            left: -1% !important;
            right: auto !important;
        }
    
        .swiper-button-next {
            height: 100% !important;
            scale: 30%;
            top: 5%!important;
            background: url(../assets/animation/btn-r.png) no-repeat center;
            /* opacity: 0; */
            padding: 2%;
            right: -1% !important;
            left: auto !important;
        }
        
    }

    .pagination1{

        /* --swiper-pagination-color: #d57974; */
        --swiper-pagination-bullet-size: 12px;
        margin-bottom: 0%;
        top: 48% !important;
    }

    .pagination1 > .swiper-pagination-bullet{

        margin: 6px !important;
        background-color: #ffffff !important;
        border: 1px solid #d57974 !important;
        opacity: 1 !important;
    }
    
    .pagination1 > .swiper-pagination-bullet-active{

        width: 18px !important;
        height: 18px !important;
        margin: 3px !important;
        background-color: #d57974 !important;
        border: none;
    }

    .pagination2{

        --swiper-pagination-color: #c0af8c !important;
        --swiper-pagination-bullet-size: 2px !important;
        bottom: 0% !important;
    }

    .pagination2  .swiper-pagination-bullet{

        margin: 6px !important;
        width: 100px !important;
        height: 4px !important;
        border-radius: 0 !important;
    }
    
    .pagination2 > .swiper-pagination-bullet-active{

        width: 100px !important;
        height: 5px !important;
    }