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

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

body {
	margin: 0;
	padding: 0px !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 'Sora', sans-serif;
}

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

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

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

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

.md-heading {
	font-size: 80px;
	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: 25px;
	line-height: 1.4;
}

h5,
.h5 {
	font-size: 22px;
	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(255,92,0,1) 0%,rgba(255,0,229,1) 100%);
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	max-width: max-content;
}
.grad-txt-v2 {
	background:linear-gradient(45deg, rgba(255,89,36,1) 0%,rgba(250,65,6,1) 50%,rgba(255,89,36,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*/
.blackbar {
    background: #000;
    padding: 15px;
    z-index: 1
}
.blackbar .custom-wrapper {
    max-width: 1500px
}
.time-wrapper {
    padding-top: 16%
}
.time-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.3);
    transform-origin: top
}
.blackbar .colmn-3 a {
    max-width: 50%;
    border-radius: 5px;
    padding: 15px;
    display: block;
    background: linear-gradient(to right, rgba(250, 33, 206, 1) 0%, rgba(129, 69, 255, 1) 50%, rgba(250, 33, 206, 1) 100%);
    background-size: 150%;
    text-shadow: 0 3px 3px rgba(0 0 0/30%)
}
.blackbar .colmn-3 a:hover {
    background-position: right
}

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

/* Content Style Start */
.bungee {
	font-family: 'Bungee', sans-serif;
}
.baloo {
	font-family: 'Baloo-Bhai-regular', sans-serif;	
}
section {
	padding: 100px 15px;
	overflow: hidden;
}
.title-area {
	max-width: max-content;
	text-align: center;
	margin: 0 auto 50px;
}

#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;
    padding: 10px;
}
#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;
}
#bottom-head-menu a:hover {
    color: #f89b43 !important;
}


/* banner */
.banner {
    padding: 50px 15px;
}
.banner .title-area {
    max-width: 1300px;
}
.banner span.v1::before {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: auto;
    height: 5px;
    width: 100%;
    background: linear-gradient(to right, rgba(255,92,0,1) 0%,rgba(255,0,229,1) 100%);
    border-radius: 10px;
}
.banner span.v3 {
    display: flex;
    background: linear-gradient(45deg, rgba(255,0,229,1) 0%,rgba(17,0,4,1) 50%,rgba(255,92,0,1) 100%);
    max-width: max-content;
    margin: 0 auto;
    padding: 0 15px;
    border: 1px solid #FF5C00;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
    border-radius: 10px;
}
.banner h4 {
    max-width: 1000px;
    margin: 0 auto;
}
.banner h4.v2 {
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(208,3,53,1) 10%,rgba(217,80,4,1) 90%,rgba(0,0,0,1) 100%);
    margin: 25px auto 0;
    padding: 5px 10px;
    border: 2px solid rgba(217 80 4);
    border-left: unset;
    border-right: unset;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
}
.vid-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
    overflow: hidden;
    border-radius: 30px;
    box-shadow: 0 0 10px #00000080;
}
.in-vid {
    border: 1px solid #fff;
    border-radius: 20px;
    overflow: hidden;
}
.spin-grad {
	background:linear-gradient(to bottom,#8000ffff 0%,#f00f 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)
	}
	}

.parallax-banner,.scene {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	margin:auto
}
	
.banner .scene div {
	transition:unset!important;
	filter:drop-shadow(0 0 10px rgba(0 0 0/60%))
}
	
