@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');

html {
	overflow-x: hidden;
}

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 'Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: 'Montserrat', 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: 'Poppins', sans-serif;
}

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

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

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

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

.sm-heading {
	/* font-size: 50px; */
	line-height: 1.2;
}
.font-xl {
	font-size: 80px;
	line-height: 1.2;
}
.font-md {
	/* font-size: 65px; */
	line-height: 1.2;
}
.font-sm {
	font-size: 40px;
	line-height: 1.2;
}


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

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

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

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

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

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

.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: 1650px;
}

.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: linear-gradient(to bottom, rgba(0,255,186,1) 0%,rgba(0,211,255,1) 100%);
	-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: 1440.98px) {
	.top-header .sm-txt {
		font-size: 16px;
	}

	.top-header .btn-wrapper {
		font-size: 20px;
	}

	.bottom-header .steps p {
		font-size: 14px;
	}

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

	.top-header {
		padding: 12px 0;
	}

	.bottom-header {
		padding: 10px 0;
	}

	.bottom-header .steps {
		height: 45px;
		padding: 0 14px 0 6px;
	}
}


@media screen and (max-width: 1199.98px) {
	.top-header .sm-txt {
		font-size: 14px;
	}

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

	.top-header .btn-wrapper {
		font-size: 18px;
	}

	.bottom-header .steps p {
		font-size: 13px;
	}
}

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

}

@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 */

/*  */
#bottom-head-menu {
    background: linear-gradient(to right, rgba(79,0,132,1) 0%,rgba(11,0,18,1) 100%);
    display: block;
    width: 100%;
	z-index: 2;
}
#bottom-head-menu .colmn-2 .collapse {
    justify-content: space-around;
}
#bottom-head-menu .colmn-2 .collapse ul {
    /*width: 100%;*/
    width: 75%;
}
#bottom-head-menu .colmn-2 .collapse ul a {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
a:hover {
    color: #d75348;
}


.oceanic {
	font-family: 'Oceanic Drift';
}
.high-speed {
	font-family: 'High Speed';
}


/* .navbar {
	background: #000;
	padding: 15px;
	border-bottom: 5px solid transparent;
	border-image: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(150,0,255,1) 25%,rgba(150,0,255,1) 25%,rgba(255,0,255,1) 50%,rgba(161,0,255,1) 75%,rgba(0,0,0,1) 100%);
	border-image-slice: 1;
	display: block;
	width: 100%;
	z-index: 2;
}
.navbar li:not(:last-child) {
	margin-right: 40px;
}
.navbar .list {
    margin: 25px auto 0;
    justify-content: center;
}
.navbar li a:hover {
	color: #B66DFF !important;
}
.navbar .img-wrapper {
    max-width: 25%;
    margin: 0 auto;
} */
.stick-this {
    position: fixed;
    top: 0;
    background: rgba(0 0 0 / 50%);
}

/* banner */
/* .banner {
	background: url(../images/banner-bg.png) no-repeat center /cover;
	padding: 50px 15px 70px;
} */

.banner {
    background: linear-gradient(to bottom, #000000 0%,#22002fad 23%,#1108a217 48%,#4c1a5a 73%,#030c6bbf 100%), linear-gradient(120deg, #310049 0%,#4507f140 26%,#bb83deab 52%,#0903ce7d 80%,#02013d9c 100%), #000;
    padding: 40px 15px 30px;
    background-size: 200% 200%;
    background-position: 100% 100%;
    animation: gradient 4s ease infinite;
    overflow: hidden;
}
.banner .title-area {
    max-width: 1300px;
    margin: 0 auto;
}
.banner span.v1 {
    color: #D46FCF;
}
.banner span.v2 {
    background: #E9BA00;
    padding: 10px 20px 0;
    border-radius: 10px;
    max-width: max-content;
}
.banner p.h4 {
    border: 10px solid;
    border-image-slice: 1;
    border-width: 5px;
    border-image-source: linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(213,64,64,1) 0%,rgba(197,0,255,1) 100%);
    padding: 10px 15px;
    max-width: 1050px;
    margin: 25px auto;
}
.banner p.h5 {
    background: linear-gradient(to right, rgba(196,89,180,0.8) 0%,rgba(196,89,180,0.8) 25%,rgba(79,39,207,0.8) 75%,rgba(79,39,207,0.8) 100%);
    max-width: max-content;
    margin: 0 auto;
    padding: 10px 50px;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.banner .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    scale: 4;
    opacity: 0.25;
}

