/*=============== Fonts ===============*/

@font-face {

    src: url('../fonts/Georgia.eot');

    src: url('../fonts/Georgia.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Georgia.woff2') format('woff2'),

        url('../fonts/Georgia.woff') format('woff'),

        url('../fonts/Georgia.ttf') format('truetype'),

        url('../fonts/Georgia.svg#Georgia') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

    font-family: 'Georgia';

}



@font-face {

    src: url('../fonts/pro/SFProDisplay-Regular.eot');

    src: url('../fonts/pro/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/pro/SFProDisplay-Regular.woff2') format('woff2'),

        url('../fonts/pro/SFProDisplay-Regular.woff') format('woff'),

        url('../fonts/pro/SFProDisplay-Regular.ttf') format('truetype'),

        url('../fonts/pro/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

    font-family: 'SF Pro Display';

}







/*=============== Basic ===============*/

body{

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	text-decoration: none;

	letter-spacing: 1px;

}



a,

a:hover{

	text-decoration: none;

}



ul, ol, p{

	padding: 0px;

	margin: 0px;

}



h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{

	line-height: initial;

	margin: 0px;

}



:root{

	--georia_font: 'Georgia';

	--pro_display: 'SF Pro Display';

	--main_bg: linear-gradient(98.68deg, #087EE1 0%, #05E8BA 100%);

	--workBox_hover:linear-gradient(98.68deg, rgba(8, 126, 225, 0.85) 0%, rgba(5, 232, 186, 0.85) 100%);;

	--white: #FFFFFF;

	--btn_bg: #00A9BA;
	
	--btn_bg_clr: #F4465D;

	--black: #000000;

	--icon_bg: #00A9BA1A;

	--icon: #00A9BA;

	--course: #7D7D7D;

	--yellow: #FFC107;

	--testimonial_name: #4D5EFF;

	--work_box: #FFFFFFCC;

	--workbox_active_brd: 5px solid var(--white);

	--language_btn_bg: linear-gradient(98.68deg, rgba(8, 126, 225, 0.1) 0%, rgba(5, 232, 186, 0.1) 100%);

	--about_bg: linear-gradient(98.68deg, rgba(8, 126, 225, 0.1) 0%, rgba(5, 232, 186, 0.1) 100%);

}








/*=============== Header ===============*/

.header{

	position: sticky;

	width: 100%;

	z-index: 999;

	padding: 16px 0px;

	background: var(--main_bg);

}
.home_page .header{

	background: transparent;

	position: fixed;

}

.header .navbar-nav .nav-item.active{

	color: var(--white);

}

.header .navbar-nav .nav-item{

	color: var(--white);

	font-weight: 600;

	font-size: 16px;

	margin: 12px 20px 10px 0px;

	font-family: var(--pro_display);

}

.header .nav-link.dropdown-toggle{
    color: var(--white) !important;

	font-weight: 600 !important;

	font-size: 16px !important;
	
	font-family: var(--pro_display);
}

.header .dropdown-menu.show{
    
    width: max-content !important;
    
    max-width: max-content !important;
    
}

.collapse{

	justify-content: flex-end;

}

.nav_link.btn{

	background: var(--btn_bg_clr);

	border-radius: 24px;

	display: flex;

	justify-content: center;

	align-items: center;

	color: var(--white);

	border: 2px solid var(--btn_bg_clr);

	padding: 10px 37px 10px 37px !important;

	font-family: var(--pro_display);

	font-weight: 600;
	
	font-size: 16px;

}

.navbar{

	padding: 0px;

}

.navbar-toggler:focus{

	box-shadow: none;

}

#click{

	display: none;

}

.menu_btn i{

	color: var(--white);

	font-size: 22px;

	cursor: pointer;

	display: none;

}

.fixed-top,
.home_page .fixed-top{

	position: fixed;

	background: var(--main_bg);

	z-index: 1000;

}

@media (max-width: 991px){
	.home_page .header{

		background: var(--main_bg);
		
	}

	.menu_btn i{

		display: block;

	}

	.navbar-toggler{

		border: none;

	}

	.nav-link.btn{

		display: block;

	    width: max-content;

	    padding: 10px 60px !important;

	}

	.menu_btn i{

		display: block;

	}

	#click:checked ~ .menu_btn i:before{

		content: "\f00d";

	}

	.navbar-brand img{

		width: 100%;

		max-width: 200px;

	}

	.nav_link.btn{

		width: 100%;

		max-width: max-content;

		padding: 10px 50px !important;

	}

	.header .navbar-nav .nav-item{

		margin: 5px 0px;

	}
	
	.header .dropdown-menu.show{
	    
	    position: absolute;
	    
	}

}



@media (max-width: 767px){

	.header{

		padding: 10px;

	}

	.navbar-toggler{

		padding: 0px;

	}

}

/*======== End Off ========*/







/*=============== Header Banner ===============*/

.header_bannr{

	background: url('../images/Banner_BG.png');

	background-repeat: no-repeat;

	background-position: center;

	height: 760px;

	display: flex;

	align-items: flex-end;
	
	background-size: cover;

}

.header_bannr.thankyou_page{
    
    align-items: center;
    
    height: 100vh;
    
}

.header_bannr.thankyou_page .container{
    
    background: transparent;
    
}


.thankyou_page h1{
    
    font-family: var(--georia_font);
    
    font-weight: 700;
    
    font-size: 80px;
    
    color: var(--white);
    
    text-transform: capitalize;
    
}

.thankyou_img img{
    
    width: 100%;
    
    max-width: 156px;
    
    height: 156px;
    
    margin: 60px 0px;
    
}

.thankyou_page p{
    
    font-family: var(--pro_display);
    
    font-weight: 600;
    
    font-size: 28px;
    
    color: var(--white);
    
}

.banner_content_main{

	display: flex;

	height: 100%;

	align-items: center;

	width: 100%;

}

.banner_content h1{

	font-weight: 700;

	font-size: 46px;

	color: var(--white);

	font-family: var(--georia_font);

	padding-bottom: 25px;

}

.banner_icon{

	display: flex;

	align-items: center;

	color: var(--white);

	font-size: 20px;

	font-weight: 600;

	font-family: var(--pro_display);

	padding: 10px 0px;

}

.banner_icon img{

	margin-right: 10px;

}

.banner_content h4{

	font-weight: 600;

	font-size: 36px;

	color: var(--white);

	font-family: var(--pro_display);

	padding-top: 25px;

}

.language_switch_box{

	background: var(--white);

	border-radius: 24px;

	padding: 5px;

	margin-top: 35px;

	width: 100%;

	max-width: 400px;

}

.dd-select{

	border: none !important;

	background-color: transparent !important;

}

.dd-selected{

	display: flex !important;

	align-items: center;

	background-color: transparent;

	padding: 0px 0px 0px 20px !important;

}

#slick{

	max-width: 53%;

}

label.dd-selected-text{

	font-family: var(--pro_display);

	font-style: normal;

	font-weight: 500;

	font-size: 16px;

	line-height: 19px;

	text-transform: capitalize;

	color: var(--black);

}

a.dd-option{

	display: flex;

	border: none;

	padding: 5px 10px;

	align-items: center;

}

.dd-option:hover{

	background: var(--btn_bg) !important;

	color: var(--white) !important;

}

ul.dd-options.dd-click-off-close{

	border: none;

	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);

	z-index: 10;

	margin-top: 10px;

}

a.dd-option.dd-option-selected{

	background: var(--btn_bg);

	color: var(--white);

}

label.dd-option-text{

	line-height: initial !important;

}

.language_dropdow{

	display: flex;

	align-items: center;

}

.dropdown{

	display: flex;

	align-items: center;

}

button.btn.dropdown_btn,

button.btn.dropdown_btn:focus,

button.btn.dropdown_btn:hover{

	border: none;

}

button.btn.dropdown_btn svg{

	margin-right: 8px;

}

button svg.first_svg{

	margin-left: 20px;

}

button.btn.dropdown_btn{

	color: var(--black);

	font-weight: 500;

	font-size: 16px;

	display: flex;

	align-items: center;

	padding: 0;

}

.dropdown_sec_arrow{

	margin-left: 20px;

}

.btn.start_btn{

	background: var(--btn_bg_clr);

	color: var(--white);

	text-transform: capitalize;

	font-weight: 500;

	font-size: 16px;

	border-radius: 19px;

	padding: 9px 30px;

	border: none;

	margin-left: 21px;

}

.dropdown-menu.show {

    display: block;

    width: 100%;

    max-width: 60%;

    background: var(--white);

    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);

    border: none;

}

a.dropdown-item .first_svg{

	margin-right: 7px;

}

.language_dropdow_list .dropdown-item{

	color: var(--black);

    font-weight: 500;

    font-size: 16px;

}

.language_dropdow_list .dropdown-item:hover{

	background: var(--btn_bg);

	color: var(--white);

}

.language_dropdow_list .dropdown-item:focus{

	background: transparent;

	color: var(--black);

}

.banner_images img{

	width: 100%;

	max-width: 540px;

}

svg#Capa_1,

svg#Layer_1{

	width: 36px;

	height: 36px;

}

.header_bannr .dropdown-menu.show{

	margin-top: 10px;

}

iframe.video{
    
    width: 100%;
    
    height: 600px;
    
    object-fit: cover;
}



