.banner {
    margin-top: -5.3rem;
    height: 90vh;
}
.bandetail{
   margin: auto 0;
}

.home-demo .item ,.item12 {
    position: relative;
    background-size: cover;
    background-position: center;
    text-align: center;
}
.item12{
    margin: 0 3rem 0 0;
    padding-bottom: 10px;
   z-index: 1;
    transition: 0.5s;
}
.item12 a{
    text-align: center;
}
.item12 img{
        border-radius:0.4rem 0.4rem  ;
         z-index: -11;
         height: 160px;
}
.item12 h4{
    
    margin-top: 30px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #FFFFFF;
    /* padding: 0.5rem; */
    text-align: start;

}
.car2btn{
    display: inline-block;
    position: absolute;
    top: 130px;
    right: 18px;
    margin:0.5rem;
    /* margin-left: 50%; */
    background: #fff;
    color: #222;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 17px 10px 17px;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 10%);
    text-decoration: none;  
}

.home-demo .item::after,.item12::after  {
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    background-size: cover;
    background-position: center;
    z-index: -1; 
    
}


.home-demo h2 {
    color: #FFF;
    padding: 5rem 0;
    margin: 0;
    /* font-family: "montserrat",sans-serif; */
}
.item,.banner{
    height: 110vh;
} 

.item1,.item2{
    background-color: #22222260;
}
/* Unique background images for each item */
.item1::after {
    background-image: url('images/banner4.jpg');
   
}

.item2::after {
    background-image: url('images/banner3.jpg'); /* Replace with your second image URL */
}
.item3::after {
    background-image: url('images/2151023395.jpg'); /* Replace with your second image URL */
}

.owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #FFF;
}
.owl-nav button{
    font-size: 2rem;
}

.owl-nav .owl-prev, .owl-nav .owl-next {
    background-color: rgba(0, 0, 0, 0.5); /* Adjust background color */
    color: #fff; /* Arrow color */
    border: none;
    font-size: 2rem; /* Adjust font size */
    padding: 10px 15px; /* Adjust padding */
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
}

.owl-nav .owl-prev {
    left: 10px; /* Adjust left position */
}

.owl-nav .owl-next {
   position: absolute;
    right: 10px; 
}

.owl-nav button.owl-prev span, .owl-nav button.owl-next span {
    display: inline-block;
}

.owl-nav button.owl-prev span , .owl-nav button.owl-next span{
    font-size: 4rem;
}
.owl-nav button{
    background-color: #ffffff00 !important;
}
/* Owl Carousel Dots Styles */
.owl-dots {
    text-align: center;
    position: absolute;
    bottom: 50px; /* Adjust vertical position */
    width: 100%;
}

.owl-dot {   
    width: 10px; /* Adjust dot size */
    height: 10px !important; /* Adjust dot size */
    border-radius: 10%;
    background-color: rgba(230, 0, 0, 0.3); /* Adjust dot color */
    margin: 0 5px; /* Adjust margin between dots */
}

.owl-dot.active {
    background-color: rgba(0, 0, 0, 0.7); /* Active dot color */
}
.owl-carousel2 .owl-dots{
    display: none;
}
.owl-carousel2 .owl-nav{
    display: none;
}


/* carousal3------------------/ */

.carou3{
    margin: 2rem 0;
}
.carou3 .owl-dots{
    display: none;
}
    .carou3 .owl-nav .owl-next span,  .carou3 .owl-nav .owl-prev span{
            color: #222;
    }
    .carou3 .owl-nav {
        top: 42%;
    }
    .carou3 .owl-nav .owl-next{
        bottom: 8%;
        right: 15%;
    }
    .carou3 .owl-nav .owl-prev{
        bottom: 8%;
        right: -55%;
    }