.banner .overlay.fade {
	animation: fade 5s ease infinite;
}

@keyframes fade {
	0% {
		opacity: 0.25!important;
		scale: 3;
		transform: rotate(120deg);
	}

	25% {
		opacity: 0.8!important;
		scale: 2;
		transform: rotate(240deg);
	}

	50% {
		opacity: 1!important;
		scale: 4;
		transform: rotate(360deg);
	}

	75% {
		opacity: 0.3!important;
		scale: 3;
		transform: rotate(240deg);
	}

	100% {
		opacity: 1!important;
		scale: 4;
		transform: rotate(120deg);
	}
}

.banner .divider-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.banner .vid-wrap {
	padding: 20px;
	/* background: linear-gradient(to bottom, rgba(212,0,255,1) 0%,rgba(71,151,231,1) 100%); */
	border-radius: 40px;
	margin: 40px auto 0;
	max-width: 1250px;
	overflow: hidden;
}

.banner .spin-grad {
	background: linear-gradient(to right, #d400ff 35%,#4797e7 65%);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 40px;
	animation: spingrad 3s linear infinite;
	scale: 2;
}

@keyframes spingrad {
	0% {
		transform: rotate(0deg);
	}

	16.6666% {
		transform: rotate(51.42deg);
	}

	32.6666% {
		transform: rotate(102.84deg);
	}

	48.6666% {
		transform: rotate(154.26deg);
	}

	64.6666% {
		transform: rotate(205.68deg);
	}

	80.6666% {
		transform: rotate(265.10deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.banner .inner-vid {
	border-radius: 30px;
	overflow: hidden;
	width: 100%;
}
/* btn-wrap */
.btn-wrap {
    padding: 15px 15px 40px;
    background: #fff;
}
.btn-wrap.v2 {
    padding: 50px 15px 0;
}
.btn-wrap.v5 {
    padding: 0;
    margin-top: 70px;
}
.btn-wrap .custom-wrapper {
    max-width: 850px;
}
.btn-wrap a:hover {
    background-position: right;
}
.btn-wrap a {
    background: linear-gradient(to right, #727ee8 0%,#1d1cb1 50%,#727ee8 100%);
    margin: 20px auto;
    display: block;
    max-width: 100%;
    background-size: 200%;
    padding: 35px 15px;
    text-align: center;
    border-radius: 100px;
}

/* s1 */
.step {
	background: linear-gradient(to right, rgba(129,93,193,1) 0%,rgba(213,64,64,1) 100%);
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	max-width: max-content;
}
.s1 {
    padding: 15px 15px 70px;
}
.s1 .list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    background: #1C0030;
    padding: 45px;
    border-radius: 50px;
    max-width: 1500px;
    margin: 0 auto;
    justify-content: space-between;
}
.s1 li {
    display: flex;
    align-items: center;
    flex: 0 0 33.33%;
    max-width: 31%;
}
.s1 li .img-wrapper {
    flex: 0 0 auto;
    margin-right: 25px;
}
.s1 li:hover .img-wrapper::before {
    opacity: 1;
    transform: scale(1.3);
    transition: .3s ease;
}

.s1 li .img-wrapper:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #D400FF;
    border-radius: 20px;
    opacity: 0;
    transition: .3s ease;
}

/* s2 */
.s2 {
    padding: 70px 15px;
    background: linear-gradient(to right, rgba(79,0,132,1) 0%,rgba(11,0,18,1) 100%);
}
.s2.v1 {
    background: linear-gradient(to right, rgba(79,0,132,1) 0%,rgba(11,0,18,1) 100%);
}
.s2.v2 {
	background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(79,0,132,1) 100%);
}
.s2.v3 {
	background: #fff;
}
.s2.v3 p.h4 {
    color: #815DC1;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.s2.v3 p.h1 {
    color: #474747;
    text-shadow: 0 3px 6px rgb(0 0 0 /30%);
}
.s2.v3 .colmn-1 * {
	color: #000;
}
.s2 .custom-wrapper {
    max-width: 1400px;
}
.s2 .title-area {
    margin: 0 auto 70px;
}
.s2.v2 .title-area {
    max-width: 1000px;
}
.s2.v3 .title-area {
    max-width: 1100px;
    margin: 0 auto;
}
.s2.v1 span,
.s4 span,
.s19 span {
    color: #EB8BFF;
}
.s2.v2 span,
.s2.v3 span,
.s11 p.h1 span {
    background: #E9BA00;
    padding: 0 10px;
    border-radius: 10px;
}
.s2 h2.md-heading,
.s3 p.oceanic {
    letter-spacing: 3px;
}
.s2 li {
    padding-left: 45px;
    margin-bottom: 25px;
}
.s2 li:before {
    display: block;
    position: absolute;
    height: 30px;
    width: 30px;
    left: 0;
    background: url(../images/x-button.png) no-repeat center /cover;
}
.s2 .f1 {
    top: 200px;
    left: 280px;
}

/* s3 */
.s3 {
    padding: 70px 15px 100px;
    background: linear-gradient(to bottom, rgba(79,0,132,1) 0%,rgba(0,0,0,1) 50%,rgba(79,0,132,1) 100%);
}
.s3 .custom-wrapper {
    max-width: 1300px;
}
.s3 p.oceanic {
    color: #EB8BFF;
}
/* .s3 .title-area p.h4 {
    color: #000;
} */
.s3 .title-area {
    margin: 0 auto 100px;
}
.s3 .content-wrapper {
    max-width: 1120px;
}
.s3 .content-wrapper .row:nth-child(odd) .text-wrapper {
    background: linear-gradient(to right, rgba(98,50,184,1) 0%,rgba(76,39,142,1) 85%,rgba(49,25,92,1) 100%);
    text-align: end;
    padding: 35px 40px;
    border-radius: 25px 0 0 25px;
}
.s3 .content-wrapper .row:nth-child(even) .text-wrapper {
    background:  linear-gradient(to right, rgba(49,25,92,1) 0%,rgba(76,39,142,1) 15%,rgba(98,50,184,1) 100%);
    padding: 35px 40px;
    border-radius: 0 25px 25px 0;
}
.s3 .img-wrapper {
    transform: scale(1.1);
}
.s3 .content-wrapper .row:nth-child(odd) .img-wrapper {
    transform-origin: 70% 50%;
}
.s3 .content-wrapper .row:nth-child(even) .img-wrapper {
    transform-origin: 30% 50%;
}
.s3 .row:not(:last-child) {
    margin-bottom: 100px;
}
.s3 img {
    filter: drop-shadow(0 0 16px rgba(0 0 0 /20%));
}
.s3 .f1 {
    top: 0;
    bottom: 0;
    margin: auto;
    left: -85px;
}
.s3 .f2 {
    right: -80px;
    top: 400px;
}
.s3 .f3 {
    bottom: 400px;
    right: -70px;
}


/* s4 */
.s4 {
    padding: 70px 15px 0;
    background: url(../images/s4-bg.png) no-repeat center /cover;
}
.s4 .title-area {
    margin: 0 auto ;
    max-width: 1000px;
}
/* .s4 .content-wrapper .img-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    transform: scale(0.9);
    transform-origin: 50% -10%;
} */

/* s5 */
.s5 {
    padding: 70px 15px;
    background: #000;
}
.s5:before {
    display: block;
    position: absolute;
    margin: auto;
    background: url(../images/s5-bg1.png) no-repeat center /cover;
    height: 1117px;
    width: 100%;
    /* scale: 0.8; */
    left: 0;
    right: 0;
    bottom: 0;
}
.s5 .custom-wrapper {
    max-width: 1450px;
}
.s5 .title-area {
    margin: 0 auto 50px;
    max-width: 950px;
}
.s5 .content-wrapper {
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px;
}
.s5 .row .text-wrapper {
    background: linear-gradient(to bottom, rgba(99,0,128,1) 0%,rgba(0,0,0,1) 100%);
    padding: 30px;
    border: 1px solid #fff;
    border-radius: 20px;
}
.s5 .colmn span {
    color: #E9BA00;
    font-weight: 700;
}
.s5 h2 {
    background: linear-gradient(135deg, rgba(129,93,193,1) 0%,rgba(213,64,64,1) 100%);
    max-width: max-content;
    margin: 0 auto 25px;
    padding: 0 20px;
    border-radius: 5px;
    line-height: 0.9;
    text-shadow: 0 3px 6px rgb(0 0 0 / 50%);
    letter-spacing: 5px;
}
.s5 .img-wrapper img {
    filter: drop-shadow(0 0 20px rgba(197 0 225/90%));
    /* height: 381px; */
}



/* s6 */
.floating-img img {
    position: absolute;
}

.floating-img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: auto;
}
.s6 {
    padding: 70px 15px;
    background: linear-gradient(to bottom, rgba(79,0,132,1) 0%,rgba(0,0,0,1) 50%,rgba(79,0,132,1) 100%);
}
.s6 .title-area {
    margin: 0 auto 70px;
    max-width: 1150px;
}
.s6 .title-area p.h4 {
    background: rgba(225 0 225/27%);
    border-radius: 18px;
    max-width: 750px;
    margin: 25px auto 0;
    padding: 10px;
}
.s6 .f1 {
    left: -100px;
    top: 420px;
    z-index: 1;
}
.s6 .f2 {
    right: -100px;
    top: 250px;
    z-index: 1;
}
.s6 .f3 {
    transform: scale(1.2);
    top: 600px;
}



/* s7 */
.s7 {
    padding: 70px 15px 120px;
    background: linear-gradient(to right, rgba(79,0,132,1) 0%,rgba(11,0,18,1) 80%,rgba(0,0,0,1) 100%);
}
.s7 .title-area {
    margin: 0 auto 70px;
}
.s7 .title-area p.h4 {
    color: #EB8BFF;
    letter-spacing: 8px;
}
.s7 .floating-img img {
    max-width: 350px;
}
.s7 .content {
    display: flex;
    flex-direction: column;
}
.s7 .content-wrapper:before {
    display: block;
    position: absolute;
    height: 98%;
    width: 100%;
    margin: auto;
    background: url(../images/s7-curve.png) no-repeat center /contain;
    transform: scale(1.2);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.s7 .row {
    max-width: 1140px;
}

.s7 .colmn {
    flex: 0 0 33.33%;
    max-width: 30%;
    text-align: center;
}
.s7 .row .colmn:nth-child(odd) p.h4 {
    background: linear-gradient(to bottom, rgba(197,0,255,1) 0%,rgba(99,0,128,1) 100%);
}
.s7 .row .colmn-2 p.h4 {
    background: linear-gradient(to bottom, rgba(255,0,204,1) 0%,rgba(128,0,102,1) 100%);
}
.s7 .row .colmn:nth-child(odd) p.h4,
.s7 .row .colmn-2 p.h4 {
    max-width: max-content;
    margin: 0 auto 25px;
    padding: 20px 50px;
    border-radius: 50px;
}
.s7 .content .img-wrapper {
    background: linear-gradient(to right, rgba(197,0,255,1) 0%,rgba(129,93,193,1) 100%);
    max-width: max-content;
    margin: 0 auto;
    padding: 40px;
    border-radius: 100%;
}
.s7 .f1 {
    top: 0;
    left: 0;
}
.s7 .f2 {
    right: 0;
    bottom: 0;
}

/* s8 */
.s8 {
    padding: 50px 15px;
}
.s8 .title-area {
    margin: 0 auto 70px;
}
.s8 p.h1 {
	color: #815DC1;
}
.s8 p.h4 {
	color: #2D2D2D;
}
.s8 .content-wrapper {
    max-width: 1150px;
}
.s8 .row:first-of-type {
    gap: 30px;
}
.s8 .colmn {
    flex: 0 0 50%;
    max-width: 48%;
    border: 3px solid #EB6F55;
    padding: 40px;
    border-radius: 20px;
    background: #151013;
}

/* s9 */
.s9 {
    padding: 50px 15px 0;
    background: url(../images/s9-bg.png) no-repeat center /cover;
}
.s9 .title-area {
    margin: 0 auto 70px;
}
.s9 p.h1 {
    background: #E9BA00;
    padding: 5px 20px;
    border-radius: 10px;
    max-width: max-content;
    margin: 0 auto 25px;
}
.s9 p.h4 {
    letter-spacing: 5px;
    color: #CCCCCC;
}
.s9 .vid-wrapper {
    padding: 15px;
    background: linear-gradient(to bottom, rgba(184,47,212,1) 0%,rgba(75,83,193,1) 100%);
    max-width: 950px;
    margin: 50px auto 0;
    border-radius: 25px;
    transform-origin: top;
    transform: scale(1.05);
}
.s9 .in-wrap {
    border-radius: 25px;
    overflow: hidden;
}

/* s10 */
.s10 {
    padding: 70px  15px;
}
.s10 .title-area {
    max-width: 1150px;
    margin: 0 auto 25px;
}
.s10 .title-area p.h1 {
    color: #815DC1;
	text-transform: uppercase;
}
.s10 .title-area p.h4 {
    color: #242424;
    margin-top: 25px;
}
.s10 .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 1375px;
    row-gap: 15px;
}
.s10 legend {
    max-width: max-content;
    margin: 0 auto;
    background: linear-gradient(to bottom, rgba(197,0,255,1) 0%,rgba(213,64,64,1) 100%);
    padding: 30px;
    border-radius: 40px;
    top: 50px;
}
.s10 fieldset p.h5 {
    max-width: max-content;
    margin: 25px auto;
    background: #D43B4E;
    padding: 10px 25px;
    font-weight: 700;
    border-radius: 50px;
}
.s10 .img-wrapper {
	flex: 0 0 auto;
}
.s10 img {
    filter: drop-shadow(0 3px 6px rgba(0 0 0/30%));
}
.s10 fieldset {
    background: linear-gradient(to bottom, rgba(52,0,88,1) 0%,rgba(10,0,18,1) 100%);
    flex: 0 0 33.33%;
    max-width: 30%;
    padding: 50px 40px 40px;
    border-radius: 45px;
    text-align: center;
}

/* s11 */
.s11 {
    padding: 70px 15px 0;
    background: #25003E;
	overflow: hidden;
}
.s11:before {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    margin: auto;
    background: radial-gradient(ellipse at 20% 50%, rgba(235,141,255,0.7) 0%,rgba(96,0,161,0.45) 35%,rgba(96,0,161,0) 100%);
}
.s11 .title-area {
    max-width: 1200px;
    margin: 0 auto 70px;
}
.s11 p.font-sm {
    max-width: 1000px;
    margin: 0 auto 25px;
}
.s11 p.font-sm span {
    background: #815DC1;
    padding: 0 10px;
    border-radius: 8px;
    line-height: 1.6;
}

/* s12 */
.s12 {
    padding: 70px 15px;
}
.s12 .custom-wrapper {
    max-width: 1480px;
}
.s12.v1 .f1 {
    top: 0;
    left: -720px;
    bottom: 0;
    margin: auto;
}
.s12.v1 .f2 {
    top: 0;
    right: -700px;
}
.s12.v1 .f3 {
    bottom: -100px;
    right: -640px;
}
.s12.v2,
.s12.v4 {
    background: linear-gradient(to bottom, rgba(79,0,132,1) 0%,rgba(0,0,0,1) 100%);
}
.s12.v1 *, .s12.v3 * {
    color: #444444;
}
.s12 .title-area {
    max-width: 1100px;
    margin: 0 auto 70px;
}
/* .s12 .title-area p.h1, */
.s12 .title-area b,
.s12 span,
.s13 .title-area p.h1,
.s15 .title-area p.h1,
.s15 .title-area u,
.s20 .title-area p.h1,
.s22 .title-area p.h1:first-of-type  {
    color: #A75AC2 !important;
}
.s12.v2 span,
.s12.v4 {
	color: #E18AFF !important;
}
.s12 .content-wrapper .row:not(:last-child) {
    margin-bottom: 50px;
}
.s12 .colmn-2 img {
    filter: drop-shadow(0 0 4px rgba(0 0 0/70%));
}

/* s13 */
.s13 {
    padding: 70px 15px;
}
.s13 .title-area {
    max-width: 950px;
    margin: 0 auto 70px;
}
.s13 .title-area span,
.s15 .title-area i {
    background: #FF72BD;
    color: #fff !important;
    padding: 0 10px;
    border-radius: 10px;
}	
.s13 .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1260px;
    row-gap: 30px;
    /* margin-bottom: 70px; */
}
.s13 .row {
    max-width: 1100px;
    margin: 0 auto;
    row-gap: 30px;
}
.s13 .vid-samples {
    padding-top: 56.25%;
    background: #333;
    border: 4px solid #7031b0;
    border-radius: 10px;
    overflow: hidden;
}
.s13 .vid-samples iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* s14 */
.s14 {
    padding: 70px 15px;
	background: #25003E;
	overflow: hidden;
}
.s14 .custom-wrapper {
    max-width: 1450px;
}
.s14.v2 {
    background: url(../images/s14-bg1.png) no-repeat center /cover;
}
.s14.v1 .colmn-2 .img-wrapper {
    transform: scale(1.1);
    transform-origin: 100% -50%;
}
.s14.v1:before ,
.s14.v6:before {
	display: block;
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    margin: auto;
}
.s14.v1:before {
    background: radial-gradient(ellipse at left, rgba(235,141,255,0.5) 0%,rgba(96,0,161,0) 60%);
}
.s14.v6:before {
    background: radial-gradient(ellipse at right, rgba(235,141,255,0.5) 0%,rgba(96,0,161,0) 60%);
}
.s14.v1 p.h1 {
    max-width: 900px;
    margin: 0 auto;
}
.s14.v1 .title-area span,
.s14.v5 .title-area span,
.s21 .title-area u,
.s22 .title-area span u {
    background: #FFB639;
    padding: 0 10px;
    max-width: max-content;
    border-radius: 10px;
}
.s14.v1 p.font-xl u {
    color: #FFB639;
}
.s14.v2 .title-area {
    max-width: 800px;
}
.s14.v2 .title-area span {
    background: #FFB639;
    padding: 0 10px 10px;
    max-width: max-content;
    border-radius: 10px;
}
.s14.v6 .title-area span,
.s16 .title-area span  {
    background: #FFB639;
    padding: 0 10px;
    max-width: max-content;
    border-radius: 10px;
}
.s14 .title-area {
    margin: 0 auto 70px;
}
.s14.v3,
.s14.v5 {
    background: #ffff;
}
.s14.v3 .title-area {
    max-width: 900px;
}
.s14.v3 *,
.s14.v5 *,
.s15.v1 * {
    color: #000;
}
.s14.v3 p.h1,
.s14.v5 p.h1 {
    color: #A75AC2;
}
.s14.v3 .title-area span {
    background: #FF72BD;
    color: #fff;
    padding: 0 10px;
    border-radius: 10px;
}
.s14.v4 {
    background: url(../images/s14-bg2.png) no-repeat center /cover;
}
.s14.v4 span {
    color: #E18AFF;
    display: flex;
}
.s14.v5 i {
    color: #fff;
}
.s14.v6 .title-area span {
    display: flex;
    margin: 0 auto;
}