.banner .scene img {
	transition:unset!important;
    opacity: .5;
}
.banner .p1 {
    top: 35%!important;
}
.banner .p2 {
    left: 75%!important;
    top: 30%!important;
}
.floating-img {
	position:absolute;
	inset:0;
	margin:auto;
	height:100%;
	width:100%
}
.floating-img img {
	position:absolute
}
.b1 {
    left: -250px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.b2 {
    right: -300px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotateY(175deg);
}

/* s1 */
.s1 .row {
    max-width: 1100px;
    margin: 0 auto;
}
.s1 .content {
    background: linear-gradient(to right, rgba(79,2,19,1) 0%,rgba(255,0,122,1) 50%,rgba(255,0,122,0) 100%);
    padding: 10px;
    border-radius: 70px;
    border: 1px solid #FA4106;
    border-right: unset;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.s1 .colmn .content:not(:last-child) {
    margin-bottom: 25px;
}
.s1 .content .img-wrapper {
    flex: 0 0 auto;
    margin-right: 25px;
}
.s1 .content:hover .img-wrapper::before {
    opacity: 1;
    transform: scale(1.15);
    transition: .3s ease;
}
.s1 .content .img-wrapper:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #f98805;
    border-radius: 70px;
    opacity: 0;
    transition: .3s ease;
}
.btn-wrap {
    max-width: max-content;
    margin: 50px auto 0;
    padding: 20px;
    border: 4px solid #fe5c00;
    border-left: unset;
    border-right: unset;
    border-radius: 20px;
    background: #000;
}
.btn-wrap a {
    margin: 20px auto;
    background: linear-gradient(to right, #727ee8 0%,#1d1cb1 50%,#727ee8 100%);
    display: block;
    max-width: 1100px;
    background-size: 200%;
    padding: 25px;
    text-align: center;
    border-radius: 10px;
    /* text-shadow: 0 2px 7px rgba(0 0 0/50%); */
    text-transform: uppercase;
    border: 1px solid #ff5c00;
}
.btn-wrap a:hover {
    background-position: right;
    text-decoration: unset!important;
}

/* s2 */
.s2 {
    background: rgb(147 0 199 /40%);
}
.s2 li {
    padding-left: 35px;
    margin-top: 25px;
}
.s2 li::before,
.s3 li::before {
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    height: 22px;
    width: 22px;
}
.s2 li::before {
	background: url(../images/wrong.png) no-repeat center /contain;
}
.s2 .title-area {
    max-width: 1100px;
}
.s2 .f1 {
    left: -250px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.s2 .f2 {
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/* s3 */
.s3 b {
    color: #00ca08;
    text-decoration: underline;
}
section .text-wrapper p {
    text-align: justify;
}
.s3 .title-area h2,
.s5 .title-area h2,
.s8 .title-area h2,
.s9 .title-area h2 {
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(208,3,53,1) 10%,rgba(217,80,4,1) 90%,rgba(0,0,0,0) 100%);
    padding: 5px 10px;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
    max-width: 1200px;
    margin: 0 auto;
}
.s3 li {
    padding-left: 35px;
    margin-top: 25px;
    text-align: justify;
}
.s3 li::before {
	background: url(../images/check.png) no-repeat center /contain;
}
.s3 .content-wrapper {
    max-width: 90%;
}
.s3 .content-wrapper .text-wrapper {
    border-radius: 30px;
    border: 1px solid #FA4106;
    padding: 20px;
    z-index: 1;
}
.s3 .content-wrapper .row:nth-child(odd) .text-wrapper {
    background: linear-gradient(to right, rgba(255,0,122,0) 0%,rgba(255,0,122,0.8) 50%,rgba(79,2,19,1) 100%);
    left: 40px;
    border-left: unset;
}
/* .s3 .content-wrapper .row:nth-child(even) .text-wrapper {
    background: linear-gradient(to right, rgba(255,0,122,0) 0%,rgba(255,0,122,0.8) 50%, 100%);
    right: 40px;
} */
.s3 .content-wrapper .row:nth-child(even) .text-wrapper {
    background: linear-gradient(to right, rgba(79,2,19,1) 0%,rgba(255,0,122,0.5) 50%,rgba(255,0,122,0) 100%);
    right: 40px;
    border-right: unset;
}
.s3 .content-wrapper .row:nth-child(even) .img-wrapper {
    left: 30px;
}
.s3 .content-wrapper .row:nth-child(odd) .img-wrapper {
    right: 30px;
}

/* s4 */
.s4 .title-area {
    max-width: 1100px;
}
.s4 .title-area .f-800 {
    color: #FFB0FC;
}
.s4 .title-area p:last-child {
    max-width: 800px;
    margin: 0 auto;
}
.s4 .text-wrapper p {
    text-align: center;
}
.s4 .content-wrapper {
    flex-wrap: wrap;
    row-gap: 200px;
    max-width: 1100px;
    margin: 150px auto 0;
}
.s4 .content .img-wrapper {
    margin-bottom: 25px;
}
.s4 .content::before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 360px;
    width: 370px;
    background: url(../images/s4-cbg.png) no-repeat center /contain;
    scale: 1.4;
    transform: scaleY(0.95);
}
.s4 .content {
    max-width: 50%;
    flex: 0 0 48%;
    padding: 0 70px;
}
.s4 .f1 {
    left: 150px;
    top: 50px;
}
.s4 .f2 {
    left: -150px;
    top: -200px;
    bottom: 0;
    margin: auto;
}
.s4 .f3 {
    top: 150px;
    right: -200px;
}

/* s5 */
.row:not(:last-child) {
    margin-bottom: 70px;
}
.s5 p.h3 {
    color: #FF00E5;
    font-weight: 700;
    text-align: left;
}

/* s6 */
.s6 {
    background: linear-gradient(45deg, rgba(146,9,146,0.6) 0%,rgba(0,0,0,1) 100%);
}
.s6 .text-wrapper {
    max-width: 1300px;
    margin: 50px auto 0;
    text-align: center;
}
.s6 .content-wrapper  .img-wrapper {
    filter: drop-shadow(0 0 10px rgba(190 35 175 /50%));
}
.s6 .f1 {
    top: 200px;
    left: 200px;
}
.s6 .f2 {
    left: -200px;
    bottom: 250px;
}
.s6 .f3 {
    top: 50px;
    right: -200px;
}
.s6 .f4 {
    right: 100px;
    bottom: 300px;
}

/* s7 */
.btn-wrap.v2 {
    margin: 0 auto 50px;
}
.violet {
	color: #FF00E5 !important;
}
.s7 .content:nth-child(even) .img-wrapper {
    margin-left: 25px;
    margin-right: unset;
}
/* .s7 .content {
	border-radius: 200px;
    border: 1px solid #FA4106;
	padding: 20px;
}
.s7 .content:nth-child(odd) {
    background: linear-gradient(to right, rgba(79,2,19,1) 0%,rgba(255,0,122,0.8) 50%,rgba(255,0,122,0) 100%);
    border-right: unset;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.s7 .content:nth-child(even) {
    background: linear-gradient(to right, rgba(255,0,122,0) 0%,rgba(255,0,122,0.8) 50%,rgba(79,2,19,1) 100%);
    border-left: unset;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
} */
.s7 .content .img-wrapper {
    flex: 0 0 180px;
}
.s7 .row-1 .con-desc h4,
.s7 .row-1 .con-desc p,
.s7 .row-3 .con-desc h4,
.s7 .row-3 .con-desc p {
    text-align: end;
}

/* s8 */
.s8 {
    background: linear-gradient(45deg, rgba(146,9,146,0.6) 0%,rgba(0,0,0,1) 100%);
}
.s8 .f1 {
    left: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 450px;
}
.s8 .f2 {
    top: 0;
    bottom: 0;
    right: 50px;
    margin: auto;
    max-width: 300px;
}

/* test */
.test .title-area {
    background: linear-gradient(45deg, rgba(255,0,229,0.5) 0%,rgba(17,0,4,1) 50%,rgba(255,92,0,0.5) 100%);
    padding: 8px 20px;
    border: 1px solid rgba(255 0 229);
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
    border-radius: 10px;
}
.test .content::before,
.test .content {
	border-radius: 30px;
}
.test .content::before {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(45deg, rgba(255,0,184,0.5) 0%,rgba(255,0,92,1) 50%,rgba(255,0,199,0.5) 100%);
    inset: 0;
    margin: auto;
    scale: 1.008;
    z-index: -1;
}
.test .content {
    padding: 30px;
    background: #3E0040;
}
.test .colmn .content:not(:last-child) {
    margin-bottom: 35px;
}
.test .test-head .img-wrapper {
    flex: 0 0 auto;
    margin-right: 15px;
}
.test .test-head {
    margin-bottom: 25px;
}

/* s9 */
.s9 {
    background: linear-gradient(to bottom, rgba(70,70,70,0.6) 0%,rgba(0,0,0,0.8) 100%);
    border-bottom: 2px solid #d52e1a;
}
.s9 .content {
    background: linear-gradient(45deg, rgba(77,2,18,1) 0%,rgba(255,0,122,0.6) 30%,rgba(255,0,122,0) 100%);
    padding: 20px;
}
.s9 .content::before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 100%;
    width: 96%;
    background: linear-gradient(45deg, rgba(250,65,6,1) 0%,rgba(255,0,122,0) 100%);
    z-index: -2;
    scale: 1.05;
    opacity: 0.9;
}
.s9 .content,
.s9 .content::before {
	border-radius: 20px;
}
.s9 .colmn .content:not(:last-child) {
    margin-bottom: 25px;
}
.s9 .content .img-wrapper {
    flex: 0 0 auto;
    margin-right: 15px;
}

/* s10 */
.s10 .row {
    margin: 0 auto;
    row-gap: 30px;
}
.s10 span {
    background: linear-gradient(to right,rgba(208,3,53,1) 0%,rgba(217,80,4,1) 100%);
    display: flex;
    justify-content: center;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
    padding: 5px 14px;
    border-radius: 10px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.s10 .vid-samples {
    padding-top: 56.25%;
    background: #333;
    border: 2px solid #6e00fc;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px #000000e6;
}
.s10 .vid-samples:hover {
    border: 2px solid #ed003c;
}
.s10 iframe {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    border: unset;
}

/* s11 */
.s11 {
    background: linear-gradient(to bottom, rgba(17,0,65,1) 0%,rgba(84,0,150,1) 40%,rgba(74,18,118,0.6) 100%);
}
.s11::before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    background: url(../images/s11-bg.png) no-repeat center /cover;
}
.s11 .title-area h2 {
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(217,4,208,1) 10%,rgba(217,4,208,1) 90%,rgba(0,0,0,0) 100%);
    padding: 5px 10px;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
}
.s11 .row {
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
    row-gap: 50px;
}
.s11 .row .img-wrapper:hover {
    scale: 1.1;
    filter: drop-shadow(0 0 10px rgba(217 4 208 /90%));
}

