#carousel-banner.owl-carousel {
    position: relative;
    touch-action: pan-y !important;
}

#carousel-banner .owl-dots {
    /*position: absolute;*/
    /*width: 100%;*/
    /*bottom: 60px;*/
    margin-top: 3rem;
}

/*#carousel-banner .owl-item img:first-of-type {*/
/*  object-fit: cover;*/
/*}*/

#carousel-banner .owl-item img {
    width: 100%;
    height: auto !important;
    display: block;
}

#carousel-banner .owl-dot span {
    background-color: transparent;
    border: 2px solid #D5DDE2 !important;
    width: 14px;
    height: 13px;
}

#carousel-banner .owl-dot.active span {
    background-color: var(--torquoise-blue) !important;
    border-color: var(--torquoise-blue) !important;
}

#carousel-tile-slider .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: space-between;
}
#carousel-tile-slider .owl-nav .owl-prev,
#carousel-tile-slider .owl-nav .owl-next {
    height: 75px;
}
#carousel-tile-slider .owl-nav .owl-prev span,
#carousel-tile-slider .owl-nav .owl-next span {
    font-size: 70px;
    color: var(--bright-gray);
    display: flex;
    align-items: center;
}

@media (min-width: 992px) {
    #carousel-banner.carousel-img-inline-bg .owl-item .rounded-5 img {
        height: 284px !important;
        object-fit: cover;
    }   
}

@media (max-width: 991px) {
    #carousel-banner.carousel-img-inline-bg .owl-item {
        height: 65vh;
    }
    #carousel-banner.carousel-img-inline-bg .owl-item .rounded-5 {
        height: 100%;
    }
    #carousel-banner.carousel-img-inline-bg .owl-item .rounded-5 img {
        height: 35% !important;
        object-fit: unset !important;
        position: absolute;
        bottom: 0;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-top: 1px solid lightgray;
    }
    
}