@media (max-width: 1024px){

	.header_bannr{

		height: 700px;

	}

	.banner_images img{

		margin-top: 100px;

	}

	.banner_content h1{

		font-size: 30px;

	}

	.banner_content h4{

		font-size: 25px;

	}
	
	iframe.video{
        
        height: 500px;
        
    }
    
    .thankyou_page h1{
        
        font-size: 60px;
        
    }
    
    .thankyou_page p{
        
        font-size: 26px;
        
    }

}

@media (max-width: 991px){

	.header_bannr{

		height: 100%;

	}

	.banner_content_main{

		padding-top: 50px;

		flex-direction: column;

		margin-top: 10%;

	}

	.banner_images{

		text-align: center;

	}
	
	iframe.video{
        
        height: 500px;
        
    }

}

@media (max-width: 767px){

	.header_bannr .container{
		
		z-index: 10;

		background: var(--main_bg);
	
	}

	.header_bannr{

		height: 100%;

	}

	.language_switch_box{

		width: 100%;

	}

	.banner_content{

		padding-top: 30px;

	}

	.banner_content h1{

		font-size: 20px;

	}

	.banner_content h4{

		font-size: 20px;

	}

	.btn.start_btn{

	    height: 40px;

	    line-height: 40px;

	    max-width: 40%;

	    width: 100%;

	    padding: 0px;

	}

	.dropdown{

		justify-content: space-between;

	}

	.dropdown_sec_arrow{

		margin-left: 7px;

	}

	.banner_images img{

		max-width: 90%;

		margin-top: 30px;

	}

	button svg.first_svg{

		margin-left: 10px;

	}

	button.btn.dropdown_btn svg{

		margin-right: 5px;

	}

	button.btn.dropdown_btn{

		width: 100%;

		font-size: 14px;

	}

	.language_dropdow_list .dropdown-item{

		font-size: 14px;

		padding-left: 8px;

	}

	a.dropdown-item .first_svg{

		margin-right: 2px;

	}

	.banner_icon{

		font-size: 14px;

	}
	
	iframe.video{
        
        height: 200px;
        
    }
    
    .thankyou_page h1{
        
        font-size: 30px;
        
    }
    
    .thankyou_img img{
        
        max-width: 80px;
        
        height: 80px;
        
        margin: 20px 0px;
        
    }
    
    .thankyou_page p{
        
        font-size: 14px;
        
    }

}

.dd-option-image, .dd-selected-image{

	width: 100%;

	max-width: 36px !important;

}

@media (max-width: 575px){

	.dd-selected{

		padding: 0px !important;

	}

	label.dd-selected-text{

		font-size: 14px;

	}

	ul.dd-options.dd-click-off-close{

		width: max-content !important;

	}

}

/*======== End Off ========*/







/*=============== We Provide ===============*/

.section{

	padding: 40px 0px;

}

.section_title{

	font-family: var(--georia_font);

	font-weight: 700;

	font-size: 46px;

	text-transform: initial;

}

p.text-center.sec_title_disc{

	padding: 16px 0px 30px;

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 18px;

	color: var(--black);

}

.icon_bx .svg{

	background: var(--icon_bg);

	border-radius: 50%;

	height: 110px;

	width: 110px;

	padding: 28px;

}

.icon_bx h2{

	font-family: var(--pro_display);

	font-weight: 600;

	font-size: 22px;

	padding-top: 20px;

}



@media (max-width: 767px){

	.section{

		padding: 50px 10px;

	}

	.section_title{

		font-size: 30px;

	}

	.provide_row{

		padding-top: 10px !important;

	}

	.icon_bx{

		margin: 20px 0px;

	}

	.icon_bx h2{

		font-size: 20px;

	}

	p.text-center.sec_title_disc{

		font-size: 16px;

	}

}

/*======== End Off ========*/







/*=============== How It Work ===============*/

.it_work{

	background: var(--main_bg);

	padding: 70px 0px 0px;

}

.it_work .section_title{

	color: var(--white);

}

.it_work_img{

	display: none;

}

.it_work_img.active{

	display: block;

}

.it_work_img img{

	width: 100%;

}

.work_bx.active{

	background: #05DBBF;

	border: 5px solid var(--white);

	border-radius: 20px;

	/*color: var(--white);*/

}

.work_bx{

	padding: 30px 40px;

	color: var(--black);

	background: transparent;

	border: 5px solid transparent;

	margin: 40px 0px;

	text-align: center;

}

.work_bx h1{

	padding-bottom: 10px;

	font-family: var(--pro_display);

	font-weight: 700;

	font-size: 24px;

}

.work_bx p{

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 20px;

}



@media (max-width: 1024px){

	.work_bx{

		padding: 30px 20px;

	}

}

@media (max-width: 991px){

	.work_bx{

		padding: 40px 30px;

	}

}

@media (max-width: 767px){

	.it_work_img{

		margin-top: 30px;

	}

	.work_bx{

		padding: 30px 10px;

		margin: 30px 0px;

	}

	.work_bx h1{

		font-size: 20px;

	}

	.work_bx p{

		font-size: 16px;

	}

	.it_work{

		padding: 50px 0px;

	}

}

/*======== End Off ========*/







/*=============== Choose Your Language ===============*/

.choose_language{

	padding-bottom: 0px;

}

ul.nav.nav-tabs{

	float: right;

	border: none;

	column-gap: 28px;

}

.nav-tabs .nav-link{

	border: none;

	border-radius: 0px;

	width: 180px;

	height: 53px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-family: var(--pro_display);

	font-weight: 600;

	font-size: 20px;

	letter-spacing: 1px;

	background: linear-gradient(98.68deg, rgba(8, 126, 225, 0.1) 0%, rgba(5, 232, 186, 0.1) 100%);

	color: var(--btn_bg);

}

.nav-tabs .nav-link:hover,

.nav-tabs .nav-link:focus{

	border: none;

}

.nav-tabs .nav-link.active{

	background: var(--main_bg);

	color: var(--white);

}

.tab_inner_main{

	display: flex;

	flex-direction: row-reverse;

	width: 100%;

}

.language_box{

	background: var(--white);

	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);

	border: 2px solid var(--btn_bg);

	padding: 0px 30px 50px;

	width: 100%;

	max-width: 70%;

}

.language_box h1{

	font-family: var(--pro_display);

	font-weight: 600;

	font-size: 30px;

	padding: 26px 0px;

	background: var(--main_bg);

	color: var(--white);

}

.language_box h3{

	font-family: var(--pro_display);

	font-weight: 600;

	font-size: 18px;

	color: #7D7D7D;

	padding: 14px 0px;

}

.language_box span{

	font-size: 24px;

	color: var(--btn_bg);

}

.language_box .line{

	width: 100%;

	height: 2px;

	background: var(--main_bg);

}

.tab_disc{

	display: flex;

	align-items: center;

	margin: 30px 0px;

	text-align: left;

}

.tab_disc p{

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 18px;

	color: var(--black);

	padding-left: 10px;

}

.get_started_btn{

	color: var(--white);

	background: var(--btn_bg_clr);

	padding: 15px 61px;

	border-radius: 24px;
	
	font-weight: 600;
	
    font-size: 16px;
    
    font-family: var(--pro_display);
    
    letter-spacing: 1px;

}

.get_started_btn:hover{

	color: var(--white);

}

.tab_main img{

	margin-top: 50px;

}

.tab_content{

	margin-top: -50px;

}

.started_main_img img{

	width: 100%;
}



@media (max-width: 1024px){

	.language_box{

		max-width: 90%;

	}

	.nav-tabs .nav-link{

		max-width: 160px;

	}

}

@media (max-width: 991px){

	.language_box{

		max-width: 80%;

		margin: 0 auto;

	}

	.tab_main img{

		max-width: 350px;

		display: none;

	}

	ul.nav.nav-tabs{

		float: unset;

		justify-content: center;

	}

	.tab_content{

		margin-top: 30px;

	}

	.tab_inner_main{

		justify-content: center;

	}

	.nav-tabs .nav-link{

		max-width: 200px;

	}

	.choose_language{

		padding-bottom: 70px;

	}

}

@media (max-width: 767px){

	.choose_language{

		padding-bottom: 50px;

	}

	ul.nav.nav-tabs{

		display: flex;

		justify-content: center;

		flex-wrap: wrap;

		float: none;

	}

	.nav-tabs .nav-link{

		margin: 10px 0px;

		width: auto;

		max-width: 100px;

	}

	.tab_inner_main{

		display: block;

	}

	.tab_main img{

		display: none;

	}

	.tab_content{

		margin: 0px;

	}

	.language_box{

		max-width: 100%;

		margin-top: 10px;

		padding: 0px 15px 30px;

	}

	.language_box h1{

		font-size: 20px;

		padding: 20px 0px;

	}

	.language_box h3{

		font-size: 16px;

	}

	.language_box span{

		font-size: 20px;

	}

	.tab_disc{

		margin: 15px 0px;

	}

	.tab_disc img{

		width: 100%;

		max-width: 18px;

	}

	.tab_disc p{

		font-size: 16px;

	}

	.tab_disc.last{

		margin-bottom: 30px;

	}

}

/*======== End Off ========*/







/*=============== About ===============*/

.about{

	background: var(--about_bg);

}

.about_img img{

	width: 100%;

}

.about_content{

	padding-left: 30px;

}

.about_content h1{

	font-family: var(--georia_font);

	font-weight: 700;

	font-size: 46px;

	color: var(--black);

}

.about_content h2{

	color: var(--btn_bg);

	font-weight: 600;

	font-size: 18px;

	padding: 20px 0px;

}

.about_content p{

	color: var(--black);

	font-weight: 400;

	font-size: 18px;

}



