/*arrows-carousel*/
.carousel-control-next, .carousel-control-prev { opacity:1; position:relative; width:auto; }
.carousel-control-prev-icon { background-image:url(../img/carousel/arrow-left.svg); width:3rem; height:3rem; margin-left:2px }
.carousel-control-next-icon { background-image:url(../img/carousel/arrow-right.svg); width:3rem; height:3rem; margin-left:2px }
.arrowContainer .container { display:flex; justify-content:flex-end; }
.arrowContainerMainHeader .container {
    display: flex;
    justify-content: flex-end;
}
.arrowContainer { position:absolute; bottom:0; left:0; width:100% }
.arrowContainerMainHeader {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}
.arrowScroll { width:60px; height:120px; position:absolute; left:0; }

@media (max-width: 576px) {
.arrowScroll { left:.7rem }
}

@media (max-width: 767px) {
    .arrowContainerMainHeader {
        position: absolute;
        bottom: 290px;
        left: 0;
        width: 100%
    }
}