/* fonts */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700,900&display=swap');

@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');



/* fontawesome */

@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');











/* common */

*{

    outline: none;

}

body{

    font-size: 16px;

    font-family: 'Titillium Web', sans-serif;



    font-weight: 400;

    position: relative;

}

a{

    text-decoration: none;

}

.btn{

    transition:all 0.5s ease;

}

h1, h2, h3, h4, h5, h6{

    font-family: 'Titillium Web', sans-serif;



}

.section{

padding: 30px 0;

}





/* dashboard start */



.dashboard{

    background: #f6f6f6;

    min-height: 100vh;

}

.dashboard .sidebar{

    width: 250px;

    height: 100%;

    position: fixed;

    background: #fff;

    -webkit-box-shadow: 5px 0px 9px 0px rgba(0, 0, 0, 0.06);

    -moz-box-shadow: 5px 0px 9px 0px rgba(0, 0, 0, 0.06);

    box-shadow: 5px 0px 9px 0px rgba(0, 0, 0, 0.06);

    transition: all 0.4s ease;

    z-index: 9999;

    top:0;

}

.dashboard .sidebar .navbar {

    background: transparent;

    border-color: transparent;

    border-radius: 0;

}

.dashboard .navbar-header {

    width: 100%;

    border-bottom: 1px solid #eee;

    margin: 0;

    margin-bottom: 20px;

    height: 64px;

}

.dashboard .navbar>.container-fluid .navbar-brand{

    height: auto;

    display: block;

    width: 100%;

    margin: 0;

}

.dashboard .navbar-brand img{

    max-width: 150px;

    margin: 0 auto;

}

.dashboard .navbar > .container-fluid {

    padding: 0;

}

.dashboard .navbar > .container-fluid .navbar-collapse{ 

    clear: both;

    margin: 0;

    display: block;

    border-color: transparent;
    height: calc(100vh - 84px) !important;
    overflow: auto !important;

}

.dashboard .navbar-nav>li {

    display: block;

    float: none ;

}

.dashboard .navbar > .container-fluid .navbar-collapse .navbar-nav{ 

    float:none;

}

.dashboard .navbar-default .navbar-nav>li>a > i{

    width: 30px;

    font-size: 18px;

    vertical-align: middle;

    display: inline-block;

}

.dashboard .mainCont {

    padding-left: 250px;

    transition: all 0.4s ease;

}

.dashboard .mainCont .header{

    padding: 15px;

    background: #0080cb;

    display: flex;

    justify-content: space-between;

}

.dashboard .mainCont .header > a,

.dashboard .mainCont .header > .dropdown > a {

    color: #fff;

    font-size: 20px;

    line-height: 34px;

    width: 40px;

    text-align: center;

    display: inline-block;

}

.dashboard .mainCont .header > .dropdown > .dropdown-menu {

    left: auto;

    right: 0;

}

.dashboard .mainCont .contentPart{

    padding:30px;

}

.dashboard .mainCont .contentPart .title{

    margin-bottom: 40px; 

    margin-top:0;

}

.dashboard .sectionDash{

    background: #fff;

    padding:15px;

    font-size: 14px;

}

.dashboard.closeMenu .sidebar{

    transform: translate(-260px, 0)

}

.dashboard.closeMenu .mainCont {

    padding-left: 0px;

}

.dashboard .navbar-nav>li a:hover {

    background: #ccc;

    border-radius: 5px; 

}

.sectionDash {

    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.12);

    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.12);

    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.12);

    margin-bottom: 30px; 

}

/* dashboard end  */



.theamHeader .headTopin{

    display: flex;

    justify-content: space-between;

}

.theamHeader .headTopin .locInfo{

    display: flex;

}

.theamHeader .headTopin .locInfo .item {

    padding-left: 40px;

    padding-right: 15px;

    position: relative;

    display: flex;

    align-items: center;

}

.theamHeader .headTopin .locInfo .item .ico{

    position: absolute;

    transform: translate(0%, -50%);

    left: 0;

    top: 50%;

    width: 30px;

    height: 30px;

    border: 1px solid #333;

    border-radius: 50%;

    text-align: center;

    line-height: 30px;

}

.theamHeader .headTopin .locInfo .item h4 {

    margin:0;

}

.theamHeader .headTopin .locInfo .item a {

    font-size: 13px;

    text-decoration: none;

    color: #0080cb;

}

.theamHeader .headTopin .logo .navbar-brand {

    height: auto;

}

.theamHeader .navbar-nav>li {

    float: none;

    display: inline-block;

}

.theamHeader .navbar-nav {

    width: 100%;

    text-align: center;

}

.theamHeader .navbar {

    border-radius: 0;

    background: #2d7fc7;

    margin-bottom: 0;

    border: transparent;

}

.theamHeader .navbar-default .navbar-nav>li>a {

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 500;

}





.theamHeader .navbar-default .navbar-nav>.open>a {

    background-color: #2771b3;

    color: #fff;

}



.site-content {

    padding: 20px 0;

}

.innerSiteCont {

    margin-right: -12px;

    margin-left: -12px;

    padding-top: 20px;

}

.innerSiteCont::after{

    content: "";

    display: block;

    clear: both;

}





.innerSiteCont .content-part {
    width: 75%;
    padding: 0 12px 0 12px;
    float: left;
    padding-bottom: 50px;
    margin-bottom: 20px;
    margin-right: 0%;
}

.innerSiteCont .sidebar-part {
    width: 25%;
    padding: 0 12px;

    float: left;

}

.banner {

    position: relative;

    margin-bottom: 25px;

}

.banner .owl-nav>button {

    outline: 0;

}

.banner .owl-nav>button.owl-prev {

    position: absolute;

    width: 40px;

    height: 40px;

    top: 50%;

    background: rgba(0, 0, 0, 0.50);

    color: #fff;

    font-size: 30px;

    line-height: 40px;

    border-radius: 50%;

    border: 1px #fff solid;

    left: 10px;

    transform: translate(0px, -50%);

}

.banner .owl-nav>button.owl-next {

    position: absolute;

    width: 40px;

    height: 40px;

    top: 50%;

    background: rgba(0, 0, 0, 0.50);

    color: #fff;

    font-size: 30px;

    line-height: 40px;

    border-radius: 50%;

    border: 1px #fff solid;

    right: 10px;

    transform: translate(0px, -50%);

}

.banner .owl-nav>button>span {

    position: absolute;

    transform: translate(-50%, -50%);

    top: 50%;

    left: 50%;

}

