@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Inter:wght@400;500;600;700;800;900&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700&family=Poppins:ital,wght@0,500;0,600;0,700;0,800;0,900;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: #000;
	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 20px/26px 'DM sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: 'Conthrax', 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: 62px;
	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: 45px;
	line-height: 1.4;
}

h2,
.h2 {
	font-size: 40px;
	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: 1400px;
}

.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 right, rgba(192,88,255,1) 0%,rgba(238,193,255,1) 50%,rgba(231,117,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 */
.arupala {
	font-family: 'Arupala Grotesk', sans-serif;
}
.inter {
	font-family: 'Inter', sans-serif;
}
.mon {
	font-family: 'Montserrat', sans-serif;
}
.conthrax {
    font-family: 'Conthrax', sans-serif;
}


.floating-img {
    position: absolute;
    inset: 0;
    margin: auto;
    height: 100%;
    width: 100%;
}
.floating-img img {
    position: absolute;
}

/* banner */
.blackbar {
    background: rgb(19 0 38 /50%);
    z-index: 1;
}
.banner {
    padding: 50px 15px;
    /* background: url(../images/ban-bg.png) no-repeat center /cover; */
}
.banner .title-area {
    margin: 0 auto 50px;
    text-align: center;
}
.banner .title-area h2 {
    font-size: 100px;
    line-height: 0.8;
    margin-bottom: 25px;
}
.banner .title-area h2:before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    margin: auto;
    height: 15px;
    width: 100%;
    background: linear-gradient(to right, rgba(162,22,247,0) 0%,rgba(162,22,247,1) 50%,rgba(255,22,162,1) 100%);
    z-index: -1;
    border-radius: 10px;
}
.banner h1 {
    text-shadow: 0 3px 3px rgba(0 0 0/30%);
    letter-spacing: 2px;
    background: linear-gradient(to right, rgba(91,0,206,0) 0%,rgba(91,0,206,1) 50%,rgba(91,0,206,0) 100%);
    max-width: max-content;
    margin: 0 auto;
}
.banner span {
    color: #FF00E5;
}
.banner .title-area h4 {
    max-width: 900px;
    margin: 25px auto;
    letter-spacing: 1px;
}
.banner .in-h5 {
    max-width: max-content;
    margin: 25px auto;
    padding: 2px;
    border-radius: 10px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(to right, rgba(91,0,206,0) 0%,rgba(255,0,245,1) 50%,rgba(91,0,206,0) 100%);
    border-image-slice: 1;
}
.banner .in-h5 h5 {
    background: #300056;
    border-radius: 10px;
    padding: 10px 45px;
}
.banner .in-h5 span {
    color: #BDDFFF;
    font-weight: 500;
}
.bg {
    overflow: hidden;
}
.bg .f1 {
    left: -100px;
    bottom: -200px;
}
.bg .f2 {
    right: -100px;
    bottom: 800px;
    transform: rotateY(180deg);
}
.bg .f3 {
    left: 0;
    right: 0;
    top: -900px;
    margin: auto;
    scale: 1.2;
}
.banner .vid-wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 20px;
    overflow: clip;
    box-shadow: 0 0 50px #E516D1;
}
.banner .in-vid {
    border-radius: 15px;
    overflow: hidden;
}

.banner .spin-grad {
    background: linear-gradient(to right, rgba(229,22,209,1) 0%,rgba(229,22,209,1) 40%,rgba(255,255,255,1) 50%,rgba(178,22,247,1) 60%,rgba(178,22,247,1) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 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)
	}
	}

