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

/* Reset CSS */
*{ position: relative;}
* {padding:0rem; margin:0rem; word-wrap: break-word; transition: .3s all ease-in-out;}
*:focus {outline: 0;}
html{ font-size: 16px;}
html, body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #FFFFFF; }
body{ margin:0; padding:0; font-family: "Poppins", sans-serif; font-size: 1.3125rem; background: #000718;}
ol, ul {list-style: none; margin:0; padding:0;}
:focus {outline: 0;}
a, a:link {text-decoration: none; outline:none;}
p { padding:0; margin:0;}
a { text-decoration:none;}
a:hover {text-decoration:none;}
a:focus{outline:none !important;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight: 700;}
img {border:0; max-width:100%; height:auto;}
::-webkit-input-placeholder {opacity:0.3; color: #ffffff;}
:-moz-placeholder{opacity:0.3; color: #ffffff;}
::-moz-placeholder{opacity:0.3; color: #ffffff;}
:-ms-input-placeholder{opacity:0.3; color: #ffffff;} 
/* Reset CSS */


.hasScorll > div{ z-index: 3;}
.hasScorll .bg-effect{ z-index: 2;}

.container { max-width: 92.5rem; } /* 1480px */

h2 { font-size: 3.4rem; } /* 50px */
h2.large {
  font-size: 4rem;
}

.font-gloria { font-family: "Gloria Hallelujah", cursive; }

.color-yellow { color: #F2D422; }

.color-dark-yellow { color: #F7AC16; }

section { padding: 4.375rem 0; } /* 70px */

.txt-gradient-1 {
  background: linear-gradient(90deg, #F6F6F7 0%, #7E808F 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.site-header {
  background: url('../images/header-bg.png') bottom center repeat-x;
  background-size: auto 100%;
  padding: 1.875rem 0; /* 30px */
  position: sticky;
  top: 0;
  z-index: 999;
  border-bottom: 1px solid #00a2ff00;
}

.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-header.fixed {
  padding: 0.9375rem 0; /* 15px */
  background: rgba(0,0,0,0.2);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #00a2ff33;
}

.logo img { max-width: 15.625rem; } /* 250px */

.site-nav ul {
  display: flex;
  align-items: center;
  gap: 4.0625rem; /* 65px */
}

.site-nav ul li a {
  font-size: 1rem; /* 16px */
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
}

.hero-banner {
  height: 84.75rem; /* 1196px */
  background: url('../images/hero-bg.png') no-repeat #000;
  background-size: 100% 100%;
  padding: 3.125rem 0 0 0; /* 50px */
  position: relative;
  z-index: 2;
}

.hero-banner h1 { font-size: 2.8125rem; } /* 45px */

.hero-banner h1 span { color: #2662D7; }

.hero-banner h3 {
  font-size: 2rem; /* 32px */
  font-weight: 300;
  line-height: 3.75rem; /* 60px */
  background: linear-gradient(90deg, #FFF 0%, #B5B5B5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.graph-1 {
  position: absolute;
  left: 0.9375rem; /* 15px */
  top: -5rem; /* -80px */
  z-index: 5;
  max-width: 25.3125rem; /* 405px */
  backdrop-filter: blur(10px);
  border-radius: 1.75rem; /* 28px */
  overflow: hidden;
  transform: rotate(-3deg);
}

.graph-2 {
  position: absolute;
  right: 2.8125rem; /* 45px */
  top: -5rem; /* -80px */
  z-index: 5;
  max-width: 25.3125rem; /* 405px */
  backdrop-filter: blur(10px);
  border-radius: 1.75rem; /* 28px */
  overflow: hidden;
  transform: rotate(3deg);
}

.txt-block-1 {
  border-radius: 3.8125rem; /* 61px */
  border: 1px solid #00A3FF;
  background: radial-gradient(129.59% 47.57% at 33.33% 100%, #232323 0%, #000 100%);
  box-shadow: 0px 0px 1.25rem 0px #00A3FF; /* 20px */
  font-weight: 300;
  padding: 0.9375rem 1.875rem; /* 15px 30px */
  color: #DDDDDD;
}

.vid-bg {
  position: relative;
  transform: none;
  background: url('../images/vid-bg.png') no-repeat center center;
  width: 100%;
  background-size: 100% auto;
  margin: 0 auto;
  height: auto;
  left: unset;
}

.vid-wrap {
  border-radius: 0.75rem; /* 12px */
  margin: 0 auto;
  max-width: 82rem; /* 854px */
  transform: translateX(-0.75rem); /* -12px */
  overflow: hidden;
  margin-top: 1.25rem; /* 20px */
}

.banner-new .vid-wrap.alt {
  height: auto;
  max-width: 70rem;
  border: 2px solid #270F67;
  background: linear-gradient(180deg, #000 0%, #2D2D2D 100%);
  box-shadow: 0px 0px 60px 0px #6E38FD;
  border-radius: 1.25rem;
}

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

.playerneos_wrapper {
  width: 100%;
  margin: 0 auto;
}

.playerneos_wrapper1 {
  background: #000;
  box-sizing: border-box;
  position: relative;
  padding-bottom: 56.25%;
  margin: 0 auto;
  height: 0;
  text-align: left;
  margin: 0 auto;
}

.playerneos_iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.vid-wrap.alt {
  background: #000;
  height: 37.5rem; /* 600px */
  display: flex;
  align-items: center;
  justify-content: center;
}

.launch-date {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding-bottom: 3.75rem; /* 60px */
}

.txt-block-2 {
  border-radius: 1.0286rem; /* 16.458px */
  border: 0.0286rem solid #2662D7; /* 0.457px */
  background: linear-gradient(0deg, #161616 0%, #000 100%);
  padding: 0.625rem 1.25rem; /* 10px 20px */
}


.facts {
    background: linear-gradient(270deg, #000 0%, #03081C 50%, #000 100%);
    padding: 4.375rem 0; /* 70px */
    position: relative;
    z-index: 2;
  }
  
  .fact-block {
    border-radius: 0.9375rem; /* 15px */
    border: 1px solid #151515;
    background: linear-gradient(180deg, #111 0%, #000 100%);
    padding: 1.25rem 1.875rem; /* 20px 30px */
  }
  
  .fact-block h5 {
    font-size: 1.1875rem; /* 19px */
    font-weight: 600;
  }
  
  .fact-block img {
    max-width: 3.125rem; /* 50px */
  }
  
  .rocket img {
    max-width: 13.75rem; /* 220px */
  }

  .launchBlock{ padding-left: 5rem; padding-right: 5rem;}
  
  .fact-block:nth-child(even) {
    transform: translateX(-5rem); /* -80px */
  }
  
  .fact-block-wrap.alt .fact-block:nth-child(even) {
    transform: translateX(5rem); /* 80px */
  }
  
  .newsletter {
    border-radius: 2.8125rem; /* 45px */
    border: 0.03125rem solid rgba(93, 127, 255, 0.50); /* 0.5px */
    background: linear-gradient(180deg, #000 0%, #03081C 100%);
    padding: 3.75rem 6.25rem; /* 60px 100px */
  }
  
  .jv-link {
    border-radius: 2.8125rem; /* 45px */
    border: 0.03125rem solid rgba(93, 127, 255, 0.50); /* 0.5px */
    background: linear-gradient(180deg, #000 0%, #03081C 100%);
    padding: 3.75rem 6.25rem; /* 60px 100px */
    margin-top: 3.125rem; /* 50px */
  }
  
  .input-wrap {
    position: relative;
  }
  
  .input {
    padding: 1.5625rem 5rem; /* 25px 80px */
    padding-left: 5.625rem; /* 90px */
    width: 100%;
    border-radius: 6.25rem; /* 100px */
    background: #191934;
    box-shadow: 0rem 0.1875rem 0.1875rem 0rem rgba(0, 0, 0, 0.16); /* 3px */
    border: 1px solid #191934;
    color: #FFF;
    font-size: 1.125rem; /* 18px */
    line-height: 1.125rem; /* 18px */
    font-weight: 600;
  }
  
  .input:hover,
  .input:focus {
    box-shadow: 0 0 2.5rem rgba(38, 100, 217, 0.45); /* 40px */
    border: 1px solid #2662D7;
  }
  
  .submit-btn {
    border: none;
    background: #2662D7;
    border-radius: 6.25rem; /* 100px */
    font-size: 1.5rem; /* 24px */
    color: #FFF;
    font-weight: 800;
    text-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.50); /* 2px 2px 4px */
    padding: 1.25rem 3.125rem; /* 20px 50px */
  }
  
  .submit-btn:hover {
    box-shadow: 0 0 2.5rem rgba(38, 100, 217, 0.45); /* 40px */
  }
  
  .input-icon {
    position: absolute;
    left: 2.5rem; /* 40px */
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  
  .input-icon img {
    max-width: 1.875rem; /* 30px */
  }
  
  .mail-form {
    padding-left: 5rem; /* 80px */
  }
  
  .mail-img {
    max-width: 30.625rem; /* 490px */
  }
  
  .submit-btn.orange {
    background: #FF4702;
  }
  
  .link-img {
    text-align: right;
  }
  
  .link-img img {
    max-width: 31.25rem; /* 500px */
  }
  
  .performer {
    background: url('../images/perform-bg.png') no-repeat #000;
    background-size: 100% auto;
  }
  
  .slick-next:before,
  .slick-prev:before {
    display: none;
  }
  
  .slider {
    max-width: 90%;
    margin: 0 auto;
  }
  
  .slick-prev,
  .slick-next {
    width: 5rem; /* 50px */
    height: 5rem; /* 50px */
  }
  
  .slick-prev {
    left: -5rem; /* -50px */
  }
  
  .slick-next {
    right: -5rem; /* -50px */
  }
  
  .intro {
    background: url('../images/intro-bg.png') no-repeat center center #000;
    background-size: cover;
    position: relative;
    z-index: 1;
  }
  
  .txt-block-3 {
    border-radius: 1.6788rem; /* 26.861px */
    border: 0.1399rem solid #27221F; /* 2.238px */
    background: linear-gradient(180deg, #000 0%, #1B1811 100%);
    padding: 0.5rem 1.25rem; /* 8px 20px */
  }
  

  .img-block {
    background: linear-gradient(270deg, #000 0%, #03081C 50%, #000 100%);
    overflow: hidden;
  }
  .img-block p {
    color: #BABABA;
    font-size: 1.3125rem; /* 21px */
  }
  .img-block ul li {
    color: #BABABA;
    font-size: 1.3125rem; /* 21px */
    line-height: 1.625rem; /* 26px */
  }
  
  .img-block .row:nth-child(even) {
    flex-direction: row-reverse;
  }
  .img-block .row:nth-child(even) .img-block-img {
    text-align: right;
  }
  .img-block.black {
    background: #000;
  }
  .img-block-img {
    position: relative;
  }
  .img-block-img img {
    position: relative;
    z-index: 2;
  }
  .img-block-img::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 44.375rem; /* 710px */
    height: 44.375rem; /* 710px */
    background: url('../images/shadow.png') no-repeat;
    background-size: 100% auto;
    opacity: 0.7;
  }
  
  .about {
    background: url('../images/about-bg.png') no-repeat center center ;
    background-size: contain;
  }
  
  .faceReel {
    background: url('../images/face-bg.png') no-repeat ;
    background-size: 100% auto;
  }
  
  .faceReel-in {
    background: url('../images/bg-1.png') bottom 12.5rem center no-repeat; /* 200px */
    background-size: 100% auto;
  }
  
  .playerneos_wrapper {
    overflow: hidden;
    border-radius: 1.25rem; /* 20px */
  }
  
  .row-rev {
    flex-direction: row-reverse;
  }
  .row-rev .img-block-img {
    text-align: right;
  }
  
  .vid-wrap.large {
    max-width: 62.5rem; /* 1000px */
  }
  .vid-wrap.large .inner-vid {
    padding: 0.125rem; /* 2px */
    background: linear-gradient(180deg, #6E38FD 0%, #FF4702 100%);
  }
  
  .feed {
    background: url('../images/feed-bg.png') no-repeat;
    background-size: cover;
  }
  .feed-group {
    max-width: 71.875rem; /* 1150px */
    margin: 0 auto;
  }
  .feed-card {
    border-radius: 1.5625rem; /* 25px */
    border: 1px solid #151515;
    background: linear-gradient(180deg, #111 0%, #000 100%);
    height: 100%;
    padding: 2.5rem; /* 40px */
    padding-top: 0;
    text-align: center;
  }
  .feed-card h5 {
    font-size: 1.5rem; /* 24px */
  }
  .feed-card h6 {
    font-size: 1.5rem; /* 24px */
    color: #BABABA;
    font-weight: 400;
  }
  .feed-img {
    width: 6.25rem; /* 100px */
    height: 6.25rem;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: -3.125rem; /* -50px */
  }
  .feed-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .versus {
    max-width: 73.75rem; /* 1180px */
    margin: 0 auto;
  }
  .versus-card {
    border: 1px solid #F7AC16;
    border-radius: 1.875rem; /* 30px */
    overflow: hidden;
  }
  .versus-card-head {
    padding: 1.875rem; /* 30px */
    text-align: center;
    color: #F2D422;
  }
  

  .steps {
    padding: 6.25rem 0; /* 100px */
  }
  .step-card {
    margin-top: 6.25rem; /* 100px */
    border-radius: 2.8125rem; /* 45px */
    background: linear-gradient(180deg, #000 0%, #03081C 100%);
    box-shadow: 0rem 0 1.875rem 0rem #00a3ff80; /* 30px */
    padding: 3.125rem; /* 50px */
  }
  .step-card.red {
    box-shadow: 0rem 0 1.875rem 0rem #ff57d294; /* 30px */
  }
  .step-card p,
  .step-card ul li {
    color: #BABABA;
  }
  .step-card h2 {
    font-size: 2.5rem; /* 40px */
  }
  .pro-img {
    border-radius: 0.7184375rem; /* 11.495px */
    background: linear-gradient(
      116deg,
      rgba(0, 163, 255, 0.20) 2.57%,
      rgba(143, 0, 255, 0.20) 99.48%
    );
    padding: 1.125rem; /* 18px */
  }
  .pro-img img {
    width: 100%;
  }
  
  .step-label {
    display: inline-flex;
    border-radius: 2.15625rem; /* 34.5px */
    border: 1px solid #000;
    background: radial-gradient(55.9% 80.99% at 16.55% 8.7%, #696969 0%, #161616 100%);
    color: #00A3FF;
    padding: 0.625rem 1.25rem; /* 10px 20px */
  }
  
  .income {
    background: linear-gradient(270deg, #000000 0%, #120042 100%);
  }
  .figure-card {
    background: linear-gradient(90deg, #00a2ffb6 0%, #2e2e2e9d 100%);
    border-radius: 0.9375rem; /* 15px */
    padding: 0.0625rem; /* 1px */
    margin-top: 3.4375rem; /* 55px */
  }
  .figure-card-in {
    background: radial-gradient(129.59% 47.57% at 33.33% 100%, #232323 0%, #000 100%);
    padding: 1.375rem; /* 22px */
    border-radius: 0.9375rem; /* 15px */
  }
  
  .figure-card-wrap {
    max-width: 75rem; /* 1200px */
    margin: 0 auto;
  }
  .figure-card-img {
    border-radius: 0.9375rem; /* 15px */
    overflow: hidden;
  }
  .figure-card-img img {
    width: 100%;
    height: auto;
  }
  
  .section-2 {
    background: url('../images/sec-2.png') no-repeat #000;
    background-size: 100% auto;
  }
  .feed-box {
    height: 28.1875rem; /* 451px */
    background: url('../images/prev-box.png') no-repeat;
    background-size: 100% auto;
    margin-top: 7.5rem; /* 120px */
    padding: 2.5rem 2.8125rem; /* 40px 45px */
  }
  .feed-box p {
    color: #BABABA;
  }

  .feed-box .col-auto img{ max-width: 9.75rem;}
  
  .section-3 {
    overflow: hidden;
  }
  .txt-block-5 {
    padding: 0.0625rem; /* 1px */
    border-radius: 0.9375rem; /* 15px */
    background: linear-gradient(90deg, #00a2ff65 0%, #2e2e2e00 100%);
  }
  .txt-block-5-in {
    border-radius: 0.9375rem; /* 15px */
    background: radial-gradient(129.59% 47.57% at 33.33% 100%, #161616 0%, #000 100%);
    color: #00A3FF;
    padding: 1.25rem; /* 20px */
    font-size: 1.875rem; /* 30px */
  }
  .textImg p {
    color: #BABABA;
  }
  
  .textImg.reverse .row {
    flex-direction: row-reverse;
  }
  .img-block-bg {
    background: linear-gradient(
      116deg,
      rgba(0, 163, 255, 0.20) 2.57%,
      rgba(143, 0, 255, 0.20) 99.48%
    );
    border-radius: 0.75rem; /* 12px */
    padding: 0.75rem; /* 12px */
    display: inline-block;
  }
  
  .section-4 {
    background: linear-gradient(270deg, #000000 0%, #120042 100%);
    overflow: hidden;
  }
  .section-6 {
    background: linear-gradient(270deg, #000000 0%, #120042 100%);
    overflow: hidden;
  }
  

  .product-box {
    border-radius: 2.8125rem; /* 45px */
    padding: 0.0625rem; /* 1px */
    background: linear-gradient(135deg, #00a2ff3d 0%, #000000 100%);
  }
  .product-box-in {
    border-radius: 2.8125rem; /* 45px */
    background: linear-gradient(180deg, #000 0%, #03081C 100%);
    padding: 4.375rem; /* 70px */
  }
  .pr-wrap {
    display: inline-block;
    position: relative;
  }
  .price-tag {
    border-radius: 1.25rem; /* 20px */
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(0, 0, 0, 0.40);
    backdrop-filter: blur(0.1875rem); /* 3px */
    position: absolute;
    left: 0;
    top: 9.375rem; /* 150px */
    font-size: 2.5rem; /* 40px */
    font-weight: 700;
    z-index: 2;
    padding: 0.3125rem 1.875rem; /* 5px 30px */
    padding-left: 2.8125rem; /* 45px */
    transform: rotate(-12deg);
  }
  .coin {
    width: 5.625rem; /* 90px */
    position: absolute;
    left: -3.625rem; /* -58px */
    top: 50%;
    transform: translateY(-50%);
  }
  .book-tag {
    position: absolute;
    bottom: 5.625rem; /* 90px */
    right: 0;
    font-size: 1.0625rem; /* 17px */
    border-radius: 1.0305rem; /* 16.488px */
    border: 1px solid #ffffff5e;
    background: rgba(83, 23, 0, 0.20);
    backdrop-filter: blur(0.1875rem); /* 3px */
    z-index: 2;
    padding: 0.625rem 1.25rem; /* 10px 20px */
    text-align: left;
  }
  
  .section-8 {
    background: linear-gradient(270deg, #000 0%, #050E2D 50%, #000 100%);
  }
  .auto-card {
    border-radius: 1.25rem; /* 20px */
    padding: 1.875rem; /* 30px */
    border: 1px solid #00A3FF;
    background: rgba(0, 0, 0, 0.40);
    box-shadow:
      0rem 0.25rem 3.125rem 0rem rgba(0, 163, 255, 0.30),
      0rem 0rem 3.125rem 0rem rgba(0, 163, 255, 0.30) inset; /* 50px */
  }
  .auto-card-icon {
    width: 10rem; /* 160px */
    height: 9.1875rem; /* 147px */
    border-radius: 0.9375rem; /* 15px */
    background: rgba(0, 163, 255, 0.20);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .auto-card-icon img {
    max-height: 5rem; /* 80px */
  }
  .auto-card h4 {
    color: #00A3FF;
  }
  .auto-card p {
    color: #BABABA;
  }
  
  .section-9 {
    background: url('../images/face-bg.png') top center no-repeat #000;
    background-size: 100% auto;
  }
  .section-9-in {
    background: url('../images/bg-2.png') bottom center no-repeat;
    background-size: 100% auto;
    padding-bottom: 6.25rem; /* 100px */
  }
  .list-block {
    border-radius: 1.875rem; /* 30px */
    height: 100%;
    border: 1px solid #060B27;
    background: rgba(0, 0, 0, 0.30);
    box-shadow: 0rem 0.25rem 2.5rem 0rem #00A3FF; /* 40px */
    backdrop-filter: blur(0.625rem); /* 10px */
    padding: 2.8125rem; /* 45px */
  }
  .list-block ul {
    display: flex;
    flex-direction: column;
    gap: 1.875rem; /* 30px */
    padding-left: 1.5625rem; /* 25px */
  }
  .list-block ul li {
    list-style-type: disc !important;
  }
  .list-container {
    max-width: 65.625rem; /* 1050px */
    margin: 0 auto;
  }
  
  .price-card {
    border-radius: 1.875rem; /* 30px */
    background: #000;
    box-shadow: 0rem 0rem 3.125rem 0rem #FF4702; /* 50px */
    padding: 2.5rem; /* 40px */
    height: 100%;
  }
  .price-card-label {
    background: linear-gradient(90deg, rgba(255, 71, 2, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
    height: 4.75rem; /* 76px */
    display: flex;
    align-items: center;
    margin: 0 -2.5rem; /* -40px */
    margin-top: 1.25rem; /* 20px */
    padding: 0 2.5rem; /* 40px */
  }
  .price-card h2 {
    font-size: 7.5rem; /* 120px */
    font-weight: 800;
    padding-top: 0.75rem; /* 12px */
  }
  .price-card h2 span {
    display: inline-flex;
    background: linear-gradient(180deg, #FFF 0%, #545454 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .price-card h5 {
    color: #FF4702;
  }
  

  .price-card.blue {
    box-shadow: 0 0 3.125rem 0 #0036FF;
  }
  .price-card.blue h5 {
    color: #0036FF;
  }
  .price-card.blue .price-card-label {
    background: linear-gradient(90deg, rgba(0, 54, 255, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
  }
  
  .price-card.yellow {
    box-shadow: 0 0 3.125rem 0 #F7AC16;
  }
  .price-card.yellow h5 {
    color: #F7AC16;
  }
  .price-card.yellow .price-card-label {
    background: linear-gradient(90deg, rgba(247, 172, 22, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
  }
  
  .price-card.pink {
    box-shadow: 0 0 3.125rem 0 #FF57D3;
  }
  .price-card.pink h5 {
    color: #FF57D3;
  }
  .price-card.pink .price-card-label {
    background: linear-gradient(90deg, rgba(255, 87, 211, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
  }
  
  .pro-display {
    border-radius: 1.875rem; /* 30px */
    background: #000;
    box-shadow: 0 0 3.125rem 0 #FF4702; /* 50px */
    padding: 2.8125rem; /* 45px */
    margin-top: 3.75rem; /* 60px */
  }
  .pro-display p {
    color: #BABABA;
  }
  .pro-display-badge {
    margin: 0 -2.8125rem; /* -45px */
    background: linear-gradient(90deg, rgba(255, 71, 2, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
    padding: 1.25rem 2.8125rem; /* 20px 45px */
    margin-top: 1.25rem; /* 20px */
  }
  
  .section-10 {
    background: url('../images/bg-3.png') bottom center no-repeat;
    background-size: 100% auto;
  }
  
  .pro-display-img {
    text-align: right;
  }
  .pro-display-img img {
    max-width: 28.3125rem; /* 453px */
  }
  
  .pro-display.blue {
    box-shadow: 0 0 3.125rem 0 #0036FF;
  }
  .pro-display.blue h5 {
    color: #0036FF;
  }
  .pro-display.blue .pro-display-badge {
    background: linear-gradient(90deg, rgba(0, 54, 255, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
  }
  
  .pro-display.yellow {
    box-shadow: 0 0 3.125rem 0 #F7AC16;
  }
  .pro-display.yellow h5 {
    color: #F7AC16;
  }
  .pro-display.yellow .pro-display-badge {
    background: linear-gradient(90deg, rgba(247, 172, 22, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
  }
  
  .pro-display.pink {
    box-shadow: 0 0 3.125rem 0 #FF57D3;
  }
  .pro-display.pink h5 {
    color: #FF57D3;
  }
  .pro-display.pink .pro-display-badge {
    background: linear-gradient(90deg, rgba(255, 87, 211, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
  }
  
  .section-11 {
    background: linear-gradient(270deg, #120042 0%, #000 100%);
  }
  .line {
    width: 18.75rem; /* 300px */
    height: 0.875rem; /* 14px */
  }
  .line-1 {
    background: linear-gradient(90deg, rgba(52, 0, 63, 0.00) 0%, #34003F 100%);
  }
  .line-2 {
    background: linear-gradient(90deg, #34003F 0%, rgba(52, 0, 63, 0.00) 100%);
  }
  .pr-img {
    margin-top: 2.5rem; /* 40px */
  }
  .pr-img img {
    max-width: 21.5rem; /* 344px */
  }
  .pr-img.large {
    margin-top: -7.5rem; /* -120px */
  }
  .pr-img.large img {
    max-width: 32.625rem; /* 522px */
  }
  .pr-img img:hover {
    scale: 1.1;
  }
  
  .contest-group {
    padding-top: 11.25rem; /* 180px */
  }
  

  .daily-contest {
    border-radius: 2.8125rem; /* 45px */
    border: 1px solid rgba(93, 127, 255, 0.30);
    background: linear-gradient(180deg, #000 0%, #03081C 100%);
    box-shadow: 0 0.25rem 6.25rem 0 rgba(255, 71, 2, 0.40); /* 4px 100px */
    height: 37rem; /* 592px */
    display: flex;
    align-items: center;
    padding: 0 5.625rem; /* 90px */
  }
  
  .win {
    margin-left: -12.5rem; /* -200px */
  }

  .win img{ max-width: 48.75rem;}
  
  .section-12 {
    padding: 9.375rem 0; /* 150px */
  }
  
  .section-13 {
    background: linear-gradient(270deg, #000 0%, #050E2D 50%, #000 100%);
  }
  
  .promo-logo {
    gap: 2.1875rem; /* 35px */
  }

  .promo-logo li img{ max-width: 13.125rem;}
  
  .promo-logo li img:hover {
    scale: 1.1;
    filter: drop-shadow(0 0 0.3125rem #5451C3); /* 5px */
  }
  
  .img-many img {
    max-width: 50rem; /* 800px */
  }
  
  .reciprocate-img {
    display: flex;
    flex-direction: column;
    gap: 1.25rem; /* 20px */
  }
  
  .reciprocate-img img {
    max-width: 29.25rem; /* 468px */
  }
  
  .partner-feed {
    background: linear-gradient(180deg, #3F5EFB 0%, #FC466B 100%);
    border-radius: 1.875rem; /* 30px */
    padding: 0.125rem; /* 2px */
    height: 100%;
  }
  
  .partner-feed-in {
    padding: 1.875rem; /* 30px */
    border-radius: 1.875rem;
    border: 1px solid #b8bdff2a;
    background: linear-gradient(180deg, #000 0%, #221C4E 100%);
    box-shadow: 0 0.8125rem 2.1875rem 0 rgba(0, 0, 0, 0.20); /* 13px 35px */
    text-align: center;
    height: 100%;
  }
  
  .partner-feed p {
    font-size: 0.875rem; /* 14px */
    line-height: 1.75rem; /* 28px */
  }
  
  .partner-feed-wrap {
    max-width: 71.25rem; /* 1140px */
    margin: 0 auto;
  }
  
  .partner-feed .feed-img {
    border: 0.1875rem solid #FFF; /* 3px */
    margin-top: 0;
  }
  
  .abhi-img-wrap {
    margin-top: 12.5rem; /* 200px */
    text-align: center;
  }
  
  .abhi-img img {
    max-width: 62.5rem; /* 1000px */
  }
  
  .performer-in {
    background: url('../images/bg-3.png') bottom center no-repeat;
    background-size: 100% auto;
    padding-bottom: 5rem; /* 80px */
  }
  
  .no-anime {
    position: relative;
    z-index: 2;
  }
  
  /* section {
    background: #000;
  } */
  
  .back-aniamtion .container {
    position: relative;
    z-index: 1;
  }
  
  .background-anime {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
  }
  
  .background-anime span {
    position: fixed;
    bottom: -25rem; /* -400px */
    height: 3.125rem; /* 50px */
    width: 3.125rem;
    animation: animate 10s linear infinite;
  }
  
  .background-anime span:nth-child(1) {
    width: 16.75rem; /* 268px */
    height: 16.625rem; /* 266px */
    background-image: url('../images/anime/triangle-1.png');
    background-size: 100% auto;
    left: 3.75rem; /* 60px */
    animation-delay: 0.6s;
  }
  .background-anime span:nth-child(2) {
    left: 10%;
    animation-delay: 3s;
    width: 16.75rem;
    height: 16.625rem;
    background-image: url('../images/anime/triangle-2.png');
    background-size: 100% auto;
  }
  .background-anime span:nth-child(3) {
    left: 20%;
    animation-delay: 2s;
    width: 21.625rem; /* 346px */
    height: 21.3125rem; /* 341px */
    background-image: url('../images/anime/triangle-3.png');
    background-size: 100% auto;
  }
  .background-anime span:nth-child(4) {
    left: 30%;
    animation-delay: 5s;
    width: 16.75rem;
    height: 16.625rem;
    background-image: url('../images/anime/triangle-2.png');
    background-size: 100% auto;
  }
  .background-anime span:nth-child(5) {
    left: 40%;
    animation-delay: 1s;
    width: 16.75rem;
    height: 16.625rem;
    background-image: url('../images/anime/triangle-4.png');
    background-size: 100% auto;
  }
  .background-anime span:nth-child(6) {
    left: 50%;
    animation-delay: 7s;
    width: 16.75rem;
    height: 16.625rem;
    background-image: url('../images/anime/triangle-1.png');
    background-size: 100% auto;
  }
  .background-anime span:nth-child(7) {
    left: 60%;
    animation-delay: 6s;
    width: 21.625rem;
    height: 21.3125rem;
    background-image: url('../images/anime/triangle-5.png');
    background-size: 100% auto;
  }
  .background-anime span:nth-child(8) {
    left: 70%;
    animation-delay: 8s;
    width: 16.75rem;
    height: 16.625rem;
    background-image: url('../images/anime/triangle-3.png');
    background-size: 100% auto;
  }
  .background-anime span:nth-child(9) {
    left: 80%;
    animation-delay: 6s;
    width: 16.75rem;
    height: 16.625rem;
    background-image: url('../images/anime/triangle-1.png');
  }
  .background-anime span:nth-child(10) {
    right: 1.875rem; /* 30px */
    animation-delay: 4s;
    width: 21.625rem;
    height: 21.3125rem;
    background-image: url('../images/anime/triangle-3.png');
    background-size: 100% auto;
  }
  
  @keyframes animate {
    0% {
      transform: translateY(0);
      opacity: 1;
    }
    80% {
      opacity: 0.7;
    }
    100% {
      transform: translateY(-62.5rem) rotate(360deg); /* 1000px */
      opacity: 0;
    }
  }
  


  .jvzoo-img img{ max-width: 35.938rem;}
  .abhiImg img{ max-width: 90.625rem;}
  .common-list li img{ max-width: 2.5rem;}


.mobClick { display: none; width: 24px; height: 16px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 999;}
.mobClick span { position: absolute; opacity: 1; left: 0; width: 24px; height: 3px; background: #FFF; display: block; border-radius: 50px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.mobClick span:nth-child(2) { top: 7px;}
.mobClick span:nth-child(3) { top: 14px;}
.mobClick.open span:nth-child(1) { top: 7px; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.mobClick.open span:nth-child(2) { opacity: 0; left: -20px;}
.mobClick.open span:nth-child(3) { top: 7px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.mobClick.open{ position: fixed; z-index: 9999999999; right: 15px; top: 15px; margin: 0 !important;}


.vid-wrap.full{ max-width: 100%;}

.txt-bg{ background: linear-gradient(to right, #6E38FD, #FF0000);
  padding: 0 35px;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  max-width: max-content;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}



/* .banner-new{ background: url('../images/bg-4.png') top center no-repeat #000; background-size: 100% auto; padding: 5rem 0;} */
.txtBlock-1 {
  border-radius: 1.25rem;
  background: rgba(73, 73, 73, 0.20);
  padding: 1.5rem;
  text-align: center;
}

.txt-bg-1{ border-radius: 100px; border: 1px solid #FFF; background: linear-gradient(90deg, #00A3FF 0%, #006299 100%); padding: 0.625rem 2.5rem; font-size: 1.125rem; transform: rotate(-2.794deg);}
.txt-bg-2{ border-radius: 100px; border: 1px solid #FFF; background: linear-gradient(90deg, #6E38FD 0%, #422197 100%); padding: 0.625rem 2.5rem; font-size: 1.125rem; transform: rotate(1.988deg); position: relative; margin:0.625rem 0 0 -1.875rem;}

.vid-bg-outer{ background: url('../images/bg-5.jpg') bottom center no-repeat; background-size: 100% auto; padding-bottom: 6.25rem;}


.card-2-outer {
  padding: 1px;
  border-radius: 1.875rem;
  background: linear-gradient(-50deg, #000 0%, #00A3FF 100%);
}

.card-2 {
  padding: 2.1875rem;
  border-radius: 1.875rem;
  background: radial-gradient(129.59% 47.57% at 33.33% 100%, #232323 0%, #000 100%);
  box-shadow: 0px 0px 1.25rem 0px #6E38FD;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.card-2 p strong {
  color: #6E38FD;
}


.card-3 {
  border-radius: 1.25rem;
  box-shadow: 0px 0px 1.25rem 0px #6E38FD;
  min-height: 20.375rem;
  overflow: hidden;
}

.card-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.section-fe3{ background: url('../images/bg-4.png') top center no-repeat #000; background-size: 100% auto;}


.img-block-bg.no-bg{ background: none; padding: 0;}


/* Disclaimer Start */
#disclaimer {
    padding: 3.75rem 0.9375rem; /* 60px 15px */
  }
  
  .font-dusty-gray {
    color: #9a9a9a !important;
  }
  
  #disclaimer p,
  #disclaimer a {
    font-size: 0.75rem; /* 12px */
    line-height: 1.8;
    font-family: 'Poppins', sans-serif;
  }
  
  #disclaimer .copyright {
    font-size: 14px; /* 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; /* 680px */
  }
  
  .text-wrapper p:not(:last-child) {
    margin-bottom: 1.5625rem; /* 25px */
  }
  
  .font-italic {
    font-style: italic !important;
  }
  /* Disclaimer End */
  
  /* Footer Start */
  #footer-section li {
    padding: 0 1.25rem; /* 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: 0.875rem; /* 14px */
    font-family: 'Poppins';
  }
  
  #footer-section li a:hover {
    color: #5047bb !important;
  }
  
  #footer-section {
    padding: 1.875rem; /* 30px */
    background: #fafafa;
}
  

@media (max-width: 1799px) {
    html{ font-size: 15.5px;}
    .win img{ max-width: 40rem;}
    .win {
        margin-left: -6.5rem;
    }
}

@media (max-width: 1599px) {
    html{ font-size: 14px;}
}

@media (max-width: 1400px) {
  html{ font-size: 13px;}
}

@media (max-width: 1250px) {
    html{ font-size: 12px;}
}

@media (max-width: 1199px) {
    html{ font-size: 10px;}
    .graph-1, .graph-2{ top: 0;}
    #disclaimer p, #disclaimer a{ font-size: 12px;}
    #footer-section li a{ font-size: 12px;}
    .partner-feed p{ font-size: 11px;}
}

@media (max-width: 991px) {
    html{ font-size: 11px;}
    h2{ font-size: 28px;}
    .graph-1, .graph-2{ display: none;}
    .vid-bg{ width: 100%;}
    html, body{ overflow-x: hidden;}
    .site-header.fixed{ position: fixed; left: 0; top: 0; width: 100%;}
    .abhiImg img{ max-width: 100%;}
    .container{ padding: 0 30px;}
    .feed-box .col-auto img{ max-width: 50px;}
    .feed-box{ height: auto; min-height: 280px; background-size: 100% 100%; margin-top: 20px;}
    .pr-img img{ max-width: 16.5rem;}
    .pr-img.large img{ max-width: 28.625rem;}
    .win img{ max-width: 30rem;}
    .link-img img, .jvzoo-img img{ max-width: 20rem;}
    .fact-block:nth-child(even), .fact-block-wrap.alt .fact-block:nth-child(even){ transform: none;}
    .launchBlock{ padding: 0;}
    .launchBlock .col-lg-auto{ order: 1;}
    .launchBlock .col-lg{ order: 2;}

    .img-block .row + .row{ margin-top: 40px;}
    .img-block-img{ text-align: center !important;}
    .img-block-img img{ max-width: 300px;}
    .img-block-txt{ max-width: 600px; margin: 0 auto;}

    .step-card{ max-width: 600px; margin-left: auto; margin-right: auto;}
    .step-card .row{ flex-direction: column-reverse;}

    .textImg .row, .textImg.reverse .row{ flex-direction: column-reverse;}
    .textImg{ margin-top: 40px !important; max-width: 500px; margin: 0 auto;}
    .site-nav ul{ gap: 25px;}
    .pro-display-img img{ max-width: 100%; transform: translateX(30px);}

    #footer-section li{ padding: 0 6px;}
    .auto-card{ height: 100%;}
    .pr-img.large img{ max-width: 25.625rem;}
}

@media (max-width: 767px) {

    h2, .step-card h2{ font-size: 23px;}
    h3{ font-size: 22px;}
    h5{ font-size: 17px;}

    .mobClick{ display: block;}
    .site-nav{ position: fixed !important; width: 100% !important; height: 100vh !important; left: -100%; top: 0; background:#000; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(10px) !important;}
    .site-nav.act{ left: 0;}

    .site-nav ul{ flex-direction: column;}
    .site-nav ul li a{ font-size: 18px;}
    .vid-wrap{ transform: none;}
    .vid-wrap.alt{ height: auto;}
    .vid-bg{ height: auto; background: none; position: static; transform: none; padding: 0 10px;}
    .container{ padding: 0 15px;}
    .hero-banner h3{ line-height: unset; font-size: 18px; color: #FFF; font-weight: 500 !important;}
    .launch-date h4 + img{ display: none;}
    .launch-date{ position: static; margin-top: 30px; padding: 0;}
    .hero-banner{ height: auto; padding: 30px 0;}
    .fact-block{ border: 1px solid #2662d785;}

    .newsletter, .jv-link{ padding: 15px; border-radius: 14px; text-align: center;}
    .mail-img{ text-align: center; margin-top: -60px;}
    .mail-img img{ max-width: 150px;}
    .mail-form{ padding: 30px 0 0 0; text-align: center; text-align: center;}
    .link-img{ text-align: center !important;}
    .link-img img{ max-width: 80px;}

    .jv-link .row{ flex-direction: column-reverse;}
    .link-img{ margin-top: -45px; padding-bottom: 20px;}
    .txt-block-2 h5{ font-size: 15px;}

    .img-block p, .img-block ul li, .step-card p, .step-card ul li, .feed-box p, .textImg p, .pro-display p{ color: #FFF;}
    .pro-display p{ text-align: justify;}
    .step-card{ padding: 15px; border-radius: 15px; margin-top: 30px;}
    .step-label{ display: block;}
    .figure-card{ margin-top: 20px; }
    .txt-block-5-in{ font-size: 17px;}
    .img-block-bg{ display: block;}

    .product-box-in{ padding: 15px; border-radius: 15px;}
    .product-box{ border-radius: 15px;}

    .pro-display .row{ flex-direction: column-reverse;}
    .pro-display-img{ padding-bottom: 20px;}
    .pro-display-img img{ transform: none;}

    .pr-img img{ max-width: 85px;}
    .pr-img.large img{ max-width: 130px;}
    .pr-img.large{ margin-top: -30px;}
    .contest-group{ padding-top: 50px;}
    .line{ width: 40px;}

    .win img{ max-width: 100%; margin: 0; transform: none;}
    .win{ margin: -100px 0 30px 0; text-align: center;}
    .daily-contest{ padding: 15px; border-radius: 15px; height: auto;}
    .promo-logo{ gap: 15px;}

    .reciprocate-img{ flex-direction: row; flex-wrap: wrap; gap: 5px; justify-content: center;}
    .reciprocate-img img{ max-width: 49%;}
    .abhi-img img{ max-width: 100%;}
    .abhi-img-wrap{ margin-top: 30px;}

    .auto-card-icon{ width: 80px; height: 80px;}
    .auto-card-icon img{ max-height: 40px;}

    h2.large{ font-size: 32px;}
    .no-break{ display: none;}
    .txt-bg{ line-height: normal !important;}
}

@media (max-width: 575px) {
  .txt-bg-1, .txt-bg-2{ border-radius: 10px; padding: 10px;}
  .img-block-img img{ max-width: 100%;}
}