.box {
  width: 60%;
  text-align: center;
  padding: 15px;
  border: 1px solid #ffffff69;
  border-radius: 2px;
  background-color: #0e0214f5;
  color: #ffffff;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 5000;
  overflow: auto;
  margin-top:50px;
  margin-bottom:50px;
}
.box h1{
  font-size: 48px;
  text-align: center;
  text-shadow: 0 0 15px #d709da7a;
}
.box h2{
  font-size: 36px;
  text-align: center;
  text-shadow: 0 0 15px #d709da7a;
  margin-top: 48px;
}
#close {
  position: fixed;
  display: flex;
  padding: 2px 10px;
  background: #d609da;
  border-radius: 2px;
  border: 1px solid #822121;
}

#close:hover {
  background: #822121;
  border-radius: 2px;
  border: 1px solid #ffffff69;
  cursor:pointer;
}

.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox:hover {
  cursor:pointer;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('../images/checkmark.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

body {
  background: linear-gradient(to right, rgb(31, 2, 46), rgb(16, 16, 16)) !important;
  font-family: Rubik, sans-serif;
  color: #909eb1;
  font-size: 14px;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
  color: #768291;
}

a {
  -webkit-transition: all 325ms ease;
  transition: all 325ms ease;
  color: #eee;
  text-decoration: none;
}

a:hover, a:focus {
  color: #4193ff;
      text-decoration: none;
}
/* Legacy theme overrides */
.navigation-bar {
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #2e4875;
  background-color: #141e2e;
  background-image: url('../images/nav-border-bottom.png'), url('../images/nav-border-top.png'), url('../images/Navigation-BG.jpg'), -webkit-gradient(linear, left top, left bottom, from(#030d1b), to(#141f31));
  background-image: url('../images/nav-border-bottom.png'), url('../images/nav-border-top.png'), url('../images/Navigation-BG.jpg'), linear-gradient(180deg, #030d1b, #141f31);
  background-position: 50% 100%, 50% 0%, 50% 50%, 0px 0px;
  background-size: contain, contain, cover, auto;
  background-repeat: repeat-x, repeat-x, no-repeat, repeat;
  box-shadow: 4px 4px 10px -4px #000;
}

.nav-section {
  position: relative;
}

.container {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
}

.container2 {
  width: 96%;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
}

.container.wide {
  max-width: 1640px;
}


.container.wide-nav-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1720px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.wide {
  max-width: 1640px;
}

/* .top-bar-section {
  display: none;
  width: 100%;
  height: 46px;
  border-bottom: 1px solid #4193ff;
  background-color: #121d2f;
} */

.navlink{
  font-family: Cinzel, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 1px 1px 14px #000;
  padding: 0;
  width: 19%;
}
@media screen and (max-width: 1439px) {
  .navlink{
    font-size: 12px;
  }
}
.navlink p{
  color: #e0e0e0;
  margin: 0;
  padding: 8px;
  width: 100%;
  text-align: center;
  font-size: 16px;
}
.navlink:hover{
  transform: scale(1.2);
  box-shadow: 0 0 12px rgba(255, 0, 225, 0.531);
  filter: brightness(2);
}
.navlink p:hover{
  color: #c741fb;
  text-shadow: 0 0 4px rgba(255, 0, 212, 0.401);
  letter-spacing: 4px;
  filter: brightness(2);
}
.link_animation {
  background-image: linear-gradient(to right, rgb(255, 0, 217), rgb(74, 4, 144));
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 0.12em;
  transition: all 0.8s;
  z-index: 999;
}
.link_animation:hover {
  background-size: 100% 0.12em;
}


.nav-animation-btn {
  display: flex;
  justify-content: space-between;
  color: #FFF;
  text-transform: uppercase;
  background: transparent;
  position: relative;
  overflow: hidden;
  transform: 0.5s all;
}
.nav-animation-btn p{
  z-index: 2;
}
.nav-animation-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(to right, #7e0ac18d, #c738f626);
  transition: width 0.4s ease-in-out;
  z-index: 1;
}

.nav-animation-btn:hover::before {
  width: 100%;
}

.nav-animation-btn:hover {
  cursor: pointer;
}


.logo-nav {
  position: absolute;
  top: -20px;
  width: 100%;
  height: 140px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-image: url('../images/logo.webp');
  background-position: 0% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.logo-nav:hover {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}

.logo-div {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  height: 100px;
  margin-top: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.header-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 85vh;
  min-height: 550px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #0e1624;
  background-image: url('../images/Header-BG.svg');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.header-section.store {
  height: auto;
  min-height: 250px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: url('../images/nav-border-bottom.png'), url('../images/Header-BG.svg');
  background-position: 50% 100%, 50% 100%;
  background-size: auto, cover;
  background-repeat: no-repeat, no-repeat;
}

.play-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  height: 64px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-style: solid;
  border-width: 1px;
  border-color: #255ba1;
  background-image: url('../images/Play-BTN.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 10px 4px #000;
  font-family: Cinzel, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 6px #000, 0 0 14px #000;
}

.play-button:hover {
  background-image: url('../images/Play-BTN-h.png');
  background-size: contain;
  background-repeat: no-repeat;
  color: #fff;
  text-shadow: 1px 1px 6px #000, 0 0 14px #4193ff;
}

.play-button.cta {
  width: 300px;
  height: 76px;
  margin-top: 20px;
  font-size: 24px;
}

.nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  justify-content: space-between;
  max-width: 800px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .nav-menu {
    max-width: 640px;
  }

}
.content-section {
  padding: 60px 0;
  background:  linear-gradient(to top, rgb(75, 7, 109), black);
}
.content-section-store {
  padding: 60px 0;
  background:  linear-gradient(to top, rgb(38, 4, 54), black);
}

.main-content-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr minmax(320px, 30%);
  grid-template-columns: 1fr minmax(320px, 30%);
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.footer-section {
  background-color: #0a111d;
  background-image: url('../images/Footer-BG.png');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.h-content-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.yt-video {
  position: relative;
  width: 40%;
  padding: 6px;
  box-shadow: 1px 1px 19px 6px #000;
  -o-object-fit: cover;
  object-fit: cover;
  animation: levitate 2s ease-in-out infinite alternate;
}
.destiny-anim{
  animation: destiny-anim 2s ease-in-out infinite alternate;
}
.youtube-avatar{
  animation: avatar-anim 5s ease-in-out infinite;
}
.block-title{
  animation: letter-space 3s ease-in-out infinite;
}
.header-text-group {
  width: 40%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.header-text-group.store {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.header-text {
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Rubik, sans-serif;
  color: #dbdbdb;
  font-size: 92px;
  line-height: 72px;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);
}

.header-text.sub {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 62px;
  line-height: 58px;
}

.button {
  margin-top: 20px;
  padding: 10px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #1e57af;
  background-color: #123770;
  box-shadow: 1px 1px 18px -3px #000;
  font-family: Cinzel, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.button.download {
  width: 300px;
  padding: 0px;
  border-style: none;
  background-color: transparent;
}

.button.download:hover {
  color: #fff;
}

.button.read-more {
  padding-top: 5px;
  padding-bottom: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a2c61), color-stop(38%, #215199), to(#082450));
  background-image: linear-gradient(180deg, #0a2c61, #215199 38%, #082450);
  font-size: 14px;
}

.button.read-more:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a2c61), color-stop(38%, #0b1b33), to(#082450));
  background-image: linear-gradient(180deg, #0a2c61, #0b1b33 38%, #082450);
}

.events-section {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #203252;
  border-bottom: 1px solid #203252;
  background-color: #16021abe;
  background-image: url('../images/border-straight.svg'), url('../images/border-straight.svg'), url(../images/texture-1.jpg);
  background-position: 50% 100%, 50% 0%, 50% 50%;
  background-size: auto, auto;
  background-repeat: no-repeat, no-repeat, repeat;
}

.events-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.events-top a:hover{
  color: rgb(238, 7, 172);
  letter-spacing: 2px;
  text-shadow: 2px -2px 8px rgba(255, 255, 255, 0.3);
  font-weight: bold;
}
.section-heading {
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 0px;
  font-family: Cinzel, sans-serif;
  color: #710fb3;
  filter: brightness(3);
  font-size: 22px;
  text-transform: uppercase;
  text-shadow: 0px 0px 15px rgb(146, 8, 165);
}

.events-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr ;
  grid-template-columns: 1fr 1fr 1fr 1fr ;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.product-image.cart {
  width: 25px;
  margin-right: 10px;
}

.event-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  background-color: #0e1624;
  background-image: url('../images/Footer-BG.png');
  background-position: 0px 0px;
  background-size: auto;
  box-shadow: 1px 1px 20px -5px #000;
  border: 1px solid rgba(128, 0, 128, 0.542);
}

.event-title {
  margin-top: 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid #5a0794;
  font-family: Cinzel, sans-serif;
  color: #e2e2e2;
  font-size: 20px !important;
  text-shadow: 0 -2px 20px #000;
}

.events-button {
  border: 2px solid #52098d !important;
  font-weight: 600;
  letter-spacing: 2px;
}

.events-button.start {
  background-image: linear-gradient(319deg, #6e18b4, #1c053e);
}

.events-button.start:hover {
  background-image: linear-gradient(319deg, #1b0f3a, #2f0f53);
  text-shadow: 0 0 15pxrgba(255, 255, 255, 0.574);
}

.event-image {
  width: 100%;
  height: 160px;
  border-style: solid;
  border-width: 1px;
  border-color: #3f0e73;
  -o-object-fit: cover;
  object-fit: cover;
}

.clock {
  display: block;
  margin-top: 5px;
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #50226d;
  background-color: #0e0220;
  color: #b041ff;
  font-size: 15px;
  text-align: center;
}

.event-starting {
  text-align: center;
  text-shadow: 0 0 10px rgb(180, 8, 223);
  color: rgba(255, 255, 255, 0.805);
}

.event-info-block {
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.content-block {
  margin-bottom: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #452a5d;
  background-color: #0e1624;
  background-image: url('../images/texture-1.jpg');
  background-position: 0px 0px;
  background-size: 125px;
  box-shadow: 1px 1px 5px 1px rgba(234, 0, 255, 0.51);
}

.content-block.warning {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}
.align-left{
  text-align: left;
}
.store__content-block {
  margin-bottom: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #53226c;
  background-color: #7b1891;
  background-image: url('../images/texture-1.jpg');
  background-position: 0px 0px;
  background-size: 125px;
  box-shadow: 1px 1px 9px 1px rgba(164, 10, 215, 0.51);
}

.store__content-block.warning {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.block-title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 22px;
  text-shadow: 1px 1px 13px #000, 1px 1px 10px #000;
}

.block-heading {
  margin-bottom: 10px;
  padding: 10px 10px 16px;
  background-color: #0a111d;
  background-image: url('../images/maintitle-border-bottom.svg'), linear-gradient(180deg, #1d0e24, #2b133f 44%, #1f102c);
  background-position: 50% 100%, 0px 0px;
  background-size: auto, auto;
  background-repeat: no-repeat, repeat;
  box-shadow: 0 4px 16px -3px #000;
  font-family: Cinzel, sans-serif;
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
}
.block-heading h3{
  color: #710fb3;
  filter: brightness(3);
}
.youtube-avatar {
  border-style: solid;
  border-width: 5px;
  border-color: #b309d8;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(162, 15, 203, 0.645);
  max-width: 100px;
}

.channel-heading-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #223d6c;
  background-color: #0e1624;
  background-image: url('../images/maintitle-border-bottom.svg'), linear-gradient(299deg, #2c0e49, #180324);
  background-position: 50% 100%, 0px 0px;
  background-size: auto, auto;
  background-repeat: repeat-x, repeat;
}

.channel-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.channel-info-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
}

.channel-button {
  display: block;
  margin-left: 20px;
  padding: 10px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #c7bcd28a;
  background-image: linear-gradient(319deg, #6e18b4, #1c053e);
  box-shadow: 1px 1px 18px -3px #000;
  font-family: Cinzel, sans-serif;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.261);
}

.channel-button:hover {
  border-color: #bd41ff;
  color: rgb(189, 106, 233);
  filter: brightness(3);
  background-image: linear-gradient(319deg, #1b0f3a, #2f0f53);
  text-shadow: 0 0 15pxrgba(255, 255, 255, 0.574)e;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.261);
  letter-spacing: 0 !important;
}

.channel-button.subscribe {
  border-style: none;
  background: linear-gradient(45deg, #c00, rgb(218, 28, 28));
}

.channel-button.subscribe:hover {
  color: #fff;
  filter: brightness(1);
}

.channel-name {
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
}

.youtube-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.game-feed-list {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
}

.ingame-list-item {
  padding: 6px 20px;
  border-top: 1px solid #090f1b;
  border-bottom: 1px solid #6b0d87;
  background-color: rgba(20, 9, 26, 0.7);
  font-size: 12px;
  text-align: center;
}

.blue-text {
  color: #d641ff;
  filter: brightness(1.5);
}

.ingame-feed-text {
  margin-bottom: 0px;
  text-align: center;
}

.top-raiders-list {
  height: 532px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
}
@media screen and (max-width: 900px){
  .top-raiders-list {
    height: 350px;
  }
}
.raider-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #090f1b;
  border-bottom: 1px solid #8206af;
  background-color: rgba(20, 9, 26, 0.7);
  text-align: center;
}

.raider-text {
  margin-bottom: 0px;
  text-align: left;
  text-shadow: 0 0 10px black;
}

.raider-text.loot {
  color: purple;
  text-shadow: 0 0 10px black;
  filter: brightness(1.5);
}

.raider-text.name {
  color: #d9b3f6;
  text-shadow: 0 0 10px black;
}

.raider-text.raids {
  color: #d641ff;
  filter: brightness(1.5);
  text-shadow: 0 0 10px black;
}

.column-1 {
  padding-left: 0px;
}

.column-2 {
  padding-right: 0px;
}

.update-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding: 10px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #102344;
  border-bottom: 1px solid #102344;
  background-color: #101b2e;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #0d1c36 37%, #101929);
}

.update-block {
  padding-bottom: 20px;
}

.update-date {
  margin-bottom: 0px;
}

.update-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.user-profile-picture {
  width: 120px;
  height: 120px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: solid;
  border-width: 4px;
  border-color: #0a111d;
  border-radius: 250px;
  box-shadow: 1px 1px 17px -4px #000;
  -o-object-fit: cover;
  object-fit: cover;
}

.channel-video-block {
  position: relative;
  padding-top: 56.25%;
}

.cta-section {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #0a0f18;
  background-image: url('../images/border-straight.svg'), url('../images/border-straight.svg'), url('../images/Highlite-Bg.jpg');
  background-position: 50% 100%, 50% 0%, 50% 50%;
  background-size: auto, auto, cover;
  background-repeat: repeat-x, repeat-x, no-repeat;
}

.cta-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.cta-content p{
  font-size: 18px;
  color: white;
  padding-top: 8px;
}
.cta-title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Cinzel, sans-serif;
  color: #710fb3;
  filter: brightness(3);
  animation: letter-space 3s ease-in-out infinite;
  text-shadow: 0 0 20px rgb(89, 7, 109);
}

.footer-content-grid {
  display: -ms-grid;
  display: grid;
  padding-top: 60px;
  padding-bottom: 60px;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-align-content: start;
  -ms-flex-line-pack: start;
  align-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.bottom-footer-bar {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: rgba(2, 3, 3, 0.4);
}

.footer-bottom-content-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.gfxd-link {
  color: #768291;
}

.gfxd-link:hover {
  color: #710fb3;
  filter: brightness(3);
}

.logo-div-footer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
}

.logo-footer {
  width: 350px;
  height: 140px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-image: url('../images/logo.webp');
  background-position: 0% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.logo-footer:hover {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}

.footer-list {
  text-align: center;
  list-style-type: none;
}

.footer-item {
  margin-bottom: 10px;
  text-align: right;
}

.footer-heading {
  display: inline-block;
  font-family: Cinzel, sans-serif;
  color: #710fb3;
  filter: brightness(3);
  font-size: 22px;
  text-align: right;
}

.footer-list-block {
  text-align: right;
}

.footer-link {
  font-size: 18px;
  font-weight: 300;
}

.foot-link-in-text{
  color: rgb(211, 26, 205);
  font-weight: bold;
  font-size: 16px;
}
.foot-link-in-text:hover{
  color: rgb(255, 0, 200);
  text-decoration: underline;
}


.footer-item {
  position: relative;
}

.footer-item .comming-soon::after {
  content: 'Coming soon';
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: rgba(0, 0, 0, 0.438); /* Adjust background color as needed */
  padding: 10px 30px;
  color: white;
  text-align: center;
  margin-left: 12px;
}

.footer-item:hover .comming-soon::after {
  display: block;
}







.footer-link:hover {
  color: #710fb3;
  filter: brightness(3);
  letter-spacing: 3px;
  font-weight: bold;
  border-right: 5px solid #d400ff;
  padding-right: 10px;
}

.dark-link {
  color: #710fb3;
  filter: brightness(3);
}

.download-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  height: 76px;
  padding: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #4193ff;
  background-image: url('../images/Play-BTN.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  font-size: 26px;
  justify-content: center;
}
.download-box:hover {
  background-image: url('../images/Play-BTN-h.png');
}
.download-box a{
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}
.players-online-box {
  padding: 5px 20px;
  border-style: solid;
  border-width: 2px;
  border-color: #9812d6;
  background: linear-gradient(to left, rgb(134, 9, 113), rgb(42, 2, 44));
  font-family: 'PT Sans', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.update-title-link {
  font-weight: 700;
  text-shadow: 1px 1px 13px #000;
}

.profile-user-side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 125px;
  margin-right: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: center;
}

.yt-video-frame-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9;
  background-image: url('../images/border-straight-side.svg'), url('../images/border-straight.svg'), url('../images/border-straight-side.svg'), url('../images/border-straight.svg');
  background-position: 0% 50%, 50% 0%, 100% 50%, 50% 100%;
  background-size: 6px, auto 6px, 6px, auto 6px;
  background-repeat: repeat-y, repeat-x, repeat-y, repeat-x;
}

.youtube {
  position: relative;
  z-index: 11;
  padding-top: 56.25%;
}

.boss-event-tag {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: -8%;
  width: 120px;
  margin-right: auto;
  margin-left: auto;
  padding: 4px 20px;
  border-radius: 40px;
  background: linear-gradient(to right, #4a0f98, #1a0339);
  color: #fff;
  text-align: center;
  border: 1px solid white;
}

.boss-event-image-block {
  position: relative;
  width: 40%;
  margin-right: 20px;
}

.right-nav-side {
  width: 20%;
  text-align: right;
}

.about-paragraph {
  text-align: center;
}

.store-warning-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
}

.warning-title {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #d941ff;
  text-align: left;
}

.reward-amount {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #ffffff;
}

.warning-paragraph {
  margin-bottom: 0px;
  text-align: left;
}

.cart-section {
  margin: 20px;
  padding: 10px;
  background-color: rgba(23, 9, 26, 0.7);
  box-shadow: 0 0 5px rgb(130, 6, 158);
}

.cart-items-list {
  padding-left: 0px;
}

.cart-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #9a0fb3;
  border-bottom: 1px solid #9a0fb3;
  background-color: #200d29;
}

.cart-item:hover {
  background-color: #360d3c;
}

.cart-price {
  color: #fc41ff;
}

.cart-price.discount {
  color: #8b7691;
}

.cart-item-group-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.remove-item {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background-image: url('../images/remove.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.remove-item:hover {
  background-image: url('../images/remove-h.svg');
}

.cart-total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #8a06b2;
  background-color: #230d29;
  font-weight: 700;
}

.cart-total-text {
  color: #c7d7ec;
  font-weight: 500;
}

.input-box {
  margin-bottom: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #8a06b2;
  background-color: #230d29;
  text-align: left;
}

.input-box:focus {
  border-color: #8a06b2;
  background-color: #431450;
  color: #d95bff;
}

.input-box::-webkit-input-placeholder {
  color: #d95bff64;
}

.input-box:-ms-input-placeholder {
  color: #d95bff64;
}

.input-box::-ms-input-placeholder {
  color: #d95bff64;
}

.input-box::placeholder {
  color: #d95bff64;
}

.input-box.discount-code {
  width: 60%;
  margin-bottom: 0px;
}

.cart-form {
  margin-top: 10px;
}

.discount-code-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.apply-code-button {
  width: 40%;
  margin-left: 10px;
  padding: 8px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #d95bff;
  background-color: #70127c;
  box-shadow: 1px 1px 18px -3px #000;
  font-family: Cinzel, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.apply-code-button:hover{
  color: white;
  background-color: #47074f;
  letter-spacing: 0 !important;
}
.apply-code-button.download {
  width: 300px;
  padding: 0px;
  border-style: none;
  background-color: transparent;
}

.apply-code-button.download:hover {
  color: #fff;
}

.apply-code-button.read-more {
  padding-top: 5px;
  padding-bottom: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a2c61), color-stop(38%, #215199), to(#082450));
  background-image: linear-gradient(180deg, #0a2c61, #215199 38%, #082450);
  font-size: 14px;
}

.apply-code-button.read-more:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a2c61), color-stop(38%, #0b1b33), to(#082450));
  background-image: linear-gradient(180deg, #0a2c61, #0b1b33 38%, #082450);
}

.checkout-button {
  margin-right: 10px;
  padding: 10px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #d95bff;
  background-color: #82108a;
  box-shadow: 1px 1px 18px -3px #000;
  font-family: Cinzel, sans-serif;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.724);
}

.checkout-button:hover {
  border-color: rgb(255, 255, 255);
  background-color: #33043e;
  color: #0a0f1b;
  color: white;
  letter-spacing: 0 !important;
}

.checkout-button.download {
  width: 300px;
  padding: 0px;
  border-style: none;
  background-color: transparent;
}

.checkout-button.download:hover {
  color: #fff;
}

.checkout-button.read-more {
  padding-top: 5px;
  padding-bottom: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a2c61), color-stop(38%, #215199), to(#082450));
  background-image: linear-gradient(180deg, #0a2c61, #215199 38%, #082450);
  font-size: 14px;
}

.checkout-button.read-more:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a2c61), color-stop(38%, #0b1b33), to(#082450));
  background-image: linear-gradient(180deg, #0a2c61, #0b1b33 38%, #082450);
}

.checkbox {
  width: 16px;
  height: 16px;
  margin-top: 0px;
  margin-right: 10px;
  border-color: #82108a;
  background-color: #83138d;
}

.checkbox.w--redirected-checked {
  border-color: #ffffff;
  background-color: #83138d;
}

.checkout-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.clear-cart-button {
  padding: 10px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #af1e1e;
  background-color: #4b1717;
  box-shadow: 1px 1px 18px -3px #000;
  opacity: 0.4;
  font-family: Cinzel, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.clear-cart-button:hover {
  background-color: #bb0808;
  opacity: 1;
  color: #0c121d;
}

.clear-cart-button.download {
  width: 300px;
  padding: 0px;
  border-style: none;
  background-color: transparent;
}

.clear-cart-button.download:hover {
  color: #fff;
}

.clear-cart-button.read-more {
  padding-top: 5px;
  padding-bottom: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a2c61), color-stop(38%, #215199), to(#082450));
  background-image: linear-gradient(180deg, #0a2c61, #215199 38%, #082450);
  font-size: 14px;
}

.clear-cart-button.read-more:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a2c61), color-stop(38%, #0b1b33), to(#082450));
  background-image: linear-gradient(180deg, #0a2c61, #0b1b33 38%, #082450);
}

.cart-buttons-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.store-categories-group {
  display: -ms-grid;
  display: grid;
  padding: 20px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.category-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #8e0fa4;
  background-color: #1b0d1f;
  color: #768291;
}

.category-button:hover {
  border-style: solid;
  border-width: 1px;
  border-color: #4193ff;
  background-color: rgba(23, 39, 68, 0.7);
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.category-button.selected {
  border-color: #340a52;
  background-image: url(../images/Footer-BG.png);
  background-size: cover;
  filter: brightness(1.5);
  box-shadow: 0 0 10px #9812d6;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  color: white !important;
  border-color: #e40b9c;
}

.category-button.weapon {
  color: #8f8f8f;
}

.category-button.weapon:hover {
  border-color: #e40b9c;
  background-color: rgba(37, 9, 9, 0.7);
  color: red;
}

.category-button.weapon:active {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.category-button.weapon:focus {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.category-button.armour:hover {
  border-color: #905c12;
  background-color: rgba(31, 23, 11, 0.7);
  color: #fc8d18;
}

.category-button.accessories:hover {
  border-color: #80b131;
  background-color: rgba(32, 49, 15, 0.7);
  color: #82c223;
}

.category-button.rares {
  color: #8f8f8f;
}

.category-button.rares:hover {
  border-color: #901290;
  background-color: rgba(37, 9, 36, 0.7);
  color: #d400ff;
}

.category-button.rares:active {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.category-button.rares:focus {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.category-button.boxes {
  color: #8f8f8f;
}

.category-button.boxes:hover {
  border-color: #128c90;
  background-color: rgba(9, 29, 37, 0.7);
  color: #00fff2;
}

.category-button.boxes:active {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.category-button.boxes:focus {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.category-button.promo:hover {
  border-color: #ff7300;
  background-color: rgba(31, 18, 11, 0.7);
  color: #ff7300;
}

.category-image {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}

.category-title {
  margin-bottom: 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: Cinzel, sans-serif;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
}

.category-sub-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #768291;
  font-size: 9px;
  line-height: 12px;
  text-align: center;
}

.category-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.items-grid-container {
  display: -ms-grid;
  display: grid;
  padding: 20px;
  grid-auto-columns: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.item-div {
  position: relative;
  padding-top: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #860a97;
  background-image: url(../images/Highlite-Bg.jpg);
  background-size: cover;
  box-shadow: 1px 1px 11px 2px rgba(0, 0, 0, 0.06);
  text-align: center;
  transition: 0.3s;
}

.item-div:hover {
  background-color: #730daa;
  cursor: pointer;
  transform: scale(1.1);
  border-color: #c90be2;
}

.item-div.sale {
  position: relative;
}

.item-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 1px;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #57147e;
  border-bottom: 1px solid #57147e;
  background-color: rgba(50, 16, 61, 0.39);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(hsla(0, 0%, 100%, 0.02)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.22), hsla(0, 0%, 100%, 0.02));
  color: #aec2db;
}

.item-description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 10px !important;
  margin-top: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #d2d8e0;
  font-size: 11px;
  min-height: 70px
}


#item-description {
  margin-top:15px;
}

.item-name.promo {
  margin-top: 0px;
}

.item-image {
  position: relative;
  z-index: 2;
  min-height: 90px;
  min-width: 90px;
  max-height: 110px;
  max-width: 110px;
  margin-bottom: 10px;
  padding: 10px;
  background-color: transparent;
}
.item-image-modal{
  min-height: 150px;
  min-width: 150px;
  max-height: 220px;
  max-width: 220px;
}
.store-item-image {
  height:100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item-image.promo {
  margin-right: 20px;
  margin-bottom: 0px;
  border-color: #cb0e79;
  background-color: #0a111c00;
  background-image: url('../images/sale-ribbon.svg');
  background-position: 0% 0%;
  background-size: cover;
  background-repeat: no-repeat;
}

.item-div.new {
  margin-right: 20px;
  margin-bottom: 0px;
  border-color: #2b7e02;
  background-color: #0a111c;
  background-image: url('../images/new-ribbon.svg');
  background-position: 0% 0%;
  background-size: 50px 50px;
  background-repeat: no-repeat;
}

.item-div.promo {
  margin-right: 20px;
  margin-bottom: 0px;
  border-color: #590001;
  background-color: #0a111c;
  background-image: url('../images/sale-ribbon.svg');
  background-position: 0% 0%;
  background-size: 50px 50px;
  background-repeat: no-repeat;
}

.item-price {
  margin-top: 0px;
  color: #b309d8;
  font-size: 18px;
  filter: brightness(2);
  text-shadow: 0 0 10px black;
  font-weight: 700;
}

.item-price.sale {
  display: inline;
  color: #e20306;
}
.buttons-store-item{
  margin-top: 10px;
}
.add-to-cart {
  padding: 10px 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #901eaf;
  background-color: #82108a;
  box-shadow: 0 0 14px rgba(222, 20, 114, 0.389);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.store-info-item-btn{
  background-color: transparent;
  border: none !important;
  max-width: 50px;
  border-radius: 50%;
  transition: 0.3s all;
}
.store-info-item-btn:hover{
  transform: scale(1.1);
  filter: brightness(1.5);
}
.add-to-cart:hover {
  background-color: #33043e;
  letter-spacing: 2px;
  color: white;
  box-shadow: 0 0 14px rgba(255, 0, 119, 0.552);
}
.promotion-item-sale .add-to-cart:hover{
  padding: 10px 15px;
  letter-spacing: 0px;
}
.add-to-cart.promo {
  margin-top: 0px;
}

.promotion-div {
  padding: 10px 10px 0px;
}

.promotion-item-sale {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  padding: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(22, 7, 29, 0.7);
  border: 1px solid rgba(148, 22, 173, 0.285);
}

.promotion-text {
  text-align: left;
}

.promo-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sale-price {
  display: inline;
  margin-top: 0px;
  margin-left: 10px;
  opacity: 0.55;
  color: #ff00fb;
  letter-spacing: 2px;
  font-weight: 400;
  text-decoration: line-through;
}

.sale-price.promo {
  display: inline;
}

.item-name-promo {
  margin-bottom: 5px;
  color: #d1aedb;
}

.item-name-promo.promo {
  margin-top: 0px;
}

.cart-form-block {
  margin-bottom: 0px;
}

.item-price-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sale-ribbon {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 4;
  border-style: solid;
  border-width: 1px;
  border-color: #7d0102;
  background-image: url('../images/sale-ribbon.svg');
  background-position: 0% 0%;
  background-size: auto;
  background-repeat: no-repeat;
}

.item-div-group {
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 991px) {
  .navigation-bar {
    background-size: auto, auto;
  }
  .container {
    width: 90%;
  }
  .navlink {
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
    font-size: 20px;
  }
  .navlink:hover {
    display: block;
    background-color: rgba(0, 0, 0, 0.23);
  }
  .logo-div {
    width: 40%;
  }
  .header-section {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .play-button {
    display: none;
  }
  .play-button.cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-size: contain;
  }
  .nav-menu {
    display: block;
    width: 100%;
    max-width: none;
    background: linear-gradient(to top, black, rgb(30, 1, 30), rgb(56, 2, 57), rgb(30, 1, 30), black);
  }
  .menu-icon {
    color: #b6b6b6;
    font-size: 36px;
  }
  .menu-button.w--open {
    background-color: transparent;
  }
  .main-content-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .h-content-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .yt-video {
    width: 75%;
    margin-top: 40px;
  }
  .header-text-group {
    width: 100%;
  }
  .header-text {
    margin-top: 0px;
    margin-bottom: 15px;
  }
  .button {
    margin-top: 15px;
  }
  .events-section {
    height: auto;
  }
  .events-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .events-button {
    margin-top: 15px;
  }
  .column-1 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .column-2 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .logo-footer {
    width: 220px;
  }
  .footer-heading {
    font-size: 14px;
  }
  .right-nav-side {
    display: none;
  }
  .apply-code-button {
    margin-top: 0px;
  }
  .store-categories-group {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .items-grid-container {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .item-name {
    position: relative;
  }
  .item-div-group {
    position: relative;
    padding-top: 20px;
  }


  .destiny-anim{
    font-size: 60px !important;
    margin: 40px 0;
  }
  @keyframes destiny-anim {
    0% {
      filter: brightness(1);
      color: white;
      -webkit-text-stroke: 2px white;
    }
    100% {
      filter: brightness(1.5);
      -webkit-text-stroke: 2px rgba(178, 0, 194, 0.697);
      color: transparent;
    }
  }
}

@media screen and (max-width: 767px) {
  .logo-nav {
    width: 100%;
  }
  .logo-div {
    width: 55%;
  }
  .header-section.store {
    min-height: auto;
  }
  .header-text {
    font-size: 52px;
    line-height: 42px;
  }
  .header-text.sub {
    font-size: 58px;
    line-height: 52px;
  }
  .events-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
  .events-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .channel-heading-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .channel-button {
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 10px;
  }
  .cta-title {
    font-size: 32px;
  }
  .footer-content-grid {
    padding-top: 40px;
    padding-bottom: 40px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .logo-div-footer {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .logo-footer {
    width: 100%;
    height: 120px;
    background-position: 50% 50%;
  }
  .footer-item {
    text-align: center;
  }
  .footer-heading {
    margin-top: 0px;
    font-size: 18px;
  }
  .footer-list-block {
    text-align: center;
  }
  .items-grid-container {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  .container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
  .logo-div {
    width: 100%;
  }
  .header-section {
    min-height: auto;
  }
  .yt-video {
    width: 100%;
  }
  .header-text-group {
    width: 100%;
  }
  .header-text {
    font-size: 32px;
    line-height: 32px;
  }
  .header-text.sub {
    font-size: 42px;
    line-height: 36px;
  }
  .button.download {
    width: 250px;
    box-shadow: none;
  }
  .button.download:hover {
    box-shadow: none;
  }
  .events-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .section-heading {
    margin-right: 10px;
  }
  .events-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .event-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .event-image {
    width: 100%;
    height: 140px;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .content-block.warning {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .channel-button {
    margin-top: 10px;
    margin-right: 0px;
    margin-left: 0px;
  }
  .youtube-buttons {
    width: 100%;
    margin-top: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .raider-list-item {
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .update-heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .update-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .user-profile-picture {
    margin-right: 0px;
  }
  .footer-content-grid {
    padding-top: 20px;
    padding-bottom: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .bottom-footer-bar {
    border-top: 1px solid #4193ff;
  }
  .footer-bottom-content-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
  .logo-div-footer {
    width: 100%;
  }
  .download-box {
    width: 100%;
    height: 64px;
    border-style: none;
    background-size: contain;
    font-size: 20px;
  }
  .profile-user-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .boss-event-tag {
    bottom: 8px;
  }
  .boss-event-image-block {
    width: 100%;
    margin-right: 0px;
  }
  .store-warning-text {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .warning-title {
    text-align: center;
  }
  .warning-paragraph {
    text-align: center;
  }
  .input-box.discount-code {
    width: 100%;
  }
  .discount-code-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .apply-code-button {
    width: 100%;
    margin-top: 5px;
    margin-left: 0px;
  }
  .apply-code-button.download {
    width: 250px;
    box-shadow: none;
  }
  .apply-code-button.download:hover {
    box-shadow: none;
  }
  .checkout-button {
    margin-right: 0px;
  }
  .checkout-button.download {
    width: 250px;
    box-shadow: none;
  }
  .checkout-button.download:hover {
    box-shadow: none;
  }
  .clear-cart-button {
    margin-top: 10px;
  }
  .clear-cart-button.download {
    width: 250px;
    box-shadow: none;
  }
  .clear-cart-button.download:hover {
    box-shadow: none;
  }
  .cart-buttons-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .store-categories-group {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .items-grid-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

#w-node-fcc98f4c2c1e-17e16d74 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}

#w-node-5b74d22d2051-17e16d74 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-a5023f95f700-17e16d74 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-614102ffd5fa-17e16d74 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-a8d9bc7490b0-17e16d74 {
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-5be66878c25c-a895116f {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-e0d8cfcfbfaa-a895116f {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-6b44e2450238-a895116f {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-1681401f99e6-a895116f {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-a8d9bc7490b0-a895116f {
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

@media screen and (max-width: 767px) {
  #w-node-fcc98f4c2c1e-17e16d74 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
  }
  #w-node-a8d9bc7490b0-17e16d74 {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
  }
  #w-node-a8d9bc7490b0-a895116f {
    -ms-grid-column: span 3;
    grid-column-start: span 3;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-a8d9bc7490b0-17e16d74 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
  #w-node-a8d9bc7490b0-a895116f {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }
}

/* Legacy theme overrides */






/* Updates 03.27.24 Pavlo L. */
.now-hide{
  display: none;
}
.discord-custom-button{
  background: #5865F2;
  width: 60%;
  margin: 8px 0 12px;
  margin-left: 20%;
  font-size: 24px;
  font-weight: bold;
  transition: 0.3s all;
  border: 1px solid transparent;
}
.discord-custom-button:hover{
  color: #420963;
  letter-spacing: 2px;
  margin-left: 5%;
  width: 90%;
  background: linear-gradient(to right, #420963, #6873ed, #8a91e0, #6873ed, #420963);
  box-shadow: 0 0 14px rgba(255, 0, 212, 0.465);
  filter: brightness(1.5);
  border: 1px solid #5a0794;
  text-shadow: 0 0 10px white;
}
.discord-custom-button:hover .now-hide {
  display: inline;
}
/* Ungly scrollbar - Start */
.game-feed-list::-webkit-scrollbar {
  width: 7px;
}
.game-feed-list::-webkit-scrollbar-track {
  background-color: #320243;
}
.game-feed-list::-webkit-scrollbar-thumb {
  background-color: #ba0ae6;
  border-radius: 6px;
}
.game-feed-list::-webkit-scrollbar-thumb:hover {
  background-color: #fb00ff;
  cursor: pointer;
}
/* Ungly scrollbar - END */



/* ANIMATIONS */
@keyframes levitate {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

@keyframes levitate-color {
  0% {
    transform: scale(1);
    filter: brightness(1);
    text-shadow: 0 0 8px #960788;
  }
  100% {
    transform: scale(1.1);
    filter: brightness(1.8);
    text-shadow: 0 0 14px #960788;
  }
}

@keyframes destiny-anim {
  0% {
    filter: brightness(1);
    color: white;
    -webkit-text-stroke: 4px white;
  }
  100% {
    filter: brightness(1.5);
    -webkit-text-stroke: 4px rgba(178, 0, 194, 0.697);
    color: transparent;
  }
}
@keyframes avatar-anim{
  0% {
    rotate: 0deg;
  }
  100%{
    rotate: 360deg;
  }
}
@keyframes letter-space{
  0% {
    letter-spacing: 0;
  }
  50%{
    letter-spacing: 2px;
  }
  0%{
    letter-spacing: 0px;
  }
}


/* Swiper STYLE */

.swiper {
  width: 100%;
  height: 530px;
  padding: 40px 50px 48px !important;
}
.slider-slide-image{
  width: 100%;
  height: 100%;
  transition: 0.4s all;
  background: transparent !important;
}
.slider-slide-image:hover{
  filter: brightness(1.1);
  cursor: pointer;
}
.swiper-scrollbar  {
  width: 7px !important;
  background-color: #320243 !important;
}
.swiper-scrollbar-drag {
  background-color: #ba0ae6 !important;
  border-radius: 6px;
}
.swiper-scrollbar-drag:hover {
  background-color: #fb00ff !important;
  cursor: pointer;
}

@media screen and (max-width: 900px){
  .swiper {
    height: 230px;
    padding: 20px 25px 22px !important;
  }
}

/* SOCIAL MEDIA ICONS */
.social-media-nav-icons{
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 700px){
  .social-media-nav-icons{
    display: none;
  }
}
.social-media-nav-icon{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transition: 0.3s all;
}
.social-media-nav-icon:hover{
  transform: scale(1.2);
  box-shadow: 0 0 10px purple;
}