.btn-voc:nth-child(1) .actif{
background-color: #000000!important;
transition: all .5s ease-out;
}
.btn-voc:nth-child(1) .actif::after, .btn-voc:nth-child(1) .actif::before {
background-color: #000000!important;
}
.btn-voc:nth-child(1) .volink:hover, .btn-voc:nth-child(1) .volink:hover::after, .btn-voc:nth-child(1) .volink:hover:before {
background-color: #000000;
color: #ffffff;
}
.light-mode .btn-voc:nth-child(1) .actif {
background-color: #ff0000!important;
transition: all .5s ease-out;
}
.light-mode .btn-voc:nth-child(1) .actif::after, .light-mode .btn-voc:nth-child(1) .actif::before {
background-color: #ff0000!important;
}
.light-mode .btn-voc:nth-child(1) .volink:hover, .light-mode .btn-voc:nth-child(1) .volink:hover::after, .light-mode .btn-voc:nth-child(1) .volink:hover:before {
background-color: #ff0000;
color: #03071e;
}
  
.w-content {
background-image: url("https://reysat.online/storage/img/bg/Darkbg.webp");
background-repeat: repeat-y;
background-size: cover;
background-position: top center;
overflow-x: hidden;
overflow-y: hidden;
background-size: 100% auto;
padding-bottom: 140px;
}
.w-conten {
background-image: url("https://reysat.online/storage/img/bg/Darkbg.webp");
background-repeat: repeat-y;
background-size: cover;
background-position: top center;
background-size: 100% auto;
padding-bottom: 140px;
background-attachment: fixed;
}
.light-mode .w-content, .light-mode .w-conten {
background-image: url("https://reysat.online/storage/img/bg/Lightbg.webp");
}

.rg__search {
background-image: url('https://reysat.online/storage/img/bg/BgSearch.png');
}
.light-mode .rg__search {
background-image: url('https://reysat.online/storage/img/bg/Light-BgSearch.png');
}
.voucher, .featured, .topup, .blog, .digital, .product {
font-family: 'reysat';
font-size: 50px;
text-align: center;
text-transform: uppercase;
color: #ffba08;
margin-bottom: 55px;
text-shadow: none
!important
}
.voucher::before, .featured::before, .topup::before, .blog::before, .digital::before, .product::before{
font-family: 'reysat';
font-size: 100px;
text-transform: uppercase;
text-align: center;
overflow: hidden;
text-shadow: none
!important;
color: rgb(0,0,191,0.2);
display: block;
margin-bottom: -90px;
}
.light-mode .voucher::before, .light-mode .topup::before, .light-mode .featured::before, .light-mode .blog::before, .light-mode .digital::before, .light-mode .product::before {
color: rgb(255,255,255,0.2);
}
.featured::before {
content: 'Featured';
}
.topup::before {
content: 'Top Up';
}
.voucher::before {
content: 'Voucher';
}
.blog::before {
content: 'Blog';
}
.digital::before {
content: 'Digital Product';
}
.product::before {
content: 'Product';
}
.center{text-align:center}
#space-invaders {
  margin: 0 auto;
  display: block;
  height: 800%;
  width: 80%;
  padding: 20px;
  background: #ffff;
  border: 5px solid red
}
.versus, .versus_logo {
  background-image: url("https://reysat.online/storage/logo/dvs.webp");
}
.light-mode .versus, .light-mode .versus_logo {
  background-image: url("https://reysat.online/storage/logo/lvs.webp");
}
#bike {
height: 24px;
width: 25px;
background-image: url("https://reysat.online/storage/img/assets/motor.png");
}
.rg-100 {
  background-image: url("https://reysat.online/storage/img/bg/match_box.png");
}
.light-mode .rg-100 {
  background-image: url("https://reysat.online/storage/img/bg/l_match_box.png");
}

?>