*{ margin:0; padding:0;}
a{ text-decoration:none;}
p{ padding:0; margin:0}
a:hover{ text-decoration:none}
ul{ list-style:none; margin:0 !important}
body{ font-family:BentonSans,Arial,sans-serif; font-size:14px; background:#EEEEEE !important;} 

div.top_header{ width:100%; background:#37474F;}
div.top_header ul li{ display:inline-block; padding:0 .4rem; line-height: 2.2rem; color:#fff; font-size:.9rem; font-weight:bold}
div.top_header ul li a{ color: #fff; }
div.top_header ul li span{ display: inline-block; width: 30px; height: 30px; margin-right: 5px; background: #fff; border-radius: 100%; }
div.top_header ul li span i.fa-user{ color: #557DBF; padding: 0 6px 0 0; font-size: 1.2rem; }
div.top_header ul li:last-child{ padding-right: 0;}
div.top_header ul li i{ font-size:1.3rem; line-height:2.1rem; vertical-align:middle}
li.userAccount{ position:relative; cursor:pointer}
ul.userInfo{ position:absolute; top:35px; right:0; width:162px; background:#666; z-index:9999999; text-align:left; display:none; padding: 9px}
ul.userInfo li{ line-height: 1.8rem !important }


i.fa-tachometer-alt{ padding-right:.3rem; color:#fff;}
header{ width:100%; background:#fff; padding:0 0 0 0; box-shadow:0 4px 20px rgba(0,0,0,.25); position:relative; z-index:5;}
header div.header-block{ height: 60px;  }
header div.header-block img{ height: 40px; margin-top: .6rem;}
section.main_banner{ position: relative; background:#fff url(../images/main_banner_v-1.0.2.jpg) no-repeat; background-position:0 100%; background-size:cover; overflow:hidden; height:350px;  }
nav{ margin-top:0rem; padding:0; }
.nav-item a:first-child{ padding-left:0}
div.daily_quiz{
    background: linear-gradient(45deg, #000000cc, #cccccc80);
    height: 290px;        
    color: #fff;
    margin-top: 10%;
}
div.daily_quiz .quiz_block{
    padding: 10px 15px 15px 10px;
}
div.daily_quiz div.caption{
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    background-color: #fbcd41;
    color: #666;
    margin: 10px 0;
    padding: 5px 15px 5px 10px;
    box-shadow: 0 3px 8px #000;
}
div.daily_quiz div.caption::before, div.daily_quiz div.caption::after {
    content: "";
    position: absolute;
}
div.daily_quiz div.caption::before {
    width: 7px;
    height: 40px;
    top: 0;
    left: -6.5px;
    padding: 0 0 7px;
    background: inherit;
    border-radius: 5px 0 0 5px;
}
div.daily_quiz div.caption::after {
    width: 5px;
    height: 7px;
    bottom: -7px;
    left: -4.5px;
    background: #8d6b00;
    border-radius: 5px 0 0 5px;
}
div.header-right{ display:table; text-align:right; line-height: 3.2rem}
div.header-right >div{ display:table-cell; vertical-align:middle; padding-top:.4rem; padding-left:1.5rem}
form.navbar-form div.input-group{ height:1.9rem; margin-top:.2rem}
form.navbar-form .btn{ border-radius:0 !important}
div.skill-test{ font-size:.7rem; color:#cd0000; text-transform: uppercase;}
div.sign-up-btn{ color: #000;}
div.sign-up-btn a{ font-size: .7rem; color:#2E82D6 !important; text-transform: uppercase; font-weight: bold;}
div.career-btn a{ font-size: .7rem; text-transform: uppercase; color: #424242; font-weight: bold;}
div.contact-btn a{ font-size: .7rem; text-transform: uppercase; color: #424242; font-weight: bold;}
div.contact-btn a i{ padding-right: 5px; color: #424242 }
section.main-body{ min-height: 500px; background: #EEEEEE; margin: 15px 0;}

div.course-title{ font-size: 1rem; font-weight: bold; padding: 1rem 0; color: #2F64A3;}
div.course-title i{ color:#37474F; padding-right: .5rem;}
div.course-blog{ background: #fff; width: 100%; padding: 1.8rem; border:1px solid #eee; margin-bottom: .8rem; text-align: center; vertical-align: middle}
section.banner-course{
    width: 100%;
    /* padding: 3.5rem 0 0 0; */
    /* position: relative; */
    /* height: 100%; */
    /* text-align: center; */
    position: absolute;
    top: 41%;
    text-align: center;
}
div.mask_overlay{position: absolute;
width: 100%;
bottom: 0;
height: 100%;
background-color: #99999960;}
div.trending-course div.title{ font-size: .8rem; font-weight: bold}
div.trending-course div.item span{
    display: inline-block;
    /* width: 23%; */
    color: #cd0000;
    font-weight: bold;
    font-size: 10px;
    color: #fff;
    background-image: linear-gradient(45deg, #00000080, #ffffff80);
    padding: 3px 15px;
    border-radius: 25px;
    margin: 0 8px;
}
div.trending-course div.item span a{ color: #fff; }
div.correct-bar{ margin: 0.6rem 0}
div.quiz_btn_group{ margin-top: .5rem;}
div.quiz_block div.question{ font-size: .91rem;}
div.quiz_btn_group .btn-secondary{ float: right}
div.quick_links{ position: absolute; bottom: 0; background: #272727; width: 100%; opacity: .6}
div.quick_links ul li{ display:inline-block; padding:0 .6rem; line-height: 2.2rem; color:#fff; font-size:.9rem; font-weight:bold}
div.quick_links ul li:last-child{ background: #2F64A3; float: right}
div.quick_links ul li:hover{ background: #2F64A3;}
div.quick_links ul li a{ color: #fff}
div.quick_links ul li i{ padding-right: .5rem}
div.quick_links ul li a:hover{ color: #fff}

div.social_media{
    position: absolute; bottom: -15px; left: 0;
    text-align: center;
}
div.social_media a{
    display: inline-block;
    margin-right: 1.9rem;
    color: #ccc;
    font-weight: bold;
    font-size: 1rem;
}
div.social_media a i{ opacity: .9; margin-right:.5rem; background: #006699; padding: .5rem .5rem; color:#fff;
    border-radius: 100%; border:3px solid #fff;}
footer{ width: 100%;}
section.top-footer{ background:#fff; display:block; padding:.5rem;}
div.site-info{ width:100%; overflow:hidden}
div.site-info span{ display:inline-block; padding-right:1rem;}
div.site-info span a{ color:#006699; font-size:14px; text-transform:capitalize}
div.social-info{ text-align:right}
div.social-info span{ display:inline-block; padding-left:1rem;}
div.social-info span a{ font-size:14px; color:#006699;}
div.social-info span a i{ padding-right:.4rem}
section.btm-footer{background: #263238; display:block; padding:1rem; color:#fff;}
div.contact-media span{ display: inline-block; margin-right: 1rem; margin-bottom: .8rem; }
div.contact-media span a i{ font-size: 1.5rem; color: #006699; }
.bn_font{ font-family:solaimanlipi; font-size:15px}
.eng_font{font-family:BentonSans,Arial,sans-serif; font-size:14px}
h1,h2,h3{ padding:0 !important; margin:0 !important} 
.container-fluid{ max-width:1170px;}
.flip-card{ margin: 0 0 20px 0 }
.flip-card-inner{position: relative; width: 100%; height: 100%; text-align: center; 
	transition: transform .8s; transform-style: preserve-3d; background-color: #fbfbfb; padding: 20px; border-radius: 8px;
    _width: 235px; height: 80px; box-shadow: 0 3px 5px #aaa; }

.flip-card-back, .flip-card-front{ position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden;
    backface-visibility: hidden; left: 0; top: 0; padding: 20px; }
.flip-card .img{float: left; width: 40px; height: 40px; }
.flip-card .img img{ width: 40px; height: 40px; }
.flip-card .service_title{ float: left; position: relative; width: calc(100% - 40px); text-align: left;
    padding-left: 15px; top: 5px; color: #333; text-transform: capitalize; }
.flip-card .service_title .title{
    display: table-cell;
    font-size: 14px;
    line-height: 18px;
    height: 30px;
    overflow: hidden;
    vertical-align: middle;
}
.flip-card-back{ background-image: linear-gradient(90deg,#39b54a,#009444); color: #fff; transform: rotateX(180deg);border-radius: 8px;
}
.flip-card-back span{ font-size: 12px; line-height: 16px; display: inline-block; margin: -10px;}
.address{ margin-top: 20px }

div.content_wrap{ display: table; background: #fff; vertical-align: top; }
div.content_wrap >div.left{ width: 100%; display: table-cell; vertical-align: top; -webkit-border-radius:0px 4px 4px 4px; -moz-border-radius:0px 4px 4px 4px; border-radius: 0px 4px 4px 4px; -webkit-box-shadow:0 0 8px rgba(58, 51, 46, 0.26); -moz-box-shadow:0 0 8px rgba(58, 51, 46, 0.26); box-shadow:0 0 8px rgba(58, 51, 46, 0.26); position: relative; overflow: hidden; background: #fff; }
div.content_wrap >div.left div.title h3{ background: #37474F; color: #fff; font-size: 16px; display: inline-block; padding: .5rem 1rem !important; border-bottom-right-radius:5px; text-transform: capitalize; }
div.content_wrap >div.left div.load_data{background: #fff; padding: 1rem}
div.content_wrap >div.left div.load_data thead,tfoot{ background: #666; color: #fff; }
div.content_wrap >div.left div.load_data thead,tfoot th{ font-weight: normal; padding:.6rem; }
div.content_wrap >div.left div.load_data tbody tr td{ vertical-align: middle; }
div.content_wrap >div.right{ width: 160px; display: table-cell; background: #eee; vertical-align: top; }
div.right_data_load{ width: 160px; padding-left: 1rem; }

div.snippet_card{
display: table;
width: 100%;
background: #32A953;
background-image: linear-gradient(to top, #32A953, #628e6f);
height: 120px;
border-radius: 8px;
box-shadow: 0 3px 5px #aaa;
text-align: center;
margin-bottom: 20px;        
}
div.snippet_card span.title{
font-size: 16px;
text-transform: uppercase;
color: #fff;
text-align: center;
/* padding: 28% 5% 0 5%; */
display: table-cell;
height: 100%;
vertical-align: middle;
}

#navbarNav ul li a{
    text-transform: uppercase;
    color: #666;
    font-weight: bold;
    line-height: 30px;
}
#navbarNav ul li a:hover{ color:#439EC9; text-decoration:none}
#navbarNav ul li i{font-size: 16px;}

.navbar-form{
    display: block;
    height: 46px;        
    margin: 0;
    padding: 0;
    position: relative;        
}
.navbar-form div.input-group {
    height: 100% !important;
    margin-top: 0 !important;
}
.navbar-form div.input-group input{
    height: 100% !important;
    border: none !important;
    background-color: #ececec;
    border-radius: 0 !important;
}
.navbar-form button{
    height: 100%;
    background-color: #557dbf80;
    color: #fff;
}