/* s1 */
.s1 {
    padding: 50px 15px;
    overflow: hidden;
}
.s1:before {
    display: block;
    position: absolute;
    height: 300px;
    width: 100%;
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,35,233,1) 100%);
    left: 0;
    right: 0;
    bottom: -250px;
    margin: auto;
    border-radius: 100%;
    filter: blur(200px);
    /* opacity: 0.5; */
}
.s1 .content-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    flex-wrap: wrap;
}
/* .s1 .cw2 {
	display: none;
} */
.s1 .colmn .con-bg:not(:last-child) {
    margin-bottom: 25px;
}
.s1 .colmn .con-bg {
    padding: 1px;
    background: linear-gradient(to bottom, rgba(168,250,255,1) 0%,rgba(217,168,255,1) 100%);
}
.s1 .colmn {
    background: linear-gradient(to bottom, rgba(134,59,136,1) 0%,rgba(48,6,47,1) 100%);
    padding: 30px;
    flex: 0 0 49%;
    max-width: 50%;
    border-radius: 30px;
    border: 1px solid #D9A8FF;
    box-shadow: inset 0 0 10px rgba(0 0 0 /60%);
}
.s1 .colmn-4 {
    max-width: max-content;
    flex: 0 0 100%;
}
.s1 .content,
.s1 .colmn .con-bg  {
    border-radius: 10px;
}
.s1 .content {
    background: #260038;
    padding: 10px;
    box-shadow: 0 5px 5px rgba(0 0 0/30%);
}
.s1 .content .img-wrapper {
    flex: 0 0 auto;
    margin-right: 15px !important;
}
.s1 .content:hover .img-wrapper::before {
    opacity: 1;
    transform: scale(1.2);
    transition: .3s ease;
}
.s1 .content .img-wrapper:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #d9a8ff;
    border-radius: 10px;
    opacity: 0;
    transition: .3s ease;
}

.clip h6 {
    max-width: max-content;
    background: linear-gradient(to right, rgba(0,132,206,0) 0%,rgba(0,132,206,1) 50%,rgba(0,132,206,0) 100%);
    margin: 0 auto 10px;
    padding: 5px 20px;
    text-shadow: 0 3px 3px rgba(0 0 0/30%);
}
.clip h5 {
    color: #e32eb1;
    letter-spacing: 8px;
}
/* btn-wrap */
.btn-wrap {
    padding: 90px 15px;
    background: url(../images/btn-bg2.png) no-repeat center /cover;
}
.btn-wrap.v6 {
    padding: 100px 15px 50px;
}
.btn-wrap h3 del {
    color: #fff;
}
.btn-wrap a:hover {
    background-position: right;
}
.btn-wrap a {
    background: linear-gradient(to right, rgba(58,237,187,1) 0%,rgba(36,152,210,1) 50%,rgba(58,237,187,1) 100%);
    margin: 20px auto;
    display: block;
    max-width: 1100px;
    background-size: 200%;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    filter: drop-shadow(0 0 20px rgba(61 131 255 /70%));
}
.btn-wrap a h3 {
    color: unset;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 2px;
    text-shadow: 0 3px 3px rgba(0 0 0/30%);
}
.btn-wrap .custom-wrapper:before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 350px;
    width: 100%;
    transform: scaleX(1.2);
    filter: drop-shadow(0 0 10px rgba(206 38 229 /50%));
    background: url(../images/btn-bg.png) no-repeat center /contain;
}


