:root {
    overflow-y: none;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }

  @font-face {
    font-family: 'My Font', 'a Atrospheric' sans-serif !important;
    src: url('../fonts/aAtmospheric.ttf') format("truetype"); 
    src: url('../fonts/Arc_Jayvolution_014.ttf') format("truetype");

  }
  .raiden {
    font-family: 'My Font', 'a Atrospheric', sans-serif !important;
    font-size: 95px;
  }

  @media (min-width: 780px) {
    .raiden {
      font-size: 130px;
    }
  }
  @media (max-width: 550px) {
    .raiden {
      font-size: 100px;
    }
  }
  @media (max-width: 460px) {
    .raiden {
      font-size: 70px;
    }
  }

  body {
    margin: 0;
    padding: 0;
    background-image: url(https://raiden.gg/assets/images/gta10.webp) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  @media (max-width: 780px) {
  video {
    display: none;
  }
}

  .color-black {
    color: #1d1d1f !important;
  }

  nav {
    width: 100%;
    background-color: #0b0b0b;
    position: fixed;
    bottom: 0;
    height: 100px;
    overflow: hidden;
    z-index: 999 !important;
  }
  nav ul {
    position: absolute;
    top: 0;
    left: 0;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 140vw;
  }


  @media (max-width: 460px) {
    nav a {
      padding-right: 15px;
    }
  }

  nav li {
    margin: 0;
    display: inline-block;
    height: 98px;
    margin-bottom: 2px;
    line-height: 100px;
    width: 20vw;
    text-align: center;
    color: #555;
    transition: background-color 0.5s 0.2s ease, color 0.3s ease;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 800;
    transform: translateY(100%);
    
  }
  nav li.active {
    background-color: #151515;
    color: #efefef;
  }
  nav li.active::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1893f7;
  }
  nav li:nth-child(1) {
    animation: pop 0.5s 0.15s 1 forwards;
  }
  nav li:nth-child(2) {
    animation: pop 0.5s 0.3s 1 forwards;
  }
  nav li:nth-child(3) {
    animation: pop 0.5s 0.45s 1 forwards;
  }
  nav li:nth-child(4) {
    animation: pop 0.5s 0.6s 1 forwards;
  }
  nav li:nth-child(5) {
    animation: pop 0.5s 0.75s 1 forwards;
  }
  nav li:nth-child(6) {
    animation: pop 0.5s 0.9s 1 forwards;
  }
  nav li:nth-child(7) {
    animation: pop 0.5s 1.05s 1 forwards;
  }
  nav li:hover {
    /*color: #ececec;*/
    background: -webkit-linear-gradient(333deg, #6452c7 0%, #ff4849 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .red {
    /*color: #ececec;*/
    background: -webkit-linear-gradient(309deg, #ff1010 0%, #ff7e7fe0 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  nav li:active {
    background-color: #222;
  }
  nav li:nth-child(1):hover ~ .slide {
    left: 0;
  }
  nav li:nth-child(2):hover ~ .slide {
    left: 20vw;
  }
  nav li:nth-child(3):hover ~ .slide {
    left: 40vw;
  }
  nav li:nth-child(4):hover ~ .slide {
    left: 60vw;
  }
  nav li:nth-child(5):hover ~ .slide {
    left: 80vw;
  }
  nav li:nth-child(6):hover ~ .slide {
    left: 100vw;
  }
  nav li:nth-child(7):hover ~ .slide {
    left: 120vw;
  }
  nav li.slide {
    position: absolute;
    left: -20vw;
    top: 0;
    background-color: #fff;
    z-index: -1; 
    height: 2px;
    margin-top: 98px;
    transition: left 0.3s ease;
    transform: translateY(0);
  }
  @media (min-width: 1920px) {
    .gta-card:hover:before {
      content: '';
      transform: translateX(-500px);
      display: flexbox;
      background: url('assets/preview.webp'); /* your background */
      width: 642px; /* image width */
      height: 400; /* image height */
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      right: 0;
      border-radius: 18px;
    }
    .rdr-card:hover:before {
      content: '';
      transform: translateX(510px);
      display: flexbox;
      background: url('assets/development.webp'); /* your background */
      width: 642px; /* image width */
      height: 400; /* image height */
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      right: 0;
      border-radius: 18px;
    }
  }
  .invert {
    filter: invert(1);
    mix-blend-mode: difference;
  }

  @media (min-width: 668px){
    .displayDesktopOnly {
      display: content;
    }
    .feature-box {
      text-align: center !important;
      margin-right: 10px;
      position: relative;
      overflow: hidden;
      background-color: #fffffff2;
      border-radius: 18px;
      width: 28.23529rem;
      height: 29.41176rem;
      white-space: normal;
      box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
      transition: all .3s cubic-bezier(0,0,.5,1);
      transform: scale(1.0);
      transition-duration: 0.3s;
      padding-top: 20px;
    }
    .feature-box:hover {
      transform: scale(1.03);
      transition-duration: 0.3s;
    }
    .stat-box {
      text-align: center !important;
      margin-right: 10px;
      position: relative;
      overflow: hidden;
      color: fefefd;
      background-color: #242424de;
      border-radius: 18px;
      width: 28.23529rem;
      height: 29.41176rem;
      white-space: normal;
      box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
      transition: all .3s cubic-bezier(0,0,.5,1);
      transform: scale(1.0);
      transition-duration: 0.3s;
      padding-top: 20px;
    }
    .stat-box:hover {
      transform: scale(1.03);
      transition-duration: 0.3s;
    }
    .pricing-table-featured {
      transform: scale(1.0);
        transition-duration: 0.3s;
    }
    .pricing-table-featured:hover {
      transform: scale(1.03);
      transition-duration: 0.3s;
    }
    .list-item-pricing {
      transform: scale(1.0);
        transition-duration: 0.3s;
    }
    .list-item-pricing:hover {
      transform: scale(1.05);
      transition-duration: 0.3s;
    }
    .gta-card:hover:before {
      content: '';
      transform: translateX(-400px);
      display: flexbox;
      background: url('assets/preview.webp'); /* your background */
      width: 522px; /* image width */
      height: 270; /* image height */
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      right: 0;
      border-radius: 18px;
    }
    .rdr-card:hover:before {
      content: '';
      transform: translateX(490px);
      display: flexbox;
      background: url('assets/development.webp'); /* your background */
      width: 522px; /* image width */
      height: 270; /* image height */
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      right: 0;
      border-radius: 18px;
    }
  }
  @media (max-width: 860px){
    .displayMobileOnly {
      display: content;
    }
    .feature-box {
        padding-top: 8px;
        text-align: center !important;
        margin-right: auto;
        margin-left: auto;
        overflow: hidden;
        background-color: #fff;
        border-radius: 18px;
        margin-top: 7px;
        box-shadow: 4px 4px 12px 4px rgb(0 0 0 / 8%);
        transition: all .3s cubic-bezier(0,0,.5,1);
        transform: scale(1.0);
        transition-duration: 0.3s;
    }
    .feature-box:hover {
      
      transform: scale(1.03);
      transition-duration: 0.3s;
    }
    .pricing-table-featured {
      transform: translateX(-75px);
    }

  }

  @media (max-width: 668px){
    .displayMobileOnly {
      display: content;
    }
    .feature-box {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        overflow: hidden;
        background-color: #fff;
        border-radius: 18px;
        margin-top: 7px;
        box-shadow: 4px 4px 12px 4px rgb(0 0 0 / 8%);
        transition: all .3s cubic-bezier(0,0,.5,1);
        transform: scale(1.0);
        transition-duration: 0.3s;

    }
    .pricing-table-featured {
      min-width: 312px;
      transform: translateX(-125px);
    }

    .feature-box:hover {

      transform: scale(1.01);
      transition-duration: 0.3s;
    }
   

  }
  @media (max-width: 568px){
    .hideOnMobile {
      display: none;
    }
  }

  @media (max-width: 341px){
    .hideOnMobileSm {
      display: none;
    }
  }

  .primarySec {
    height: 100vh;
    display: flex;
  }

  .titleBack {
    height: 100vh;
    display: flex;
  }

  .titleBack .title {
    max-width: 60%;
    width: 100%;
    align-self: center;
    transform: translateY(-50px);
    margin: 0 auto; 
    overflow: hidden;
    padding-bottom: 10px;
  }
  .titleBack .title span {
    display: inline-block;
    font-size: 5vw;
    color: #efefef;
    width: 100%;
    text-transform: uppercase;
    transform: translateX(-100%);
    animation: byBottom 1s ease both;
    letter-spacing: 0.25vw;

  }  
  .titleBack .title span:last-child {
    font-size: 1rem;
    animation: byBottom 1s 0.25s ease both;
    transform: translateY(-160%) !important
  }
  @media (max-width: 580px) {
    .titleBack .title span:last-child {
      font-size: 1rem;
      animation: byBottom 1s 0.25s ease both;
      transform: translateY(0%) !important
    }
  }
  .titleBack .title span a {
    position: relative;
    display: inline-block;
    margin-left: 0.5rem;
    text-decoration: none;
    text-shadow: -8px -6px white;
  } 
  @-moz-keyframes pop {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @-webkit-keyframes pop {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @-o-keyframes pop {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes pop {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @-moz-keyframes byBottom {
    0% {
      transform: translateY(150%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @-webkit-keyframes byBottom {
    0% {
      transform: translateY(150%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @-o-keyframes byBottom {
    0% {
      transform: translateY(150%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes byBottom {
    0% {
      transform: translateY(150%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @-moz-keyframes linkAfter {
    0% {
      width: 0;
    }
    100% {
      width: 30px;
    }
  }
  @-webkit-keyframes linkAfter {
    0% {
      width: 0;
    }
    100% {
      width: 30px;
    }
  }
  @-o-keyframes linkAfter {
    0% {
      width: 0;
    }
    100% {
      width: 30px;
    }
  }
  @keyframes linkAfter {
    0% {
      width: 0;
    }
    100% {
      width: 30px;
    }
  }

  /*@font-face {
      font-family: "Pricedown Bl";
      src: url(assets/fonts/gt.ttf) format("truetype");
    }
  
    @font-face {
      font-family: "Chinese Rocks Rg";
      src: url(assets/fonts/rd.ttf) format("truetype");
    }

    

  */

  .rootscheme {
    /*background: -webkit-linear-gradient(333deg, #FF0018 0%, #FFA52C 17%, #FFFF41 34%, #008018 50%, #0000F9 67%, #86007D 84%, #86007D 100%);*//*Pride Scheme*/
    /*background: -webkit-linear-gradient(333deg, #FF0000 0%, #FF5555 25%, #FFFFFF 50%, #FF5555 75%, #FF0000 100%);*/ /*Canada day*/
    /*background: -webkit-linear-gradient(333deg, #FF0000 0%, #FF5555 20%, #FFFFFF 40%, #5555FF 60%, #0000FF 80%, #000055 100%);*//*Independence day*/
    background: -webkit-linear-gradient(333deg, #6452c7 0%, #ff4849 100%);/*Base Scheme*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .rootscheme-red {
  /*background: -webkit-linear-gradient(333deg, #FF0018 0%, #FFA52C 17%, #FFFF41 34%, #008018 50%, #0000F9 67%, #86007D 84%, #86007D 100%);*/ /*Pride Scheme*/
  /*background: -webkit-linear-gradient(333deg, #FF0000 0%, #FF5555 25%, #FFFFFF 50%, #FF5555 75%, #FF0000 100%);*/ /*Canada day*/
  /*background: -webkit-linear-gradient(333deg, #FF0000 0%, #FF5555 20%, #FFFFFF 40%, #5555FF 60%, #0000FF 80%, #000055 100%);*//*Independence day*/
  background: -webkit-linear-gradient(309deg, #ff1010 0%, #ff7e7fe0 100%);/*Base Scheme*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .gta { 
    font-family: 'Nunito Sans', sans-serif;
    font-size: 32px !important;
    font-weight: bolder;
    /*color: #518800 !important;*/

  }
  .rdr2 {
    font-family: 'Nunito Sans', sans-serif;
      font-size: 32px !important;
    font-weight: bolder;
    color: #d10000 !important;
  }

  .list-item-pricing {
    font-size: 15px;
    border-bottom: 1px solid rgba(138,148,167,.24);
    padding-bottom: 15px; 
    color: #fff;
  }
  .list-item-check {
    float: left; 
    font-weight: 900; 
    font-size: x-large; 
    /*color:#3b70b3 */
  }
  .raise:hover,
  .raise:focus {
    box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
    transform: translateY(-0.25em);
  }
  .raise {
    --color: #ffa260;
    --hover: #e5ff60;
  }

  .preview:hover{
    color: #424242; 
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  -ms-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  transition: all .5s ease-in;
  opacity: 1;
  margin-left: auto;
  margin-right: auto;
  transform: scale(1.7);
  -ms-transform: scale(1.7); /* IE 9 */
  -webkit-transform: scale(1.7); /* Safari and Chrome */
  
  }
  .preview.raise:hover{
    color: #424242; 
  -webkit-transition: all .7s ease-out;
  -moz-transition: all .7s ease-out;
  -ms-transition: all .7s ease-out;
  -o-transition: all .7s ease-out;
  transition: all .7s ease-out;
  opacity: 1;
  margin-left: auto;
  margin-right: auto;
  transform: scale(1.7);
  -ms-transform: scale(1.7); /* IE 9 */
  -webkit-transform: scale(1.7); /* Safari and Chrome */
  
  }
  * {
  margin: 0;
  padding: 0;
  }

  .bg-video-contain > .text {
  
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background-color: #000;
  color: #fff;
  font-weight: 900;
  font-size: 80px;
  font-family: sans-serif;
  mix-blend-mode: multiply;
  user-select: none;
  }

  #myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  }
  .topCard {
    background-color:#151515;
    width: 100%;
    max-width: 970px;
  }
  .neon {  color: #fff;
    box-shadow:
        0 0 7px #fff,
        0 0 10px #fff,
        0 0 21px #fff,
        0 0 42px #0fa,
        0 0 82px #0fa,
        0 0 92px #0fa,
        0 0 102px #0fa,
        0 0 151px #0fa;    
  }
  li.desc a{
display:none;
}
.sectionTitle {
font-family: source sans pro,sans-serif;
letter-spacing: 0px;
font-weight: 600;
color: #212121;
} 
.contrast {
color: #212121 !important;
}