/* s12 */
.s12 .title-area {
    max-width: 1000px;
}
.s12 .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 70px;
    margin-top: 100px;
}
.s12 .content {
    flex: 0 0 33.33%;
    max-width: 32%;
    background: #3E0040;
    /* overflow: hidden; */
}
.s12 .content,
.s12 .content::before {
	border-radius: 20px;
}
.s12 .content::before {
    display: block;    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(45deg, rgba(255,0,184,0.5) 0%,rgba(255,0,92,1) 50%,rgba(255,0,199,0.5) 100%);
    inset: 0;
    margin: auto;
    scale: 1.015;
    z-index: -1;
}
.s12 .con-head {
    background: #1C0117;
    padding: 0 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    align-items: unset !important;
}
.s12 .con-head::before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 4px;
    width: 100%;
    background: linear-gradient(to right, rgba(255,0,184,0.2) 0%,rgba(255,0,92,1) 100%);
}
.s12 .con-head .img-wrapper {
    flex: 0 0 auto;
    margin-right: 15px;
    top: -30px;
}
.s12 .content .text-wrapper {
    padding: 35px 20px;
}
.s12 .con-head h5 {
    text-transform: capitalize;
    padding-top: 25px;
}
.s12 .text-wrapper p {
    text-transform: lowercase;
    text-align: center;
}

