.swiper {
        width: 100%;
        /* height: 100%; */
    }
  
    /* .slider-bg {
        position: relative;
        max-width: 750px;
        height: auto;
        margin-inline: auto;
    }
  
    .slider-bg > .swiper {
        position: absolute;
        left: 0;
        top: 0;
    } */

    .swiper-wrapper{

        margin-top: 30% !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%;
        /* scale: 110%; */
        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;
        width: 5% !important;
        /* scale: 80%; */
        top: 25%!important;
        background: url('../assets/images/25newyear_01/panah2.png') no-repeat center;
        background-size: 100%;
        background-position-y: center;
        /* opacity: 0; */
        /* padding: 2%; */
        left: 2% !important;
        right: auto !important;
        margin-right: 95%;
    }

    .swiper-button-next {
        display: block;
        height: 100% !important;
        width: 5% !important;
        /* scale: 80%; */
        top: 25%!important;
        background: url('../assets/images/25newyear_01/panah1.png') no-repeat center;
        background-size: 100%;
        background-position-y: center;
        /* opacity: 0; */
        /* padding: 2%; */
        right: 2% !important;
        left: auto !important;
        /* margin-left: 95%; */
    }

    /* @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;
            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;
            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;
            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;
            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;
            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;
            padding: 2%;
            right: -1% !important;
            left: auto !important;
        }
        
    } */

    .swiper-pagination{

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

    .swiper-pagination-bullet{

        margin: 6px !important;
        width: 40px !important;
        height: 3px !important;
        border-radius: 0 !important;
    }
    
    .swiper-pagination-bullet-active{

        width: 40px !important;
        height: 4px !important;
    }