/* s15 */
.s15 {
    padding: 70px 15px;
}
.s15 .title-area {
    margin: 0 auto 70px;
}
.s15.v1 .custom-wrapper {
    max-width: 1330px;
}
.s15.v2 .custom-wrapper {
    max-width: 1560px;
}
.s15.v2 {
    background: linear-gradient(45deg, rgba(79,0,132,1) 0%,rgba(0,0,0,1) 100%);
}
.s15.v2:before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    background: radial-gradient(ellipse at left, rgba(235,141,255,0.8) 0%,rgba(96,0,161,0) 70%);
    height: 100%;
    width: 100%;
}

/* s16 */
.s16 {
    padding: 70px 15px;
    background: url(../images/s16-bg.png) no-repeat center /cover;
}
.s16 .title-area {
    max-width: 1100px;
    margin: 0 auto 50px;
}
.s16 .text-wrapper {
    max-width: 1000px;
    margin: 0 auto;
}


/* s17 */
.s17 {
    padding: 50px 15px 70px;
}
.s17 .content-wrapper .row:nth-child(odd) {
    background: linear-gradient(to right, rgba(106,13,168,1) 0%,rgba(38,38,38,1) 100%);
}
.s17 .content-wrapper .row:nth-child(even) {
    background: linear-gradient(to right, rgba(38,38,38,1) 0%,rgba(106,13,168,1) 100%);
}
.s17 .content-wrapper {
    max-width: 1480px;
    margin: 0 auto;
    row-gap: 50px;
    display: flex;
    flex-wrap: wrap;
}
.s17 .row {
    padding: 40px;
    border-radius: 50px;
}
.s17 .row p.h4 u {
	max-width: max-content;
	padding: 10px 30px;
    border-radius: 50px;
} 
.s17 .row-1 p.h4 u {
    background: linear-gradient(to bottom, rgba(39,211,230,1) 0%,rgba(0,101,201,1) 100%);
}
.s17 .row-2 p.h4 u { 
	background: linear-gradient(to bottom, rgba(248,117,188,1) 0%,rgba(255,0,137,1) 100%);
}
.s17 .row-3 p.h4 u {   
	background: linear-gradient(to bottom, rgba(191,143,234,1) 0%,rgba(138,43,222,1) 100%);
}