/* in1 */
.in1 {
    background: linear-gradient(to bottom, rgba(17,0,65,1) 0%,rgba(74,18,118,1) 100%);
}
.in1 .row .img-wrapper {
    max-width: max-content;
}
.in1 .f1 {
    left: -100px;
    bottom: 0;
}
.in1 .f2 {
    right: -100px;
    bottom: 0;
    top: 0;
    margin: auto;
}

/* s13 */
.s13 .title-area h2.sm-heading {
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(208,3,53,1) 10%,rgba(217,80,4,1) 90%,rgba(0,0,0,0) 100%);
    padding: 5px 10px;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
}
.s13 .row .img-wrapper {
    filter: drop-shadow(0 0 10px rgba(190 35 175 /100%));
}
.s13 .colmn h4 {
    background: linear-gradient(45deg, rgba(77,2,18,1) 0%,rgba(255,0,122,0.6) 30%,rgba(255,0,122,0) 100%);
    padding: 5px 10px;
    margin-bottom: 25px;
}
.s13 .colmn h4, .s13 .colmn h4::before {
    border-radius: 20px;
}
.s13 .colmn h4::before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 100%;
    width: 96%;
    background: linear-gradient(45deg, rgba(250,65,6,1) 0%,rgba(255,0,122,0) 100%);
    z-index: -2;
    scale: 1.05;
    opacity: 0.9;
}
.floating-img .l {
    left: -250px;
}
.floating-img .r {
    right: -300px;
    transform: rotateY(175deg);
}
.f-ul {
    text-decoration: underline !important;
}
.b3 {
    top: 0;
}
.b4 {
    top: 3000px;
}
.b5 {
    top: 5600px;
}
.b6 {
    bottom: 5600px;
}
.b7 {
    bottom: 3000px;
}
.b8 {
    bottom: 0;
}
/* right */
.b9 {
    top: 0;
}
.b10 {
    top: 3000px;
}
.b11 {
    top: 5600px;
}
.b12 {
    bottom: 5600px;
}
.b13 {
    bottom: 3000px;
}
.b14 {
    bottom: 0;
}

