/*-----------------------------------------------
                  Banner Style
-----------------------------------------------*/
#ten_banner{
    background:url('../images/Jamiat-ul-Ulema%20Press%20Conference-Muzaffarnagar%20Riots.jpg');
    background-size:cover;
    background-position:50% 50%;
    height:350px;
}
.ten_banner-o{
    /*background:rgba(0, 0, 0,.75);*/
    height:350px;
}
#ten_banner .row, #ten_banner .container{
    height:100%;
}
.ten_banner-c{
    text-align:center;
    margin-top:110px;
}
.ten_banner-c h1{
    color:#fff;
    font-size:37px;
    margin:0;
    margin-bottom:20px;
}
.ten_banner-c ul{
    display:inline-block;
}
.ten_banner-c ul li{
    display:inline-block;
    padding:0 15px;
}
.ten_banner-c ul li a{
    color:#fff;
}
.ten_active{
    color:#4db4ff;
}



/*-----------------------------------------------
                  Tenders Style
-----------------------------------------------*/
#ten_case{
    padding:75px 0 45px 0;
}
.ten_case-c img{
    border-radius:5px;
    margin-bottom:20px;
    height:200px;
    width:100%;
    object-fit: cover;
    box-shadow:0 0 15px 0 rgba(0,0,0,.15);
}

#ten_pro-btn{
    background:#fff;
    border:1px solid #4db4ff;
    border-radius:50px;
    padding:5px 20px;
    font-size:12px;
    margin-top:0;
    transition:all .5s;
    color:#333;
}
#ten_pro-btn i{
    margin-left:15px;
}
#ten_pro-btn:hover{
    background:#4db4ff;
    color:#fff;
}
.ten_case-c ul li{
    display:inline-block;
    font-size:14px;
    color:#9e9e9e;
    margin-right:15px;
    margin-bottom:15px;
}
.ten_case-i{
    background:#fff;
    padding:15px;
    margin-top:-100px;
    position:relative;
    width:92%;
    margin-left:4%;
    box-shadow:0 0 10px 0 rgba(0,0,0,.05);
    margin-bottom:30px;
    border-radius:5px;
}


/*-----------------------------------------------
                  Test Style
-----------------------------------------------*/
#ten_test{
    padding:75px 0;
    background:#fff;
}
#ten_test h2{
    margin-bottom:30px;
    text-align: center;
}
#ten_owl .item{
    position:relative;
    background:#f4f4fb;
    padding:30px;
    text-align: center;
}
#ten_owl .item img{
    display: inline-block;
    width:65px;
    height:65px;
    border-radius:50%;
    margin-bottom:20px;
}
#ten_owl .item p{
    margin-bottom:0;
}
#ten_owl .owl-next, #ten_owl .owl-prev{
    background:transparent;
    color:#aaa;
}
#ten_owl .owl-next:hover, #ten_owl .owl-prev:hover{
    background:transparent;
    color:#777;
}




@media(max-width:576px){
    #ten_case{
        padding:15px 0 0 0;
    }
    .ten_case-i{
        margin-bottom:15px;
    }
    #ten_test{
        padding:15px 0;
    }
}