/* s18 */
.s18 {
    padding: 70px 15px;
    background: linear-gradient(to right, rgba(79,0,132,1) 0%,rgba(0,0,0,1) 100%);
}
.s18:before {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    margin: auto;
    background: radial-gradient(ellipse at bottom, rgba(235,141,255,0.7) 0%,rgba(96,0,161,0) 90%);
}
.s18 .title-area {
    max-width: 1000px;
    margin: 0 auto 50px;
}
.s18 .row {
    background: rgba(0 0 0/50%);
    padding: 40px;
    border-radius: 40px;
    border: 2px solid #fff;
}
.s18 .content-wrapper {
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
}
.s18 .colmn-1 .con-head {
    max-width: max-content;
    background: #C54DDE;
    border-radius: 50px;
    padding-right: 25px;
    overflow: hidden;
    margin-bottom: 20px;
}
.s18 .colmn-1 .img-wrapper {
    background: #9B2EB2;
    padding: 15px;
}

/* s19 */
.s19 {
    padding: 70px 15px;
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(79,0,132,1) 100%);
}
.s19 .custom-wrapper {
    max-width: 1480px;
}

/* s20 */
.s20 {
    padding: 70px 15px;
}
.s20 .custom-wrapper {
    max-width: 1400px;
}
.s20 .colmn * {
	color: #000;
}
.s20 .title-area {
    max-width: 1280px;
    margin: 0 auto 50px;
}