/* s14 */
.grad-bg {
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(208,3,53,1) 10%,rgba(217,80,4,1) 90%,rgba(0,0,0,0) 100%);
    padding: 5px 10px;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
}
.s14 * {
    color: #fff;
}
.s14 table {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(247 1 222 /90%);
}
.s14 th {
    background: #5B5B5B;
    text-align: center;
	border-top: unset;
	padding: 10px;
}
.s14 td {
    background: #363636;
    padding: 10px;
}
.s14 td:not(:first-child) {
    text-align: center;
}
.s14 td,
.s14 th {
	border: 1px solid #ddd;
}	
.s14 th {
    border-top: unset;
}
.s14 th:first-child,
.s14 td:first-child {
    border-left: unset;
}
.s14 tr:last-child td {
    border-bottom: unset;
}
.s14 th:last-child,
.s14 tr td:last-child {
    border-right: unset;
}
.s14 td:not(:first-child)::before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 30px;
    width: 30px;
}
.s14 td.x::before {
	background: url(../images/wrong.png) no-repeat center /contain;
}
.s14 td.c::before {
	background: url(../images/check.png) no-repeat center /contain;
}

/* s15 */
.s15.v1,
.s15.v4,
.s15.v7  {
    background: #fff;
}
.s15.v1 *,
.s15.v4 *,
.s15.v7 * {
	color: #000;
}
.s15.v2 {
    background: linear-gradient(45deg, rgba(121,6,119,1) 0%,rgba(0,21,36,1) 50%,rgba(126,3,5,1) 100%);
}
.s15.v6 {
    background: linear-gradient(to bottom, rgba(39,39,39,0.5) 0%,rgba(207,18,238,0.5) 50%,rgba(217,217,217,0) 100%);
}
.s15.v8 {
    background: linear-gradient(to right, rgba(49,2,2,1) 0%,rgba(255,0,122,0.5) 50%,rgba(255,89,36,0) 100%);
}
.s15.v1 .title-area h2 {
    color: #FA4106;
    font-weight: 700;
    max-width: 1200px;
    margin: 0 auto 25px;
}
.s15.v6 .title-area.v2 {
    max-width: 1200px;
}
.s15.v1 .f1 {
    left: -50px;
    bottom: 100px;
    max-width: 350px;
}
.s15.v1 .f2 {
    right: -50px;
    bottom: 100px;
    transform: rotateY(180deg);
    max-width: 350px;
}
.s15.v2 .colmn-1 {
    background: #1C0117;
    padding: 30px;
    border: 2px solid #FF5C00;
    border-radius: 30px;
}
.s15.v4 .title-area span {
    display: unset !important;
    background: unset;
    max-width: unset;
    margin: unset;
    padding: unset;
    border-radius: unset;
    color: unset;
    text-shadow: unset;
}
.s15.v4 .title-area.v2 h2 {
    color: red;
}
.s15.v5 .title-area h2:first-of-type {
    display: flex;
    max-width: max-content;
    margin: 0 auto;
    padding: 5px 15px;
    background: #e507f3;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
    border-radius: 10px;
}
.s15.v5 .title-area.v2 {
    max-width: 1100px;
}
.s15.v5 .content-wrapper .row:nth-child(odd) .text-wrapper {
    background: linear-gradient(to right, rgba(255,0,122,0) 0%,rgba(255,0,122,0.8) 50%,rgba(79,2,19,1) 100%);
    left: 40px;
    border-left: unset;
}
.s15.v5 .content-wrapper .row:nth-child(even) .text-wrapper {
    background: linear-gradient(to right, rgba(79,2,19,1) 0%,rgba(255,0,122,0.5) 50%,rgba(255,0,122,0) 100%);
    right: 40px;
    border-right: unset;
}
.s15.v5 .content-wrapper .text-wrapper {
    border-radius: 30px;
    border: 1px solid #FA4106;
    padding: 20px;
    z-index: 1;
}
.s15.v5 .content-wrapper .row:nth-child(odd) .img-wrapper {
    right: 30px;
}
.s15.v5 .content-wrapper .row:nth-child(even) .img-wrapper {
    left: 30px;
}
.s15.v6 .title-area.v1 h2 {
    /* display: flex; */
    max-width: max-content;
    margin: 0 auto;
    padding: 5px 15px;
    background: #e507f3;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
    border-radius: 10px;
}
.s15.v7 .title-area span {
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #fff !important;
}
.s15.v8 .f1 {
    left: -50px;
    bottom: 50px;
    max-width: 350px;
}
.s15.v8 .f2 {
    right: -50px;
    top: 50px;
    max-width: 250px;
}
.s15.v9 .title-area h2:first-of-type {
    background: linear-gradient(45deg, rgba(255,19,182,1) 0%,rgba(255,71,53,1) 100%);
    max-width: max-content;
    margin: 0 auto;
    padding: 5px 20px;
    border-radius: 15px;
    color: #fff;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
}
.grad-bg-v2 {
    /* display: unset !important; */
    background: linear-gradient(45deg, rgba(255,19,182,1) 0%,rgba(255,71,53,1) 100%);
    max-width: max-content;
    padding: 2px 10px;
    border-radius: 5px;
    color: #fff !important;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.s15 .title-area span {
    display: inline-flex;
    justify-content: center;
    background: linear-gradient(45deg, rgba(255,19,182,1) 0%,rgba(255,71,53,1) 100%);
    max-width: max-content;
    margin: 0 auto;
    padding: 5px 20px;
    border-radius: 15px;
    color: #fff;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
}
.s15.v1 .row {
    max-width: 1000px;
    margin: 0 auto;
}
.s15 .row .img-wrapper {
    max-width: max-content;
    margin: 0 auto;
    filter: drop-shadow(2px 4px 6px rgba(247 1 222 /90%));
}
.s15.v5 .title-area span {
    display: unset;
    background: unset;
    padding: unset;
}
.s15 li {
    padding-left: 35px;
    margin-top: 25px;
    text-align: justify;
}
.s15 li::before {
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    height: 22px;
    width: 22px;
    background: url(../images/check.png) no-repeat center /contain;
}
.s15 li.x::before {
    background: url(../images/wrong.png) no-repeat center /contain;
}
.s15.v5 h3 {
    background: linear-gradient(135deg, rgba(240,7,255,1) 0%,rgba(13,8,18,1) 100%);
    max-width: max-content;
    padding: 5px 15px;
    border-radius: 5px;
    text-shadow: 0 3px 3px rgba(0 0 0 /40%);
    border: 1px solid #ffff;
    margin-bottom: 25px;
    filter: drop-shadow(2px 4px 6px rgba(247 1 222 /90%));
}
.grad-bg-v3 {
    /* display: unset !important; */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(198,0,202,1) 10%,rgba(198,0,202,1) 90%,rgba(255,255,255,1) 100%);
    max-width: max-content;
    padding: 10px;
    border-radius: 5px;
    color: #fff !important;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    border: 2px solid #fff;
    filter: drop-shadow(2px 4px 6px rgba(247 1 222 /90%));
    margin: 0 auto;
}
.grad-bg-v4 {
    /* display: unset !important; */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(202,0,73,1) 10%,rgba(202,0,73,1) 90%,rgba(255,255,255,1) 100%);
    max-width: 1000px;
    padding: 10px;
    border-radius: 5px;
    color: #fff !important;
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    border: 2px solid #fff;
    filter: drop-shadow(2px 4px 6px rgba(247 1 222 /90%));
    margin: 25px auto 0;
}
.s15.v8 .title-area {
    max-width: 900px;
}
.s15.v9 {
    background: linear-gradient(to right, rgba(49,2,2,1) 0%,rgba(173,0,255,0.5) 50%,rgba(255,89,36,0) 100%);
}
.s15.v9 .title-area h2.v3 {
    max-width: 1000px;
    margin: 0 auto;
    border: 2px solid #fff;
}