/* s2 */
.s2 {
    padding: 50px 15px;
	overflow: hidden;
    background: #070A29;
}
.s2:after {
    display: block;
    position: absolute;
    height: 500px;
    width: 50%;
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,35,180,1) 100%);
    border-radius: 100%;
    filter: blur(100px);
    opacity: 0.6;
}
.s2.v1:after {
    top: 0;
    right: -300px;
}
.s2.v2:after {
    left: -100px;
    bottom: -100px;
}
.s2.v2 h2 {
    background: linear-gradient(to right, rgba(192,88,255,1) 0%,rgba(238,193,255,1) 50%,rgba(231,117,255,1) 100%);
    max-width: max-content;
    padding: 0 10px;
    border-radius: 10px;
    color: #000;
}
.s2 .title-area {
    text-align: center;
    margin: 0 auto 50px;
    max-width: 1300px;
}
.s2.v1 .colmn-2 .img-wrapper {
    transform-origin: -50% 0%;
}
.s2.v1 .f1 {
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.s2 .row:not(:last-child) {
    margin-bottom: 50px;
}
.s2 .text-wrapper p {
    text-align: justify;
}
.s2 .colmn-2 .img-wrapper {
    scale: 1.14;
}
.s2 li {
    margin-top: 25px;
    padding-left: 45px;
    text-align: justify;
}
.s2 li:before {
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    height: 30px;
    width: 30px;
    background: url(../images/s2-ck.png) no-repeat center /contain;
}
.s2.v2 .f1 {
    left: 400px;
    top: -250px;
}
.s2.v2 .f2 {
    right: 0;
    bottom: 0;    
}


/* s3 */
.s3 {
    padding: 100px 15px;
    background: url(../images/s3-bg.png) no-repeat center /cover;
}
.s3 .title-area {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0 auto;
    justify-content: center;
    /* left: 130px; */
}
.s3 .sub-title {
    text-align: center;
    margin: 50px auto;
    max-width: 900px;
}
.s3 .title-area:before {
    background: url(../images/s3-tbg.png) no-repeat center /contain;
    z-index: -1;
    width: 100%;
    margin: auto;
    height: 400px;
    scale: 1.6;
    left: -20px;
}
.s3 .title-area:before,
.s3 .title-area .img-wrapper:before {
    display: block;
    position: absolute;
}
.s3 .title-area .img-wrapper {
    padding: 35px;
    background: #000;
    border-radius: 100%;
}
.s3 .title-area .img-wrapper:before {
    height: 100%;
    width: 100%;
    background: linear-gradient(45deg, rgba(36,0,255,1) 0%,rgba(255,0,0,1) 100%);
    z-index: -1;
    border-radius: 100%;
    filter: blur(10px);
    inset: 0;
}
.s3 .f1 {
    top: 0;
    right: -150px;
}
.s3 .content-wrapper .img-wrapper {
    scale: 1.3;
    transform-origin: 60% 20%;
}


/* s4 */
.s4 {
    padding: 50px 15px;
    overflow: hidden;
    background: linear-gradient(to bottom, rgba(27,10,48,1) 0%,rgba(0,0,0,1) 100%);
}
.s4.v4,
.s5,
.s7,
.faq {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(7,10,41,1) 100%);
}
.s4 .title-area {
    max-width: 1200px;
    margin: 0 auto 50px;
    text-align: center;
}
.s4.v4 .title-area {
    max-width: max-content;
}
.s4.v1 h4 {
    -webkit-text-fill-color: #000 !important;
    background: linear-gradient(to right, rgba(192,88,255,1) 0%,rgba(238,193,255,1) 50%,rgba(231,117,255,1) 100%);
    -webkit-background-clip: unset !important;
    padding: 1px 10px;
    border-radius: 5px;
    display: inline;
    text-decoration: underline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.4;
}
.s4 .in-p {
    max-width: 850px;
    margin: 0 auto 25px;
    padding: 10px;
    background: #000;
    border-radius: 15px;
}
.s4 .in-p:before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 100%;
    width: 95%;
    background: linear-gradient(to bottom, rgba(219,0,255,1) 0%,rgba(255,0,92,1) 100%);
    scale: 1.02;
    filter: blur(10px);
    z-index: -1;
}
.s4.v4 .in-p .text-wrapper {
    background: #000;
    border-radius: 15px;
    padding: 10px;
}
.s4.v4 .in-p p:first-child {
    color: #fff;
}
.s4.v4 .in-p p {
    padding: unset;
    background: unset;
    border-radius: unset;
}
.s4.v4 .title-area .text-wrapper {
    max-width: 900px;
    margin: 0px auto;
}
.s4.v4 .head {
    flex-direction: column;
}
.s4 .head .img-wrapper {
    flex: 0 0 auto;
    max-width: max-content;
    margin-right: auto !important;
}
.s4.v4 .colmn .text-wrapper p,
.s6 .colmn .text-wrapper p {
    text-align: justify;
}
.s4.v4 .head h4 {
    margin-right: auto;
    margin-bottom: 25px;
}
.s4 .row:not(:last-child) {
    margin-bottom: 70px;
}
.s4 .colmn-2 .img-wrapper {
    scale: 1.1;
}
.s4 .list li {
    margin-top: 25px;
    padding-left: 35px;
    text-align: justify;
}
.s4 .list li:before {
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    height: 20px;
    width: 20px;
    background: url(../images/s4-ck.png) no-repeat center/cover;
}
.s4 .colmn h4 span {
    -webkit-text-fill-color: #ffeec1 !important;
    border-bottom: 2px solid #ffeec1;
}
.s4.v1 .f1 {
    top: 0;
    left: 0;
}
.s4.v1 .f2 {
    right: 0;
    bottom: 0;
}
.s4.v4 .f1 {
    left: 0;
    top: 0;
}
.s4.v4 .f2 {
    top: 0;
    right: 0;
}
.float-grad {
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    margin: auto;
}
.float-grad .f-grad {
    position: absolute;
    height: 500px;
    width: 800px;
    background: radial-gradient(ellipse at center, rgba(142,0,191,0.8) 0%,rgba(163,0,167,0.8) 100%);
    border-radius: 100%;
    filter: blur(100px);
}
.s4 .fg-1 {
    right: -200px;
    top: -100px;
}
.s4 .fg-2 {
    left: -200px;
    bottom: -100px;
}