.banner .owl-dots {

    position: absolute;

    top: 15px;

    right: 15px;

    background: rgba(255, 255, 255, 0.80);

    padding: 0 10px;

    border-radius: 5px;

}

.banner .owl-dots>button {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: rgba(0, 0, 0, 0.50);

    display: inline-block;

    margin-right: 5px;

    outline: 0;

}

.banner .owl-dots>button.active {

    background: #ce181e;

}

.banner .owl-dots>button:last-child {

    margin-right: 0;

}

.banner .owl-theme .slideTitle {

    line-height: 1.1;

    font-size: 32px;

    position: absolute;

    bottom: 0px;

    padding: 20px;

}

.banner .owl-theme .slideTitle a {

    color: #fff;

    text-decoration: none;

}

.banner .owl-theme .img::after {

    content: "";

    background: rgba(0, 0, 0, 0.10);

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.sideSec .title h4, 

.sideSec .title a{

    background-color: #f2f2f2;

    border-radius: 2px;

    color: #222;

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 15px;

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    text-transform: uppercase;

    margin-top: 0;

    display: block;

    text-decoration: none;

}

.sideSec .title a{

    text-transform: none;

    font-size: 14px;

    font-weight: 700;

    margin: 0;

    border-bottom: 1px solid #eaeaea;   

    position: relative;

    line-height: normal;

    height: auto;

    padding-top: 6px;

    padding-bottom: 6px;

}

.collapSide .sideDvWrp{

    background: #f3f3f3;

    padding: 10px;

    margin-bottom: 20px;

}

.collapSide .sideDvWrp .sideList ul {

    padding: 0 0px 0 20px;

    list-style: none;

}

.collapSide .sideDvWrp .sideList ul li{

    border-bottom: 1px solid #eaeaea;

    margin: 0;

    padding: 5px 0;

}

.collapSide .sideDvWrp .mntitle {

    font-size: 20px;

    text-transform: uppercase;

    margin-top: 0;

    line-height: 1.3;

    padding-bottom: 10px;

    margin-bottom: 10px;

    font-weight: 600;

    position: relative;

}

.collapSide .sideDvWrp .mntitle::before {

    display: block;

    width: 10px;

    height: 2px;

    content: '';

    transition: all .3s;

    position: absolute;

    bottom: 0;

    background-color: #2d7fc7;

}

.collapSide .sideDvWrp .mntitle::after {

    display: block;

    width: 10px;

    height: 2px;

    content: '';

    transition: all .3s;

    position: absolute;

    bottom: 0;

    background-color: #333;

    margin-left: 13px;

}

.collapSide .sideDvWrp .sideList {

    margin: 0;

}

.sideSec .title a[aria-expanded="true"] .fa-plus-circle {

    display: none;

}

.sideSec .title a[aria-expanded="false"] .fa-plus-circle {

    display: inline-block;

}

.sideSec .title a[aria-expanded="true"] .fa-minus-circle {

    display: inline-block;

}

.sideSec .title a[aria-expanded="false"] .fa-minus-circle {

    display: none;

}

.sideSec .title a i {

    position: absolute;

    left: 0px;

    top: 4px;

    transform: translate(0, 50%);

}

.collapSide .sideDvWrp .title a{

    padding-left: 20px;

}



.sideList {

    margin-bottom: 30px;

}

.sideList ul {

    padding: 0 0 0 20px;

}

.sideList ul li {

    margin-bottom: 8px;

}

.sideList ul li a {

    color: #303030;

    text-decoration: none;

    line-height: 1;

    font-size: 14px;

    font-weight: 500;

}

.sideList ul li a:hover {

    color: #ce181e;

}

.sideList ul.tag {

    padding: 0;

}

.sideList ul.tag li {

    display: inline-block;

    margin-right: 20px;

}

.sideList ul.tag li a {

    display: block;

    padding: 0px 5px;

    background: #e9e9e9;

    position: relative;

    font-size: 13px;

    line-height: 26px;

}

.sideList ul.tag li a::after {

    content: ' ';

    display: block;

    width: 0;

    height: 0;

    border-top: 13px solid transparent;

    border-bottom: 13px solid transparent;

    border-left: 13px solid #e9e9e9;

    position: absolute;

    top: 0;

    right: -13px;

}

.allPosts .item .itemInner {

    border: 1px solid #ddd;

    border-radius: 2px;

    padding: 10px;

}

.allPosts .item .itemInner .itemHader .img img {

    /* max-width: 100%; */

    /* max-height: 100%; */

    width: 100%;

    height: 236px;

    object-fit: cover;

}

.allPosts .item .itemInner .itemHader {

    display: flex;

}





.allPosts {

    margin: 0 -10px;

    display: flex;

    flex-wrap: wrap;

}

.allPosts .item{

    flex:0 0 50%;

    padding:0 10px;

    margin-bottom:20px;

}

.allPosts .item .discMn h3{ 

    font-size: 20px;

}

.allPosts .item .discMn h3 a{
    display: block;
    min-height: 53px;
}

.allPosts .item .itemHader .img {

    position: relative;

    width: 100%;

}

.allPosts .item .itemHader .img .post-category{

    background: rgba(51, 122, 183, 0.75);

    border-radius: 3px;

    font-size: 14px;

    padding: 3px 8px;

    color: #fff;

    position: absolute;

    left: 15px;

    top: 15px;

    text-decoration: none;;

}

.allPosts .item .entry-meta {

    display: flex;

    justify-content: space-between;

}

.allPosts .item .entry-meta > span{

    font-size: 14px;

}





footer {

    padding: 30px 0 0;

    background: #2d7fc7;

    color: #fff;

    font-size: 14px;

}

footer .footInnewap {

    display: flex;

    justify-content: space-between;

    margin: 0 -15px;

    padding-bottom: 20px;

}

footer .footInnewap .item{

    flex: 0 0 25%;

    padding: 0 15px;

}

footer .footInnewap .item .contact,

footer .footInnewap .item .social{

    list-style: none;

    padding: 0;

}

footer .footInnewap .item .social li{

    display: inline-block;

    margin-right: 5px;

    margin-bottom: 5px;

}

footer .footInnewap .item .social li a{

    display: block;

}

footer .footInnewap .item .social li a img{

    width:30px;

}

footer .footInnewap .item .social li:hover a img{

    opacity: 0.9;

}

footer .footInnewap .item h4{

    color: #fff;

    font-size: 18px;

    margin-top: 0;

    font-weight: 400;

    margin-bottom: 20px;

}   

footer .footInnewap .item P{

    color: rgba(255,255,255,0.7);

}

footer .footInnewap .item ul {

    padding-left: 17px;

}

footer .footInnewap .item ul li a{

    color: rgba(255,255,255,0.7);

    text-decoration: none;

}

footer .footInnewap .item ul li a:hover{

    color: #fff;

}

footer .copyright {

    text-align: center;

    padding: 15px 0;

    font-size: 12px;

    color: #fff;

    border-top: 1px solid rgba(255,255,255,0.4);

}

footer .copyright p{

    margin: 0;

}



.pagination ul{

    list-style: none;

    padding:0;

    margin: 0;

}



.pagination{

    display: block;

    text-align: center;

}

.pagination ul li{

    display: inline-block;

}

.pagination ul li a{

    text-transform: uppercase;

    background-color: #e9e9e9;

    border-radius: 2px;

    color: #8E99A9;

    display: inline-block;

    font-size: 15px;

    font-weight: bold;

    height: 36px;

    margin: 0 2px;

    line-height: 36px;

    padding: 0 13px;

    text-decoration: none;

}

.pagination ul li.active a{

    color: #2d7fc7;

}

.pagination ul li.pre a,

.pagination ul li.next a{

    background: #2d7fc7;

    color: #fff;

}









/* contact us start  */

.contactForm {

    margin-bottom: 30px;

}

.contactForm textarea{

    height: 150px;

}

.pgtitle h1 {

    margin-bottom: 30px;

    font-size: 30px;

}

.bdytxt {

    margin-bottom: 20px;

}

/* contact us end  */





/* details start */



.catigoryTag a{

    background: rgba(51, 122, 183, 0.75);

    border-radius: 3px;

    font-size: 14px;

    padding: 3px 8px;

    color: #fff;

    text-decoration: none;

}

.postDate ul {

    padding:0;

    margin: 0 -15px 10px;

    list-style: none;

    

}

.postDate ul li{

    display: inline-block;

}

.postDate ul li a{

    font-weight: 400;

    font-size: 14px;

    color: #8E99A9;

    text-transform: uppercase;

    padding: 0 15px;

    position: relative; 

    text-decoration: none;

}

.postDate ul li a:hover{

    color: #222;

}

.postDate ul li a::after { 

    content: "";

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: #ccc;

    position: absolute;

    transform: translate(0px, -50%);

    top: 50%;

    right: -2px;

}

.postDate ul li:last-child a::after { 

    display: none;

}

.detailW .postimg {

    width:100%;

    margin-bottom: 20px;

}

.detailW .tagsdiv {

    margin-top: 20px;

} 

.themeBtn {

    border: none;

    background: #2d7fc7;

    color: #fff;

    outline: 0;

    text-align: center;

    transition: all ease .4s;

    -webkit-transition: all ease .4s;

    min-width: 150px;

    padding: 15px;

    line-height: normal;

    box-shadow: none;

    border-radius: 0;

    font-size: 15px;

    text-shadow: none;

}

.themeBtn:hover,

.themeBtn:focus,

.themeBtn:active,

.themeBtn:active:focus {

    background: #195488;

    color: #fff;

}



.detailW .blogdtl h1{

    font-size: 28px;

}

.commentbox .form-group .form-control{

    border-radius: 0;

}

.commentbox .form-group label{

    font-weight: 400;

    color: #777;

}

.leaveComment .comment-heading {
    background-color: #303030;
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
}
.leaveComment .comment-heading span {
    display: inline-block;
    padding: 0 15px;
    margin-left: -15px;
    background: #2d7fc7;
    color: #fff;
}

.leaveComment ul{

    list-style: none;

    padding: 0;

}

.leaveComment ul li{ 

    position: relative;

    padding-left: 60px;

    margin-bottom: 20px;

}

.leaveComment ul li .avatarcmt{  

    width: 50px;

    height: 50px;

    border-radius: 50%;

    overflow: hidden;

    position: absolute;

    left: 0;

    top: 0;
	
	background: #2d7fc7;

}

.leaveComment ul li p{

    margin: 0;

}

.leaveComment ul li .avatarcmt img{  

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.leaveComment ul li .postDate ul li a{

    font-size: 12px;

}

.leaveComment ul li .postDate ul li {

    padding: 0px;

    margin-bottom: 5px;

}

/* details end  */





/* login :start  */



.loginMain {

    padding: 15px;

    background: #f3f3f3;

    border-radius: 3px;

}

.loginMain .loginContainer{

    max-width: 400px;

    margin: 0 auto;



}

.loginMain input{

    border-radius: 0px;

}

.loginMain label {

    font-weight: 400;

    color: #777;

}

.headingbanner {

    z-index: 99;

    text-align: left;

    color: #fff;

    text-transform: uppercase;

    position: relative;

    padding: 90px 0;

    background-image:url('../img/1920x350-4.jpg');

    margin-bottom: 20px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.headingbanner::before{

    content: "";

    width:100%;

    height: 100%;

    position: absolute;

    background: rgba(0, 0, 0, 0.4);

    top:0;

    left: 0;

    z-index: 0;

}

.headingbanner h1{

    margin: 0;

}

.headingbanner .container {

    position: relative;

    z-index: 1;

}

.rating ul{

    list-style: none;

    margin: 0 0 20px;

    padding: 0;

}

.rating ul li{

    display: inline-block;

    color: #ad9700;

}

/* login :end  */





/* main home page :start  */



.homeSlide-theme.owl-carousel .owl-nav button.owl-next, 

.homeSlide-theme.owl-carousel .owl-nav button.owl-prev {

    position: absolute;

    top: 50%;

    transform: translate(0, -50%);

    height: 60px;

    font-size: 60px;

    color: #fff;

    line-height: 60px;

    padding: 0 5px !important;

    background: rgba(255, 255, 255, 0.2);

}

.homeSlide-theme.owl-carousel .owl-nav button.owl-next {

    right:0;

}

.homeSlide-theme.owl-carousel .owl-nav button.owl-prev {

    left: 0;

}

.homeSlide-theme.owl-carousel .owl-nav button.owl-next:hover,  

.homeSlide-theme.owl-carousel .owl-nav button.owl-prev:hover{

    background: rgba(255, 255, 255, 0.4);

}



.Secafter {

    position: relative;

    width: 200px;

    margin: 0 auto;

    height: 16px;

}

.Secafter:before {

    background: url(../img/style1.png) no-repeat;

    position: absolute;

    content: "";

    height: 16px;

    width: 16px;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

}

.Secafter:after {

    background: #ececec;

    height: 1px;

    width: 100%;

    position: absolute;

    z-index: 999;

    top: 50%;

    content: "";

    left: 0;

    right: 0;

}

.Sectitle .section_title {

    text-align: center;

    font-family: 'Titillium Web',sans-serif;

    padding: 10px 0 0;

    position: relative;

    z-index: 999;

    display: block;

    text-transform: uppercase;

}

.Sectitle .section_title .title_one {

    color: #333;

    font-size: 14px;

}

.Sectitle .section_title .title_two {

    color: #2d7fc7;

    font-size: 40px;

    font-weight: 600;

    display: block;

    line-height: 50px;

}

.member-theme .item{

    border: 1px solid #e3e3e3;

}

.member-theme .item img{ 

    width: 100%;

}

.member-theme .item > a {

    display: block;

    position: relative;

}

.member-theme .item > a::after {

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    display: block;

    background: rgba(255,255,255,0.3);

    opacity: 0;

    -webkit-transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -o-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    transition: all 900ms ease;

}

.member-theme .item > a:hover::after {

    opacity: 1;

    left: 50%;

    right: 50%;

}

.member-theme .item > a > h3{ 

    position: absolute;

    top: 32%;

    transform: translate(20%, -50%);

    font-weight: 600;

    font-size: 22px;

}



.member-theme .item .content { 

    padding: 20px;

    text-align: center;

}

.member-theme .item .content h4{ 

    margin-top: 0;

    font-size: 20px;

 }

.member-theme .item .content h4 a{

    color: #333;

    text-decoration: none;

} 

.member-theme .item .content p {

    margin-bottom: 0;

}

.member-theme {

    margin-top: 20px;

}

.member-theme.owl-carousel .owl-dots,

.testimonial-theme.owl-carousel .owl-dots {

    text-align: center;

    margin-top: 20px;

}

.member-theme.owl-carousel .owl-dots button.owl-dot,

.testimonial-theme.owl-carousel .owl-dots button.owl-dot {

    width: 15px;

    height: 15px;

    border: 3px solid #d6d6d6;

    border-radius: 50%;

    display: inline-block;

    margin: 0 3px;

}

.member-theme.owl-carousel .owl-dots button.owl-dot.active,

.testimonial-theme.owl-carousel .owl-dots button.owl-dot.active {

    border-color: #1b3a70;

}

.rating .star i{

    font-size: 30px;

}

.socialSec .socialCounter{

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap;

    margin-top: 50px;

}

.socialSec .socialCounter .item .fa_icon_counter{

    font-size: 50px;

    line-height: 50px;

    display: inline-block;

    color: #2d7fc7;

}

.socialSec .socialCounter .item h2 {

    font-family: 'Oswald', sans-serif;

    font-size: 30px;

    margin-top: 10px;

    margin-bottom: 5px;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

         backface-visibility: hidden;

 -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

         transform-style: preserve-3d;

         font-weight: 400;

    color: #2d7fc7;

}

.socialSec .socialCounter .item h4 {

    margin: 0;

}

.joinSec {

    padding: 30px 0;

    background: rgba(237,145,42,0.8);

    color: #fff;

}

.joinSec .joinWrp {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 0 -15px;

}

.joinSec .joinWrp .item {

    padding: 0 15px;

}

.joinSec .joinWrp .sugnupttl h4{

    white-space: nowrap;

    margin: 0;

}

.joinSec .joinWrp .joinMember h3{

    margin-top: 0;

}

.joinSec .joinWrp .joinMember p{

    margin-bottom:0;

}

.joinSec .joinWrp .item.joinMember{

    border-left: 1px solid #fff;

}

.btnJoin {

    background: transparent;

    border: 1px solid #fff;

    color: #fff;

    padding-top: 13px;

    padding-bottom: 13px;

    font-size: 16px;

}

.btnJoin:hover,

.btnJoin:focus,

.btnJoin:active{

    background: #fff;

    color: rgba(237,145,42,0.8);

}



.faq h2{

    margin-top: 0;

    color: #2d7fc7;

    font-weight: 600;

    margin-bottom: 20px;

}

/* Course tabs (Quiz, Flash Cards, Mind Maps) */
.course-tabs-box {
    margin-top: 30px;
    margin-bottom: 20px;
}
.course-tabs-box .nav-tabs {
    border-bottom: 2px solid #303030;
    background: #303030;
    padding: 0;
    margin: 0;
}
.course-tabs-box .nav-tabs li {
    margin: 0;
    border: none;
}
.course-tabs-box .nav-tabs li a {
    color: rgba(255,255,255,0.85);
    padding: 15px 25px;
    margin: 0;
    border: none;
    border-radius: 0;
}
.course-tabs-box .nav-tabs li a:hover {
    color: #fff;
    background: rgba(255,255,255,0.1);
    border: none;
}
.course-tabs-box .nav-tabs li.active a {
    background: #2d7fc7;
    color: #fff;
    border: none;
    font-weight: 600;
}
.course-tabs-box .tab-content {
    border: 1px solid #eee;
    border-top: none;
    padding: 25px;
    background: #fff;
}

/* Course quiz */
.course-quiz .quiz-counter { font-size: 1.1rem; }
.course-quiz .quiz-answers { text-align: left; }
.course-quiz .quiz-answer-item { margin-bottom: 14px; }
.course-quiz .quiz-answer-item:last-child { margin-bottom: 0; }
.course-quiz .quiz-answer-box { width: 100%; padding: 14px 18px; text-align: left; border-radius: 4px; }
.course-quiz .quiz-answer-clickable { background-color: #f0f0f0; border: 1px solid #e0e0e0; cursor: pointer; }
.course-quiz .quiz-answer-clickable:hover { background-color: #e8e8e8; }
.course-quiz .quiz-answer-label { font-weight: bold; margin-right: 8px; }
.course-quiz .quiz-answer-text { display: inline; }
.course-quiz .quiz-answer-correct .quiz-answer-display { background-color: #d4edda; border: 1px solid #c3e6cb; }
.course-quiz .quiz-answer-wrong .quiz-answer-display { background-color: #f8d7da; border: 1px solid #f5c6cb; }
.course-quiz .quiz-answer-correct-missed .quiz-answer-display { background-color: #d4edda; border: 1px solid #c3e6cb; }
.course-quiz .quiz-feedback-inline { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(0,0,0,0.08); }
.course-quiz .quiz-feedback-inline.quiz-feedback-correct { color: #155724; }
.course-quiz .quiz-feedback-inline.quiz-feedback-correct-missed { color: #155724; }
.course-quiz .quiz-feedback-inline.quiz-feedback-wrong { color: #721c24; }
.course-quiz .quiz-icon-correct { color: #28a745; font-weight: bold; margin-right: 6px; }
.course-quiz .quiz-icon-wrong { color: #dc3545; font-weight: bold; margin-right: 6px; }
.course-quiz .quiz-answer-info { margin-top: 8px; line-height: 1.45; }
.course-quiz .quiz-answers { margin-bottom: 0; }
.course-quiz .quiz-nav { margin-top: 24px; }
.course-quiz .quiz-nav .btn { margin-left: 8px; }
.course-quiz .quiz-answer-display { background-color: #f0f0f0; border: 1px solid #e0e0e0; cursor: default; }
.course-quiz .quiz-results { padding: 12px 0 24px; }
.course-quiz .quiz-results-inner { max-width: 520px; margin: 0 auto; padding: 0 4px; }
.course-quiz .quiz-results-score-wrap { display: flex; justify-content: center; margin-bottom: 24px; }
.course-quiz .quiz-score-circle { position: relative; width: 140px; height: 140px; margin: 0 auto; animation: quiz-score-pop 0.5s ease-out; }
.course-quiz .quiz-score-ring { width: 100%; height: 100%; transform: rotate(-90deg); }
.course-quiz .quiz-score-bg { stroke: #e9ecef; }
.course-quiz .quiz-score-fill { stroke-linecap: round; stroke-dashoffset: 339.3; animation: quiz-score-fill 0.9s ease-out forwards; }
.course-quiz .quiz-score-pass .quiz-score-fill { stroke: #28a745; }
.course-quiz .quiz-score-fail .quiz-score-fill { stroke: #fd7e14; }
.course-quiz .quiz-score-inner { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.course-quiz .quiz-score-value { font-weight: bold; line-height: 1.1; }
.course-quiz .quiz-score-value small { font-weight: 600; opacity: 0.9; }
.course-quiz .quiz-score-fraction { color: #6c757d; margin-top: 2px; }
.course-quiz .quiz-score-pass .quiz-score-value { color: #28a745; }
.course-quiz .quiz-score-fail .quiz-score-value { color: #fd7e14; }
@keyframes quiz-score-pop { from { transform: scale(0.6); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes quiz-score-fill { to { stroke-dashoffset: var(--quiz-score-offset, 339.3); } }
.course-quiz .quiz-results-message { padding: 18px 20px; border-radius: 10px; border: 1px solid transparent; margin-bottom: 0; }
.course-quiz .quiz-results-message-title { margin: 0 0 8px; font-weight: 600; }
.course-quiz .quiz-results-message-sub { margin: 0; line-height: 1.5; opacity: 0.92; }
.course-quiz .quiz-results-success { background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%); border-color: #c8e6c9; color: #2e7d32; }
.course-quiz .quiz-results-learn { background: linear-gradient(135deg, #fff8e1 0%, #faf6f0 100%); border-color: #ffe0b2; color: #e65100; }
.course-quiz .quiz-results-actions { margin-top: 24px; padding-top: 20px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.course-quiz .quiz-results-actions .btn { margin: 0; }

/* Course flash cards */
.course-flashcards { text-align: center; }
.course-flashcards .flashcards-counter { margin-bottom: 8px; }
.course-flashcards .flashcards-counter-bottom {  color: #666; margin-top: 20px; }
.course-flashcards .flashcards-hint { margin-bottom: 16px; }
.course-flashcards .flashcards-layout { position: relative; display: flex; align-items: center; justify-content: center; margin: 0 auto; width: fit-content; max-width: 100%; }
.course-flashcards .flashcards-arrow { flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; background: #f0f0f0; border: 1px solid #e0e0e0; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #333; z-index: 2; }
.course-flashcards .flashcards-arrow:hover { background: #e8e8e8; }
.course-flashcards .flashcards-prev { margin-right: 12px; }
.course-flashcards .flashcards-next { margin-left: 12px; }
.course-flashcards .flashcards-card-wrap { perspective: 1000px; width: fit-content; max-width: 600px; }
.course-flashcards .flashcards-card { position: relative; cursor: pointer; }
.course-flashcards .flashcards-card-inner { display: grid; width: fit-content; transition: transform 0.5s; transform-style: preserve-3d; }
.course-flashcards .flashcards-card-inner > * { grid-area: 1 / 1; }
.course-flashcards .flashcards-card.flipped .flashcards-card-inner { transform: rotateY(180deg); }
.course-flashcards .flashcards-card-front,
.course-flashcards .flashcards-card-back { min-width: 120px; backface-visibility: hidden; border-radius: 8px; padding: 16px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.course-flashcards .flashcards-card-front { background: #f0f0f0; color: #333; border: 1px solid #e0e0e0; }
/* Answer side uses soft blue background instead of white */
.course-flashcards .flashcards-card-back { background: #e3f2ff; color: #333; border: 1px solid #c4d9ff; box-shadow: 0 2px 8px rgba(0,0,0,0.08); transform: rotateY(180deg); }
.course-flashcards .flashcards-card-content { flex: 0 1 auto; display: flex; flex-direction: column; justify-content: center; width: 100%; }
.course-flashcards .flashcards-card-front .flashcards-card-content { line-height: 1.5; }
.course-flashcards .flashcards-card-back .flashcards-card-content {  text-align: left; }
.course-flashcards .flashcards-see-answer {
    display: inline-block;
    margin-top: 12px;
    padding: 10px 20px;
    border-radius: 8px;
    background: #95D03A;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    flex-shrink: 0;
    border: 1px solid #7ab82e;
    transition: background 0.2s ease;
}
.course-flashcards .flashcards-see-answer:hover {
    background: #7ab82e;
    color: #fff;
}
.course-flashcards .flashcards-answer-info { margin-top: 12px; padding-top: 12px; border-top: 1px solid #eee; font-size: 1rem; color: #555; }
.course-flashcards .flashcards-completed { max-width: 480px; margin: 0 auto; padding: 20px 0; text-align: center; }
.course-flashcards .flashcards-completed-actions { margin-top: 12px; padding-top: 0; }
.course-flashcards .flashcards-enhance-message { margin: 0; padding: 18px 20px; border-radius: 10px; background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%); border: 1px solid #c8e6c9; color: #2e7d32; text-align: center; }
.course-flashcards .flashcards-enhance-text { margin: 0 0 14px; line-height: 1.5; }
.course-flashcards .flashcards-enhance-message .btn { margin: 0; }

/* Course mind maps - horizontal tree with expand/collapse (Systems Architecture style) */
.course-mindmaps {
    padding: 20px;
    background: #fafafa;
    border-radius: 10px;
    text-align: left;
}
.course-mindmaps .mindmap-section-title {
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
}
.course-mindmaps .mindmap-scroll-wrap {
    overflow-x: auto;
    overflow-y: visible;
    margin-bottom: 24px;
    -webkit-overflow-scrolling: touch;
}
.course-mindmaps .mindmap-tree {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0;
    min-width: min-content;
}
.course-mindmaps .mindmap-tree > .mindmap-node {
    flex: 0 0 auto;
}
.course-mindmaps .mindmap-node {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.course-mindmaps .mindmap-node-branch {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
}
.course-mindmaps .mindmap-node-box-wrap {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}
.course-mindmaps .mindmap-node-box {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px 10px 14px;
    border-radius: 8px;
    color: #333;
    white-space: nowrap;
    width: fit-content;
    border: 1px solid transparent;
}
.course-mindmaps .mindmap-node-depth-0 .mindmap-node-box {
    background: #7c6bb5;
    border-color: #6b5ba3;
    color: #fff;
    font-weight: 600;
}
.course-mindmaps .mindmap-node-depth-1 .mindmap-node-box {
    background: #c5d4e8;
    border-color: #a8bdd9;
    color: #2d3748;
}
.course-mindmaps .mindmap-node-depth-2 .mindmap-node-box {
    background: #b8d9c8;
    border-color: #9bc4b0;
    color: #2d3748;
}
.course-mindmaps .mindmap-node-depth-3 .mindmap-node-box {
    background: #e8dbb8;
    border-color: #d4c49a;
    color: #2d3748;
}
.course-mindmaps .mindmap-node-depth-4 .mindmap-node-box {
    background: #e0c8d8;
    border-color: #c9aec2;
    color: #2d3748;
}
.course-mindmaps .mindmap-node-depth-5 .mindmap-node-box {
    background: #d4d8e8;
    border-color: #b8bdd4;
    color: #2d3748;
}
.course-mindmaps .mindmap-expand-stub {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 8px;
    transition: opacity 0.25s ease;
}
.course-mindmaps .mindmap-expand-stub.hidden {
    display: none;
}
/* Circle + arrow (same as hub): same border/color, transparent background, no grey */
.course-mindmaps .mindmap-expand-btn {
    width: 2.75rem;
    height: 2.75rem;
    min-width: 2.75rem;
    min-height: 2.75rem;
    border-radius: 50%;
    border: 2px solid #4a5568;
    background-color: transparent;
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
    color: #4a5568;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2.25rem;
    line-height: 1;
    flex-shrink: 0;
    transition: color 0.2s, background-color 0.2s, transform 0.2s;
}
.course-mindmaps .mindmap-expand-btn .mindmap-toggle-icon {
    font-size: 2.25rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    width: 1em;
    height: 1em;
    /* Nudge up so arrow sits in visual center of circle */
    transform: translateY(-2px);
}
.course-mindmaps .mindmap-expand-btn:hover {
    background-color: rgba(74, 85, 104, 0.08);
    color: #2d3748;
}
.course-mindmaps .mindmap-node-toggle {
    padding: 4px 6px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    color: #666;
    flex-shrink: 0;
    transition: color 0.2s, transform 0.2s;
}
.course-mindmaps .mindmap-node-toggle:hover {
    color: #333;
}
.course-mindmaps .mindmap-node-toggle.mindmap-toggle-collapse {
    margin-left: 4px;
}
.course-mindmaps .mindmap-node-toggle.hidden {
    display: none;
}
.course-mindmaps .mindmap-toggle-icon {
    display: inline-block;
    transition: transform 0.3s ease;
}
.course-mindmaps .mindmap-toggle-icon.expanded {
    transform: rotate(180deg);
}
/* Connector assembly: fixed-width zone so lines stay attached when sub-children open */
.course-mindmaps .mindmap-connector-assembly {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    position: relative;
    margin-left: 8px;
}
.course-mindmaps .mindmap-connector-zone {
    flex-shrink: 0;
    width: 120px;
    min-width: 120px;
    position: relative;
    display: flex;
    align-items: center;
}
.course-mindmaps .mindmap-connector-svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
}
.course-mindmaps .mindmap-path-parent-hub,
.course-mindmaps .mindmap-path-hub-child {
    fill: none;
    stroke: #4a5568;
    stroke-width: 1.25;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.course-mindmaps .mindmap-hub {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #4a5568;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a5568;
    font-size: 12px;
    z-index: 3;
}
.course-mindmaps .mindmap-hub:hover {
    background: rgba(74, 85, 104, 0.08);
}
.course-mindmaps .mindmap-hub-chevron {
    line-height: 1;
}
.course-mindmaps .mindmap-children {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding-left: 0;
    position: relative;
    max-height: 2000px;
    opacity: 1;
    overflow: visible;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}
.course-mindmaps .mindmap-children.collapsed {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}
.course-mindmaps .mindmap-children > .mindmap-node {
    position: relative;
    z-index: 1;
}
.redCont {
    color: #ff0000;
}

.dtsst::after,

.dtsst::before{

    display: inline-block;

    width: 10px;

    height: 2px;

    content: '';

    transition: all .3s;

    vertical-align: middle;

}

.dtsst::before{

    background-color: #2d7fc7;

}

.dtsst::after {

    margin-left: 3px;

    background-color: #333;

}

.faq .panel .panel-heading{

    padding: 0;

    background: transparent;

    border: none;

}

.faq .panel .panel-heading a{

    display: block;

    padding: 25px 70px 25px 15px;

    position: relative;

    text-decoration: none;

    background: #f6f6f6;

   

}

.faq .panel.panel-default{

    border-color: #eeeeee;

}

.plusMinus {

    position: absolute;

    top: 12px;

    right: 10px;

    display: block;

    height: 43px;

    padding-left: 5px;

    background-color: #333;

    /* transition: all .3s; */

   

}

.plusMinus::before{

    position: absolute;

    left: -10px;

    display: block;

    width: 23px;

    height: 100%;

    content: '';

    /* transition: all .3s; */

    transform: skewX(26deg);

    background-color: #333;

    cursor: pointer;

}

.plusMinus > span {

    position: relative;

    display: inline-block;

    width: 25px;

    font: normal 700 18px Lato;

    color: #fff;

    vertical-align: middle;

    background-color: transparent;

    z-index: 10;

    padding-top: 10px;

    cursor: pointer;

}

.plusMinus > span::after {

    content: '+';

}

.faq .panel .panel-heading a[aria-expanded="true"] {

    background: #fff;

}

.faq .panel .panel-heading a[aria-expanded="true"] .plusMinus > span::after{

    content: "-";

}

.faq .panel .panel-heading a[aria-expanded="true"] .plusMinus,

.faq .panel .panel-heading a[aria-expanded="true"] .plusMinus span,

.faq .panel .panel-heading a[aria-expanded="true"] .plusMinus::before{

    background: orange;

}

.faq .panel .panel-body {

    padding-top: 5px;

}

.faq .panel .panel-body .dtsst{

    height: 2px;

    line-height: 0px;

    margin-bottom: 5px;

}







.socialSec .socialCounter .item {

    min-width: 130px;

    margin-bottom: 20px;

    padding: 0 15px;

}

.testimonial-theme .img{

    display: inline-block;

    width: 100px;

    height: 100px;

    border: 5px solid #ccc;

    border-radius: 50%;

    overflow: hidden;

    vertical-align: middle;

    margin-right: 10px;

}

.testimonial-theme .cusName {

    display: inline-block;

    vertical-align: middle;

    color: #333;

    font-weight: 600;

    font-size: 16px;

    font-style: normal;

}

.testimonial-theme .item {

    padding-bottom: 70px;

}

.testimonial-theme .item .content {

    padding: 30px 30px 35px;

    background-color: #f6f6f6;

    border-radius: 5px;

    border: 1px solid #eee;

    color: #777;

    font-family: 'Open Sans',sans-serif;

    font-style: italic;

    font-size: 16px;

    position: relative;

}

.testimonial-theme .item .content .cus{

    position: absolute;

    bottom: -71px;

    width: 100%;

    left: 0;

    padding: 0 20px;

}

.accessItmWrap {

    display: flex;

    justify-content: flex-start;

    margin: 0 -15px;    

    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: -30px;

}

.accessItmWrap .item {

    flex: 0 0 25%;

    padding: 0 15px;

    margin-bottom: 30px;

    display: flex;

}

.accessItmWrap .item .innerItem {

    border-radius: 5px;

    overflow: hidden;

    border: 1px solid #ccc;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09);

    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09);

    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.09);
    flex: 0 0 100%;
    background-color: #ddd;
}

.accessItmWrap .item .innerItem:hover {

    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.17);

    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.17);

    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.17);

}

.accessItmWrap .item .innerItem .itemHead { 

    background-color: #2d7fc7;
    background-image: url("/uploads/bg-effect.png");
    background-size: cover;
    background-position: center;

    padding: 15px 15px 40px;

    position: relative;

}
.accessItmWrap .item:nth-child(2n+1) .innerItem .itemHead { 
    background-image: url("/uploads/bg-effect2.png");
}

.accessItmWrap .item .innerItem .itemHead .imgIco{ 

    width: 80px;

    height: 80px;

    border-radius: 50%;

    border: 5px solid rgba(173, 173, 173, 0.6);

    position: absolute;

    bottom: -40px;

    right: 15px;

    overflow: hidden;

}

.accessItmWrap .item .innerItem .itemHead .imgIco img{ 

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.accessItmWrap .item .innerItem .itemHead h3 {

    margin: 0 0 10px;

    color: #fff;

    font-weight: 600;

}

.accessItmWrap .item .innerItem .itemContent {

    padding: 45px 15px 15px;

}

.accessItmWrap .item .innerItem a:hover, 

.accessItmWrap .item .innerItem a{

    text-decoration: none;

    color: #222;

}

.homeSlider {

    border: 0px solid #e3e3e3;

}

/* main home page :end  */







/* course Detail :start  */



.courseDetailHeader .courInfo {

    display: flex;

    justify-content: space-between;

    font-size: 13px;

}

.courseDetailHeader {

    margin-bottom: 20px;
    padding-bottom: 15px;
   /* border-bottom: 1px solid #ccc;*/
}



/* course Detail end  */

.dropdown:hover .dropdown-menu {

    /* display: block; */

    margin-top: 0; 

 }

 .dropdown.megamenu:hover .dropdown-menu {

     /* display: flex; */

     margin-top: 0; 

  }

 .theamHeader .navbar-nav>li.megamenu{

    position: unset;

 }

 .theamHeader .navbar-nav>li.megamenu .dropdown-menu{

    width: 100%;

    max-width: 1170px;

    margin: 0 auto;

    left: 0;

 }

 .theamHeader .navbar-nav>li.megamenu h4{

    font-size: 14px;

    color: #2d7fc7;

    margin-bottom: 10px;

    cursor: auto;

    text-decoration: underline;

 }

 

 .theamHeader .navbar-nav>li.megamenu ul {

     list-style: none;

     padding: 0;

     margin-bottom: 15px;

 }

 .theamHeader .navbar-nav>li.megamenu ul li a {

    color: #666;

    font-family: inherit;

    font-size: 14px;

    text-transform: none;

    text-decoration: none;

    font-weight: normal;

    margin: 0;

    padding: 0px 0px 0px 0px;

    vertical-align: top;

    display: block;

    font-size: 14px;

    text-transform: none;

    position: relative;

    margin-left: 14px;

    transition: .2s ease-in-out;

    margin-bottom: 5px;

 }

 .theamHeader .navbar-nav>li.megamenu ul li a::before {

    position: absolute;

    content: "";

    height: 5px;

    width: 5px;

    background: #666;

    border-radius: 50%;

    left: -13px;

    top: 9px;

 }

 .theamHeader .navbar-nav>li.megamenu .dropdown-menu .menuWrp{

     padding: 15px 15px 0 15px;

     justify-content: space-between;

    flex-wrap: wrap; 

    display: flex;

 }  

 .theamHeader .navbar-nav>li.megamenu .dropdown-menu .menuWrp > div {

    flex: 0 0 25%;

    margin-bottom: 20px;
    width: 25%;
 }





.sideDvWrp2 .sideSec .title h4{

    background-color: #303030;

}

.sideDvWrp2 .sideSec .title h4 span {

    display: inline-block;

    padding: 0 15px;

    margin-left: -15px;

    background: #2d7fc7;

    color: #fff;

}

.sideDvWrp2 .sideList ul.tag li a::after {

    display: none;

}

.sideDvWrp2 .sideList ul.tag li{

    margin-right: 5px;

}

.sideDvWrp2 .sideList.arwStyle ul {

    list-style: none;

}

.sideDvWrp2 .sideList.arwStyle ul li{

    position: relative;

}

.sideDvWrp2 .sideList.arwStyle ul li::before{

    content: "\f105";

    position: absolute;

    left: -15px;

    top: 0;

    font-family: FontAwesome;

    font-weight: 600;

}

.mainContainer img{
    max-width: 100%;
    height: auto;    
    margin-bottom: 20px;
}



.ratingdis .filled{

    color: #ad9700;

}

.ratingdis .unfilled{

    color: #000000;

}

.modal-header {

    padding: 15px;

    border-bottom: 1px solid #e5e5e5;

    background: #2D7FC7;

    color: #fff;

}

.tox .tox-dialog--width-lg {

    height: 540px;

    max-width: 840px !important;

}
.contentPart .tableWrap .listtable1_wrapper {
    overflow: auto;
}
.blackBn {
    padding: 2px 6px 4px 6px; color: #ffffff; 
    background-color: #000000; 
    border: 1px solid red; 
    outline: #4caf50 solid 3px;
}
.courseDetailHeader > h3{
    margin-top: 0;
}
body .blogBotLogo {
    max-width: 150px;
    margin-bottom: 30px;
}
.member-theme .item img{
    margin-bottom: 0;
}


.mebershipSec {
    padding-top:28px;
}
.accessSec,
.socialSec {
    padding-top: 20px;
}
.hardwareInst{
    overflow: auto;
    width: 100%;
    margin-bottom: 20px;
}
.hardwareInst::-webkit-scrollbar {
    -webkit-appearance: none;
}

.hardwareInst::-webkit-scrollbar:vertical {
    width: 12px;
}

.hardwareInst::-webkit-scrollbar:horizontal {
    height: 12px;
}

.hardwareInst::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.hardwareInst::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}

.hardwareInst > p{
    /* max-width: 801px; */
    margin: 3px;
    width: 801px;
    font-family: sans-serif;
    padding: 2px 6px 4px 6px;
    color: #ffffff;
    background-color: #000000;
    border: 1px solid red;
    outline: #4caf50 solid 3px;
    overflow: hidden;
}

@media only screen and (min-width:992px){
    .homeSlider .homeSlide-theme {
        max-height: calc(100vh - 132px);
        overflow: hidden;
    }
    
}


@media only screen and (min-width:267px){
    .innerSiteCont .sidebar-part {
        /* padding-left: 35px; */
    }
    .innerSiteCont .content-part {
        /* padding-right: 20px; */
        border-right: 1px solid #ccc;
    }

}

.mce-content-body {
    font-family: sans-serif !important;
    font-size: 16px !important;
}
.hardwareInst {
    font-family: sans-serif !important;
    font-size: 16px !important;
}

.owl-carousel .owl-item img {
    margin-bottom: 0;
}
.banner .owl-theme .slideTitle {
    display: none;
}

@media only screen and (max-width:1200px){

    .mainContainer iframe {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width:767px){
    .theamHeader .navbar-nav>li.megamenu .dropdown-menu .menuWrp {
        justify-content: flex-start;
    }
    .theamHeader .navbar-nav>li.megamenu .dropdown-menu .menuWrp > div {
        flex: 0 0 33.33333%;
        width: 33.33333%;
        padding: 0 5px;
    }
    .theamHeader .navbar-nav>li.megamenu .dropdown-menu {
        border-bottom: 1px solid #eee;
    }
    .theamHeader .navbar-nav>li.megamenu ul li a::before {
        background: #fff;
    }
    .innerSiteCont .content-part { 
        padding-bottom: 0;
    }
}
@media only screen and (max-width:600px){
    .theamHeader .navbar-nav>li.megamenu .dropdown-menu .menuWrp > div {
        flex: 0 0 50%;
        width: 50%;
    }
    .theamHeader .navbar-nav>li.megamenu .dropdown-menu .menuWrp {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-collapse {
        padding-right: 5px;
        padding-left: 5px;
    }
}

.design404 {
    text-align: center;
    max-width: 700px;
    width: 100%;
    margin: 50px auto;
    border: 1px solid #ccc;
    padding: 40px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.17);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.17);
}
.design404 h2{ 
    font-size: 60px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0;
}
.design404 p{ 
    margin-bottom: 30px;
}
.header {
	z-index: 999;
}
.tableWrap  {
	overflow: auto;
}
.martop10 {
margin-top: 10px;
}
.btn-small.themeBtn{
padding: 6px 20px;
min-width: auto;
}
.replyuser
{	
	    margin-left: 15px;
}
.categoryTag{
    background: #2d7fc7;
    margin-bottom: 15px;
    margin-top: 50px;
    color: #fff;
}
.categoryTag span{
    display: inline-block;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    background: #000;
    color: #fff;
    margin-right: 10px;
}
.catItemWrapMain img{
    margin-bottom: 0;
}
.catItemWrapMain .item .innerItem{
    display: flex;
}
.catItemWrapMain .item .innerItem .imgdv{
    flex: 0 0 250px;
    max-width: 250px;
}
.catItemWrapMain .item .innerItem .imgdv img{
    width: 100%;
}
.catItemWrapMain .item .innerItem .contentdv{
    flex: 0 0 calc(100% - 250px);
    max-width: calc(100% - 250px);
    padding: 0 15px;
}
.catItemWrapMain .item .innerItem .contentdv h3{
    margin-top: 0;
}
.catItemWrapMain .item .contFooter{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.catItemWrapMain .item .contFooter .videoInfo{
    padding: 0;
    /*text-transform: uppercase;*/
    list-style: none;
}
.catItemWrapMain .item .contFooter .videoInfo li span{
    color: #949494;
}
.catItemWrapMain .item{
    padding-left: 10%;
    margin-bottom: 15px;
}
.getAccessBtn{
    border: 2px solid #000;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 15px;
    color: #000;
    padding-right: 40px;
    position: relative;
}
.getAccessBtn img{
    position: absolute;
    top: calc(50% - 9px);
    right: 10px;
    margin: 0;
    width: 18px;
}
.getAccessBtn:hover{
    text-decoration: none;
    color:#fff;
    background: #000;
}
.getAccessBtn:hover img{
    filter: brightness(0) invert(1);
}
@media only screen and (max-width:991px){
    .catItemWrapMain .item .innerItem,
    .catItemWrapMain .item .contFooter{
        flex-wrap: wrap;
    }
    .catItemWrapMain .item .innerItem .imgdv,
    .catItemWrapMain .item .innerItem .contentdv {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .catItemWrapMain .item .innerItem .contentdv {
        padding:15px 0;
    }
}
.getAccessBtn{
    min-width: 140px;
}


.videoInfo p
{
    margin:0 0 5px !important;
}

.catItemWrapMain .item .innerItem {
    border-bottom: 1px solid #ccc;
}