/* testtimony */
.test2 {
    background: #fff;
}
.test2 p.h1 {
    color: #815DC1;
}
.test2 p.h4 {
    color: #2D2D2D;
}
.test2 .content-wrapper {
    max-width: 1150px;
}
.test2 .row:first-of-type {
    gap: 30px;
}
.test2 .colmn {
    flex: 0 0 50%;
    max-width: 48%;
    border: 3px solid #EB6F55;
    padding: 40px;
    border-radius: 20px;
    background: #151013;
}
.test2 .colmn p {
    text-align: justify;
}
.test2 .colmn-1 .testimony img, .test2 .colmn-3 .testimony img, .test2 .colmn-4 .testimony img {
    height: 116px;
    width: 116px;
    border: 4px solid #fff;
    border-radius: 100%;
}

/* abhi */
.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;
}


/* s16 */
.s16 .title-area {
    max-width: 900px;
}
.s16 li {
    padding-left: 35px;
}
.s16 li:not(:last-child) {
    margin-bottom: 25px;
}
.s16 li::before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 22px;
    width: 22px;
    /* background: url(../images/check.png) no-repeat center /contain; */
}
.s16 li.x::before {
    background: url(../images/s16-x.png) no-repeat center /contain;
}
.s16 li.c::before {
    background: url(../images/s16-ck.png) no-repeat center /contain;
}
.s16 .tbl-1 {
    scale: 0.95;
    border: 4px solid #FF00E5;
}
.s16 .tbl-2 {
    border: 4px solid #B10DFF;
}
.s16 .tbl {
    border-radius: 30px;
    overflow: hidden;
    background: #1F1E1E;
}
.s16 .tbl-head {
    padding: 20px 10px;
}
.s16 .tbl-head .img-wrapper {
    filter: drop-shadow(1px 1px 5px rgba(0 0 0 /30%));
    max-width: 55%;
    margin: 0 auto;
}
.s16 .tbl-1 .tbl-head {
    background: linear-gradient(135deg, rgba(250,0,255,0.5) 0%,rgba(255,0,0,0.5) 100%);
	border-bottom: 4px solid #FF00E5;
}
.s16 .tbl-2 .tbl-head {
    background: linear-gradient(135deg, rgba(250,0,255,0.5) 0%,rgba(0,178,255,0.5) 100%);
    border-bottom: 4px solid #b10dff;
}
.s16 .tbl-body {
    padding: 30px 50px;
}
.pricing-table {
    max-width: 1200px;
    margin: 0 auto;
}