@media (max-width: 991px){

	.about_content{

		padding: 20px 0px 0px;

	}

}

@media (max-width: 767px){

	.about_content{

		padding: 20px 0px 0px;

	}

	.about_content h1{

		font-size: 30px;

	}

	.about_content h2{

		padding: 10px 0px;

		font-size: 14px;

	}

	.about_content p{

		font-size: 14px;

	}

}

/*======== End Off ========*/







/*=============== Our Mission ===============*/

.mission{

	background: var(--white);

}


.home_page .mission_box{

	height: auto;
}

.mission_box{

	overflow: hidden;

	position: relative;

	transition: all .5s;

	width: 100%;

	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);

	height: auto;

}

.mission_box.blog_box{

	height: 100%;

}

.mission_box.blog_box:hover h2.first {
    display: block;
}

.mission_box img{

	width: 100%;

	padding: 0px;

}

.mission_content{

	color: var(--white);

	background: var(--work_box);

	position: absolute;

	bottom: -100%;

	padding: 13px 30px;

	display: flex;

	align-items: center;

	opacity: 0;

}

.mission_content h2,

.first{

	font-family: var(--pro_display);

	font-weight: 700;

	font-size: 24px;

}

.mission_content p{

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 18px;

}

h2.first{

	background: var(--main_bg);

	padding: 13px 30px;

	color: var(--white);

	text-align: center;

	position: absolute;

	bottom: 0;

	width: 100%;

}

h2.sec{

	display: none;

	padding-bottom: 20px;

}

.mission_box:hover .mission_content{

	bottom: 0;

	transition: all .5s;

	height: 100%;

	background: var(--workBox_hover);

	opacity: 1;

}

.mission_box:hover h2.sec{

	display: unset;

}

.mission_box:hover h2.first{

	display: none;

}



@media (max-width: 1024px){

	h2.first{

		padding: 10px 20px;

	}

	.mission_content{

		padding: 10px;

	}

	.mission_content h2, .first{

		font-size: 20px;

	}

	.mission_content p{

		font-size: 15px;

		padding-top: 10px;

	}

	.mission_content h2.sec{

		font-size: 18px;

	}

}



@media (max-width: 991px){

	.mission_box{

		margin: 10px 0px;

	}

	.mission_content h2, .first{

		font-size: 25px;

	}

	h2.first{

		padding: 20px;

	}

	.mission_content h2.sec{

		font-size: 25px;

	}

	.mission_content p{

		font-size: 18px;

	}

	.mission_content{

		padding: 20px;

	}

}

@media (max-width: 767px){

	.mission_box{

		margin: 10px 0px;

	}

	.mission_content h2, .first{

		font-size: 20px;

	}

	.mission_content{

		opacity: 0;

		flex-direction: initial !important;

	}

	.mission_box:hover .mission_content{

		opacity: 1;

	}

	h2.first,

	.mission_content{

		padding: 10px;

	}

	.mission_content p{

		font-size: 14px;

		padding-top: 10px;

	}

}

/*======== End Off ========*/







/*=============== Talk To Man ===============*/

.talk_to_man{

	background: var(--about_bg);

	padding: 45px 0px;

}

.talk_to_man p{

	color: var(--black);

	font-family: var(--georia_font);

	font-weight: 700;

	font-size: 36px;

}

span.author_span{

	padding-top: 16px;

	color: var(--btn_bg);

	font-weight: 400;

	font-size: 18px;

}



@media (max-width: 1024px){

	.talk_to_man p{

		font-size: 30px;

	}

	.section_title{

		font-size: 35px;

	}

	p.text-center.sec_title_disc{

		font-size: 16px;

	}

	.row.pt-5.provide_row{

		padding-top: 20px !important;

	}

}

@media (max-width: 767px){

	.talk_to_man p{

		font-size: 20px;

	}

	.talk_to_man span{

		padding-top: 20px;

		font-size: 16px;

	}

	span.author_span{

		font-size: 16px;

	}

	.section_title{

		font-size: 20px;

	}

}

/*======== End Off ========*/







/*=============== Testimonial ===============*/

.testimonial_main{

	background: var(--about_bg);

	padding: 70px 50px;

}

.testimonial_inner{

	display: flex;

	align-items: center;

}

.testimonial_content{

	width: 100%;

	max-width: 75%;

	margin-left: auto;

	position: relative;

}

.testimonial_content p{

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 18px;

}

.star{

	padding: 18px 0px 10px 0px;

	color: var(--yellow);

}

.testimonial_content h3{

	text-transform: capitalize;

	color: var(--testimonial_name);

	font-weight: 600;

	font-size: 20px;

	font-family: var(--pro_display);

}

.testimonial_content h6{

	text-transform: capitalize;

	color: var(--black);

	font-weight: 400;

	font-size: 16px;

	padding-top: 7px;

	font-family: var(--pro_display);

}

img.t_main{

	position: absolute;

	right: 0;

	bottom: 0;

}

.carousel-control-prev{

	left: -5%;

    width: auto;

    opacity: 1;

}

.carousel-control-next{

	right: -5%;

    width: auto;

    opacity: 1;

}



@media (max-width: 1024px){

	.testimonial_main{

		width: 100%;

	    max-width: 90%;

	    margin: 0 auto;

	}

	.carousel-control-next{

		right: 0;

	}

	.carousel-control-prev{

		left: 0;

	}

}

@media (max-width: 991px){

	.carousel-control-prev, .carousel-control-next{

		display: none;

	}

	.testimonial_main{

		padding: 50px 20px;

		max-width: 100%;

	}

	.testimonial_images img{

		width: 100px;

		height: 100px;

	}

	.testimonial_content{

		max-width: 100%;

		padding-left: 20px;

	}

}

@media (max-width: 767px){

	p.sec_title_disc{

		font-size: 16px;

	}

	.testimonial_inner{

		display: flex;

		justify-content: center;

		flex-direction: column;

	}

	.testimonial_images img{

		width: 90px;

		height: 90px;

	}

	.testimonial_main{

		padding: 30px 10px;

	}

	.testimonial_content{

		max-width: 100%;

		text-align: center;

		padding-left: 0px;

	}

	.testimonial_content p{

		font-size: 14px;

		padding: 20px 0px;

	}

	.star{

		padding: 0px;

	}

	img.t_main{

		display: none;

	}

	.testimonial_content h3{

		padding: 10px 0px;

	}

	.carousel-control-prev,

	.carousel-control-next{

		display: none;

	}

}

/*======== End Off ========*/







/*=============== Counter ===============*/

.counter_sec{
	padding-bottom: 100px;
}

.counter-up{

	background: var(--white);

    box-shadow: 0px 0px 25px 5px rgb(0 0 0 / 8%);

    padding: 35px;

}

.content{

	display: flex;

	align-items: center;

}

.count-up{

	display: flex;

	align-items: center;

}

.count_img{

	border-radius: 50%;

	padding: 20px;

	background: #FF725E1A;

	width: 100%;

	max-width: max-content;

}

.counter{

	font-family: var(--pro_display);

    font-weight: 700;

    font-size: 28px;

    color: var(--black);
}


.counter_box p{

	font-family: var(--pro_display);
    font-weight: 400;

    font-size: 14px;

    color: var(--course);
}

.counter_box{

	padding-left: 10px;
}

@media (max-width: 1024px){
	.counter-up{

		padding: 30px 20px;

	}

	.counter-up{

		margin-bottom: 20px;

	}
}
@media (max-width: 767px){

	.counter_sec{

		padding: 0px 10px 50px;
	}

	.counter{

		font-size: 22px;
		
	}
}
/*======== End Off ========*/







/*=============== Contact Us ===============*/

.contact_us{

	background: var(--about_bg);

}

.contact_main{

	display: flex;

	width: 100%;

	position: relative;

	align-items: center;

}

.contact_content{

	background: var(--main_bg);

	padding: 30px;

	width: 100%;

	max-width: 450px;

	position: absolute;

}

.contact_content h2{

	color: var(--white);

	font-family: var(--georia_font);

	font-weight: 700;

	font-size: 46px;

	padding-bottom: 22px;

}

.contact_icon{

	display: flex;

	align-items: center;

}

.contact_icon .icon{

	background: #FFFFFF1A;

	border-radius: 50%;

	height: 60px;

	width: 100%;

	max-width: 60px;

	padding: 15px;

	text-align: center;

	margin: 15px 0px;

}

.contact_icon .icon img{

	line-height: 60px;

}

.contact_details{

	padding-left: 16px;

}

.contact_details h5{

	color: var(--white);

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 16px;

}

.contact_details p{

	color: var(--white);

	font-family: var(--pro_display);

	font-weight: 600;

	font-size: 18px;

}

.social_icon{

	margin: 30px 0px 35px 0px;

	display: flex;

}

.social_icon .images{

	width: 100%;

	max-width: 60px;

	height: 60px;

	padding: 15px;

	background: var(--white);

	border-radius: 50%;

	margin: 0px 15px;

}

.social_icon .images img{

	line-height: 60px;

}

.contact_form{

	background: var(--white);

	box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.08);

	padding: 95px 30px 95px 22%;

	width: 100%;

	max-width: 80%;

	margin-left: auto;

}

.contact_form h2{

	color: var(--black);

	font-family: var(--georia_font);

	font-weight: 700;

	font-size: 46px;

	padding-bottom: 22px;

}

.input_form{

	display: flex;

	align-items: center;

	column-gap: 20px;

}

