html {
    scroll-behavior: smooth;
  }

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


  /*Fonts*/
  /*@font-face {font-family: WesFYW03-Thin; src: url('../font/Wes FY W03 Thin.ttf'); } 
  @font-face {font-family: WesFYW03-Regular; src: url('../font/Wes FY W03 Regular.ttf'); } 
  @font-face {font-family: WesFYW03-Medium; src: url('../font/Wes FY W03 Medium.ttf'); } 
  @font-face {font-family: WesFYW03-Bold; src: url('../font/Wes FY W03 Bold.ttf'); } 
  @font-face {font-family: WesFYW03-Black; src: url('../font/Wes FY W03 Black.ttf'); } 
  
  
  .WesFYW03Thin{
      font-family: 'WesFYW03-Thin';
  }
  .WesFYW03Regular{
      font-family: 'WesFYW03-Regular';
  }
  .WesFYW03Medium{
      font-family: 'WesFYW03-Medium';
  }
  .WesFYW03Bold{
      font-family: 'WesFYW03-Bold';
  }
  .WesFYW03Black{
      font-family: 'WesFYW03-Black';
  }
  */
  .blue-clr{
      color: #0a1f44;
  }
  .light-blue-clr{
      color: #1f43ff;
  }
  /*.caveat{
      font-family: 'Caveat', cursive;
  }*/
  /*.poppins{font-family: 'Poppins', sans-serif;}*/
  .top-title{
      background: url(../images/top-title.png) no-repeat center center;
      padding: 15px;
  }
  
  .jvdoc {
      background: #ffde01 url(../images/right-aro.png) no-repeat 5px;
      padding: 15px 25px 18px 65px;
      border-radius: 100px;
      text-transform: uppercase;
  }
  .video-wrap{
      border-radius: 23px;
      /*border:  6px solid #b0cbf7;*/
      display: inline-block;
      background-color: transparent;
  }
  .jv-prize,
  .jv-prize:hover,
  .jv-prize:focus{
      background:  url(../images/jv-prize.jpg) no-repeat 0 0;
      padding: 7% 0;
      background-size: cover;
  }
  .affiliate-btn,
  .affiliate-btn:hover,
  .affiliate-btn:focus{
      background-color: #243051;
      border-radius: 6px;
      color: #ffffff;
      padding: 21px 21px;
      display: inline-block;
  }
  .four-ways{
      background: url(../images/four-ways.png) no-repeat 0 0;
      padding: 7% 0;
      background-size: cover;
  }
  .ways-block{
      background-color: #f5ecff;
      padding: 15px;
      border-radius: 14px;
  }
  .number{
      color: #e0c4fd;
      font-size: 100px;
      font-weight: 800;
      line-height: 0.8;
  }
  .introducing{
      background: url(../images/introducing.png) no-repeat 0 0;
      padding: 7% 0;
      background-size: cover;
  }
  
  .image-sec{
      background-color: #08192a;
      padding: 8% 0;
  }
  .story-creation{
      background-color: #ffffff;
      padding: 4% 0 6% 0;
  }
  .yellow-btn,
  .yellow-btn:hover,
  .yellow-btn:focus{
      background: url(../images/signup.png) no-repeat center center;
      color: #121449;
      padding: 30px 58px;
      display: inline-block;
      background-size: contain;
  }
  .title{
      color: #353539;
  }
  .subtitle{
      color: #3a3b3e;
  }
  .normal-btn,
  .normal-btn:hover,
  .normal-btn:focus{
      background: #e5ebf7;
      color: #121449;
      padding: 18px 45px;
      border-radius: 10px;
      display: inline-block;
      background-size: contain;
  }
  .blue-btn,
  .blue-btn:hover,
  .blue-btn:focus{
      background-color: #0059cb;
      color: #ffffff;
      font-size: 18px;
      padding: 12px 33px;
      border-radius: 100px;
      line-height: 1.5;
  }
  .welcome .nav-link{
      position: relative;
      padding-right: 15px;
      margin-bottom: 25px;
      padding-top: 0;
      padding-bottom: 0;
      background:  transparent !important;
  }
  .welcome .nav-link::after{
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 6px;
      border-radius: 3px;
  }
  .welcome .nav-link.active::after{
      background-color: #26d682;
  }
  .welcome .nav-link::after{
      background-color: #88e8ba;
  }
  
  .underline{
      text-decoration: underline;
  }
  .mydate{
      color: #23366a;
      font-size: 220px;
      font-weight: 800;
      display: flex;
      align-items: flex-start;
      line-height: 0.7;
      margin-bottom: 35px;
  }
  .mydate sup{
      font-weight: normal;
      font-size: 20px;
      margin-left: -15px;
  }
  .jvdoc-btn,
  .jvdoc-btn:hover,
  .jvdoc-btn:focus{
      background: url(../images/jv-doc.png) no-repeat center center;
      color: #23366a;
      padding: 21px 25px;
      display: inline-block;
      background-size: contain;
  }
  .introducing-block{
      background-color: #016ff8;
      border-radius: 50px;
      padding: 65px 150px;
  }
  .img-sec1{
      background-color: #fbdbcd;
      padding: 30px 0;
  }
  @media only screen and (max-width:  576px){
      
  }
  @media only screen and (max-width:  767.99px){
      .affiliate-btn{
          background-color: #243051;
          border-radius: 6px;
          color: #ffffff;
          padding: 15px 15px;
          display: inline-block;
      }
      .introducing-block{
          background-color: #016ff8;
          border-radius: 50px;
          padding: 25px 30px;
      }
      .jvdoc-btn,
      .jvdoc-btn:hover,
      .jvdoc-btn:focus{
          background: url(../images/jv-doc.png) no-repeat center center;
          color: #23366a;
          padding: 21px 25px;
          display: inline-block;
          background-size: contain;
      }
  }
  @media only screen and (max-width:  991.99px){
      
  }
  @media only screen and (max-width:  1199.99px){
  
  }
  @media only screen and (min-width: 992px){
  
      
      .amazing{
          background: url(../images/brack.png) no-repeat center center;
          padding: 11px 25px 25px 20px;
          background-size: cover;
      }
      .hund{
          position: relative;
      }
      .hund::after{
          content: '';
          position: absolute;
          width: 100%;
          height: 1px;
          background-color: #0a1f44;
          bottom: 0;
          left: 0;
          z-index: -1;
      }
  }
  
   
  /*Common*/
  body {font-family: 'DM Sans', sans-serif;font-size: 14px;overflow-x: hidden;line-height: 1.42857143;color: #000000;background-color: #fff;}
  a{text-decoration:none;}
  a:hover{text-decoration:none;}
  
  
  p{
      margin-bottom:0px;
  }
   ul{
      padding:0px;
      list-style:none;
      margin:0px;
  }
  .ls1{letter-spacing:1px;}
  .ls2{letter-spacing:2px;}
  .ls9{letter-spacing:9px;}
  
  .padding0 {padding: 0;}
  
  
  h1, h2, h3, h4, h5, h6{margin-bottom:0;}
  .round{
      background: url(../images/round.png) no-repeat center center;
      background-size: contain;
      padding: 17px;
  }
  .shadow-box{
      border-radius: 25px;
      padding: 75px 25px;
      background-color: #f5f5f5;
      box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
      /* margin-top: -250px; */
      position: relative;
      z-index: 1;
  }
  
  .heading-underline1::after{
      background-color: #f9b985;
  }
  .heading-underline2::after{
      background-color: #0c66ff !important;
  }
  .heading-underline-small::after{
      content: "";
      position: absolute;
      bottom: -2px;
      left: 0;
      background-color: #d195ff;
      width: 100%;
      height: 6px;
  }
  .step1::after,
  .step2::after,
  .step3::after{
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      background-color: #8be081;
      width: 15px;
      height: 38px;
      border-radius: 4px;
  }
  .step2::after{
      background-color: #9fd5f9;
  }
  .step3::after{
      background-color: #fac9a3;
  }
  .grey-clr{
      color: #c0c1c4;
  }
  .so-simple{
      background-color: #015ae6;
  }
  .white-bg{
      background-color: #ffffff;
  }
  .vdo-creation{
      background: url(../images/vdo-creation.png) no-repeat;
      background-size: cover;
      background-position: top left;
  }
  .mbl{
      background-color: #fdf7f0;
  }
  
  .visitor{
      background-color: #ffd497;
  }
  .section-padding-50{
      padding: 50px 0;
  }
  .visitor::after{
      content: "";
      position: absolute;
      top: 0;
      left: 40%;
      background-color: #f8f9fb;
      width: 40%;
      height: 100%;
  }
  
  ul.tiktok{
      padding-left: 20px;
  }
  ul.tiktok li{
      position: relative;
      padding-left: 40px;
      padding-bottom: 25px;
  }
  ul.tiktok li::before{
      content: "";
      position: absolute;
      top: 4px;
      left: 0;
      width: 20px;
      height: 20px;
      background-color: #fead0d;
      border-radius: 3px;
  }
  
  
  
  
  ul.drop li{
      position: relative;
      padding-left: 40px;
      padding-bottom: 25px;
  }
  ul.drop li::before{
      content: "";
      background: url(../images/tick.png) no-repeat;
      position: absolute;
      top: 0px;
      left: 0;
      width: 30px;
      height: 30px;
      border-radius: 3px;
  }
  .love{
      background-color: #eef7ff;
      border-radius: 10px;
      padding: 15px 10px;
      min-height: 178px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  .stopping{
      background-color: #ffdada;
  }
  .bg-new::after{
      background-color: #fa9d9d;
      bottom: -3px;
  }
  ul.creative li{
      position: relative;
      padding-left: 40px;
      padding-bottom: 25px;
  }
  ul.creative li::before{
      content: "";
      background: url(../images/check.png) no-repeat;
      position: absolute;
      top: 1px;
      left: 0;
      width: 28px;
      height: 28px;
  }
  .introducing-sec{
      /* background-color: #0c56cf; */
      background: url(../images/intro-bg.png) no-repeat center center;
      background-size: cover;
  }
  .enough-sec{
      background-color: #e9f4ff;
  }
  .enough-sec1{
      background-color: #f9fbff;
  }
  .steps{
      /* background: url(../images/steps.png) no-repeat center center; */
      background-size: cover;
  background: #040F1A;
  padding: 4% 0 3% 0;
  }
  .bg1{
      background-color: #f9f9f9;
  }
  .template{
      background-color: #fff2ff;
  }
  .allura{
      font-family: 'Allura', cursive;
  }
  .slider {
      position: relative;
      width: 100%;
      top: 0;
      overflow: hidden;
  }
  .slider-img {
        visibility: hidden;
    }
  .slider .slider-row {
      width: 3000px;
      height: 250px;
      background-image: url(../images/slide1.png);
      background-size: 3000px 250px;
      animation: slide 70s linear infinite;
      background-repeat: repeat-x;
  }
  .slider .slider-row1 {
      width: 3000px;
      height: 250px;
      background-image: url(../images/slide2.png);
      background-size: 3000px 250px;
      animation: slide1 70s linear infinite;
      background-repeat: repeat-x;
  }
  @keyframes slide {
      from {
        background-position-x: 0;
      }
      to {
        background-position-x: -3000px;
      }
    }
    @keyframes slide1 {
      from {
        background-position-x: 0;
      }
      to {
        background-position-x: 3000px;
      }
    }
  .testi{
      background-color: #ffecc6;
  }
  .testimonial::after{
      content: "";
      background: url(../images/quote.png) no-repeat;
      background-size: contain;
      position: absolute;
      top: -20px;
      right: 0;
      width: 72px;
      height: 90px;
      z-index: 0;
  }
  .video-creator{
      background-color: #e9f4ff;
  }
  .vdo-block{
      background-color: #e9f4ff;
      border:  1px solid #d4e6f9;
      padding: 40px 0;
      border-radius: 25px;
  }
  .unlock-block{
      /* border:  1px solid #f5c19e; */
      border-radius: 15px;
      padding: 7%;
      min-height: 190px;
      background-color: rgba(255, 255, 255, 0.149);
  }
  
    
  
  .robo-block{
      border:  1px solid #f5c19e;
      border-radius: 15px;
      padding: 12px;
      background: #ffffff;
      z-index: 1;
      min-height: 167px;
  }
  
  @media (min-width:240px) {
      .right-video{
          position: relative;
          top: auto;
          left: auto;
          text-align: center;
      }
      .amazing{
          background: url(../images/brack.png) no-repeat center center;
          padding: 10px 10px 12px 10px;
          background-size: contain;
      }
      .section-padding{
          padding: 50px 0;
      }
      .heading-underline::after,
      .heading-underline1::after{
          content: "";
          position: absolute;
          bottom: 1px;
          left: 0;
          background-color: #d195ff;
          width: 100%;
          height: 4px;
      }
      .xs8 {font-size: 8px;}.xs9 {font-size: 9px;}.xs10 {font-size: 10px;}.xs11 {font-size: 11px;}
      .xs12 {font-size: 12px;}.xs13 {font-size: 13px;}.xs14 {font-size: 14px;}.xs15 {font-size: 15px;}
      .xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}
      .xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs22 {font-size: 22px;}.xs23 {font-size: 23px;}
      .xs24 {font-size: 24px;}.xs25 {font-size: 25px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}
      .xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs33 {font-size: 33px;}
      .xs35 {font-size: 35px;}.xs37 {font-size: 37px;}.xs39 {font-size: 39px;}.xs40 {font-size: 40px;}
      .xs41 {font-size: 41px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}
      .xs49 {font-size: 49px;}.xs51 {font-size: 51px;}.xs56{font-size: 56px;}.xs60 {font-size: 60px;}
      .xs70 {font-size: 70px;}.xs85 {font-size: 85px;}
  
      .xsmt1{margin-top:1%;}.xsmt2{margin-top:2%;}.xsmt3{margin-top:3%;}.xsmt4{margin-top:4%;}.xsmt5{margin-top:5%;}
      .xsmt6{margin-top:6%;}.xsmt7{margin-top:7%;}.xsmt8{margin-top:8%;}.xsmt9{margin-top:9%;}.xsmt10{margin-top:10%;}
      .xsmt11{margin-top:11%;}.xsmt12{margin-top:12%;}.xsmt13{margin-top:13%;}.xsmt20{margin-top:20%;}
  
      .xsmb1{margin-bottom:1%;}
      .xsmb2{margin-bottom:2%;}
      .xsmb3{margin-bottom:3%;}
      .xsmb4{margin-bottom:4%;}
      .xsmb6{margin-bottom:6%;}
      .xsmb7{margin-bottom:7%;}
      .xsmb8{margin-bottom:8%;}
      .xsmb10{margin-bottom:10%;}
      .xsmb15{margin-bottom:15%;}
      .xsmb0{margin-bottom:0%;}
  
      .xsmt-1{margin-top:-1%;}
      .xsmt-3{margin-top:-3%;}
      .xsmt-11{margin-top:-11%;}
  
      .mycontainer{width: 90%;
          padding-right: 15px;
          padding-left: 15px;
          margin-right: auto;
          margin-left: auto;}
      .mycontainer2{
          width:100%;    
          padding-right: 15px;
          padding-left: 15px;
          margin-right: auto;
          margin-left: auto;
      }
      .strictly{
          background: #1c1c21 url(../images/bijli.png) no-repeat 15px 12px;
          background-size: 20px;
          border-radius: 50px;
          padding: 10px 10px 10px 20px;
          color: #36a3eb;
      }
      .strictly1{
          background: #def2ff url(../images/bijli.png) no-repeat 15px 12px;
          background-size: 20px;
          border-radius: 50px;
          padding: 10px 10px 10px 20px;
          color: #36a3eb;
      }
      a.get-access{
          border-radius: 11px;
          background-color: #0d65fe;
          padding: 15px 15px;
          display: inline-block;
          /* box-shadow: 0px 7px 20px rgb(0 0 0 / 40%); */
      }
  
      a.get-access2{
          border-radius: 11px;
          background-color: #0d65fe;
          padding: 15px 15px;
          display: inline-block;
          box-shadow: 0px 7px 20px rgb(0 0 0 / 40%);
      }
      .video-box-main {
          background: url(../images/vdo-bg.png) no-repeat center center;
          background-size: contain;
          padding: 10px 0px;
          position: relative;
          z-index: 1;
          left: 2%;
          width: 100% !important;
      }
      .story{
          background:  url(../images/story.png) no-repeat;
          background-size: cover;
          padding: 10px;
      }
      .instagram{
          background-color: #fed9a1;
      }
      .instagram::after{
          width: 0%;
      }
      .shadow-box{
          border-radius: 25px;
          padding: 40px 25px;
          background-color: #f5f5f5;
          box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
          margin-top: 0;
          position: relative;
          z-index: 1;
      }
      .simple {
          background: url(../images/simple.png) no-repeat;
          background-size: contain;
          padding: 15px;
      }
      .upscale{
          background-color: #f8f9fb;
      }
      .upscale::after{
          content: "";
          position: absolute;
          top: 0;
          left: 100%;
          background-color: #f8f9fb;
          width: 100%;
          height: 100%;
      }
  
  }
  
  
  @media (min-width:768px) {
      .upscale{
          background-color: #f8f9fb;
      }
      .upscale::after{
          content: "";
          position: absolute;
          top: 0;
          left: 50%;
          background-color: #6ddfba;
          width: 50%;
          height: 100%;
      }
      .shadow-box{
          border-radius: 25px;
          padding: 75px 25px;
          background-color: #f5f5f5;
          box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
          /* margin-top: -250px; */
          position: relative;
          z-index: 1;
      }
      .simple {
          background: url(../images/simple.png) no-repeat;
          background-size: cover;
          padding: 15px;
      }
      .story{
          background:  url(../images/story.png) no-repeat;
          background-size: cover;
          padding: 15px;
      }
      .amazing{
          background: url(../images/brack.png) no-repeat center center;
          padding: 17px 15px 20px 15px;
          background-size: contain;
      }
      .heading-underline::after,
      .heading-underline1::after
      .heading-underline2::after{
          content: "";
          position: absolute;
          bottom: 5px;
          left: 0;
          background-color: #d195ff;
          width: 100%;
          height: 4px;
      }
      .section-padding{
          padding: 100px 0;
      }
  
      .video-box-main {
          background: url(../images/vdo-bg.png) no-repeat center center;
          background-size: contain;
          padding: 40px 90px;
          position: relative;
          z-index: 1;
          left: 2%;
      }	
      .mrminus{
          margin-right: -45px;
          margin-top: 8px;
      }
      .mlminus{
          margin-left: -45px;
          margin-top: 12px;
      }
  
  
  
        
  
      a.get-access {
          border-radius: 18px;
          background-image: -moz-linear-gradient(90deg, rgb(155,213,246) 1%, rgb(255,255,255) 100%);
          background-image: -webkit-linear-gradient(90deg, rgb(155,213,246) 1%, rgb(255,255,255) 100%);
          background-image: -ms-linear-gradient(90deg, rgb(155,213,246) 1%, rgb(255,255,255) 100%);
          padding: 28px 105px;
          display: inline-block;
          color: #142231;
          outline: 2px solid white;
          outline-offset: 4px;
          box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0); /* Transparent shadow for spacing */
      }
      
  
  
  
  
      
      a.get-access2{
          border-radius: 11px;
          background-color: #0d65fe;
          padding: 22px 17px;
          display: inline-block;
          box-shadow: 0px 7px 20px rgb(0 0 0 / 40%);
      }
      .strictly{
          background: #207a9b url(../images/bijli.png) no-repeat 25px 5px;    
          background-size: 20px;
          border-radius: 50px;
          padding: 10px 10px 10px 25px;
          color: #36a3eb;
      }
      .strictly1{
          background: #def2ff url(../images/bijli.png) no-repeat 25px 5px;    
          background-size: 20px;
          border-radius: 50px;
          padding: 10px 10px 10px 25px;
          color: #36a3eb;
      }
      .sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}
      .sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}
      .sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}
      .sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}
      .sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm28 {font-size: 28px;}.sm29 {font-size: 29px;}
      .sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm32 {font-size: 32px;}.sm33 {font-size: 33px;}
      .sm35 {font-size: 35px;}.sm37 {font-size: 37px;}.sm39 {font-size: 39px;}.sm40 {font-size: 40px;}
      .sm41 {font-size: 41px;}.sm43 {font-size: 43px;}.sm44 {font-size: 44px;}.sm45 {font-size: 45px;}
      .sm46 {font-size: 46px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm51 {font-size: 51px;}
      .sm55 {font-size: 55px;}.sm60 {font-size: 60px;}.sm70 {font-size: 70px;}.sm80 {font-size: 80px;}
      .sm100 {font-size: 100px;}.sm130 {font-size: 130px;}
  
      .smmt0{margin-top:0%;}.smmt1{margin-top:1%;}.smmt2{margin-top:2%;}.smmt3{margin-top:3%;}.smmt4{margin-top:4%;}
      .smmt5{margin-top:5%;}.smmt6{margin-top:6%;}.smmt7{margin-top:7%;}.smmt8{margin-top:8%;}.smmt9{margin-top:9%;}.smmt10{margin-top:10%;}.smmt13{margin-top:13%;}.smmt6{margin-top:6%;}.smmt7{margin-top:7%;}
      .smmt8{margin-top:8%;}.smmt9{margin-top:9%;}.smmt11{margin-top:11%;}.smmt12{margin-top:12%;}.smmt16{margin-top:16%;}
      .smmt18{margin-top:18%;}.smmt12{margin-top:12%;}.smmt13{margin-top:13%;}.smmt14{margin-top:14%;}.smmt15{margin-top:15%;}
      .smmt18{margin-top:18%;}.smmt20{margin-top:20%;}.smmt22{margin-top:22%;}.smmt25{margin-top:25%;}.smmt28{margin-top:28%;}
      .smmt30{margin-top:30%;}.smmt34{margin-top:34%;}.smmt45{margin-top:45%;}
  
      .lmt-15{margin-top:-14%;}
      .lmt-25{margin-top:-25%;}
      .lmt-3{margin-top:-3%;}
      .lmt-1{margin-top:-1%;}
      .lmt-2{margin-top:-2%;}
      .lmt-3{margin-top:-3%;}
      .lmt-4{margin-top:-4%;}
      .lmt-5{margin-top:-5%;}
      .lmt-6{margin-top:-6%;}
      .lmt-7{margin-top:-7%;}
      .lmt-8{margin-top:-8%;}
      .lmt-9{margin-top:-9%;}
      .lmt-11{margin-top:-11%;}
      .lmt-13{margin-top:-13%;}
      .lmt-20{margin-top:-20%;}
      .lmb0{margin-bottom:0%;}
      .lmb1{margin-bottom:1%;}
      .lmb2{margin-bottom:2%;}
      .lmb7{margin-bottom:7%;}
      .lmb10{margin-bottom:10%;}
      .lmb15{margin-bottom:15%;}
      .lmb30{margin-bottom:30%;}
  
      .lmb-8{margin-bottom:-8%;}
      .lmb-4{margin-bottom:-4%;}
  
      .lml-2{margin-left:-2%;}
  
      .pc-right{
          text-align: right;
      }
  
      .mobile-center {
          text-align: left;
      }
  
  
      .mycontainer{width: 730px;}
      .mycontainer2{width:750px;}
  
      .instagram{
          background-color: #fed9a1;
      }
      .instagram::after{
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          background-color: #ffd497;
          width: 0%;
          height: 100%;
      }
      .right-video{
          position: relative;
          top: auto;
          left: auto;
      }
  
  }
  
  @media (min-width: 992px) {
      .right-video{
          position: relative;
          top: -15px;
          left: -30px;
      }
      .instagram{
          background-color: #fed9a1;
      }
      .instagram::after{
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          background-color: #f8f9fb;
          width: 40%;
          height: 100%;
      }
      .md8 {font-size: 8px;}.md9 {font-size: 9px;}.md10 {font-size: 10px;}.md11 {font-size: 11px;}
      .md12 {font-size: 12px;}.md13 {font-size: 13px;}.md14 {font-size: 14px;}.md15 {font-size: 15px;}
      .md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}
      .md20 {font-size: 20px;}.md21 {font-size: 21px;}.md22 {font-size: 22px;}.md23 {font-size: 23px;}
      .md24 {font-size: 24px;}.md25 {font-size: 25px;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}
      .md28{font-size: 28px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}
      .md32 {font-size: 32px;}.md33 {font-size: 33px;}.md34 {font-size: 34px;}.md35 {font-size: 35px;}
      .md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39 {font-size: 39px;}
      .md40{font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md44 {font-size: 44px;}
      .md45 {font-size: 45px;}.md46 {font-size: 46px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}
      .md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md52 {font-size: 52px;}
      .md53 {font-size: 53px;}.md54 {font-size: 54px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}
      .md58 {font-size: 58px;}.md66 {font-size: 66px;}.md68 {font-size: 68px;}.md60{font-size: 60px;}
      .md64{font-size: 64px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}
      .md84 {font-size: 84px;}.md90{font-size: 90px;}.md106{font-size: 106px;}.md170 {font-size: 170px;}
      .md210 {font-size: 240px;}
  
      .mdmt0{margin-top:0%;}.mdmt1{margin-top:1%;}.mdmt2{margin-top:2%;}.mdmt3{margin-top:3%;}.mdmt4{margin-top:4%;}
      .mdmt5{margin-top:5%;}.mdmt6{margin-top:6%;}.mdmt7{margin-top:7%;}.mdmt8{margin-top:8%;}.mdmt9{margin-top:9%;}.mdmt10{margin-top:10%;}.mdmt13{margin-top:13%;}.mdmt6{margin-top:6%;}.mdmt7{margin-top:7%;}
      .mdmt8{margin-top:8%;}.mdmt9{margin-top:9%;}.mdmt11{margin-top:11%;}.mdmt12{margin-top:12%;}.mdmt16{margin-top:16%;}
      .mdmt18{margin-top:18%;}.mdmt12{margin-top:12%;}.mdmt13{margin-top:13%;}.mdmt14{margin-top:14%;}.mdmt15{margin-top:15%;}
      .mdmt18{margin-top:18%;}.mdmt20{margin-top:20%;}.mdmt22{margin-top:22%;}.mdmt25{margin-top:25%;}.mdmt28{margin-top:28%;}
      .mdmt30{margin-top:30%;}.mdmt34{margin-top:34%;}.mdmt45{margin-top:45%;}
  
  
      .mmb0{margin-bottom:0%;}
      .mmb3{margin-bottom:3%;}
      .mmb5{margin-bottom:5%;}
      .mmb7{margin-bottom:7%;}
      .mmb8{margin-bottom:8%;}
      .mmb11{margin-bottom:11%;}
      .mmb12{margin-bottom:12%;}
      .mmb14{margin-bottom:14%;}
      .mmb15{margin-bottom:15%;}
      .mmb16{margin-bottom:16%;}
      .mmb20{margin-bottom:20%;}
      .mmb28{margin-bottom:28%;}
      .mmb35{margin-bottom:35%;}
  
  
      .mmb-5{margin-bottom:-5%;}
      .mmb-6{margin-bottom:-6%;}
  
      .mml-4{margin-left:-4%;}
  
      .mycontainer{width: 880px;}
      .mycontainer2{width:922px;}
      .video-box-main {
          background: url(../images/vdo-bg.png) no-repeat center center;
          background-size: contain;
          padding: 40px 125px;
          position: relative;
          z-index: 1;
          left: 2%;
      }   
  
  }
  
  @media (min-width:1200px){
      .right-video{
          position: relative;
          top: 84px;
          left: -40px;
      }
      }
      .circle{
      background: url(../images/circle.png) no-repeat center center;
      padding: 16px 10px 12px 10px;
      background-size: cover;
  }
      .p1{
          top: 95px;
          right: -15px;
      }
      .p2{
          top: 95px;
          left: -15px;
      }
      .p3{
          top: -32px;
          right: -155px;
      }
      .p4{
          top: -32px;
          left: -155px;
      }
      .p5{
          top: 4px;
          right: -155px;
      }
      .p6{
          top: 20px;
          left: -155px;
      }
  .lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}
  .lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}
  .lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}
  .lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}
  .lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}
  .lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}
  .lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}
  .lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}
  .lg42 {font-size: 42px;}.lg44 {font-size: 44px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}
  .lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}
  .lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg55 {font-size: 55px;}
  .lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg62 {font-size: 62px;}.lg60{font-size: 60px;}
  .lg64{font-size: 64px;}.lg68{font-size: 68px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}
  .lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg106 {font-size: 106px;}.lg210 {font-size: 240px;}
  
  .lgmt0{margin-top:0%;}.lgmt1{margin-top:1%;}.lgmt2{margin-top:2%;}.lgmt3{margin-top:3%;}.lgmt4{margin-top:4%;}
  .lgmt5{margin-top:5%;}.lgmt6{margin-top:6%;}.lgmt7{margin-top:7%;}.lgmt8{margin-top:8%;}.lgmt9{margin-top:9%;}.lgmt10{margin-top:10%;}.lgmt13{margin-top:13%;}.lgmt6{margin-top:6%;}.lgmt7{margin-top:7%;}
  .lgmt8{margin-top:8%;}.lgmt9{margin-top:9%;}.lgmt11{margin-top:11%;}.lgmt12{margin-top:12%;}.lgmt16{margin-top:16%;}
  .lgmt18{margin-top:18%;}.lgmt12{margin-top:12%;}.lgmt13{margin-top:13%;}.lgmt14{margin-top:14%;}.lgmt15{margin-top:15%;}
  .lgmt18{margin-top:18%;}.lgmt20{margin-top:20%;}.lgmt22{margin-top:22%;}.lgmt25{margin-top:25%;}.lgmt28{margin-top:28%;}
  .lgmt30{margin-top:30%;}.lgmt34{margin-top:34%;}.lgmt45{margin-top:45%;}
  
  
  
  
  .lmtm-3{margin-top: -3%;}
  
  .lgmb0{margin-bottom:0%;}
  .lgmb2{margin-bottom:2%;}
  .lgmb3{margin-bottom:3%;}
  .lgmb5{margin-bottom:5%;}
  .lgmb11{margin-bottom:11%;}
  .lgmb12{margin-bottom:12%;}
  .lgmb22{margin-bottom:22%;}
  .lgmb25{margin-bottom:25%;}
  
  .lgmb-6{margin-bottom:-6%;}
  
  
  
  
  
  .padding4{padding:0% 4%}
  .video-box-main {
          background: url(../images/vdo-bg.png) no-repeat center center;
          background-size: contain;
          padding: 40px 140px;
          position: relative;
          z-index: 1;
          left: 2%;
      } 
  
  }
  
  @media (min-width:1500px){
      .right-video{
          position: relative;
          top: 130px;
          left: -75px;
      }
      .xl8 {font-size: 8px;}.xl9 {font-size: 9px;}.xl10 {font-size: 10px;}.xl11 {font-size: 11px;}
      .xl12 {font-size: 12px;}.xl13 {font-size: 13px;}.xl14 {font-size: 14px;}.xl15 {font-size: 15px;}
      .xl16 {font-size: 16px;}.xl17 {font-size: 17px;}.xl18 {font-size: 18px;}.xl19 {font-size: 19px;}
      .xl20 {font-size: 20px;}.xl21 {font-size: 21px;}.xl22 {font-size: 22px;}.xl23 {font-size: 23px;}
      .xl24 {font-size: 24px;}.xl25 {font-size: 25px;}.xl26 {font-size: 26px;}.xl27 {font-size: 27px;}
      .xl28 {font-size: 28px;}.xl29 {font-size: 29px;}.xl30 {font-size: 30px;}.xl31 {font-size: 31px;}
      .xl32 {font-size: 32px;}.xl33 {font-size: 33px;}.xl34 {font-size: 34px;}.xl35 {font-size: 35px;}
      .xl36 {font-size: 36px;}.xl37 {font-size: 37px;}.xl38 {font-size: 38px;}.xl39 {font-size: 39px;}
      .xl40{font-size: 40px;}.xl41 {font-size: 41px;}.xl42 {font-size: 42px;}.xl44 {font-size: 43px;}
      .xl45 {font-size: 45px;}.xl46 {font-size: 46px;}.xl47 {font-size: 47px;}.xl48 {font-size: 48px;}
      .xl49 {font-size: 49px;}.xl50 {font-size: 50px;}.xl51 {font-size: 51px;}.xl52 {font-size: 52px;}
      .xl53 {font-size: 53px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl58 {font-size: 58px;}
      .xl65 {font-size: 65px;}.xl60{font-size: 60px;}.xl75 {font-size: 75px;}.xl70 {font-size: 70px;}
      .xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}
  
      .xlmt0{margin-top:0%;}.xlmt1{margin-top:1%;}.xlmt2{margin-top:2%;}.xlmt3{margin-top:3%;}.xlmt4{margin-top:4%;}
      .xlmt5{margin-top:5%;}.xlmt6{margin-top:6%;}.xlmt7{margin-top:7%;}.xlmt8{margin-top:8%;}.xlmt9{margin-top:9%;}.xlmt10{margin-top:10%;}.xlmt13{margin-top:13%;}.xlmt6{margin-top:6%;}.xlmt7{margin-top:7%;}
      .xlmt8{margin-top:8%;}.xlmt9{margin-top:9%;}.xlmt11{margin-top:11%;}.xlmt12{margin-top:12%;}.xlmt16{margin-top:16%;}
      .xlmt18{margin-top:18%;}.xlmt12{margin-top:12%;}.xlmt13{margin-top:13%;}.xlmt14{margin-top:14%;}.xlmt15{margin-top:15%;}
      .xlmt18{margin-top:18%;}.xlmt20{margin-top:20%;}.xlmt22{margin-top:22%;}.xlmt25{margin-top:25%;}.xlmt28{margin-top:28%;}
      .xlmt30{margin-top:30%;}.xlmt34{margin-top:34%;}.xlmt45{margin-top:45%;}
  
  }
  
  .mycontainer-left{}
  
  .responsive-video {
      padding-bottom: 56.21%;
      overflow: hidden;
      position: relative;
      z-index: 3;	
      box-shadow:0px 19px 40px 0px rgba(0, 0, 0, 0.24);	
  }
  .video-box {
      position: relative;
      border-radius: 20px;
      overflow: hidden;
      /* box-shadow: 0px 0px 23px 0px rgb(0 0 0 / 13%); */
      /* border: 4px solid #b785ff; */
  }
  .video-box-inner {    
      border-radius: 0;    
      position: relative;
      z-index: 1;
      overflow: hidden;
      background-color: white;
  }
  .autoplayer-subarea-16-by-9 {
      padding-bottom: 56.25%!important;
      border-radius: 0;	
  }
  .video-box iframe{
      border-radius: 15px;	
  }
  
  .demo{padding-bottom: 55.21%;
      overflow: hidden;
      position: relative;
      border: 0px solid #ffffff42;}
  
  .demo-video {
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0px 0px 23px 0px rgb(0 0 0 / 13%);
      border: 4px solid #b785ff;
      background-color: #fff;
  }
  
  .responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video1 iframe, .responsive-video1 object, .responsive-video1 embed, .responsive-demo-video embed, .responsive-demo-video object, .responsive-demo-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .autoplayer-area {
      z-index: 2;
  }
  
  .gray{color:#546878;}
  
  
  .mycontainer{margin:auto;}
  
  .italic {
      font-style: italic;
  }
  
  .upper{text-transform:uppercase}
  
  
  
  
  /*font-weight*/
  .w100{font-weight:100;} .w200{font-weight:200;} .w300{font-weight:300;} .w400{font-weight:400;} .w500{font-weight:500;} .w600{font-weight:600;} .w700{font-weight:700;}
  .w800{font-weight:800;} .w900{font-weight:900;}
  .lh0 {line-height: 0%;}.lh50 {line-height: 50%;}.lh60 {line-height: 60%;}.lh70 {line-height: 70%;}.lh80 {line-height: 80%;}.lh90 {line-height: 90%;}.lh100 {line-height: 100%;}.lh110 {line-height: 110%;}.lh120 {line-height: 120%;}.lh130 {line-height: 130%;}.lh140 {line-height: 140%;}.lh145 {line-height: 145%;}.lh150 {line-height: 150%;}.lh160 {line-height: 160%;}.lh170 {line-height: 170%;}.lh180 {line-height: 180%;}.lh190 {line-height: 190%;}.lh200 {line-height: 200%;}.lh210 {line-height: 210%;}.lh230 {line-height: 230%;}
  
  
  .mycontainer-left {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
  }
  .mycontainer-right {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-left: auto;
  }
  
  .clear {
      clear: both;
  }
  
  .text-white{color:#fff;}
  
  
  .padding2{padding:0% 2%}
  .padding3{padding:0% 3%}
  .padding5{padding:0% 5%}
  
  
  nav{width:100%;}
  .navbar-brand {margin-right: 0rem;padding-top: 0px;}
  
  .navbar-light .navbar-nav .nav-link {
      color: #4c4c4c;
      position: relative;
  }
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
      color: #6031e6;
  }
  .getlink {
      border-radius: 6px;
      background-color: #0d65fe;
      font-weight: 300;
      color: #ffffff!important;
      -moz-transition: .4s;
      -o-transition: .4s;
      -webkit-transition: all .4s ease-in-out;
      transition: .4s;
      margin-left: 10px;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-property: transform;
      transition-property: transform;
      transition: .4s;
      padding: 16px 52px !important}
  .getlink:hover {
      /*background-image: -webkit-linear-gradient( 0deg, rgb(234,63,251) 12%, rgb(134,1,251) 61%, rgb(19,162,252) 90%);
      background-color: rgb(122 53 223);*/
      color: #ffffff !important;
      transition: .4s;
  }
  
  .getbox{margin-left: 1%;}
  
  .navbar-toggler {background-color: white;}
  
  .menu {
      padding: 15px 0;
      
      
          
  }
  
  
  nav li a {
      padding-left: 15px !important;
      padding-right: 15px !important;
  padding-top: 13px !important;padding-bottom: 13px !important;}
  
  
  /* stroke */
  ul.stroke  li a{
    position: relative;
    transition: all .5s;
  }
  ul.stroke li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #6031e6;
    height: 1px;
    transition: all .5s;
  }
  ul.stroke li a:hover:after {
    width: 100%;
  }
  
  
  
  
  a.getlink:hover::before, a.getlink:focus::before, a.getlink:hover::after, a.getlink:focus::after {
      color: transparent;
      text-shadow: 10px 0 transparent, -10px 0 transparent;
      opacity: 0;	
  }
  
  #return-to-top {
      text-align: center;
      position: fixed;
      bottom: 20px;
      right: 20px;
      display: block;
      text-decoration: none;
      padding: 3px 5px;
      font-size: 26px;
      font-weight: bold;
      color: #ffffff;
      z-index: 3;
      text-transform: uppercase;
      transition: all 0.25s ease-in-out;
      border-radius: 2px;
      overflow: hidden;
      line-height: 40px;
      height: 45px;
      width: 45px;
      background-color: #8b3dff;
      opacity: 0.6;
  }
  #return-to-top .fa{
      line-height: inherit;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;	
  }
  #return-to-top:hover{
      opacity: 1;
  }
  
  
   
  
  
  
  .mybutton2 a {
      background-color: rgb(75, 202, 255);
      box-shadow: 0px 20px 24.36px 4.64px rgb(0 0 0 / 11%);
      color: #fff;
      padding: 0% 15% 0% 0;
      display: table;
      margin: auto;
      border-radius: 50px;
      transition: 0.5s;
      margin-top: 5%;
  }
  .mybutton2 a:hover {
      background-color: rgb(0 175 240);
      box-shadow: none;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      z-index: 1;
      color: #fff !important;
      text-decoration: none !important;
  }
  
  
  .mybutton4A a {
      background-color: rgb(238, 53, 36);
      box-shadow: 0px 20px 24.36px 4.64px rgb(0 0 0 / 11%);
      color: #fff;
      display: table;
      padding: 3.4% 11.2%;
      transition: all 0.5s;
      position: relative;
      margin-left: auto;
      border-radius: 50px;
  }
  .mybutton4A a:hover {
      background-color: rgb(222 51 35);
      box-shadow: none;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      z-index: 1;
      color: #fff !important;
      text-decoration: none !important;	
  }
  .mybutton4B  a{    
      color: #0c1120;
      display: table;
      padding: 3.1% 14.4%;
      transition: all 0.5s;
      position: relative;
      margin-right: auto;
      border-radius: 50px;
      border-width: 1px;
      border-color: rgb(31, 32, 35);
      border-style: solid;
  }
  .mybutton4B a:hover {
      
      box-shadow: none;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      z-index: 1;
      
      text-decoration: none !important;	
  box-shadow: 0px 20px 24.36px 4.64px rgb(0 0 0 / 11%);}
  
  
  
  
  .videoframe {
      position: relative;
  }
  
  
  
  
  
  .myvideo2 {
      border-width: 4px;
      border-color: rgb(30, 154, 231);
      border-style: solid;
      border-radius: 17px;
      background-color: rgb(0, 0, 0);
      box-shadow: 14.913px 21.298px 36.12px 6.88px rgb(0 0 0 / 33%);
      padding: 0;
      overflow: hidden;
  }
  .myvideo2 .responsive-video {
      box-shadow: none;
      margin-bottom: 0%;
      background-color: #000;
      padding-bottom: 52.21%;
      border-radius: 0;
  }
  
  
  
  .checklist2 li {
      background: url(../images/checklist2.png) no-repeat left 10px;
      padding-left: 38px;
      padding-right: 0%;
      list-style: none;
      margin-left: 0px;
      padding-top: 2px;
      padding-bottom: 18px;
      margin-bottom: 9px;
  }
  .checklist3 {
      padding: 8% 9%;
      text-align: left;
  }
  .checklist3 li {
      color: #233569;
      background: url(../images/checklist3.png) no-repeat left 13px;
      padding-left: 34px;
      padding-right: 0%;
      list-style: none;
      margin-left: 0px;
      padding-top: 2px;
      padding-bottom: 7px;
      margin-bottom: 7px;
  }
  .checklist4 li {
      background: url(../images/checklist4.png) no-repeat 27px 17px;
      list-style: none;
      padding-left: 63px;
      padding-top: 4.5%;
      padding-bottom: 4.5%;
      transition: 0.5s;
      background-color: #8b3dff;
      border-color: #8b3dff;
      color: #fff;
      border-radius: 50px;
      margin: 6% auto;
      text-align: left;
  }
  
  .bottm-menu li {
      position: relative;
      display: inline-block;
      transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      padding: 0px 20px;
  }
  
  .bottm-menu li a {
      color: #222d39;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      font-weight:400;
      letter-spacing:1px;
      height: 29px;	
  }
  .bottm-menu li a:hover{
      font-weight:600;
      letter-spacing:0.8px;
  }
  
  .bottm-menu .getlink {
      background-color: rgb(107, 61, 245);
      color: #ffffff!important;
      margin-left: 0;	
  }
  .bottm-menu .getlink:hover{
      background-color: #fff;
      box-shadow:-6.303px 7.37px 40px 0px rgba(0, 0, 0, 0.23);
      color: #222d39!important;
  }
  
  .navbar-light .navbar-toggler {
      background-color: #dbceff;
      border: 0;
  }
  
  .copyright-text{text-align:left;}
  .copyright-link{text-align:right;color: #989898;}
  
  .strip_footer a {
      color: #989898;
  }
  .strip_footer a:hover {
      text-decoration: underline;
      color: #bdbdbd;
  }
  
  .strip_footer hr{border-top: 1px solid rgb(255 255 255 / 9%);margin-top: 3%;margin-bottom: 2%;}
  
  /*banner*/
  .title1 {
      background-image: -moz-linear-gradient( 0deg, rgb(19,162,252) 12%, rgb(134,1,251) 61%, rgb(234,63,251) 90%);
      background-image: -webkit-linear-gradient( 0deg, rgb(19,162,252) 12%, rgb(134,1,251) 61%, rgb(234,63,251) 90%);
      background-image: -ms-linear-gradient( 0deg, rgb(19,162,252) 12%, rgb(134,1,251) 61%, rgb(234,63,251) 90%);
      color: #fff;
      font-style: italic;
      border-radius: 50px;
      padding: .2% 3.4%;
      display: inline-block;
  }
  
  
  .gradient-text-blue {
      background-image: linear-gradient(0deg, #618cf5, #ffffff);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      -webkit-text-fill-color: transparent;
  }
  
  .buynow {
      background: #0099ff;
      padding: 10px 20px;
      border-radius: 8px;
  }
  
  
  .toplinks a {
      color: white;
  }
  
  
  .video-box-main{width: 100%;}
  .date-main-box{}
  
  .video-box-main1{position:relative;}
  
  .videoElement-box2{
      position:absolute;
      top:11%;
  }
  
  .date-main-box {
      border-radius: 15px;
      padding: 3% 1% 4% 4%;
      height: 100%;
      border: 1px solid #9a11f8;
      text-align: center;
      background-color: #fff;
      width: 38%;
      position: relative;
      left: -2%;
  }
  
  .clock {
      position: relative;
      top: -2px;
  }
  
  .date {
      display: inline-flex;
      position: relative;
      right: -4%;
  }
  .date span {
      background-image: url(../images/dateBg.png);
      background-repeat: repeat;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      -webkit-font-smoothing: antialiased;
      background-position: center center;
      background-attachment: fixed;
      display: -webkit-inline-box;
      line-height: 80%;
      background-color: #852497;
  }
  .date sup {
  font-weight: 400;position: relative;margin-top: 10%;}
  
  /*section2*/
  
  .watting-box{position: relative;cursor:pointer;}
  
  .watting1Bg{position: absolute;width: 100%;margin-top: -3%;}
  .watting1{position: relative;z-index: 1;}
  
  .watting2Bg{position: absolute;width: 100%;margin-top: -2%;}
  .watting2{position: relative;z-index: 1;}
  
  .watting3Bg{position: absolute;width: 100%;margin-top: -2%;}
  .watting3{position: relative;z-index: 1;}
  
  /* Buzz Out */
  @-webkit-keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(6px) rotate(4deg);
      transform: translateX(6px) rotate(4deg);
    }
    20% {
      -webkit-transform: translateX(-6px) rotate(-4deg);
      transform: translateX(-6px) rotate(-4deg);
    }
    30% {
      -webkit-transform: translateX(6px) rotate(4deg);
      transform: translateX(6px) rotate(4deg);
    }
    40% {
      -webkit-transform: translateX(-6px) rotate(-4deg);
      transform: translateX(-6px) rotate(-4deg);
    }
    50% {
      -webkit-transform: translateX(4px) rotate(2deg);
      transform: translateX(4px) rotate(2deg);
    }
    60% {
      -webkit-transform: translateX(-4px) rotate(-2deg);
      transform: translateX(-4px) rotate(-2deg);
    }
    70% {
      -webkit-transform: translateX(4px) rotate(2deg);
      transform: translateX(4px) rotate(2deg);
    }
    80% {
      -webkit-transform: translateX(-4px) rotate(-2deg);
      transform: translateX(-4px) rotate(-2deg);
    }
    90% {
      -webkit-transform: translateX(2px) rotate(0);
      transform: translateX(2px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-2px) rotate(0);
      transform: translateX(-2px) rotate(0);
    }
  }
  
  .hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
  }
  .watting-box-main:hover .hvr-buzz-out, .watting-box-main:focus .hvr-buzz-out, .watting-box-main:active .hvr-buzz-out{
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }
  
  
  
  .launch-box-left{
      border-right: 1.5px solid #222327;
      padding-top: 1%;
      padding-bottom: 1%;
  }
  .launch-box-right{
      border-left: 1.5px solid #222327;
      padding-top: 1%;
      padding-bottom: 1%;	
  }
  
  .launch-date{background-color: rgb(255, 234, 0);border-radius: 50px;display: inline-block;padding: 0.6% 5.7%;text-transform: uppercase;}
  
  .gradient-text {
      background-image: linear-gradient(to right, #13a2fc, #8601fb, #ea3ffb);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  
  .promo-left{width: 69%;}
  .promo-right{width: 31%;position:relative;}
  
  .promoTop{position: relative;margin-bottom: -6%;}
  .promo{position: relative;z-index: 1;}
  
  
  
  /**Styling scrollable elements*/
  
  .js-scroll {
    opacity: 0;
    transition: opacity 500ms;
  }
  
  .js-scroll.scrolled {
    opacity: 1;
  }
  
  .scrolled.fade-in {
    animation: fade-in 0.5s ease-in-out both;
  }
  
  .scrolled.fade-in-bottom {
    animation: fade-in-bottom 0.5s ease-in-out both;
  }
  
  .scrolled.fade-in-left {
    animation: fade-in-left 0.5s ease-in-out both;
  }
  
  .scrolled.slide-left {
    animation: slide-in-left 0.5s ease-in-out both;
  }
  
  .scrolled.slide-right {
    animation: slide-in-right 0.5s ease-in-out both;
  }
  
  /* ----------------------------------------------
   * Generated by Animista on 2021-2-11 23:32:31
   * Licensed under FreeBSD License.
   * See http://animista.net/license for more info. 
   * w: http://animista.net, t: @cssanimista
   * ---------------------------------------------- */
  
  
  
  @keyframes fade-in-bottom {
    0% {
      -webkit-transform: translateY(50px);
      transform: translateY(50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  @keyframes fade-in-left {
    0% {
      -webkit-transform: translateX(50px);
      transform: translateX(50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
    }
  }
  
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }  
  
  
  
  .list-box {
      padding: 0 2.5% 0 0;
  }
  .list-box-inn {   
      margin-bottom: 8%;
         
          
      color: #fff;
      
  padding: 0;}
  .list-box-inn a{
      padding: 4.9% 7%;
      border-radius: 50px;
      color: #fff;
      background-color: rgb(139, 61, 255);
      width: 100%;
      display: inline-block;
  transition: 0.5s;}
  
  .list-box-inn a:hover {
      background-color: rgb(102 42 191);
      box-shadow: 0px 0px 10px 2px #02020238;
  }
  
  .list-box1-outer {
      padding: 0 1.5% 0 0;
      margin-top: 7%;
  }
  .list-box1-inner {
      padding: 8% 0 10% 0;
      background: url(../images/listBg1.png) no-repeat center center;
      background-size: cover;
      border-radius: 15px;
      background-color: rgb(255, 255, 255);
      box-shadow: 0px 12px 54px 0px rgb(0 0 0 / 14%);
      height: 100%;
  }
   
  .list-box2-outer {
      padding: 0 0 0 1.5%;   
      margin-top: 7%;
  }
  .list-box2-inner {
      padding: 8% 0 10% 0;
      background: url(../images/listBg2.png) no-repeat center center;
      background-size: cover;
      border-radius: 15px;
      background-color: rgb(255, 255, 255);
      box-shadow: 0px 12px 54px 0px rgba(0, 0, 0, 0.14);
      height: 100%;
  }
  
  
  
  .stepTag{position: relative;left: -2%;}
  
  .form {
      background: url(../images/form_bg.png) no-repeat center center;
      background-size: cover;
      border-radius: 20px;
      background-color: rgb(219, 238, 242);
      padding: 4% 2% 4% 2%;
      position:relative;	
  }
  
  .form2{background: url(../images/form_bg2.png) no-repeat center center;padding: 4% 2% 6% 2%;}
  
  .form-box-main{padding: 0 5%;}
  .form-box input {
      width: 100%;
      margin: 4% 0 3% 0;
      padding: 5.5% 10%;
      border-width: 1px;
      border-color: rgb(0 0 0 / 18%);
      border-style: solid;
      background-color: rgb(255, 255, 255);
      border-radius: 50px;
  }
  .form-box [type=submit] {
      
      
      
      
      background-color: #134cff;
      color: #fff;
      display: table;
      border: 0px;
      cursor: pointer;
      padding: 2.7% 3% !important;
      transition: all 0.5s;
      position: relative;
      margin: auto;
      border-radius: 50px;
      width: 98%;
      margin-top: 1%;
  }
  .form-box [type=submit]:hover {
      
      
      
      /* background-color: #0e3fd9; */
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      box-shadow: 0px 7px 4.36px 0px rgb(19 76 255 / 59%);
      z-index: 1;
  }
  
  .form-box::-webkit-input-placeholder { 
      color: #000; 
      opacity: 1; 
      font-size:16px;
      font-weight:300;
  }
  .form-box:-moz-placeholder { 
      color: #000;
      font-size:16px;
      font-weight:300;
  }
  .form-box::-moz-placeholder {
      color: #000;
      font-size:16px;
      font-weight:300;
  }
  .form-box:-ms-input-placeholder {
      color: #000;
      font-size:16px;
      font-weight:300;
  } 
  
  .form-box input:focus-visible {
      outline: -webkit-focus-ring-color auto 0px;
  }
  
  .mybutton1 a {
      color: #fff;
      display: table;
      padding: 2.7% 11.1%;
      transition: all 0.5s;
      position: relative;
      margin: auto;
      border-radius: 50px;
      background-color: #fd7a2c;
  }
   
  .mybutton1 a:hover {
      
      
      
      background-color: #e16a23;box-shadow: 0px 7px 4.36px 0px rgb(225 106 35 / 44%);
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      z-index: 1;
      color: #fff !important;
      text-decoration: none !important;	
  }
   
  /*section3*/
  
  
  .ele4{position: relative;margin-top: -1%;right: 1%;}
  .ele5{position: relative;margin-top: -1%;left: 1%;}
  
  .zoom{transition: transform .2s;}
  .zoom:hover {
    -ms-transform: scale(1.03); /* IE 9 */
    -webkit-transform: scale(1.03); /* Safari 3-8 */
    transform: scale(1.03); 
  }
  
  
  
  .checklist1 li span.box-text {
      background: url(../images/checklist1.png) no-repeat 0 11px;
      padding-left: 35px;
      list-style: none;
      margin-left: 0px;
      padding-top: 1%;
      padding-bottom: 1%;
      display: -webkit-inline-box;
  }
  .section3-box-main{margin-top: 3%;}
  .section3-box { 
      padding: 6% 6%;
      border-radius: 25px;
      background-color: #dbebfb;
      border: 2px solid #d4e6f9;
      /* box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 10%) */
  }
  
  .cover{
      animation: 2s ease-in-out 0s infinite alternate none running mover2;
  }
  
  @-webkit-keyframes mover2 {
      0% { transform: translateY(10px); }
      100% { transform: translateY(0); }
  }
  @keyframes mover2 {
      0% { transform: translateY(10px); }
      100% { transform: translateY(0); }
  }
  
  /*section4*/
    .slide{}
    
    /* Make the image fully responsive */
    
    .carousel-indicators {
      position: relative;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      display: inline-block;
      display: inline-block;
      display: inline-block;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0;
      margin-right: 0;
      margin-left: 0;
      list-style: none;
  }
  
  .carousel-indicators li {
      position: relative;
      -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: auto;
      height: auto;
      margin-right: 0;
      margin-left: 0;
      text-indent: 0;
      background-color: rgba(255,255,255,.5);
      cursor: pointer;	
  color: #858585;background-color: transparent;border-width: 1px;
    border-color: rgb(193, 193, 193);
    border-style: solid;border-radius: 50px;padding: 11px 35px;margin: 8% 0;transition:0.5s;
    background-color: #8b3dff;border-color: #8b3dff;color: #fff;}
  
  
  
  .carousel-inner {
      overflow: hidden;
      padding: 0;
  }
  
  /*section5*/
  .section5-box{
      background: url(../images/section5.png) no-repeat center center;
      background-size: cover;
      background-color: rgb(245, 245, 245);
      border-radius: 25px;
      padding: 5.5% 6% 7.5% 6%;	
  }
  
  /*section6*/
  .section6-box{}
  .section6-box-inn{
      border-radius: 25px;
      background-color: rgb(245, 245, 245);	
  height: 100%;}
  
  .section6-box1{width: 56%;padding: 1.5% 1.5% 1.5% 0;}
  .section6-box2{width: 44%;;;padding: 1.5% 0 1.5% 1.5%;}
  .section6-box3{width: 44%;padding: 1.5% 1.5% 1.5% 0;}
  .section6-box4{width: 56%;padding: 1.5% 0 1.5% 1.5%;}
  .section6-box5{width: 56%;padding: 1.5% 1.5% 1.5% 0;}
  .section6-box6{width: 44%;;;padding: 1.5% 0 1.5% 1.5%;}
  .section6-box7{width: 44%;padding: 1.5% 1.5% 1.5% 0;}
  .section6-box8{width: 56%;padding: 1.5% 0 1.5% 1.5%;}
  
  .section6-box1 .section6-box-inn{padding: 7% 9% 12% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(19 162 252 / 14%) 12%, rgb(134 1 251 / 14%) 61%, rgb(234 63 251 / 14%) 90%);}
  .section6-box2 .section6-box-inn{padding: 8.5% 9% 12% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(255 147 76 / 14%) 0%, rgb(252 104 111 / 14%) 100%);}
  .section6-box3 .section6-box-inn{padding: 8.5% 9% 11% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(1 94 234 / 14%) 0%, rgb(0 192 250 / 14%) 100%);}
  .section6-box4 .section6-box-inn{padding: 7% 9% 11% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(67 234 128 / 14%) 0%, rgb(56 248 212 / 14%) 100%);}
  .section6-box5 .section6-box-inn{padding: 7% 9% 5% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(182 53 156 / 14%) 0%, rgb(239 10 106 / 14%) 100%);}
  .section6-box6 .section6-box-inn{padding: 8.5% 9% 6% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(103 23 205 / 14%) 0%, rgb(40 113 250 / 14%) 100%);}
  .section6-box7 .section6-box-inn{padding: 8.5% 9% 4% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(118 233 214 / 14%) 0%, rgb(159 174 230 / 14%) 100%);}
  .section6-box8 .section6-box-inn{padding: 7% 9% 4% 9%;background-image: -webkit-linear-gradient( 0deg, rgb(255 227 110 / 14%) 0%, rgb(255 202 11 / 14%) 100%);}
  
  .feature1{margin-top: 14%;}
  .feature2{margin-top: 10%;}
  .feature3{margin-top: 15%;}
  .feature4{margin-top: 10%;}
  .feature5{margin-top: 3%;}
  .feature6{margin-top: 30%;}
  .feature7{margin-top: 12%;}
  .feature8{margin-top: 0%;}
  
  .arrow5 {
      position: relative;
      margin-top: -4%;
      right: -6%;
      margin-bottom: -1%;
  }
   
   
  /*section7*/
  .funnel-box{padding: 1%;width: 15%;text-align: center;position: relative;margin-top: 3%;}
  .funnel-box-inn{
      box-shadow: 0px 6px 13px 0px rgba(114, 0, 183, 0.13);
  border-radius: 18px;padding: 5%;position: relative;cursor: pointer;}
  
  .funnel-box-inn1{
      border-radius: 20px;
      background-color: rgb(255 255 255 / 20%);
  padding: 19% 1% 23% 1%;transition: 0.5s;}
  
  .funnel-box span{
      background-color:#fff;
      display:inline-block;
      border-radius:50px;
  padding: 1% 12%;text-transform: uppercase;} 
  
  .funnel-box1 span{color: #7d57f7;} 
  .funnel-box2 span{color: #ff4a74;} 
  .funnel-box3 span{color: #4b50c5;} 
  .funnel-box4 span{color: #458fca;} 
  .funnel-box5 span{color: #57b678;} 
  .funnel-box6 span{color: #d15597;} 
  
  .funnel-box h1{margin-top: 6%;}
  
  
  .funnel-box1{}
  .funnel-box1 .funnel-box-inn{
      background: url(../images/bg1.png) no-repeat center center;
      background-size: cover;
  background-color: #7b41ff;}
  
  .funnel-box2{}
  .funnel-box2 .funnel-box-inn{
      background: url(../images/bg2.png) no-repeat center center;
      background-size: cover;
  background-color: #ff4b74;}
  
  .funnel-box3{}
  .funnel-box3 .funnel-box-inn{
      background: url(../images/bg3.png) no-repeat center center;
      background-size: cover;
  background-color: #4b43c1;}
  
  .funnel-box4{}
  .funnel-box4 .funnel-box-inn{
      background: url(../images/bg4.png) no-repeat center center;
      background-size: cover;
  background-color: #3d7cc7;}
  
  .funnel-box5{}
  .funnel-box5 .funnel-box-inn{
      background: url(../images/bg5.png) no-repeat center center;
      background-size: cover;
  background-color: #4fb07a;}
  
  .funnel-box6{}
  .funnel-box6 .funnel-box-inn{
      background: url(../images/bg6.png) no-repeat center center;
      background-size: cover;
  background-color: #ba1d43;}
  
  .funnel-box1 .funnel-box-inn:after, .funnel-box2 .funnel-box-inn:after, .funnel-box3 .funnel-box-inn:after, .funnel-box4 .funnel-box-inn:after, .funnel-box5 .funnel-box-inn:after{
      content: '';
      position: absolute;
      left: 99%;
      top: 12%;
      width: 0;
      height: 0;
      
      
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;clear: both;	
  }
  .funnel-box1 .funnel-box-inn:after{border-left: 15px solid #7b41ff;} 
  .funnel-box2 .funnel-box-inn:after{border-left: 15px solid #ff4b74;} 
  .funnel-box3 .funnel-box-inn:after{border-left: 15px solid #4b43c1;} 
  .funnel-box4 .funnel-box-inn:after{border-left: 15px solid #3d7cc7;} 
  .funnel-box5 .funnel-box-inn:after{border-left: 15px solid #4fb17a;}
  
  .bundle-box{text-align: center;width: 88%;margin: auto;background: url(../images/bg7.png) no-repeat center center;
      background-size: cover;
      border-radius: 23px;padding: 3%;background-color: #ef8745;cursor:pointer;}
  .bundle-box-inn{   
      border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.29);padding: 18% 1%;transition:0.5s;}
  
  .bundle-box span{
      
      display: inline-block;
      border-radius: 50px;
      padding: 1% 7.1%;
      text-transform: uppercase;	
  
    background-color: rgb(251, 93, 85);color: #fff;}
  
  .funnel-box:hover .funnel-box-inn1{    background-color: rgb(255 255 255 / 40%);box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 29%);}
  
  .bundle-box:hover .bundle-box-inn {
      background-color: rgb(255 255 255 / 82%);
      box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 0%);
  }
  
  /*section8*/
  
  .section8-box{padding: 0 3%;}
  
  .funnel-detail-box{position: relative;}
  .funnel-detail-box1{margin-top: 5%;}
  .funnel-detail-box-inn {
      background: url(../images/funnelBg.png) no-repeat center top;
      background-size: cover;
      width: 85%;
      margin: auto;
      border-radius: 20px;
      padding: 0 3% 3% 3%;
      background-color: #121215;
  }
  
  
  .logo2{margin-top: 8%;}
  
  .funnel-detail-box-inn h2{text-transform: uppercase;margin-top: 6%;}
  
  .funnel-detail-box-list{
      border-radius: 15px;
      background-color: #fff;
  margin-top: 8%;}
  
  .funnel-detail-box-oto2{margin-top: 0;}
  .funnel-detail-box-oto3{margin-top: 6%;}
  .funnel-detail-box-oto4{margin-top: 6%;}
  .funnel-detail-box-oto5{margin-top: 12%;}
  .funnel-detail-box-bundle{margin-top: 17%;}
  
  .arrow2{position: absolute;top: 4%;right: -10%;}
  .arrow3{position: absolute;bottom: 18%;right: -10%;}
  .arrow3B{position: absolute;bottom: 25%;right: -10%;}
  .arrow4{position: absolute;top: 6%;right: -9%;}
  
  /*section9*/
  .section9-box{
      background: url(../images/section9.png) no-repeat center center;
      background-size: cover;
      background-color: rgb(245, 245, 245);
      border-radius: 25px;
      padding: 5.5% 3% 3.5% 6%;	
  }
  
  .checklist2-box{padding: 0 5% 0 0;}
  
  
  
  
  /*section10*/
  .section10-box{margin-top: 7%;}
  .section10-box-inn{
      background-color: rgb(255, 255, 255);
  padding: 0% 6% 14% 6%;}
  
  .section10-box-inn1{background: url(../images/section10Bg1.png) no-repeat center center;background-size: cover;border-radius: 15px 0 0 15px;background-color: rgb(255, 255, 255);}
  .section10-box-inn2{background: url(../images/section10Bg2.png) no-repeat center center;background-size: cover;border-radius: 0 15px 15px 0;background-color: rgb(255, 255, 255);}
  
  .title2{background-color: rgb(255, 226, 52);display: inline-block;border-radius: 50px;padding: 1.5% 5.4%;position: relative;margin-top: -4%;}
  .edit-date{border-width: 1px;
    border-color: rgb(0, 0, 0);
    border-style: dashed;
    background-color: rgb(245, 245, 245);display: inline-block;padding: 1.3% 2%;width: 100%;text-align: center;}
  .individual{text-align: center;background-color: rgb(252, 25, 25);color: #fff;border-radius: 50px;display: inline-block;padding: 0.4% 6.7%;}
  
  
  .prize{margin-right: 3%;}
  .section10 hr{
      border-top: 1px solid rgb(208, 208, 208);
      width: 80%;
      margin-top: 4%;
      margin-bottom: 4%;	
  }
  .week-box {
      border-radius: 25px;
      background-color: rgb(255 255 255 / 6%);
      display: inline-block;
      padding: 2% 6%;
      color: #fff;
  }
  
  /*section11*/
  .section11-box{
      background: url(../images/section11Box.png) no-repeat center center;
      background-size: cover;
      background-color: #1a1815;
      border-radius: 25px;
      padding: 5.5% 2%;	
      text-align:center;
  margin-top: 5%;}
  
  .reciprocate-title{
      padding: .5% 4%;
      border-radius: 50px;
      display:inline-block;
  border-width: 1px;
    border-color: rgb(255 255 255 / 14%);
    border-style: solid;color: #ffe234;}
  
  .icon1{position: relative;margin-top: -9px;right: 7px;}
  .icon2{position: relative;
      margin-top: -9px;
      left: 7px;}
  
  /*section12*/
  
  .section12-box1{
      text-align:center;
  padding: 0 1% 0 7%;margin-top: 5%;}
  .section12-box2{
      text-align:center;
  padding: 0 7%  0 1%;margin-top: 5%;} 
  .section12-box-inn{
      background: url(../images/section12Bg.png) no-repeat center center;
      background-size: cover;
      background-color: #1a1815;
      border-radius: 25px;
  padding: 28% 1% 13% 0%;margin-top: -25%;}
  
  .creator{border-radius: 100%;box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.22);position: relative;z-index: 1;}
  
  
  .mybutton2A a {
      background-color: rgb(75, 202, 255);
      box-shadow: 0px 20px 24.36px 4.64px rgb(0 0 0 / 11%);
      color: #fff;
      padding: 0% 11.1% 0% 0;
      display: table;
      margin: auto;
      border-radius: 50px;
      transition: 0.5s;
      margin-top: 5%;
  }
  .mybutton2A a:hover {
      background-color: rgb(0 175 240);
      box-shadow: none;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      z-index: 1;
      color: #fff !important;
      text-decoration: none !important;
  }
  
  .button-text{
      margin-left: 16px;
  }
  
  .mybutton3A a {
      background-color: rgb(51, 111, 160);
      box-shadow: 0px 20px 24.36px 4.64px rgb(0 0 0 / 11%);
      color: #fff;
      padding: 0% 14.1% 0% 0;
      display: table;
      margin: auto;
      border-radius: 50px;
      transition: 0.5s;
      margin-top: 3%;
  }
  .mybutton3A a:hover {
      background-color: rgb(41 83 150);
      box-shadow: none;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      z-index: 1;
      color: #fff !important;
      text-decoration: none !important;
  }
  
  .button-text2{
      margin-left: 16px;
  }
  
  
  /*section13*/
  
  /**/
  
  .banner {
      background: #0f0f11 url(../images/banner-bg.png) no-repeat left top;
      background-size: cover;
      z-index: 1;
      padding: 2% 0 6% 0%;
      position: relative;
  }
  .header{z-index: 111111;position: relative;margin: auto;width: 100%;}
  .section2{padding: 6% 0 3% 0;position:relative;}
  .section2-box{background: url(../images/section2.png) no-repeat center center;background-size: cover;background-color: #16171b;border-radius: 25px;padding: 4.6% 2%;}
  .section2-box2{background: url(../images/section2Box2.png) no-repeat center top;background-size: cover;background-color: rgb(245, 245, 245);border-radius: 25px;padding: 5.5% 6% 7.5% 6%;}
  
  .section22{padding: 0% 0 2% 0;position: relative;z-index: 1;}
  .section3{background: url(../images/section3.png) no-repeat center top;background-size: cover;z-index: 1;padding: 4.5% 0 7% 0;background-color: #121215;}
  
  .section4{background: url(../images/section4.png) no-repeat center top;background-size: cover;z-index: 1;padding: 7% 0 5.5% 0;}
  
  .section5{z-index: 1;padding: 1% 0 3% 0;position:relative;}
  .section6{padding: 3% 0 4% 0;position:relative;overflow:hidden;}
  
  .section7{background: url(../images/section7.png) no-repeat center top;background-size: cover;z-index: 1;padding: 5% 0 6% 0;}
  .section8{background: url(../images/section8.png) no-repeat center top;background-size: cover;z-index: 1;padding: 6% 0 5% 0;}
  
  .section9{padding: 1% 0 5% 0;position:relative;}
  .section10{background: url(../images/section10.png) no-repeat center top;background-size: cover;background-color: #121215;z-index: 1;padding: 6.5% 0 6% 0;position:relative;}
  
  .section11{background: url(../images/section11.png) no-repeat center top;background-size: cover;z-index: 1;padding: 5.5% 0 2% 0;position:relative;}
  .section12{background: url(../images/section12.png) no-repeat center top;background-size: cover;z-index: 1;padding: 2.5% 0 6% 0;position:relative;}
  
  
  .strip_footer{background: url(../images/foot.png) no-repeat center top;background-size: cover;background-color:#181415;padding: 4% 0 2% 0;}
  
  @media only screen and (max-width: 767px){
      .not-img{
          width: 50px;
      }
      
   .section2-box, .section3{background-image:none;}	
  .banner{
      background: url(../images/banner-bg.png) no-repeat center top;
      background-size: cover;
      padding: 30px 0;
  }
  .section3-box, .section6, .section10, .section8{text-align:center;}	
  .section6-box {
      width: 96%;
      padding: 2%;
  }
      
  
  .video-box-main {
      width: 92%;
      left: 0;
  }
  .date-main-box {
      width: 92%;
      left: 0;
      padding: 4%;
  }
  .date{max-width: 80%;}
  
  .launch-box-left{
      border-right: 0;
      padding-top: 1%;
      padding-bottom: 5%;
      border-bottom: 1.5px solid #222327;
  }
  .launch-box-right{
      border-left: 0;
  }
  .list-box-inn {
      margin-bottom: 4%;
  }
  
  .cover{margin-top:4%;}
  
  
  #demo{padding:0;}
  .carousel-indicators li {
      padding: 8px 15px;
      margin: 2% 4px;
      transition: 0.5s;
      display: inline-block;
  }
  .slider-list{margin-bottom: 6%;}
  
  .funnel-box {
      padding: 3%;
      width: 44%;
  }
  
  .arrow2, .arrow3, .arrow3B, .arrow4{display:none;}
  
  .section12-box1 , .section12-box2{
      padding: 0 2%;
  }
  
  .funnel-detail-box-inn{margin-top:0;}
  .section8-box{margin-top:4%;}
  
  .feature1, .feature2, .feature3, .feature4, .feature5, .feature6, .feature7, .feature8{margin-top:6%;}
  
  .section6-box .section6-box-inn {
      padding: 6% 4% 6% 4%;
  }
  
  }
  
  @media only screen and (max-width: 993px){
  
  .section2-box2, .section4, .section10{text-align:center;}
  .promo-left{width: 100%;}
  .promo-right{width: 100%;}
  
  .demo-video{margin-top:4%;}
  
  .funnel-detail-box-inn {
      width: 100%;
  }
  .section10-box-inn1, .section10-box-inn2{border-radius: 15px;}
  
  .logo2 {
      max-width: 70%;
  }
  
  .checklist2-box{padding:0;}
  
  }
  
  
  @media (min-width: 240px){
      .lappy {
          position: static;
          right: 0;
          bottom: 0px;
      }
      .videosection {
          position: static;
          right: 0;
          bottom: 0px;
      }
      .mainvideo {
          position: static;
          width: 100%;
          height: auto;
          padding-bottom: 225px;	
      }
      
      .video {
          width: 485px;
          height: 231px;
          top: 23px;
          left: 0px;
          margin-bottom: 8%;
      }
      
  
  .arrow5{visibility: hidden;}	
  
  .date span {font-size: 160px;}
  .date sup {font-size: 20px;}	
  
  .checklist4 li {width: 100%;}
  }
  @media only screen and (max-width: 600px) {
      .ex{
          background-color:red;
      }
  
  }	
  @media only screen and (min-width: 600px) {
      .ex{
          background-color:black;
      }
      .ex{background-color:white}	
  
  }
  @media only screen and (max-width: 600px) {
      .ex{
          background-color:black;
      }
  
  }
  @media (min-width: 480px){
      .mainvideo {
          position: static;
          width: 100%;
          height: 0px;
          padding-bottom: 280px;	
      }
      .video {
          width: 485px;
          height: 273px;
          top: 23px;
          left: 28px;
          margin-bottom: 8%;
      }
      
      .ex{background-color:yellow}	
      
      
      
      
      
      
  .date span {font-size: 220px;}
  .date sup {font-size: 32px;}	
      
  .checklist4 li {width: 80%;}
      
  }
  
  @media only screen and (min-width: 768px) {
      .ex{
          background-color:white;
      }
      .lappy {
          position: relative;
          right: 0;
          bottom: -50px;
      }
      .videosection {
          position: relative;
          right: 0;
          bottom: 0px;
      }
      .mainvideo {
          position: absolute;
          width: 504px;
          height: 271px;
          top: 18px;
          left: 31px;
          padding-bottom: 0;
      }
      .video {
          width: 315px;
          height: 117px;
          top: 15px;
          left: 7px;
          margin-bottom: 12%;
      }
      
  
  .date span {font-size: 140px;}
  .date sup {font-size: 20px;}	
  
  .checklist4 li {width: 86%;}	
  }
  
  
  
  @media only screen and (min-width: 800px) {
      
  }
  
  
  
  
  @media only screen and (min-width: 860px) {
          
      
  }
  
  @media only screen and (min-width: 892px) {
      
  }
  
  @media only screen and (min-width: 992px) {
      .ex{
          background-color:blue;
      }
      .mainvideo {
          position: absolute;
          width: 543px;
          height: 292px;
          top: 18px;
          left: 33px;
      }
      .video {
          width: 429px;
          height: 162px;
          top: 21px;
          left: 11px;
          margin-bottom: 10%;
      }
  
  .mycontainer-left, .mycontainer-right{max-width:962px;}
  
  .date span {font-size: 180px;}
  .date sup {font-size: 25px;}		
  
  .checklist4 li {width: 100%;}
  }
  
  
  @media only screen and (min-width: 1000px) {
      
      
  }
  
  @media only screen and (min-width: 1100px) {
      
  }
  
  @media only screen and (min-width: 1200px) {
      
      .mainvideo {
          position: absolute;
          width: 441px;
          top: 20px;
          left: 80px;
      }
      .video {
          width: 403px;
          height: 196px;
          top: 1px;
          left: 0px;
          margin-bottom: 0px;
      }
      .mycontainer-left, .mycontainer-right{max-width:1163px;}
      
  
  .date span {font-size: 180px;}
  .date sup {font-size: 25px;}	
  
  .checklist4 li {width: 100%;}
  }
  
  
  @media (min-width:1300px) {
      .mycontainer{width: 1120px;}
      .mycontainer2{width:1180px;}	
      .ex{background-color:blue}
      
      .mycontainer-left, .mycontainer-right{max-width:1250px;}
  
      .mainvideo {
          position: absolute;
          width: 441px;
          top: 20px;
          left: 80px;
      }
      
  
  .date span {font-size: 220px;}
  .date sup {font-size: 32px;}	
  
  .checklist4 li {width: 100%;}	
  }
  
  @media (min-width:1400px) {
      .mycontainer{width: 1160px;}
      .mycontainer2{width:1219px;;}
      .ex{background-color:silver}
  
      .mycontainer-left, .mycontainer-right{max-width:1298px;}
      
      .mainvideo {
          position: absolute;
          width: 441px;
          top: 20px;
          left: 90px;
      }
  
  .date span {font-size: 220px;}
  .date sup {font-size: 32px;}	
  
  .checklist4 li {width: 98%;}	
  }
  
  @media (min-width:1500px) {
      .mycontainer{width: 1310px;}
      .mycontainer2{width:1219px;}
      .ex{background-color:pink}
  
      .mycontainer-left, .mycontainer-right{max-width:1363px;}
  
  .date span {font-size: 220px;}
  .date sup {font-size: 32px;}	
      
  .checklist4 li {width: 84%;}
  }	
  
  
  @media (min-width:1600px){
      .mycontainer{width: 1310px;}
  .arrow5{visibility: visible;}
  
  
  .date span {font-size: 220px;}
  .date sup {font-size: 32px;}	
  
  .checklist4 li {width: 85%;}
  }
  
  @media (min-width:1700px){
      .mycontainer{width: 1380px;}
  }	
  
  @media (min-width:1800px){
      .mycontainer{width: 1470px;}
  }
  @media (min-width:1900px){
      .mycontainer-left, .mycontainer-right{max-width:1363px;}
      .mycontainer{width: 1480px;}
      .mycontainer2{width:1280px;}
      .mainvideo {
          position: absolute;
          width: 441px;
          top: 20px;
          left: 104px;
      }
      
  .checklist4 li {width: 76%;}
      
  }
  @media (min-width:2000px){
      .ex{background-color:black}
    
  }
  
      
  .mt0{margin-top:0%;}.mt1{margin-top:1%;}.mt2{margin-top:2%;}.mt3{margin-top:3%;}.mt4{margin-top:4%;}.mt5{margin-top:5%;}.mt6{margin-top:6%;}.mt7{margin-top:7%;}
  .mt8{margin-top:8%;}.mt9{margin-top:9%;}.mt10{margin-top:10%;}.mt11{margin-top:11%;}.mt12{margin-top:12%;}.mt13{margin-top:13%;}.mt14{margin-top:14%;}.mt15{margin-top:15%;}.mt17{margin-top:17%;}.mt20{margin-top:20%;}.mt22{margin-top:22%;}.mt26{margin-top:26%;}.mt28{margin-top:28%;}.mtm14{margin-top:-14%;}.mtm4{margin-top:-4%;}.mtm1{margin-top:-1%;}.mtm2{margin-top:-2%;}.mtm3{margin-top:-3%;}.mtm6{margin-top:-6%;}.mtm8{margin-top:-8%;}.mtm9{margin-top:-9%;}.mtm20{margin-top:-20%;}.mtm12{margin-top:-12px;}.mtm40{margin-top:-40px;}
  
  
  
  /*section2*/
  .section22-box {
      background: url(../images/section22.png) no-repeat center center;
      background-size: cover;
      background-color: #f5f5f5;
      border-radius: 25px;
      padding: 5% 6% 2% 6%;
      margin-top: -8%;
  }
  .titleBg2 {
      background-color: rgb(255, 226, 52);
      display: inline-block;
      color: #09090a;
      padding: 0.1% 2.5% 0.3% 2.5%;
      border-radius: 50px;
  }
  .titleBg3 {
      background-color: #bcbcbc;
      display: inline-block;
      color: #0f0f11;
      padding: 1% 6.8%;
      border-radius: 50px;
      box-shadow: 0px 7px 11px 0px rgb(115 115 115 / 27%);
      text-transform: uppercase;
  }
  .titleBg4 {
      background-color: #38a133;
      display: inline-block;
      color: #ffffff;
      padding: 1% 6.0%;
      border-radius: 50px;
      box-shadow: 0px 7px 11px 0px rgb(56 161 51 / 27%);
      text-transform: uppercase;
  }
  .titleBg4B{background-color: #466ae7;box-shadow: 0px 7px 11px 0px rgba(70, 106, 231, 0.27);}
  .titleBg4C{background-color: #ff6d1d;box-shadow: 0px 7px 11px 0px rgba(255, 97, 29, 0.27);}
  .titleBg4D{background-color: #ff6d1d;box-shadow: 0px 7px 11px 0px rgba(255, 97, 29, 0.27);}
  
  .emoji {
      position: relative;
      top: -2px;
      left: 5px;
  }
  
  
  
  
  
  
  /*elements*/
  .ele1{position: absolute;}
  .ele2{position: absolute;z-index: 1;}
  .ele3{position: absolute;z-index: 1;}
  .ele4{position: absolute;z-index: 1;}
  .ele5{position: absolute;z-index: 1;}
  .ele6{position: absolute;z-index: 1;}
  
  @media (min-width: 240px){
  
      
  .ele1{bottom: 6%;left: 2%;max-width: 21%;}
  .ele2{right: 2%;top: -14%;max-width: 24%;}
  .ele3{left: 2%;top: 7%;max-width: 12%;}
  .ele4{left: 2%;top: 49%;max-width: 10%;}
  .ele5{right: 4%;top: 37%;max-width: 4%;}
  .ele6{right: 3%;bottom: 18%;max-width: 7%;}
  
  
  }
  
  
  @media only screen and (min-width: 768px) {
  
  
  .ele1{bottom: 6%;left: 2%;max-width: 16%;}
  .ele2{right: 2%;top: -14%;max-width: 22%;}
  .ele3{left: -1%;top: 7%;max-width: 12%;}
  .ele4{left: 0%;top: 49%;max-width: 10%;}
  .ele5{right: 3%;top: 37%;max-width: 4%;}
  .ele6{right: 2%;bottom: 18%;max-width: 7%;}
          
  }
  
  
  
  
  
  
  @media only screen and (min-width: 992px) {
      
  
  .ele1{bottom: 6%;left: 2%;max-width: 16%;}
  .ele2{right: 2%;top: -12%;max-width: 20%;}
  .ele3{left: 2%;top: 7%;max-width: 12%;}
  .ele4{left: 2%;top: 49%;max-width: 10%;}
  .ele5{right: 4%;top: 37%;max-width: 4%;}
  .ele6{right: 3%;bottom: 18%;max-width: 7%;}	
  
  
  }
  
  
  
  
  
  @media only screen and (min-width: 1200px) {
          .mycontainer{width: 1070px;}
  
  .ele1{bottom: 6%;left: 2%;max-width: 17%;}
  .ele2{right: 2%;top: -15%;max-width: 22%;}
  .ele3{left: 2%;top: 7%;max-width: 12%;}
  .ele4{left: 2%;top: 49%;max-width: 10%;}
  .ele5{right: 4%;top: 37%;max-width: 4%;}
  .ele6{right: 3%;bottom: 18%;max-width: 7%;}	
  
  }
  
  
  @media (min-width:1300px) {
  .mycontainer{width: 1270px;}
  .ele1{bottom: 6%;left: 2%;max-width: 18%;}
  .ele2{right: 2%;top: -14%;max-width: 20%;}
  .ele3{left: 1%;top: 7%;max-width: 12%;}
  .ele4{left: 1%;top: 49%;max-width: 10%;}
  .ele5{right: 3%;top: 37%;max-width: 4%;}
  .ele6{right: 2%;bottom: 18%;max-width: 7%;}	
      
  }
  
  @media (min-width:1400px) {
      .mycontainer{width: 1270px;}
  .ele1{bottom: 6%;left: 2%;max-width: 18%;}
  .ele2{right: 2%;top: -14%;max-width: 21%;}
  .ele3{left: 1%;top: 7%;max-width: 12%;}
  .ele4{left: 0%;top: 49%;max-width: 10%;}
  .ele5{right: 3%;top: 37%;max-width: 4%;}
  .ele6{right: 1%;bottom: 18%;max-width: 7%;}
  
  }
  
  @media (min-width:1500px){
  .mycontainer{width:1500px;}
  }
  @media (min-width:1600px){
  .mycontainer{width:1420px;}
  .ele1{bottom: 6%;left: 2%;max-width: 21%;}
  .ele2{right: 2%;top: -17%;max-width: 24%;}
  .ele3{left: 2%;top: 7%;max-width: 12%;}
  .ele4{left: 1%;top: 49%;max-width: 10%;}
  .ele5{right: 4%;top: 37%;max-width: 4%;}
  .ele6{right: 2%;bottom: 18%;max-width: 7%;}		
  
  }
  @media (min-width:1700px){
  .mycontainer{width:1500px;}
  .ele1{bottom: 6%;left: 2%;max-width: 20%;}
  .ele2{right: 2%;top: -16%;max-width: 23%;}
  .ele3{left: 2%;top: 7%;max-width: 11%;}
  .ele4{left: 2%;top: 49%;max-width: 9%;}
  .ele5{right: 4%;top: 37%;max-width: 4%;}
  .ele6{right: 3%;bottom: 18%;max-width: 7%;}	
          
  }
  @media (min-width:1800px){
      .mycontainer{width: 1600px;}
  .ele1{bottom: 6%;left: 2%;max-width: 19%;}
  .ele2{right: 2%;top: -17%;max-width: 23%;}
  .ele3{left: 1%;top: 7%;max-width: 11%;}
  .ele4{left: 1%;top: 49%;max-width: 10%;}
  .ele5{right: 4%;top: 37%;max-width:100%;}
  .ele6{right: 3%;bottom: 18%;max-width:100%;}
          
  }
  @media (min-width:1900px){
  .ele1{bottom: 6%;left: 2%;max-width:100%;}
  .ele2{right: 2%;top: -20%;max-width:100%;}
  .ele3{left: 2%;top: 7%;max-width:100%;}
  .ele4{left: 2%;top: 49%;max-width:100%;}
  .ele5{right: 4%;top: 37%;max-width:100%;}
  .ele6{right: 3%;bottom: 18%;max-width:100%;}
  
  }
  
  @media (min-width:2000px){
      .mycontainer2 {
          width: 1800px;
      }
      
      
  
  }
  
  
  
  
  .gradient-text2 {
      background-image: linear-gradient(to right, #fd8557 , #f03c89);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  
  .section16 {
      background: url(../images/section16.png) no-repeat center center;
      background-size: cover;
      overflow: hidden;
      padding: 5% 0 10% 0;
      position: relative;
      background-color: #121219;
  }
  
  
  .section-smiley {
      background: url(../images/smileybg.png) no-repeat center top;
      background-size: cover;
      padding: 2% 0 3% 0;
      position: relative;
  }
  
  .w-box {
      border-radius: 20px;
      background-color: rgb(255, 255, 255);
      padding: 5% 10%;
  }
  
  .without-box-out {
      padding: 0 1% 0 7%;
      margin-top: 6%;
  }
  
  .with-box-out {
      padding: 0 5% 0 2%;
      margin-top: 6%;
  }
  
  
  .withoutlistnew li {
      background: url(../images/crossnew.png) no-repeat 0 5px;
      padding-left: 42px;
      list-style: none;
      margin-left: 0px;
      padding-top: 0%;
      padding-bottom: 3%;
      padding-right: 0;
      margin-bottom: 3%;
      color: #000;
      text-align: left;
  }
  
  
  .withlistnew li {
      background: url(../images/ticknew.png) no-repeat 0 5px;
      padding-left: 42px;
      list-style: none;
      margin-left: 0px;
      padding-top: 0%;
      padding-bottom: 3%;
      padding-right: 0;
      margin-bottom: 3%;
      color: #000;
      text-align: left;
  }
  
  
  
  /*elements*/
  .ele1{position: absolute;}
  .ele2{position: absolute;z-index: 1;}
  .ele3{position: absolute;z-index: 1;}
  .ele4{position: absolute;z-index: 1;}
  .ele5{position: absolute;z-index: 1;}
  .ele6{position: absolute;z-index: 1;}
  .ele7{position: absolute;z-index: 1;}
  .ele8{position: absolute;z-index: 1;}
  .ele9{position: absolute;z-index: 1;}
  .ele10{position: absolute;z-index: 1;}
  .ele11{position: absolute;z-index: 1;}
  .ele12{position: absolute;z-index: 1;}
  .ele13{position: absolute;z-index: 1;}
  .ele14{position: absolute;z-index: 1;}
  .ele15{position: absolute;z-index: 1;}
  
  .ele1, .ele4, .ele6, .ele7, .ele9, .ele10, .ele12, .ele14 {
      animation: 2s ease-in-out 0s infinite alternate none running mover1;
  }
  .ele2, .ele5, .ele8, .ele11, .ele13, .ele15 {
      animation: 2s ease-in-out 0s infinite alternate none running mover2;
  }
  .ele3 {
      -webkit-animation-name: rotate2;
       -moz-animation-name: rotate2;
        -ms-animation-name: rotate2;
         -o-animation-name: rotate2;
            animation-name: rotate2;
    -webkit-animation-duration: 8s;
       -moz-animation-duration: 8s;
        -ms-animation-duration: 8s;
         -o-animation-duration: 8s;
            animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
       -moz-animation-timing-function: linear;
        -ms-animation-timing-function: linear;
         -o-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  
  @-webkit-keyframes mover1 {
      0% { transform: translateY(0); }
      100% { transform: translateY(10px); }
  }
  @keyframes mover1 {
      0% { transform: translateY(0); }
      100% { transform: translateY(10px); }
  }
  @-webkit-keyframes mover2 {
      0% { transform: translateY(10px); }
      100% { transform: translateY(0); }
  }
  @keyframes mover2 {
      0% { transform: translateY(10px); }
      100% { transform: translateY(0); }
  }
  
  @-webkit-keyframes rotate2 {  	
      0%,100% {
      -ms-transform: rotate(0);
      transform: rotate(0);
    }
    40% {
      -ms-transform: rotate(-5deg);
      transform: rotate(-5deg);
    }
    70% {
      -ms-transform: rotate(5deg);
      transform: rotate(5deg);
    }
      
  }
  
  .timer iframe{
      margin-bottom: -13%;
      margin-top: 2%;
  }
  
  
  .ele1{bottom: 6%;left: 2%;max-width: 21%;}
  .ele2{right: 2%;top: -14%;max-width: 24%;}
  .ele3{left: 2%;top: 7%;max-width: 12%;}
  .ele4{left: 2%;top: 49%;max-width: 10%;}
  .ele5{right: 4%;top: 37%;max-width: 4%;}
  .ele6{right: 3%;bottom: 18%;max-width: 7%;}
  
  .ele4B{top: 31% !important;}
  .ele5B{top: 16% !important;}
  .ele6B{bottom: 23% !important;}
  
  .ele7{left: 2%;top: 6%;max-width: 6%;}
  .ele8{right: 4%;bottom: 33%;max-width: 4%;}	
  .ele9{left: 4.5%;bottom: 13%;max-width: 3%;}
  
  .ele10{left: 3%;bottom: 24%;max-width: 7%;}
  .ele11{right: 2%;bottom: 32%;max-width: 7%;}	
  
  .ele12{left: 5%;top: 12%;max-width: 5%;}
  .ele13{left: 4.5%;top: 55%;max-width: 4%;}
  .ele14{right: 3%;top: 37%;max-width: 5%;}
  .ele15{right: 5%;bottom: 15%;max-width: 4%;}
  
  
  .section18 {
      background: url(../images/section18.png) no-repeat center top;
      background-size: cover;
      padding: 5% 0 2% 0;
      position: relative;
      overflow: hidden;
  }
  
  
  
  .section18-box-main {
      padding: 3.5%;
  }
  
  
  .section18-box {
      padding: 20% 4% 16% 4%;
      border-radius: 80px;
      background-color: rgb(255, 255, 255);
      height: 100%;
  }
  
  .perfect1-box{background-color:#f6d7ff;}
  .perfect2-box{background-color:#c2fff3;}
  .perfect3-box{background-color:#ffecd6;}
  .perfect4-box{background-color:#d1e5ff;}
  .perfect5-box{background-color:#fff3d5;}
  .perfect6-box{background-color:#c4cff4;}
  .perfect7-box{background-color:#ffd7e7;}
  .perfect8-box{background-color:#cfe5ff;}
  .perfect9-box{background-color:#ffd8ce;}
  .perfect10-box{background-color:#b0efff;}
  .perfect11-box{background-color:#d8ffb5;}
  
  
  .section19 {
      background: url(../images/section19.png) no-repeat center bottom;
      background-size: cover;
      padding: 5% 0 2% 0;
      position: relative;
      overflow: hidden;
      background-color: #141217;
  }
  
  .business-box {
      padding: 1.2% 0;
  }
  
  
  .section20 {
      background: url(../images/section20.png) no-repeat center top;
      background-size: cover;
      padding: 4% 0 3% 0;
      position: relative;
      overflow: hidden;
      z-index: 3;
  }
  
  
  .section21-box {
      border-radius: 40px;
      background: url(../images/section21.png) no-repeat center top;
      background-size: cover;
      background-color: #f5f5f5;
      padding: 4% 6% 2% 6%;
      margin-top: 2%;
      position: relative;
      z-index: 1;
  }
  
  .without-box-line {
      display: inline-block;
      border-radius: 20px;
      border: 2px solid #ee4747;
      padding: 0;
      position: relative;
      right: -17px;
  }
  
  
  .without-box {
      border-radius: 20px;
      background-color: rgb(238 71 71);
      padding: 9% 10.5% 5% 10.5%;
      height: 100%;
      position: relative;
      top: -17px;
      left: -17px;
  }
  
  
  .with-box-line {
      display: inline-block;
      border-radius: 20px;
      border: 2px solid #79b200;
      padding: 0;
      position: relative;
      height: 100%;
      right: -17px;
  }
  
  
  .with-box {
      border-radius: 20px;
      background-color: rgb(121, 178, 0);
      padding: 9% 10.5% 5% 10.5%;
      height: 100%;
      position: relative;
      top: -17px;
      left: -17px;
  }
  
  
  .withoutlist li {
      background: url(../images/uncheck.png) no-repeat 0 5px;
      padding-left: 42px;
      list-style: none;
      margin-left: 0px;
      padding-top: 0%;
      padding-bottom: 3%;
      padding-right: 0;
      margin-bottom: 3%;
      color: #fff;
      text-align: left;
  }
  
  
  .withlist li {
      background: url(../images/withcheck.png) no-repeat 0 5px;
      padding-left: 42px;
      list-style: none;
      margin-left: 0px;
      padding-top: 0%;
      padding-bottom: 3%;
      padding-right: 0;
      margin-bottom: 3%;
      color: #fff;
      text-align: left;
  }
  
  
  .without-title {
      background-color: #fff;
      display: inline-block;
      color: #ee4747;
      padding: 1.6% 7% 1.6% 7%;
      border-radius: 50px;
  }
  .with-title {
      background-color: #fff;
      display: inline-block;
      color: #63b000;
      padding: 1.6% 7% 1.6% 7%;
      border-radius: 50px;
  }
  
  
  
  .section22 {
      background: url(../images/section22-1.png) no-repeat center top;
      background-size: cover;
      padding: 16% 0 2% 0;
      position: relative;
      overflow: hidden;
      background-color: #121215;
      margin-top: -14%;
  }
  
  .section23 {
      background: url(../images/section23.png) no-repeat center top;
      background-size: cover;
      padding: 5% 0 5% 0;
      position: relative;
      overflow: hidden;
      z-index: 1;
      margin-top: -1.4%;
  }
  
  
  .section24-box {
      border-radius: 0px 0px 40px 40px;
      background: url(../images/section24.png) no-repeat center top;
      background-size: cover;
      background-color: #f5f5f5;
      padding: 7% 6% 2% 6%;
      margin-top: -1%;
  }
  
  
  .section25 {
      background: url(../images/section25.png) no-repeat center top;
      background-size: cover;
      padding: 11% 0 8% 0;
      overflow: hidden;
      background-color: #121215;
      margin-top: -6%;
  }
  
  
  
  .section26 {
      background: url(../images/section26Bg.png) no-repeat center top;
      background-size: cover;
      padding: 0 0 4% 0;
      position: relative;
  }
  
  
  
  .section26-box {
      border-radius: 40px;
      background: url(../images/section26.png) no-repeat center bottom;
      background-size: cover;
      background-color: #f5f5f5;
      padding: 7% 6% 1% 6%;
      margin-top: -8%;
  }
  
  .funnel-detail-box-inn {
      background: url(../images/funnelBg.png) no-repeat center top;
      background-size: cover;
      margin: auto;
      border-radius: 20px;
      padding: 8% 3% 3% 3%;
      background-color: #121215;
  }
  
  
  .tableChecklistp li {
      background: url(../images/tableChecklistp.png) no-repeat left 13px;
      padding-left: 50px;
      padding-right: 0%;
      list-style: none;
      margin-left: 0px;
      padding-top: 9px;
      padding-bottom: 7px;
      margin-bottom: 7px;
      text-align: left;
  }
  
  
  .funnel-detail-box-list {
      border-radius: 15px;
      background-color: #fff;
      margin-top: 3%;
      padding: 7% 9% 9% 11%;
  }
  
  
  .tableChecklist li {
      background: url(../images/tableChecklist.png) no-repeat left 13px;
      padding-left: 50px;
      padding-right: 0%;
      list-style: none;
      margin-left: 0px;
      padding-top: 9px;
      padding-bottom: 7px;
      margin-bottom: 7px;
      text-align: left;
  }
  
  
  .tableChecklistp .orange {
      color: #ffa30f;
      background: transparent;
      padding: 0;
  }
  
  .tableChecklist .green {
      color: #689F38;
      background: transparent;
      padding: 0;
  }
  
  .btitle {
      background-color: #FF2222;
      display: inline-block;
      color: #fff;
      padding: 10px 20px;
      border-radius: 10px;
      width: 100%;
  }
  
  .tableChecklist11 .red {
      color: #FF2222;
      background: transparent;
      padding: 0;
  }
  
  
  .tableChecklist11 li {
      background: url(../images/tableUnCheck.png) no-repeat left 13px;
      padding-left: 50px;
      padding-right: 0%;
      list-style: none;
      margin-left: 0px;
      padding-top: 9px;
      padding-bottom: 7px;
      margin-bottom: 7px;
      text-align: left;
  }
  
  
  .couponbar {
      background: #fff !important;
      border: 2px dashed rgb(255, 91, 109);
      border-radius: 5px !important;
      display: inline-block;
      color: rgb(255, 91, 109);
      padding: 2% 4%;
  }
  
  
  
  .titleBg {
      border-width: 1px;
      border-color: rgb(26, 119, 170);
      border-style: solid;
      display: inline-block;
      
      padding: 1% 4%;
      border-radius: 50px;
  }
  
  
  
  
  .section29 {
      background: url(../images/section29.png) no-repeat center top;
      background-size: cover;
      padding: 6% 0 0% 0;
      position: relative;
      overflow: hidden;
  }
  
  .titleBg10 {
      display: inline-block;
      color: #ffffff;
      padding: 1.4% 4.2% 1.3% 4.2%;
      border-radius: 20px;
      background-color: rgb(255, 59, 59);
  }
  
  .mybutton a {
      color: #ffffff;
      padding: 2.6% 8.6%;
      display: table;
      margin: auto;
      transition: 0.5s;
      border-radius: 40px;
      box-shadow: 0px 16px 40px 0px rgb(0 0 0 / 46%);
      position: relative;
      z-index: 1;
      background-image: -webkit-linear-gradient( 0deg, rgba(228,117,1,0.99608) 0%, rgb(238,65,41) 100%);
  }
  
  .b1 {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
  }
  
  
  .sw-stickybar {
      background: rgb(0 0 1 / 90%);
      background-size: cover;
      padding: 0.5% 0;
      position: fixed;
      width: 100%;
      z-index: 99;
      bottom: 0;
  }
  
  .stickybutton {
      border-radius: 6px;
      /* background-color: #0d65fe; */
      background: -webkit-linear-gradient( 0deg, rgba(228,117,1,0.99608) 0%, rgb(238,65,41) 100%);
      padding: 2% 3%;
      display: inline-block;
      box-shadow: 0px 7px 20px rgb(0 0 0 / 40%);
      color: #fff;
  }
  
  .ylw_color {
      color: #ffd522;
  }
  
  
  .vidborder video{
  
      border-radius: 12px;
      box-shadow: 0 1px 18px 1px #808080;
      width: 90%;
  }
  
  hr {
      margin-top: 3px;
      margin-bottom: 3px;
      border: 0;
      border-top: 1px solid rgba(0,0,0,.1);
  }
  
  .faq-section {
      background: url(../images/faqBg.png) no-repeat center top;
      background-size: cover;
      padding: 4% 0 2% 0;
      position: relative;
      overflow: hidden;
  }
  
  .question-box {
      padding: 1.5% 1.5%;
  }
  
  .question-box-inn {
      border-radius: 20px;
      background-color: rgb(255, 255, 255);
      padding: 6% 6%;
      margin: 6% 0;
      box-shadow: 0px 16px 68px 0px rgb(0 0 0 / 6%);
  }
  
  
  .blocks {
      background: #ffffff url(../images/blocksss.png) no-repeat;
      background-size: cover;
      background-position: top left;
  }
  
  .followers {
      background: #fff7f3 url(../images/followers.png) no-repeat;
      background-size: cover;
      background-position: top left;
  }
  
  
  .section5 {
      background: url(../images/section5bg.png) no-repeat center top;
      background-size: cover;
      padding: 5% 0% 4% 0%;
      
  }
  
  
  
  .section5titlebg {
      background: url(../images/section5titlebg.png) no-repeat center top;
      background-size: cover;
      border-radius: 65px;
      background-color: #000;
      max-width: 99.8%;
      padding: 15% 8% 8% 5%;
  }
  
  
  @font-face {
      font-family: 'InkFree';
      src: url('../font/Inkfree.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }
    
  
  .Inkfree {
      font-family: 'Inkfree';
  }
  
  
  .greybg {
      background-color: #e2eafb;
      padding: 100px 0 400px 0;
  }
  
  
  @media (min-width: 576px) {
      .right-video2 {
        position: relative;
        top: 100px;
        left: -50px;
      }
    }
    
    @media (min-width: 768px) {
      .right-video2 {
        position: relative;
        top: -60px;
        /* left: -65px; */
      }
    }
    
    @media (min-width: 992px) {
      .right-video2 {
        position: relative;
        top: 50px;
        left: 60px;
      }
    }
    
    @media (min-width: 1200px) {
      .right-video2 {
        position: relative;
        top: 150px;
        left: 40px;
      }
    }
    
    @media (min-width: 1400px) {
      .right-video2 {
        position: relative;
        top: 50px;
        left: 60px;
      }
    }
    
  
    .step11 {
      color: #0097fb; 
      font-weight: 700;
      position: relative;
      padding-left: 30px;
  }
  
  .step11::before {
      content: ''; 
      position: absolute; 
      left: 0; 
      top: 50%;
      transform: translateY(-50%); 
      width: 12px; 
      height: 25px;
      background-color: #0097fb; 
      border-radius: 4px;
  }
  
  .step22 {
      color: #4bd7ae; 
      font-weight: 700;
      position: relative;
      padding-left: 30px;
  }
  
  .step22::before {
      content: ''; 
      position: absolute; 
      left: 0; 
      top: 50%;
      transform: translateY(-50%); 
      width: 12px; 
      height: 25px;
      background-color: #4bd7ae; 
      border-radius: 4px;
  }
  
  
  
  ul.ways li{
      position: relative;
      padding-left: 40px;
      padding-bottom: 25px;
  }
  ul.ways li::before{
      content: "";
      background-color: #0097fb; /* Color of the bullet */
      position: absolute;
      top: 10px;
      left: 0;
      width: 12px;
      height: 12px;
      border-radius: 60px;
  }
  
  
  ul.editor li{
      position: relative;
      padding-left: 40px;
      padding-bottom: 25px;
  }
  ul.editor li::before{
      content: "";
      background-color: #4bd7ae; /* Color of the bullet */
      position: absolute;
      top: 10px;
      left: 0;
      width: 12px;
      height: 12px;
      border-radius: 60px;
  }
  
  ul.publish li{
      position: relative;
      padding-left: 40px;
      padding-bottom: 25px;
  }
  ul.publish li::before{
      content: "";
      background-color: #fcae53; /* Color of the bullet */
      position: absolute;
      top: 10px;
      left: 0;
      width: 12px;
      height: 12px;
      border-radius: 60px;
  }
  
  
  .step33 {
      color: #fcae53; 
      font-weight: 700;
      position: relative;
      padding-left: 30px;
  }
  
  .step33::before {
      content: ''; 
      position: absolute; 
      left: 0; 
      top: 50%;
      transform: translateY(-50%); 
      width: 12px; 
      height: 25px;
      background-color: #fcae53; 
      border-radius: 4px;
  }
  
  
  .transparent-section {
      
      width: 100%; /* Ensures the section spans the full width */
      overflow: hidden; /* Optional, to contain any overflowing content */
      position: relative; /* For better control of child positioning */
      padding: 3% 0 3% 0;
  }
  
  /* .magicbg {
      background: transparent;
      width: 100vw; 
      
      border-top-left-radius: 50vw;
      border-top-right-radius: 50vw;
      box-shadow: 
          inset 0px 25px 50px 0px rgba(0, 204, 255, 0.6),
          inset 0px -15px 130px 0px rgba(94, 94, 94, 0.0), 
          inset 0px 15px 150px 50px rgba(19, 0, 255, 0.6);
      position: relative;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
      transform: translateX(0px) translateY(9.6px) scale(1) rotate(0deg) rotateX(0deg) rotateY(0deg) translateZ(0px);
  } */
  
  
  .video-carousel .item {
    margin: 15px;
    text-align: center;
}

.video-carousel .plyr__video-embed {
    max-width: 100%;
    height: auto;
}


  
.mgagicbg {
    background: url(../images/magicbg.png) no-repeat center top;
    background-size: cover;
    padding: 12% 0 2% 0;
    position: relative;
    overflow: hidden;
}


.archivo {
    font-family: 'Archivo Black', sans-serif;
}



.lottie-animation {
    width: 100%;
}

  
.all_jobs {
    background: #04111e;
    background-size: cover;
    padding: 4% 0 4% 0;
    position: relative;
    overflow: hidden;
}

/* .job_box {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 13px;
} */

.job_box {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 13px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: all 0.3s ease-in-out;
    min-height: 194px;
    margin-top: 25px;
    display: flex;
    align-items: center;
}


.write_box {
    /* background: linear-gradient(344deg, #00ccff 0%, rgb(0, 153, 255) 100%); */
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px; /* Add desired padding */
    /* border-radius: 12px 0px  0px 12px; */
    /* border: 1px solid #000; */
}

.content_box {

    /* border-radius: 0px 12px 12px 0px; */
    /* border: 1px solid #000; */
    padding: 12px 1px;
}

.blue-text {
    color: #0099FE;
}

.signupbox {
    border-radius: 115px;
    background-color: rgb(255, 255, 255);
    box-shadow: 24.432px 8.893px 57px 0px rgb(82 126 216 / 28%);
    padding: 1% 1% 2% 7%;
}




.signupbox {
    border-radius: 115px;
    background-color: rgb(255, 255, 255);
    box-shadow: 24.432px 8.893px 57px 0px rgb(82 126 216 / 28%);
    padding: 1% 1% 2% 7%;
}




.signupbox {
    border-radius: 115px;
    background-color: rgb(255, 255, 255);
    box-shadow: 24.432px 8.893px 57px 0px rgb(82 126 216 / 28%);
    padding: 1% 1% 2% 7%;
}

.lp-progressbar__value {
    width: 100%;
    margin: 0 0 12px;
}
.lp-progressbar__value {
    color: rgba(153,153,153,1);
}


.lp-progressbar__bar .bar-completed {
    height: inherit;
    border-radius: 6px;
    position: absolute;
    overflow: hidden;
}
.bar-completed {
    background: rgb(255, 194, 0);
    width: 50%;
}

.lp-progressbar {
    font-weight: 500;
    text-align: center;
}

.lp-progressbar__bar {
    width: 100%;
    height: 6px;
    border-radius: 6px;
    position: relative;
}
.lp-progressbar__bar {
    background: rgba(221,221,221,1);
}

.freecopy-modal {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.freecopy-modal input[type="text"], .leadform input[type="email"], .leadform input[type="password"] {
    color: #555555;
    border-radius: 6px;
    padding: 18px 25px;
    width: 90%;
    border: 1px solid #d4e7f5;
    background-color: rgb(238 245 251);
}


.freecopy-modal input[type="submit"], .leadform input[type="reset"].leadform input[type="button"] {
    border-radius: 6px;
    color: #fff;
    padding: 2% 8%;
    border: 0;
    display: table;
    background: #3ea9f5;
    margin: auto;
    border-bottom: 2px solid #2d83bf;
    width: 100%;
}