html{font-size: 62.5%;line-height:1.4;}
body, input, textarea {font-family: IRANSans, tahoma;}
body {direction: rtl; text-align: right; font-size: 1.4rem;}
a, a:before, a:after, input[type="submit"], .btn {-webkit-transition: all .2s ease 0s; transition: all .2s ease 0s;}
ol, ul {padding: 0;}
.btn {border: none;}
/* Font Face */
@font-face {
	font-family: 'IRANSans';
	font-style: normal;
	font-weight: 400;
	src:  url('assets/fonts/IRANSansWeb.woff2') format('woff2');
}
@font-face {
	font-family: 'IRANSans';
	font-style: normal;
	font-weight: 700;
	src:  url('assets/fonts/IRANSansWebB.woff2') format('woff2');
}

/* Global Styles */
.fs-13 {font-size: 1.3rem;}
.fs-14 {font-size: 1.4rem !important;;}
.fs-16 {font-size: 1.6rem;}
.fs-18 {font-size: 1.8rem;}
.fs-20 {font-size: 2rem;}
.fs-30 {font-size: 3rem;}
.fwl {font-weight: 400 !important;}
.fwb {font-weight: 700 !important;}
.mb-6 {margin-bottom: 6rem;}
.btn-primary {background-color: #ff8624; width: 17rem; padding: 1rem 1rem 1.3rem;}
.buy::before {content: ''; width: 23px; height: 25px; background: url(./assets/images/shopping-cart.png) no-repeat center; display: inline-block; margin-left: 1.3rem; vertical-align: middle;}
.btn-primary:hover {background-color: #cc6b1c;}

/* Header Styles */
.header {background: url(assets/images/header.jpg) no-repeat center/cover; width: 100%; height: 660px; color: #FFF; position: relative;}
.lp-title {background-color: rgba(6, 6, 6, .7); max-width: 605px; border-radius: 2rem; padding: 3rem;}
.lp-title h1 {font-size: 4.3rem;}
.godown {background: url(assets/images/godown.png) no-repeat center; width: 18px; height: 25px; position: absolute; bottom: 4rem; right: 50%; margin-right: -18px;}

/* why */
.why {color: #FFF; padding: 5rem 0; position: relative;}
.why::before {content: ''; background-color: #52c4cf; transform: skew(0deg, -1.5deg); width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: -1;}
.why .title {font-size: 2.5rem;}
.why .description {padding: 4rem 0 3rem; line-height: 2;}

/* Teacher */
.teacher {padding: 5rem 0;}
.teacher .img {border: .4rem solid #52c4cf; border-radius: .6rem; max-width: 100%;}
.teacher .name {color: #52c4cf; font-size: 2.5rem;}
.teacher .description {line-height: 2;}

/* Footer */
.footer {background-color: #121212; width: 100%; color: #FFF; padding: 2rem 0;}

/* Media Queries */
@-ms-viewport {width: device-width;}
@media screen and (max-width: 760px) {
		.header {height: 460px; background-position: 40% center;}
		.lp-title {max-width: 420px; border-radius: 1rem; padding: 2rem;}
		.lp-title h1 {font-size: 3rem;}
		.lp-title h2 {font-size: 1.4rem;}
}
@media screen and (max-width: 570px) {
		.header {height: 400px;}
		.lp-title, .teacher {text-align: center;}
		.lp-title h1 {font-size: 2.2rem;}
		.fs-20 {font-size: 1.6rem;}
		.why .title {font-size: 2rem;}
		.why .description {padding: 2rem 0 1.5rem; text-align: center;}
}

/* Animation Styles */
.floating-arrow{-webkit-animation-name:floating-arrow;animation-name:floating-arrow;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
@-webkit-keyframes floating-arrow {from{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}65%{-webkit-transform:translate(-50%,8px);transform:translate(-50%,8px)}to{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}
@keyframes floating-arrow {from{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}65%{-webkit-transform:translate(-50%,8px);transform:translate(-50%,8px)}to{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}