.input_field{

	border-radius: 40px;

	background: #F2F2F2;

	height: 60px;

	padding-left: 35px;

	color: #7D7D7D;

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 18px;

	border: none;

	width: 100%;

	

}

.input_form.radio_btn_main{

	margin-bottom: 10px !important;

}

.input_form.radio_btn{

	margin: 0 auto 30px;

	max-width: 60%;

	column-gap: 10px;

}

.input_form h5{
	color: var(--black);
    font-family: var(--pro_display);
    font-weight: 500;
    font-size: 18px;
    text-transform: initial;
    width: 100%;
    max-width: 60%;
    margin: 0 auto;
    text-align: left;
}
.input_form.label{
	margin-bottom: 10px !important;
}

.input_field.sec{

	max-width: 100%;

	margin-top: 30px;

}

.input_field:focus{

	outline: none;

}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.textarea{

	height: auto;

	width: 100%;

	max-width: 100%;

	margin-top: 30px;

	padding-top: 20px;

}

.submit_btn{

	margin-top: 30px;

	background: var(--btn_bg_clr);

	border-radius: 30px;

	width: 100%;

	max-width: 225px;

	height: 50px;

	border: none;

	color: var(--white);

	font-family: var(--pro_display);

	font-weight: 600;

	font-size: 20px;

	letter-spacing: 1px;

	text-transform: capitalize;

}

.check_box{

	padding-top: 20px;

	display: flex;

	align-items: center;

}

.check_box .input_email.checkbox{

	width: max-content;

	margin-right: 10px;

}

.check_box label{

	color: var(--white);

}



@media (max-width: 1024px){

	.contact_content{

		position: unset;

		max-width: 100%;

	}

	.contact_main{

		display: block;

	}

	.contact_form{

		max-width: 100%;

		padding: 50px;

	}

	.input_field{

		height: 70px;

		max-width: 100%;

	}

	.input_field.textarea{

		height: auto;

	}

	.input_form.radio_btn{

		max-width: 80%;

	}

	.input_form h5{

		max-width: 80%;

	}

}

@media (max-width: 767px){

	.contact_content{

		position: unset;

	}

	.contact_main{

		display: block;

	}

	.contact_form{

		padding: 30px 10px;

		max-width: 100%;

	}

	.contact_content{

		padding: 30px 10px;

	}

	.contact_content h2,

	.contact_form h2{

		font-size: 25px;

	}

	.social_icon .images{

		margin: 0px 10px;

	}

	.input_form{

		display: block;

	}

	.input_field{

		max-width: 100%;

		margin: 15px 0px;

		height: auto;

		padding: 10px 15px;

	}

	.input_field.sec{

		margin: 15px 0px;

	}

	.submit_btn{

		margin: 15px 0px;

	}

	.input_field.textarea{

		height: 80px;

	}

	.contact_icon .icon,

	.social_icon .images{

		height: 50px;

		max-width: 50px;

		padding: 10px;

	}

	.contact_icon .icon img,

	.social_icon .images img{

		line-height: 50px;

	}

	.input_form h5{
		max-width: 100%;

		font-size: 16px;
	}

	.input_field img{
		margin-top: 10px;
	}

	.input_form.radio_btn{

		text-align: left;

		margin: 0px 0px 30px;
	}

}

/*======== End Off ========*/







/*=============== New Sletter ===============*/

.new_sletter{

	background: var(--main_bg);

}

.new_sletter h3{

	color: var(--white);

	font-family: var(--georia_font);

	font-weight: 700;

	font-size: 36px;

}

.new_sletter p{

	color: var(--white);

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 18px;

	padding: 23px 0px 30px;

}

.new_sletter h6{

	display: flex;

	align-items: center;

	padding-top: 20px;
}

.new_sletter h6 img{

	width: 100%;

	max-width: 15px;

	margin-right: 10px;
}

.new_sletter span{

	color: var(--white);

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 18px;

}

.new_sletter .form{

	display: flex;

	align-items: center;

	background: var(--white);

	width: 100%;

	max-width: 90%;

	/*margin: 0 auto;*/

	padding: 10px;

	border-radius: 40px;
	
	margin-top: 20px;

}

.input_email:focus{

	outline: none;

}

.input_email{

	border: none;

	width: 100%;

	border-radius: 40px;

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 18px;

	color: var(--black);

	padding-left: 25px;

}

.submit_btn.email{

	margin: 0;

}

@media (max-width: 991px){

	.new_sletter .sletter h3{
		padding-top: 20px;
	}

}

@media (max-width: 767px){

	.new_sletter h3{

		font-size: 25px;

	}

	.new_sletter p{

		font-size: 16px;

		padding: 10px 0px 20px;

	}

	.new_sletter .form{

		max-width: 100%;

		background: transparent;

		display: block;

		padding: 0;

	}

	.input_email{

		padding: 10px 15px;

		font-size: 16px;

	}

	.submit_btn.email{

		margin-top: 5px;

		max-width: max-content;

		padding: 10px 50px;

		height: auto;

		font-size: 16px;

	}

}

/*======== End Off ========*/







/*=============== Copyright ===============*/

.copyright{

	padding: 18px 0px;

	background: var(--black);

}

.copyright p{

	color: var(--white);

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 18px;

}



@media (max-width: 767px){

	.copyright p{

		font-size: 16px;

	}

}

/*======== End Off ========*/





/*=============== Select Level Page Css ===============*/



/*=============== Header Banner ===============*/

.select_level{

	background: url('../images/spanish_bg.png');

	background-size: 100% 100%;

	background-repeat: no-repeat;

	display: flex;

	align-items: center;
	
	height: 100%;
    
    padding-bottom: 50px;

    
}

.french_level{

	background: url('../images/french_bg.png');

	background-size: 100% 100%;

	background-repeat: no-repeat;

	display: flex;

	align-items: center;
	
	height: 100%;
	
    padding-bottom: 50px;

}

.german_level{

	background: url('../images/german_bg.png');

	background-size: 100% 100%;

	background-repeat: no-repeat;

	display: flex;

	align-items: center;
	
	object-fit: cover;
	
    height: 100%;
    
    padding-bottom: 50px;

}

.header_bannr_row{

	padding-top: 80px;

}

.select_level img{

	width: 100%;

}

.select_level .banner_content{

	padding-left: 30px;

}

.select_level p{

	color: var(--white);

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 24px;

}

.select_level h6{

	color: var(--white);

	font-family: var(--pro_display);

	font-weight: 600;

	font-size: 28px;

	padding-top: 30px;

}

.row.pt-5.provide_row.sec_row{

	display: none;

}

@media (max-width: 991px){

	.select_level .banner_content{

		padding: 0px 0px 30px 0px;

	}

	.select_level img{

		margin-top: 50px;

	}

}

@media (max-width: 767px){

	.select_level{

		padding: 0px 10px;

		background: var(--main_bg);

		padding-top: 10%;

	}

	.header_bannr_row{

		padding-top: 50px;

	}

	.select_level .banner_content{

		padding: 20px 0px 50px;

	}

	.select_level p{

		font-size: 16px;

	}

	.select_level h6{

		font-size: 16px;

		padding-top: 20px;

	}

	.row.pt-5.provide_row.first_row{

		display: none;

	}

	.row.pt-5.provide_row.sec_row{

		display: flex;

	}

}

/*======== End Off ========*/







/*=============== Get Started ===============*/

h1.sec_page{

	font-family: var(--georia_font);

	font-weight: 700;

	font-size: 36px;

	color: var(--black);

}

h3.sec_page{

	font-family: var(--pro_display);

	font-weight: 600;

	font-family: 24px;

	color: var(--black);

	padding-top: 20px;

}

p.sec_page{

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 16px;

	color: var(--black);

}

.started_box{

	overflow: hidden;

	position: relative;

	width: 100%;

}

.get_started_box{

	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.08);

	/*position: absolute;*/

	/*top: 0;*/

	/*opacity: 1;*/

	width: 100%;

}

.get_started_box .get_side_img {
    
    width: 100%;
    
}

.select_level_box:hover .get_started_box{

	background: var(--btn_bg_clr) !important;

}

.select_level_box:hover .get_started_box h3{

	color: var(--btn_bg_clr) !important;

}

.select_level_box:hover .next_page_link{
    
    background: var(--btn_bg_clr) !important;
    
}

.get_started_box.first_box{

	background: #05D7C1;

}

.get_started_box.first_box h3{

	color: #05D7C1;

}

a.next_page_link.first_box_link{

	background: #05D7C1;

}

.get_started_box.sec_box{

	background: #06B4CD;

}

.get_started_box.sec_box h3{

	color: #06B4CD;

}

a.next_page_link.sec_box_link{

	background: #06B4CD;

}

.get_started_box.third_box{

	background: #0782E0;

}

.get_started_box.third_box h3{

	color: #0782E0;

}

a.next_page_link.third_box_link{

	background: #0782E0;

}

.get_started_box h3{

	border-radius: 50%;

	height: 60px;

	width: 60px;

	background: var(--white);

	line-height: 60px;

	text-align: center;

	font-weight: 600;

	font-size: 30px;

}

.get_started_box h6{

	font-family: var(--pro_display);

	font-weight: 600;

	font-size: 22px;

	color: var(--white);

	padding: 12px 0px;

}

.get_started_box p{

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 15px;

	color: var(--white);

	padding-bottom: 30px;

}

.get_started_content{

	padding: 0px 12px;

}

.next_page_div{

	display: flex;

	justify-content: center;

}

