.banner-1{
        /*background-image: url('{{ asset('public/assets/img/home-page/events-background.png')}}');*/
    width: 100%;
    height:500px;
    object-fit:contain ;
background-size:cover;
background-repeat: no-repeat;
background-position: bottom;    
color: #ffffff;
align-content: center;
}



.banner-box{
    width: 100%;
    height: auto;
    margin: 0px;
}

.banner-box img{
    border-radius:40px 0 0 40px ;
    object-position:center;
}

.banner-box .banner-event-2-img img, .banner-box .banner-event-4-img img {
    border-radius: 0px 40px  40px 0 ;
}
    


/*@media (min-width: 10px) and (max-width: 767px){*/

        
/*    }*/



.banner-box img
{
width:100%;
height: 350px;
margin: 0;
padding: 0;
object-fit: cover;
object-position:top;
/*border-radius: 0 40px 40px 0;*/


}

.banner-event-3{
     border-radius: 0 40px 40px 0;
}




@media (min-width: 10px) and (max-width: 767px){
.banner-event-3{
    border-radius: 0 0 40px 40px;
}


.banner-box img {
        border-radius: 40px 40px 0 0 !important;
    }

}

.banner-event-2 ,.banner-event-4{
    border-radius:40px 0 0 40px;
} 

@media (min-width: 10px) and (max-width: 767px){
    .banner-event-2 ,.banner-event-4{border-radius: 0 0 40px 40px !important;
        
    }
}

.banner-box .row{
    max-width: 860px;
margin: 0 auto;
}


.banner-event-2,.banner-event-3,.banner-event-4 {
    list-style: none;
background:#E8EDED;
height: 350px;
width: 100%;
}



.banner-event-2 a, .banner-event-4 a,  .banner-event-3 a {
margin: 5px;
color: #000000;
}
 
.banner-event-2 button, .banner-event-4 button,  .banner-event-3 button {
margin-top: 1rem;

}
 

/*.banner-event-2 button{*/
/*    background: #000000;*/
/*padding: 5px 18px;*/

/*}*/


/*.banner-event-4 button{*/
/*    background: #000000;*/
/*padding: 5px 18px;*/
/*}*/


/*.banner-event-3 button{*/
/*    background: #000000;*/
/*padding: 5px 18px;*/

/*}*/

.banner-box .text-md-start{
    padding: 30px;
}