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

html {
overflow-x:clip
}

body {
margin:0;
padding:0!important;
background-color:#000218;
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 18px/26px Poppins,sans-serif
}

h1,h2,h3,h4,h5,h6 {
margin:0;
font-family:'Poppins',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:140px;
line-height:1.2
}

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

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

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

.font-sm {
font-size:35px;
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:30px;
line-height:1.3
}

h4, .h4 {
    font-size: 25px;
    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:700
}

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

.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,#fff 0%,#B2B2B2 50%,#BC7878 100%);
-webkit-background-clip:text!important;
-webkit-text-fill-color:transparent!important;
max-width:max-content
}

.grad-txt-v2 {
background:linear-gradient(to right,#FFF 0%,#BC7878 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
}

/* cockie styles*/
.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
}

/* 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: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: 1024.98px) {

}

@media screen and (max-width: 991.98px) {
.navbar,.main-header {
display:none!important
}

.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 */
#responsive-menu-btn {
background:#ff017e;
border:none;
padding:10px 8px;
display:block;
max-width:50px;
width:100%;
border-radius:5px;
cursor:pointer;
position:fixed;
right:30px;
top:30px;
z-index:10;
display:none
}

#responsive-menu-btn::before,#responsive-menu-btn::after {
content:"";
display:block;
width:100%;
border:2px solid #fff;
margin:0 auto;
max-width:25px;
border-radius:50px;
position:relative;
transition:all .3s ease
}

#responsive-menu-btn::before {
top:0;
transform:rotate(0deg)
}

#responsive-menu-btn::after {
bottom:0;
transform:rotate(0deg)
}

#responsive-menu-btn span {
content:"";
width:100%;
display:block;
margin:5px auto;
border:2px solid #fff;
max-width:29px;
border-radius:50px;
transition:all .3s ease
}

#responsive-menu-btn.rs-menu-close span {
max-width:0
}

#responsive-menu-btn.rs-menu-close::before {
transform:rotate(45deg);
position:relative;
top:8px
}

#responsive-menu-btn.rs-menu-close::after {
transform:rotate(-45deg);
position:relative;
bottom:9px
}

#mobile-main-nav {
float:none;
max-width:300px;
width:100%;
text-align:left;
padding:0;
position:fixed;
top:0;
height:100vh;
left:-500px;
z-index:9;
transition:all .3s ease;
background:linear-gradient(20deg,#1b637e 0%,#000 100%)
}

#mobile-main-nav .hnav {
display:block;
color:#f1f1f1;
padding:12px;
transition:all .3s ease;
text-transform:uppercase
}

#mobile-main-nav .hnav:not(:last-child) {
border-bottom:2px solid #ffffff1a
}

#mobile-main-nav .hnav:hover {
background-color:#ffffff1a
}

#mobile-main-nav.mobile-nav-show {
left:0
}

#mobile-main-nav.mobile-nav-show .list li:hover {
background:#ff4e00
}

#mobile-main-nav.mobile-nav-show .list li {
padding:15px 30px
}

@media screen and (max-width: 991px) {
#responsive-menu-btn {
display:block
}
.blur {
    filter: blur(10px);
}
}

/* Mobile Responsive End */
.oceanic {
font-family:'Oceanic Drift'
}
.blackbar {
    background: rgba(0 0 0 /70%);
    padding: 15px;
    position: fixed;
    z-index: 2;
    width: 100%;
    border-bottom: 5px solid transparent;
    border-image: linear-gradient(to right, #0000 0%, #F90101 50%, #0000 100%);
    border-image-slice: 1;
    display: block;
    backdrop-filter: blur(5px);
}
.navbar {
    /* background: #000; */
    padding: 5px;
    display: block;
    width: 100%;
}
.navbar li:not(:last-child) {
    margin-right: 20px;
}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: red;
    text-decoration: underline !important;
}
/* .stick-this {
position:fixed;
top:0;
background:#00000080;
z-index:4;
backdrop-filter:blur(5px)
} */

/* fonts */
.bell-reg {
font-family:"Schoolbell",cursive;
font-weight:400;
font-style:normal
}

.pink-text {
color:#FFADAD
}