a.next_page_link{

	width: 70px;

	height: 70px;

	border: 5px solid var(--white);

	border-radius: 50%;

	padding: 17px;

	margin-top: -35px;

	z-index: 1;

}





@media (max-width: 1024px){

	.get_started_content{

		padding: 0px;

	}

	.started_main_img img{

		height: 269px;

		object-fit: cover;

	}
	
	.get_started_box .get_side_img{
	    
	    width: 100%;
        
        min-height: 19vh;
        
        object-fit: cover;
	    
	}

}

@media (max-width: 991px){

	.get_started_box.third_box{

		/*margin: 20px auto 0px;*/

		width: 100%;

		/*max-width: 335px;*/

	}

	.col-md-6.last_box{

		margin: 0 auto;

	}

	.started_main_img img{

		height: 445px;

	}

	.get_side_img{

		width: 100%;

	}
	
	.get_started_box{
	    
	    margin-top: 30px;
	    
	}
	
	.get_started_box .get_side_img{
        
        min-height: initial;

	}

}

@media (max-width: 767px){

	.get_started_content{

		padding: 10px 10px 30px 25px;
		
		height: 35vh;

	}

	.next_page_div{

		margin-bottom: 20px;

	}

	.get_started_box h6{

		font-size: 20px;

	}

	.get_started_box p{

		font-size: 14px;

	}

	.get_started_box.third_box{

		margin: 0 auto;

	}

	.get_side_img{

		height: 350px;

		object-fit: cover;

	}

	.started_main_img img{

		height: 549px;

	}

	.get_started_content{

		text-align: center;

	}

	.get_started_box h3{

		margin: 0 auto;
		
	}
	
	a.next_page_link{
	    
	    margin-top: -35px;
	    
	}
	
	.get_started_box .col-md-4.p-0{
	    
	    padding: 0px 12px 0px 12px !important;
	    
	}

}

/*======== End Off ========*/







/*=============== Teacher ===============*/

.teacher{

	padding: 0px 0px 70px;

}

.teacher_content{

	width: 100%;

	text-align: center;

}

.teacher_content img{

	width: 150px;

	height: 150px;

	border-radius: 50%;

	object-fit: cover;
}

.teacher_content h3{

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 20px;

	color: var(--black);

	padding-top: 16px;

}

@media (max-width: 767px){

	.teacher{

		padding: 0px 10px 50px;

	}

	.teacher .d-flex{

		display: block !important;

	}

	.teacher_content{

		margin: 20px 0px;

	}

}

/*======== End Off ========*/



/*======== End Off ========*/







/*=============== Select Batch Page Css ===============*/

.select_batch p.sec_page{

	padding-top: 17px;

}

.dropdown{

	

}

.select_batch .dropdown .btn{

	margin: 0 auto;

	border: none;

	width: 100%;

	max-width: max-content;

	background: var(--btn_bg_clr);

	font-family: var(--pro_display);

	color: var(--white);

	font-weight: 700;

	font-size: 25px;

	letter-spacing: 1px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 10px 50px 10px 30px;

	border-radius: 29px;
	
	-webkit-appearance: none;
    
    background-image: url("../images/Polygon 5.svg");
    
    background-repeat: no-repeat;
    
    background-position: 90% center;

}

.select_batch .dropdown .btn:hover{

	border: none;

}

/*.select_batch .dropdown .btn{*/
    
/*  -webkit-appearance: none;*/
  
/*  -moz-appearance: window;*/
  
/*  border: none;*/
  
/*  background-image: url("https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png");*/
  
/*  background-repeat: no-repeat;*/
  
/*  background-position: right center;*/
    
/*}*/

.dropdown-menu.show{

	width: 100%;

	max-width: 340px;

}

.select_batch .dropdown-item{

	font-family: var(--pro_display);

	color: var(--black);

	font-weight: 700;

	font-size: 25px;

	letter-spacing: 1px;

}

.select_batch .dropdown-item:hover {

    background: var(--btn_bg);

    color: var(--white);

}

.batch_box{

	background: #FFFFFF;

	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.10);

	padding: 30px 60px 45px;

	text-align: center;

}

.batch_box h1{

	color: var(--btn_bg);

	font-weight: 700;

	font-family: var(--pro_display);

	font-size: 40px;

}

.batch_box p{

	font-family: var(--pro_diaplay);

	font-weight: 400;

	font-size: 16px;

	color: #7D7D7D;

	padding: 15px 0px 25px;

}

.btn.join_btn{

	width: 100%;

	max-width: 146px;

	height: 38px;

	background: var(--btn_bg_clr);

	color: var(--white);

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 16px;

	border-radius: 19px;

	border: none;

}

.batch_details{

	display: flex;

	justify-content: space-between;

}

.batch_starting_from{

	text-align: center;

	background: #FFFFFF;

	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.10);

	width: 100%;

	max-width: 180px;

	padding: 30px 10px;

}

.batch_starting_from h2{

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 16px;

}

.batch_starting_from h1{

	font-family: var(--pro_display);

	font-weight: 700;

	font-size: 40px;

	color: var(--btn_bg);

	padding: 20px 0px 8px;

}

.batch_starting_from h6{

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 18px;

	color: var(--btn_bg);

}

.time{

	display: flex;

	justify-content: center;

}

.time.am_pm{

	justify-content: space-evenly;

}

h2.session_title{

	font-family: var(--georia_font);

	font-weight: 700;

	font-size: 30px;

	color: var(--black);

}

.session_box{

	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.10);

	padding: 30px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 30px;

}

.session_box h2{

	font-family: var(--pro_display);

	font-weight: 700;

	font-size: 24px;

	color: var(--black);

}

.session_box p{

	font-family: var(--pro_display);

	font-weight: 600;

	font-size: 20px;

	color: var(--black);

	padding-top: 18px;

}

.session_box_time{

	display: flex;

	align-items: center;

	column-gap: 30px;

}

.session_box_time .time{

	width: 100px;

	height: 64px;

	background: #9A34B0;

	display: block;

	text-align: center;

	padding: 8px;

}

.session_box_time h2{

	color: var(--white);

	font-family: var(--pro_display);

	font-weight: 700;

	font-size: 24px;

}

.session_box_time h3{

	color: var(--white);

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 20px;

}

.session_box_time .time.sec{

	background: #4CD0D5;

}

a.view_all{

	text-align: right;

	margin-top: 20px;

	color: var(--btn_bg);

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 24px;

	text-transform: capitalize;

}

@media (max-width: 767px){

	.batch_details{

		display: block;

	}

	.batch_starting_from{

		max-width: 100%;

		margin: 20px 0px;

	}

	.session_box{

		display: block;

		padding: 20px 10px;

	}

	.session_box_time{

		padding-top: 20px;

		column-gap: 20px;

	}

	.session_box h2{

		font-size: 20px;

	}

	.session_box p{

		font-size: 14px;

	}

	.session_box_time h3{

		font-size: 16px;

	}

	.session_box_time .time{

		width: 100px;

	}

	a.view_all{

		margin: 0px;

		font-size: 20px;

	}

	h1.sec_page{

		font-size: 25px;

	}

	p.sec_page{

		font-size: 14px;

	}

	.select_batch .dropdown .btn{

		max-width: 80%;

		font-size: 20px;

	}

	.provide_row{

		padding-bottom: 20px !important;

	}

	.batch_box h1{

		font-size: 25px;

	}

	.batch_box{

		padding: 30px 10px;

	}

	.batch_box p{

		font-size: 14px;

		padding: 10px 0px;

	}

	.batch_starting_from h1{

		padding: 10px 0px 8px;

	}

	h2.session_title{

		font-size: 25px;

	}

}

/*=============== Sign Up ===============*/

.d-flex{

	display: flex;

}

.signup_image{

	width: 100%;

	min-height: 100vh;

	background: url('../images/login_bg.png');

	height: 100%;

	object-fit: cover;

	background-position: top center;

}

.german_login{

	width: 100%;

	min-height: 100vh;

	background: url('../images/German.jpg');

	height: 100%;

	object-fit: cover;

	background-position: top center;

}

.french_login{

	width: 100%;

	min-height: 100vh;

	background: url('../images/French.png');

	height: 100%;

	object-fit: cover;

	background-position: top center;

}

.signup_content_main{

	display: flex;

	align-items: center;

	justify-content: center;

	width: 100%;

}

.signup_content{

	width: 100%;

}

.signup_content img{

	width: 100%;

	max-width: 256px;
}

.signup_content h2{

	color: var(--btn_bg);

	font-family: var(--pro_display);

	font-weight: 600;

	font-size: 24px;

	padding-top: 35px;

}

.signup_content h1{

	color: var(--black);

	font-family: var(--georia_font);

	font-weight: 700;

	font-size: 36px;

	padding: 12px 0px;

}

.signup_content p{

	color: var(--black);

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 24px;

}

.signup_main .input_form{

	margin-bottom: 30px;

}

.signup_main .input_field{

	max-width: 60%;

	margin: 0 auto;

	height: 52px;

	color: var(--black);

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 16px;

	text-transform: initial;

}

.signup_btn{

	width: 100%;

	max-width: 60%;

	background: var(--btn_bg_clr);

	color: var(--white);

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 16px;

	border: none;

	border-radius: 26px;

	padding: 15px 0px;

}

.signup_content h3{

	color: var(--black);

	font-family: var(--pro_display);

	font-weight: 600;

	font-size: 16px;

	padding: 20px 0px 10px;

}

.login_btn{

	color: var(--btn_bg);

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 16px;

	border: none;

}

