@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');

body{
	font-family: 'Jost', sans-serif;
	color: #1a1f22;
	font-size: 17px;
}

a,a:focus,a:hover{
	text-decoration: none;
}

/* headings */
h1,.h1{font-size: 48px;line-height: 57px;}
h2,.h2{font-size: 36px;line-height: 43px;}
h3,.h3{font-size: 30px;line-height: 36px;}
h4,.h4{font-size: 24px;line-height: 28px;}

/* paragraph */
.paragraph-17{font-size: 17px;line-height: 20px;}
.paragraph-18{font-size: 18px;line-height: 21px;}
.paragraph-15{font-size: 15px;line-height: 18px;}
.paragraph-12{font-size: 12px;line-height: 14px;}

/* Link Text */
.link-text{font-size: 15px;line-height: 18px;}
.link-color-1{color: #1a1f22;}
.price-color-offer{color: #6ac195;}
/* colors */
.grey-p1{color: #cecfda;}
.grey-p{color: #a8aabd;}
.grey-dark{color: #6b6c7f;}
.white-off-text{color: rgba(255,255,255,0.7);}
.white-text{color: #fff;}

.positon-relative{position: relative;}

/*font weights*/
.w100{font-weight: 100;}
.w300{font-weight: 300;}
.w400{font-weight: 400;}
.w500{font-weight: 500;}
.w600{font-weight: 600;}
.w700{font-weight: 700;}
.w800{font-weight: 800;}
.w900{font-weight: 900;}


/* Margins */
.mt12{margin-top: 12%;}
.mt11{margin-top: 11%;}
.mt10{margin-top: 10%;}

.mb4{margin-bottom: 4%;}
.mb10{margin-bottom: 10%;}
.mb12{margin-bottom: 12%;}



/*Header Start*/
.header.innerHeader {
	position: fixed;
	top: 0px;
	border-bottom: 1px solid #eee;
	background: #4557f6;
	z-index: 300;
	left: 0;
	right: 0;
	padding: 5px;
}
.mainnavigtion .navbar {
	padding: .5rem 0;
}
.mainnavigtion .navbar-nav .nav-link {
	font-weight: 400;
	font-size: 17px;
	color: #ffffff;
	padding: 9px 20px;
}
.dropdown-toggle::after{
	content: url(../img/frontend-img/arrow-icon-down.png);
	vertical-align: baseline;
	border: 0;
}
/*Header End*/

/*Course Detail Start*/
.darkBanner-bg{
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 70px;
	background: #1a1f22;
	height: 275px;
	position: relative;
}
.course-details-list .star-ratings .filled-star{
	color: #ffa966;
}
.course-details-list .star-ratings .empty-star{
	color: #efeff3;
}
.boxShadow-1{
	background-color: rgb(255, 255, 255);
	box-shadow: -2.025px 8.769px 26.04px 1.96px rgba(14, 37, 70, 0.07);
}
ul.coursePrice-detail-list{
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 5px;
}
ul.coursePrice-detail-list li:first-child{
	margin-top: 15px;
}
ul.coursePrice-detail-list li{
	display: block;
	margin-bottom: 15px;
}
ul.coursePrice-detail-list li span{
	width: 20px;
	height: 20px;
	padding-right: 10px;
}
ul.coursePrice-detail-list li span img{
	vertical-align: baseline;
	padding: 0 5px;
}
.aboutusTitle-40{
	margin-top: 75px;
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 40px;
}
.line-separator{
	border-top: 1px solid #e8e8ee;
	margin-top: 35px;
	margin-bottom: 35px;
	display: block;
}
.buyNow-btnmb-25{margin-bottom: 25px;}
.buyNow-btn a{
	border-radius: 5px;
	background-color: rgb(69, 87, 246);
	color: #ffffff;
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	padding: 14px 10px;
}
.buyNow-btn a:hover{
	opacity: 0.8;
}
/*Course Detail End*/

.greyBg-1{
	background-color: #e9edf2;
}
.courseBox-accordion{
	border-width: 1px;
	border-color: rgb(232, 232, 238);
	border-style: solid;
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	height: 500px;
	overflow: auto;
}
.titleBg-heading{
	background: #e9edf2;
	color: #1a1f22;
	font-weight: 500;
	padding: 12px;
}
.titleBg-heading-rightWhite{
	background: #ffffff;
	color: #1a1f22;
	font-weight: 500;
	padding: 12px;
	border-bottom: 1px solid #eaeaef;
}
.timertag-label{
	float: right;
	padding: 1px 6px;
	border-radius: 5px;
	background-color: rgb(198, 204, 210);
}
.text-secondary-custom{
	color: #1a1f22;
	padding-right: 10px;
}
.modulCourse-box{
	margin-top: 25px;
	padding: 0 18px;
}
.modulCourse-box .panel-title{
	border-bottom: 1px solid #e8e8ee;
}
.panelBody-custom .table tr{
	margin-bottom: 5px;
}
.panelBody-custom .table td{
	border-width: 1px;
	border-color: rgb(232, 232, 238);
	border-style: solid;
	border-radius: 5px 5px 0 0;
	background-color: rgb(233, 237, 242);
	margin-bottom: 8px;
	float: left;
	width: 100%;
	clear: both;
}
.progressCustom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 2px;
	overflow: hidden;
	font-size: 0;
	background-color: #e8e8ee;
	border-radius: 0;
	width: 100%;
	margin: 0 auto;
	bottom: -13px;
	position: relative;
}
.bg-green{
	background-color: #66cd75;
}

.starRating-icon {
	position: relative;
	display: inline-block;
	border: none;
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
	left: 0;
	right: 0;
}
.starRating-icon input {
	border: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	opacity: 0;
}

.starRating-icon label {
	position: relative;
	float: right;
	color: #e9edf2;
	margin-bottom: 0;
}

.starRating-icon label:before {
	margin: 5px;
	content: "\f005";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 1.5em;
	color: #ccc;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.starRating-icon input:checked ~ label:before {
	color: #fcdb24;
}

.starRating-icon label:hover ~ label:before {
	color: #fcdb24;
}

.starRating-icon label:hover:before {
	color: #fcdb24;
}


/*Body Content Start*/
.height56{height: 56px;max-height: 100%;}
.dropdownHover-dots{
	align-items: center;
	display: flex;
	height: 24px;
	justify-content: flex-end;
	left: -20px;
	padding: 0 0px 12px 12px;
	position: absolute;
	margin-top: 0;
	top: 20px;
	width: 100%;
}
.dropdownHover-dots .card-info-dots{
	cursor: pointer;
}
.dropdownHover-dots .card-info-dots img{
	visibility: hidden;
}
.dropdownCustom-card{
	position: absolute;
	transform: translate3d(10px, 30px, 0px);
	top: -8px;
	right: 10px;
	will-change: transform;
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	z-index: 9;
	min-width: 85px;
	white-space: nowrap;
	padding-top: 5px;
	padding-bottom: 5px;
}
.dropdownCustom-card a{
	display: block;
	width: 100%;
	font-size: 15px;
	padding: 6px 9px;
	clear: both;
	font-weight: 400;
	text-align: inherit;
	white-space: nowrap;
	color: #1a1f22;
}
.dropdownCustom-card a i{
	color: #6b6c7f;
}
.dropdownCustom-card a:hover{
	font-weight: 500;
}


.innerBodyContent {
	padding: 50px 0;
	margin-top: 74px;
}
.courseCardprice-box{
	margin-top: -230px;
}
.instituteCard{
	padding: 10px;
	border: 1px solid rgb(232, 232, 238);
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
	transition: 0.3s;
	margin-bottom: 30px;
	position: relative;
}
.instituteCard:hover .dropdownHover-dots .card-info-dots img{
	box-shadow: -2.025px 8.769px 26.04px 1.96px rgba(14, 37, 70, 0.07);
	visibility: visible;
}
.instituteCard .card-img-top{
	height: 152px;
	object-fit: cover;
}
.instituteCard .card-body{
	padding: 13px 13px 0;
}
.instituteCard .card-footer{
	background: #ffffff;
	border: 0;
	padding-bottom: 5px;
}
.instituteCard .card-title a{
	color: #1a1f22;
}
.instituteCard .card-text{
	margin-bottom: 5px;
}
.instituteCard .card-text .star-ratings .filled-star{
	color: #ffa966;
}
.instituteCard .card-text .star-ratings .empty-star{
	color: #efeff3;
}
.admin-profile-card{
	color: #1a1f22;
	line-height: 1.5rem;
	position: relative;
	min-height: auto;
	padding-left: 60px;
	float: left;
	width: 100%;
	clear: both;
	transition: 0.3s;
}
.admin-profile-card img.circle {
	position: absolute;
	left: 0px;
	display: inline-block;
	overflow: hidden;
	width: 45px;
	height: 45px;
	vertical-align: middle;
	border-radius: 50px;
	object-fit: cover;
}
.admin-profile-card p {
	margin: 0;
}

.info-tag-circle{
	width: 45px;
	height: 45px;
	border-radius: 50px;
	line-height: 45px;
	text-align: center;
	color: #ffffff;
	font-size: 15px;
	font-weight: 500;
	position: absolute;
	right: 10px;
	bottom: -20px;
}
.info-tag-free-color{
	background: #6ac195;
}
.info-tag-price-color{
	background: #fd8222;
}
.introVideo-box{
	margin-top: 40px;
	margin-bottom: 40px;
	position: relative;
	text-align: center;
	width: 100%;
	display: block;
	padding: 170px 0px;
	background-repeat: no-repeat;
	background-size: cover;
}
.introVideo-box:before{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.10);
}

.reviewsBox .media, .reviewsBox-instructor .media{
	margin-top: 40px;
}
.reviewsBox .media img.circle{
	width: 45px;
	height: 45px;
	border-radius: 100px;
	object-fit: cover;
}
.reviewsBox .star-ratings .filled-star{
	color: #ffa966;
}
.reviewsBox .star-ratings .empty-star{
	color: #efeff3;
}

.reviewsBox-instructor .media img.circle{
	width: 119px;
	height: 119px;
	border-radius: 22px;
	object-fit: cover;
}

/*accordion Start*/
.moduleWise-box{
	margin-top: 25px;
}
.moduleWise-box .panel-group{
	border: 1px solid #e8e8ee;
	background: #efeff3;
}
.moduleWise-box .panel.panel-default{
	border-bottom: 1px solid #e8e8ee;
}
.moduleWise-box .panel-title{
	margin-bottom: 0;
}
.moduleWise-box .panel-body{
	background: #ffffff;
}
.moduleWise-box .panel-body table{
	margin-bottom: 0;
}
.moduleWise-box .panel-body span.fa{
	color: #6b6c7f !important;
	padding-right: 10px;
}
.moduleWise-box .panel-body a{ 
	color: #1a1f22;
}

.panel-heading {
	padding: 0;
	border:0;
}
.panel-title>a, .panel-title>a:active{
	display: block;
	padding: 11px 14px;
	color: #1a1f22;
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-spacing: 3px;
	text-decoration: none;
}
.panel-heading  a:before {
	font-family: 'FontAwesome';
	content: "\f107";
	float: right;
	transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 
/*accordion End*/
/*Body Content End*/

/*footer Start*/
.text-left-xs{
	text-align: left;
}
.text-right-xs{
	text-align: right;
}
.buttonBox-mobile{
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #fff;
	padding: 15px;
	z-index: 300;
	box-shadow: 1px 1px 10px rgba(36, 36, 37, 0.52);
}

footer {
	background: #1a1f22;
	padding: 33px 0;
	color: #fff;
	position: relative;
}
footer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
footer ul li:first-child{
	padding-left: 0;
}
footer ul li{
	display: inline-block;
	padding-left: 50px;
}
footer ul li a, footer a{
	color: #ffffff;
}
footer ul li a:hover, footer a:hover{
	color: #ffffff;
}
/*footer End*/
.navbar-toggler {
	color: #fff;
	border-color: #fff;
}

/*Student panel Start*/
.avatar {
	font-size: 1rem;
	display: inline-flex;
	width: 48px;
	height: 48px;
	color: #fff;
	border-radius: 50%;
	background-color: #adb5bd;
	align-items: center;
	justify-content: center;
}
.avatar-sm {
	font-size: .875rem;
	width: 36px;
	height: 36px;
}
.rounded-circle {
	border-radius: 50% !important;
}
.avatar img {
	width: 100%;
	border-radius: 50%;
}
.mainnavigtion .notifIco {
	position: absolute;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	background: #f5365c;
	color: #fff;
	line-height: 20px;
	top: 2px;
	right: 2px;
	font-size: .8rem;
	text-align: center;
}
.btn-default-custom {
	color: #525f7f;
	border-color: #ccc;
	background-color: #fff;
}
.default-btn-50{
	border-width: 1px;
	border-color: rgb(232, 232, 237);
	border-style: solid;
	border-radius: 3px;
	background-color: rgb(248, 249, 251);
	padding: 12px 30px;
	text-align: center;
	cursor: pointer;
	width: 100%;
}
.default-btn-50:hover, .default-btn-50:focus{
	box-shadow: 1.812px 6.761px 10px 0px rgba(85, 95, 116, 0.32);
	outline: 0;
}
.button-50{
	text-align: center;
	border-radius: 5px;
	background-color: rgb(26, 109, 255);
	color: #ffffff;
	padding: 12px 30px;
	border: 1px solid rgb(26, 109, 255);
}
.button-50:hover{
	color: #ffffff;
	border-radius: 5px;
	background-color: rgb(0, 73, 216);
	box-shadow: 1.812px 6.761px 10px 0px rgba(85, 95, 116, 0.32);
}
.form-control.formHeight50{
	height: 50px;
	border-width: 1px;
	border-color: rgb(232, 232, 238);
	border-style: solid;
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
}
.conferenceCard{
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	margin-bottom: 30px;
	border-radius: .375rem;
	background-color: #fff;
	background-clip: border-box;
	padding: 15px;
}
.conferenceCard-shadow{
	box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.ptb40{padding-top: 40px;padding-bottom: 40px;}
.achievementsBox{
	background-color: #f5f7f9;
	border: 1px solid #f5f5f7;
	padding: 60px;
}
/*Student panel End*/


/*Media*/
@media (min-width:240px) {
	.mycontainer{width:100%;}
	.xs8 {font-size: 8px;}.xs9 {font-size: 9px;}.xs10 {font-size: 10px;}.xs11 {font-size: 11px;}.xs12 {font-size: 12px;}.xs13 {font-size: 13px;}.xs14 {font-size: 14px;}.xs15 {font-size: 15px;}.xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}.xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs22 {font-size: 22px;}.xs23 {font-size: 23px;}.xs25 {font-size: 25px;}.xs27 {font-size: 27px;}.xs29 {font-size: 29px;}.xs31 {font-size: 31px;}.xs33 {font-size: 33px;}.xs35 {font-size: 35px;}.xs37 {font-size: 37px;}.xs39 {font-size: 39px;}.xs40 {font-size: 40px;}.xs41 {font-size: 41px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs49 {font-size: 49px;}.xs51 {font-size: 51px;}.xs55 {font-size: 55px;}.xs70 {font-size: 70px;}.xs70 {font-size: 70px;}.xs80 {font-size: 80px;}
	.xs97 {font-size: 97px;}
}
@media(min-width:768px){
	.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm23 {font-size: 23px;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm29 {font-size: 29px;}.sm31 {font-size: 31px;}.sm33 {font-size: 33px;}.sm35 {font-size: 35px;}.sm37 {font-size: 37px;}.sm39 {font-size: 39px;}.sm41 {font-size: 41px;}.sm43 {font-size: 43px;}.sm45 {font-size: 45px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm51 {font-size: 51px;}.sm60 {font-size: 60px;}.sm70 {font-size: 70px;}.sm100 {font-size: 100px;}.sm130 {font-size: 130px;}
	.darkBanner-bg{height: auto;}
	.width127-xs{width: 127px;}
}
@media(max-width:767px){
	.xsmb20{margin-bottom: 20px;}
	.text-left-xs,.text-right-xs{
		text-align: center;
	}
	.darkBanner-bg{height: auto;}
	.width127-xs{width: auto;}
}
@media (min-width:992px) {
	.mycontainer{width:970px;}
	.md8 {font-size: 8px;}.md9 {font-size: 9px;}.md10 {font-size: 10px;}.md11 {font-size: 11px;}.md12 {font-size: 12px;}.md13 {font-size: 13px;}.md14 {font-size: 14px;}.md15 {font-size: 15px;}.md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}.md20 {font-size: 20px;}.md21 {font-size: 21px;}.md23 {font-size: 23px;}.md24 {font-size: 24px;}.md25 {font-size: 25px;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}.md28 {font-size: 28px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md32 {font-size: 32px;}.md33 {font-size: 33px;}.md34 {font-size: 34px;}.md35 {font-size: 35px;}.md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39 {font-size: 39px;}.md40 {font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md43 {font-size: 43px;}.md44 {font-size: 44px;}.md45 {font-size: 45px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md53 {font-size: 53px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}.md65 {font-size: 65px;}.md60{font-size: 60px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md130 {font-size: 130px;}.md22{font-size:22px;}.md110 {font-size: 110px;}.md120 {font-size: 120px;}.md220{font-size: 220px;}
	.modal-lg-777{
		max-width: 777px;
	}
}
@media (min-width:1200px) {
	.mycontainer{width:1170px;}
}
@media (min-width:1300px) {
	.mycontainer{width:1370px;}
}