/*========index page styling============*/
.wrapper {
	padding-top: 110px;
}
.banner{
	position: relative;
}
.banner img{
	display: block;
	width: 100%;
}
.hero-text{
	position: absolute;
	top: 27.2%;
	right: 8.8%;
	width: 730px;
}
.hero-text span{
	color: #fff;
	font-weight: 300;
	font-size: 4.453rem;
}
.hero-text h1{
	margin-bottom: 45px;
}
.hero-text .btn{
	margin-left: 44px;
}
/*styling learn section*/
.learn{
	padding: 137px 0 256px;
}
.learn-text{
	padding: 0 14%;
}
.learn-text figure{
	margin-bottom: 33px;
}
.learn-text img{
	margin-right: 23px;
}
/*styling about section*/
.about-us{
	padding: 266px 0 131px;
	position: relative;
	background-color: #ffda80;
}
.about-text{
  padding: 0 15%;	
}
.about-text figure{
	margin-bottom: 14px;
}
.about-text figure img{
	width: 216px;
	height: 211px;
	border-radius: 50%;
}
.about-text h2{
	margin-bottom: 44px;
}
.about-text p{
	line-height: 1.4;
}
.contact-details{
	padding: 36px 0;
}
.contact-details p{
	margin-bottom: 10px;
}
.contact-details ul{
	padding: 0 80px;
}
.contact-details li{
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding-bottom: 26px;
	margin-bottom: 22px;
}
.contact-details li:last-child{
	border-bottom: none;
}
.contact-details li span{
	display: block;
	color: rgba(0,0,0,0.5);
	font-size: 2.4rem;
	font-weight: 300;
	margin-bottom: 7px;
}
.contact-details li a{
	font-size: 3.369rem;
}
.contact-details li:last-child a{
	font-size: 2.969rem;
}
.quote{
	position: absolute;
	top: -55px;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 828px;
	border: 8px solid #ffda80;
	background-color: #a5a5a5;
	text-align: center;
	padding: 28px 57px 21px;
}
.quote p{
	font-size: 2.5rem;
	color: #fff;
	line-height: 1.23;
	margin-bottom: 9px;
}
.quote span{
	color: #d0d0d0;
	font-size: 2rem;
}
/*feature section styling*/
.feature{
	position: relative;
	padding: 192px 0 198px;
	background-color: #bae8ff;
}
.feature-text figure{
	margin-bottom: 29px;
}
.feature-text{
	padding: 0 4.2%;
}
.feature-text h2{
	margin-bottom: 36px;
}
.feature-text p{
	line-height: 1.67;
}
.general-quote{
	position: absolute;
	top: -98px;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 790px;
	text-align: center;
	padding: 33px 55px 31px;
	background-color: #fff;
}
.general-quote p{
	font-size: 2.5rem;
	line-height: 1.2;
	margin-bottom: 10px;
}
.general-quote span{
	color: #808080;
	font-size: 2rem;
}
/*section learn method styling*/
.learn-method{
	position: relative;
	padding: 221px 0 159px;
	background-color: #d1d1d1;
}
.method-text{
	margin-right: -10px;
}
.method-text figure img{
	margin-left: 47px;
}
.method-text figure{
	margin-bottom: 25px;
}
.method-text h2{
	margin: 0 0 42px 28px;
	font-weight: 700;
}
.method-text p{
	margin-bottom: 50px;
}
.learn-method .general-quote{
	width: 666px;
	border-radius: 5px;
	top: -89px;
	padding: 39px 72px 37px 55px;
}
.learn-method .general-quote p{
	margin-bottom: 20px;
}
.learn-method .general-quote span{
	font-weight: 300;
	color: rgba(0,0,0,0.7);
	margin-left: 75px;
}
/*banner section styling*/