@media (max-width: 1028px){

	.signup_main .d-flex{

		flex-direction: column;

	}

	.signup_image{

		background-repeat: no-repeat;

		background-size: 100% 100%;

		position: fixed;

		z-index: -1;

	}

	.signup_content_main{

		height: 100vh;

		align-items: center;

	}

	.signup_content{

		background: var(--white);

		padding: 50px 0px;

		margin: 0px auto;

		max-width: 70%;

	}

	.signup_main .input_field{

		max-width: 80%

	}

	.signup_btn{

		max-width: 80%;

	}

}

@media (max-width: 991px){

	.signup_content{

		max-width: 100%;

	}

}

@media (max-width: 767px){

	.signup_image{

		display: none;

	}

	.signup_main .d-flex{

		flex-direction: column;

	}

	.signup_image{

		min-height: 50vh;

		background-position: center;

	}

	.signup_content{

		padding: 20px 10px;

	}

	.signup_content h2,

	.signup_content p{

		font-size: 20px;

	}

	.signup_content h2{

		padding-top: 20px;

	}

	.signup_content h1{

		font-size: 30px;

	}

	.signup_main .input_field{

		max-width: 100%;

		padding: 10px 15px;

		height: 50px;

		text-align: left;

	}

	.signup_main .input_form{

		margin-bottom: 15px;

	}

	.signup_btn{

		max-width: 100%;

	}

}

/*======== End Off ========*/







/*=============== Learn English Now ===============*/

.dashboard_header{

	position: sticky;

	background: var(--white);

	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);

	top: 0;

}

.dashboard_header .nav-link.active{

	color: var(--btn_bg) !important;

}

.dashboard_header .nav-link{

	color: var(--black) !important;

}

.dashboard_header .submsg_box{

	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

}

.dashboard_header p.totl_msg{

	position: absolute;

	font-family: var(--pro_display);

	font-weight: 700;

	font-size: 10px;

	color: var(--white);

	padding-bottom: 5px;

}

.bell_icon{

	position: relative;

	display: flex;

	align-items: center;

	margin: 0px 26px;

}

.bell_icon img{

	width: 100%;

	max-width: 28px;

	height: 28px;

}

.dashboard_header p.bell_msg{

	position: absolute;

	font-family: var(--pro_display);

	font-weight: 700;

	font-size: 8px;

	color: var(--white);

	padding-bottom: 5px;

	right: 2px;

	top: 18px;

}

.dashboard_header .btn.dropdown-toggle{

	border: none;

	display: flex;

	align-items: center;

}

.dashboard_header .dropdown_details{

	display: flex;

	align-items: center;

}

.dashboard_header .dropdown_details img.main,
.first_icon img{

	width: 40px;

	height: 40px;

	object-fit: cover;

}

.dashboard_header .dropdown_details h2.author_name{

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 16px;

	color: var(--black);

	padding: 0px 18px;

}

.dashboard_header .dropdown-toggle::after{

	display: none;

}

.dashboard_header .dropdown-item{

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 16px;

	color: var(--black);

	padding: 10px 18px;

}

.dashboard_header .dropdown-item:hover{

    background: var(--btn_bg);

    color: var(--white);

}

.dashboard_header .dropdown-item:focus,

.dashboard_header .dropdown-item:active{

	background: var(--white);

	color: var(--black);

}

.dashboard_header .dropdown-menu{

	top: 60px;

	right: 0px;

}

.dashboard_header .menu_btn i{

	background: var(--btn_bg);

	width: 40px;

	height: 40px;

	display: flex;

	align-items: center;

	justify-content: center;

}

.dashboard_header .first{

	display: none;

}

.navbar-brand img{

	width: 100%;

	max-width: 250px;
}



@media (max-width: 991px){

	.menubar_right_main{

		display: flex;

	}

	.dashboard_header .navbar-brand img{

		max-width: 150px;

	}

	.dashboard_header .first{

		display: flex;

		margin: 0px 10px;

	}

	.dashboard_header .sec{

		display: none;

	}

	.dashboard_header p.bell_msg{

		top: 11px;

	}

	.bell_icon{

		margin: 0px;

	}

	.dashboard_header .dropdown_details img.main{

		display: none;

	}

	.dashboard_header .btn.dropdown-toggle{

		padding: 10px 0px;

	}

	.dashboard_header .dropdown_details h2.author_name{

		padding: 0px 10px 0px 0px;

	}

	.dashboard_header .dropdown{

		display: block;

	}

	.dashboard_header p.totl_msg{

		left: 8px;

	}

}

@media (max-width: 767px){

	.dashboard_header p.bell_msg{

		top: 7px;

	}

	.dashboard_header .first{

		margin: 0px 5px;

	}

}





.learn_english{

	padding: 35px 0px 0px 0px;

}

.page_title{

	text-transform: initial;

	font-size: 36px;

}

span.title_color{

	color: var(--btn_bg);

}



.progressbar_main{

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin: 35px 0px 18px;

	padding: 0px;

}

.progressbar_row{

	width: 100%;

	margin: 0px 25px;

}



.progress-container,
.progress {

  background-color: #F2F2F2;

  position: relative;

  height: 7px;

  width: 100%;

  height: 50px;

  border-radius: 25px;

  display: flex;

  align-items: center;

}



.progress {

  background: var(--main_bg);

  width: 0;

  transition: width 0.4s linear;

}



.percentage {

  color: #fff;

  font-size: 0px;

  padding: 4px;

  position: absolute;

  top: 20px;

  left: 0;

  transform: translateX(-50%);

  width: 14%;

  text-align: center;

  transition: left 0.4s linear;

}



.percentage::after {

  content: url('../images/plane.svg');

  position: absolute;

  top: -45px;

  left: 0%;

  z-index: -1;

}

.progress span.percentage_totl{

	font-size: 24px;

	font-weight: 700;

	font-family: var(--pro_display);

	color: var(--white);

	padding-left: 35px;

}



.learning_compelete p{

	text-align: right;

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 24px;

	color: var(--black);

}



.dashboard_counter{

	padding: 50px 0px 0px;

}

.dashboard_counter .count_img{

	background: rgba(90, 150, 1, 0.05);

}

.dashboard_counter .count_content p{

	color: #5A9601;

}

.dashboard_counter .count_content h3{

	color: var(--black);

	font-weight: 500;

	font-size: 16px;

}

.dashboard_counter .sec .count_img{

	background: rgba(255, 193, 7, 0.05);

}

.dashboard_counter .sec .count_content p{

	color: #FFC107;

}

.dashboard_counter .third .count_img{

	background: rgba(0, 169, 186, 0.05);

}

.dashboard_counter .third .count_content p{

	color: #00A9BA;

}

.count-up{

	background: var(--white);

	box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.08);

	padding: 35px;

}



.upcoming{

	padding: 0px 0px 100px;

}

.session_title{

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding-bottom: 40px;

	padding-top: 50px;

}

.section_title.upcoming_title{

	font-size: 30px;

}

.dashboard .session_box_time{

	display: block;

}

.dashboard .class_taken{

	display: flex;

	align-items: center;

}

.dashboard .class_taken .author{

	display: flex;

	align-items: center;

}

.dashboard .class_taken .author img{

	width: 100%;

	max-width: 28px;

	height: 28px;

	margin: 0px 8px 0px 20px;

}

.dashboard .class_taken .author h6{

	font-family: var(--pro_display);

	font-size: 16px;

	font-weight: 600;

}

.dashboard .class_taken p{

	font-family: var(--pro_display);

	font-size: 16px;

	font-weight: 400;

	color: var(--black);

	padding: 0px;

}

.dashboard .date_time{

	display: flex;

	column-gap: 16px;

	justify-content: end;

	padding-top: 40px;

}

.dashboard .session_box_content p{

	color: #7D7D7D;

	font-weight: 400;

	font-size: 16px;

	padding: 5px 0px 0px 0px;

}

.dashboard .link_copy{

	background: rgba(0, 169, 186, 0.05);

	border-radius: 24px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 5px;

	width: 100%;

}

.dashboard .link_copy p{

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 16px;

	color: var(--black);

	padding: 0px 15px;

}

.link_copy_btn_main{

	display: contents;

}

.link_copy_btn{

	background: var(--btn_bg);

	color: var(--white);

	border-radius: 19px;

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 16px;

	width: 100%;

	max-width: 146px;

	height: 38px;

	display: flex;

	justify-content: center;

	align-items: center;

}

.link_copy_btn:hover{

	color: var(--white);

}

.link_main{

	display: flex;

	align-items: center;

	margin-top: 25px;

}

.dashboard .session_box_content{

	width: 100%;

	max-width: 65%;

}

.dashboard .session_box_content.recently{

	max-width: auto;

	/*width: auto;*/

}

.link_copy_btn.join{

	margin-left: 25px;

}

.session_box.dashboard{

	align-items: baseline;

	margin-bottom: 30px;

}

.session_title.sec{

	padding-top: 20px;

}

.download_material_link{

	background: #9A34B0;

	width: 100%;

	max-width: 243px;

	height: 48px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 20px;

	border-radius: 24px;

	color: var(--white);

}

.download_material_link:hover{

	color: var(--white);

}

.watch_video{

	background: var(--btn_bg_clr);

	color: var(--white);

	font-family: var(--pro_display);

	font-weight: 500;

	font-size: 16px;

	border-radius: 19px;

	width: 100%;

	max-width: 226px;

	height: 38px;

	display: flex;

	align-items: center;

	justify-content: center;

}

.watch_video:hover{

	color: var(--white);

}

