#breadcrumb {
    display: none !important
}

.pageDescription p {
    display: none
}

.btn-joinevent {
    color: darkviolet;
    font-weight: 600;
    box-shadow: 5px 3px 10px #808080;
    font-size: 22px;
}

    .btn-joinevent:hover {
        color: #FFF;
        font-weight: 600;
        box-shadow: 5px 3px 10px #808080;
        font-size: 22px;
        background-image: linear-gradient(90deg, #5b00de 0%, #FC00FF 100%);
    }

    .btn-joinevent:active {
        color: #FFF !important;
        font-weight: 600;
        box-shadow: 5px 3px 10px #808080;
        font-size: 22px;
        background-image: linear-gradient(90deg, #5b00de 0%, #FC00FF 100%);
    }

.main-banner {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../../images/upcomingEvent/main-image2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 200px 0px 200px;
    background-size: cover
}

.quadrat {
   
    -webkit-animation: NAME-YOUR-ANIMATION 1s infinite; /* Safari 4+ */
    -moz-animation: NAME-YOUR-ANIMATION 1s infinite; /* Fx 5+ */
    -o-animation: NAME-YOUR-ANIMATION 1s infinite; /* Opera 12+ */
    animation: NAME-YOUR-ANIMATION 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
    0%, 49% {
        background-image: linear-gradient(90deg, #5b00de 0%, #FC00FF 100%);
       color:#fff;
    }

    50%, 100% {
        background-image: linear-gradient(90deg, #FC00FF 0%,#5b00de 100%);
        color: #fff;
    }
}


.sideup-image {
    display: block;
    animation-name: slideUp;
    animation-duration: 3s;
    animation-timing-function: ease-in;
}



@keyframes slideUp {
    0%, 50% {
        transform: translateY(100%);
        opacity: 0;
    }

    60%, 100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes shrink {
    0% {
        background-size: 110% 110%;
    }

    100% {
        background-size: 100% 100%;
    }
}