body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	color: #022425;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
}

html {
	scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Noto Serif", serif;
}

section {
	padding: 50px 0px;
}

.spacer {
	height: 40px;
	display: block;
}

.color {
	color: #5BA228;
}

.color-2 {
	color: #CAF948;
}

.color-dark {
	color: #022425;
}

.font-primary {
	font-family: "Noto Serif", serif;
}

.font-secondary {
	font-family: "Open Sans", sans-serif;
}

.b-radius-15 {
	border-radius: 15px;
}

.heading {
	font-size: 22px;
	line-height: 27px;
}

.sub-heading {
	font-size: 16px;
	line-height: 21px;
}

.heading-4 {
	font-size: 22px;
	line-height: 27px;
}

.heading-5 {
	font-size: 18px;
	line-height: 22px;
}

.heading-up {
	font-size: 10px;
}

p {
	font-size: 12px;
	line-height: 18px;
}

.link {
	color: #022425;
	font-size: 13px;
	line-height: 14px;
	font-weight: 300;
}

/*Gradient Background*/
.bg-gradient {
	background: #CAF948;
	background: linear-gradient(110deg, rgba(202, 249, 72, 1) 0%, rgba(93, 194, 122, 1) 100%) !important;
}

.bg-color-1 {
	background-color: #caf947;
}

/*Button*/
button:focus,
a.button:focus {
	outline: none !important;
	box-shadow: none !important;
}

button.button,
a.button {
	color: #022425;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	padding: 15px 25px;
	border: 0px;
	border-radius: 27px;
	text-align: center;
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	vertical-align: baseline;
	transition: .3s all ease-in;
}

.button.bg-color-1:hover {
	background-color: #5DC27A !important;
	color: #fff;
}

.button.button-border {
	border: 1px solid #022425 !important;
	transition: .3s all ease-in;
	color: #022425;
	background: transparent;
}

.button.button-border:hover {
	background-color: #022425 !important;
	color: #fff;
}

/* Footer  */
.footer {
	background-image: url('../images/footer-bg-mobile.webp');
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	width: 100%;
	padding: 151px 0px;
	margin-top: -120px;
}

footer.footer .f-link {
	font-size: 14px;
}

footer.footer .f-link-2 {
	font-size: 12px;
}

footer.footer .copy-right {
	font-size: 12px;
}

.start-quiz {
	bottom: 40px;
	right: 20px;
	z-index: 10;
}

.start-quiz img {
	width: 112px;
	height: 112px;
}

@media (min-width: 1280px) {
	.container {
		max-width: 1240px;
	}
}

@media (min-width: 768px) {

	.w-xl-70 {
		width: 70% !important;
	}

	.w-xl-75 {
		width: 75% !important;
	}

	.w-xl-80 {
		width: 80% !important;
	}

	.w-xl-85 {
		width: 85% !important;
	}

	.w-md-70 {
		width: 70% !important;
	}

	.w-md-75 {
		width: 75% !important;
	}

	.w-md-80 {
		width: 80% !important;
	}

	.w-md-85 {
		width: 85% !important;
	}

	section {
		padding: 80px 0px;
	}

	.spacer {
		height: 60px;
		display: block;
	}

	.heading {
		font-size: 55px;
		line-height: 69px;
	}

	.heading-4 {
		font-size: 36px;
		line-height: 45px;
	}

	.heading-5 {
		font-size: 30px;
		line-height: 36px;
	}

	.sub-heading {
		font-size: 21px;
		line-height: 28px;
	}

	.heading-up {
		font-size: 16px;
	}

	p {
		font-size: 16px;
		line-height: 22px;
	}

	button.button,
	a.button {
		font-size: 16px;
		line-height: 20px;
	}

	/* Footer  */
	.footer {
		background-image: url('../images/footer-bg.webp');
		background-position: top center;
		padding: 151px 0px;
		margin-top: -80px;
	}

	footer.footer .f-link {
		font-size: 18px;
	}

	footer.footer .f-link-2 {
		font-size: 15px;
	}

	footer.footer .copy-right {
		font-size: 15px;
	}

	.start-quiz {
		bottom: 50px;
	}

	.start-quiz img {
		width: 161px;
		height: 161px;
	}
}