.link_copy_btn.sec{

	display: none;

}



@media (max-width: 1024px){

	.percentage::after{

		left: -10px;

	}

}

@media (max-width: 991px){

	.link_main{

		flex-direction: column;

	}

	.link_copy_btn{

		max-width: 150px;

	}

	.link_copy_btn.join{

		margin-top: 20px;

	}

	.session_box{

		padding: 20px;

	}

	.dashboard .session_box_content{

		max-width: 60%;

	}

	.dashboard .date_time{

		padding-top: 75px;

	}

	.link_copy_btn.join{

		margin-top: 10px;

	}

	.percentage::after{

		left: -30px;

	}

}

@media (max-width: 767px){

	.link_copy_btn.join{

		margin-top: 0px;

	}

}







.old_course{

	padding: 35px 0px 75px;

}

.old_title{

	padding-bottom: 35px;

}

.watch_video.view_more{

	max-width: 146px;

}

.date_time .batch_no{

	background: var(--btn_bg);

	padding: 0px;

	display: flex;

	align-items: center;

	flex-direction: column;

}

.batch_no h2{

	font-size: 30px;

}

.batch_no h3{

	font-size: 16px;

}



.dropdown_details p.text_total{

	color: var(--white);

	background: var(--btn_bg);

	border-radius: 50%;

	font-size: 10px;

	width: 17px;

	height: 17px;

	display: flex;

	align-items: center;

	justify-content: center;

}

.dropdown-menu.message_text .dropdown_details{

	padding: 10px;

	justify-content: center;

}

.dropdown-menu.message_text{

	margin-top: 30px;

	right: 5%;

}

.message_text_title_main{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.back_btn {

    background: transparent;

    border: none;

    font-weight: 400;

    font-size: 20px;

    color: var(--black);

}

.message_box{

	background: var(--main_bg);

	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1);

	height: 100%;

}

.message_box .author_main{

	display: flex;

	align-items: center;

	padding: 20px 16px;

}

.message_box .author_main h1{

	color: var(--white);

	font-size: 20px;

	font-family: var(--pro_display);

	font-weight: 700;

	padding-left: 16px;

}

.message_line{

	height: 5px;

	background: var(--white);

	width: 100%;

}

.author_inner_all{

	padding: 16px;

	/*overflow-y: scroll;*/

	height: 400px;

}

.author_main.heading{

	padding: 12px 0px 0px 0px;

}

.author_main.heading h1{

	padding: 16px 16px 0px;

}

.author_main.heading img{

	width: 100%;

	max-width: 30px;

	height: 30px;

}

.author_main.heading p{

	color: var(--white);

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 16px;

	padding-left: 10px;

}

.message_page_main{

	height: auto;

	display: flex;

	margin: 30px 0px;

	box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 10%);

	background: var(--white);

	padding: 0;

}

.message_box_show{

	display: flex;

	align-items: flex-end;

	padding: 0px 35px 30px;

	height: 100%;

	flex-direction: column;

}

.message_box_show .inner_main{

	width: 100%;

	height: 700px;

	overflow-y: scroll;

}

.msg_text{

	display: flex;

	margin-right: 10px;

}

.msg_text img{

	width: 36px;

	height: 36px;

}

.msg_inner_text{

	padding: 0px 20px;

	width: 100%;

	max-width: 350px;

}

.msg_inner_text p{

	color: var(--black);

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 16px;

	background: rgba(0, 169, 186, 0.1);

	border-radius: 0px 10px 10px 10px;

	padding: 12px;

	word-wrap: break-word;

}

.msg_inner_text h6{

	color: #A6A6A6;

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 12px;

	padding-top: 6px;

}

.msg_text.sec{

	justify-content: end;

	flex-direction: row-reverse;

}

.msg_text.sec h6{

	text-align: right;

}

.send_text_msg{

	display: flex;

	align-items: center;

	padding-top: 24px;

	width: 100%;

}

.input_text_msg{

	outline: none;

	border: none;

	background: #F2F2F2;

	border-radius: 40px;

	width: 100%;

	height: 50px;

	padding: 0px 30px;

	color: #939393;

	font-family: var(--pro_display);

	font-weight: 400;

	font-size: 16px;

	padding-top: 10px;

}

textarea#address{

	padding-top: 15px;

}

.send_msg_btn{

	background: var(--btn_bg_clr);

	color: var(--white);

	width: 100%;

	max-width: 156px;

	height: 50px;

	display: flex;

	justify-content: center;

	align-items: center;

	border-radius: 30px;

	margin-left: -40px;

	font-family: var(--pro_display);

	font-weight: 600;

	font-size: 20px;

}

.send_msg_btn img{

	margin-right: 12px;

}

.send_msg_btn:hover{

	color: var(--white);

}

@media (max-width: 1024px){

	.author_main.heading h1:after{

		content: '\f0dd';

		margin-left: 10px;

		font-family: 'Font Awesome 6 Free';

		font-size: 25px;

	}

	.author_inner_all{

		display: none;

	}

}

@media (max-width: 991px){

	.message_box_show{

		padding: 0px 15px 30px;

	}

	a.view_all{

		max-width: max-content;

		width: 100%;

		margin-top: 10px;

	}

	.old_course .link_main{

		justify-content: flex-start;

		flex-direction: initial;

	}

	.upcoming .link_main.watch_video_main{

		flex-direction: initial;

		justify-content: flex-start;

	}

	.author_main.heading h1{

		position: relative;

	}

}

@media (max-width: 767px){

	.learn_english{

		padding: 30px 10px;

	}

	.page_title{

		font-size: 25px;

	}

	.progressbar_main .first_icon img{

		width: 16px;

		height: 16px;

	}

	.progress-container,

	.progress{

		height: 16px;

	}

	.progressbar_row{

		margin: 0px 10px;

	}

	.progress span.percentage_totl{

		font-size: 12px;

	}

	.learning_compelete p{

		text-align: center;

		font-size: 18px;

	}

	.percentage::after{

		top: -27px;

		content: url('../images/plane_1.svg');

		left: 0px;

	}

	.dashboard_counter{

		padding: 0px;

	}

	.count-up{

		padding: 25px 10px;

		margin-bottom: 20px;

	}

	.session_title{

		padding: 10px;

		display: block;

	}

	.section_title.upcoming_title{

		font-size: 25px;

		padding-bottom: 10px;

	}

	.session_title a.view_all{

		font-size: 16px;

	}

	.dashboard .session_box_content{

		max-width: 100%;

	}

	.dashboard .session_box_content p{

		font-size: 14px;

	}

	.link_main{

		display: block;

		margin: 10px 0px;

	}

	.dashboard .link_copy{

		padding: 5px 0px;

	}

	.link_copy_btn.first{

		display: none;

	}

	.link_copy_btn.sec{

		display: flex;

	}

	.link_copy_btn_main{

		display: flex;

		padding: 10px 0px;

	}

	.link_copy_btn{

		font-size: 14px;

	}

	.dashboard .session_box_time{

		padding: 0px;

	}

	.dashboard .class_taken{

		justify-content: space-between;

	}

	.dashboard .date_time{

		padding-top: 20px;

		justify-content: space-between;

	}

	.session_title.sec{

		padding: 0px 10px 10px;

	}

	.download_material_link{

		max-width: initial;

		margin-top: -10px;

	}

	.link_copy_btn.sec.ses_11{

		margin-top: 5px;

	}

	.upcoming{

		padding: 0px 0px 30px;

	}

	.old_course{

		padding: 30px 0px;

	}

	.old_course .page_title{

		padding: 0px 10px 30px;

	}

	.old_course .dashboard .date_time{

		padding-top: 10px;

	}

	.message_text_title_main{

		display: block;

	}

	.message_main .page_title{

		padding-bottom: 10px;

	}

	.message_page_main{

		display: block;

		height: auto;

	}

	.message_box_show .inner_main{

		height: 100%;
	}

	.send_text_msg{

		position: fixed;

		left: 10px;

		bottom: 20px;

		width: 100%;

		max-width: 95%;

	}

	.author_inner_all{

		padding: 10px;

	}

	.message_box_show{

		padding: 60px 10px 30px;

	}

	.msg_inner_text{

		max-width: 100%;

		padding: 0px 10px;

	}

	.msg_inner_text p{

		font-size: 14px;

	}

	.msg_inner_text h6{

		padding-bottom: 10px;

	}

	.send_msg_btn{

		max-width: max-content;

		font-size: 16px;

		padding: 0px 20px;

		height: 40px;

	}

	.send_msg_btn img{

		width: 20px;

	}

	.input_text_msg{

		height: 40px;

		padding-top: 8px;

	}

	.dashboard_header p.totl_msg{

		left: 8px;

	}

	.dashboard_header.message_box_main .dropdown_details img.main{

		display: none;

	}

	.dropdown-menu.message_text.show{

		margin-top: 0px;

		width: max-content;

		left: 0px;

	}

	.author_main.heading{

		padding: 12px 0px;

	}

}





.dashboard_counter .count_content p.counter-count.first{

	position: relative;

	padding-left: 20px;

}

.dashboard_counter .count_content p.counter-count.first:after{

	content: "0";

	position: absolute;

	left: 0

}

@media (max-width: 767px){

	.dashboard_counter .count_content p.counter-count.first{

		padding-left: 10px;

	}

	.dashboard_counter .count_content p.counter-count.first:after{

		left: 30px;

	}

}





.message_main_body::-webkit-scrollbar

{

	width: 0px;

}



