@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0 !important;
	background-color: #fff;
	overflow-x: hidden;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	word-wrap: break-word;
	transition: .3s all ease-in-out;
}

::marker {
	font-weight: 800;
}

dl,
ol,
ul {
	margin-bottom: 0;
}

a,
p,
button,
svg,
span,
input[type="button"],
input[type="submit"],
.card {
	text-decoration: none !important;
	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;
}

p,
a,
li,
button,
input {
	color: #fff;
	margin: 0;
	font: 400 16px/26px 'Mulish', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: 'Mulish', sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #fff;
	margin: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: 400;
	font-family: 'Mulish', sans-serif;
}

.text-wrapper p:not(:last-child) {
	margin-bottom: 25px;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.xl-heading {
	font-size: 70px;
	line-height: 1.2;
}

.md-heading {
	font-size: 60px;
	line-height: 1.2;
}

.sm-heading {
	font-size: 50px;
	line-height: 1.2;
}

h1,
.h1 {
	font-size: 40px;
	line-height: 1.4;
}

h2,
.h2 {
	font-size: 35px;
	line-height: 1.4;
}

h3,
.h3 {
	font-size: 30px;
	line-height: 1.3;
}

h4,
.h4 {
	font-size: 24px;
	line-height: 1.4;
}

h5,
.h5 {
	font-size: 22px;
	line-height: 1.4;
}

h6,
.h6,
.md-txt {
	font-size: 20px;
	line-height: 1.8;
}

.sm-txt {
	font-size: 18px;
	line-height: 1.2;
}

.f-900 {
	font-weight: 900;
}

.f-800 {
	font-weight: 800;
}

.f-700 {
	font-weight: 700;
}

.f-600 {
	font-weight: 600;
}

.f-500 {
	font-weight: 500;
}

.f-400 {
	font-weight: 400;
}

.f-300 {
	font-weight: 300;
}

.f-200 {
	font-weight: 200;
}

.f-100 {
	font-weight: 100;
}

.f-italic {
	font-style: italic;
}

.f-uppercase {
	text-transform: uppercase;
}

a:hover {
	color: #fff;
}

.container-fluid {
	max-width: 1920px;
}

::before,
::after {
	content: "";
	display: none;
}

.custom-wrapper {
	width: 100%;
	margin: 0 auto;
	z-index: 1;
	max-width: 1340px;
}

.content-wrapper {
	margin: 0 auto;
	width: 100%;
}

.flex-elem {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}

.grad-txt {
	background: #3847ef;
	background: -moz-linear-gradient(left, #3847ef 0%, #38c2c2 50%, #46d05c 100%);
	background: -webkit-linear-gradient(left, #3847ef 0%, #38c2c2 50%, #46d05c 100%);
	background: linear-gradient(to right, #3847ef 0%, #38c2c2 50%, #46d05c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3847ef', endColorstr='#46d05c', GradientType=1);
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	max-width: max-content;
}

.shadow-dreamy {
	box-shadow: 0 1px 2px rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 7%), 0 4px 8px rgb(0 0 0 / 7%), 0 8px 16px rgb(0 0 0 / 7%), 0 16px 32px rgb(0 0 0 / 7%), 0 32px 64px rgb(0 0 0 / 7%);
}

/* cockie styles*/
.wrap {
	position: fixed;
	z-index: 2000;
	right: 18px;
	bottom: 18px;
	max-width: 220px;
	background: rgba(63, 61, 57, .9);
	padding: 18px;
}

.wrappara {
	font-size: 11px;
	line-height: 20px;
	color: #fff;
}

.wrap .my_btn {
	width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 11px;
	font: 700 16px/16px 'Poppins';
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #20cec4;
	border-radius: 5px;
}

.wrap .my_btn:hover {
	background: #20cec4;
	color: #fff !important;
}

.wrap a {
	font-size: 14px;
}

/* end cockie styles*/

.img-fluid {
	display: block;
}

/*Header Start*/
.main-header .top-header .warn {
	display: none;
}

.main-header {
	display: block;
}

.top-header {
	padding: 18px 0;
	background: #D6252A;
}

.top-header .custom-wrapper,
.bottom-header .custom-wrapper {
	max-width: 1080px;
	margin: 0 auto;
}

.top-header .btn-wrapper {
	background: #FFD500;
	border-radius: 11px;
	padding: 10px 20px;
}

.bottom-header {
	background: #77B2FF;
	padding: 12px 0;
}

.bottom-header .steps {
	display: flex;
	align-items: center;
	height: 50px;
	background: #98C5FF;
	padding: 0 14px;
	border-radius: 100px;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
}

.bottom-header .steps img {
	width: 35px;
}


@media screen and (max-width: 1199.98px) {

	.top-header .custom-wrapper,
	.bottom-header .custom-wrapper {
		max-width: 1030px;
	}
}

@media screen and (max-width: 1024.98px) {

	.top-header .custom-wrapper,
	.bottom-header .custom-wrapper {
		max-width: 930px;
	}
}

@media screen and (max-width: 991.98px) {
	.main-header {
		display: none;
	}

	.top-header .custom-wrapper,
	.bottom-header .custom-wrapper {
		max-width: 90%;
	}

	.main-header .bottom-header .d-flex {
		display: unset !important;
	}

	.bottom-header .steps {
		flex: 0 0 100%;
		max-width: 300px;
		margin: 0 auto;
	}

	.bottom-header .steps:not(:last-child) {
		margin-bottom: 15px;
	}

	.bottom-header .arrow {
		display: none;
	}
}

@media screen and (max-width: 767.98px) {

	.top-header .custom-wrapper,
	.bottom-header .custom-wrapper {
		max-width: 95%;
	}
}

@media screen and (max-width: 640.98px) {

	.top-header p,
	.bottom-header p.md-txt {
		font-size: 12px;
	}

	.top-header a.h4 {
		font-size: 18px;
	}
}

@media screen and (max-width: 575.98px) {
	.top-header p {
		text-align: center;
	}

	.top-header .wrapper {
		flex-wrap: wrap;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.top-header .wrapper .img-wrapper {
		margin-bottom: 20px;
	}

	.top-header a.h4 {
		margin: 0 auto;
	}

	.top-header .wrapper .img-wrapper,
	.top-header .wrapper .text-wrapper {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.top-header .d-flex {
		flex-wrap: wrap;
	}

	.top-header .d-flex .wrapper {
		margin-bottom: 10px;
	}

	.bottom-header .steps {
		flex: 0 0 100%;
		max-width: 280px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 360.98px) {
	.bottom-header p {
		font-size: 13px;
	}
}

/*Header end*/


/* =============================================================== */

/* Content Style Start */

/* Banner Start */
.banner {
	padding: 30px 15px 60px;
	background: #4e016f;
	background: -moz-linear-gradient(45deg, #4e016f 0%, #002256 100%);
	background: -webkit-linear-gradient(45deg, #4e016f 0%, #002256 100%);
	background: linear-gradient(45deg, #4e016f 0%, #002256 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e016f', endColorstr='#002256', GradientType=1);
}

.banner .title-area {
	margin: 25px auto 45px;
	max-width: 670px;
}

.banner .title-area h1 {
	font-size: 136px;
	line-height: 1;
	margin-bottom: 20px;
}

.banner .title-area h2 {
	margin-bottom: 50px;
}

.banner .vid-wrapper {
	max-width: 900px;
	padding: 8px;
	background: #DB89FF;
	margin: 0 auto 50px;
}

.banner .list {
	max-width: 1180px;
	margin: 60px auto 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.banner li u {
	font-weight: 700;
	background: #e1fe9d;
	color: #0c183b;
	padding: 0 5px;
}

.banner li img {
	flex: 0 0 auto;
	margin-right: 20px;
}

.banner li {
	flex: 0 0 50%;
	max-width: 46%;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.banner .wrapper {
	max-width: 845px;
	margin: 0 auto 60px;
}

.s4 .btn-wrapper,
.btn-sec .btn-wrapper {
	max-width: 845px;
	margin: 60px auto 0;
}

.banner .wrapper h3.f-800,
.s4 .btn-wrapper h3.f-800,
.btn-sec .btn-wrapper h3.f-800 {
	max-width: 720px;
	margin: 0 auto;
}

.banner .sb {
	border: 4px solid #00F2FE;
	max-width: max-content;
	margin: 30px auto;
	padding: 25px 30px;
	border-radius: 12px;
}

.banner .wrapper a {
	background: #2f64e1;
	background: -moz-linear-gradient(left, #2f64e1 0%, #5fe9ff 50%, #2f64e1 100%);
	background: -webkit-linear-gradient(left, #2f64e1 0%, #5fe9ff 50%, #2f64e1 100%);
	background: linear-gradient(to right, #2f64e1 0%, #5fe9ff 50%, #2f64e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f64e1', endColorstr='#2f64e1', GradientType=1);
	width: 100%;
	display: block;
	border-radius: 11px;
	padding: 24px 0;
	background-size: 200% auto;
	margin: 20px 0;
}

.banner .wrapper a:hover,
.s4 .btn-wrapper a:hover,
.btn-sec .btn-wrapper a:hover {
	background-position: right;
}

/* Section 1 Start */
.s1 {
	background: #A451FF;
	padding: 70px 0;
}

.s1 .title-area {
	margin-bottom: 100px;
}

.s1 .row:not(:last-child) {
	margin-bottom: 100px;
}

.s1 .wrapper {
	display: flex;
	align-items: end;
	justify-content: space-between;
	max-width: 1130px;
	margin: 0 auto;
}

.s1 .wrapper .img-wrapper {
	transform: scale(1.45);
	transform-origin: left bottom;
	z-index: 1;
}

.s1 .wrapper .text-wrapper {
	padding: 40px 70px 40px 130px;
	background: #1545CA;
	border-radius: 12px;
	max-width: 900px;
	margin: 100px auto 0;
	border: 6px solid #2EF9FF;
}

/* Section 2 Start */


/* Section 3 Start */
.s4 .btn-wrapper a,
.btn-sec .btn-wrapper a {
	background: #2f64e1;
	background: -moz-linear-gradient(left, #2f64e1 0%, #5fe9ff 50%, #2f64e1 100%);
	background: -webkit-linear-gradient(left, #2f64e1 0%, #5fe9ff 50%, #2f64e1 100%);
	background: linear-gradient(to right, #2f64e1 0%, #5fe9ff 50%, #2f64e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f64e1', endColorstr='#2f64e1', GradientType=1);
	display: block;
	text-align: center;
	padding: 24px 0;
	border-radius: 12px;
	background-size: 200%;
}

/* Section 4 Start */
.s4 {
	background: #270D5A;
	padding: 70px 0;
}

.s4.v2 {
	background: #F9EBFF;
}

.s4.v2 * {
	color: #0C183B;
}

.s4 h2.xl-heading {
	max-width: 1025px;
	margin: 0 auto 60px;
}

.s4 .title-area {
	max-width: 850px;
	margin: 0 auto 40px;
	border: 4px solid #BB99FF;
	border-radius: 12px;
	padding: 25px 30px;
}

.s4.v3 .wrapper:nth-child(3) .img-wrapper {
	transform: scale(1.1);
	transform-origin: right;
}

.s4.v2 .wrapper:nth-child(2) .img-wrapper {
	transform: scale(1.1);
	transform-origin: left;
}

.s4.v1 .wrapper:nth-child(1) .img-wrapper {
	transform: scale(1.6);
	transform-origin: left;
}

.s4 .wrapper:not(:last-child) {
	margin-bottom: 160px;
}

.s4 .colmn li:not(:last-child) {
	margin-bottom: 25px;
}

.s4 .colmn li {
	padding-left: 50px;
}

.s4 .colmn li:before {
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	background: url(../images/checkbox.png) no-repeat center;
	left: 0;
	top: 6px;
}

.s4 .btn-wrapper a {
	background: #2f64e1;
	background: -moz-linear-gradient(left, #2f64e1 0%, #5fe9ff 50%, #2f64e1 100%);
	background: -webkit-linear-gradient(left, #2f64e1 0%, #5fe9ff 50%, #2f64e1 100%);
	background: linear-gradient(to right, #2f64e1 0%, #5fe9ff 50%, #2f64e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f64e1', endColorstr='#2f64e1', GradientType=1);
	background-size: 200%;
}

/* Section 5 Start */
.s5 {
	background: #F9EBFF;
	padding: 70px 0;
}

.s5 * {
	color: #0C183B;
}

.s5 .title-area {
	max-width: 810px;
	margin: 0 auto 70px;
}

.s5 .title-area p.md-txt {
	max-width: 630px;
}

.s5 .row {
	align-items: center;
}

.s5 .row:not(:last-child) {
	margin-bottom: 80px;
}

/* Section 6 Start */


/* Section 7 Start */
.s7 {
	padding: 70px 0;
	background: #1A1B1B;
}

.s7 .time-wrap {
	padding-top: 16%;
	border: 2px solid #2EF9FF;
	max-width: 930px;
	margin: 0 auto;
	border-radius: 12px;
	overflow: hidden;
}

.s7 .time-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(1.6);
	transform-origin: top;
}

.s7 .title-area {
	max-width: 1090px;
	margin: 0 auto 50px;
}

.s7 .tbl {
	max-width: 800px;
	margin: 0 auto;
	background: #6034A9;
	padding: 4px;
	border-radius: 24px;
}

.s7 .tbl-head {
	padding: 40px 0;
}

.s7 .tbl-body {
	background: #1A1B1B;
	padding: 45px 60px;
	border-radius: 0px 0px 22px 22px;
}

.s7 .tbl-body .wrapper {
	margin: 50px 0;
}

/* .s7 .fab {
	padding: 0 100px;
} */

.s7 ul li:not(:last-child) {
	margin-bottom: 20px;
}

.s7 ul li:before {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	background: url(../images/tbl-check.png) no-repeat center;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.s7 ul li {
	padding-left: 50px;
}

/* Section 8 Start */
.s8 {
	background: #270D5A;
	padding: 70px 0;
}

.s8 .title-area {
	margin-bottom: 75px;
}

.s8 .title-area.text-wrapper {
	max-width: 810px;
	margin: 0 auto 70px;
}

.s8 .title-area.text-wrapper p.md-txt {
	max-width: 630px;
}

.s8 h3.h1 span {
	background: #498DF2;
	padding: 10px 25px;
	border-radius: 6px;
}

.s8 .row:not(:last-child) {
	margin-bottom: 85px;
}

/* Button Section Start */
.btn-sec {
	background: #081B38;
	padding: 80px 15px;
}

.btn-sec.v3 .no-thanks {
	max-width: 800px;
	text-align: center;
	margin: 60px auto 0;
}

/* Section 27 Start */
.s9 {
	background: #F9EBFF;
	padding: 70px 15px;
}

.s9 * {
	color: #2A1055;
}

.s9 .content-wrapper {
	max-width: 835px;
}

.s9 .wrapper:not(:last-child) {
	margin-bottom: 60px;
}

.s9 .title-area {
	margin-bottom: 75px;
}

.s9 .a {
	background: #F7C0FF;
	border-radius: 12px;
	padding: 45px 40px;
	margin-top: 25px;
	height: 240px;
	display: flex;
	align-items: center;
}

.s9 .q span.q {
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #BB99FF;
	border-radius: 100px;
	color: #fff;
	margin-right: 18px;
}

.s9 .q h4 {
	display: flex;
	align-items: center;
}

.s9 .a:before {
	content: "A";
	font-size: 14px;
	font-weight: 700;
	background: #49D7DB;
	display: flex;
	border-radius: 100px;
	color: #fff;
	position: absolute;
	left: -16px;
	width: 32px;
	text-align: center;
	height: 32px;
	align-items: center;
	justify-content: center;
	border: 3px solid #fff;
}

/* Section 27 End */

/* Content Style End */

/* =============================================================== */


/* Disclaimer Start */
#disclaimer {
	padding: 60px 15px;
}

.font-dusty-gray {
	color: #9a9a9a;
}

#disclaimer p,
#disclaimer a {
	font-size: 12px;
	line-height: 1.8;
}

#disclaimer .copyright {
	font-size: 14px;
	display: unset;
	text-transform: unset;
	letter-spacing: unset;
	font-weight: 700;
}

#disclaimer a.copyright:hover {
	color: #046ded !important;
}

#disclaimer .content-wrapper {
	max-width: 680px;
}

.font-dusty-gray {
	color: #9a9a9a !important;
}

#disclaimer p,
#disclaimer a {
	font-size: 12px;
	font-family: 'Poppins', sans-serif;
}

/* Disclaimer End */

/* Footer Start */
#footer-section li {
	padding: 0 20px;
}

#footer-section ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.flex-elem {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}

#footer-section li a {
	color: #000;
	font-size: 14px;
	font-family: 'Poppins';
}

#footer-section li a:hover {
	color: #046ded !important;
}

#footer-section {
	padding: 30px;
}

#footer-section {
	padding: 30px;
	background: #fafafa;
}

@media screen and (max-width: 1280.98px) {
	#disclaimer {
		padding: 50px 0;
	}

	#footer-section .custom-wrapper {
		max-width: 100%;
	}
}

@media screen and (max-width: 1024.98px) {
	#footer-section li a {
		font-size: 12px;
	}
}

@media screen and (max-width: 991.98px) {
	#footer-section li {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
		padding: 5px 0px;
		border: none !important;
	}

	#footer-section li a {
		font-size: 12px;
	}
}

@media screen and (max-width: 575.98px) {
	#disclaimer p {
		font-size: 12px;
		line-height: 1.8;
	}
}

@media screen and (max-width: 440.98px) {
	#disclaimer .copyright {
		font-size: 12px;
	}

	#disclaimer p {
		font-size: 10px;
	}

	#footer-section {
		padding: 20px 15px;
	}

	#footer-section li {
		padding: 0px 0px;
	}
}

/* Footer End */