/* in1 */
.in1 {
    padding: 50px 15px;
    background: linear-gradient(to bottom, rgba(27,0,48,1) 0%,rgba(0,0,0,1) 100%);
}
.in1 .title-area .in-p {
    max-width: 850px;
    margin: 0 auto 50px;
    padding: 40px;
    background: #000;
    border-radius: 15px;
    text-align: center;
}
.in1 .title-area .in-p:before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 100%;
    width: 95%;
    background: linear-gradient(to bottom, rgba(219,0,255,1) 0%,rgba(255,0,92,1) 100%);
    scale: 1.02;
    filter: blur(10px);
    z-index: -1;
}
.in1 .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
    max-width: 1000px;
}
.in1 .content {
    border: 1px solid #797979;
    border-radius: 30px;
    flex: 0 0 48%;
    max-width: 50%;
    background: #000;
    overflow: hidden;
}
.in1 .content:hover {
    scale: 1.05;
    box-shadow: 0 0 20px rgba(245 19 182/100%);
}
.in1 .content .img-wrapper.v1 {
    padding: 20px;
}
.in1 .content .img-wrapper.v1 img {
    width: 400px;
}
.in1 .con-body {
    border-top: 1px solid #797979;
    padding: 20px;
    /* background: linear-gradient(to right, rgba(60,0,65,1) 0%,rgba(60,0,65,1) 20%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 100%); */
}
.in1 .con-body:before {
    display: block;
    position: absolute;
    height: 150px;
    width: 100%;
    background: linear-gradient(to right, rgba(60,0,65,1) 0%,rgba(60,0,65,1) 20%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 100%);
    left: 0;
    right: 0;
    top: 0;
}
.in1 .con-body .img-wrapper {
    flex: 0 0 auto;
    margin-right: 15px;
    filter: drop-shadow(0 0 10px rgba(245 19 59/90%));
}
.floating-img .grad-bot {
    position: absolute;
    background: #A300A7;
    height: 900px;
    width: 900px;
    right: -100px;
    bottom: -100px;
    border-radius: 100%;
    filter: blur(200px);
    opacity: 0.6;
}
.in1 .f1 {
    left: -100px;
    top: -20px;
}
.in1 .f2 {
    right: -100px;
    bottom: 0;
    transform: rotateY(45180deg);
}



/* s5 */
.s5 {
    padding: 50px 15px;
	overflow: clip;
}
.s5::before,
.s5:after {
    display: block;
    position: absolute;
    height: 700px;
    width: 700px;
    filter: blur(200px);
    opacity: 0.6;
}
.s5:before {
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(35,176,255,1) 100%);
    border-radius: 100%;
    left: 0px;
    top: 100px;
}
.s5:after {
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(35,97,255,1) 100%);
    right: 0;
    bottom: 100px;
}
.s5 .title-area {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 50px;
}

