body {
}

.Expeience_Eureka1 {
    display: inline-block;
    width: 100%;
    height: auto;
    padding-left: 16px;
    padding-right: 9px;
    margin-top: 30px;
}

    .Expeience_Eureka1 > img {
        display: inline-block;
        width: 100%;
        height: 234px;
        border-radius: 9px;
    }

    .Expeience_Eureka1 > p {
        color: Orange;
        display: inline-block;
        font-size: 20px;
        font-family: 'Century Gothicbold', 'Open Sans';
    }

    .Expeience_Eureka1 > span {
        display: inline-block;
        width: 100%;
        text-align: justify;
        padding-left: 10px;
        font-family: 'Century Gothic', 'Open Sans';
        color: White;
        line-height: 2em;
        padding-right: 10px;
    }

    .Expeience_Eureka1 > h3 {
        color: White;
        display: inline-block;
        font-size: 18px;
        padding-left: 12px;
        margin-bottom: 40px;
        font-family: 'Century Gothicbold', 'Open Sans';
    }

        .Expeience_Eureka1 > h3 > a {
            text-decoration: none;
            display: inline-block;
            color: White;
        }

.eureka_campus {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: 30px;
}

    .eureka_campus > img {
        width: 100%;
        height: auto;
        display: inline-block;
    }

    .eureka_campus > p {
        color: Orange;
        display: inline-block;
        font-size: 20px;
        font-family: 'Century Gothicbold', 'Open Sans';
    }

    .eureka_campus > span {
        display: inline-block;
        width: 100%;
        text-align: justify;
        padding-left: 10px;
        color: White;
        line-height: 2em;
        margin-bottom: 40px;
        font-family: 'Century Gothic', 'Open Sans';
        padding-right: 10px;
    }


.eukrekaholistic {
    display: inline-block;
    width: 100%;
    height: auto;
    min-height: 200px;
    background-color: whitesmoke;
}

    .eukrekaholistic > p {
        color: Orange;
        display: inline-block;
        font-size: 20px;
        padding-left: 10px;
        font-family: 'Century Gothicbold', 'Open Sans';
    }

    .eukrekaholistic > span {
        display: inline-block;
        width: 100%;
        line-height: 2em;
        text-align: justify;
        padding-left: 10px;
        color: black;
        font-weight: bold;
        font-family: 'Century Gothic', 'Open Sans';
        padding-right: 10px;
    }



.eukrekaholistic_div1 {
    display: inline-block;
    width: 100%;
    height: auto;
    min-height: 200px;
    background-color: whitesmoke;
}

    .eukrekaholistic_div1 > p {
        color: Orange;
        display: inline-block;
        font-size: 20px;
        padding-left: 10px;
        font-family: 'Century Gothicbold', 'Open Sans';
    }

    .eukrekaholistic_div1 > span {
        display: inline-block;
        width: 100%;
        line-height: 2em;
        text-align: justify;
        color: black;
        font-weight: bold;
        font-family: 'Century Gothic', 'Open Sans';
        padding-left: 10px;
        padding-right: 10px;
    }


/********career*********/


.career_div {
    display: inline-block;
    width: 100%;
    height: auto;
}

    .career_div > p {
        color: Orange;
        display: inline-block;
        font-size: 20px;
        padding-left: 10px;
        font-family: 'Century Gothicbold', 'Open Sans';
    }

    .career_div > span {
        display: inline-block;
        width: 100%;
        line-height: 2em;
        color: White;
        font-family: 'Century Gothic', 'Open Sans';
        text-align: justify;
        padding-left: 10px;
        padding-right: 10px;
    }

    .career_div > h5 {
        display: inline-block;
        width: auto;
        background-color: Orange;
        color: White;
        padding: 10px;
        margin-left: 20px;
        font-size: 20px;
        font-family: 'Century Gothicbold', 'Open Sans';
        border-radius: 10px;
    }

        .career_div > h5 > a {
            text-decoration: none;
            color: White;
        }

.eurekaexperience {
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: #1f1f70;
}

.nav {
    padding-left: 20px;
    margin-bottom: 0;
    list-style: none;
}

.nav-pills > li {
    float: left;
    width: 19%;
    color: white;
    text-align: center;
}

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: transparent;
    }

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    color: orange;
    background-color: transparent;
}

.nav-pills > li > a {
    border-radius: 4px;
    color: white;
}

    .nav-pills > li > a > i {
        display: inline-block;
        font-size: 35px;
        color: White;
        text-align: center;
        -webkit-transition: -webkit-transform .8s ease-in-out;
        transition: transform .8s ease-in-out;
    }

        .nav-pills > li > a > i:hover {
            color: Orange;
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }

.marquee {
    width: 100%;
    height: 330px;
    overflow: hidden;
    position: relative;
}

.track {
    display: flex;
    flex-direction: column;
    /* duration will be set dynamically via JS */
}

.marquee:hover .track {
    animation-play-state: paused !important;
}

.track .new_events {
    margin-bottom: 20px;
}

.blogTrack{
    display:flex;
    flex-direction:column;
    animation: scrollMarquee 35s linear infinite;
}

@keyframes scrollMarquee {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
    }
}