@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&amp;family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700&amp;family=Nunito:wght@900&amp;family=Poppins:ital,wght@0,500;0,600;0,700;0,800;0,900;1,500;1,600;1,700;1,800;1,900&amp;display=swap";

html {
overflow-x:hidden;
scroll-behavior:smooth
}

body {
margin:0;
padding:0!important;
background-color:#080713;
overflow-x:clip
}

* {
-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 .5s ease!important;
-moz-transition:all .5s ease!important;
transition:all .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,th {
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:'Montserrat',sans-serif
}

.text-wrapper p:not(:last-child) {
margin-bottom:25px
}

ul {
list-style:none;
margin:0;
padding:0
}

.xl-heading {
font-size:70px;
line-height:1.2
}

.md-heading {
font-size:65px;
line-height:1.2
}

.font-xl {
font-size:50px;
line-height:1.2
}

.sm-heading {
font-size:45px;
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,#ff004dff 0%,#bd00b6ff 50%,#cb89ffff 100%);
-webkit-background-clip:text!important;
-webkit-text-fill-color:transparent!important;
max-width:max-content
}

.grad-txt-v2 {
background:linear-gradient(135deg,#a800c6ff 0%,#eec1ffff 50%,#e138ffff 100%);
-webkit-background-clip:text!important;
-webkit-text-fill-color:transparent!important;
max-width:max-content
}

.shadow-dreamy {
box-shadow:0 1px 2px #000f 0 2px 4px #000f 0 4px 8px #000f 0 8px 16px #000f 0 16px 32px #000f 0 32px 64px #00000012
}

.wrap {
position:fixed;
z-index:2000;
right:18px;
bottom:18px;
max-width:220px;
background:#3f3d39e6;
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
}

.img-fluid {
display:block
}

.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:0 0 10px #00000026
}

.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: 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
}
}

.blackbar {
background:#000;
padding:15px;
z-index:2;
position:fixed;
width:100%
}

.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,#fa21ceff 0%,#8145ffff 50%,#fa21ceff 100%);
background-size:150%;
text-shadow:0 3px 3px #0000004d
}

.blackbar .colmn-3 a:hover {
background-position:right
}

.floating-img {
position:absolute;
width:100%;
height:100%;
inset:0;
margin:auto
}

.floating-img img {
position:absolute
}

.nasa {
font-family:'Nasalization',sans-serif
}

.oceanic {
font-family:'Oceanic Drift Italic',sans-serif
}

.poppins {
font-family:'Poppins',sans-serif
}

.text-underline {
text-decoration:underline!important
}

.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
}

.banner .scene img {
transition:unset!important
}

.banner .p1 {
left:-5%!important;
top:65%!important;
z-index:1
}

.banner .p2 {
left:80%!important;
top:20%!important;
z-index:10
}

.banner .p3 {
left:-30%!important;
top:10%!important;
z-index:-1
}

.banner .p4 {
left:60%!important;
top:-60%!important;
z-index:-1
}

.nunito {
font-family:'Nunito',sans-serif
}

.banner {
padding:150px 15px 50px
}

.banner .title-area {
margin:0 auto 50px;
text-align:center
}

.banner .f1 {
right:0;
bottom:-700px;
z-index:1
}

.banner h1 span:before {
position:absolute;
display:block
}

.banner h3 {
max-width:900px;
margin:0 auto
}

.banner h3 span {
color:#CD8DFF
}

.banner .title-area span.v1 {
text-shadow:0 3px 5px #00000080
}

