.navbar{
    background-color: transparent!important;
}



[id^='videoBanner'],
.banner-image{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.banner-inner-content {
    /* color:#fff; */
    position:absolute;
    top:30%;
    left:0;
    padding:1rem 5rem;
    width:100%;
}

.banner-title,
.vehicle-title{
    font-family: Widescreen;
    font-weight: 700!important;
}

#carousel-banner .carousel-indicators{
    margin-bottom: 8rem!important;
}


/* Carousel styling */
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%363636' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
   
.carousel-control-next-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%363636' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.carousel-indicators .active{
    background-color: #363636!important;
}

.carousel-indicators [data-bs-target]{
width:50px!important;
margin-right: 20px!important;
}


.ora-bg-blue{
    background: #57b7cf!important;
}

.ora-text-blue{
    color: #57b7cf!important;
}



 /* Mobile only styling */
 @media only screen and (max-width: 768px) {
  
    .banner-inner-content {
        color: #fff !important;
        position: relative;
        bottom:auto;
        top:auto;
        left: 0;
        padding: 2rem;
        width: 100%;
        background-color: #5fb7cf;
        margin-top: -0.5rem;

    }
    .banner-inner-content .ora-button{
        width:100%;
        text-align: center;
        display: block;
    }

    [id^='videoBanner'],
    .banner-image{
        height:auto;
    }

    #carousel-banner .carousel-indicators{
        margin-bottom: 2.5rem!important;
    }

    .carousel-indicators [data-bs-target] {
        width: 40px!important;
        margin-right: 10px!important;
    }

    #whyOraCarousel .carousel-indicators button {
        background-color: #84c8da!important;
    }

    #whyOraCarousel .carousel-indicators button.active {
        background-color: #84c8da!important;
    }


 }