.carousel-main-box {
    width: 100%;
}

.custom-banners-ListRecords {
    display: flex !important;
    flex-direction: row;
    width: 100%;
}

.desk-banners-box, .mobile-banners-box {
    width: 100%;
}

.banner-img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: bottom; 
}

.carousel-item {
    height: 500px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tns-nav {
    position: absolute;
    z-index: 100;
    left: 50%;
    bottom: 20px;    
}

.carousel .tns-nav > [aria-controls] {
    width: 10px !important;
    height: 10px !important;
}

.carousel .tns-nav > [aria-selected="false"] {
    background-color: white !important;
}