.s5 .title-area p {
    margin-top: 25px;
}
.s5 .row-1 p.h5 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 5px;
}
.s5 .row-1 p:last-of-type {
    text-align: justify;
}
.s5 .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    margin: 50px auto;
}
.s5 .content-wrapper .content {
    flex: 0 0 23%;
    max-width: 25%;
    text-align: center;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(to right, rgba(255,255,255,0) 10%,rgba(166,250,255,1) 40%,rgba(166,250,255,1) 60%,rgba(255,255,255,0) 90%);
    border-image-slice: 1;
    background: linear-gradient(to bottom, rgba(19,0,58,1) 0%,rgba(0,0,0,1) 100%);
    border-radius: 30px;
    padding: 25px;
    /* box-shadow: inset 0 0 10px rgba(0 0 0/40%); */
}
.s5 .content-wrapper .content:hover {
    box-shadow: 0 0 30px rgb(154 232 236 /70%);
    scale: 1.05;
}
.s5 .content .img-wrapper {
    flex: 0 0 auto;
    margin-bottom: 15px;
}
.s5 .content p:first-child {
    text-transform: uppercase;
}
.s5 .in-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.s5 .in-list .colmn {
    flex: 0 0 48%;
    max-width: 50%;
}
.s5 .in-list li:not(:last-child) {
    margin-bottom: 25px;
}
.s5 .in-list li {
    padding-left: 35px;
}
.s5 .in-list li:before {
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    height: 25px;
    width: 25px;
    background: url(../images/s5-ck.png) no-repeat center/contain;
}
.s5 .in-list span {
    display: flex;
    font-weight: 700;
    margin-bottom: 5px;
}

/* s6 */
.s6 {
    padding: 50px 15px;
    background: url(../images/s6-bg.png) no-repeat center /cover;
	overflow: hidden;
}
.lines {
    position: absolute;
    inset: 0;
    margin: auto;
    height: 100%;
    width: 100%;
}
.lines .line {
    position: absolute;
    background: linear-gradient(to bottom, rgba(255,0,184,1) 0%,rgba(49,0,47,1) 50%,rgba(255,0,184,1) 100%);
    height: 100%;
    margin: auto;
    top: 0;
    bottom: 0;
}
.line-1 {
    width: 50px;
    left: 0;
}
.lines .line:not(:first-child) {
    width: 20px;
}
.line-2 {
    right: 0;
}
.line-3 {
    right: 40px;
}
.line-4 {
    right: 80px;
}
.s6 .f1 {
    left: 0;
    bottom: -600px;
}
.s6 h1 {
    -webkit-text-fill-color: #000 !important;
    background: linear-gradient(to right, rgba(192,88,255,1) 0%,rgba(238,193,255,1) 50%,rgba(231,117,255,1) 100%);
    -webkit-background-clip: unset !important;
    padding: 1px 10px;
    border-radius: 5px;
    display: inline;
    text-decoration: underline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.4;
}
.nunito {
	font-family: 'Nunito', sans-serif;
}

/* timer */
.timer {
    padding: 50px 15px;
}
.timer h4 {
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 25px;
}