.red-text {
color:#FE1A1A
}

.bi {
font-weight:700;
font-style:italic;
color:#FE1A1A
}

.bg-yellow {
background:#fcbe2b;
padding:0 15px;
border-radius:15px;
color:#000;
-webkit-box-decoration-break:clone;
box-decoration-break:clone
}

/* banner */
.banner {
    background: url(../images/ban-bg.png) no-repeat center top /contain;
    padding: 150px 15px 0;
}

.parallax-banner,.scene {
position:absolute;
inset:0;
width:100%;
height:100%;
margin:auto;
filter:drop-shadow(0 0 30px #fe1a1a4d)
}

.banner .scene div,.banner .scene img {
transition:unset!important
}

.banner .p1 {
left:12%!important;
top:43%!important
}

.banner .p2 {
top:43%!important;
left:77%!important
}

.banner .p2 img {
transform:rotateY(180deg)
}

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

.banner .logo {
filter:drop-shadow(0 0 10px #FE1A1A)
}

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

50% {
background-position:100% 50%
}

100% {
background-position:0 50%
}
}

.top {
display:flex;
align-items:center;
gap:10px;
margin:0 auto 25px;
max-width:max-content;
background:#250000;
padding:10px;
border-radius:50px;
box-shadow:0 0 15px #FE1A1A
}

.bg-red {
max-width:max-content;
padding:3px 10px;
border-radius:50px;
background:#FE1A1A
}

.vid-wrap {
padding:10px;
border-radius:30px;
margin:0 auto;
max-width:1200px;
overflow:hidden;
box-shadow:0 0 30px #FE1A1A;
background:linear-gradient(to top,#FE1A1A 0%,#981010 100%)
}

.inner-vid {
border-radius:20px;
overflow:hidden;
width:100%
}

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

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

16.6666% {
transform:rotate(51.42deg)
}

32.6666% {
transform:rotate(102.84deg)
}

48.6666% {
transform:rotate(154.26deg)
}

64.6666% {
transform:rotate(205.68deg)
}

80.6666% {
transform:rotate(265.10deg)
}

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

/* s1 */
section {
padding:50px 15px
}

.bg-90::before {
display:block;
position:absolute;
inset:0;
height:100%;
width:95%;
background:linear-gradient(to bottom,#000539,transparent);
border-radius:30px;
margin:auto
}

.s1 {
background:url(../images/s1-bg.png) no-repeat bottom center/contain
}

.s1 .f1 {
inset:0;
margin:auto;
transform:scaleX(1.05);
bottom:550px
}

.s1 .row {
max-width:90%
}
.s1 .colmn {
    flex: 0 0 49%;
    max-width: 50%;
    padding: 20px;
}


.s1 .colmn:before {
width:100%;
height:100%;
position:absolute;
display:block;
border-radius:30px;
inset:0;
box-shadow:0 0 20px #000c;
backdrop-filter:blur(14px);
border:1px solid #ffffff80;
z-index:-1
}

.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 #e01b6d;
border-radius:10px;
opacity:0;
transition:.3s ease
}

.s1 .colmn .content:not(:last-child) {
margin-bottom:25px
}

.s1 .colmn .img-wrapper {
flex:0 0 auto
}

/* btn-wrap */
.btn-wrap a {
    background: linear-gradient(to right, #43b09f 0%, #197c2f 50%, #43b09f 100%);
    margin: 20px auto;
    display: block;
    max-width: 1000px;
    background-size: 200%;
    padding: 20px;
    text-align: center;
    border-radius: 20px;
    text-shadow: 0 3px 3px #0000004d;
}
.btn-wrap .img-wrapper {
    max-width: 60%;
    margin: 0 auto;
}
.btn-wrap a:hover {
background-position:right
}

.btn-wrap a::before {
display:block;
position:absolute;
left:-15px;
bottom:-15px;
width:100%;
height:100%;
background:#000;
z-index:-1;
border-radius:20px;
border:1px solid #fff
}

.btn-wrap .b1 {
left:-100px;
top:0
}

.btn-wrap .b2 {
right:-100px;
top:0;
transform:rotateY(180deg)
}

.monu {
    font-family: 'Montserrat', sans-serif;
}

.schoolbell {
font-family:"Schoolbell",cursive;
font-weight:400;
font-style:normal
}

/* s2 */
.rad-blue::before,.rad-sky::before {
display:block;
position:absolute;
inset:0;
margin:auto;
height:400px;
width:400px;
z-index:-1;
border-radius:100%;
filter:blur(80px)
}

.rad-blue::before {
background:#0129F9
}

.rad-sky::before {
background:#01EAF9
}

.s2.v2 .f1 {
left:-80px;
top:100px
}

.s2.v2 .f2 {
right:-80px;
top:100px;
transform:rotateY(180deg)
}

.bg-grad {
background:linear-gradient(to right,#110027 0%,#1A0006 100%)
}

.s2.v2 .title-area .img-wrapper {
filter:drop-shadow(0 0 15px #FE1A1A)
}

.s2 .list,.s5 .list {
display:flex;
flex-wrap:wrap;
row-gap:25px
}

.s2.v2 .text-wrapper.v2::before {
display:block;
position:absolute;
left:0;
top:0;
height:100%;
width:10px;
background:#FE1A1A;
border-radius:20px
}

.s2.v3 .rad-sky::before,.s5 .rad-sky::before {
opacity:.3
}

.s2.v3 .f1 {
bottom:0
}

.s2 li,.s5 li {
width:100%;
padding-left:40px
}

.s2 li::before,.s5 li::before {
display:block;
position:absolute;
left:0;
top:1px;
height:25px;
width:25px;
background:url(../images/check.png) no-repeat center /contain;
border-radius:100%
}

/* s3 */
.s2.v1 .title-area,
.s2.v3 .title-area,
.s3 .title-area {
    max-width: 80%;
}
.s3 .row {
row-gap:35px;
max-width:80%;
margin:0 auto
}

.s3 .img-wrapper:hover {
scale:1.1;
filter:drop-shadow(0 0 10px red)
}

/* s4 */
.s4 .custom-wrapper {
max-width:1500px
}
.s4 .title-area {
    max-width: 80%;
}
.s4 .content-wrapper {
display:flex;
justify-content:space-between;
margin:150px auto 0
}

.s4 .row-2 {
display:none
}

.s4 .colmn {
flex:0 0 33.33%;
max-width:31%
}

.s4 .head {
display:flex;
align-items:center;
margin-bottom:25px;
background:#250000;
padding:10px;
border:1px solid #27294B;
border-radius:15px;
gap:25px
}

.s4 .head .img-wrapper {
flex:0 0 auto
}

.s4 .colmn .content:not(:last-child)::before {
display:block;
position:absolute;
left:0;
right:0;
bottom:-60px;
margin:auto;
height:50px;
width:0;
border:2px dashed #FFADAD
}

.s4 .colmn .content:not(:last-child) {
margin-bottom:80px;
height:180px
}

.s4 .f1 {
left:220px
}

.s4 .f2 {
right:220px;
transform:rotateY(180deg)
}

.s4 .f3 {
left:0;
right:0;
margin:auto
}

.s4 .floating-img img {
top:-110px
}

.s4 .f1,.s4 .f2 {
width:400px
}

.s4 .bot-wrap {
max-width:80%;
padding:30px;
margin:0 auto;
background:#000218;
border:2px solid #27294B;
border-radius:20px
}

.s4 .text-wrap::before {
display:block;
position:absolute;
left:0;
top:0;
height:100%;
width:15px;
background:#FE1A1A;
border-radius:50px
}

/* s5 */
.s5.v1 {
background:url(../images/s5-bg.png) no-repeat top /contain
}
.s5 .title-area {
    max-width: 90%;
}
.s5.v2 .rad-sky::before {
background:#D601F9
}

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

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

.s6 {
overflow:hidden
}

.s6 .custom-wrapper {
max-width:1600px
}

.icon-bg {
background:red;
border-radius:100%;
min-height:40px;
display:flex;
align-items:center;
justify-content:center;
min-width:40px;
font-weight:700
}

.s6 .img-wrapper {
filter:drop-shadow(0 0 10px #FE1A1A)
}

.s6 .f1 {
left:50px;
bottom:300px;
z-index:2
}

.s6 .f2 {
top:250px;
right:150px;
z-index:1
}

.s6 .t1 {
left:0;
top:0;
right:0;
margin:auto
}

.s6 .t2 {
left:0;
bottom:0;
right:0;
margin:auto
}

/* s7 */
#s7 .row {
justify-content:space-between;
margin:160px auto 30px
}

#s7 .content {
flex:0 0 33.33%;
max-width:32%;
padding:60px 30px 30px;
background:#000539;
border-radius:30px;
text-align:center
}

#s7 .head {
max-width:max-content;
margin:0 auto;
position:absolute;
left:0;
right:0;
top:-25px;
background:#250000;
border-radius:100%;
display:flex;
justify-content:center;
align-items:center;
box-shadow:0 0 30px #FE1A1A;
padding:10px
}

#s7 p:not(:first-child) {
color:#FFADAD
}

.s7 .f1,.s7 .f2,.s7 .f3 {
top:140px;
height:100px!important
}

.s7 .f1 {
left:230px;
max-width:400px
}

.s7 .f2 {
right:230px;
max-width:400px;
transform:rotateY(180deg)
}

.s7 .f3 {
left:0;
right:0;
margin:auto;
height:140px
}

.s7 .t1 {
left:0;
right:0;
bottom:0;
margin:auto
}

.s7.v2 .f1 {
left:510px
}

.s7.v2 .f2 {
right:510px
}

.s7.v2 .floating-img img:not(:last-child) {
top:170px
}

.s7.v2 .bg-yellow {
max-width:max-content;
margin:0 auto;
display:inline;
line-height:1.6;
border-radius:10px
}

.s7.v2 p:not(:first-child) {
margin-top:25px
}

/* s8 */
.s8.v1 .custom-wrapper {
max-width:1600px
}
.s8 .title-area.v1 {
    max-width: 80%;
}
.s8 .title-area.v1 h5::before {
display:block;
position:absolute;
left:0;
top:0;
height:100%;
width:10px;
background:#FE1A1A;
border-radius:50px
}
.s8 .icons {
    display: flex;
    max-width: 90%;
    margin: 0 auto 50px;
    row-gap: 30px;
    filter: drop-shadow(0 5px 5px black);
    flex-wrap: wrap;
    justify-content: space-between;
}

.s8 .content .grad-txt-v2 {
text-transform:uppercase
}
.s8 .colmm {
    flex: 0 0 33.33%;
    max-width: 31%;
}

.s8 .icons .img-wrapper {
background:#ffffff80;
border-radius:30px
}

.s8 .icons .img-wrapper img {
opacity:.5
}

.s8 .icons .img-wrapper img,.opcty-cover {
transition:.2s ease-in-out all
}

.s8 .icons .esp {
width:100%
}

.s8 .voice-control {
position:absolute;
inset:0;
margin:auto;
height:100%;
width:100%;
cursor:pointer
}

.s8 .voice-control img {
inset:0;
margin:auto;
position:absolute;
height:60px;
width:60px;
opacity:1!important
}

.boxContainer {
display:flex;
justify-content:space-between;
height:64px;
--boxSize:8px;
--gutter:4px;
width:calc((var(--boxSize) + var(--gutter)) * 5);
-webkit-transition-duration:.8s;
/* background: red; */
position:absolute;
inset:0;
margin:auto;
bottom:-150px
}

.hide {
display:none
}

.box {
transform:scaleY(.4);
height:100%;
width:var(--boxSize);
background:#6c75f4;
animation-duration:1.2s;
animation-timing-function:ease-in-out;
animation-iteration-count:infinite;
border-radius:8px
}

.box1,.box3,.box5 {
animation-name:quiet
}

.box2 {
animation-name:normal
}

.box4 {
animation-name:loud
}

@keyframes quiet {
25% {
transform:scaleY(.6)
}

50% {
transform:scaleY(.4)
}

75% {
transform:scaleY(.8)
}
}

@keyframes normal {
25% {
transform:scaleY(1)
}

50% {
transform:scaleY(.4)
}

75% {
transform:scaleY(.6)
}
}

@keyframes loud {
25% {
transform:scaleY(1)
}

50% {
transform:scaleY(.4)
}

75% {
transform:scaleY(1.2)
}
}

.opcty-cover {
opacity:1!important
}

.s8 .content-wrapper {
padding:50px;
padding-top:0
}

.s8 .content-wrapper::before {
display:block;
position:absolute;
left:0;
right:0;
bottom:0;
margin:auto;
height:95%;
width:100%;
background:url(../images/s8-bg.png) center/contain,#C90000;
border-radius:40px;
z-index:-1
}

.s8 .content {
background:#250000;
padding:50px 50px 100px;
border-radius:40px
}

.row:not(:last-child) {
margin-bottom:50px
}

.s8 .content .img-wrapper {
max-width:max-content;
margin:0 auto
}

.s8 .content .img-wrapper::before {
display:block;
position:absolute;
inset:0;
margin:auto;
height:350px;
width:350px;
background:linear-gradient(to bottom,#3600A9 0%,#FF0A0A 100%);
border-radius:100%
}

/* s9 */
.s9.bg-90::before {
height:30%;
bottom:unset
}

.s9 .custom-wrapper {
max-width:1600px
}

.s9 .title-area h2.font-sm {
max-width:max-content;
margin:0 auto 30px
}

.s9 .content-wrapper {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
row-gap:40px;
margin:0 auto
}

.s9 .content {
flex:0 0 33.33%;
max-width:32%;
background:#0A0D24;
padding:30px;
border-radius:30px;
filter:drop-shadow(0 0 10px #fe1a1a80)
}

.s9 .content.c10 {
max-width:66%;
flex:0 0 66%
}

.s9 .content.c10 .head {
max-width:max-content;
margin-left:unset
}

.s9 .content .head {
display:flex;
align-items:center;
gap:15px;
margin:0 auto 25px;
width:100%;
background:#121427;
padding:10px;
border:2px solid #27294B;
border-radius:15px
}

.s9 .head .img-wrapper {
flex:0 0 auto
}

.s9 .head .img-wrapper img {
height:53px;
width:67px
}

.s9 .content:hover {
filter:drop-shadow(0 0 10px #FE1A1A);
cursor:pointer
}

.s9 .content:last-child:hover {
filter:unset;
cursor:unset
}

.s9 .content:last-child {
display:flex;
align-items:center;
background:unset
}

.s9 .content:last-child p {
padding-left:35px
}

.s9 .content:last-child p::before {
display:block;
position:absolute;
left:0;
top:0;
height:100%;
width:10px;
background:#FE1A1A;
border-radius:10px
}

.s9 .f1 {
right:-90px;
top:-90px;
max-width:70px
}

/* s10 */
.s10.bg-90::before {
height:5%;
top:0;
bottom:unset
}

.s10 .colmn .img-wrapper:hover {
scale:1.1;
filter:drop-shadow(0 0 10px #FE1A1A);
z-index:1
}

.s10 .colmn-2 img {
width:100%
}

.s10 .colmn p.grad-txt-v2 {
background:#ba0104;
-webkit-background-clip:unset!important;
-webkit-text-fill-color:#fff!important;
padding:0 10px;
border-radius:10px;
display:inline;
line-height:1.6;
-webkit-box-decoration-break:clone;
box-decoration-break:clone
}

.s10 .colmn p:nth-child(2) {
margin-top:25px
}

/* s12 */
.s12 .custom-wrapper {
max-width:1600px
}

.s12::before {
display:block;
position:absolute;
left:0;
right:0;
bottom:0;
margin:auto;
height:105%;
width:100%;
background:linear-gradient(to right,#440212 0%,#1A0006 100%)
}

.s12 .content-wrapper {
    max-width: 90%;
    padding: 20px 30px;
    overflow: hidden;
    border-radius: 25px;
    border: 1px solid #ffadad80;
    border-top: unset;
    box-shadow: 10px 10px 10px #00000080;
    background: #0000001a;
}

.s12 .content-wrapper .row:nth-child(even)::before {
display:block;
position:absolute;
inset:0;
margin:auto;
height:135%;
width:100%;
background:#0003;
transform:scaleX(1.17)
}

.s12 .row:not(:last-child)::after {
display:block;
position:absolute;
left:0;
right:0;
bottom:-40px;
margin:auto;
height:60px;
width:500px;
background:url(../images/s12-f3.png) no-repeat center /contain
}
.s12 .row:nth-child(even)::after {
    transform: rotateY(180deg);
    bottom: -70px;
}
.s12 .title-area {
    max-width: 70%;
}
.s12 .f1 {
left:-80px;
top:20px;
display: none;
}

.s12 .bot-wrap {
max-width:80%;
text-align:center;
margin:100px auto
}

.s12 .bot-wrap h2 {
max-width:max-content;
margin:0 auto
}

.s12 .bot-wrap .floating-img img {
top:0;
bottom:0;
margin:auto
}

.s12 .bot-wrap .t1 {
left:-70px
}

.s12 .bot-wrap .t2 {
right:-70px;
transform:rotateY(180deg)
}

/* s13 */
.s13.v1.bg-90::before {
bottom:unset;
height:20%;
/* top:50px */
}

.s13.v1 .title-area {
    max-width: 85%;
}
.s13 .bot-wrap {
max-width:75%;
margin:0 auto
}

.s13.v1 .bot-wrap h5::before {
display:block;
position:absolute;
left:0;
top:0;
height:100%;
width:15px;
background:#FE1A1A;
border-radius:50px
}

.s13.v1 .img-wrapper {
max-width:max-content;
margin:0 auto
}

.s13.v1 .img-wrapper::before {
display:block;
position:absolute;
inset:0;
margin:auto;
height:300px;
width:300px;
background:linear-gradient(to bottom,#3600A9 0%,#FF0A0A 100%);
z-index:-1;
border-radius:100%
}

/* s14 */
.s14 .rad-sky::before {
background:#D601F9;
opacity:.4
}
.s14 .title-area {
    max-width: 75%;
}
.s14 .colmn-2 img {
width:100%
}

.s14.v2 {
overflow:hidden
}

.s14.v2 .colmn-2 img,.s14.v4 .colmn-2 img {
width:unset
}

.s14.v2::before {
display:block;
position:absolute;
left:0;
top:-60px;
right:0;
margin:auto;
height:640px;
width:100%;
background:url(../images/s6-t2.png) no-repeat top/ contain;
transform:rotateX(145deg)
}

.s14.v3 .rad-sky::before {
background:#F90101;
opacity:.5
}

.s14.v4 {
background:linear-gradient(to right,#110027 0%,#1A0006 100%)
}

.s14.v4 .f1 {
left:-320px;
top:-340px
}

.s14.v4 p.pl-4::before {
display:block;
position:absolute;
left:0;
top:0;
height:100%;
width:10px;
background:#F90101;
border-radius:20px
}

/* s15 */
.s15 .row {
    background: #0A0D24;
    padding: 30px 10px;
    border-radius: 50px;
    border: 3px solid #27294B;
}

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

.s15 li {
padding-left:30px
}

.s15 li:before {
display:block;
position:absolute;
height:20px;
width:20px;
left:0;
top:5px;
background:url(../images/check.png) no-repeat center /contain
}

.s15 p.pl-4::before {
display:block;
position:absolute;
left:0;
top:0;
height:100%;
width:10px;
background:#FE1A1A;
border-radius:10px
}

.s15 .f1 {
inset:0;
margin:auto;
height:800px
}

/* s16 */
.s16 {
background:url(../images/s16-bg2.png) no-repeat top /contain
}
.s16 .title-area {
    margin: 0 auto 100px;
    max-width: 70%;
}

.s16 .row:not(:last-child) {
margin-bottom:120px
}
.s16 .row:before {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    background: url(../images/s16-bg.png) no-repeat center /contain;
    scale: 1.25;
    transform: scaleX(1.2);
    left: 40px;
    top: -20px;
}

.s16 .con-head h3,.s16 .con-head h2 {
-webkit-background-clip:text!important;
-webkit-text-fill-color:transparent!important;
max-width:max-content;
font-weight:800;
font-family:'Poppins',sans-serif
}

.s16 .con-head h3 {
background:linear-gradient(to bottom,#FD8282 0%,#99006E 100%)
}

.s16 .con-head h2 {
background:linear-gradient(to bottom,#fff 0%,#BC7878 100%)
}

.s16 .f1 {
left:-400px;
top:300px
}

.s16 .f2 {
right:-400px;
bottom:300px
}

/* s17 */
.s17 {
background:linear-gradient(to right,#110027 0%,#1A0006 100%)
}

.s17 .colmn {
max-width:48%;
flex:0 0 50%;
padding:20px;
background:#00200933;
border:2px dashed #246C0B;
border-radius:30px;
backdrop-filter:blur(10px);
box-shadow:0 0 20px #000000b3
}

.s17 .colmn-2 {
border:2px dashed #9A010A;
background:#44021233
}

.s17 .colmn-1 .top {
box-shadow:0 0 15px #7EFE1A
}

.s17 li {
padding-left:35px;
margin-top:25px
}

.s17 li::before {
display:block;
position:absolute;
left:0;
top:5px;
height:25px;
width:25px;
background:url(../images/check.png) no-repeat center /contain
}

.s17 .colmn-2 li::before {
background:url(../images/wrong.png) no-repeat center /contain
}

.s17 .colmn-1 .icon-bg,.s17 .colmn-1 .bg-red {
background:#7EFE1A;
color:#000
}

.s17 .logo {
filter:drop-shadow(0 0 10px #FE1A1A)
}

.neon-text {
color:#BDFFAD
}

.s17 .f1 {
left:0;
bottom:-260px;
right:0;
margin:auto;
height:1500px;
transform:rotate(-20deg)
}

.s17 .title-area .floating-img img {
bottom:-30px;
height:160px;
scale:.8
}

.s17 .t1 {
left:-140px
}

.s17 .t2 {
right:-140px
}

/* s18 */
.tbl {
overflow:hidden
}

.tbl::before {
display:block;
background:url(../images/tbl-bg.png) no-repeat top center /contain;
position:absolute;
left:0;
top:-150px;
right:0;
margin:auto;
width:100%;
height:100%
}

.tbl .tbl-head {
max-width:100%;
margin:0 auto 25px;
padding:20px;
background:linear-gradient(to bottom,black,#650000 100%);
border-radius:100px
}

.tbl .colmn-2 .tbl-head {
background:linear-gradient(to bottom,black,#0D2704 100%)
}

.tbl .colmn-1 {
scale:.9
}

.tbl .colmn {
padding:40px;
max-width:48%;
flex:0 0 50%;
background:#12142A;
border-radius:40px;
border:2px solid #27294B
}

.tbl li {
padding-left:35px;
margin-bottom:25px
}

.tbl li::before {
display:block;
position:absolute;
left:0;
top:0;
height:25px;
width:25px;
background:url(../images/check.png) no-repeat center /contain
}

.tbl li.x::before {
background:url(../images/wrong.png) no-repeat center /contain
}

/* Section 23 Start */
.abhi .content {
position:absolute;
z-index:1;
width:100%;
text-align:center;
left:0;
right:0;
bottom:0;
margin:auto
}

.faster {
font-family:"Faster One",system-ui;
font-weight:400;
font-style:normal
}

/* faq */
.faq .custom-wrapper {
max-width:1500px
}

.faq .colmn {
max-width:48%;
flex:0 0 50%;
background:#0A0D24;
padding:30px;
display:flex;
flex-wrap:wrap;
row-gap:50px;
border-radius:50px
}

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

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

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

.modal-footer .btn {
font:700 18px/18px Poppins,sans-serif;
background-color:#4f0084;
padding:15px;
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
}

/* Content Style End */
/* =============================================================== */
/* Disclaimer Start */
#disclaimer {
padding:60px 15px
}

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

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

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

#disclaimer a.copyright:hover {
color:#5047bb!important
}

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

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

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

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

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

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

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

#footer-section li a:hover {
color:#5047bb!important
}

#footer-section {
padding:30px
}

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

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

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

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

@media screen and (max-width: 991.98px) {
#footer-section li {
flex:0 0 100%;
max-width:100%;
text-align:center;
padding:5px 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
}
}

/* Footer End */