@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*/



/*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;
}


/*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;}
}
@media(max-width:767px){
    .xsmb20{margin-bottom: 20px;}
    .text-left-xs,.text-right-xs{
    	text-align: center;
    }
    .darkBanner-bg{height: 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;}
}
@media (min-width:1200px) {
	.mycontainer{width:1170px;}
}
@media (min-width:1300px) {
	.mycontainer{width:1370px;}
}