@charset "utf-8";
/* CSS Document */
:root {
    --bs-card-color: #cfd3ec;
    --bs-card-color-light: #5d596c;
    --bs-card-bg: #fff;
    --bs-card-bg-dark: #2f3349;
}
.category-view-all h2 {
    font-family: 'Roboto-Bold';
    font-size: 16px;
    margin: 5px 0;
}

.category-view-all ul {
    list-style: none;
    padding-left: 0px;
    font-family: 'Roboto-Medium';
    margin-bottom: 0;
}
.category-view-all{
   /* max-height: 55px;*/
    overflow: hidden;
    transition: all ease-in-out .5s;
    padding-bottom: 20px;
    position: relative;
    padding-left: 0px;
}
.show-button{position: absolute;right: 15px;top: 33px; bottom: 5px; font-size: 12px; cursor: pointer;}
.category-view-all .panel {
    box-shadow: 1px 1px 3px grey;
    border: 1px solid #005DA7;
    min-height: 200px;
}

.category-view-all .panel .panel-heading {
    background-color: rgba(255, 255, 255, 0.24);
}

.category-view-all .panel .panel-body {
    background-color: rgba(255, 255, 255, 0.12);
}

.category-view-all span.show-button {
    font-family: 'Roboto-Bold';
    font-size: 19px;
    color: #303641;
    margin: 10px 0 0;
    float: right;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.category-view-all span.show-button:hover,
.category-view-all span.show-button:focus {
    color: #333;
}

.category-view-all li hr {
    margin-bottom: 0;
    border-top: .5px solid #999;
}


*{margin:0;padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
img{max-width: 100%;}
a:focus, button:focus, input:focus, select:focus{outline: none;}
a:hover{text-decoration: none;}
button, a{ -webkit-transition: background color ease-in-out .5s; -moz-transition: background ease-in-out .5s;transition: background ease-in-out .5s;}
body{background: var(--bs-body-bg);}
.headerMain{width: 100%; float: left;border-top: 10px solid #303641;}
.logoMain{margin: 12px 0; display: inline-block;}
.noPaddingLeft{padding-left: 0 !important;}
.noPaddingRight{padding-right: 0 !important;}
.noPadding{padding: 0!important;}
.headerMain .navbar-light .navbar-nav .nav-link{ font-size: 15px; font-family: Poppins; color: #333333; padding: 10px; position: relative;}
.headerMain .navbar-light .navbar-nav .nav-link i{color:#a1a7b3; margin-right: 10px;}
.headerMain .navbar-light .navbar-nav .nav-link i:nth-of-type(2){font-size: 10px; position: absolute; left:7px; bottom: 11px; background: #fff;}
.headerMain .navbar-light .navbar-nav .nav-link:hover, .headerMain .navbar-light .navbar-nav .nav-link:hover i{color:#303641;}
.headerMain .signUPbtn{border-radius: 4px; background: #303641; color: #fff; padding: 10px 20px; display: inline-block; margin-top: 19px; float: right;}
.headerMain .navbar-light.navbar{padding:20px 0 0; display: inline-block; float: left;}
.overFlowX{overflow-x: hidden;}
.bodyContainer{width:100%; float: left;min-height: calc(100vh - 240px);}
.bannerArea{width:100%; display: inline-block; float: left; background: url("../images/academic.png") no-repeat center top; background-size: cover; padding: 150px 0 130px;}
.bannerArea h2, .bannerArea h1, .bannerArea p{font-weight: 700; font-size: 36px; color: #fff; text-align: center;text-shadow: 0 20px 40px rgba(0,0,0,.2);}
.bannerArea h1{ font-size: 70px; line-height: 70px;}
.bannerArea p{font-size: 18px; line-height: 31px; margin-top: 10px;}
.bannerForm{width:100%; display: inline-block; text-align: center; margin-top: 20px;}
.bannerForm > div{max-width: 890px; width: 100%; background: #fff; border-radius: 4px;padding: 1px; display: inline-block;}
.bannerForm button{width:152px; background: #303641; color: #fff; text-align: center; height: 72px; line-height: 72px; font-size: 18px; font-weight: 600; float: right; border-top-right-radius: 4px; border-bottom-right-radius:4px; border:2px solid #303641;}
.bannerForm button:hover{ background: #fff; color: #303641;}
.bannerForm input[type=search]{width:calc(100% - 152px); float: left; background: none; height: 72px; padding:0 10px; font-size: 16px;border:none;}
.bannerForm button i{margin-right: 10px;}
.bannerCats{width:100%; float: left; border-bottom: 8px solid #303641;}
.bannerCats ul{width:100%; float: left; margin-bottom: 0;}
.bannerCats ul li{width:12%; float: left; display: inline-block;}
.bannerCats ul li a{width:100%; display: inline-block; text-align: center; font-size: 12px; font-weight: 700; color: #3e3e3e; padding: 20px 0;}
.bannerCats ul li a span{width:100%; margin-top: 10px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; min-height: 38px;}
/*.bannerCats ul li:nth-child(odd) a{background: #ffecf2;}
*/.bannerCats ul li a:hover{background:#303641; color: #fff;}
.bannerCats ul li a img:nth-of-type(2), .bannerCats ul li a:hover img:nth-of-type(1){display: none;}
.bannerCats ul li a:hover img{filter: brightness(0) invert(1);}
.bannerCats ul li a:hover img:nth-of-type(2){display: inline-block;}
.courseArea{width:100%; display: inline-block; float: left; padding: 100px 0 0;}
.headingMain{font-size: 2rem; font-weight: 700; color: #0b0c0c; position: relative;}
.headingLeft:after, .headingLeft:before{width:225px; height: 8px; border-radius: 6px; background: #303641; content: ''; position: absolute; right: calc(100% + 20px); top: 50%; margin-top: -2px;}
.headingLeft:before{width:40px;right: calc(100% + 265px);}
.courseItemMain{background:#fff;box-shadow: 0 20px 40px rgba(0,0,0,.1);width:calc(100% - 30px); display: inline-block; margin: 0 15px 40px; padding:10px; border-radius: 2px;-moz-transition:background box-shadow ease-in-out .5s;-webkit-transition:background box-shadow ease-in-out .5s; transition:background box-shadow ease-in-out .5s; position: relative;}
.tagCont.popu{display: inline-block; font-size: 13px; color:#303641; width: 167px; background: url("../images/most-pop.png") no-repeat center; background-size:100% 100%; position: absolute; top: 0px; right: -30px; z-index: 1; font-weight: 700; text-align: center; height: 79px;}
.tagCont.bestSeler{display: inline-block; font-size: 13px; color:#303641; width: 167px; background: url("../images/best-seller.png") no-repeat center; background-size:100% 100%; position: absolute; top: 0px; right: -30px; z-index: 1; font-weight: 700; text-align: center; height: 79px;}
.tagCont.recomend{display: inline-block; font-size: 13px; color:#303641; width: 167px; background: url("../images/recomended.png") no-repeat center; background-size:100% 100%; position: absolute; top: 0px; right: -30px; z-index: 1; font-weight: 700; text-align: center; height: 79px;}
.tagCont.onSale{display: inline-block; font-size: 13px; color:#303641; width: 167px; background: url("../images/on-sale.png") no-repeat center; background-size:100% 100%; position: absolute; top: 0px; right: -30px; z-index: 1; font-weight: 700; text-align: center; height: 79px;}
/*.tagCont.bestSeler{background: url("../images/best-seller.png") no-repeat center; background-size:100% 100%; }
.tagCont.onSale{background: url("../images/on-sale.png") no-repeat center; background-size:100% 100%; color: #0faa66; }
.tagCont.recomend{background: url("../images/recomended.png") no-repeat center; background-size:100% 100%; }*/
.courseItemMain:hover{background:#fff;box-shadow: 0 20px 40px rgba(0,0,0,.1);}
.coursesList{width:100%; display: inline-block; float: left; padding-top: 90px;}
.courseItemImg{width:100%; display: inline-block; border-radius: 4px; margin-bottom: 20px; text-align: center; background: #303641; position: relative; }
.courseItemImg img{width:259px; min-height:186px; height:186px;-webkit-transition: opacity ease-in-out .5s; -moz-transition: opacity ease-in-out .5s; transition: opacity ease-in-out .5s; height: 170px; width: 300px;min-height: 170px;}
.courseItemImg span{ position: absolute; font-size: 20px; font-weight: 600; color: #fff; text-align: center; width: 100%; display: inline-block;top:50%; -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); transform: translateY(-20%); -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; transition: all ease-in-out .5s; opacity: 0; left: 0;}
.courseItemMain:hover .courseItemImg img{opacity: .2;}
.courseItemMain:hover .courseItemImg span{opacity: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.courseItemMain h5{font-size:16px; font-weight: 800; color: #0b0c0c; text-align: left; overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; min-height:38px !important;
    margin-top: 15px;
    margin-bottom: 20px;
    margin-left: 2px;
}
.courseItemMain p{font-size:14px; color: #000; line-height: 25px; text-align: left;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; min-height: 74px;}
.courseRatingMain{text-align: right;}
.ratingdiv{
            padding: 0;
            margin: 0;
            display: inline-flex;
            float: right;
            padding-top: 10px;
        }
.courseRatingMain span{font-size: 12px; color: #8c8c8c; /*margin-left: 5px;*/}
.courseRating{display:inline-block;padding-right: 5px}
.courseItemBtn{display:block; margin: 10px auto; clear: both;text-align: center; padding: 10px 0; background: #303641; color: #fff; border-radius: 22.5px; font-family: Poppins; font-weight: 600;}
.courseItemBtn:hover{color:#fff;}
.allCatsBtn{font-size:16px; font-family:Poppins; font-weight:500; color:#303641;border:2px solid #303641; border-radius:22.5px;width:170px; display: block; margin: 40px auto 0; text-align: center; padding:10px 0;}
.allCatsBtn:hover{background:#303641; color:#fff;}
.testiMonials{width:100%; float: left; padding-top:100px;}
.headingRight{text-align: right;}
.headingLeft.headingRight:after{right:inherit; left:calc(100% + 20px);}
.headingLeft.headingRight:before{right:inherit; left: calc(100% + 265px);}
.testiInnerMain{width:100%; display:inline-block; margin:70px 0 0; padding:70px 0 40px; background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.05); position:relative;}
.testiInnerMain:after, .testiInnerMain:before{position:absolute; content: ''; width: 200%; height:100%; left:100%; top:0;background:#fff;}
.testiInnerMain:before{width:200px; border-top-left-radius: 264px; border-bottom-left-radius: 264px; left: inherit; right:100%;}
.testiItemMain{width:90%; float: left; padding-left:180px; position:relative; margin:0 5%;}
.testiItemImg{width:160px; position: absolute; top:50%; left: 0;  -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);border-radius: 80px; overflow: hidden; box-shadow: 10px 20px 40px rgba(0,0,0,.1);}
.testiContMain{width:100%; display: inline-block; float: left; min-height: 220px;}
.testiContMain h6{ font-size: 36px; color:#0b0c0c; font-weight: 600;}
.testiContMain p{font-size:16px; color:#000000; line-height: 24px; padding-top:20px; text-align: justify;}
.testiInnerMain .nbs-flexisel-nav-left, .testiInnerMain .nbs-flexisel-nav-right{position:absolute; top: inherit; bottom:0;width:70px; text-align: center;background: #e1e1e1; -webkit-transform:none; -moz-transform:none;transform:none;}
.testiInnerMain .nbs-flexisel-nav-left:hover, .testiInnerMain .nbs-flexisel-nav-right:hover{background:#303641;}
.testiInnerMain .nbs-flexisel-inner{padding-bottom:80px;}
.testiInnerMain .nbs-flexisel-nav-left{left:50%;margin-left: -75px;}
.testiInnerMain .nbs-flexisel-nav-right{right:50%; margin-right: -75px;}
.sellCourseMain{width:100%; float: left; padding:80px 0 70px; text-align: center;font-family:Poppins;}
.sellCourseMain .headingMain{font-family:Poppins;}
.sellCourseMain h6{font-size:30px; color: #2e2e2e;font-weight:700;}
.sellCourseMain a{display:block; margin: 20px auto 0;font-weight:600; font-size:16px; color:#fff; text-align: center;border-radius:22.5px; background: #303641; padding:10px 0;width:170px; border:2px solid #303641;}
.sellCourseMain a:hover{background:#fbfbfb; color:#303641;}
.footerMain{width:100%; float: left;  background:#303641; padding:25px 0 10px; text-align: center;  bottom: 0;}
.footLogo{display: inline-block;}
.footerSocial{width:100%; display:inline-block; padding-top:15px;}
.footerSocial > li{display:inline-block;}
.footerSocial > li a{font-size:20px; color: #fff; margin-right: 35px;}
.footerSocial > li:last-child a, .footerMenu li:last-child a{margin-right:0;}
.footerMenu{width:100%; display:inline-block;}
.footerMenu li{display:inline-block;}
.footerMenu li a{font-size:16px; font-family:Poppins; font-weight:300; color:#fff; margin-right:30px;}
.copyRightMain{width:100%; float: left;border-top:1px solid rgba(255,255,255,.2);}
.copyRightMain p{font-size:14px; color:#fff; margin-bottom:0; padding-top:10px;}
/* course List*/
.courseListBaner{width:100%; float: left; background:url("../images/professional_3.png") no-repeat center; background-size: cover; padding:70px 0 180px;}
.courseListBaner h2, .courseListBaner h1{font-size:27px; font-weight:700; color:#fff; text-align: center; text-shadow: 0 20px 40px rgba(0,0,0,.16);}
.courseListBaner h1{font-size: 53px;}
.courseListContMain{width:100%; display: inline-block;float:left; margin-top: -130px;}
.courseDetailInner{width:100%; float: left; background: #fbfbfb;box-shadow:0 -20px 10px rgba(0,0,0,.05); padding:30px; border-radius: 6px; }
.catsLeft{width:100%;border-radius:6px;box-shadow:0 -20px 40px rgba(0,0,0,.1); padding:20px 0; background: #fff;}
.catsLeft h2{font-size:22px;color: #0b0c0c; font-weight: 600; padding-left: 20px; }
.catsLeft ul{width:100%; display: inline-block; margin-bottom: 0;}
.catsLeft ul li{width:100%; display:inline-block; float: left;}
.catsLeft ul li a{font-size:16px; color: #505050; padding:8px 0 8px 20px; display:inline-block; border-left:2px solid transparent; width: 100%;}
.catsLeft ul li a:hover, .catsLeft ul li a.active{ background: #fbfbfb;border-color:#303641;}
.courseListTop{width:100%; display:inline-block; padding:15px; background: #fff; box-shadow: 0 20px 40px rgba(0,0,0,.05); margin-bottom: 10px; border-radius: 6px;}
.courseListTop h1{font-size: 22px; color: #0b0c0c;font-weight: 600; margin-bottom: 0; float: left;}
.sortBy{float:right;}
.sortBy label{display:inline-block; font-size:14px; color: #4d4d4d;font-weight:700; margin-bottom: 0;}
.cdrop{display:inline-block; border:1px solid rgba(0,0,0,.06); position:relative;}
.cdrop select{-webkit-appearance:none;appearance:none; width: 120px; padding: 0 10px 0 5px; font-size: 14px; border:none; position:relative; background: none;}
.cdrop:before{position:absolute; font-family: 'Font Awesome 5 Free';content:'\f107'; font-weight: 600; font-size:14px; right: 5px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); line-height:14px;}
.courseListMain{width:100%; display:inline-block; padding:15px 15px 5px; background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.06);border-radius: 6px;margin-bottom: 10px;}
.courseListImg{width:235px; float: left;}
.courseListImg img{height: 191px;border-radius: 3%;}
.courseListImg a{color: black;font-size: 16px;border-radius: 3px;color: #fff;font-family: Poppins;padding: 8px 40px;background: #303641;margin-top: 12px;width: 100%;text-align: center; max-width:235px; display:block; margin:12px auto 0;}
.courseListCont{width:calc(100% - 265px); float: right;}
.courseListCont h2{ font-size: 26px; color: #0b0c0c; font-weight: 600; margin-bottom: 0; padding-top:0px;width:calc(100% - 110px) !important; float: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  overflow: hidden;}
.courseListPrice{float:right; font-size: 22px; color:#303641; font-weight: 600;}
.courseListPrice span{display: block;
    text-decoration: line-through;
    color: grey;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    text-align: center;}
.courseListAuthor{font-size:16px;width:100%; display:inline-block;}
.courseListCont .courseRatingMain{text-align: left;}
.courseListCont p{font-size: 16px;line-height: 24px; margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; min-height: 48px; overflow: hidden;}
.courseListCont a{float:right;font-size:16px; color:#fff; font-family:Poppins; padding:8px 40px; background:#303641; border-radius: 22.5px; }
/* Course Detail */
.courseDetailBaner{width:100%; display: inline-block; float: left; background: url("../images/courseDetailBaner.jpg") no-repeat center; background-size: cover;padding:25px 0 190px;}
.courseDetailBaner h1{font-size:50px; color:#fff; font-weight:700;}
.courseDetailBaner p{font-size: 16px; color: #fff; width: 65%; line-height: 26px;}
.courseDetailBaner .courseRatingMain{float: left;}
.courseDetailBaner .courseRatingMain span{color: #fff; font-size: 17px; font-family: Poppins;}
.courseDetailAuthor{float:left; display: inline-block; font-size: 17px; color: #fff; margin-left: 50px;}
.courseDetailAuthor a{font-weight:600; color:#fff;font-size: 17px}
.courseDetailMain{width:100%; display: inline-block; -webkit-transform: translateY(-170px); -moz-transform: translateY(-170px); transform: translateY(-170px);}
.courseDetailTop, .courseDetailCont{width:100%; display:inline-block; background: #fff; border-radius:6px;box-shadow:0 20px 40px rgba(0,0,0,.05); padding: 20px 15px; margin-bottom: 30px;}
.courseDetailTop h3, .courseDetailCont h3{font-size: 30px; font-weight: 600; color: #0b0c0c; float: left;}
.courseDetailTop ul{width:100%; display:inline-block; margin-top: 10px; margin-bottom: 0;}
.courseDetailTop li{width:48%; float: left; display:inline-block; margin-left: 4%; margin-bottom: 20px; padding-left: 30px; background: url("../images/bullet.png") no-repeat left top;}
.courseDetailTop li:nth-child(2n+1){margin-left:0; clear:left;}
.courseDetailCont ul.courseMeta{ display: inline-block; float: right; margin-top: 25px;}
.courseDetailCont ul.courseMeta li{font-size:15px; color:black;display: inline-block;margin-right:35px;}
.courseDetailCont ul.courseMeta li:last-child{margin-right: 0}
.courseDetailCont ul.courseMeta li a{color:#303641;font-weight: 600; }
.faqMain{width:100%; display:inline-block; float:left; margin-top: 15px;}
.faqMain > div{width:100%; display:inline-block; float: left; margin-bottom: 10px;}
.faqMain > div dt{width:100%; display:inline-block; float: left; padding:10px; color:#fff; font-size:12px; font-weight:500; background: #303641; border-radius: 4px;cursor: pointer; border:1px solid transparent;}
.faqMain > div dt i{margin-right: 10px;}
.faqMain > div dt.active, .bonusCont .faqMain > div dt{border-color:rgba(0,0,0,.07); background: none; color: #303641;}
.faqMain > div dt.active{border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
.bonusCont .faqMain > div dt{color: #2c2c2c;}
.faqMain > div dt.active i:before{content: "\f068";}
.bonusCont .faqMain > div dt.active{border-color: transparent;background: #303641; color: #fff;}
.faqMain > div dd{width:100%; float:left; display:none;}
.courseModules{width:100%; display: inline-block; float: left; margin-bottom: 0;}
.courseModules > li{width:100%; display:inline-block; float: left; border:1px solid rgba(0,0,0,.07); }
.courseModules > li >a{ padding:10px;}
/*.courseModules > li:hover{background:rgba(248,24,98,.1); }*/
/*.courseModules > li:hover a{color:#626262;}*/
.courseModules > li:last-child{border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.moduleTitle{float: left; display: inline-block; font-size: 14px; color: #626262;width:calc(100% - 200px);}
.moduleTitle i{color:rgba(248,24,98,.2); margin-right: 10px;}
.moduleMeta{float:right; padding: 10px 0px 10px;}
.moduleMeta li{display:inline-block; float: left; margin-right: 15px; font-size: 14px; font-weight:500;color:#959595;}
.moduleMeta li a{color:#303641;}
.faqMain > div dd p{font-size:14px; color: #626262; font-weight: 500; line-height: 30px; padding-top: 15px;}
.courseDescrp .nav-tabs{border: none;}
.courseDescrp .nav-tabs a{font-size:15px; color: #696969; font-weight: 700;padding:10px 20px; border:1px solid transparent; border-radius:4px;display:inline-block; float: left; border-bottom: none;}
.courseDescrp .nav-tabs li a.active{color:#303641; background: #fff;border-color:rgba(0,0,0,.07);}
.courseDescrp .tab-content{width:100%; display:inline-block; background: #fff;border:1px solid rgba(0,0,0,.07); border-radius: 4px; padding:20px;}
.courseDescrp .tab-content h1, .courseDescrp .tab-content h2, .courseDescrp .tab-content h3, .courseDescrp .tab-content h4, .courseDescrp .tab-content h5, .courseDescrp .tab-content h6{font-size:20px; color:#0b0c0c; font-weight:600;}
.courseDescrp .tab-content p, .reviewCont span{font-size:14px; color:#626262; font-weight: 500; line-height: 28px; word-break: break-word;}
.reviewCont{width: 100%; display: inline-block; margin-bottom: 20px;}
.reviewCont p, .reviewCont span{color: #838387; width: 100%;}
.courseDescrp{width:100%; display:inline-block; margin-bottom: 30px;}
.relatedCourse, .courseAboutTeacher{width:100%; display:inline-block;}
.relatedCourse h3, .courseAboutTeacher h3{font-size: 30px; font-weight: 600; color: #0b0c0c; float: left;width:calc(100% - 85px);}
.relatedCourse > a{font-size: 20px; float: right;color: #303641; text-decoration: underline; margin-top: 5px;}
.courseAboutTeacher{margin-bottom: 50px;}
.courseAboutTeacher h3{margin-bottom: 40px;}
.courseAboutInner{width:100%; display: inline-block; padding:30px; background: #fff; box-shadow: 0 20px 40px rgba(0,0,0,.05); }
.courseTeacherImg{display: inline-block; float: left;width:243px;padding:10px; box-shadow: 0 20px 40px rgba(0,0,0,.05); position: relative; z-index: 1; background: #fff;text-align: center;}
.courseTeacherImg:before{content: '';position: absolute; width: 100%; height: 100%; background: #303641; bottom: 10px; right: 10px;z-index: -1;}
.courseTeacherImg:after{content:''; position: absolute; width: 100%; height: 100%; background: #fff; top:0; left: 0; z-index: -1; box-shadow: 0 20px 40px rgba(0,0,0,.05); }
.courseTeacherImg img{width:100%; height: 297px; max-width:243px}
.courseTechSocial{width:100%; display: inline-block; text-align: center; margin-bottom: 0;}
.courseTechSocial li{display: inline-block;}
.courseTechSocial li a{padding:5px 0px; font-size: 20px; color: #fff; background: #d0d7e1;border-radius:4px; display:inline-block;width: 43px; text-align: center; margin-top: 20px;}
.courseTechSocial li a:hover{background: #303641;}
.courseTeacherCont{width:calc(100% - 243px); float: right; padding-top: 30px; position: relative; padding-left: 30px;}
.courseTeacherCont:before, .courseTeacherCont:after{content: ''; height: 8px; background: #303641;width:228px; position: absolute; top: 25px; left: 0;border-bottom-right-radius:10px; border-top-right-radius: 10px; }
.courseTeacherCont:after{width: 40px; left:248px; border-radius: 10px; }
.courseTeacherCont h5{font-size: 30px; color:#555252; font-weight: 600; padding-top:20px; }
.courseTeacherCont p{font-size: 16px; color: #555252; line-height: 30px;}
.courseTeacherCont a{color: #303641; font-size: 18px; font-weight: 600;}
.courseAlign{-webkit-flex-direction: row-reverse;flex-direction:row-reverse;}
.couseSidebar{width:100%; display: inline-block; padding: 2px 0px 15px 0px; border-radius:6px; background: #fff; box-shadow: 0 20px 40px rgba(0,0,0,.05); position: sticky;
    position: -webkit-sticky; top: 170px;}
.couseSidebar .courseVideo{max-width:345px; margin:0 auto;width:100%; display:block; float:none;}
.courseVideo iframe{width:100%; height: 265px; float: left;}
.couseSidebar .courseVideo img{width:100%; height:194px;}
.coursePrice{width:calc(100% + 50px); display:inline-block; background: #fff; padding: 10px; margin: 15px 0 15px -25px; position: relative; box-shadow: 0 6px 16px rgba(0,0,0,.25); text-align: center !important;}
.coursePrice:after, .coursePrice:before{position: absolute; width: 100%; left: 0; height: 10px; content: '';}
.coursePrice:before{bottom: 100%; background: url("../images/price_before.png") no-repeat center; background-size: 100% 100%;}
.coursePrice:after{top: 100%; background: url("../images/price_after.png") no-repeat center; background-size: 100% 100%;}
.coursePrice .priceSpan{display: inline-block; font-size: 15px; color: #303641; font-weight: 700;}
.coursePrice .priceOld{display: inline-block; padding: 0 10px; font-size: 15px; color: #969696; font-weight: 700;}
.coursePrice .priceOld span{font-size: 10px; width: 100%; display: block; line-height: 5px;}
.coursePrice .priceNew{font-size: 15px; display: inline-block; padding: 0; font-weight: 700; color: #009bd2;}
.coursePrice .priceNew span{font-size: 15px !important;}
.buyBtn{width: 100%; float: left; margin: 15px 0 0;padding: 0 15px}
.buyBtn.buyBtn_double a, .buyBtn.buyBtn_double button{width: 49%; float: left; font-size: 12px; font-weight: 600;}
.buyBtn.buyBtn_double a:nth-child(2), .buyBtn.buyBtn_double button:nth-child(2){float: right; background: #00ad6c;}
.couponForm{width:100%; display: inline-block; margin: 15px 0;padding: 0 0px}
.couponForm input[type=text]{width:calc(100% - 65px);border:1px solid rgba(0,0,0,.11); background: #f6f6f6; padding: 0 10px; height: 44px; border-radius: 4px 0 0 4px; float: left;}
.couponForm input[type=submit], .couponForm input[type=button], .couponForm button{width:65px; display: inline-block;background: #949494;font-size: 13px; font-weight: 700; text-align: center; height: 44px;color:#fff; border:none; border-radius: 4px; float: left;}
.courseBuy{width:100%; display:inline-block; text-align: center; background: #009bd2;font-size: 16px; font-weight: 700;color:#fff; height: 56px; line-height: 56px; border-radius: 4px; margin-bottom: 10px;}
.courseBuy:hover{color:#fff;}
.otherText{width:100%; display: inline-block; text-align: center; font-size: 14px; color: #666666;}
.otherText span{color:#303641;}
.addContainer{width:98%; display:inline-block; text-align: center; margin: 15px 4px; border-radius:4px;border:1px solid rgba(0,0,0,.1);}
.addContainer img{width:345px;height: 265px;border-radius: 4px;}
.courseListImg img{width: 235px; height: 132px;border-radius: 3%;}
.shareCourseCont{width: 100%; display: inline-block;}
.shareCourseCont span{float: left;font-size: 15px; color: #666666; padding-top: 5px;}
.soicalShare{ float: right;}
.soicalShare li{display: inline-block;margin-left: 10px;}
.soicalShare li a{display:inline-block; font-size: 20px;color:#303641; }
/*user detail*/
.bluebg{
    background: #009bd4 !important;
}
.userBannerCont{width:100%; display: inline-block;transform: translateY(100px);}
.userBannerTop{padding-left: 330px; padding-bottom: 20px; width: 100%; display: inline-block;}
.userBannerTop h1{font-size: 40px; font-weight: 700; text-align: left; margin-bottom: 0; width: 100%; display: inline-block;}
.userBannerTop p{font-size: 20px; color: #fff; font-weight: 600; float: left; margin-bottom: 0;}
.userDetailBanner{padding:0px 0 0;}
.userSocial{float: right; margin-bottom: 0;}
.userSocial li{display: inline-block;}
.userSocial li a{font-size:16px; width:43px; padding:5px 0; text-align: center; background: #fff; color:#303641; display:inline-block; border-radius: 4px;}
.useBannerBotom{width:100%; display:inline-block; padding:20px 20px 20px 30px; background: #fff; box-shadow: 0 20px 40px rgba(0,0,0,.05); border-radius: 4px;}
.userImg{width:280px; display: inline-block; float: left; text-align:center;}
.userImg img{border-radius:4px; box-shadow: 0 20px 40px rgba(0,0,0,.05); width: 250px; margin-top: -150px; height: 333px; }
.userMeta{width:100%; display: inline-block; margin-top: 25px;}
.userMeta li{width:50%; float: left; padding: 0 8px; font-size: 14px; color:#4a4a4a; text-align: center; display: inline-block; font-weight: 600;}
.userMeta li span{width:100%; display: inline-block; font-size: 20px; color: #f43675; font-weight: 700; }
.userDescrp{width:calc(100% - 320px); float: right;}
.userDescrp p{font-size: 18px; line-height: 30px;}
.userCourseArea{padding:180px 0 50px;}
.positionStat{position: static;}
.timerMain{width: 100%; display: inline-block; position: initial; left: 0; bottom: 0; padding: 7px 0; background:#3a3232; text-align: center;}
.timerMain p{font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 0;}
.timeIner{width: 100%; display: inline-block;}
.timeIner div{display: inline-block; background: #fff; box-shadow: 0 6px 5px rgba(0,0,0,.15); border-radius: 4px; width: 75px; margin-right: 10px; }
.timeIner div:last-child{margin-right: 0;}
.timeIner div p{font-size: 32px; font-weight: 700; color: #f81861; margin-bottom: 0; line-height: 32px;}
.timeIner div span{ font-size: 13px; font-weight: 700;color: #474646; width: 100%; display: inline-block;}
.timerEnabled{margin-bottom: 101px;}
.timerEnabled.top{margin-bottom: 0; margin-top: 101px;}
.timerMain.top{bottom: inherit; top: 0;}
#videoModal .modal-title{float: left; font-size: 28px; color: #0b0c0c; font-weight: 600; line-height: 30px;max-width: calc(100% - 35px); margin: auto;}
#videoModal .close{position: absolute; right: 25px; top:25px; padding: 5px 10px; color: #fff; background:#303641; border-radius: 50%; opacity: 1; }
#videoModal .modal-header{border: none; padding-bottom:0;}
#videoModal iframe{width: 100%; border-radius: 6px; height: 500px; float:left; max-height: calc(100vh - 290px);}
#videoModal #embed_frame > div > iframe{max-height: inherit; height: auto;}
#videoModal .modal-footer{padding: 0; border: none;}
.tagsCont{width:100%; float: left;}
.tagsCont a{font-size: 12px; display: inline-block; margin-right: 10px; padding: 2px 10px; background: white; color: black; border-radius: 3px; float: left; border: 1px solid #b8b8b8; margin-bottom: 5px;}
.tagsCont a:hover{border-color: #303641; background: none; color: #303641;}
/* login Page */
.loginMain{width: 100%; display: inline-block; float: left; height: 100vh; background: #e7e7e7;}
.signupCont{width: 550px; max-width: 100%; display: block; margin: 0 auto; background: #fff; border-radius: 6px; box-shadow: 0 21px 54px rgba(0,0,0,.08); text-align: center; padding: 50px 15px; margin-top: 120px; }
.loginMain h2{width: 100%; display: inline-block; text-align: center; font-weight: 600; color: #0b0c0c; padding-bottom: 20px; background: url("../images/heading-bg.png") no-repeat center bottom; font-size: 24px;}
.loginMain h3{ font-size: 16px; width: 100%; display: inline-block; text-align: center; font-weight: 700; color: #0b0c0c; padding-top: 5px;}
.signUpForm{width: 355px; display: block; margin: 20px auto 0; max-width: 100%;}
.loginMain input[type=text], .loginMain input[type=email], .loginMain input[type=password], .loginMain input[type=tel]{
    width: 100%; display: inline-block; height: 52px; border-radius: 4px; background: #ededed; padding: 0 15px; font-size: 15px; color: #818181; font-family: Arial, "sans-serif"; border: none; margin-bottom: 10px;
}
.loginMain input[type=submit], .loginMain input[type=button], .loginMain button{width: 100%; display: inline-block; border: 1px solid #303641; color: #303641; background: none; border-radius: 4px; font-size: 16px; font-weight: 700;height: 40px; margin-top: 15px;}
.loginMain input[type=submit]:hover, .loginMain input[type=button]:hover, .loginMain button:hover{background: #303641; color: #fff; }
.loginContMain{width: 100%; display: inline-block; height: 100vh; background: #fff; border-right: 5px solid #303641; float: left;box-shadow: 0 21px 54px rgba(0,0,0,.08);}
.loginCont{width: 100%; display: inline-block; padding: 120px 15px 0;}
.loginLogo{width: 135px; display: block; margin: 0 auto 70px;}
.loginForm{width: 333px; display: block; margin: 20px auto 0; max-width: 100%;}
.signupCont .loginLogo{display: none;}
/* 404 */
.eror404Main{width: 100%; float: left; background: #e7e7e7; min-height: calc(100vh - 89px); border-bottom: 8px solid #303641;}
.img404{width: 100%; float: left; text-align: center; padding:70px 0 0; }
.eror404Main p{font-size: 20px; font-weight: 700; color: #363636; text-align: center; padding-top: 20px; display: inline-block; width: 100%;}
.eror404Main a{ display: block; width: 170px; text-align: center; border-radius: 22.5px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background: #303641; clear: both; margin: 40px auto 40px;font-family: Poppins; border:2px solid #303641;}
.eror404Main a:hover{background: #fff; color: #303641;}
.thankYouCont{width: 80%; text-align: center; background: #fff; margin: 60px 10% 40px; box-shadow: 0 21px 54px rgba(0,0,0,.08); border-radius: 6px; padding: 40px 15px;}
.thankYouCont h1{font-size: 18px; font-weight: 700; color: #464646; padding-top: 15px;}
.thankYouCont p{font-size: 16px; line-height: 30px; color: #464646;padding-top: 15px; font-weight: normal;}
.thankYouCont a{width: 290px; text-transform: uppercase; margin: 20px auto 20px;}
.thankYouCont p a{width: auto; height: auto; line-height: inherit; margin: 0; color: #303641; display: inline-block; background: none; border: none; text-transform: none; font-size: 16px;}
.loginSignup{width: 100%; float: left; background: url("../images/loginSignUpBg.jpg") no-repeat center; background-size: cover; border-bottom:25px solid #303641;height: calc(100vh - 10px); overflow-y: auto; border-top: 12px solid #fff;}
.loginSignupTop{width: 100%; height: 10px; background: #303641;float: left;}
.loginSignupLogo{display: block; margin: 20px auto 0;width: 160px;}
.loginSignup h1{font-size: 24px; color: #434343; font-weight: 700; text-align: center; padding-top: 20px;}
.loginSignupCont{width: 500px; display: block; margin: 30px auto 0; background: url('data:image/png;base64,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') no-repeat center #fff; background-size: 100% 100%; border-radius: 6px; padding:40px; -webkit-box-shadow: 6px 21px 54px rgba(0,0,0,.08); -moz-box-shadow: 6px 21px 54px rgba(0,0,0,.08); box-shadow: 6px 21px 54px rgba(0,0,0,.08); max-width: 100%; }
.loginSignupCont h2{font-size: 22px; color: #0b0c0c; text-align: center; background: url('../images/loginSignUpHead.png') no-repeat center bottom; padding-bottom: 15px; font-weight: 600; margin-bottom: 30px;}
.inputMain{width: 100%; border-radius: 6px; background: #ededed; padding-left: 10px; display: inline-block; line-height: 50px; margin-bottom: 15px;}
.inputMain img{ display: inline-block; vertical-align: middle; line-height: 55px;}
.inputMain input{width: calc(100% - 16px); height: 50px; background: none; padding: 0 15px; float: right; border: none;}
.inputMain input:focus{background: none; border: none; box-shadow: none;}
.loginSignupCont label{display: inline-block; font-size: 15px; color: #434343; text-align: center; line-height: 23px; font-weight: 500;}
.loginSignupCont label a{color: #434343; font-weight: 700;}
.loginSignupCont label input{display: none;}
.loginSignupCont label span{display: inline-block; width: 21px; height: 21px; background: #d8d8d8; border-radius: 4px; margin-right: 15px; float: left; position: relative; cursor: pointer; }
.loginSignupCont label span:after{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); content: '\2713'; font-weight: 600;display: none;}
.loginSignupCont label input:checked + span:after{display: inline-block;}
.logoSignupCheck{width: 100%; text-align: center; display: inline-block;}
.loginSignupCont input[type=submit], .loginSignupCont input[type=button]{width: 170px; text-align: center; height: 50px; font-size: 16px; color: #fff; font-weight: 700; display: block; margin: 20px auto 0; border-radius: 4px; border: none; background: #303641;}
.loginSignupAlready{display: inline-block; text-align: center; width: 100%; font-size: 15px; font-weight: 600; color: #434343; padding: 20px 0;}
.loginSignupAlready a{color: #f0125c; border-bottom: 1px solid #f0125c;}
.logoSignupCheck label.remeberMe{float: left;}
.logoSignupCheck > a{float: right; color: #434343; font-size: 14px; font-weight: 600;}
.userLogged{width: calc(100% - 72px); float: right; display: inline-block; margin: 6px 0 0; text-align: right;}
.userLogged span{font-size: 16px; color: #0b0c0c; display: inline-block; font-weight: 600; margin-right: 5px;}
.userLogged .userLogImg{font-size: 16px; color: #fff; border-radius: 50%; background: #303641; text-align: center; display: inline-block;}
.userLogged .userLogImg img{
    width: 2.375rem;
    height: 2.375rem;
    object-fit: cover;
}
/* course video */
.courseVideo{width: 100%;background: url(../images/course-detail-banner.jpg) no-repeat; float: left;  background-size: 100% auto; position: relative; border-radius: 6px; overflow: hidden;}
.courseVideo h1{ font-size: 30px; font-weight: 700; color: #fff; min-height: 48px;}
.videoCont{width: 100%; float: left; border-radius: 6px; border: 3px solid var(--bs-card-bg-dark); background: var(--bs-card-bg-dark); box-shadow: 20px 6px 40px rgba(0,0,0,.05); }
.light-style .videoCont {
    border: 3px solid var(--bs-card-bg);
    background: var(--bs-card-bg);
}
.videoCont video, .videoCont iframe{width: 100%; height: 460px; border: none;}
.nextPrev{width: 100%; display: inline-block; padding: 25px 15px 25px; float: left;}
.nextPrev a{font-size: 14px; color: #f3155e; font-weight: 500;}
.nextPrev a:nth-of-type(1){float: left;}
.nextPrev a:nth-of-type(2){float: right;}
.progressMain{width: 100%; float: left;}
.progressMain p{font-size: 16px; font-weight: 500; margin-bottom: 5px; color: #cfd3ec;}
.progressBar{width: 100%; height: 12px; background: var(--bs-card-bg); border-radius: 6px; position: relative; overflow: hidden;}
.progressBar span{background: var(--bs-primary); position: absolute; left: 0; top: 0; height: 100%; border-radius: 6px 0 0 6px;}
.courseCont{width: 100%; display: inline-block;margin-top:15px; border-radius: 6px; background: var(--bs-card-bg); box-shadow: 20px 6px 40px rgba(0,0,0,.05);padding: 15px 10px 15px 15px;    position: sticky;
    position: -webkit-sticky;
    top: 0px;overflow: hidden; max-height: 531px; }
.dark-style .courseCont {
    background: var(--bs-card-bg-dark);
}
.courseCont .faqMain{height: 465px;overflow-y: auto; padding-right: 5px;  }
.courseCont h2{font-size: 30px; color: var(--bs-card-color); font-weight: 600; margin-bottom: 0;}
.light-style .courseCont h2 {
    color: var(--bs-card-color-light);
}
.courseCont dt{width: 100%; padding: 10px; font-size: 20px; color: var(--bs-body-color); background: var(--bs-body-bg); font-weight: 500; border: 1px solid transparent; cursor: pointer;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; float: left; margin-top: 1px;}
.courseCont dt:first-child{margin-top: 0;}
.courseCont dt i{margin-right: 10px; font-size: 16px;}
.courseCont dt.active{ background: var(--bs-primary); color: #fff; border-color: rgba(0,0,0,.07);}
.courseCont dt.active i:before{content: '\f068';}
.courseCont dd{width: 100%; float: left; display: none;background-color: var(--bs-body-bg);}
.courseCont dd a{width: 100%; display: inline-block;border: 1px solid rgba(0,0,0,.07); padding: 10px; float: left;}
.courseCont dd a:hover{background: rgba(134, 146, 208, 0.06);}
.customCheck {float: left; margin-right: 10px; cursor: pointer; margin-top: 12px;}
.customCheck span{float: left;
    width: 25px;
    height: 25px;
    border: 1px solid var(--bs-border-color);
    position: relative;
    color: var(--bs-card-color);
    box-shadow: inset 0px 0 2px rgb(0 0 0 / 10%);
}
.light-style .customCheck span {
    border: 1px solid var(--bs-border-color);
    color: var(--bs-card-color-light);
}
.customCheck input{display: none;}
.customCheck span:after{color: var(--bs-body-color);position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); content: '\2713'; font-weight: 600; font-size: 19px; display: none;}
.customCheck input:checked + span:after{display: inline-block;}
.courseCont dd .lessonInfo{float: right; width: calc(100% - 39px);}
.courseCont dd .lessonInfo p{ font-size: 16px; color: var(--bs-card-color); font-weight: 600;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; margin-bottom: 5px; width: 100%;}
.light-style .courseCont dd .lessonInfo p {
    color: var(--bs-card-color-light);
}
.courseCont dd .lessonInfo span{float: left; font-size: 16px; color: var(--bs-card-color);}
.light-style .courseCont dd .lessonInfo span {
    color: var(--bs-card-color-light);
}
.courseCont dd .lessonInfo span i{color: #aed5dd;}
.lessonTabs{width: 100%; float: left; margin-top: 30px; margin-bottom: 200px;}
.lessonTabs .nav.nav-tabs li a{font-size: 20px; padding: 20px 30px; color: var(--bs-body-color); font-weight: 600; display: inline-block; border-bottom: 4px solid transparent; margin-bottom: -2px;}
.lessonTabs .nav.nav-tabs li a.active{color: var(--bs-primary); border-color: var(--bs-primary);}
.lessonTabs .nav.nav-tabs li a i{color: #f3155e; font-size: 13px; margin-right: 5px;}
.lessonTabs .tab-content h3{ font-size: 30px; color: var(--bs-body-color); margin-top: 15px;}
.lessonTabs .tab-content{font-size:18px; color: #474747; line-height: 35px; }
.ratingCont{width: 100%; display: inline-block; padding: 20px; border-radius: 6px; background: #fff; margin-top: 20px; box-shadow: 20px 6px 40px rgba(0,0,0,.05);}
.lessonTabs .tab-content .ratingCont h3{margin-top: 0;}
.lessonTabs .tab-content .ratingCont textarea{width: 400px; max-width: 100%; height: 150px; display: block; clear: both; border: 1px solid rgba(0,0,0,.1); padding: 10px; font-size: 16px; margin: 10px 0;}
.lessonTabs .tab-content .ratingCont textarea:focus{outline: none;}
.lessonTabs .tab-content .ratingCont input[type=button], .lessonTabs .tab-content .ratingCont input[type=submit], .lessonTabs .tab-content .ratingCont button{width: 200px;
    max-width: 100%;
    display: inline-block;
    background: #303641;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    height: 56px;
    color: #fff;
    border: none;
    border-radius: 4px;
    margin-top: 5px;}
.containerCourse{width: 90%; max-width: 1800px; display: block; margin: 0 auto;}
/* width */
.customScrollBar::-webkit-scrollbar {
    width: 10px;
}
/* Track */
.customScrollBar::-webkit-scrollbar-track {
    background: #dedede;
}
/* Handle */
.customScrollBar::-webkit-scrollbar-thumb {
    background: #fff;border-radius: 8px; height: 50px;
}

/* Handle on hover */
.customScrollBar::-webkit-scrollbar-thumb:hover {
    background: #fff;
}
.pagiNation{float: right;}
.pagiNation a, .pagiNation span{display: inline-block; font-size: 14px; padding: 5px 8px; border: 1px solid #303641; border-radius: 4px; color: #303641; margin-left: 5px; -webkit-transition:  all ease-in-out .5s; -moz-transition:  all ease-in-out .5s; transition:  all ease-in-out .5s;}
.pagiNation span.current, .pagiNation a:hover, .pagiNation span:hover{background:#303641; color: #fff; }
#stripePaymentModal .modal-header {
    height: 70px;
    background: url(../images/secure-payment.jpg) no-repeat center;
    background-size: 100% auto;
    border-radius: 0;
}
#stripePaymentModal .modal-title {
    width: 100%;
    text-align: right;
    color: #fff;
}
#stripePaymentModal .modal-header .close {
    color: #fff;
}
#lesson_notes_summary p {
    color: var(--bs-body-color);
}
.paymentMethodHeading{height: auto !important; margin-bottom: 0; padding: 20px !important;}
/*Resposnive*/

@media screen and (max-width: 1200px) and (min-width: 900px) {
    #videoModal .modal-dialog{width: 615px;}
}
@media screen and (max-width: 900px) and (min-width: 600px) {
    #videoModal .modal-dialog{width: 460px;}
}
@media only screen and (min-width:1500px){
    .videoCont video, .videoCont iframe{
        height: 660px;
    }
    .courseCont .faqMain{height: 665px;}
    .courseCont{max-height: inherit;}
	.paymentMethodHeadin{font-size: 30px;}
}
@media only screen and (max-width:1200px){
    .courseArea{padding:50px 0 0;}
    .coursesList{padding:30px 0 0;}
    .testiContMain h6{font-size: 30px;}
    .catsLeft ul li a{padding-left: 10px;}
    .userCourseArea{padding: 130px 0 50px;}
    .lessonTabs .nav.nav-tabs li a{padding: 20px;}
    .buyBtn.buyBtn_double a, .buyBtn.buyBtn_double button{font-size: 10px;}
	.courseItemMain{margin:0 0 40px; padding:0px;}
	.courseItemImg img{width:259px; height:229px; min-height:229px;}
	.coursePrice .priceSpan, .coursePrice .priceOld, .coursePrice .priceNew{font-size:13px;}
	.coursePrice .priceNew span{font-size:13px !important;}
}
@media only screen and (max-width:991px){
	.couseSidebar{margin-bottom:30px;}
    .navbar-toggler {
        color: rgba(0,0,0,.5);
        border-color: rgba(0,0,0,.1);
        float: right;
        margin-top: 18px;
        margin-left: 15px;
    }
    .navbar-toggler-icon {
        background-image: url("../images/download.png");
    }
    .headerMain .navbar-light.navbar{position: static; width: 100%; margin: 0; padding: 0;}
    .headerMain{position: relative;}
    .headerMain .float-md-left.positionStat{position: absolute; width: 100%; top: 100%; left: 0; max-width: 100%;z-index: 1;}
    .headerMain ul.navbar-nav{width:100%; display: inline-block; text-align: center; background: #fff; border-top:10px solid #303641;}
    .headerMain .navbar-light .navbar-nav .nav-link, .headerMain .navbar-light .navbar-nav li:last-child .nav-link{padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,.2);}
    .headerMain .navbar-light .navbar-nav li:last-child .nav-link{background: none;color: #333333;}
    .bannerArea h1{font-size: 40px;}
    .bannerArea h2{font-size:30px; }
    .bannerArea p{font-size: 16px; line-height: 25px;}
    .bannerArea p br{display: none;}
    .bannerArea{padding: 90px 0;}
    .bannerCats ul li{width: 25%; border-bottom: 2px solid #303641;}
    .courseItemMain{width: 100%; margin: 0 0 30px; padding: 10px 0px;}
    .headingMain{font-size: 35px;}
    .testiInnerMain{margin: 20px 0 0;}
    .courseListCont{width: 100%;}
    .courseListImg{width: 100%; text-align: center; margin-bottom: 10px;}
    .courseListCont h2, .courseListPrice, .catsLeft h2, .courseListTop h1{font-size: 20px;}
    .catsLeft h2{padding-left: 10px;}
    .courseTeacherCont{width: 100%; padding-left: 0;}
    .courseTeacherImg{width: 100%;}
    .loginCont{padding-top: 50px;}
    .signupCont{margin-top: 50px;}
    .userLogged{margin-top: 10px;}
    .headerMain .navbar-light .navbar-nav .nav-link i:nth-of-type(2){display: none;}
    .headerMain .signUPbtn{margin-top: 15px;}
    .courseVideo h1{font-size: 25px;}
    .buyBtn.buyBtn_double a, .buyBtn.buyBtn_double button{width: 100%; height: 48px; line-height: 48px; font-weight: 700; font-size: 14px;}
    .coursePrice .priceSpan, .coursePrice .priceOld, .coursePrice .priceNew{font-size:16px;}
	.coursePrice .priceNew span {
		font-size: 16px !important;
	}
	.paymentMethodHeading{font-size: 25px;}
	.courseItemImg img{width:259px; min-height:186px; height:186px;}
	.addContainer{border:none;}
	.shareCourseCont{margin-left:0; text-align:center;}
	.shareCourseCont span, .shareCourseCont span, ul.soicalShare.soicalcourseShare{display:inline-block;float:none;}
}
@media only screen and (max-width:767px){
    .headerMain .float-md-left{float: left;}
    .headerMain .float-md-right{float: right;}
    .courseItemMain{background: #fff; box-shadow: 0 20px 40px rgba(0,0,0,.05);}
    .courseItemImg{background: #303641;}
    .courseListTop{margin-top: 20px;}
    .courseListBaner h1{font-size: 35px;}
    .userBannerTop{padding-left: 0;}
    .userImg{width: 100%;}
    .userImg img{margin-top: 0;}
    .userDescrp{width: 100%;}
    .userBannerCont{transform: none; margin: 30px 0;}
    .useBannerBotom{padding: 15px;}
    .userCourseArea{padding: 40px 0;}
    .courseDetailBaner h1{font-size: 30px;}
    .courseDetailBaner{padding: 25px 0 170px;}
    .courseDetailTop{margin-top: 50px;}
    .courseDetailBaner p{width: 100%;}
    .courseDetailAuthor{margin-left: 0; width: 100%;}
    .courseDetailTop li{width: 100%; margin-left: 0;}
    .signupCont{margin: 30px auto;}
    .loginContMain{width: 550px;
        max-width: 100%;
        display: block;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 21px 54px rgba(0,0,0,.08);
        text-align: center;
        padding: 50px 15px;margin: 30px auto; border: none; height: auto; float: none;}
    .loginMain{height: auto;}
    .signupCont .loginLogo{display: inline-block; margin-bottom: 40px;}
    .loginCont .loginLogo{display: none;}
    .loginCont{padding: 0;}
    .loginMain .noPaddingRight{padding-right: 15px !important;}
    .loginForm{width: 355px;}
    .thankYouCont p br{display: none;}
    .thankYouCont{margin: 30px 0 30px; width: 100%;}
    .loginSignupCont{padding: 20px;}
    .lessonTabs{margin-bottom: 40px;}
    .progressMain p{color: #343434;}
    .courseVideo{background-size:100% 300px; }
    .buyBtn.buyBtn_double a, .buyBtn.buyBtn_double button{width: 49%; font-size: 12px;}
    .catsLeft ul {
            width: 100%;
            display: inline-block;
            margin-bottom: 0;
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
        }
        .sortBy {
            /* float: right; */
            display: inherit;
            padding:5px;
            width: 100% !important;
        }
        .cdrop {
            display: inline-block;
            border: 1px solid rgba(0,0,0,.06);
            position: relative;
            float: right !important;
        }
	.paymentMethodHeading{font-size: 18px;}
	.courseItemImg img{width:259px; min-height:186px; height:186px;}
}
@media only screen and (max-width:577px){
    .bannerArea h1{font-size: 30px; line-height: 40px;}
    .bannerArea h2{font-size: 20px; line-height:35px; }
    .logoMain{text-align: center; display: block; margin: 12px auto 0; height:auto;}
    .headerMain .signUPbtn{margin-bottom: 15px;}
    .bannerArea{padding: 30px 0;}
    .bannerForm input[type=search]{width: 100%; height: 45px;}
    .bannerForm button{width:100%; height: 35px; line-height: 35px; border-radius: 4px;}
    .bannerCats ul li{width: 50%;}
    /*.bannerCats ul li:nth-child(odd) a{background: none;}*/
    .testiItemImg{position: static; width: 100%; -webkit-transform: none; -moz-transform: none; transform: none;}
    .testiItemMain{padding: 0;}
    .testiContMain h6{font-size: 25px; padding-top: 25px;}
    .testiContMain p{padding-top:0;}
    .testiInnerMain .nbs-flexisel-inner{padding-bottom: 50px;}
    .nbs-flexisel-item img{width: 100%; height: auto;}
    .testiContMain{min-height: inherit;}
    .headingMain, .sellCourseMain h6{font-size: 25px;}
    .sellCourseMain{padding: 40px 0;}
    .footerMenu li{width: 100%; display: inline-block; text-align: center; margin: 0;}
    .footerMenu li a{margin: 0; width: 100%; padding: 8px 0; border-bottom: 1px dotted #fff; display: inline-block;}
    .footerMenu li:last-child a{border: none;}
    .courseListBaner h1{font-size: 25px;}
    .courseListBaner h2{font-size: 20px;}
    .courseListBaner{padding: 40px 0;}
    .courseListContMain{margin-top: 30px;}
    .courseListCont h2, .userBannerTop p{width: 100%;}
    .userDetailBanner{padding: 0;}
    .userSocial{margin: 15px 0 0;}
    .courseDetailTop h3, .courseDetailCont h3{font-size: 25px;}
    .relatedCourse h3, .courseAboutTeacher h3{font-size: 20px; width:100%;}
    .courseAboutTeacher{margin-top: 30px;}
    .courseAboutTeacher h3{margin-bottom: 10px;}
    .courseTeacherCont:before, .courseTeacherCont:after{display: none;}
    .tagCont{right: -10px;}
    .tagsCont{width: 100%;}
    .img404{padding-top: 30px;}
    .eror404Main a{margin: 20px auto 30px;}
    .userLogged{text-align: left; margin-bottom: 10px;}
    .videoCont video, .videoCont iframe{height: 350px;}
	.headerMain .col-sm-6:first-child {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
	}
	.headerMain .col-sm-6:last-child {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
	}
	.navbar-toggler{margin-left:5px; margin-top:10px; font-size:1rem;}
	.headerMain .signUPbtn{margin-top:10px; margin-bottom:10px; padding:8px 15px; font-size:13px;}
	.headerMain ul.navbar-nav{margin-top:0; border:none;}
	.coursePrice .priceSpan, .coursePrice .priceOld, .coursePrice .priceNew{font-size:13px;}
	.coursePrice .priceNew span {
		font-size: 13px !important;
	}
	.courseDetailInner{padding:20px 15px;}
	.catsLeft ul li a{background:#fff;}
}
/* **** login page css **** */
.has-error{border:1px solid #f0125c}.btn-primary-back{width:170px;text-align:center;height:50px;font-size:16px;color:#fff;font-weight:700;display:block;margin:20px auto 0;border-radius:4px;border:none;background:#303641;padding:13px}.btn-primary-back:hover{color:#fff;background-color:#303641;border-color:#303641}.loginSignupCont{text-align:center}.studendiv{display:inline-block;width:45%;padding:0;border:1px solid #303641}.studendiv:hover{background:#303641}.login-btn{padding-top:100px;padding-right:32px;padding-left:32px;display:inline-block;font-weight:600;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;font-size:1rem;line-height:1.5;border-radius:3px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;color:#303641!important}.student-btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA+CAMAAABTPci/AAAAV1BMVEUAAAD4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGLmZ0rkAAAAHHRSTlMAX+Evxg3574lJoT66lWUl59Z4cBPOV4FSHhmx4k/lrQAAAW1JREFUSMftlUdyhDAQRSWhSDIMYVLf/5weWGCs6S9Elb1wld/+KXT/lsTPUn2cNcygiHR1TuloRYds5eJoI08zV0ffmG5HyugdvdHPKeXhLbH0EiqNJYhqOeUOFaxdNwXTxX3rKYMLrDRmBj3FTCWBKHRI0UFIQr0FTi0ElgSQyqQErtUkpYmXhrUpA5CevLQEXdEFSFdeWia/oQJIHkuaQNTvFpfckeelG/HY13qLyjJjyTQlOF4BpF6kAOHzSSmwkdCjSGIUFyII7lRxKFUUo8QxOpbaDKmwURVEDpL2qIfIorU7J/trq/ptzo3IZ346ItUU4iRG/DJGRlcP1XG9Fak4IXX6amFaIxAHxJZ3XDL9HrZAK7Zkd/vwXwM4cEnUrYnb+eRzHWiH8/tIFXUcbBB567fdvEUjFCimC2LBaPDiv9Do462JwY3bkLwhX1XD39joiGPC76PczhCjsESlpoQE+Zf+ujTKs9zEJ8+Qq2vAq5BAAAAAAElFTkSuQmCC) no-repeat center #ffff}.teacher-btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA+CAMAAACr3TNIAAAATlBMVEUAAAD4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGJdVgoEAAAAGXRSTlMAsPCQ4NCgUA75OmQgv3np2KdyXSkaE0GBL485hgAAAThJREFUSMft19uKgzAUheHlYScm8Xxq9/u/6GArs0NJlaQwA8X/qiz4pAYUxDelVdMUNlXPxI+yKo3nvEdJFyD+rUjgN5bMGu8L9tLPrVbZYcqKH3w/PreGT+rEK393ciTHiR/92cb72shaIt77B6hTPDLea5HkMXbb1GtEeslOegYSvRT2Y/vOT8VLbhXvnYoJ+jXwN3P36geg4KBXHMrtXp5px2Fvgt5Y33cLrHnjXzch5F1s6TjOc4NBbqYijvVcVP3+Axg43vNU1VsWaPnYZ4vxZ6rU47bVoxYzn/gCuT9nALHkUEb72hvuyKI9tP86pHiPqS+fNevtDTdHXrJUBuvdsT/v8v/vDTO3H/iJymxN89KXePOhnx1vqVRf6ctf/vLxvt9cDpv6AXVriBoN3IloWPBX/QDS7Y9aL6ssZgAAAABJRU5ErkJggg==) no-repeat center #ffff}.login-btn:hover{border:1px solid #303641;color:#fff!important}.student-btn:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA+CAMAAABTPci/AAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAX+Evxg0F+Ymh8bqVZUcl7NZ3bz4T585YTYEeGbFTxd35UQAAAXpJREFUSMftldlygzAMRb1hTFgCAUJ2/f9f1iTTJHh0HTPTPnSm5/0gkK6Q+FHssF2rZL0iMsM6ZU93TJOs7Fp6Yo5JymlDC6aP2ui8EtIdYsrlqYSatEipcoKomtPOUMHa6aVgLZxbRwnsYKcxBzBTzFQQiMIeKT5PktBsgVMKgSUBpCIqgW5UUWnipf4+lB5IV16ag65oB6QTL82bX5EGksOSIck75xy3fEOOl27Ek/vneXW1lFUFWGANpE7EAOFzUalhk25GESVTXIggeFJaIHAvlPiMCaU6QdJBKowVCciFoy4iiTp/c5JPm+6ee56JZOzh2hKpSq++oFb8LpkMPv04fO63IrV4r4Go1PGQT+Spw4DkxRm3zNDMolRDnlljq23dawF7LommDmc2XBfRsUGhBxv3HildhsEGkc/ddzXrcvJwpRoK2R8fgzHgj+8x6PCWxNCOryUJkb5r+IyNLXFM+P8ohS2JRWGJCkMRCfIv/XVplGu5iS/nhr5FhwXgtgAAAABJRU5ErkJggg==) no-repeat center #303641}.teacher-btn:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA+CAMAAACr3TNIAAAAXVBMVEUAAAD9/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f3/SIywAAAAHnRSTlMAsPDgkKDRD0/5Ost1IBhi6aVcKAnYwYx+uqxqVEEuyPExAAABPklEQVRIx+3X64qFIBSG4a+TpZad2+d1/5c55I7RBit0YAY2vb9iwROt8I/4pIpsuqUiVPeMdFEexmNaYkOIl/RdGsBfZOIBG1zI6gldlUW7tcL4u+1L6G50UGN8Zs8f0DE6yvjSHgt/X3EzTeDv7R/4DPGIaOmKII9HM4/GAoEeEN2zBwK9ye3Lcst3l3TVpVbGW2eKO71yfGZc//QtkJLTt+SqXns5oCa3507Phe0bBcE3vEu/CbNephry8zShNcsMknw9pfm4PAAt+Xvq8mpOACXt+7vi9lgOmV4705Xo6cCniO1xtN63RuLrUVmDKyJvj8I+utLfo2PJu5t6bXC+501CJs7Get8fd/r/91yf0HDfsSTKw7zpQzz/pe8fNJeF+rw4/elP7+/H2cUQoReo18TYVABXydhd4a/6AvoEq69UkQ4qAAAAAElFTkSuQmCC) no-repeat center #303641}a{color:#000}#general-login-form{display:none}#teacher_contact{display:none}#signup{display:none}#tab-box{display:none}.general-login-form #login-form-header .teacher-img{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA+CAMAAACr3TNIAAAATlBMVEUAAAD4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGJdVgoEAAAAGXRSTlMAsPCQ4NCgUA75OmQgv3np2KdyXSkaE0GBL485hgAAAThJREFUSMft19uKgzAUheHlYScm8Xxq9/u/6GArs0NJlaQwA8X/qiz4pAYUxDelVdMUNlXPxI+yKo3nvEdJFyD+rUjgN5bMGu8L9tLPrVbZYcqKH3w/PreGT+rEK393ciTHiR/92cb72shaIt77B6hTPDLea5HkMXbb1GtEeslOegYSvRT2Y/vOT8VLbhXvnYoJ+jXwN3P36geg4KBXHMrtXp5px2Fvgt5Y33cLrHnjXzch5F1s6TjOc4NBbqYijvVcVP3+Axg43vNU1VsWaPnYZ4vxZ6rU47bVoxYzn/gCuT9nALHkUEb72hvuyKI9tP86pHiPqS+fNevtDTdHXrJUBuvdsT/v8v/vDTO3H/iJymxN89KXePOhnx1vqVRf6ctf/vLxvt9cDpv6AXVriBoN3IloWPBX/QDS7Y9aL6ssZgAAAABJRU5ErkJggg==);background-size:100%;background-position:left top;background-repeat:no-repeat}.general-login-form #login-form-header .student-img{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA+CAMAAABTPci/AAAAV1BMVEUAAAD4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGL4GGLmZ0rkAAAAHHRSTlMAX+Evxg3574lJoT66lWUl59Z4cBPOV4FSHhmx4k/lrQAAAW1JREFUSMftlUdyhDAQRSWhSDIMYVLf/5weWGCs6S9Elb1wld/+KXT/lsTPUn2cNcygiHR1TuloRYds5eJoI08zV0ffmG5HyugdvdHPKeXhLbH0EiqNJYhqOeUOFaxdNwXTxX3rKYMLrDRmBj3FTCWBKHRI0UFIQr0FTi0ElgSQyqQErtUkpYmXhrUpA5CevLQEXdEFSFdeWia/oQJIHkuaQNTvFpfckeelG/HY13qLyjJjyTQlOF4BpF6kAOHzSSmwkdCjSGIUFyII7lRxKFUUo8QxOpbaDKmwURVEDpL2qIfIorU7J/trq/ptzo3IZ346ItUU4iRG/DJGRlcP1XG9Fak4IXX6amFaIxAHxJZ3XDL9HrZAK7Zkd/vwXwM4cEnUrYnb+eRzHWiH8/tIFXUcbBB567fdvEUjFCimC2LBaPDiv9Do462JwY3bkLwhX1XD39joiGPC76PczhCjsESlpoQE+Zf+ujTKs9zEJ8+Qq2vAq5BAAAAAAElFTkSuQmCC);background-size:100%;background-position:left top;background-repeat:no-repeat}@media (min-width:300px){.loginSignup .container>.loginSignupCont{min-height:400px; display: flex;flex-wrap: wrap;align-items: center;flex-direction: column;justify-content: center;}}@media (min-width:768px){.loginSignup .container>.loginSignupCont{min-height: 443px;display: flex;flex-wrap: wrap;align-items: center;flex-direction: column;justify-content: center;}}}.loginSignup .container>.loginSignupCont.student_reset {min-height: auto;}
.loginSignup .container > .loginSignupCont > form {width: 100%;} .loginSignupCont #teacher_contact {position: absolute;left: 0;right: 0px;}.pagiNation .disabled {cursor: not-allowed !important;}.pagiNation .disabled:hover {background: transparent;}
@media (max-width: 1024px) {#videoModal .modal-dialog { max-width: 615px; width: 100%; }}
@media screen and (max-width: 900px) and (min-width: 600px){#videoModal .modal-dialog {width: 100%;}}
.courseListBaner .userDescrp h2, .courseListBaner .userDescrp h1 {color: #0b0c0c;text-align: left;} .courseListBaner .userDescrp a {color: #303641;} .courseListBaner .userDescrp a:hover {color: #000;}
@media (max-height: 620px){.loginSignup .container>.loginSignupCont.option-tabs {min-height: 355px;}.loginSignup.loginSignupforms-options {height: 105vh;}}
@media (max-width: 375px) {.loginSignupCont form input[type=button] {width: 100% !important;}}
@media (max-width: 767px) {.courseDetailBaner.main_analysis_png, .courseDetailBaner.main_academic_png, .courseDetailBaner.main_seo_png,.courseDetailBaner.main_student_4_png,.courseDetailBaner.main_student_1_png {background-image: none !important;background-color: #000 !important;}.courseDetailBaner.main_professional_2_png, .courseDetailBaner.main_idea_png, .courseDetailBaner.main_student_3_png,.courseDetailBaner.main_student_2_png,.courseDetailBaner.main_default {background-image: none !important;background-color: #f62469 !important;}.courseDetailBaner.main_professional_1_png {background-image: none !important;background-color: #122130 !important;}.courseDetailBaner.main_professional_3_png {background-image: none !important;background-color: #3f3438 !important;}.courseDetailBaner.main_imagination_1_png {background-image: none !important;background-color: #97154f !important;}.courseDetailBaner.main_imagination_2_png {background-image: none !important;background-color: #181516 !important;}.courseDetailBaner.main_imagination_3_png {background-image: none !important;background-color: #af3b7a !important;}}
/*html.timerTop {
    margin-top: 68px !important;
}*/
.timerTitle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.timeIner {
    width: auto;
    padding-left: 15px;
}
.timerMain {
  padding: 10px 0 10px;
}
.timerTitle > p {
    font-size: 28px;
}
@media (max-width:  513px){
.timerMain {
  padding: 0px 0 12px;
}
/*html.timerTop {
    margin-top: 98px !important;
}*/
}

.stickytimmer{
    position: sticky;
    top: 0;
    height: auto;
    height: fit-content;
}
.bottomsticky{
    top: auto;
    height: fit-content;
}
.toc-text{
	font-size: 10px;
}
.modal {
    z-index: 10000;
}
#videoModal {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.containerCourse .videoCont .nextPrev{position:relative;display:flex;justify-content:space-between;align-items:center}
.containerCourse .videoCont .nextPrev .custom_link_btn{position:unset;margin:0!important;float:unset}

.course-live-duration {
    font-size: 11px;
    margin-bottom: -12px;
    color:#007bff
}

.live-tag{
    position: absolute;
    top:7px;
    right:10px;
}