.container-fluid{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.bg{
    background-color: #fff !important;
    box-shadow: 0px 0px 10px 0px #ccc;
}


.mv{
    margin-top: -35px;
}

.event-title p{
    font-size: 2rem;
    margin-bottom: -20px;
}


.event-date{
    display: flex;
    align-items: center;
}

.event-date .date{
    background-color: #4E0076;
    color: #fff;
    padding: 10px;
    font-weight: 700;
    font-size: 1rem;
}

.event-date .venue{
    background: linear-gradient(90deg,#EA0268 50%,#FF7100 0);
    color: #fff;
    padding: 10px;
    font-weight: 700;
    font-size: 1rem;
    margin-left: 10px;
}

.event-text p{
    font-size: 1rem;
}

.spacer{
    flex: 1 1 auto;
}

.banner{
    background-color: #F6F5FC;
    padding: 50px 0px;
}

.banner img{
    width: 50%;
}

.profile{
    padding: 50px 0px;
}

.profile h5{
    font-weight: 400 !important ;
}

.services{
    padding: 50px 0px;
    
}

.card-width{
    width: 20rem;
}

.registration{
    background-color: #F6F5FC;
    padding: 50px 0px;
}

.map{
   background-color: #F6F5FC;
    padding: 50px 0px; 
}

.registration .card{
    border: none;
}

.registration .card{
    width: 35rem;
}

.footer{
    padding: 30px 0px;
    text-align: center;
    box-shadow: 0px 0px 10px 0px #ccc;
}

.offcanvas-start{
    width: 272px !important ;
}

.offcanvas-body{
    padding: 0 1rem !important;  
}


/* mobile view */
@media (max-width: 767px) {
    .card-width{
        width: 100%;
    }
    .banner img{
        width: 100%;
    }
    .registration .card{
        width: 100%;
    }

    .mv{
        margin-top: -25px;
    }
    .event-date .date{
        background-color: #4E0076;
        color: #fff;
        padding: 10px;
        font-weight: 700;
        font-size: 0.9rem;
    }
    
    .event-date .venue{
        background: linear-gradient(90deg,#EA0268 50%,#FF7100 0);
        color: #fff;
        padding: 10px;
        font-weight: 700;
        font-size: 0.9rem;
        margin-left: 10px;
    }
    
}