/* s21 */
.s21 {
    padding: 70px 15px;
    background: linear-gradient(to right, rgba(79,0,132,1) 0%,rgba(0,0,0,1) 100%);
}
.s21 .title-area {
    margin: 0 auto 70px;
    max-width: 1150px;
}
.s21 .row {
    padding: 45px;
}
.s21 .row-1 {
    max-width: max-content;
    border: 2px solid #FF0000;
    border-radius: 25px;
    background: linear-gradient(to bottom, rgba(62,6,6,0.6) 0%,rgba(0,0,0,0.6) 100%);
}
.s21 .row-1 h5 {
	color: #FF7487;
}
.s21 .row-2 {
    max-width: max-content;
    border: 2px solid #00FF88;
    border-radius: 25px;
	background: linear-gradient(to bottom, rgba(0,67,25,0.6) 0%,rgba(0,0,0,0.6) 100%);
}
.s21 .row-2 h5 {
	color: #8AFFC8;
}

/* s22 */
.s22 {
    padding: 70px 15px;
    background: linear-gradient(to right, rgba(79,0,132,1) 0%,rgba(0,0,0,1) 100%);
}
.s22 .custom-wrapper {
    max-width: 1330px;
}
.s22 .title-area {
	max-width: 1340px;
	margin: 0 auto 70px;
}

