@import url('https://fonts.googleapis.com/css2?family=Sigmar&display=swap');

*{ position: relative;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ line-height: normal;}
h2{ line-height: 1.2;}

h2.large{ font-size: 4rem;}

.font-sigmar{ font-family: "Sigmar", sans-serif;}

.txt-gradient-2 {
    background: linear-gradient(90deg, #00A3FF 0%, #F2D422 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .txt-gradient-3 {
    background: linear-gradient(90deg, #6E38FD 0%, #F00 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .txt-gradient-4{ background: linear-gradient(90deg, #FF4702 0%, #3F5EFB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

  .o1-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3.75rem;
    background: radial-gradient(71.31% 58.87% at 50% 20.16%, #D0B4FF 0%, #6E38FD 100%);
    color: #FFF;
    font-weight: 800;
    padding: 1.0625rem 2.75rem;
    background-size: 200%;
  }

  .o1-button:hover{ background-position: right; box-shadow: 0 0 10px #6E38FD;}
  
  .btn-style-1 {
    background: linear-gradient(270deg, #6E38FD 4.5%, #F00 96.96%);
    box-shadow: 0rem 0.625rem 0.625rem 0rem rgba(0, 0, 0, 0.25),
                0rem 0.625rem 0.625rem 0rem rgba(255, 255, 255, 0.25) inset;
  }
  
  .lg-btn {
    font-size: 1.6875rem;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2.625rem 8.75rem;
    border-radius: 6.25rem;
  }

  .btn-style-1:hover{  background-position: right; box-shadow: 0 0 50px #F00;}
  
  .txt-orange {
    color: #FF4702;
  }
  
  /* .o1-header {
    background: url('../images/header-shadow.png') top center no-repeat #000;
  } */
  
  .o1-header p {
    font-size: 1rem;
    margin: 0;
    padding: 0;
  }
  
  .o1-header-top {
    padding: 1rem 0;
  }
  
  .o1-header-bottom {
    background: url('../images/head-bg.png') repeat-x bottom center;
    background-size: auto 100%;
  }
  
  .o1-header-bottom-in {
    padding: 2.25rem 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.875rem;
  }
  
  .o1-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.1875rem;
    font-weight: 800;
    background: #250000;
    border-radius: 6.25rem;
    color: #FFADAD;
    padding: 0.75rem 2.75rem;
    padding-left: 0.75rem;
  }
  
  .o1-steps span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.875rem;
    height: 2.875rem;
    background: #FE1A1A;
    border-radius: 100%;
    color: #FFF;
  }
  
  .txt-block-1 {
    border: 1px solid #00A3FF;
    background: radial-gradient(129.59% 47.57% at 33.33% 100%, #232323 0%, #000 100%);
    box-shadow: 0px 0px 20px 0px #6E38FD;
    position: relative;
  }
  
  .txt-block-1 img {
    position: absolute;
    left: -0.625rem;
    top: 50%;
    transform: translateY(-50%);
    max-width: 4.813rem;
  }
  
  .hero-banner {
    height: auto !important;
    padding: 5rem 0;
    background: none;
  }
  
  .hero-banner h1 span {
    color: #FF4702;
  }
  
  .hero-banner h3 {
    color: #FF4702;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
  }
  
  .vid-bg {
    position: relative;
    transform: none;
    background: none;
    margin: 0 auto;
    height: auto;
    left: unset;
  }
  
  .hero-banner .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;
  }
  
  .graph-1 {
    transform: rotate(3deg);
    top: -1rem;
  }
  
  .graph-2 {
    transform: rotate(-3deg);
    top: -1rem;
  }
  
  .section-o1 {
    background: linear-gradient(270deg, #000 0%, #070F31 50%, #000 100%);
  }
  
  .up-table {
    border-radius: 2.21275rem;
    border: 0.1475rem solid #12203A;
    background: linear-gradient(180deg, #1C1C27 0%, #000 100%);
    box-shadow: 0rem 0.29506rem 3.125rem 0rem rgba(255, 71, 2, 0.50);
    overflow: hidden;
  }
  
  .table-style-1 {
    margin: 0;
  }
  
  .table-style-1 tr td,
  .table-style-1 tr th {
    background: none;
    vertical-align: middle !important;
    color: #FFFFFF;
    border: none !important;
    padding: 1.125rem 1.875rem;
  }
  
  .table-style-1 tr th {
    background: #1b1a24;
  }
  
  .table-style-1 tr td {
    background: #1c1f2d1f;
  }
  
  .table-style-1 tr:nth-child(odd) td {
    background: #21212e;
  }
  
  .table-style-1 tr:nth-child(2) td {
    background: #16161f;
  }
  
  .table-head {
    display: flex;
    align-items: center;
    gap: 1.5625rem;
    background: linear-gradient(to bottom, #FC466B, #6E0C16);
    border-radius: 1.25rem;
  }

  .table-head img{ max-width: 5.375rem;}
  
  .table-head.pro {
    background: linear-gradient(180deg, #FC466B 0%, #3F5EFB 100%);
  }
  
  .section-o2 {
    background: #99001F;
    padding: 1.125rem 0;
  }

  .noteSec img{ max-width: 4.188rem;}
  .proVid img{ max-width: 50.688rem;}
  .you-pro img{ max-width: 30rem;}
  
  .section-o3 {
    background: linear-gradient(180deg, #070F31 0%, #000 100%);
  }
  
  .money-back img {
    max-width: 49.6875rem;
  }
  

  .text-card-1 {
    border-radius: 0.9375rem;
    border: 0.0625rem solid rgba(255, 255, 255, 0.10);
    background: rgba(0, 0, 0, 0.10);
    box-shadow: 0rem 0rem 3.125rem 0rem rgba(255, 71, 2, 0.50);
    backdrop-filter: blur(0.625rem);
    letter-spacing: 0.075rem;
    padding: 2.75rem;
  }
  
  .section-o4-in {
    background: url('../images/stars.png') no-repeat;
    background-size: cover;
  }
  
  .section-o5 {
    background: url('../images/hero-bg.png') no-repeat;
    background-size: cover;
  }
  
  .section-o6 {
    padding: 7.5rem 0;
  }
  
  .section-o7 {
    background: url('../images/bg-1.png') no-repeat;
    background-size: 100% auto;
  }
  
  .section-o8 {
    background: url('../images/bg-2.png') no-repeat;
    background-size: cover;
  }
  
  .section-o10 {
    background: linear-gradient(270deg, #000 0%, #070F31 50%, #000 100%);
  }
  
  .featureBox {
    max-width: 49.375rem;
    margin: 0 auto;
    border-radius: 2.21275rem;
    border: 0.3125rem solid #12203A;
    background: linear-gradient(180deg, rgba(52, 52, 170, 0.10) 0%, rgba(81, 131, 159, 0.10) 49%, rgba(107, 145, 84, 0.10) 100%);
    backdrop-filter: blur(0.625rem);
    padding: 5rem 0;
  }
  
  .time-group {
    background: linear-gradient(180deg, #00A3FF 0%, #F2D422 100%);
    padding: 0.125rem;
    border-radius: 1.25rem;
    max-width: 37.5rem;
    margin: 0 auto;
  }
  
  .time-group-in {
    border-radius: 1.25rem;
    background: #040F1E;
    padding: 2.5rem;
    text-align: center;
  }
  
  .time iframe {
    transform: scale(1.5);
    width: 100%;
    height: 3.5rem;
    margin-top: 1.875rem;
  }
  
  .featureBox-cont {
    padding: 0 3.75rem;
    padding-top: 4.375rem;
  }
  
  .check-ul li {
    position: relative;
    padding: 0 0 0 2.75rem;
    margin: 1.25rem 0 0 0;
  }
  
  .check-ul li::after {
    content: '';
    position: absolute;
    width: 2rem;
    height: 2rem;
    left: 0;
    top: 0;
    background: url('../images/check.png') no-repeat;
    background-size: 100% auto;
  }
  
  .star-ul li {
    position: relative;
    padding: 0 0 0 2.75rem;
    margin: 1.25rem 0 0 0;
  }
  
  .star-ul li::after {
    content: '';
    position: absolute;
    width: 2rem;
    height: 2rem;
    left: 0;
    top: 0;
    background: url('../images/star2.png') no-repeat;
    background-size: 100% auto;
  }
  
  .effTxt {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #000 48.5%, rgba(0, 0, 0, 0.00) 100%);
    padding: 1.375rem 3.75rem;
    margin: 0 -3.75rem;
  }
  
  .fast-bonus-outer {
    background: linear-gradient(180deg, #00A3FF 0%, #F2D422 100%);
    padding: 1px;
    border-radius: 1rem;
  }
  
  .fast-bonus {
    border-radius: 1rem;
    background: #040F1E;
    padding: 2.5rem;
    text-align: center;
    font-weight: 700;
  }
  
  .section-o11 {
    padding: 7.5rem 0;
  }
  
  .textImg .img-block-img {
    text-align: right;
  }
  
  .textImg.reverse .img-block-img {
    text-align: left;
  }
  
  .section-o12 {
    background: linear-gradient(270deg, #000 0%, #070F31 50%, #000 100%);
  }
  
  .faq-card {
    border-radius: 1.875rem;
    padding: 0.0625rem;
    background: linear-gradient(180deg, #12203A 0%, #2F4C83 100%);
  }
  
  .faq-card-in {
    border-radius: 1.875rem;
    padding: 1.875rem 3.125rem;
    background: linear-gradient(180deg, #1C1C27 0%, #000 100%);
  }
  
  .faq-head {
    border-radius: 0.9375rem;
    background: #6E38FD;
    padding: 1.5625rem 2.1875rem;
    font-weight: 600;
  }
  
  .faq-body {
    display: flex;
    flex-direction: column;
    gap: 1.5625rem 0;
    padding-top: 1.5625rem;
    color: #BABABA;
}


/* bg-effect */
.bg-effect::before {
  display: block;
  position: absolute;
  inset: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  background: linear-gradient(to top, #030013 0%, rgba(0 0 0 /50%) 50%, #030013 100%);
  z-index: 1;
}
.bg-effect {
  position: absolute;
  inset: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  justify-content: space-between;
  row-gap: 2.5rem;
}
.bg-effect .colmn {
  display: flex;
  align-items: flex-start;
  column-gap: 2.5rem;
  animation: bg-effect 30s linear infinite;
}
.bg-effect .colmn > div{
  width: 19.6875rem;
  flex-shrink: 0;
  position: relative;
  border-radius: 1.875rem;
  overflow: hidden;
}

.bg-effect .colmn > div img{ opacity: 0.2;}

.bg-effect .colmn > div::after{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 1.875rem;
  background: linear-gradient(180deg, rgba(0, 2, 0, 0.00) 0%, #000000 100%);}

.bg-effect .colmn-1, .bg-effect .colmn-5 {
  left: -2500px;
  position: relative;
}
.bg-effect .colmn-3 {
  left: -2500px;
}
.bg-effect .colmn-2, .bg-effect .colmn-4 {
  right: 1000px;
  animation: bg-effect-v2 30s linear infinite;
}
.bg-effect .colmn img {
  border-radius: 1.875rem;
}

.slant{ padding-top: 15px; padding-bottom: 15px;}
.slant > div{ transform: rotate(-8deg);}
.slant-2 > div{ transform: rotate(8deg);}

@keyframes bg-effect {
0% {
  transform: translateX(0px);
}

15.6666% {
  transform: translateX(50.42px);
}

30.6666% {
  transform: translateX(100.84px);
}

35.6666% {
  transform: translateX(150.26px);
}

40.6666% {
  transform: translateX(200.68px);
}

45.6666% {
  transform: translateX(250.10px);
}

  50.6666% {
  transform: translateX(300.10px);
}

  55.6666% {
  transform: translateX(350.10px);
}

  60.6666% {
  transform: translateX(400.10px);
}

  65.6666% {
  transform: translateX(450.10px);
}

  70.6666% {
  transform: translateX(500.10px);
}

  75.6666% {
  transform: translateX(550.10px);
}

  80.6666% {
  transform: translateX(600.10px);
}

  85.6666% {
  transform: translateX(650.10px);
}

  90.6666% {
  transform: translateX(700.10px);
}

  95.6666% {
  transform: translateX(750.10px);
}

100% {
  transform: translateX(800px);
}
}

@keyframes bg-effect-v2 {
0% {
  transform: translateX(800px);
}

15.6666% {
  transform: translateX(750.42px);
}

30.6666% {
  transform: translateX(700.84px);
}

35.6666% {
  transform: translateX(650.26px);
}

40.6666% {
  transform: translateX(600.68px);
}

45.6666% {
  transform: translateX(550.10px);
}

  50.6666% {
  transform: translateX(500.10px);
}

  55.6666% {
  transform: translateX(450.10px);
}

  60.6666% {
  transform: translateX(400.10px);
}

  65.6666% {
  transform: translateX(350.10px);
}

  70.6666% {
  transform: translateX(300.10px);
}

  75.6666% {
  transform: translateX(250.10px);
}

  80.6666% {
  transform: translateX(200.10px);
}

  85.6666% {
  transform: translateX(150.10px);
}

  90.6666% {
  transform: translateX(100.10px);
}

  95.6666% {
  transform: translateX(50.10px);
}

100% {
  transform: translateX(0px);
}
}

/* end bg effect */


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

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

.section-o3{ background: url('../images/bg-3.jpg') no-repeat center bottom #000; background-size: 100% auto;}
.section-fe1{ background: url('../images/header-shadow.png') no-repeat top center #000;}

.vid-wrap.large .inner-vid{ background: none; padding: 0;}
.vid-wrap{ box-shadow: 0px 0px 3.125rem 0px #6E38FD; border-radius: 1.25rem;}

.card-1-outer{ border-radius: 2.1875rem; padding: 1px; background: linear-gradient(180deg, #000 0%, #12203A 100%); height: 100%;}
.card-1{ border-radius: 2.1875rem; background: linear-gradient(180deg, #1C1C27 0%, #000 100%); padding: 2.1875rem; height: 100%; display: flex; flex-direction: column; 
  gap: 0.9375rem;}
.card-1 p{ color: #BABABA; font-size: 1.1rem;}
.card-1-img{ display: flex; align-items: center; justify-content: center; height: 20.5rem; border-radius: 1.25rem; background: rgba(217, 217, 217, 0.05);}
.card-1-img{ margin-top: 0.9375rem;}

.section-fe2, .section-fe3, .section-fe4, .section-fe10, .section-fe13, .section-fe15, .section-fe18, .section-fe21{ background: url('../images/header-shadow.png') no-repeat top center #000;}
.highlight-blue{ webkit-box-decoration-break: clone; box-decoration-break: clone; border-radius: 0.625rem; background: #00A3FF; padding: 0.125rem 0.9375rem; color: #000;}
.section-fe3{ padding-bottom: 7.5rem;}

.highlight-purple{ webkit-box-decoration-break: clone; box-decoration-break: clone; border-radius: 0.625rem; background: #6E38FD; padding: 2px 0.9375rem; color: #000;}

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

.step-card{ box-shadow: 0px 4px 3.125rem 0px #6E38FD;}
.step-card.alt{ box-shadow: none; border-radius: 1.8125rem; background: radial-gradient(59.17% 61.29% at 2.99% 3.43%, #00135B 0%, #000117 100%);}
.step-card.alt h3{ font-size: 6.25rem; color: rgb(0 24 120);}

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

.section-fe8, .section-fe9, .section-fe16, .section-fe19{ background: url('../images/bg-5.png') top center no-repeat #000; background-size: 100% auto;}
/* .card-1-img2{ height: 20.5rem; background: #D9D9D9;} */

.section-fe11{ background: linear-gradient(270deg, #120042 0%, #000 100%);}
.card-1-img-3 img{ width: 100%;}

.time-2 iframe{ margin: 0; transform: scale(1.1); height: 48px; margin-left: -4rem;}
.card-img-1 img{ max-width: 5.9375rem;}

.pro-img.no-bg{ background: none; padding: 0;}
.video-sec-in{ position: relative; padding-bottom: 56.25%; height: 0;}
.video-sec-in iframe, .video-sec-in video{ position: absolute; width: 100%; height: 100%;}

.txt-slant{ position: absolute; right: -5.5625rem; top: -2.9375rem; width: 19.6875rem; text-align: center; transform: rotate(-16.765deg); font-size: 1.5rem; line-height: 2.75rem;}

.section-fe14, .section-fe19.alt{ background: url('../images/bg-6.png') top left no-repeat #000;}
.video-card{ border-radius: 1.25rem; overflow: hidden; box-shadow: 0px 0px 3.125rem 0px #6E38FD;}

.step-label.alt{ border-radius: 1.0693rem; border: 1px solid #565656; background: linear-gradient(180deg, #010101 0%, #18150F 100%); color: #FFF;}

.section-fe20{ background: linear-gradient(270deg, #000 0%, #120042 100%);}

.list-box{ border-radius: 2.2128rem; border: 2px solid #12203A; background: linear-gradient(180deg, #1C1C27 0%, #000 100%); padding:3.125rem 1.875rem;}
.pr{ font-size: 8.5625rem; font-weight: 800; line-height: 8.125rem;}
.pr span{ line-height: 8.125rem; background: linear-gradient(112deg, #FFF 13.71%, #999 88.1%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.pr > div{ margin: -2.9375rem -2.5625rem 0 0;}

.pr.blue span{ background: linear-gradient(112deg, #FFF 13.71%, #6E38FD 88.1%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.txt-block-1.orange{  border: 1px solid #FF4702; box-shadow: 0px 0px 1.25rem 0px #FF4702;}
.txt-block-1.purple{ border: 1px solid #6E38FD; box-shadow: 0px 0px 1.25rem 0px #6E38FD;}
.list-box-in{ border-radius: 1.9375rem; background: rgba(255, 255, 255, 0.05); padding: 3.125rem 1.875rem;}

ul.check{ display: flex; flex-direction: column; gap: 1.875rem;}
.check li{ position: relative; font-size: 1.125rem; padding: 0 0 0 2.875rem;}
.check li::after{ content: ''; position: absolute; left: 0; top: 0; width: 2.0625rem; height: 1.75rem; background: url('../images/check-2.png') no-repeat; background-size: 100% auto;}
.close li::after{ background: url('../images/close.png') no-repeat; background-size: 100% auto;}

.faq-card, .faq-card-in{ height: 100%;}
.section-fe21-in{ background: url('../images/bg-3.jpg') no-repeat bottom center; background-size: 100% auto; padding-bottom: 7.5rem;}

.txt-block-1.red{ border-radius: 0.9375rem; border: 1px solid #FFF; background: #590000;}
.section-o11{ background: url('../images/bg-3.jpg') no-repeat bottom center #000; background-size: 100% auto;}

/*  */


.trafic-img img{ max-width: 62.0625rem;}


@media (max-width: 1199px) {
.time iframe{ height: 60px;}
}

@media (max-width: 1023px) {
    .vid-bg{ padding: 0 10px;}
    .hero-banner .vid-wrap.alt{ max-width: 100%;}
    .vid-wrap{ transform: none;}
    .lg-btn{ padding-left: 15px; padding-right: 15px; font-size: 16px;}
    .time-2 iframe{ margin-left: 0;}
    .pro-img-alt{ text-align: center !important;}
}

@media (max-width: 767px) {
.lock-row{ flex-direction: column-reverse;}
h2.large{ font-size: 22px;}
.txt-block-1{ text-align: center;}
.txt-slant{ right: -30px;}
}

@media (max-width: 575px) {
.o1-header-top{ text-align: center;}
.o1-step-arrow{ display: none;}
.o1-header-bottom-in{ flex-direction: column;}

.table-style-1 tr td, .table-style-1 tr th{ padding: 5px; font-size: 11px;}
.up-table{ margin: 0 -15px;}
.table-head img{ max-width: 20px;}
.table-head{ padding: 4px; gap: 4px;}
.table-head h5{ font-size: 10px; line-height: 12px;}
.money-back img{ max-width: 100%;}
.proVid img{ max-width: 100%;}
.featureBox-cont{ padding: 15px;}
.featureBox{ padding: 0 0 20px 0;}
.faq-card-in{ padding: 15px;}
.o1-header-bottom-in{ gap: 8px;}
.step-label{ text-align: center;}
.step-card.alt h3{ font-size: 32px;}
.txt-block-5-in{ font-size: 15px;}
.no-break{ display: none;}

.img-block-img img{ max-width: 100%;}
}