.dropdown-menu .dropdown-item:hover{
	background:#021844;
	color:#fff;
}
.banner-area {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
	height: 400px;
}
.banner-area::before {
	 position: absolute;
	 content: "";
	 width: 100%;
	 height: 100%;
	 left: 0;
	 top: 0;
	 background: url(../images/banner-overly.png);
	 background-size: cover;
}
.home-ragular-course .course-img img, .class-area .course-img img {
	width:100%;
}
.home-ragular-course .course-amount, .class-area .course-amount {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%, -50%);
	color:#fff;
	font-size:25px;
}

.checkbox, .radio {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    user-select: none;
}
.checkbox input, .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkbox, .radio {
    cursor: pointer;
}
.checkbox .checkmark, .radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    background-color: #dee2e6;
}
.radio .checkmark {
    border-radius: 50%;
}
.checkbox input:checked ~ .checkmark, .radio input:checked ~ .checkmark {
    background-color: #663399;
}
.radio-primary input:checked ~ .checkmark {
    background-color: #663399;
}
.checkbox .checkmark::after, .radio .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    width: 4px;
    bottom: 0;
    margin: auto;
    height: 8px;
    border: solid #fff;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.checkbox input:checked ~ .checkmark::after, .radio input:checked ~ .checkmark::after {
    display: block;
}
.radio .checkmark::after {
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: white;
}



