/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
html {
	scroll-behavior: smooth;
}
body{
/*	font-family: 'Poppins', sans-serif;*/
font-family: 'DM Sans', sans-serif;
}

.common-heading{
	color: #626262;
	font-size: 50px;
	font-weight: 800;
	text-transform: uppercase;
	font-style: normal;
	line-height: 1.2em;
	margin-bottom: 20px;
}
.navbar{
	background: #5d1a6a;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
}
.navbar-nav{
	align-items: center;
}
.navbar .navbar-brand{
	margin:0;
	padding: 0;
}
.navbar .navbar-brand img{
	width: 125px;
	margin-left: -10px;
}
.navbar .nav-item .nav-link{
	color: #fff;
	font-size: 14px;
	padding: 10px 15px;
	font-weight: 500;
	text-transform: uppercase;
}
.navbar .nav-item.active .nav-link{
	color: #ff5a5f;
}
.login-btn{
	background-color: #ff5a5f;
	color: #fff;
	padding:13px 35px !important;
	border-radius: 7px;
	margin-left: 4px;
	border: 2px solid #ff5a5f;
	transition: 0.3s;
}
.login-btn:hover{
	background: #fff;
	color: #ff5a5f !important;
}
.banner{
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(100% 1056.25% at 0% 0%, #e3c1d5 0%, #e2def7 20.44%, #c7d3f1 100%);
/*	background: url(../images/banner.jpg);*/
min-height: 570px;
width: 100%;
background-position: center;
background-size: cover;	
margin-top: 94px;
display: flex;
align-items: center;
padding: 30px 0;
}
.banner .banner_heading{
	font-size: 90px;
	font-weight: bold;
	color: #5d1a6a;
	margin-bottom: 20px;
}
.banner .banner_heading span{
	color: #ff5a5f;
	display: block;
}
.banner .banner_btn{
	background: #ff5a5f;
	border:2px solid #ff5a5f;
	color: #fff;
	text-transform: uppercase;
	padding: 15px 30px;
	border-radius: 7px;
	font-weight: 500;
	font-size: 14px;
}
.banner .banner_btn:hover,
.banner .banner_btn:focus{
	background: #fff;
	color: #ff5a5f;
	box-shadow: none !important;
}

.about{
	padding-bottom: 60px;
}
.about-wrap{
	background: linear-gradient(160deg, #ff5a5f 0%, #5d1a6a 100%);
	box-shadow: 0 5px 30px rgb(0 0 0 / 9%);
	border-radius: 10px;
	overflow: hidden;
	margin-top: -50px;
	padding: 50px;
}
.about .about-box{
	text-align: center;
	color: #444;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 30px;
	background: #dee2eb;
	border-radius: 7px;
}
.about .about-wrap p{
	margin-bottom: 0;
	font-size: 20px;
	color: #fff;
	line-height: 1.34;
	text-align: center;
}

.progress-section{
/*	background: #6e147e26;*/
background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(100% 1056.25% at 0% 0%, #e3c1d5 0%, #e2def7 20.44%, #c7d3f1 100%);
padding: 40px;
}
.counter-wrap{
	margin-right: -120px;
	z-index: 1;
	position: relative;
}
.progress-section .counter{
	background: #fff;
	box-shadow: 5px 8px 30px 0px rgb(0 0 0 / 8%);
	padding: 35px 10px;
	border-radius: 7px;
}
.progress-section .counter h1{
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
	color: #ff5a5f;
}
.progress-section .counter h1:after{
	content: 'K';
}
.progress-section .counter p{
	margin-bottom: 0;
	text-align: center;
	font-weight: 500;
	margin-top: 4px;
	color: #626262;
}
.progress-section img{
	border-radius: 10px;
	height: 450px;
	object-fit: cover;
}
.get-started{
	padding: 60px 0;
}
.gs-wrap{
	background: linear-gradient(160deg, #ff5a5f 0%, #5d1a6a 100%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 45px 30px;
	border-radius: 15px;
}
.gs-wrap .common-heading{
	color: #fff;
	font-size: 42px;
	margin-bottom: 0;
}
.register-btn{
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #FF5A5F;
	border-style: solid;
	border-width: 2px;
	border-color: #FF5A5F;
	border-radius: 7px;
	padding: 15px 25px 15px 30px;
}
.register-btn i{
	margin-left: 5px;
}
.register-btn:hover{
	background: #fff;
	color: #FF5A5F;
}
.earning{
	background: #FF5A5F;
	padding: 80px 0px 55px 0px;
	position: relative;
	z-index: 1;
}
.earning .svg{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.4;
}
.earning p{
	text-align: center;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 400;
}
.earning h2{
	color: #fff;
	font-size: 50px;
	font-weight: 800;
	text-align: center;
	line-height: 1.3;
}
.earn-box{
/*	box-shadow: 9px 11px 14px 0px rgb(0 0 0 / 10%);*/
/*	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;*/
margin-bottom: 25px;
padding: 32px 10px;
background: #fff;
text-align: center;
border-radius: 7px;
}
.earn-box img{
	width: 70px;
	margin-bottom: 15px;
}
.earn-box h3{
	color: #5D1A6A;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0;
}

.partner{
	padding: 70px 0 60px;
}
.partner h2{
	margin-bottom: 10px;
}
.partner p{
	font-size: 16px;
	color: #626262;
	margin-bottom: 0;
}
.partner-logos{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.logo-box{
	width: 31%;
	background: #fff;
	box-shadow: 9px 11px 12px 0 rgb(0 0 0 / 7%);
	transition: 0.3s;
	margin-right: 13px;
	margin-bottom: 13px;
	text-align: center;
	transition: 0.3s;
	padding: 15px 25px;
	border-radius: 7px;
	overflow: hidden;
}
.logo-box:hover{
	box-shadow: 9px 11px 14px 0 rgb(0 0 0 / 10%);
}
.logo-box img{
	width: 65%;
	transition: 0.3s;
}
.logo-box:hover img{
	transform: scale(1.06);
}

.testimonials{
	background: #dee2eb;
	padding: 60px 0 50px;
	overflow: hidden;
}
.testimonials .swiper{
	display: flex;
	margin-left: -20px;
	margin-right: -20px;
	padding: 0 20px;
}
.testimonials h2{
	margin-bottom: 10px;
	text-align: center;
}
.testimonials p{
	margin-bottom: 10px;
	text-align: center;
	color: #6E6E6F;
	font-size: 15px;
}
.testimonial-box{
	background: #fff;
	padding: 15px;
	text-align: center;
	box-shadow: 9px 11px 20px 0 rgb(0 0 0 / 5%);
	border-radius: 5px;
	margin:20px 0;
	border-bottom: 4px solid #fff;
	transition: 0.3s;
	min-height: auto;
}
.testimonial-box:hover{
	border-color: #ff5a5f;
}
.testimonial-box img{
	width: 55px;
	margin-bottom: 5px;
	opacity: 0.6;
}
.testimonial-box p{
	font-size: 16px;
	min-height: 120px;
}
.testimonial-box .divider{
	background: #FF5A5F;
	width: 40px;
	height: 2px;
	margin:10px auto;
}
.testimonial-box strong{
	color: #5D1A6A;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0px;
}

.contact{
/*	background: linear-gradient(#00000030,#00000030), url(../images/banner2.jpg);
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;*/
	padding: 70px 200px;
}
.contact-wrap{
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 5px 30px rgb(0 0 0 / 8%);
	padding: 30px;
}
.contact-img{
	border-radius: 7px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(100% 1056.25% at 0% 0%, #e3c1d59e 0%, #e2def7 20.44%, #c7d3f1 100%);
}
.contact-img img{
	width: 75%;
}
.contact h2{
	text-align: left;
	color: #626262;
	margin-bottom: 0;
	font-size: 40px;
}
.contact p{
	margin-bottom: 10px;
	text-align: center;
	color: #fff;
	font-size: 15px;
}
.contact .form-control{
	border-radius: 5px;
	font-size: 15px;
	height: 45px;
}
.contact textarea{
	min-height: 120px;
}
.contact .form-control:focus{
	box-shadow: none;
	border-color: #ced4da;
}
.contact .submit-btn{
	background: #ff5a5f;
	border: 2px solid #ff5a5f;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 25px;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
}
.contact .submit-btn:hover{
	background: #fff;
	color: #FF5A5F;
}

footer{
	background: #521A5D;
	padding: 35px 0 25px;
}
.footer-heading{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px;
	text-transform: uppercase;
}
footer p{
	font-size: 15px;
	color: #fff;
	text-align: justify;
	margin-bottom: 0;
}
.footer-info{
	color: #fff;
	display: flex;
	align-items: top;
	font-size: 15px;
	margin-bottom: 20px;
}
.footer-info:hover{
	color: #fff;
	text-decoration: none;
}
.footer-info i{
	color: #FF5A5F;
	padding-right: 15px;
	font-size: 20px;
}
.social-icon{
	height: 40px;
	min-width: 40px;
	border:2px solid #FF5A5F;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
	border-radius: 50%;
	color: #fff !important;
	text-decoration: none !important;
}
.mt-140px{
	margin-top: 140px;
}
.bg-light-row{
	align-items: center;
	background: #ffffff24;
	border-radius: 5px;
	padding: 10px 15px;
	margin:20px 0 0 0;
}
.bg-light-row h5{
	margin-bottom: 0;
	color: #fff;
	margin-left: -10px;
}
.login-section{
	box-shadow: 0 5px 30px rgb(0 0 0 / 9%);
	border-radius: 7px;
	width: 75%;
	overflow: hidden;
	margin-bottom: 3rem;
}
.form-left-side{
	background: #ff5a5f;
	padding:30px 30px;
	min-height: 450px;
}
.form-left-side h3{
	color: #fff;
	text-align: center;
	line-height: 1.22;
}
.form-left-side img{
	width: 50px;
}
.login-form{
	padding:30px 30px;
	min-height: 450px;
}
.login-form p{
	font-size: 13px;
}
.h3-heading{
	font-size: 26px;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #626262;
}
.login-form .heading{
	color: #000;
	font-size: 25px;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-weight: bold;
}
.login-form .form-group{
	margin-bottom: 12px;
}
.login-form label{
	font-size: 13px;
	margin: 0;
	padding: 0;
	font-weight: 500;
	color: #626262;
}
.login-form .form-control{
	font-size: 13px;
	height: 45px;
	border-radius: 5px;
}
.login-form .form-control:focus{
	box-shadow: none;
	border-color: #ff5a5f;
}
.login-form .f-login-btn{
	background: #ff5a5f;
	border: 2px solid #ff5a5f;
	color: #fff;
	text-transform: uppercase;
	padding: 12px 25px;
	border-radius: 5px;
	font-weight: 500;
	transition: 0.3s;
	box-shadow: none !important;
	font-size: 14px;
	margin-top: 12px;
}
.login-form .f-login-btn:hover{
	background: #fff;
	color: #ff5a5f;
}
.login-form .resend-otp{
	display: inline-block;
	text-align: right;
	padding: 0;
	box-shadow: none !important;
	text-decoration: underline;
	font-size: 15px;
	color: #ff4b52;
}
.sgn-msg{
	font-size: 15px;
}
.login-form #ajaxMsg{
	font-size: 14px;
	display: block;
	text-align: center;
	margin-top: 20px;
}
.login-form #invalid-msg{
	font-size: 14px;
	display: block;
	text-align: center;
	margin-top: 20px;
}
.shadow{
	box-shadow: 0 5px 30px rgb(0 0 0 / 14%) !important;
}
.ovr-flw{
	overflow:hidden;
}
.w-70{
	width: 70%;
}
@media(max-width: 992px){	
	.logo-box{
		width: 29%;
		padding: 7px 25px;
	}
	.logo-box img{
		width: 80%;
	}
	.contact{
		padding: 70px 20px;
	}
	.login-section{
		width: 100%;
	}
}
@media(max-width: 768px){
	.navbar-nav{
		align-items: flex-start;
	}
	.navbar .nav-item.active .nav-link{
		margin-top: 10px;
	}
	.navbar .nav-item .nav-link{
		display: block;
		padding: 8px 15px;
	}
	.login-btn{
		padding: 10px 45px;
	}
	.w-70{
		width: 100%;
	}
	.navbar-brand{
		margin-right: 0;
	}
	.navbar-toggler:focus{
		outline: none;
		border:0;
		box-shadow: none;
	}
	.common-heading{
		font-size: 30px;
	}
	.banner{
		justify-content: center;
		align-items: center;
		text-align: center;
		min-height: auto;
		padding-bottom: 60px;
	}
	.banner .banner_heading{
		font-size: 50px;
	}
	.banner img{
		width: 70%;
		margin-top: 25px !important;
	}
	.about{
		padding-bottom: 50px;
	}
	.about-wrap{
		padding: 20px;
	}
	.about .about-wrap p{
		font-size: 16px;
	}
	.counter-wrap{
		margin-right: 0;
		padding: 15px 0;
	}
	.progress-section{
		padding: 20px 5px 5px;
	}
	.progress-section .counter{
		margin-bottom: 15px;
	}
	.get-started {
		padding: 30px 0;
	}
	.get-started .gs-wrap{
		flex-direction: column;
		justify-content: center;
		padding: 25px;
	}
	.gs-wrap .common-heading{
		font-size: 30px;
		margin-bottom: 10px;
	}
	.get-started h2{
		margin-bottom: 10px;
	}
	.earning{
		padding: 40px 0;
	}
	.earning .svg{
		object-fit: cover;
	}
	.earn-box{
		margin-bottom: 15px;
	}
	.earning h2{
		font-size: 30px;
		margin-bottom: 15px;
		text-align: center !important;
	}
	.partner{
		padding: 40px 0 30px;
	}
	.partner h2{
		font-size: 30px;
		text-align: center;
	}
	.partner p{
		text-align: center;
		margin-bottom: 15px;
	}
	.logo-box{
		width: 29%;
		padding: 0 5px;
	}
	.testimonials{
		padding: 40px 0 30px;
	}
	.testimonials .swiper{
		padding: 0;
		margin:0;
	}
	.testimonials h2{
		margin-bottom: 0;
	}
	.contact{
		padding: 40px 0;
	}
	.contact-wrap{
		padding: 15px;
	}
	.contact-img{
		display: none;
	}
	.contact h2{
		font-size: 30px;
		margin-bottom:10px;
	}
	footer{
		padding-top: 5px;
	}
	.footer-heading{
		margin-top: 25px;
		margin-bottom: 7px;
	}
}