@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
body {font-family: 'Josefin Sans', sans-serif; font-size:16px; border-top:solid 3px #084385;}
html {scroll-behavior: smooth;}
.outer_top {background-color:#f9f9f9; padding:5px 0px 0px 0px; border-bottom:#c29638 solid 3px;}
.mt0 {margin-top:0px;}
.mt10 {margin-top:10px;}
.mt7 {margin-top:7px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mt25 {margin-top:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.nomt {margin-top:0px;}
.nomb {margin-bottom:0px;}
.nop {padding:0px;}
.nopl {padding-left:0px;}
.nopr {padding-right:0px;}
.light_black {color:#222;}
.light_gray {color:#949494;}
.white {color:#fff;}
.black {color:#000;}
.web_clr {color:#084385;}
.web_clr_one {color:#208606;}
p {text-align:justify; line-height:28px; color:#222;}
.paragraph {line-height: 24px; color: #555555; font-size: 16px; font-weight: normal;}
.web_blue {color: #084385;}
.web_green {color: #208606;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.fs24 {font-size: 24px;}
.fs26 {font-size: 26px;}
.fs28 {font-size: 28px;}
.fs30 {font-size: 30px;}
.fs32 {font-size: 32px;}
.fs34 {font-size: 34px;}
.fs36 {font-size: 26px;}
.fs38 {font-size: 38px;}
/*New css*/
.outer_light_blue {background-color: #eeeff4; padding: 30px 0p 0px 0px; margin-top: 10px;}
.dot_connect {position: absolute; top: 30px; left: -60px;}
.bg_top_heading {font-size: 50px; color: #084385; font-weight: bold; padding-top: 50px;}
.bg_text {font-size: 20px; color: #181818;}
.btn {background-color: #208606; color: #fff; padding: 11px 15px;}
.btn:hover {color: #fff;}
.nuber_blss {font-size:25px; color: #084385; font-weight: bold; display: inline-block;}
.nuber_blss_heading {font-size:20px; color: #222; font-weight:normal;display: inline-block;}
.brush_bg {position: absolute; top: 50%; left: 20%;}
.explore {font-size: 50px; color: #084385; font-weight: bold;}
.viewall {text-align: right; padding-top: 55px;}
.viewall a {color: #000; text-decoration: none; font-size: 16px; font-weight: bold;}
.border_box {border:#dae3ed solid 2px; border-radius:10px;}
.box_heading {color: #084385; font-weight: bold; font-size: 20px;}
.box_subheading {font-size: 16px;}
.outer_light_blue_mid {background-color: #eeeff4; padding: 50px 0px;-webkit-box-shadow: inset 0px 8px 5px 0px rgba(0,0,0,0.14);
-moz-box-shadow: inset 0px 8px 5px 0px rgba(0,0,0,0.14);
box-shadow: inset 0px 8px 5px 0px rgba(0,0,0,0.14);}
.trending_courses {font-size: 26px; color: #000; font-weight: 600;}
.trending_courses_white {font-size: 26px; color: #fff; font-weight: 600;}
.view_all_btn {background-color: #084385; color: #fff; border-radius:4px; padding: 10px 15px; float: right;-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  transition:.5s; padding-top: 15px; margin-bottom: 15px;}
.view_all_btn:hover {color: #fff; text-decoration: none; background-color: #208606;}

.view_all_btn_white {background-color: #fff; color: #000; border-radius:4px; padding: 10px 15px; float: right;-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  transition:.5s; padding-top: 15px; margin-bottom: 15px;}
.view_all_btn_white:hover {color: #fff; text-decoration: none; background-color: #000;}

.star-rating {
  line-height:32px;
  font-size:1.25em;
}

.star-rating .fa-star{color: #084385;}
.mentor_name {color: #222; font-style: italic;}
.green_education_pattern {background:url(../images/greenbgedu.jpg) left top repeat;}
.green_box_heading {font-size:15px; font-weight: bold; color: #fff;}
.first_green_box {border-right: 1px #fff solid; padding: 50px 0px; text-align: center;}
.teacher_profile_bg {background:url(../images/teacherprofilebg.jpg) left top repeat; padding: 50px 0px;}
.teacher_name {text-align: center; color: #fff; font-weight: 600;}
.teacher_sumdetail {color: #fff; text-align: center; font-weight: 300;}
.outer_footer {background-color: #051b34; padding: 30px;}
.footer_listing li a {color: #fff; line-height: 30px;}
.border_footer {background:url(../images/border_bottom.jpg) left top repeat-x; margin: 0px 15px;}
.outer_main_header {background-color: #084385; color: #fff; padding: 30px 0px;}
.header_name {text-align: center; color: #fff; font-size: 30px; text-transform: uppercase;}
.about_readmore {background-color: #208606; color: #fff; padding: 10px 20px; font-size: 16px; border-radius:4px; }
.about_readmore:hover {background-color: #000; color: #fff; text-decoration: none;} 
.p30 {padding: 30px;}
.desmt80 {margin-top: 80px;}
.box_green {background-color: #208606; color: #fff; padding: 12px 10px 5px 10px; margin-bottom: 10px;}
.box_blue {background-color: #084385; color: #fff; padding: 12px 10px 5px 10px; margin-bottom: 10px;}
.big_font {font-size: 60px; font-weight: 400;}
.ln30 {line-height: 30px;}
.ln30 i { color: #084385;}
.outer_border {border:#084385 solid 1px; padding: 5px;}
/*OUR TEAM CSS*/
.our-team{ text-align: center; }
.our-team .pic{
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.our-team .pic:before,
.our-team .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 13px solid #e6e5e5;
    position: absolute;
    top: 0;
    left: 0;
}
.our-team .pic:after{
    border-color: #084385 #e6e5e5 #e6e5e5 #084385;
    z-index: 1;
    transform: rotate(-10deg);
    transition: all 0.5s ease 0s;
}
.our-team:hover .pic:after{ transform: rotate(350deg); }
.our-team img{
    width: 100%;
    height: auto;
}
.our-team .title{
    font-size: 18px;
    font-weight: bold;
    color: #222;
    padding-bottom: 10px;
    margin: 15px 0 10px 0;
    position: relative;
}
.our-team .title:after{
    content: "";
    width: 30px;
    height: 2px;
    background: #222;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.our-team .post{
    display: block;
    font-size: 16px;
    font-style: italic;
    color: #777;
}
.our-team .icon{
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}
.our-team .icon li{ display: inline-block; }
.our-team .icon li a{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #e0e0e0;
    font-size: 14px;
    color: #999;
    margin-right: 5px;
    transition: all 0.3s ease-out 0s;
}
.our-team .icon li a:hover{
    background: #37b0f1;
    color: #fff;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}

.courses_border {border:#ececec solid 1px; text-align:center;padding-bottom: 15px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);}
.coursename {font-size: 18px; text-align: center; background-color: #084385; color: #fff; padding: 10px 0px;}
.course_detail {padding: 5px 10px; border-bottom: #eaeaea solid 1px;}
.course_detail li {line-height: 28px;  text-align: left;}
.course_detail li span {float: right;}
.course_btn {display:inline-block; text-align: center !important; background-color: #1f8706; line-height: 28px; border-radius:4px; padding: 8px 10px 5px 10px; -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s; font-weight: 800;}
.course_btn a {color: #fff;}
.course_btn a:hover {text-decoration: none; }
.course_btn:hover {background-color: #084385; -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;}

.filter_bg {background-color: #084385; color: #fff; font-size: 20px; padding:10px 0px 6px 10px; text-transform: uppercase;}
.grey_bg {background-color:#fbfbfb; border:#f4f4f4 solid 1px;}

.price-tag label {
    color: #000;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px
    }

.price-tag label span {
    font-size: 14px;
    font-weight: bold
    }

#ContentPlaceHolder1_amount {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #000;
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 35px;
    margin-top: 20px;
    width: 100%
    }

.price-tag .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #d56c1e;
    border: medium none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 0.5px 2px #555;
    -webkit-box-shadow: 0 0.5px 2px #555;
    box-shadow: 0 0.5px 2px #555;
    font-weight: bold
    }

.price-tag .ui-slider-horizontal .ui-slider-range {
    background-color: #208606;
    border: medium none;
    height: 100%;
    top: -1px
    }

.price-tag .ui-widget-content {
    background: none repeat scroll 0 0 #dbdbdb;
    border: medium none;
    margin-left: 10px
    }



.course_name_bg { background-color: #084385; color: #fff; padding:  10px 5px; text-align: center; font-size: 18px;}
.mentor_name_course {font-size: 18px; color: #fff;} 
.text-right-mobile {text-align: right !important;}
.course_de_box {background-color: #F0F0F0; padding: 15px 10px 2px 10px;}

.btngroup li:nth-child(1) {background-color: #208606; border-radius: 4px; text-align: center; padding: 10px 8px;}
.btngroup li:nth-child(2) {background-color: #084385; border-radius: 4px; text-align: center; padding: 10px 8px;}
.btngroup li:nth-child(3) {background-color: #000; border-radius: 4px; text-align: center; padding: 10px 8px;}
.btngroup {text-align: center;}
.btngroup li a {color: #fff; text-decoration: none;}
.btngroup li { margin-top: 30px;}
.active_inner {font-weight: 900; color: #000 !important;}


.btngroup_inner li:nth-child(1) {background-color: #208606; border-radius: 4px;text-align: left; padding: 10px 8px;}
.btngroup_inner li:nth-child(2) {background-color: #084385; border-radius: 4px; text-align: left; padding: 10px 8px;}
.btngroup_inner li a {color: #fff; text-decoration: none;}
.btngroup_inner li { margin-top: 15px;}
.course_heading_inner {font-size: 20px; color: #000; background-color: #ededed; padding: 10px 15px; margin-bottom: 15px;  margin-top: 20px;}






.sylbus {font-size: 20px; font-weight: bold; background-color: #084385; padding: 10px 0px 10px 8px; color: #fff;}
.font_awsome li {line-height: 40px; border-bottom: #e9f3ff solid 1px; padding: 0px 10px;}
.font_awsome li i {color: #084385;}
.sylbs_list {background-color: #f9fcff; height: 369px; overflow: scroll; overflow-x: hidden;}
.level_of_course li {background-color: #d9d9d9; border-right: #fff solid 1px; line-height: 30px; padding: 5px 15px; margin-left: 7px;}
.level_of_course li.active {background-color: #ffc600; font-weight: bold;}
.add_review_btn {border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;background: rgba(8,67,133,1);
background: -moz-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(8,67,133,1)), color-stop(100%, rgba(32,134,6,1)));
background: -webkit-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -o-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: linear-gradient(135deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084385', endColorstr='#208606', GradientType=1 ); padding: 10px 15px; color: #fff; margin-top: 60px; display: inline-block; text-align: center; font-weight: bold;}
.add_review_btn:hover {color: #fff; text-decoration: none;}


.add_review_btn_one {border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;background: rgba(8,67,133,1);
background: -moz-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(8,67,133,1)), color-stop(100%, rgba(32,134,6,1)));
background: -webkit-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -o-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: linear-gradient(135deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084385', endColorstr='#208606', GradientType=1 ); padding: 10px 15px; color: #fff; margin-bottom: 15px; display: inline-block; text-align: center; font-weight: bold;}
.add_review_btn_one:hover {color: #fff; text-decoration: none;}
.blue_box {border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000; padding: 30px 15px 15px 15px; background-color: #084385; text-align: center; margin-bottom: 20px;} 
.line_through {text-decoration: line-through; color: #fff; text-align: center;}
.or_price {color: #ffc600;font-size: 20px; text-align: center;}
.about_course {font-size: 20px; color: #000; font-weight: bold; background-color: #ededed;padding: 10px;}
.about_course span {font-size: 16px; float: right; font-weight: normal;}
.about_course span a {color: #208606;}
.gray_box {background-color: #ededed; padding: 19px; border: #B9B9B9 solid 1px;}
.grd_border {     box-sizing: border-box;
    padding: 5px;
    border-radius: 100%;
    background: linear-gradient(45deg, #208606 0%, #084385 100%);}


.white_bg {background-color: #fff; -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.44); padding:5px 15px;}


.course_dis {background-color: #E4E4E4; padding: 10px 15px; font-size: 20px; font-weight: bold;} 
.border_none {border: none!important;}
.applyoffercodebtn {background-color: #084385; color: #fff; padding: 13px 35px 8px 35px; display: inline-block;}
.applyoffercodebtn:hover {color: #ffff; text-decoration: none;}
.applyoffercodebtnpay {background-color: #208606; color: #fff; padding: 13px 41px 8px 41px; display: inline-block;}
.applyoffercodebtnpay:hover {color: #ffff; text-decoration: none;}
.disable_amount {background-color:#ededed;}
.cancel_continue_btn {margin-top: 15px; border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
border: 0px solid #000000;background: rgba(8,67,133,1);
background: -moz-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(8,67,133,1)), color-stop(100%, rgba(32,134,6,1)));
background: -webkit-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -o-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: linear-gradient(135deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084385', endColorstr='#208606', GradientType=1 ); padding: 10px 15px; color: #fff; margin-bottom: 15px; display: inline-block; text-align: center; font-weight: bold;}
.cancel_continue_btn:hover {color: #fff; text-decoration: none;}
.small_icon {color: #084385;}
.small_icon_inner {font-size: 20px; padding-bottom: 15px; color: #208606;}
.vidoe_border {border: #e3e3e3 solid 1px; padding: 10px 10px 4px 10px; }
.flr { float: right;}
.white_box_product {background-color: #fff; border:#e1e1e1 solid 1px;}
.product_border {border:#f0f0f0 solid 1px;}
.stock {background-color:#222; color:#fff; border-radius:4px; padding:5px 10px; margin-top:15px; display:inline-block;}
.price_corr {color: #ec161d;font-size:32px;}
.text_cr{text-decoration: line-through;color: #000;font-size: 20px;}
.first_btn a {background-color:#084385; color:#fff; padding:10px 30px; display:inline-block; text-decoration:none; border-radius:3px; font-size:16px;}
.sec_btn a {background-color:#222; color:#fff; padding:10px 30px; display:inline-block; text-decoration:none; border-radius:3px; font-size:16px;}
.social_media li {color:#222; font-size:20px;}
.shop_btn {background-color:#084385; color:#fff; padding:10px; border-radius:5px; display: inline-block; margin-bottom: 15px;}
.shop_btn:hover {color:#fff; text-decoration:none;}
.stock {background-color:#222; color:#fff; border-radius:4px; padding:5px 10px; margin-top:15px; display:inline-block;}
.bdr_btm {height:5px; width:100%; background-color:#dedede; display:inline-block;}
.sider_heading {background-color:#222; color:#fff; line-height:42px; padding-left:15px; font-size:16px; font-weight:bold;}
.left_side_bar {background-color:#f3f3f3;}
.side_listing {border-top:#dcdcdc solid 1px; border-left:#dcdcdc solid 1px; border-right:#dcdcdc solid 1px;}
.side_listing a {text-decoration:none;}
.side_listing a li {border-bottom:#dcdcdc solid 1px; line-height:40px; padding-left:15px;-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  transition:.5s;}
.side_listing a li:hover {background-color:#084385; border-bottom:#000 solid 1px; color:#fff; text-decoration:none;-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  transition:.5s; font-weight:bold;}
.sider_heading {background-color:#222; color:#fff; line-height:42px; padding-left:15px; font-size:16px; font-weight:bold;}
.bdr_product {border:#ccc solid 1px; padding:5px;}
.instock {background-color:#084385; color:#fff; text-align:center; padding:5px;}
.price_order {color:#084385; font-size:18px;}
.table_headbg {background-color:#e8e8e8;}
.side_listing a.act li {background-color:#084385!important; color:#fff; font-weight:bold; border-bottom:#000 solid 1px;}
.card {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 0.10rem
 }

.card-header{font-size:18px; font-weight:bold;}

 .card-header:first-child {
     border-radius: calc(0.37rem - 1px) calc(0.37rem - 1px) 0 0;
	 font-size:18px;
 }

 .card-header {
     padding: 0.75rem 1.25rem;
     margin-bottom: 0;
     background-color: #fff;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1)
 }

 .track {
     position: relative;
     background-color: #ddd;
     height: 7px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 60px;
     margin-top: 50px
 }

 .track .step {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     width: 25%;
     margin-top: -18px;
     text-align: center;
     position: relative
 }

 .track .step.active:before {
     background: #084385}

 .track .step::before {
     height: 7px;
     position: absolute;
     content: "";
     width: 100%;
     left: 0;
     top: 18px
 }

 .track .step.active .icon {
     background: #084385;
     color: #fff
 }

 .track .icon {
     display: inline-block;
     width: 40px;
     height: 40px;
     line-height: 40px;
     position: relative;
     border-radius: 100%;
     background: #ddd
 }

 .track .step.active .text {
     font-weight: 400;
     color: #000
 }

 .track .text {
     display: block;
     margin-top: 7px
 }


.pl10 {padding-left:10px;border: #dadada solid 1px;} 
.mt26 {margin-top:26px;}
.rating-header {
    margin-top: -10px;
    margin-bottom: 10px;
	font-weight:bold;
}



.viewdetail_btn {background-color:#000; color:#fff; padding:5px 10px; border-radius:4px; display: block; text-align:center;}
.viewdetail_btn:hover {text-decoration:none; color:#fff; background-color:#666;}
.top_menu_account li.mobr {margin-right:0px !important;}
.top_menu_account li a.mobr {padding-right:0px !important;}
.senbtn {background-color:#084385; font-size:16px; padding:9px 20px 6px 20px; text-align:center; display:inline-block; color:#fff;-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  transition:.5s; margin-bottom:12px; border-radius:5px;}
.senbtn:hover {text-decoration:none; background-color:#222;color:#fff; -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  transition:.5s;}
.card {
  display: inline-block;
  position: relative;
  width: 100%;
  border-radius: 3px;
  color: rgba(0,0,0, 0.87);
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.card .card-height-indicator {
  margin-top: 100%;
}
.card .card-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.card .card-image {
  height: 60%;
  position: relative;
  overflow: hidden;
}
.card .card-image img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  pointer-events: none;
}
.card .card-image .card-image-headline {
  position: absolute;
  bottom: 16px;
  left: 18px;
  color: #fff;
  font-size: 2em;
}
.card .content {
  padding: 15px;
}
.card .card-body {
  height: 30%;
  padding: 18px;
}
.card .card-footer {
  height: 10%;
  padding: 18px;
}
.card .card-footer button, .card .card-footer a {
  margin: 0 !important;
  position: relative;
  bottom: 25px;
  width: auto;
}
.card .card-footer button:first-child, .card .card-footer a:first-child {
  left: -15px;
}
.card .header {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  margin: 15px;
  border-radius: 3px;
  padding: 15px 0;
  background-color: #FFFFFF;
}
.card .header-primary {
background: linear-gradient(60deg, #a26300, #16a085);
}

.card [class*="header-"] {
  color: #FFFFFF;
}

.card-raised {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card-signup .header {
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  margin-left: 20px;
  margin-right: 20px;
  margin-top: -40px;
  padding: 20px 0;
}
.card-signup .text-divider {
  margin-top: 30px;
  margin-bottom: 0px;
  text-align: center;
}
.card-signup .content {
  padding: 0px 30px 0px 10px;
}
.card-signup .checkbox {
  margin-top: 20px;
}
.card-signup .checkbox label {
  margin-left: 17px;
}
.card-signup .checkbox .checkbox-material {
  padding-right: 12px;
}
.card-signup .social-line {
  margin-top: 15px;
  text-align: center;
}
.card-signup .social-line .btn {
  color: #FFFFFF;
  margin-left: 5px;
  margin-right: 5px;
}

.card-nav-tabs {
  margin-top: 45px;
}
.card-nav-tabs .header {
  margin-top: -30px;
}
.card-nav-tabs .nav-tabs {
  background: transparent;
}

.card-plain {
  background: transparent;
  box-shadow: none;
}
.card-plain .header {
  margin-left: 0;
  margin-right: 0;
}
.card-plain .content {
  padding-left: 0;
  padding-right: 0;
}
.input-group .input-group-addon {
  border: 0;
  background: transparent;
  padding: 12px 15px 0px;
}

.cart_qt {border-radius: 50%;
    font-size: 11px;
    height: 25px;
	position:absolute;
    line-height: 25px;
    text-align: center;
    width: 25px;
	color:#fff;
	background-color:#16a085;}
.mt38 {margin-top: 38px;}
.green_circle {background-color: #208606; border-radius:50px; height: 10px; width: 10px; display: block; margin-top: 60px;}
.blue_circle {background-color: #084385; border-radius:50px; height: 10px; width: 10px; display: block; margin-top: 60px;}
.light_blue {background-color: #ecf5ff; border-bottom: #DFDFDF solid 1px; padding: 15px 0px; margin-top: 15px; margin-bottom: 15px;}
.timer_box {background-color: #f7f7f7; padding: 15px; border-radius:4px; margin-bottom: 30px;}
 .quiz_btn {border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
border: 0px solid #000000;background: rgba(8,67,133,1);
background: -moz-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(8,67,133,1)), color-stop(100%, rgba(32,134,6,1)));
background: -webkit-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -o-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: linear-gradient(135deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084385', endColorstr='#208606', GradientType=1 ); padding: 10px 15px; color: #fff; margin-bottom: 15px; display: inline-block; text-align: center; font-weight: bold;}
.quiz_btn:hover {color: #fff; text-decoration: none;}   
#some_div {background-color: #084385; color: #fff; border-radius:50px; text-align: center; padding: 10px 30px; display: inline-block;}

.next_btn {border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
border: 0px solid #000000;background: rgba(8,67,133,1);
background: -moz-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(8,67,133,1)), color-stop(100%, rgba(32,134,6,1)));
background: -webkit-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -o-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
background: linear-gradient(135deg, rgba(8,67,133,1) 0%, rgba(32,134,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084385', endColorstr='#208606', GradientType=1 ); padding: 10px 50px; color: #fff; margin-bottom: 15px; display: inline-block; text-align: center; font-weight: bold; font-size: 24px;}
.next_btn:hover {color: #fff; text-decoration: none;}   
#some_div {background-color: #084385; color: #fff; border-radius:50px; text-align: center; padding: 10px 30px; display: inline-block;}
.studen_name {margin-bottom: 15px;}
.quiz_heading {font-size: 20px; color: #6E6E6E; text-align: center; padding-top: 30px;}
.quiz_heading_part {font-size: 26px; font-weight: bold; text-align: center; padding-bottom: 15px;}
.options_quiz {background-color: #fff; border:#dfdfdf solid 1px; text-align: center; font-size: 20px; padding: 15px; border-radius:50px; color: #000; margin-bottom: 15px;}
.answer_active {background-color: #084385!important; color: #fff; border:#dfdfdf solid 1px; text-align: center; font-size: 20px; padding: 15px; border-radius:50px; margin-bottom: 15px;}
.msg_new_btn {background-color: #084385; color: #fff; text-align: center; padding: 10px 30px; border-radius:5px; display: inline-block; margin-bottom: 15px;}
.msg_new_btn:hover {text-decoration: none; color: #fff;}

.call_new_btn {background-color: #0078ff; color: #fff; text-align: center; padding: 10px 30px; border-radius:5px; display: inline-block; margin-bottom: 15px;}
.call_new_btn:hover {text-decoration: none; color: #fff;}
.mve_to_cart {background-color: #208606; color: #fff; padding: 5px; border-radius:4px;} 
.mve_to_cart:hover {color: #fff; text-decoration: none;}



.testimonial{
    border: 1px solid #c9ced3;
    border-top: 3px solid #c9ced3;
    padding: 70px 25px 100px;
    margin-bottom: 30px;
    position: relative;
}
.testimonial:after{
    content: "\f10d";
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 30px;
    color: #084385;
    position: absolute;
    top: 20px;
    left: 25px;
}
.testimonial .description{
    font-size: 14px;
    color: #666;
    line-height:26px;
}
.testimonial .pic{
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: -30px;
    left: 25px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .testimonial-title{
    font-size: 20px;
    color: #000;
    position: absolute;
    bottom: 5px;
    left: 150px;
}
.testimonial .testimonial-title small{
    display: block;
    font-size: 14px;
    color: #666;
    margin-top: 7px;
}
.owl-theme .owl-controls .owl-page.active span{
    background: #084385;
}


.panel-group .panel{
    border-radius: 0px;
    border:0px none;
    box-shadow: none;
}
.panel-heading{
    padding: 0;
}
.panel-title{
    position: relative;
}
.panel-title > a{
    border:1px solid #084385;
    display: block;
    background: #084385;
    color:#fff;
    padding: 0 45px 0 0;
}
.panel-title > a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
.panel-title .left-icon{
    border-right:1px solid #fff;
    font-size: 24px;
    color:#fff;
    width: 40px;
    padding: 13px 0;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
}
.panel-title a:after{
    content: "\f068";
    font-family: "FontAwesome";
        font-weight: 900;
    float: right;
    font-size: 20px;
    margin-right: 20px;
    color:#fff;
    position: absolute;
    top:15px;
    right:0;
    display: inline-block;
}
.panel-title .collapsed:after{
    content: "\f067";
    color:#084385;
}
.panel-title .collapsed{
    background: #fff;
    color:#6d6d6d;
    border-color:lightgray;
}
.panel-title .collapsed .left-icon{
    color:#084385;
    border-color:lightgray;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body{
    border-top:0px none;
}

.form-body{
    background: rgba(255, 255, 255, 0.9);
    padding:20px 20px 50px 20px;
}
.login-form{
    background:rgba(255,255,255,0.8);
	padding:20px;
	border-top:3px solid#3e4043;
}
.innter-form{
	padding-top:20px;
}
.final-login li{
	width:50%;
}

.nav-tabs {

}

.nav-tabs>li{
	color:#222 !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: #084385;
    border: none !important;
    border-bottom-color: transparent;
	border-radius:none !important;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: none !important;
    border-radius:none !important;
	text-transform:uppercase;
	font-size:16px;
    background-color:#0b68d1;
    color:#fff;

}

.social-login{
	text-align:center;
	font-size:12px;
}
.social-login p{
	margin:15px 0;
}
.social-login ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.social-login ul li{
	width:33%;
	float:left;
    clear:fix;
}
.social-login ul li a{
	font-size:13px;
	color:#fff;
	text-decoration:none;
	padding:10px 0;
	display:block;
}
.social-login ul li:nth-child(1) a{
	background:#3b5998;
}
.social-login ul li:nth-child(2) a{
	background:#e74c3d;
}
.social-login ul li:nth-child(3) a{
	background:#3698d9;
}
.sa-innate-form input[type=text], input[type=password], input[type=file], textarea, select, email{
    font-size:13px;
	padding:10px;
	border:1px solid#ccc;
	outline:none;
	width:100%;
	margin:8px 0;
	
}
.sa-innate-form input[type=submit]{
    border:1px solid#e64b3b;
	background:#e64b3b;
	color:#fff;
	padding:10px 25px;
	font-size:14px;
	margin-top:5px;
	}
	.sa-innate-form input[type=submit]:hover{
	border:1px solid#db3b2b;
	background:#db3b2b;
	color:#fff;
	}
	
	.sa-innate-form button{
	border:1px solid#084385;
	background:#084385;
	color:#fff;
	padding:10px 25px;
	font-size:14px;
	margin-top:5px;
	}
	.sa-innate-form button:hover{
	border:1px solid#208606;
	background:#208606;
	color:#fff;
	}
    .sa-innate-form p{
        font-size:13px;
        padding-top:10px;
    }


.form_bg {background:url(../images/form-bg.jpg) left top repeat;}
.join_us {color: #fff;}
.join_us:hover {color: #fff; text-decoration: none;}


/*NEW CSS ADD*/
.tab-content{
   
    padding:12px;
    color: #7e828a;
}
.tab li a {
    border: none;
    border-right:1px solid #394d58;
    border-radius: 0;
    background: #23323a;
    color: #fff;
    margin: 0;
    padding: 9px 15px;
}
.tab li a:hover{
    border: none;
    border-right:1px solid #394d58;
    background: #23323a;
    color: #fff;
}
.tab li.active > a,
.tab .nav-tabs > li.active > a:focus,
.tab .nav-tabs > li.active > a:hover {
    background:#084385;
    color: #fff;
    border: none;
}
.tab .tab-content{
    border-top: 3px solid #084385;
}

.light_blue_classes {background-color: #ecf5ff; border-bottom: #DFDFDF solid 1px; padding: 15px 0px;margin-bottom: 15px;}
.join_now_video {background-color: #084385; color: #fff; padding: 15px 15px 10px 15px; border-radius:5px; margin-top: 50px; display: inline-block; float: right;}
.join_now_video:hover {color: #ffd; text-decoration: none;}


.account-settings .user-profile {
    margin: 0 0 1rem 0;
    padding-bottom: 1rem;
    text-align: center;
}
.account-settings .user-profile .user-avatar {
    margin: 0 0 1rem 0;
}
.account-settings .user-profile .user-avatar img {
    width: 90px;
    height: 90px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.account-settings .user-profile h5.user-name {
    margin: 0 0 0.5rem 0;
}
.account-settings .user-profile h6.user-email {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 400;
    color: #9fa8b9;
}
.account-settings .about {
    margin: 2rem 0 0 0;
    text-align: center;
}
.account-settings .about h5 {
    margin: 0 0 15px 0;
    color: #007ae1;
}

.form-control {
    border: 1px solid #cfd1d8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #ffffff;
    color: #2e323c;
}

.card {
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    margin-bottom: 1rem;
}




/* 28-2-2023*/
.round_css {border: #f1f1f1  solid 2px;}

/* 28-2-2023*/



@media (max-width:767px) {
.view_all_btn { float: left;}
.first_green_box {border-right:none; padding: 5px 0px;}
.text-right-mobile {text-align: left!important;}
.mobmb30 {margin-bottom: 30px;}
.add_review_btn {margin-top: 15px;}
.level_of_course li { margin-bottom: 10px;}  
.add_review_btn_one {margin-left: 5px;}
.flr { float: left; clear: both;}
.text {font-size:14px;}
.green_circle {margin-top: 5px;}
.blue_circle {margin-top: 5px;}
.quiz_btn {padding: 5px 5px; font-size: 12px;}
.join_now_video {margin-top: 10px; float: none;}
.nav-tabs>li>a {margin-top:8px;}    
}


/*30-3-2023*/
.video_wrapper {
    height: 423px;
    overflow-x: scroll;
}

.vidoe_bg {
    background-color: #ECECEC;
}

.video_thumbnail_bg.active {
    background-color: #f5f5f5;
    border-bottom: #ececec solid 1px;
}

.video_thumbnail_bg {
    border-bottom: #ececec solid 1px;
}

    .video_thumbnail_bg:hover {
        background-color: #f5f5f5;
        border-bottom: #ececec solid 1px;
    }

.time_dur {
    color: #adadad;
}

@media (max-width:767px) {
    .view_all_btn {
        float: left;
    }

    .first_green_box {
        border-right: none;
        padding: 5px 0px;
    }

    .text-right-mobile {
        text-align: left !important;
    }

    .mobmb30 {
        margin-bottom: 30px;
    }

    .add_review_btn {
        margin-top: 15px;
    }

    .level_of_course li {
        margin-bottom: 10px;
    }

    .add_review_btn_one {
        margin-left: 5px;
    }

    .flr {
        float: left;
        clear: both;
    }

    .text {
        font-size: 14px;
    }

    .green_circle {
        margin-top: 5px;
    }

    .blue_circle {
        margin-top: 5px;
    }

    .quiz_btn {
        padding: 5px 5px;
        font-size: 12px;
    }

    .join_now_video {
        margin-top: 10px;
        float: none;
    }
}



/* ----------------- New css add 03-04-2023 -------------------- */
.mt50_mob {margin-top: 50px;}
@media (max-width:767px) {
.mt50_mob {margin-top: 10px;}    
.explore {font-size: 26px; color: #084385; font-weight: bold;}
.viewall {float: left; padding-top: 10px !important;}
.box_subheading {display: none;}  
.box_heading {text-align: center;}
}

/*--------------------------Remove Old COUNTER CSS----------------------------------*/

.counter {
    padding-top: 30px;
    text-align: center;
}

.counter .counter-value {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    background: #f3f3f3;
    border: 5px solid #fff;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
    font-size: 22px;
    color: #f01d1d;
    margin-bottom: 20px;
    position: relative;
}

    .counter .counter-value:before {
        content: "";
        position: absolute;
        top: -15px;
        left: -15px;
        bottom: -15px;
        right: -15px;
        border: 10px solid #f01d1d;
        border-radius: 50%;
    }

    .counter .counter-value:after {
        position: absolute;
        top: 20px;
        left: 23px;
        bottom: -40px;
        right: 20px;
        content: "\f067";
        color: #222;
        display: inline-block;
        font-family: "FontAwesome";
        font-size: 14px;
    }

    .counter .counter-value.textch:after {
        position: absolute;
        top: 20px;
        left: 23px;
        bottom: -40px;
        right: 50px;
        content: 'Lakh+ ';
        display: inline-block;
        font-size: 18px;
        font-family: 'Josefin Sans', sans-serif;
    }


.counter .title {
    font-size: 16px !important;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    margin: 0;
}

.counter.blue .counter-value:before,
.counter.blue .counter-value:after {
    border-color: #fff;
}

.counter.blue .counter-value {
    color: #056faf;
}

@media only screen and (max-width: 990px) {
    .counter {
        margin-bottom: 30px;
    }
}

.white_text {
    color: #fff !important;
}