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

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

    .swiper-wrapper{

        margin-top: 0% !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-pagination{

        --swiper-pagination-color: black;
        --swiper-pagination-bullet-size: 12px;
        display: none;
    }

    .swiper-pagination-bullet{

        margin: 6px !important;
    }
    
    .swiper-pagination-bullet-active{

        width: 18px !important;
        height: 18px !important;
        margin: 3px !important;
    }

    .swiper-button-prev {
        display: block;
        height: 100% !important;
        /* scale: 80%; */
        top: 5%!important;
        background: url(../assets/images/slide_arrow_right.png) no-repeat center;
        background-size: 4vw 12vw;
        /* opacity: 0; */
        /* padding: 2%; */
        left: 3vw !important;
        right: auto !important;
        /* margin-right: 95%; */
    }

    .swiper-button-next {
        display: block;
        height: 100% !important;
        /* scale: 80%; */
        top: 5%!important;
        background: url(../assets/images/slide_arrow_left.png) no-repeat center;
        background-size: 4vw 12vw;
        /* opacity: 0; */
        /* padding: 2%; */
        right: 3vw !important;
        left: auto !important;
        /* margin-left: 95%; */
    }

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

            height: 100% !important;
            width: 20% !important;
            scale: 17%;
            top: 5%!important;
            background: url(../assets/images/slide_arrow_right.png) no-repeat center;
            padding: 0%;
            left: -3% !important;
            right: auto !important;
        }
    
        .swiper-button-next {
            height: 100% !important;
            width: 20% !important;
            scale: 17%;
            top: 5%!important;
            background: url(../assets/images/slide_arrow_left.png) no-repeat center;
            padding: 0%;
            right: -3% !important;
            left: auto !important;
        }
        
    }

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

            height: 100% !important;
            width: 20% !important;
            scale: 15%;
            top: 5%!important;
            background: url(../assets/images/slide_arrow_right.png) no-repeat center;
            padding: 0%;
            left: -2.5% !important;
            right: auto !important;
        }
    
        .swiper-button-next {
            height: 100% !important;
            width: 20% !important;
            scale: 15%;
            top: 5%!important;
            background: url(../assets/images/slide_arrow_left.png) no-repeat center;
            padding: 0%;
            right: -2.5% !important;
            left: auto !important;
        }
        
    }

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

            height: 100% !important;
            width: 28% !important;
            scale: 13%;
            top: 5%!important;
            background: url(../assets/images/slide_arrow_right.png) no-repeat center;
            padding: 0%;
            left: -6.5% !important;
            right: auto !important;
        }
    
        .swiper-button-next {
            height: 100% !important;
            width: 28% !important;
            scale: 13%;
            top: 5%!important;
            background: url(../assets/images/slide_arrow_left.png) no-repeat center;
            padding: 0%;
            right: -6.5% !important;
            left: auto !important;
        }
        
    } */

    #button-prev-relacionados1 {
        display: block;
        height: 100% !important;
        width: 15% !important;
        scale: 50%;
        top: 2.6%!important;
        background: url(../assets/images/slide_arrow_right.png) no-repeat center;
        /* opacity: 0; */
        /* padding: 2%; */
        left: -3.0% !important;
        right: auto !important;
        margin-right: 95% !important;
    }

    #button-next-relacionados1 {
        display: block;
        height: 100% !important;
        width: 15% !important;
        scale: 50%;
        top: 2.6%!important;
        background: url(../assets/images/slide_arrow_left.png) no-repeat center;
        /* opacity: 0; */
        /* padding: 2%; */
        right: -3.0% !important;
        left: auto !important;
        margin-left: 95%;
    }

    #button-prev-relacionados {
        display: block;
        height: 100% !important;
        /* scale: 80%; */
        top: 5%!important;
        background: url(../assets/images/slide_arrow_right.png) no-repeat center;
        background-size: 4vw 12vw;
        /* opacity: 0; */
        /* padding: 2%; */
        left: 2.5vw !important;
        right: auto !important;
        /* margin-right: 95%; */
    }

    #button-next-relacionados {
        display: block;
        height: 100% !important;
        /* scale: 80%; */
        top: 5%!important;
        background: url(../assets/images/slide_arrow_left.png) no-repeat center;
        background-size: 4vw 12vw;
        /* opacity: 0; */
        /* padding: 2%; */
        right: 2.5vw !important;
        left: auto !important;
        /* margin-left: 95%; */
    }

    /* @media screen and (max-width: 640px) {
        
        #button-prev-relacionados {

            height: 100% !important;
            width: 20% !important;
            scale: 40%;
            top: 3%!important;
            background: url(../assets/images/slide_arrow_right.png) no-repeat center;
            padding: 0%;
            left: -5.2% !important;
            right: auto !important;
        }
    
        #button-next-relacionados {
            height: 100% !important;
            width: 20% !important;
            scale: 40%;
            top: 3%!important;
            background: url(../assets/images/slide_arrow_left.png) no-repeat center;
            padding: 0%;
            right: -5.2% !important;
            left: auto !important;
        }
        
    }

    @media screen and (max-width: 480px) {
        
        #button-prev-relacionados {

            height: 100% !important;
            width: 20% !important;
            scale: 27%;
            top: 5.0%!important;
            background: url(../assets/images/slide_arrow_right.png) no-repeat center;
            padding-left: 3%;
            left: -7.0% !important;
            right: auto !important;
        }
    
        #button-next-relacionados {
            height: 100% !important;
            width: 20% !important;
            scale: 27%;
            top: 5.0%!important;
            background: url(../assets/images/slide_arrow_left.png) no-repeat center;
            padding-right: 3%;
            right: -7.0% !important;
            left: auto !important;
        }
        
    }

    @media screen and (max-width: 372px) {
        
        #button-prev-relacionados {

            height: 100% !important;
            width: 20% !important;
            scale: 20%;
            top: 5.0%!important;
            background: url(../assets/images/slide_arrow_right.png) no-repeat center;
            padding-left: 3%;
            left: -7.0% !important;
            right: auto !important;
        }
    
        #button-next-relacionados {
            height: 100% !important;
            width: 20% !important;
            scale: 20%;
            top: 5.0%!important;
            background: url(../assets/images/slide_arrow_left.png) no-repeat center;
            padding-right: 3%;
            right: -7.0% !important;
            left: auto !important;
        }
        
    } */