#slide {
    display: flex;
    overflow-y: hidden;
    overflow-x: hidden;
}

    #slide img {
        margin: 0 0.5em;
    }

/*#sliderScroll_outer {
    width: auto;
    height: 5px;
    background: #7E7E7E;
    margin: 2em;
    scrollbar-width: thin;
    float: center;
}


    #sliderScroll_outer::-webkit-scrollbar {
        background-image: linear-gradient(to right,white 50%, grey 50%,white 51%);
        border-radius: 6px;
    }

    #sliderScroll_outer::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 6px;
    }

    #sliderScroll_outer::-webkit-scrollbar-thumb {
        border-radius: 6px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }

    #sliderScroll_outer::-webkit-scrollbar-track {
        background-repeat: repeat-y;
    }*/


.padwidth25 {
    flex: 0 0 auto;
    width: 25%;
}

.notify-badge {
    width: 44px;
    height: 46px;
    position: absolute;
    bottom: -20px;
    right: 26px;
    z-index: 1000;
}


.upcomingEvents_title {
    color: var(--ob-sectionhead-text-color);
    font-family: Barlow;
    font-weight: bold;
    font-size: 45px;
}


.upcomingEvents_titlePad {
    padding-left: 20px;
    padding-top: 20px;
}


.UpcomingBox_Text {
    color: #ababac;
    font-family: inter;
    font-weight: normal;
    font-size: 14px;
    padding-left: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.upcomingEvents_textPad {
    padding-left: 20px;
    padding-top: 0px;
}






.upcomingEvents {
    padding-top: 45px;
    /* background-color:green;*/
    background-color: #B7B7B7;
}



.upcomingbox {
    height: 160px;
    width: auto;
}

.blogbox {
    background-color: black;
    color: white;
    min-height: 224px;
    width: auto;
    font-weight: bold;
    font-size: 20px;
    padding-top:15px;
    padding-left: 20px;
}

.blogbox {
    background-color: #191313;
    min-height: 224px;
    width: auto;
}

.upcomingwrapper {
    /* background-color: green;*/
    background-color: #2068B7;
    
    height: 100%;
    width: 100%;
    max-width: 300px;
    margin-left: 0px;
}


.UpcomingBox_Text {
    color: #ababac;
    font-family: inter;
    font-weight: normal;
    font-size: 14px;
    padding-left: 7px;
    padding-top: 10px;
}

.UpcomingBox_Title {
    color: #e40406;
    font-family: inter;
    font-weight: normal;
    font-size: 13px;
    padding-left: 10px;
    padding-top: 5px;
}


.blogbox_Title {
    color: var(--ob-sectionhead-text-color);
    font-weight: bold;
    font-size: 18px;
    padding-top: 10px;
    padding-left: 10px;
}


.blogbox_Date {
    color: #e40406;
    font-family: inter;
    font-weight: normal;
    font-size: 13px;
    padding-left: 10px;
    padding-top: 5px;
}

.blogbox_Text {
    color: #ababac;
    font-family: inter;
    font-weight: normal;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 10px;
}


.contestborder {
     border: 1px solid white;
    border-radius:10px 10px;
}

.contestbox {
    /*height: 160px;*/
    width: auto;
    /* padding-left: 10px;*/
    /*padding-right: 24px;*/
    padding: 5px 5px 5px 5px;
}


.contestwrapper {
    /* background-color: green;*/
    background-color: #181818;
    height: 100%;
    width: 100%;
    max-width: 300px;
    /*margin-left: 8px;*/
}

.contestBox_Text {
    color: #ababac;
    font-family: inter;
    font-weight: normal;
    font-size: 14px;
    /* padding-left: 7px;*/
    padding-top: 25px;
    padding-bottom: 10px;
    min-height: 90px;
    margin-left: 10px;
    margin-bottom: 8px;
    text-decoration: none;
}


.contest_title {
    color: var(--ob-sectionhead-text-color);
    font-family: Barlow;
    font-weight: bold;
    font-size: 45px;
}

.contest_Text {
    color: white;
    font-family: inter;
    font-weight: normal;
    font-size: 14px;
   /* padding-left: 7px;*/
    padding-top: 10px;
}

.modal-body {
    padding: 20px !important;
    border: 0px !important;
}

.modal-content {
    background-color: white;
}

.mdl-head {
    color: black;
    padding-bottom: 20px;
    padding-left: 7.5%;
    display: inline-block;
    text-align: center;
    width: 85%;
}

.mdl-close {
    display: inline-block;
    float: right;
    background-color: transparent;
    padding-top: 5px;
    border-radius: 5px;
    cursor: pointer;
}


.scrollviewall2 {
    color: RED;
    font-family: inter;
    font-weight: bold;
    font-size: 18px;
    margin-top: -50px;
}

scrollviewall2:hover {
    color: white;
    font-family: inter;
    font-weight: bold;
    font-size: 18px;
    margin-top: -50px;
}

.viewall2 {
    color: RED;
    text-decoration: none;
}

    .viewall2:hover {
        color: white;
        text-decoration: none;
    }


.padtop20 {
    padding-top: 20px;
}


@media screen and (max-width:991px) {

    .upcomingEvents_title {
        font-size: 30px;
    }

    .contest_title {
        font-size: 30px;
    }


    .upcomingEvents_titlePad {
        padding-left: 20px;
        padding-top: 20px;
    }

    .upcomingEvents_text {
        font-size: 13px;
    }

    .contest_Text {
        font-size: 13px;
    }



    }