
body{
    background: #000 !important;
    background-color: #000 !important;
}

.body{
    background: #000 !important;
    background-color: #000 !important;
}

.logo{
    z-index: 2000;
    width:40px;
    left:50%;
    margin-left:-20px;
}

.color-grey{
    color: #999;
}

.browse-jobs-area, .find-jobs-area, .inner-banner, .job-listing-area, .job-listing-top, .job-listing-top, .find-jobs-card, .job-details-widget{
    background: #000 !important;
    background-color: #000 !important;
}

a, a:hover{
    text-decoration: none !important;
}

.btn--custom{
    background: #fff;
    padding:15px 10px;
    border-radius:5px;
    color:#000;
    font-weight: bold;
    height:60px;
    text-align: center;
    font-size: 18px;
}


.btn--custom--outline{
    border:2px solid #fff;
    padding:15px 10px;
    border-radius:5px;
    color:#fff;
    font-weight: bold;
    height:60px;
    text-align: center;
    font-size: 18px;
}



.btn--custom--dark{
    background: #141414;
    padding:15px 10px;
    border-radius:5px;
    color:#fff;
    height:60px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}


footer a{
    color: #fff;
}

.desktop-nav, .footer-area, .navbar-area, .navbar-area.is-sticky, .section-footer, .navbar-area.is-sticky .desktop-nav{
    background:rgba(39,38,39, 0.85) !important;
}

.others-options .optional-item .two {
    background-color: rgba(255,255,255,0.2);
    color:#fff;
}

.side-nav-responsive .dot-menu .circle-inner .circle{
    background-color: #fff;
}

.side-nav-responsive .side-nav-inner .side-nav{
    background-color: #fff;
}

.card{
    background-color: #272627;
    color: #fff;
}

.card td{
    color: #fff;
}

.nav-pills .nav-link{
    color:#fff;
    cursor: pointer;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color:#fff;
    color:#000;
}

.border-end{
    border-color: #000 !important;
}

.table > :not(caption){
    border-color: #000;
}

.mobile-responsive-nav .mean-container a.meanmenu-reveal span{
    background: #fff;
}

.mobile-responsive-nav .mean-container a.meanmenu-reveal{
    top:0;
    color: #fff;
}

.mobile-responsive-nav .mean-container a.meanmenu-reveal span{
    height:2px;
}

/* SLIDER */

.slide-container{
    position: relative;
    min-height:600px;
}

.slide-container .gradient{
    height: 400px;
    width:100%;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    position: absolute;
    bottom:0;
}

.slide-container .gradient-sx{
    height: 100%;
    width:200px;
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    position: absolute;
    left:0;
}

.slide-container .gradient-dx{
    height: 100%;
    width:200px;
    background: linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    position: absolute;
    right:0;
}

.slide-container .text-container{
    height: 240px;
    width:100%;
    position: absolute;
    bottom:0;
    text-align: center;
}

.glide__arrow{
    border:0 !important;
    box-shadow:none !important;
    padding:20px !important;
    border-radius:0 !important;
    background: rgba(0,0,0,0.4) !important;
    
}

.glide__arrow--left{
    left:0 !important;
}

.glide__arrow--right{
    right:0 !important;
}

.main--slider .glide__arrow{
    top:80% !important;
}

.glide__bullets{
    bottom:-10px;
}

.btn--slider{
    background: #fff;
    padding:5px 10px;
    border-radius:5px;
    color:#000;
    font-weight: bold;
}

.btn--slider--more{
    background: #fff;
    padding:5px 10px;
    border-radius:5px;
    color:#000;
    font-weight: bold;
}

/* COURSE ITEM */

.course--item{
    border-radius:5px;
    border:3px solid #272627;
    display: block;
}

.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav{
    background: #272627;
}

.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a{
    border-top-color: #000;
}

/* COURSES AREA */

.courses--area .glide__arrow{
    top:33%;
}

/* LAYOUT */

@media (max-width: 576px) {

    .slide-container .gradient-sx{
        display:none;
    }

    .slide-container .gradient-dx{
        display:none;
    }

    .card td {
        display: block;
    }

    .card tr{
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
    }

    .card td{
        border: 0;
        padding-top:0 !important;
        padding-bottom:0 !important;
    }

    .card tr td:first-child{
        padding-top:20px !important;
    }

    .card tr td:last-child{
        padding-bottom: 20px !important;
    }


    .podcast--area{
        margin-top:-40px;
    }

    .podcast--area iframe{
        height:260px;
    }

    .main--slider ul li{
        height:600px;
    }
}

@media only screen and ( min-width:577px ) and ( max-width: 992px) {
    

}

@media only screen and ( min-width:769px ) and ( max-width: 992px) {

}


@media (max-width: 992px) {

    .slide-container{
        background-position: center center;
        background-size: cover;
        background-repeat: none;
    }

    .podcast--area iframe{
        height:260px;
    }
}


@media (min-width: 992px) {

    .slide-container{
        background-position: center center;
        background-size: cover;
        background-repeat: none;
    }

    .course--item--single{
        margin-top:100px;
    }

    .podcast--area iframe{
        height:200px;
    }
}

@media (max-width: 1200px) {

}

@media (min-width: 1400px) {}