/*==========override bootstrap css==========*/
.carousel-inner {
    width: 1120px;
    height: 430px;
    display: flex;
    /*align-items: start;*/
    /*border:solid;*/
}

.carouselimgcontainer {
    /*border:solid;*/
    /*height:100%;*/
}

    .carouselimgcontainer img {
        height: 100%; /* make the image's height fill the container */
        width: auto; /* maintain aspect ratio */
        object-fit: contain; /* ensure the image covers the div without distortion */
    }

.carousel-control-prev, .carousel-control-next {
    /*border:solid;*/
    /*border-color:black;*/
    width: 10%;
}
/*override bootstrap styles*/
.carousel-control-prev-icon {
    background-image: url('../images/previcon.png');
}

.carousel-control-next-icon {
    background-image: url('../images/nexticon.png');
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    /*border: solid;*/
    width: 20px;
    height: 50px;
    /*border:solid;*/
}

.carousel-indicators li::marker {
    content: '';
}