/*font family start*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;1,100&display=swap');
/*common css start*/
:root{
	--pop: "Poppins", sans-serif;
	--robo: "Roboto", sans-serif;
	--400: 400;
	--500: 500;
	--700: 700;
	--16: 16px;
	--24: 24px;
	--28: 28px;
	--30: 30px;
	--32: 32px;
	--35: 35px;
	--36: 36px;
	--45: 45px;
	--48: 48px;
	--50: 50px;
	--70: 70px;
	--green: #21B573;
	--red: #FD511A;
	--black: #000000;
	--white: #ffffff;
	--bg1: #F0FFF0;
	--bg2: #282531;
}
body{
	font-family: var(--pop);
	font-weight: var(--400);
	font-size: var(--16);
	color: var(--black);
}
.bg1{
	background-color: var(--bg1);
}
.bg2{
	background-color: var(--bg2);
}
.c_padding{
	padding-bottom: 100px;
}
.eschool_title{
	margin: 0;
}
.eschool_description{
	margin: 0;
}
.eschool_btn{
	padding: 8px 24px;
	font-family: var(--robo);
	font-weight: var(--400);
	font-size: var(--16);
	text-decoration: none;
	color: var(--white);
	background-color: var(--green);
	border-radius: 50px;
	display: inline-block;
	transition: 0.3s linear;
}
.eschool_btn:hover{
	color: var(--white);
	background-color: var(--red);
}
/*common css end*/
/*header css start*/
header{
	padding: 30px 0;
}
.menu_toggler:focus{
	box-shadow: none;
}
.header_menu ul li a{
	font-size: 16px !important;
	text-transform: capitalize;
	padding: 0 15px !important;
}
.header_menu ul li a:hover{
	color: var(--red);
}
.signin_btn{
	margin-left: 24px !important;
}
/*header css end*/
/*banner css start*/
.banner_section{
	padding-bottom: 65px;
}
.banner_text .b_tag{
	color: var(--red);
}
.banner_text h1{
	margin: 10px 120px 20px 0 !important;
	font-size: var(--48);
	font-weight: var(--700);
	line-height: var(--70);
}
.banner_text h1 span{
	color: var(--green);
}
.banner_text .eschool_description{
	line-height: var(--35);
}
.banner_text .eschool_btn{
	margin-top: 15px;
	padding: 12px 36px;
}
/*banner css end*/
/*features css start*/
.sf_items{
	margin-top: 40px;
	padding: 55px 0 50px;
	background-color: var(--bg1);
	border-radius: 10px;
	transition: 0.33s linear;
;
}
.sf_items:hover{
	box-shadow: 0px 20px 40px 0px #0000001A;
}
.sf_img{
	width: 66px;
	height: 85px;
}
.sf_h2{
	margin: 23px 0 0;
	font-weight: var(--500);
	font-size: var(--24);
	color: var(--black);
	line-height: var(--36);
}
/*features css end*/
/*courses css start*/
.c_title h1{
	font-weight: var(--700);
	font-size: var(--36);
	color: var(--black);
	line-height: 54px;
	text-transform: capitalize;
}

.c_item{
	margin-top: 60px;
	padding: 24px 20px 30px;
	box-shadow: 0px 10px 40px 0px #0000001A;
	border-radius: 18px;
}
.ci_img img{
	border-radius: 11px;
}
.ci_h2{
	margin: 19px 0 3px;
	font-weight: var(--500);
	font-size: var(--24);
	color: var(--black);
	line-height: var(--36);
}
.ci_btn{
	margin: 19px 0 34px;
}
.cif_icon{
	width: 24px;
	height: 24px;
}
.cif_span{
	font-weight: var(--500);
}
/*courses css end*/
/*testimonial css start*/
#eschool_testimonial{
	margin-top: 60px;
}
.t_img{
	width: 120px;
	height: 120px;
	border-radius: 50%;
}
.t_text p{
	line-height: var(--30);
}
/*testimonial css end*/
/*footer top css start*/
.footer_top{
	padding: 55px 0 55px;
	background: var(--bg2);
}

.ft_details{
	padding-right: 120px;
	line-height: var(--30);
}
.ft_details p{
	color: var(--white);
}
.ft_link h2{
	margin-bottom:8px;
	font-size: 18px;
	font-weight: var(--700);
	color: var(--white);
	line-height: var(--30);
}
.ft_link ul li a{
	color: var(--white);
	line-height: 30px;
	text-decoration: none;
}
/*footer top css end*/
/*footer css start*/
footer{
	padding: 20px 0 30px;
	background: var(--bg2);
}
footer p{
	color: var(--white);
	line-height: var(--30);
}
footer p a{
	color: var(--white);
	text-decoration: none;
	transition: 0.33s linear;
}
footer p a:hover{
	color: var(--red);
}
/*footer css end*/