.faq-page {padding:50px 0;}
.faq-page .section-title {padding-bottom:50px; }
.faq-page .faq-slide {padding-bottom:20px; }
.faq-page .faq-slide .title {border:solid 1px #e0e0e0; cursor:pointer; position:relative; padding:0 0 0 51px; }
.faq-page .faq-slide .title:hover h4 {color:#021844 ;}
.faq-page .faq-slide .title:hover .fa {color:#fff; background:#021844 ;}
.faq-page .faq-slide .title.active h4 {color:#021844 ;}
.faq-page .faq-slide .title.active .fa {color:#fff; background:#021844 ;}

.faq-page .faq-slide .title .fa {width:50px; height:100%; text-align:center; font-size:25px; line-height:50px; color:#333; border-right:solid 1px #e0e0e0; display:inline-block; vertical-align:top; position:absolute; top:0px; left:0px;}
.faq-page .faq-slide .title h4 {margin:0px; padding:12px 15px; line-height:26px; font-size:18px; color:#333; font-weight:normal; display:inline-block; vertical-align:top;}
.faq-page .faq-slide .faq-content {padding:15px; border:solid 1px #e0e0e0; border-top:0px; display:none; }
.faq-page .faq-slide.first .faq-content  {display:block;}
.faq-page .faq-slide .faq-content p {color:#666; line-height:24px; font-size:15px;}
.faq-page .faq-slide .faq-content ul {padding:0px 0 15px 0; margin:0px; }
.faq-page .faq-slide .faq-content ul li {list-style:none; display:block; padding:0 0 0 26px; font-size:15px; line-height:30px;  position:relative; color:#666;}
.faq-page .faq-slide .faq-content ul li:after {width:10px; height:2px; background:#666; position:absolute; top:14px; left:0px; content:""; }


.course-details .syllabus {padding:0 0 50px 0; }
.course-details .syllabus .syllabus-box {display:block; width:100%; position:relative; }
.course-details .syllabus .syllabus-title {font-size:13px; color:#333; font-weight:normal; padding:10px 0 10px 45px; position:relative; }
.course-details .syllabus .syllabus-title:after {position:absolute; top:0px; left:29px; width:1px; height:100%; background:#e0e0e0; content:""; }
.course-details .syllabus .syllabus-view {border:solid 1px #e0e0e0; padding:20px 20px 20px 60px; background:#f5f5f5; position:relative; }
.course-details .syllabus .syllabus-view.first .point-list {display:block;}
.course-details .syllabus .syllabus-view:after {position:absolute; top:0px; left:28px; width:1px; height:100%; background:#e0e0e0; content:""; }
.course-details .syllabus .syllabus-view .main-point {display:block; width:100%; line-height:30px; font-size:18px; color:#333; position:relative; cursor:pointer;}
.course-details .syllabus .syllabus-view .main-point.active:after {content:"\f068"; }
.course-details .syllabus .syllabus-view .main-point:after {position:absolute; top:0px; left:-45px; width:28px; height:28px; background:#c2c2c2; content: "\f067"; font-family:Font Awesome\ 5 Brands; text-align:center; font-size:14px; line-height:28px; color:#fff; border-radius:50%; z-index:3; display:none; /*maya*/ }
.course-details .syllabus .syllabus-view .point-list {display:block; padding:20px 0 0 0; display:none;}
.course-details .syllabus .syllabus-view .point-list ul {padding:0px; margin:0px; }
.course-details .syllabus .syllabus-view .point-list ul li { list-style:none; display:block; font-size:15px; color:#555; line-height:30px; position:relative; padding:0px 0 0 0; margin-bottom:5px; }
.course-details .syllabus .syllabus-view .point-list ul li:after{content:"\f0a4"; position:absolute; top:10px; left:10px; width:20px; line-height:30px; color:#333;  font-family:Font Awesome\ 5 Brands; }
.course-details .syllabus .syllabus-view .point-list ul li a {color:#333; text-decoration:none; padding:10px 10px 10px 38px; display:block; overflow:hidden;}
.course-details .syllabus .syllabus-view .point-list ul li.no-link {padding:10px 10px 10px 38px; }
.course-details .syllabus .syllabus-view .point-list ul li .hover-text {float:right; line-height:30px; font-size:15px; color:#fe5969; display:none;}
.course-details .syllabus .syllabus-view .point-list ul li .hover-text .fa {padding:0 0 0 5px;}
.course-details .syllabus .syllabus-view .point-list ul li:hover a {background:#e2e2e2; }
.course-details .syllabus .syllabus-view .point-list ul li:hover .hover-text {display:block; }

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.quiz-view {background:#fff;box-shadow:0px 0px 20px 4px #ccc; padding:15px; margin-bottom:50px;}
.quiz-view .quiz-title { margin:0; padding:15px 0;}
.quiz-view .quiz-title h2 {margin:0px; }
.quiz-view .quiz-title p {font-size:20px; line-height:30px; color:#333; margin:0px; }
.quiz-view .quiz-time {display:inline-block; width:100%; }
.quiz-view .qustion-list {padding:30px 0 0 0; }
.quiz-view .qustion-list .qustion-slide {padding:13px 0 13px 30px; position:relative; }
.quiz-view .qustion-list .qustion-slide:after {position:absolute; top:0px; left:5px; height:100%; width:4px; background:#a468c2; content:""; }
.quiz-view .qustion-list .qustion-slide .qustion-number {display:inline-block; line-height:22px; color:#666; font-size:15px; position:relative;}
.quiz-view .qustion-list .qustion-slide .qustion-number:after {position:absolute; top:2px; left:-33px; width:20px; height:20px; content:""; background:#a468c2; border-radius:50%; text-align:center; font-size:12px; color:#fff; font-family:Font Awesome\ 5 Brands; z-index:1; line-height:20px; }
.quiz-view .qustion-list .qustion-slide span {float:right; width:24px; line-height:24px; text-align:center; background:#a468c2; font-size:12px; border-radius:50%;}
.quiz-view .qustion-list .qustion-slide.active:after {background:#008000; }
.quiz-view .qustion-list .qustion-slide.active .qustion-number  {color:#008000;}
.quiz-view .qustion-list .qustion-slide.active .qustion-number:after  {background:#008000;}
.quiz-view .qustion-list .qustion-slide.active span  {background:#008000; color:#fff;}
.quiz-view .qustion-list .qustion-slide.fill:after {background:#021844;   }
.quiz-view .qustion-list .qustion-slide.fill .qustion-number  {color:#021844 ;}
.quiz-view .qustion-list .qustion-slide.fill .qustion-number:after  {background:#021844; content:""; }
.quiz-view .qustion-list .qustion-slide.fill span  {background:#021844; color:#fff;}
.quiz-view .qustion-main {padding:15px;}
.quiz-view .qustion-box {padding:0 0 30px 0;}
.quiz-view .qustion-box .qustion {border-bottom:solid 2px #e0e0e0; line-height:30px; font-size:18px; }
.quiz-view .qustion-box .squstion {border-bottom:#008000 solid 2px; line-height:30px; color:#444444; font-size:18px; }
.quiz-view .qustion-box .qustion img{ height:200px;}
.quiz-view .qustion-box .ans {padding:10px 0 0 0;}
.quiz-view .qustion-box .ans .ans-slide {display:block; padding-bottom:10px; }
.quiz-view .qustion-box .ans .ans-slide img{ width:150px !important;height:150px !important;}
.quiz-view .qustion-main .qustion-name{font-size:15px !important;}

.quiz-view .qustion-box .ans .ans-slide .label_radio {display:inline-block; padding-left:25px; line-height:30px; background:url(../img/radio-img.png) no-repeat left 9px; font-size:16px; color:#444; font-weight:normal; }
.quiz-view .qustion-box .ans .ans-slide .label_radio input {position:absolute; left:-999999px; }
.quiz-view .qustion-box .ans .ans-slide .label_radio.r_on {background-position:left -98px; }
.quiz-view .qustion-box .save-btn {display:block; padding-top:15px; }
.quiz-view .qustion-box .btn-slide {display:block; padding-top:15px; }
.quiz-view .qustion-box .btn-slide .btn {padding:5px 15px; font-size:30px; text-transform:capitalize; margin:0 15px 0 0;}
.quiz-view .submit-quiz {}
.quiz-view .submit-quiz .btn {text-transform:uppercase; background:#021844; margin:0 30px 0 0; }
.quiz-view .quiz-frame{ height:550px; overflow-x:hidden;overflow-y: visible;}

.quiz-view .qustion-box .qustion img {
	 height:auto !important;
}

.quiz-result {padding:0px 15px; /*margin:0 0 0 30px;*/ background:#fff; }
.quiz-result .m-info{ background:#778899; color:#fff;}
.quiz-result h3 {position:relative; padding-bottom:10px; display:inline-block; font-family: "Roboto",sans-serif;}
.quiz-result h3:after {position:absolute; bottom:0px; left:0px; width:30px; height:2px; background:#fff; content:"";}
.quiz-result .result-info {display:block; width:100%; padding:30px 0 0 0;}
.quiz-result .result-info .info-slide {display:block; width:100%; padding-bottom:10px; }
.quiz-result .result-info .info-slide p {display:block; margin:0px; font-size:18px; color:#fff; line-height:30px; }
.quiz-result .result-info .info-slide p span {float:right;}
.quiz-result .leaderboard {padding:30px 0 0 0; }
.quiz-result .leaderboard h3 {margin-bottom:30px}
.quiz-result .qustion-review {display:block; padding-bottom:10px;  }
.quiz-result .qustion-review p {display:block; margin:0px; font-size:15px; color:#666; line-height:24px; }
.quiz-result .qustion-review p span {float:right;}