/* s7 */
.s7 {
    padding: 15px 15px 50px;
    background: linear-gradient(to bottom, rgba(27,0,48,1) 0%,rgba(0,0,0,1) 100%);
}
.s7 .title-area {
    text-align: center;
    margin: 0 auto 50px;
}
.s7 .title-area h2 span:before {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 5px;
    margin: auto;
    height: 3px;
    width: 100%;
    background: linear-gradient(to right, rgba(192,88,255,1) 0%,rgba(238,193,255,1) 50%,rgba(231,117,255,1) 100%);
}
.s7 .title-area del {
    background: #E1A3FF;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    margin: auto 15px;
}
.s7 .title-area del:before {
    position: absolute;
    display: block;
    inset: 0;
    margin: auto;
    height: 3px;
    width: 100%;
    background: #E1A3FF;
}
.s7 .title-area h5 {
    letter-spacing: 7px;
    margin-top: 25px;
    font-weight: 700;
}
.s7 .title-area h5 span {
    color: #FF00F5;
}
.s7 .pricing-table {
    max-width: 750px;
    margin: 0 auto;
}
.s7 .pricing-table:before {
    inset: 0;
    margin: auto;
    height: 70%;
    width: 100%;
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,35,207,1) 100%);
    z-index: -1;
    border-radius: 100%;
    scale: 1.3;
    filter: blur(100px);
    opacity: 0.5;
}
.s7 .pricing-table:before ,
.s7 fieldset:before,
.s7 fieldset:after,
.s7 .tbl-body:before,
.s7 .tbl-body:after,
.s7 li:before,
.s7 legend:before  {
    display: block;
    position: absolute;
}
.s7 legend:before {
    inset: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(227,46,177,1) 0%,rgba(227,46,177,1) 50%,rgba(227,46,177,1) 52%,rgba(227,46,177,0) 52%,rgba(227,46,177,0) 100%);
    border-radius: 100%;
}
.s7 legend {
    max-width: max-content;
    margin: 0 auto;
    padding: 5px;
    border-radius: 100%;
    /* background: linear-gradient(to bottom, rgba(255,234,199,1) 50%,rgba(255,234,199,0) 52%,rgba(255,234,199,0) 100%); */
}
.s7 legend .img-wrapper {
    background: #0D0D0D;
    border-radius: 100%;
}
.s7 fieldset:before {
    height: 200px;
    width: 500px;
    left: 0;
    right: 0;
    bottom: -50px;
    margin: auto;
    background: #BA74B7;
    z-index: -1;
    border-radius: 100%;
    filter: blur(100px);
    opacity: 0.7;
}
.s7 fieldset {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(21,21,21,1) 100%);
    max-width: 800px;
    margin: 0 auto;
    padding: 0 15px 70px;
    border-radius: 30px 30px 100px 100px;
    z-index: 1;
    clip-path: polygon(0 90%, 50% 100%, 100% 90%, 100% 0, 0 0);
    border-top: 5px solid transparent;
    border-image: linear-gradient(to right, rgba(227,46,177,0) 0%,rgba(227,46,177,0.98) 50%,rgba(227,46,177,1) 51%,rgba(227,46,177,0) 100%);
    border-image-slice: 1;
    text-align: center;
    overflow: hidden;
}
.s7 .tbl-body {
    max-width: 700px;
    margin: 0 auto;
}
.s7 .tbl-body:before {
    inset: 0;
    margin: auto;
    height: 77%;
    width: 100%;
    background: #2C0030;
    transform: scaleY(1.5);
    z-index: -1;
    transform-origin: 0 70%;
}
.s7 .tbl-body:before,
.s7 .tbl-body:after {
    border-radius: 0 0 80px 80px;
}
.s7 .tbl-body:after {
    z-index: -1;
    padding: 3px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, 
	   linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, 
	   linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    background: linear-gradient(to bottom, rgba(253,174,255,0) 0%,rgba(253,174,255,1) 15%,rgba(253,174,255,1) 100%);
    height: 100%;
    width: 100%;
    inset: 0;
    margin: auto;
}
.s7 .tbl-content,
.s7 .tbl-bottom {
    padding: 40px 60px;
}
.s7 .list li:not(:last-child) {
    margin-bottom: 25px;
}

.s7 li {
    padding-left: 35px;

}
.s7 li.c:before {
    background: url(../images/s7-ck.png) no-repeat center /cover;
}
.s7 li.s:before {
    background: url(../images/star.png) no-repeat center /cover;
}
.s7 li:before {
    height: 25px;
    width: 25px;
    left: 0;
    top: 5px;
}
.s7 .tbl-bottom {
    background: linear-gradient(to bottom, rgba(255,0,199,0.5) 0%,rgba(193,0,150,0.5) 50%,rgba(125,185,232,0) 100%);
    border-top: 20px solid transparent;
    border-image: linear-gradient(to right, rgba(100,0,96,1) 0%,rgba(255,0,184,1) 30%,rgba(100,0,96,1) 65%,rgba(255,0,184,1) 100%);
    border-image-slice: 1;
}
.s7 .list-con {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	gap: 20px;
}
.s7 .list-con .content {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    width: 100%;
    background: linear-gradient(to right, rgba(169,0,101,1) 0%,rgba(124,0,90,1) 60%,rgba(169,0,152,1) 100%);
    border-radius: 10px;
    box-shadow: 0 3px 3px rgba(0 0 0/30%);
    border: 1px solid #FF00F5;
    border-bottom: unset;
}
.s7 .content .img-wrapper {
    flex: 0 0 auto;
    margin-right: 15px;
    scale: 1.3;
    filter: drop-shadow(0 3px 3px rgba(0 0 0/30%));
}
.s7 .content span {
    color: #FFE299;
    font-weight: 700;
}
.s7 .content p {
    text-shadow: 0 3px 3px rgba(0 0 0/30%);
}
.s7 .f1 {
    left: 0;
    top: 0;
}
.s7 .f2 {
    right: 0;
    bottom: 0;
    transform: rotateY(180deg);
}