.s22 .tbl {
	border-radius: 50px;
	overflow: hidden;
}
.s22 .tbl-body {
	padding: 40px 60px;
	background: #1A1B1B;
}
.s22 .tbl-head {
	padding: 45px 10px;
}
.s22 .tbl-start .tbl-head {
    background: #3A4053;
}
.s22 .tbl-comm .tbl-head {
	background: #3A1D5C;
}
.s22 .tbl-start {
    /* background: linear-gradient(to bottom, rgba(161,0,195,1) 0%,rgba(91,0,183,1) 100%); */
    scale: 0.85;
    border: 5px solid #3a4053;
}
.s22 .tbl-comm {
    /* background: linear-gradient(to bottom, rgba(0,107,93,1) 0%,rgba(0,100,157,1) 100%); */
    border: 5px solid #3a1d5c;
}
.s22 li {
	padding-left: 40px;
}
.s22 li::before {
	display: block;
	position: absolute;
	height: 30px;
	width: 30px;
	left: 0;
}
.s22 li.x::before {
	background: url(../images/tbl-x.png) no-repeat center /cover;
}
.s22 li.c::before {
	background: url(../images/tbl-check.png) no-repeat center / cover;
}
.s22 .colmn li:not(:last-child) {
	margin-bottom: 25px;
}


