/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
    .main-menu-style2 .container {
        padding: 0 15px;
    }
}

.hero-section {
    position: relative;
}

.explore-section {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 75px 0;
}.explore-section ul li {
    list-style-type: disc;
    margin-left: 25px;
    margin-bottom: 10px;
}.explore-section ol li {
    list-style-type: decimal;
    margin-left: 25px;
    margin-bottom: 10px;
}

/* Tutorial Tabs Color */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-image: -moz-linear-gradient(-180deg, rgb(46, 157, 208) 0%, rgb(1, 175, 150) 100%) !important;
    background-image: -webkit-linear-gradient(-180deg, rgb(46, 157, 208) 0%, rgb(1, 175, 150) 100%) !important;
    background-image: -ms-linear-gradient(-180deg, rgb(46, 157, 208) 0%, rgb(1, 175, 150) 100%) !important;
}

/* Hero Section Nice Select */
section.hero-section .nice-select.form-control {
    width: 100%;
} section.hero-section .nice-select.form-control ul.list{
    height: 250px;
    width: 100%;
    overflow-y: scroll;
}

.winner-animate {
    font-weight: 800 !important;
    text-transform: uppercase !important;
    animation: anim-winner 0.1s infinite alternate-reverse linear;
}@keyframes anim-winner {
    from { color: #01af96 }
    to { color: #2e9dd0 }
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none !important;
}