#swiper-slider-container{
   
    align-items: center;
    margin-inline:20px;
    width: 95% !important;
    padding-inline: 20px;
    direction: ltr !important;
}
.swiper-container{
    display: inline-block;
    overflow: hidden;
    position: relative;
}
#swiper-container-left{
    width:50% !important;
    height: max-content !important;
    margin-left: auto;
    margin-bottom: 70px;
}
#swiper-container-right{
    width:41% !important;
    margin-left: auto !important;
}
.swiper-container > .button-right{
    position: absolute;
    background-color: rgb(0, 0, 134);
    width: 30px;
    height: 30px;
    font-size: 20px;
    border-radius: 100%;
}
.swiper-container > .swiper-button-next::after{
    font-size: 20px;
    font-weight: 900;
}

.swiper-container > .swiper-button-next:hover{
    color: rgb(255, 255, 255);
}

.brand-titles{
    display: block !important;
    font-size: 21px !important;
    margin-bottom: 12px !important;
    color: white !important;
    width: 140px;
    border-bottom: 4px solid;
    padding-bottom: 10px;
}

.swiper-container > .button-left{
    position: absolute;
    background-color: rgb(0, 0, 134);
    width: 30px;
    height: 30px;
    font-size: 20px;
    border-radius: 100%;

}

.swiper-container > .swiper-button-prev::after{
    font-size: 20px;
    font-weight: 900;
}

.swiper-container > .swiper-button-prev:hover{
    color: rgb(255, 255, 255);
}


.swiper-container > .swiper-wrapper > .swiper-slide {
    height: auto;
}
.swiper-container > .swiper-wrapper > .swiper-slide a img{
    width: 90%;
    height: 80%;
}

#swiper-container-right .button-left{
    top: 115px !important;
    left: 1px;
}
#swiper-container-right .button-right{
    top: 115px !important;
}
#swiper-container-left .button-left{
    top: 93px !important;
    left: 1px;
}
#swiper-container-left .button-right{
    top: 93px !important;
}

@media(max-width: 995px){
    #swiper-container-right .button-left{
        top: 105px !important;
        left: 1px;
    }
    #swiper-container-right .button-right{
        top: 105px !important;
    }
    #swiper-container-left .button-left{
        top: 85px !important;
        left: 1px;
    }
    #swiper-container-left{
        margin-bottom: 45px;
    }
    #swiper-container-left .button-right{
        top: 85px !important;
    }
}
@media(max-width: 550px){
    #swiper-slider-container{
        flex-wrap: wrap;
        flex-direction: column-reverse;
        margin-inline: 0px;
        }
        #swiper-container-right{
        width: 100% !important;
    }
    #swiper-container-left{
        width: 100% !important;
         margin-bottom: 20px;
    }
        
    #swiper-container-right .button-left{
        top: 95px !important;
        left: 1px;
    }
    #swiper-container-right .button-right{
        top: 95px !important;
    }
    #swiper-container-left .button-left{
        top: 75px !important;
        left: 1px;
    }
    #swiper-container-left .button-right{
        top: 75px !important;
    }
    }

@media(max-width: 300px){
    #swiper-container-right .button-left{
        top: 75px !important;
        left: 1px;
    }
    #swiper-container-right .button-right{
        top: 75px !important;
    }
    #swiper-container-left .button-left{
        top: 55px !important;
        left: 1px;
    }
    #swiper-container-left .button-right{
        top: 55px !important;
    }
}