/* s8 */
.s8 {
	padding: 50px 15px;
}
.s8 .title-area {
    max-width: 900px;
    margin: 0 auto 50px;
    text-align: center;
}
.s8 .colmn-1 {
    text-align: center;
}
.s8 .colmn-1 h6 {
    text-transform: uppercase;
    letter-spacing: 7px;
    font-weight: 700;
    /* color: #99FFD4; */
    margin-bottom: 10px;
}
.s8 .row {
    border-radius: 50px;
    padding: 30px 20px;
    overflow: hidden;
    border: 2px solid #851780;
}
.s8 .row:before,
.s8 .row:after {
	display: block;
    position: absolute;
}
.s8 .row:after {
    background: #851780;
    height: 600px;
    width: 600px;
    border-radius: 100%;
    filter: blur(100px);
    opacity: 0.6;
    z-index: -1;
    bottom: -150px;
}
.s8.v1 .row:nth-child(even):after,
.s8.v2 .row:nth-child(even):after {
    right: -100px;
}
.s8.v1 .row:nth-child(odd):after,
.s8.v2 .row:nth-child(odd):after {
    left: -100px;
}
.s8 .row:not(:last-child) {
    margin-bottom: 50px;
}
.s8.v2 .colmn h4:last-of-type {
    max-width: max-content;
    margin: 15px auto;
    background: linear-gradient(to bottom, rgba(173,0,255,1) 0%,rgba(0,0,0,1) 50%,rgba(173,0,255,1) 100%);
    padding: 5px 30px;
    border-radius: 30px;
    border: 3px solid #fff;
    font-weight: 700;
    text-shadow: 0 3px 3px rgba(0 0 0/30%);
    border-left: unset;
    border-right: unset;
}
.s8 .colmn-1 h4:first-of-type:before {
    background: linear-gradient(to right, rgba(115,0,206,0) 0%,rgba(115,0,206,0.5) 50%,rgba(115,0,206,0) 100%);
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    z-index: -1;
}
/* .s8.v2 .row-1 .colmn p {
    text-align: justify;
} */
.s8 .text-wrap {
    flex-wrap: wrap;
}


/* faq */
.faq {
    padding: 50px 15px;
    overflow: clip;
}
.faq .title-area {
    text-align: center;
    margin: 0 auto 50px;
}
.faq .title-area span.v1 {
    background: linear-gradient(to bottom, rgba(173,0,255,1) 0%,rgba(0,0,0,1) 50%,rgba(173,0,255,1) 100%);
    padding: 0 15px;
    border-radius: 10px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    max-width: max-content;
    margin: 0 auto 15px;
}
.faq .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    gap: 80px;
}
.faq .content,
.faq .content:before {
    border-radius: 40px;
}
.faq .content {
    width: 100%;
    padding: 40px 50px;
    background: linear-gradient(to bottom, rgba(0,6,57,1) 0%,rgba(0,0,0,1) 100%);
}
.faq .content:before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(219,0,255,1) 0%,rgba(255,0,92,1) 100%);
    z-index: -1;
    scale: 1.1;
    transform: scaleX(.93);
    filter: drop-shadow(0 0 10px rgba(219 0 255 /100%));
}
.faq .head {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.faq .head .img-wrapper {
    flex: 0 0 auto;
    margin-right: 25px;
}
.faq .con-head p {
    letter-spacing: 5px;
}
.faq .text-wrapper p {
    text-align: justify;
}
.faq .f1 {
    left: 0;
    bottom: -400px;
}
.faq .f2 {
    right: 0;
    top: -400px;
}
.floating-img .flo-grad {
    background: #851780;
    height: 700px;
    width: 700px;
    position: absolute;
    border-radius: 100%;
    filter: blur(150px);
    opacity: 0.6;
}
.faq .fg-1 {
    left: -100px;
    top: -100px;
}
.faq .fg-2 {
    right: -100px;
    bottom: -100px;
}

/* no-thanks */
#no-thanks {
    background: unset;
    box-shadow: unset;
    padding: unset;
    margin: 100px auto 0;
    font-style: italic;
    /* font-weight: 700; */
}
#no-thanks:hover {
    text-decoration: underline !important;
    color: #f4df8f;
}






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