.col-md-6.col-12.sec_count,

.col-md-4.col-12.sec_count{

	display: none;

}

@media (max-width: 1024px){

	.col-12.first_count{

		display: none;

	}

	.col-md-6.col-12.sec_count,

	.col-md-4.col-12.sec_count{

		display: unset;

	}

	.batch_starting_from{

		max-width: 230px;

		margin: 10px auto 20px;

	}

}

@media (max-width: 991px){

	.btn.dropdown-toggle.menu_click{

		display: none;

	}

	.message_main_body .dashboard_header p.bell_msg{

		top: 11px;

	}

}

@media (max-width: 767px){

	.batch_starting_from{

		margin: 10px auto;

	}

}





.option{

	text-align: left;

	background: var(--white);

	box-shadow: 0px 0px 10px rgba(0,0,0,0.016);

	color: var(--btn_bg);

}

/*======== End Off ========*/


/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

p.legal{
	text-align: right;
}
.legal_page_content h3{
	font-size: 21px;
	font-weight: 600;
	padding-bottom: 10px;
}
.legal_page_content p,
.legal_page_content li{
	color: var(--black);
    font-weight: 400;
    font-size: 18px;
    padding-top: 5px;
}
.legal_page_content ol.inner_pre,
.legal_page_content ul.inner_pre
{
	padding-left: 40px;
}
video.video{
	width: 100%;
	height: 100%;
	max-height: 480px;
}
@media (max-width: 767px){
	.copyright p{
		text-align: center;
	}
	.legal_page_content h3{
		font-size: 17px;
	}
	.legal_page_content p,
	.legal_page_content li{
		font-size: 14px;
	}
	.legal_page_content ol.inner_pre,
	.legal_page_content ul.inner_pre
	{
		padding-left: 25px;
	}
	video.video{
		max-height: 350px;
	}
}

img.img-responsive{
	object-fit: cover;
	width: 100%;
	max-width: 60px;
}

input[type=file]::file-selector-button {

    background: var(--btn_bg);

    color: var(--white);

    font-family: var(--pro_display);

    font-weight: 500;

    font-size: 16px;

    border: none;

    padding: 7px 15px;

    cursor: pointer;

}


a.whatsapp_icon{

	position: fixed;

	right: 20px;

	bottom: 20px;

}

a.whatsapp_icon img{

	width: 100%;

	max-width: 70px;

}

@media (max-width: 767px){
	a.whatsapp_icon{

		right: 10px;

		bottom: 10px;

	}

	a.whatsapp_icon img{

		max-width: 50px;

	}
}




input[type="date"] {
    position: relative;
}

/* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */
input[type="date"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    content: "\f073";
    color: #555;
    padding: 0 5px;
}

/ change color of symbol on hover /
input[type="date"]:hover:after {
    color: #bf1400;
}

/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}

/ adjust increase/decrease button /
input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}

 / adjust clear button /
 input[type="date"]::-webkit-clear-button {
     z-index: 1;
 }
 
 
 input[type="time"] {
    position: relative;
}

/* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */
input[type="time"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    content: "\f073";
    color: #555;
    padding: 0 5px;
}

/ change color of symbol on hover /
input[type="time"]:hover:after {
    color: #bf1400;
}

/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native timepicker*/
input[type="time"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}

/ adjust increase/decrease button /
input[type="time"]::-webkit-inner-spin-button {
    z-index: 1;
}

 / adjust clear button /
 input[type="time"]::-webkit-clear-button {
     z-index: 1;
 }

 .tutor_model .modal-title{
 	font-family: var(--pro_display);
    font-weight: 700;
    font-size: 24px
 }
 button.close{
 	background: var(--white);
 	border: 0px;
 	font-size: 40px;
 	font-weight: 600;
 }
 .tutor_model.home_popup .modal-header{
	justify-content: space-between;
}
 .tutor_model .modal-header{
 	padding: 0px 10px;
 	border: 0px;
 	justify-content: end;
 }
 .tutor_model .modal-body.d-flex{
 	padding: 0px 10px 20px;
 }
 .tutor_model .modal-body.d-flex p{
 	font-family: var(--pro_display);
    font-weight: 500;
    font-size: 18px;
    color: var(--black);
    padding-top: 10px;
 }
 .tutor_model .modal-content{
 	border-radius: 0px;
 }
 .tutor_model .modal-dialog{
 	max-width: 600px;
 }
 .tutor_model.home_popup .modal-content{
 	padding: 20px;
 }
 .tutor_model.home_popup .modal-footer{
 	border-top: 0px;
 	padding: 0px;
 	justify-content: end;
 	margin-bottom: 10px;
 }
 .tutor_model.home_popup .modal-footer .btn.btn-default {
    width: auto;
    background: var(--btn_bg_clr);
    color: white;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
    border-radius: 19px;
    padding: 9px 30px;
    border: none;
    cursor: pointer;
    margin: 10px 0px 10px 5px;
    float: right;
}
.tutor_model.home_popup .modal-header,
.tutor_model.home_popup .modal-body,
.tutor_model.home_popup .modal-footer{
 	padding: 0px;
 }
 .terms_page{
 	display: flex;
 	justify-content: end;
 	align-items: center;
 }
.terms_page a{
  	margin: 0px 10px;
}
.faq .accordion-item{
	margin-bottom: 20px;
	border: 1px solid #e3e0e0;
	border-radius: 0px;
}
.faq .accordion-button{
	font-family: var(--pro_display);
    font-weight: 500;
    font-size: 24px;
}
.faq .accordion-body{
	font-family: var(--pro_display);
    font-weight: 400;
    font-size: 16px;
}
.faq .accordion-button:focus{
	box-shadow: none;
}
.faq  .accordion-button:not(.collapsed){
	/*background: var(--main_bg);
	color: var(--white);*/
	border-radius: 0px;
	background: var(--white);
	box-shadow: none;
	color: var(--black);
}
.faq .accordion-button:not(.collapsed)::after{
	background-image: var(--bs-accordion-btn-icon);
}
a.text_link{
	background: linear-gradient(98.68deg, #087EE1 0%, #05E8BA 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.legal_page_content.policy p{
	padding-top: 10px;
}
#Detail143 .modal-dialog{
    max-width: 700px !important;
}
.exp_btn{
    margin-top: 40px;
}

@media (max-width: 991px){
	.table .card-body{
		overflow: scroll;
	}
}

 @media (max-width: 767px){
 	.tutor_model .modal-body.d-flex{
 		flex-direction: column;
 		text-align: center;
 	}
 	 .tutor_model .modal-title{
 	 	padding-top: 20px;
 	 }
 	 .tutor_model .modal-body.d-flex p{
 	 	font-size: 16px;
 	 }
 	.faq .accordion-button{
	    font-size: 18px;
	    padding: 15px 10px;
	}
	.faq .accordion-body{
	    font-size: 14px;
	    padding: 15px 10px;
	}
	.terms_page{
	    justify-content:center;
	}
 }
/*======== End Off ========*/


.career_bg{

	background: url('../images/Career_Banner.jpg');

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	padding: 200px 0px;
}

.career_bg .section_title{

	color: var(--white);

}

img.vaakh_way{
    width: 100%;
}

.teacher_modal .modal-title{
    
    padding: 10px 0px;
    
}

.teacher_modal_img{
    width: 100%;
    
    max-width: 150px;
    
    height: 150px;
    
    border-radius: 50%;
    
    object-fit: cover;
    
}

.section.cource_info_main h1{
    
    font-family: var(--georia_font);
    
    font-weight: 700;
    
    font-size: 36px;
    
    color: var(--black);
    
    padding-bottom: 40px;
    
}

.cource_info_main .banner_content .banner_icon{
    
    color: var(--black);
    
    font-weight: 600;
    
    font-size: 20px;
    
    font-family: var(--pro_display);

}

.banner_list_batches{
    
    background: var(--white);
    
    box-shadow: 0px 0px 25px 5px rgb(0 0 0 / 8%);
    
}

.banner_list_batches ul li{
    
    list-style: none;
    
    padding: 15px 30px;
    
    font-weight: 600;

    font-size: 24px;
    
    font-family: var(--pro_display);
    
}

.banner_list_batches h3{
    
   background: var(--main_bg);
   
   color: var(--white);
   
   padding: 15px 30px;
   
   font-weight: 600;
    
   font-size: 36px;
   
   font-family: var(--georia_font);
    
}

.cource_info_main .get_started_btn{
    
    border: none;
    
    margin-top: 20px;
    
}

@media (max-width: 1024px){
	.career_bg{

		padding: 150px 0px;

	}
}

@media (max-width: 991px){
    .cource_info_main .banner_content_main{
        padding-top: 0;
        flex-direction: initial;
         margin-top: 0;
    }
    
    .cource_info_main .get_started_btn{
        margin: 20px 0px 30px;
    }
}

@media (max-width: 767px){
	.career_bg{

		padding: 100px 0px;
		
	}
	
	.cource_info_main .banner_content .banner_icon{
	    
	    font-size: 15px;
	    
	}
	
	.cource_info_main .banner_content{
    
        padding-top: 0;
    
    }
    
    .section.cource_info_main h1{
        
        padding-bottom: 20px;
        
    }
    
    .section.cource_info_main h1{
        
        font-size: 25px;
        
    }
    
    .banner_list_batches h3{
        
        font-size: 22px;
        
        padding: 10px 15px;
        
    }
    
    .banner_list_batches ul li{
        
        font-size: 20px;
        
        padding: 10px 15px;
        
    }
}