/* faq */
.faq {
    background: #fff;
    border-bottom: 3px solid #fe5c00;
}
.faq * {
	color: #000;
}
.faq .title-area h2 {
    color: #FF18AA;
}
.faq .content h4 {
    background: linear-gradient(45deg, rgba(227,2,209,0.7) 0%,rgba(85,14,100,0.8) 100%);
    color: #fff;
    padding: 15px 25px;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0 0 0 /50%);
    text-shadow: 0 3px 3px rgba(0 0 0 /30%);
    margin-bottom: 25px;
}
.faq .colmn .content:not(:last-child) {
    margin-bottom: 50px;
}
.faq a u:hover {
    color: red;
}
.faq li {
    padding-left: 35px;
}
.faq li:not(:last-child) {
    margin-bottom: 25px;
}
.faq li::before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 22px;
    width: 22px;
    background: url(../images/faq-ck.png) no-repeat center /contain;
}

/* btn-wrap */
.btn-wrap.v3 {
    background: linear-gradient(45deg, rgba(227,2,209,0.7) 0%,rgba(85,14,100,0.8) 100%);
}
.btn-wrap.v3 h1 {
    color: #fff;
}




/* 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 p.font-italic {
    font-style: italic;
	text-align: center;
}

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

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

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

.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';
	text-decoration: none;
}

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

.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;
    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
}