.banner span.v1:before {
left:0;
right:0;
bottom:15px;
height:10px;
width:100%;
background:linear-gradient(to right,#f020 0%,#f00039ff 50%,#6c00ffff 100%);
margin:auto;
z-index:-1;
border-radius:20px
}

.banner .title-area span.v2 {
background:linear-gradient(to right,#b7001580 0%,#4000a680 100%);
padding:0 5px;
-webkit-box-decoration-break:clone;
box-decoration-break:clone;
justify-content:center
}

.banner .title-area span.v2:before {
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 right,#0000 0%,#ff294fff 45%,#c0ff 55%,#0000 100%);
height:100%;
width:95%;
inset:0;
margin:auto
}

.banner .title-area h6 {
text-transform:uppercase;
letter-spacing:5px;
margin:15px auto
}

.banner .title-area .date {
max-width:max-content;
background:linear-gradient(135deg,#b80015ff 0%,#4200a3ff 100%);
margin:25px auto;
padding:10px 20px;
border:1px solid #fff;
border-radius:50px;
filter:drop-shadow(0 0 15px #ff0000e6)
}

.banner .vid-wrap,.s8 .vid-wrap {
max-width:1000px;
margin:0 auto;
padding:10px;
overflow:hidden;
border-radius:30px;
box-shadow:0 0 10px #00000080
}

.banner .in-vid,.s8 .in-vid {
border:1px solid #fff;
border-radius:20px;
overflow:hidden
}

.banner .spin-grad,.s8 .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)
}
}

.btn-wrap {
background:url(../images/btn-bg2.png) no-repeat center /cover;
padding:70px 15px
}

.btn-wrap.v1 {
background:unset
}

.btn-wrap h3 del {
color:#fff
}

.btn-wrap p {
text-align:center;
margin-bottom:25px;
font-weight:700;
text-transform:uppercase
}

.btn-wrap p span {
color:#E086FF
}

.btn-wrap a:hover {
background-position:right
}

.btn-wrap a {
background:linear-gradient(to right,#3aedbbff 0%,#2498d2ff 50%,#3aedbbff 100%);
margin:0 auto 25px;
display:block;
max-width:900px;
background-size:200%;
padding:20px;
text-align:center;
border-radius:10px;
box-shadow:0 0 40px #16abffcc;
border-top:3px solid transparent;
border-bottom:3px solid transparent;
border-image:linear-gradient(to right,#fff0 0%,#ffff 50%,#fff0 100%);
border-image-slice:1
}

.btn-wrap a h3 {
text-transform:uppercase;
font-family:'Montserrat',sans-serif;
text-shadow:0 3px 3px #0000004d
}

.btn-wrap .custom-wrapper:before {
display:block;
position:absolute;
inset:0;
margin:auto;
height:320px;
width:100%;
transform:scaleX(1.1);
scale:.9;
background:url(../images/btn-bg.png) no-repeat center /contain
}

.bg {
overflow:hidden
}

.s1 {
padding:50px 15px
}

.s1 .custom-wrapper {
max-width:1500px
}

.s1 .title-area {
margin:0 auto 50px;
max-width:max-content;
text-align:center
}

.s1 .title-area h4 {
letter-spacing:3px
}

.s1 .line {
background:linear-gradient(to right,#0000 0%,#ff294fff 45%,#c0ff 55%,#0000 100%);
height:5px;
margin-top:5px
}

.s1 .content-wrapper {
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap
}

.s1 .colmn {
flex:0 0 42%;
max-width:50%
}

.s1 .colmn-1 .content p:before {
background:linear-gradient(to right,#a91b45ff 0%,#463bbe00 100%)
}

.s1 .content .img-wrapper:before {
display:block;
position:absolute;
width:100%;
height:100%;
border:1px solid #cf0105;
border-radius:10px;
opacity:0;
transition:.3s ease
}

.s1 .img-wrapper:hover {
filter:drop-shadow(0 0 10px #ff0000e6)
}

.s1 .content:hover .img-wrapper::before {
opacity:1;
transform:scale(1.2);
transition:.3s ease
}

.s1 .content .img-wrapper {
flex:0 0 auto
}

.s1 .content {
display:flex;
align-items:center
}

.s1 .colmn-1 .content {
justify-content:end
}

.s1 .colmn .content:not(:last-child) {
margin-bottom:50px
}

.s1 .colmn-1 .content:nth-child(even) {
margin-right:75px
}

.s1 .colmn-1 .img-wrapper {
right:10px
}

.s1 .colmn-1 .content:nth-child(3) {
margin-right:95px
}

.s1 .colmn-1 p {
text-align:end;
padding:10px 20px;
padding-right:30px;
border-radius:10px 0 0 10px
}

.s1 .colmn-2 p {
padding-left:30px
}

.s1 .colmn p {
height:70px;
display:flex;
flex-direction:column;
justify-content:center;
max-width:450px;
border-radius:10px
}

.s1 .colmn-1 .content:nth-child(odd):before {
background:linear-gradient(to right,#a91b45ff 0%,#463bbeff 100%);
z-index:-1
}

.s1 .colmn-1 .content:nth-child(even):before {
background:linear-gradient(to right,#6a1ba9ff 0%,#a450e7ff 100%);
z-index:-1;
border-radius:50px 0 0 50px
}

.s1 .colmn-1 .content p:after {
right:0
}

.s1 .colmn-2 .content:nth-child(even) {
margin-left:75px
}

.s1 .colmn-2 .img-wrapper {
margin-right:15px;
left:30px
}

.s1 .colmn-2 .content:nth-child(3) {
margin-left:95px
}

.s1 .colmn-2 {
left:-20px
}

.s1 .colmn .content p:before,.s1 .colmn .content p:after {
display:block;
position:absolute;
transform:scaleX(1.2);
scale:1.05;
border-radius:10px;
z-index:-2;
top:0;
bottom:0;
width:390px;
margin:auto;
border:1px solid #FA00FF;
border-radius:10px;
height:100px
}

.s1 .colmn-1 p:before {
right:0;
z-index:-1;
padding:1px;
-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 right,#f00f 0%,#8f00ffff 100%)
}

.s1 .colmn-1 .content p:after {
background:linear-gradient(to right,#a91b45ff 0%,#1f046cff 100%)
}

.s1 .colmn-2 .content p:after {
left:0;
background:linear-gradient(to right,#1f046cff 0%,#a91b45ff 100%)
}

.s1 .colmn-2 p:before {
left:0;
z-index:-1;
padding:1px;
-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 right,#8f00ffff 0%,#f00f 100%)
}

.s1 .logo {
inset:0;
margin:auto;
scale:1.2
}

.s1 .f1 {
left:-30px;
top:-100px
}

.arupala {
font-family:'Arupala Grotesk',sans-serif
}

.s2 {
padding:50px 15px
}

.s2.v3 {
background:linear-gradient(45deg,#9c099a80 0%,#08080cff 60%,#08080cff 100%)
}

.s2 .title-area {
max-width:900px;
text-align:center;
margin:0 auto 50px
}

.s2 .title-area .text-wrapper {
margin-top:25px
}

.s2 .title-area span.v1:before {
display:block;
position:absolute;
left:0;
right:0;
bottom:7px;
height:10px;
width:100%;
background:linear-gradient(to right,#f020 0%,#f00039ff 50%,#6c00ffff 100%);
margin:auto;
z-index:-1;
border-radius:20px
}

.s2 .title-area span.v2,.s4 .title-area span.v1,.s6 .title-area span,.s7 .title-area span,.s10 .title-area h1:last-of-type,.s11 .title-area h1.v2,
.s12 .title-area h1 {
background:linear-gradient(to right,#f00039ff 0%,#6c00ffff 100%);
padding:0 20px;
border-radius:50px;
text-shadow:0 3px 3px #0000004d;
-webkit-box-decoration-break:clone;
box-decoration-break:clone
}

.s2 .context {
padding:10px 20px;
border-radius:10px;
box-shadow:0 3px 5px #0006
}

.s2.v1 .context {
background:linear-gradient(45deg,#3900a0ff 0%,#800015ff 100%)
}

.s2.v5 .context {
background:linear-gradient(135deg,#810014ff 0%,#3900a0ff 100%);
border:1px solid #fff
}

.s2 .context:not(:last-child) {
margin-bottom:25px
}

.s2 .context .img-wrapper {
flex:0 0 auto;
margin-right:15px!important;
scale:unset!important;
margin-left:unset!important
}

.s2 .row:not(:last-child) {
margin-bottom:50px
}

.s2 .colmn .img-wrapper {
scale:1.1;
max-width:max-content;
margin:0 auto
}

.s2 .colmn h4 {
max-width:max-content;
font-weight:700;
padding:5px 20px;
margin-bottom:10px;
border-radius:10px;
text-shadow:0 3px 3px #0000004d
}

.s2.v2 .colmn h4 {
background:linear-gradient(to right,#f00039ff 0%,#6c00ffff 100%)
}

.s2.v4 .colmn h4 {
background:linear-gradient(135deg,#a800c6ff 0%,#3f00b1ff 100%)
}

.s2.v3 h3 {
max-width:max-content;
margin-bottom:10px;
text-transform:uppercase
}

.s2.v3 h3:before {
display:block;
position:absolute;
left:0;
right:0;
bottom:3px;
height:10px;
width:100%;
background:linear-gradient(to right,#f020 0%,#f00039ff 50%,#6c00ffff 100%);
margin:auto;
z-index:-1;
border-radius:20px
}

.s2 .colmn p {
text-align:justify
}

.s2 .bot-wrap {
max-width:900px;
margin:0 auto;
text-align:center;
padding:2px;
background:linear-gradient(135deg,#8f00ffff 0%,#ffff 50%,#ff003dff 100%)
}

.s2.v5 .grad h1:before {
display:block;
position:absolute;
left:0;
right:0;
bottom:5px;
margin:auto;
height:2px;
width:100%;
background:linear-gradient(135deg,#a800c6ff 0%,#eec1ffff 50%,#e138ffff 100%)
}

.s2 .bot-wrap,.s2 .bot-wrap .text-wrapper {
border-radius:30px
}

.s2 .bot-wrap .text-wrapper {
background:#000;
padding:20px
}

.max-w {
max-width:max-content
}

.s2.v2 .f1,.s2.v4 .f1,.s2.v5 .f1,.s2.v6 .f1 {
left:0;
top:0
}

.s2.v2 .f2,.s2.v4 .f2 {
left:0;
bottom:0
}

.s2.v2 .f3 {
top:0;
right:0
}

.s2.v2 .f4,.s2.v4 .f4,.s2.v5 .f2,.s2.v6 .f2 {
bottom:0;
right:0
}

.s2.v3 .f1 {
left:0;
top:0
}

.s2.v3 .f2 {
right:0;
bottom:0
}

.s2.v4 .f3 {
top:0;
right:0;
bottom:0;
margin:auto
}

.bg .b1 {
left:0;
bottom:0
}

.bg .b2 {
right:0;
bottom:0
}

.s3 {
overflow:hidden;
padding:50px 15px;
background:linear-gradient(135deg,#000f 0%,#000f 80%,#c61f3d80 90%,#8c00bf80 100%)
}

.s3 .title-area {
max-width:800px;
margin:50px auto;
text-align:center
}

.s3 .con-bg:not(:last-child) {
margin-bottom:50px
}

.s3 .con-bg {
background:linear-gradient(135deg,#ff007aff 0%,#7000ffff 100%);
max-width:max-content;
margin:0 auto;
padding:2px
}

.s3 .con-bg,.s3 .content {
border-radius:50px
}

.s3 .content {
max-width:900px;
margin:0 auto;
padding:50px;
background:#0A0C19;
overflow:hidden
}

.s3 .content:before {
top:-80px;
background:#FC002D
}

.s3 .content:before,.s3 .content:after {
display:block;
position:absolute;
left:0;
right:0;
margin:auto;
height:100px;
width:600px;
filter:blur(70px);
border-radius:100%
}

.s3 .content:after {
bottom:-80px;
background:#AC00BB
}

.s3 .text-wrapper {
text-align:center;
margin-top:25px;
z-index:1
}

.s3 .f1 {
left:0;
top:0
}

.box-con {
max-width:800px;
margin:0 auto;
padding:10px;
border:3px solid #70ff0080;
background:linear-gradient(to bottom,#70ff004d 0%,#70ff0000 100%);
text-align:center
}

.boxes {
position:absolute;
height:100%;
width:100%;
inset:0;
margin:auto
}

.box {
position:absolute;
background:#70FF00;
height:13px;
width:13px
}

.box-1 {
left:-7px;
top:-7px
}

.box-2 {
right:-7px;
top:-7px
}

.box-3 {
left:-7px;
bottom:-7px
}

.box-4 {
right:-7px;
bottom:-7px
}

.s4 {
padding:50px 15px;
overflow:hidden;
background:linear-gradient(135deg,#3500a780 0%,#000f 40%,#000f 60%,#3500a780 85%,#bf00ac80 100%)
}

.s4 .title-area {
text-align:center;
margin:0 auto 50px
}

.s4 .content-wrapper {
display:flex;
flex-wrap:wrap;
justify-content:center;
max-width:1000px;
gap:30px
}

.s4 .img-wrapper:hover {
scale:1.05;
filter:drop-shadow(0 0 10px #ff0000e6)
}

.s4 .f1 {
top:100px;
left:-100px
}

.s4 .f2 {
right:-100px;
bottom:0
}

.s4 .f3 {
left:0;
bottom:0
}

.s4 .f4 {
top:0;
right:0
}

.conthrax {
font-family:'Conthrax',sans-serif
}

.s5 {
padding:100px 15px;
background:url(../images/s5-bg.png) no-repeat center /cover
}

.s5 .title-area {
    display: flex;
    align-items: center;
    gap: 25px;
    margin: 0 auto;
    justify-content: center;
    flex-direction: column;
    max-width: 550px;
}

/* .s5 .title-area:before {
background:url(../images/s5-tbg.png) no-repeat center /contain;
z-index:-1;
width:100%;
height:400px;
scale:1.6;
inset:0;
margin:auto;
bottom:-85px;
left:-80px
} */

.s5 .title-area:before,.s5 .title-area .img-wrapper:before {
display:block;
position:absolute
}

.s5 .title-area h1 {
letter-spacing:8px
}

/* .s5 .title-area .img-wrapper {
padding:35px;
background:#000;
border-radius:100%
}

.s5 .title-area .img-wrapper:before {
height:100%;
width:100%;
background:linear-gradient(to bottom,#f00f 0%,#2400ffff 100%);
z-index:-1;
border-radius:100%;
filter:blur(10px);
inset:0
} */

.s5 .content-wrapper .img-wrapper {
scale:1.1;
transform-origin:50% -100%
}

.s5 .content-wrapper .img-wrapper:hover {
scale:1.15;
transform-origin:50% -50%;
filter:drop-shadow(0 0 10px #f30015e6);
color:#f30000
}

.s5 .f1 {
left:-50px;
top:0;
bottom:0;
margin:auto
}

.s5 .f2 {
top:300px;
right:350px
}

.s6 {
padding:50px 15px;
background:linear-gradient(135deg,#3500a780 0%,#000f 40%,#000f 60%,#3500a780 85%,#bf00ac80 100%)
}

.s6 .title-area {
max-width:1000px;
margin:0 auto 50px;
text-align:center
}

.s6 .content-wrap {
display:flex;
flex-wrap:wrap;
justify-content:space-between
}

.s6 .content {
flex:0 0 33.33%;
max-width:31%;
background:url(../images/s6-conbg.png) no-repeat center /cover;
background-color:#000;
padding:40px
}

.s6 .content,.s6 .content:after {
border-radius:30px
}

.s6 .con-head .img-wrapper {
top:-55px
}

.s6 .step p:last-of-type {
background:linear-gradient(135deg,#f00f 0%,#9100c5ff 100%);
-webkit-background-clip:text!important;
-webkit-text-fill-color:transparent!important;
max-width:max-content;
font-size:85px;
line-height:1;
font-weight:700;
font-family:'Poppins',sans-serif
}

.s6 .con-body .text-wrapper p:not(:last-child) {
margin-bottom:10px
}

.s6 .content:not(:last-child):before,.s6 .content:after {
display:block;
position:absolute
}

.s6 .content:not(:last-child):before {
top:0;
bottom:0;
margin:auto;
background:url(../images/arrow-left.png) no-repeat center /contain;
height:30px;
width:30px;
left:445px
}

.s6 .content:after {
inset:0;
margin:auto;
height:100%;
width:100%;
background:linear-gradient(to bottom,#000f 0%,#ffff 100%);
z-index:-1;
scale:1.005
}

.s6 .in-title-area {
text-align:center;
max-width:900px;
margin:50px auto
}

.s6 .step p:first-child {
text-align:center;
letter-spacing:10px
}

/* test */
.test {
    padding: 50px 15px;
}
.test .content-wrapper {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1400px;
}
.test .title-area {
    margin: 0 auto 50px;
    text-align: center;
    max-width: max-content;
    padding: 10px 25px;
    border-radius: 50px;
    border: 2px solid #fff;
}
.test .title-area span {
    color: #FFD600;
}
.test .colmn {
    flex: 0 0 49%;
    max-width: 50%;
    background-color: #fff;
    padding: 30px;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0 0 0/30%);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}
.test .colmn * {
    color: #575757;
}
.test .bot-wrap {
    display: flex;
    align-items: center;
    max-width: max-content;
    padding: 10px 20px;
    background: rgba(255 255 255/50%);
    border-radius: 100px;
    margin-top: 25px;
    box-shadow: 0 0 10px rgba(0 0 0/30%);
}
.test .bot-wrap .img-wrapper {
    flex: 0 0 auto;
    margin-right: 15px;
}
.test .colmn img, .testimony .colmn img {
    height: 116px;
    width: 116px;
    border-radius: 100%;
    border: 2px solid #fff;
}

.testimony {
    padding: 50px 15px;
}
.testimony .title-area {
    margin: 0 auto 50px;
}
.testimony .content-wrapper {
    max-width: 1150px;
}
.testimony .row:first-of-type {
    gap: 30px;
}
.testimony .colmn {
    flex: 0 0 50%;
    max-width: 48%;
    border: 3px solid #EB6F55;
    padding: 40px;
    border-radius: 20px;
    background: #151013;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}
.testimony .colmn:hover {
    filter: drop-shadow(0 0 10px rgba(250 0 255/90%));
}
.testimony .colmn p {
    text-align: justify;
}
.testimony .colmn-1 .test-con img, .testimony .colmn-3 .test-con img, .testimony .colmn-4 .test-con img {
    height: 116px;
    width: 116px;
    border: 4px solid #fff;
    border-radius: 100%;
}
.testimony.v1 .test-con {
    display: flex;
    align-items: center;
}
.testimony.v1 .img-wrapper {
    flex: 0 0 auto;
    margin-right: 25px;
}

.s7 {
padding:50px 15px;
overflow:hidden
}

.s7 .title-area {
text-align:center;
margin:0 auto 50px
}

.s7 .content-wrapper {
display:flex;
flex-wrap:wrap;
max-width:850px;
gap:50px;
justify-content:center
}

.s7 .row {
margin:0 auto;
row-gap:30px
}

.s7 .vid-samples {
/* padding-top:56.25%; */
background:#333;
border:2px solid #6e00fc;
border-radius:10px;
overflow:hidden;
box-shadow:0 0 10px #000000e6
}

.s7 .vid-samples:hover {
border:2px solid #ed003c
}

.s7 iframe {
position:absolute;
inset:0;
height:100%;
width:100%;
border:unset
}

.s7 .f1,.s8 .f1 {
left:0;
top:0
}

.s7 .f2 {
right:0;
bottom:0
}

.s8 .f2 {
right:0;
top:0
}

.s8 {
padding:50px 15px;
background:url(../images/s8-bg.png) no-repeat center /cover;
overflow:hidden
}

.s8 .title-area {
max-width:max-content;
margin:0 auto 50px;
text-align:center
}

.s8 .title-area h2 {
letter-spacing:5px;
max-width:max-content;
background:linear-gradient(135deg,#b70015ff 0%,#4200a3ff 100%);
padding:10px 30px;
border-radius:50px;
font-weight:700;
text-shadow:0 3px 3px #0000004d
}

.s8 .title-area h3 {
text-transform:uppercase;
margin-top:20px;
font-weight:700;
letter-spacing:5px
}

.s8 .title-area span {
background:linear-gradient(to right,#8633e6ff 0%,#ad72c8ff 50%,#dabba4ff 100%);
padding:5px 10px;
border-radius:10px;
text-shadow:0 3px 3px #0009
}

.s9 {
padding:50px 15px;
overflow:hidden
}

.s9.v5 {
background:linear-gradient(135deg,#a60e85ff 0%,#000f 30%,#000f 80%,#3500a7ff 90%,#9100aaff 100%)
}

.s9 .title-area {
text-align:center;
margin:0 auto 50px;
max-width:max-content
}

.s9.v2 .title-area {
max-width:600px;
margin:0 auto 90px
}

.s9.v3 .title-area,.s9.v4 .title-area,.s9.v5 .title-area {
max-width:700px
}
.s9.v3 .title-area span.v1:before {
    position: absolute;
    display: block;
    height: 3px;
    width: 100%;
    left: 0;
    bottom: 5px;
    right: 0;
    margin: auto;
    background: linear-gradient(135deg,#a800c6ff 0%,#eec1ffff 50%,#e138ffff 100%);
}

.s9 .title-area h3 {
background:linear-gradient(to right,#f00039ff 0%,#6c00ffff 100%);
padding:0 20px;
border-radius:50px;
text-shadow:0 3px 3px #0000004d;
-webkit-box-decoration-break:clone;
box-decoration-break:clone;
max-width:max-content;
margin:5px 0 25px;
border:1px solid #fff
}

.s9 .head .img-wrapper {
flex:0 0 auto;
margin-right:15px
}

.s9 .colmn .text-wrapper p {
text-align:justify
}

.s9 .colmn-2 .img-wrapper {
max-width:max-content;
margin:0 auto
}

.s9.v1 .colmn-2 .img-wrapper:hover {
scale:1.25!important;
filter:drop-shadow(0 0 10px #ff007ab3)
}

.s9.v1 .colmn-2 .img-wrapper {
scale:1.2
}

.s9.v2 .colmn-2 .img-wrapper {
scale:1.1
}

.s9 .row:not(:last-child) {
margin-bottom:80px
}

.s9 li {
padding-left:45px;
margin-bottom:25px;
text-align:justify
}

.s9 li:before {
display:block;
position:absolute;
left:0;
top:5px;
height:30px;
width:30px;
background:url(../images/s2-ck.png) no-repeat center /contain
}

.s9 .f1 {
left:0;
top:1300px
}

.s9 .f2 {
left:0;
top:0;
bottom:0;
margin:auto
}

.s9 .f3 {
left:0;
bottom:1300px
}

.s9 .f4 {
top:0;
right:0
}

.s9 .f5 {
top:3300px;
right:0
}

.s9 .f6 {
right:0;
bottom:3300px
}

.s9 .f7 {
right:0;
bottom:-500px
}

.s9.v3 .f1 {
left:0;
top:-100px;
transform:rotateY(180deg)
}

.s9.v3 .f2 {
right:0;
top:0;
margin:unset;
left:unset
}

.s9.v4 .f1 {
left:0;
top:0
}

.s9.v4 .f2 {
right:0;
top:unset;
bottom:0;
margin:unset;
left:unset
}

.s9.v5 .f1 {
left:0;
top:unset;
bottom:300px
}

.s9.v5 .f2 {
left:unset;
bottom:unset;
margin:unset;
right:0;
top:-400px
}

.s10 {
padding:50px 15px;
overflow:hidden
}

.s10 .title-area {
text-align:center;
margin:0 auto 50px;
max-width:800px
}

.s10 .content-wrapper {
display:flex;
flex-wrap:wrap;
max-width:1150px;
justify-content:center;
gap:50px;
text-align:center
}

.s10 .con-bg:hover {
scale:1.05;
box-shadow:0 0 20px #ff007aff
}

.s10 .con-bg {
padding:2px;
background:linear-gradient(135deg,#ff007aff 0%,#7000ffff 100%)
}

.s10 .con-bg,.s10 .content {
border-radius:30px
}

.s10 .content {
padding:20px;
overflow:hidden;
background:#0A0C19
}

.s10 .content:before,.s10 .content:after {
display:block;
position:absolute;
left:0;
right:0;
margin:auto;
height:50px;
width:90%;
filter:blur(40px);
border-radius:100%
}

.s10 .content:before {
top:-10px;
background:#FC002D
}

.s10 .content:after {
bottom:-10px;
background:#AC00BB
}

.s10 .content h5 {
background:linear-gradient(135deg,#bb001aff 0%,#5400ddff 100%);
padding:10px;
border-radius:5px;
text-shadow:0 3px 3px #0000004d;
-webkit-box-decoration-break:clone;
box-decoration-break:clone;
z-index:1;
margin-top:25px
}

.s11 {
padding:50px 15px
}

.s11 .title-area {
text-align:center;
margin:0 auto 50px;
max-width:1000px
}

.s11 .title-area .text-wrapper {
max-width:900px;
margin:0 auto
}

.s11 .content-wrapper {
max-width:1100px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
row-gap:50px;
text-align:center
}

.s11 .con-bg {
flex:0 0 48%;
max-width:50%;
padding:2px;
background:linear-gradient(to bottom,#0057ffff 0%,#f00f 100%)
}

.s11 .con-bg:hover {
scale:1.05;
filter:drop-shadow(0 0 20px #0057ffcc)
}

.s11 .con-bg,.s11 .content {
border-radius:30px
}

.s11 .content {
overflow:hidden;
background:linear-gradient(to bottom,#090072ff 0%,#761254ff 100%);
height:100%
}

.s11 .con-head,.s11 .con-body {
padding:30px
}

.s11 .con-head {
background:#000
}

.s11 .con-head .img-wrapper {
flex:0 0 auto;
margin-right:25px
}

.bg-v2 {
overflow:hidden
}

.bg-v2 .f1 {
left:0;
top:0;
bottom:0;
margin:auto;
transform:rotateX(180deg)
}

.bg-v2 .f2 {
bottom:0;
right:0
}

.bg-v2 .f3 {
top:-500px;
right:0;
transform:rotateY(180deg)
}

.s12 {
padding:50px 15px;
background:linear-gradient(135deg,#a60e85ff 0%,#000f 30%,#000f 80%,#3500a7ff 90%,#9100aaff 100%)
}

.s12 .title-area {
margin:0 auto 50px;
max-width:max-content;
text-align:center
}

.s12 .colmn .content:not(:last-child) {
margin-bottom:50px
}

.s12 .content-wrapper {
display:flex;
flex-wrap:wrap;
justify-content:space-between
}

.s12 .colmn {
flex:0 0 33.33%;
max-width:32%
}

.s12 .content {
border:1px solid #797979;
border-radius:30px;
background:#000
}

.s12 .content:before {
display:block;
position:absolute;
right:0;
top:-30px;
height:100px;
width:100px;
background:url(../images/s12-i1.png) no-repeat center /contain;
z-index:1;
filter:drop-shadow(0 20px 5px #0006)
}

.s12 .colmn-2 .content:before {
background:url(../images/s12-i2.png) no-repeat center /contain
}

.s12 .colmn-3 .content:before {
background:url(../images/s12-i3.png) no-repeat center /contain
}

.s12 .con-head {
margin:0 auto;
padding:30px;
border-bottom:1px solid #797979
}

.s12 .con-head img {
width:400px
}

.s12 .con-body .img-wrapper {
flex:0 0 auto;
margin-right:25px
}

.s12 .con-body {
padding:30px;
height:220px
}

.s12 .con-body:before {
display:block;
position:absolute;
left:0;
top:0;
height:100%;
width:80px;
background:#52003B;
border-bottom-left-radius:30px
}

.s12 .cw2 {
display:none
}

.s13 {
padding:50px 15px;
overflow:hidden;
background:linear-gradient(135deg,#000f 0%,#000f 80%,#c61f3d80 90%,#8c00bf80 100%)
}

.s13 * {
color:#fff
}

.s13 fieldset {
background:#000;
border:1px solid #fff;
border-radius:50px;
padding:50px;
padding-top:0;
max-width:1100px;
margin:0 auto;
overflow:hidden
}

.s13 legend {
max-width:max-content;
margin:0 auto 100px;
top:20px;
z-index:1
}

.s13 legend .img-wrapper {
top:20px
}

.s13 legend .img-wrapper img.v1 {
    width: 750px;
}

.s13 legend .title-area {
text-align:center;
position:absolute;
inset:0;
margin:auto;
top:10px
}

.s13 .tbl-bg,.s13 .tbl {
border-radius:30px
}

.s13 .tbl-bg {
padding:2px;
background:linear-gradient(to bottom,#ff00d6ff 0%,#ffff 50%,#5200ffff 100%)
}

.s13 .tbl {
background:#000;
overflow:hidden
}

.s13 table {
width:100%
}

.s13 th {
max-width:25%;
width:25%;
text-align:center;
padding:20px
}

.s13 th:nth-child(2) {
background:linear-gradient(to bottom,#5c0095ff 0%,#9600a4ff 100%)
}

.s13 th:nth-child(3) {
background:#46004E
}

.s13 th:nth-child(4) {
background:#330038
}

.s13 .tbl span.v1 {
color:#0F6
}

.s13 .tbl span.v2 {
color:#FF6262
}

.s13 tr:not(:first-child) {
border-top:1px solid #fff
}

.s13 td {
padding:20px
}

.s13 td:nth-child(2) {
background:#4B0055
}

.s13 td:nth-child(3) {
background:#3F0047
}

.s13 td:nth-child(4) {
background:#2B0031
}

.s13 td:not(:first-child):before {
display:block;
position:absolute;
inset:0;
margin:auto;
height:30px;
width:30px
}

.s13 td.c:before {
background:url(../images/s13-ck.png) no-repeat center /contain
}

.s13 td.x:before {
background:url(../images/s13-x.png) no-repeat center /contain
}

.s13 tr:not(:first-child):nth-child(odd) td:after {
background:#6100ff1a;
display:block;
position:absolute;
inset:0;
margin:auto;
width:100%;
height:100%;
z-index:0
}

.s13 .f1 {
left:0;
top:-300px
}

.s14 {
padding:50px 15px
}

.s14 .title-area {
max-width:800px;
text-align:center;
margin:0 auto 50px
}

.s14 .content:before,.s14 .content:after,.s14 .row:before,.s14 .row:after {
display:block;
position:absolute
}

.s14 .content:before {
left:-29px;
top:-36px;
height:200px;
width:200px;
background:url(../images/s14-box.png) no-repeat center /contain;
z-index:1
}

.s14 .content:after {
font-size:80px;
content:'01';
color:#fff;
font-weight:800;
top:-50px;
left:-20px;
z-index:25;
font-family:'Rubik',sans-serif;
text-shadow:0 10px 10px #0000004d
}

.s14 .content:nth-child(2):after {
content:'02'
}

.s14 .content:nth-child(3):after {
content:'03'
}

.s14 .row {
background:#000;
padding:40px;
border-radius:50px;
border:3px solid #54007B;
overflow:hidden
}

.s14 .content-wrapper {
max-width:1200px;
display:flex;
flex-wrap:wrap;
row-gap:80px
}

.s14 .colmn-1 .con-head {
max-width:max-content;
background:linear-gradient(to bottom,#bb007bff 0%,#f00f 100%);
border-radius:50px;
padding-right:25px;
overflow:hidden;
margin-bottom:20px
}

.s14 .con-head h4 {
text-shadow:0 3px 3px #0000004d
}

.s14 .colmn-1 .img-wrapper {
background:#0000004d;
padding:10px;
padding-left:20px
}

.s14 .text-wrapper p:not(:first-child) {
text-align:justify
}

.s14 .row:before {
left:-50px;
bottom:-100px;
height:400px;
width:400px;
background:#7B004A;
border-radius:100%;
filter:blur(50px)
}

.s14 .row:after {
right:-50px;
top:-100px;
height:500px;
width:500px;
background:#54007B;
border-radius:100%;
filter:blur(150px);
opacity:.9
}

.s14 .f1 {
right:0;
bottom:0;
transform:rotateY(180deg);
max-width:600px
}

.s22 {
overflow:hidden;
padding:50px 15px;
background:url(../images/s22-bg.html) no-repeat center/cover
}

.s22 .title-area {
max-width:800px;
margin:0 auto 50px;
text-align:center
}

.s22 .con-box {
margin:25px auto 0;
background:linear-gradient(to bottom,#70ff0033 0%,#70ff0000 100%);
border:2px solid #70FF00;
padding:5px 10px;
max-width:500px
}

.s22 .pricing-table {
max-width:1200px;
margin:0 auto
}

.s22 .colmn-1 {
scale:.92
}

.s22 fieldset:before,.s22 .tbl-body:before,.s22 .tbl-body:after,.s22 li:before {
display:block;
position:absolute
}

.s22 legend {
max-width:max-content;
margin:0 auto;
padding:3px;
border-radius:100%;
background:linear-gradient(to bottom,#ffff 50%,#fff0 52%,#fff0 100%)
}

.s22 .colmn-2 legend {
background:linear-gradient(to bottom,#baa074ff 0%,#baa074ff 50%,#baa07400 54%,#baa07400 100%)
}

.s22 legend .img-wrapper {
background:#000;
max-width:140px;
padding:30px;
border-radius:100%;
margin:0 auto
}

.s22 fieldset {
background:#0D0D0D;
max-width:800px;
margin:0 auto;
padding:0 15px 70px;
border-radius:50px 50px 70px 70px;
z-index:1;
clip-path:polygon(0 90%,50% 100%,100% 90%,100% 0,0 0);
border-image-slice:1;
text-align:center;
border-top:3px solid #fff
}

.s22 .colmn-2 .tbl-bottom:before {
border-top:10px solid transparent;
border-image:linear-gradient(to right,#a18b6bff 0%,#513f29ff 35%,#ffeac7ff 100%);
border-image-slice:1
}

.s22 .colmn-2 fieldset {
border-top:3px solid #BAA074
}

.s22 .colmn-2 fieldset:before {
background:#baa07433
}

.s22 fieldset:before {
left:0;
right:0;
bottom:-150px;
margin:auto;
background:#fff3;
height:300px;
width:500px;
border-radius:100%;
filter:blur(70px);
opacity:.5
}

.s22 .tbl-body {
max-width:700px;
margin:0 auto;
filter:drop-shadow(0 3px 3px #0000004d)
}

.s22 .tbl-body:before {
inset:0;
margin:auto;
height:70%;
width:95%;
background:#171717;
transform:scaleY(1.5);
z-index:-1;
transform-origin:0 70%
}

.s22 .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,#fff0 0%,#ffff 20%,#ffff 100%);
height:100%;
width:95%;
inset:0;
margin:auto
}

.s22 .colmn-2 .tbl-body:after {
background:linear-gradient(to bottom,#baa07400 0%,#baa074ff 20%,#baa074ff 100%)
}

.s22 .tbl-content {
padding:40px 70px
}

.s22 .list li:not(:last-child) {
margin-bottom:25px
}

.s22 li {
padding-left:35px
}

.s22 li.c:before {
background:url(../images/s22-ck.png) no-repeat center /cover
}

.s22 li.x:before {
background:url(../images/s22-wr.png) no-repeat center /cover
}

.s22 li:before {
height:25px;
width:25px;
left:0;
top:5px
}

.s22 .tbl-body:after,.s22 .tbl-bottom {
border-radius:0 0 60px 60px
}

.s22 .tbl-bottom {
background:linear-gradient(to bottom,#465d67ff 0%,#192024ff 100%);
border:3px solid #fff;
border-top:unset;
width:95%;
margin:0 auto;
padding:30px
}

.s22 .colmn-2 .tbl-bottom {
background:linear-gradient(to bottom,#705535cc 0%,#35260080 100%);
border:3px solid #BAA074;
border-top:unset
}

.s22 .tbl-bottom:before {
border-top:10px solid transparent;
border-image:linear-gradient(to right,#717678ff 0%,#e0f7ffff 35%,#717678ff 65%,#e0f7ffff 100%);
border-image-slice:1;
display:block;
position:absolute;
height:100%;
width:100%;
inset:0;
margin:auto
}

.s22 .list-con {
display:flex;
flex-wrap:wrap;
gap:20px
}

.s22 .list-con .content {
display:flex;
align-items:center;
padding:10px 20px;
border:2px solid #AAFAFF;
border-radius:50px;
border-left:unset;
border-right:unset;
background:linear-gradient(to right,#2273aaff 0%,#00d0ddff 50%,#2273aaff 100%);
text-shadow:0 3px 3px #0000004d;
color:#fff;
letter-spacing:2px;
box-shadow:0 5px 5px #0000004d;
width:100%
}

.s22 .content .img-wrapper {
flex:0 0 auto;
margin-right:15px;
scale:1.3;
filter:drop-shadow(0 3px 3px #0000004d)
}

.s22 .content span {
font-weight:700
}

.s22 .content p {
text-shadow:0 3px 3px #0000004d
}

.s22 .f1 {
right:0;
top:-100px
}

.s22 .f2 {
left:-100px;
bottom:-700px;
scale:1.2
}

.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,#5c007400 0%,#630271ff 20%,#8f125bff 80%,#9b175500 100%);
padding:10px 0
}

.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,#ad00ffff 0%,#000f 50%,#ad00ffff 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 {
width:100%;
padding:40px 50px;
background:linear-gradient(to bottom,#000639ff 0%,#000f 100%)
}

.faq .content,.faq .content:before {
border-radius:40px
}

.faq .content:before {
display:block;
position:absolute;
inset:0;
margin:auto;
height:100%;
width:100%;
background:linear-gradient(to right,#c058ffff 0%,#eec1ffff 50%,#c058ffff 100%);
z-index:-1;
scale:1.1;
transform:scaleX(.93);
filter:drop-shadow(0 0 10px #eec1ffff)
}

.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 {
font-weight:700;
letter-spacing:2px
}

.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
}

.abhi * {
text-align:center
}

.abhi {
padding:100px 15px;
background:url(../images/abhi-bg.html) no-repeat center/cover
}

.abhi h2 span {
color:#FF007A
}

.abhi h4 {
margin-bottom:25px
}

.abhi h2.xl-heading {
max-width:max-content;
margin:0 auto
}

.abhi .bk {
right:-20px;
top:0;
bottom:0;
margin:auto;
scale:1.3
}

.abhi .colmn-2 .img-wrapper {
scale:1.4;
transform-origin:0 50%
}

.abhi h2:before {
display:block;
position:absolute;
bottom:10px;
height:15px;
width:80%;
background:linear-gradient(to right,#f020 0%,#f00039ff 50%,#6c00ffff 100%);
border-radius:30px;
z-index:-1;
right:0
}

.abhi h4 span {
color:#40DEFF
}

.abhi .f1 {
left:0;
top:0
}

.abhi .f2 {
right:0;
bottom:0
}

#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
}

#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;
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 0;
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:0
}
}