/* s23 */
.s23 {
    padding: 70px 15px;
    background: url(../images/s23-bg.png) no-repeat center /cover;
}
.s23 .custom-wrapper {
    max-width: 980px;
}
.s23 p.md-txt {
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #B582F1;
}
.s23 .row {
    max-width: 650px;
}
.s23 p.h5 {
    background: linear-gradient(to right, rgba(92,0,116,0) 0%,rgba(99,2,113,1) 20%,rgba(143,18,91,1) 80%,rgba(155,23,85,0) 100%);
    padding: 10px 0;
}

/* faq */
.faq {
    padding: 70px 15px;
    background: radial-gradient(ellipse at top, rgba(43,0,92,1) 0%,rgba(0,0,0,1) 70%);
}
.faq .custom-wrapper:not(:last-child) {
    max-width: 1400px;
}
.faq .title-area {
    margin: 0 auto 70px;
}
.faq .colmn {
    flex: 0 0 48%;
    max-width: 50%;
}
.faq .colmn .content:not(:last-child) {
    margin-bottom: 25px;
}
.faq .content h5 {
    max-width: max-content;
    background: #7954B9;
    margin-bottom: 25px;
    padding: 10px 20px;
    border-radius: 10px;
}
.faq .faq-head,
.faq .text-wrapper,
.faq p.last-text {
    padding-left: 70px;
}
.faq .faq-head:before,
.faq .text-wrapper:before {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    font-family: 'Poppins',sans-serif;
    font-size: 40px;
    font-weight: 700;
}
.faq .faq-head:before {
    content: 'Q.';
    color: #fff;
}

.faq .text-wrapper:before {
    content: 'A.';
    color: #EB8BFF;
    top: -10px;
}
.faq li {
    padding-left: 70px;
    color: #E5A7F3;
}

/*Modal*/
.modal-body {
	padding: 0 50px 20px;
}

.modal-body h5 {
	font: 700 22px/1.4 'Poppins', sans-serif;
	color: #ff38a9;
}

.modal-footer {
	padding: 0 50px 40px;
	flex-wrap: wrap;
}

.modal-footer .btn {
	font: 700 18px/18px 'Poppins', sans-serif;
	background-color: #4f0084;
	padding: 15px;
	/* max-width: 600px; */
	border-radius: 0;
	border: 2px solid transparent;
}

.modal-footer .btn:hover {
	background-color: transparent;
	color: #ff38a9 !important;
	border-color: #ff38a9;
}

.modal-header .close:focus {
	outline: none;
}

/*End Modal*/




/* Setion 19 Start */


/* 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: #5047bb !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: #5047bb !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 */