:root{
  --header : 9, 8, 8 !important;
}

div.layout-bc:first-of-type > div.layout-content-holder-bc:nth-of-type(3) > div.hm-row-bc:nth-child(3) > div.pb-component-wrapper:only-child > div.slider-bc:only-child > div.carousel:only-child > div.carousel-viewport:only-child > div.carousel-container:only-child > div.carousel-slide:only-child > div.sdr-item-holder-bc:only-child > a.sdr-item-bc:only-child > div.sdr-iframe-holder-bc:only-child
{
max-height: 130px !important;
}
a.tab-nav-item-bc.badge-.count-blink-even {
background: linear-gradient( 0deg, rgb(197, 160, 55) 0%, rgb(166, 129, 23) 50%, rgb(197, 160, 55) 100%) !important;
border-radius: 40px !important;
color: #FFF !important;
}

  
  .product-banner-container-bc .product-banner-icon-bc {
    background-image: linear-gradient(126deg, #d1a44a 0%, #ffffff 18%, #d1a44a 56%, #955f2d 99%) !important;
      background-size: 200% auto;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: textclip 2s linear infinite;
      display: inline-block !important;
      font-size: 30px !important;
    
  } 
  
  @keyframes textclip {
      to {
          background-position: 200% center;
      }
  }
  .product-banner-container-bc .product-banner-title-bc {
      color: #fff !important;
  }

  
.tab-navigation-w-bc{
    width: 100% !important;
    position: fixed !important;
    left: 0 !important;
    bottom: 5px !important;
    z-index: 950 !important;
    height: var(--tab-navigation-height) !important;
    background: #14151c !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transform: translateZ(0) !important;
    border-top: 2px solid #d1a44a !important;
    min-height: calc(var(--tab-navigation-height) + env(safe-area-inset-bottom)) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
    padding: 0 15px !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5) !important;
    transition: padding-bottom var(--default-transition-duration), background 0.3s ease !important;
    border-radius: 30px !important;
    border: 2px solid #d1a44a;
    height: 5% !important;
}


.tab-navigation-w-bc a.tab-nav-item-bc:nth-child(3) {
    
    height: 90px !important;
    background: url(https://atlscdn.site/asus/asus.png) !important;
    background-repeat: no-repeat !important;
    background-size: 90% !important;
    background-position: center top !important;
}

.tab-navigation-w-bc a.tab-nav-item-bc:nth-child(3) i{
 display:none;
}
.tab-navigation-w-bc a.tab-nav-item-bc:nth-child(3) p{
 display:none;
}
.hdr-crypto-content {
    display: none !important;
}



div.layout-bc:first-of-type > div.layout-footer-holder-bc:nth-of-type(4) > div.footerWrapper:last-child > div.footerContainerWrapper:only-child > div.footerContainer:only-child > div.sliderGroup:nth-child(3) > div.sliderContent:first-child > div.sliderGroup:last-child > div.sliderSingleElWrapper:first-child > div.sliderSingleEl:only-child > iframe:only-child
{
       max-width: 100px !important;
}

body {
      background-image: url(https://graphxmen.net/basus/img/1920x1920.png) !important;
      background-repeat: no-repeat !important;
      background-attachment: fixed !important;
      background-position: center !important;
}

.horizontalSliderRow > .horizontalSliderElem 
{
background-color: transparent !important;
padding: 0px !important;
}

.horizontalSliderRow > .horizontalSliderElem .horizontalSliderImg
{
opacity: 1 !important;
filter: grayscale(0%) !important;
}

/* Giriş butonu: altın çerçeve */
button[type="submit"],
input[type="submit"],
.btn-login {
  border: 2px solid #f9d77a !important;      /* Altın çerçeve */
  border-radius: 8px;                     /* Hafif oval kenar */
  background: transparent !important;     /* Şeffaf arka plan */
  color: #f9d77a !important;                 /* Yazı altın rengi */
  font-weight: bold;
  padding: 10px 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover (üzerine gelince) */
button[type="submit"]:hover,
input[type="submit"]:hover,
.btn-login:hover {
  background: #7b6336  !important;            /* Arka plan altın */
  color: #fff !important;                 /* Yazı koyu renk */
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.8); /* Parıltı efekti */
  transform: scale(1.05);                 /* %5 büyüme */
}

/* GİRİŞ butonu: parlak modern altın */
a[href*="login"],
button.login,
.navbar .login-btn {
  background: linear-gradient(135deg, #FFD700, #FFA500) !important; /* Parlak altın geçişi */
  border: 2px solid #FFD700 !important;    /* Altın çerçeve */
  border-radius: 6px;                      /* Hafif oval */
  color: #111 !important;                  /* Yazı koyu (kontrast için) */
  font-weight: bold;
  padding: 6px 14px;
  transition: all 0.3s ease;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.6); /* Hafif parlama */
}

/* Hover efekti: daha yoğun parlama ve büyüme */
a[href*="login"]:hover,
button.login:hover,
.navbar .login-btn:hover {
  background: linear-gradient(135deg, #FFE55C, #FFB700) !important; /* Daha parlak altın */
  border-color: #FFE55C !important;
  box-shadow: 0 0 20px rgba(255, 223, 0, 0.9);
  transform: scale(1.08); /* %8 büyüme */
}






/* 🎯 Tüm kutucuklar (article) */
#root > div.layout-content-holder-bc > section > div > article {
  border: 2px solid #f9d77a;
  border-radius: 12px;
  background: #111;
  position: relative;
  overflow: hidden;     /* görsel taşarsa kes */
  box-sizing: border-box;
  padding: 0;           /* görseller tam otursun */
  transition: box-shadow 0.25s ease;
}

/* 🖼 Kutucuk içindeki görseller */
#root > div.layout-content-holder-bc > section > div > article img {
  display: block;
  width: 100%;
  height: auto !important;   /* oran korunsun */
  margin: 0;
  border: 0;
  border-radius: 0;
  object-fit: contain;       /* kırpmadan sığdır */
  line-height: 0;
  position: relative;
  z-index: 1;
}

/* 📄 Görsel dışındaki içeriklere padding */
#root > div.layout-content-holder-bc > section > div > article > :not(img):not(picture) {
  padding: 16px;
  box-sizing: border-box;
}

/* ⚡️ Yıldırım overlay */
#root > div.layout-content-holder-bc > section > div > article::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    circle at 50% 40%,
    rgba(255,255,255,0.22) 0%,
    rgba(255,247,153,0.14) 18%,
    rgba(255,215,0,0.10) 34%,
    rgba(255,215,0,0.0) 58%
  );
  opacity: 0;
  mix-blend-mode: screen;
  transition: opacity 0.15s ease;
  z-index: 2;
}

/* 🖱 Hover efekti */
#root > div.layout-content-holder-bc > section > div > article:hover {
  box-shadow:
    0 0 6px rgba(255,215,0,0.35),
    0 0 18px rgba(255,255,204,0.15);
}

#root > div.layout-content-holder-bc > section > div > article:hover::after {
  animation: subtle-lightning 0.45s steps(2, end) infinite;
  opacity: 0.45; /* hafif parıltı */
}

/* ⚡️ Hafif şimşek çakması animasyonu */
@keyframes subtle-lightning {
  0%   { opacity: 0.12; filter: brightness(1); }
  35%  { opacity: 0.45; filter: brightness(1.05); }
  55%  { opacity: 0.20; filter: brightness(1); }
  75%  { opacity: 0.40; filter: brightness(1.04); }
  100% { opacity: 0.15; filter: brightness(1); }
}

/* 📱 Mobil uyum: küçük ekranlarda padding küçült */
@media (max-width: 768px) {
  #root > div.layout-content-holder-bc > section > div > article > :not(img):not(picture) {
    padding: 10px;
  }
}

#root > div.layout-content-holder-bc > section > div > article {
  border: 2px solid #f9d77a;
  border-radius: 12px;
  background: #111;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0;
}

#root > div.layout-content-holder-bc > section > div > article img {
  width: 100%;
  height: auto !important;   /* orantılı sığdır */
  display: block;
  object-fit: contain;       /* kırpma yok */
  border-radius: 0;
  margin: 0;
}

/* 🎯 Tüm kutucuklardaki başlıklar (h3) */
#root > div.layout-content-holder-bc > section > div > article > h3 {
  position: relative;
  margin: 0;
  padding: 10px 12px;
  color: #ffd700;              /* altın ton */
  line-height: 1.2;
  font-weight: 700;
  text-wrap: balance;
  transition: text-shadow 0.2s ease, filter 0.2s ease;
}

/* Altın ince çizgi (underline efekti) */
#root > div.layout-content-holder-bc > section > div > article > h3::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 6px;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(255,215,0,0.0),
    rgba(255,215,0,0.8),
    rgba(255,215,0,0.0)
  );
  opacity: 0.8;
  pointer-events: none;
}

/* ⚡️ Hover: hafif yıldırım/parıltı efekti */
#root > div.layout-content-holder-bc > section > div > article > h3:hover {
  animation: lightning-text 0.5s steps(2, end) infinite;
  text-shadow:
    0 0 6px rgba(255,255,255,0.55),
    0 0 12px rgba(255,247,153,0.35),
    0 0 20px rgba(255,215,0,0.30);
  filter: brightness(1.05);
}

/* 🎇 Parıltı animasyonu */
@keyframes lightning-text {
  0%   { text-shadow: 0 0 4px rgba(255,255,255,0.4), 0 0 8px rgba(255,247,153,0.25); filter: brightness(1); }
  35%  { text-shadow: 0 0 10px rgba(255,255,255,0.7), 0 0 18px rgba(255,215,0,0.35); filter: brightness(1.06); }
  55%  { text-shadow: 0 0 6px rgba(255,255,255,0.45), 0 0 12px rgba(255,247,153,0.28); filter: brightness(1.02); }
  75%  { text-shadow: 0 0 12px rgba(255,255,255,0.75), 0 0 22px rgba(255,215,0,0.4);  filter: brightness(1.05); }
  100% { text-shadow: 0 0 5px rgba(255,255,255,0.45), 0 0 10px rgba(255,247,153,0.3); filter: brightness(1.01); }
}

/* 📱 Mobilde daha sade (göz yormasın) */
@media (max-width: 768px) {
  #root > div.layout-content-holder-bc > section > div > article > h3 {
    padding: 8px 10px;
  }
  #root > div.layout-content-holder-bc > section > div > article > h3:hover {
    animation-duration: 0.6s;  /* biraz daha yumuşak */
  }
}

#anj-35682bc5-4bd2-48a8-886d-c1b19f0d953c > div {
  margin-left: 90px;  /* Sağa kaydırır */
  margin-top: 20px;   /* Aşağı kaydırır */
}











.sdr-iframe-backface-bc {
    max-height: 130px !important;
}

.layout-content-holder-bc .hm-row-bc:nth-child(5) .product-banner-container-bc {
    grid-template-columns: repeat(2, 1fr) !important;
}
.layout-content-holder-bc .hm-row-bc:nth-child(8) .product-banner-container-bc {
    grid-template-columns: repeat(3, 1fr) !important;
}

.layout-content-holder-bc .hm-row-bc:nth-child(9) .product-banner-container-bc {
    grid-template-columns: repeat(3, 1fr) !important;
}
.layout-content-holder-bc .hm-row-bc:nth-child(10) .product-banner-container-bc {
    grid-template-columns: repeat(2, 1fr) !important;
}



.footerContainer .sliderGroup .sliderContent:nth-child(1) .sliderGroup .sliderSingleElWrapper:nth-of-type(1) .sliderSingleEl iframe{
  margin: auto;
  width: 100px;
  height: 110px;
}

.footerContainer .sliderGroup .sliderContent:nth-child(1) .sliderGroup .sliderSingleElWrapper:nth-of-type(6){
  display: none;
}


.sliderSingleEl .sliderImage img {
    height: 42px !important;
}


















.btn.sign-in {
  color: #000000 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  font-size: 14px !important;
  background: linear-gradient(151deg, #e1b35a 0%, #ead68c 50%, #a3713c 100% 100%) !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 10px;
  
}

.btn.s-small.register {
    color: #000000 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    font-size: 14px !important;
    background-image: linear-gradient(135deg, #108913 0%, #84d632 50%, #108913 100%) !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
}






.sdr-item-bc:before {
    background: transparent !important;
}


.page-view-more{
    background: url('http://graphxmen.net/basus/img/title-bg.png');
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: 50% !important;
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
    justify-self: center !important;
    height: 30px !important;
}
.view-title-more{
  color: rgba(var(--oc-2-sc), 1) !important;
}
.view-see-more{
  position: absolute !important;
  right: 0px !important;
}
.ftr-g-content-bc .carousel-count-arrow {
    top: -97px !important;
    right: 20px !important;
}
.view-title-more {
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}






.layout-content-holder-bc .hm-row-bc:nth-child(3) .product-banner-container-bc.col-4 {
    grid-template-columns: repeat(4, 1fr);
}

.layout-content-holder-bc .hm-row-bc:nth-child(3) .product-banner-container-bc.col-4 p {
    display: none;
}

.product-banner-container-bc:not(.product-banner-without-titles) .product-banner-img-bc{
    max-width: 100% !important;
    height: 80px !important;
}


/*
.product-banner-container-bc:not(.product-banner-without-titles) .product-banner-bc {
    height: 100px !important;
    border: solid 1px #f5d277 !important;
    border-radius: 10px !important;
    background: rgb(0, 0, 0);
    background-image: linear-gradient(337deg, rgba(0, 0, 0, 1) 10%, rgba(68, 64, 64, 0.7987570028011204) 38%, rgba(24, 24, 24, 1) 58%, rgba(14, 14, 14, 0.8491771708683473) 81%, rgba(13, 13, 13, 1) 98%) !important; 
}
*/
.product-banner-container-bc:not(.product-banner-without-titles) .product-banner-bc {
    background: transparent !important;
  display: contents;
}





.layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc.col-4 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px; /* opsiyonel */
}

/* İlk 2 eleman → 2'li */
.layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc.col-4 > div:nth-child(1),
.layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc.col-4 > div:nth-child(2) {
  grid-column: span 6;
}

/* Ortadakiler → 3'lü */
.layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc.col-4 > div:nth-child(n+3):nth-last-child(n+3) {
  grid-column: span 3;
}

/* Son 2 eleman → 2'li */
.layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc.col-4 > div:nth-last-child(1),
.layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc.col-4 > div:nth-last-child(2) {
  grid-column: span 6;
}





.layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc.col-4 > div {
  height: 100%;
}

.layout-content-holder-bc .hm-row-bc:nth-child(2) .product-banner-container-bc.col-4 > div img {
  width: 100%;
  height: 100% !important;
  object-fit: cover; /* en kritik satır */
  display: block;
}












.header-bc .hdr-additional-info .hdr-user-bc {
    margin: auto;
}



.hdr-additional-info .hdr-user-bc a:nth-child(1):before{ content: '' !important;}
.hdr-additional-info .hdr-user-bc a:nth-child(1){
    background: url('https://graphxmen.net/basus/img/icon/canli-destek.png') !important;
    background-size: cover !important;
    width: 28px;
    height: 28px;
}
.hdr-additional-info .hdr-user-bc  a:nth-child(2):before{ content: '' !important;}
.hdr-additional-info .hdr-user-bc  a:nth-child(2){
background: url('https://graphxmen.net/basus/img/telegram.png') !important;
  background-size: cover !important;
    width: 28px;
    height: 28px;
}
.hdr-additional-info .hdr-user-bc a:nth-child(3):before{ content: '' !important;}
.hdr-additional-info .hdr-user-bc a:nth-child(3){
background: url('https://graphxmen.net/basus/img/icon/beni-ara.png') !important;
  background-size: cover !important;
    width: 28px;
    height: 28px;
}
.hdr-additional-info .hdr-user-bc a:nth-child(4):before{ content: '' !important;}
.hdr-additional-info .hdr-user-bc a:nth-child(4) {
background: url('https://graphxmen.net/basus/img/icon/beniara.png') !important;
  background-size: cover !important;
    width: 28px;
    height: 28px;
}
.hdr-additional-info .hdr-user-bc a:nth-child(5):before{ content: '' !important;}
.hdr-additional-info .hdr-user-bc a:nth-child(5){
background: url('https://graphxmen.net/basus/img/icon/teknikdestek.png') !important;
  background-size: cover !important;
    width: 28px;
    height: 28px;
}

.hdr-additional-info .hdr-user-bc a:nth-child(6):before{ content: '' !important;}
.hdr-additional-info .hdr-user-bc a:nth-child(6){
background: url('https://graphxmen.net/basus/img/icon/teknikdestek.png') !important;
  background-size: cover !important;
    width: 28px;
    height: 28px;
}









.has-wallet .hdr-additional-info .hdr-user-bc a:nth-child(1):before{ content: '' !important;}
.has-wallet .hdr-additional-info .hdr-user-bc a:nth-child(1){
    background: url('https://graphxmen.net/basus/img/icon/yatir.png') !important;
    background-size: cover !important;
    width: 28px;
    height: 28px;
}
.has-wallet .hdr-additional-info .hdr-user-bc  a:nth-child(2):before{ content: '' !important;}
.has-wallet .hdr-additional-info .hdr-user-bc  a:nth-child(2){
background: url('https://graphxmen.net/basus/img/icon/canli-destek.png') !important;
  background-size: cover !important;
    width: 28px;
    height: 28px;
}
.has-wallet .hdr-additional-info .hdr-user-bc a:nth-child(3):before{ content: '' !important;}
.has-wallet .hdr-additional-info .hdr-user-bc a:nth-child(3){
background: url('https://graphxmen.net/basus/img/telegram.png') !important;
  background-size: cover !important;
    width: 28px;
    height: 28px;
}
.has-wallet .hdr-additional-info .hdr-user-bc a:nth-child(4):before{ content: '' !important;}
.has-wallet .hdr-additional-info .hdr-user-bc a:nth-child(4) {
background: url('https://graphxmen.net/basus/img/icon/beniara.png') !important;
  background-size: cover !important;
    width: 28px;
    height: 28px;
}
.has-wallet .hdr-additional-info .hdr-user-bc a:nth-child(5):before{ content: '' !important;}
.has-wallet .hdr-additional-info .hdr-user-bc a:nth-child(5){
background: url('https://graphxmen.net/basus/img/gb-iletisim.png') !important;
  background-size: cover !important;
    width: 28px;
    height: 28px;
}

.has-wallet .hdr-additional-info .hdr-user-bc a:nth-child(6):before{ content: '' !important;}
.has-wallet .hdr-additional-info .hdr-user-bc a:nth-child(6){
background: url('https://graphxmen.net/basus/img/icon/teknikdestek.png') !important;
  background-size: cover !important;
    width: 28px;
    height: 28px;
}




.footerContainer .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(1){
  display: none;
}

.footerContainer .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(2) .sliderSingleEl .sliderImage:nth-child(1) {
  content: url(https://graphxmen.net/basus/img/android.png) !important;
  height: 35px;
}
.footerContainer .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(2) .sliderSingleEl .sliderImage:nth-child(2) {
  content: url(https://graphxmen.net/basus/img/apple.png) !important;
  height: 35px;
}
.footerContainer .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(2) .sliderSingleEl .sliderImage:nth-child(3) {
  content: url(https://graphxmen.net/basus/img/huawei.png) !important;
  height: 35px;
}

.footerContainer .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(3) .sliderSingleEl .sliderImage:nth-child(1) {
  content: url(https://graphxmen.net/basus/img/linux.png) !important;
  height: 35px;
}
.footerContainer .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(3) .sliderSingleEl .sliderImage:nth-child(2) {
  content: url(https://graphxmen.net/basus/img/macos.png) !important;
  height: 35px;
}
.footerContainer .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(3) .sliderSingleEl .sliderImage:nth-child(3) {
  content: url(https://graphxmen.net/basus/img/windows.png) !important;
  height: 35px;
}


.footerContainer .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(4) .sliderSingleEl{
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}
.footerContainer .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(4) .sliderSingleEl .sliderImage:nth-child(1),
.footerContainer .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(4) .sliderSingleEl .sliderImage:nth-child(2) 
{
  height: 50px;
  width: 75%;
  margin: auto;
}

.footerContainer .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(4) .sliderSingleEl .sliderImage:nth-child(1) img,
.footerContainer .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(4) .sliderSingleEl .sliderImage:nth-child(2) img
{
  width: 100%;
}






.entrance-f-error-message-bc{
    background: rgba(var(--oc-2), .1) !important;
}


.sg-n-text-row-1-bc,
.sg-n-text-row-2-bc
{
  display: none;
}




.popup-holder-bc.full-screen .popup-inner-bc{
  background: url(https://graphxmen.net/basus/img/login-bg-1.jpg);
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: top center;
}

.popup-inner-bc .entrance-form-bc.popup.login .form-sign-bc{
  margin-top: 40%;
}


.popup-inner-bc .entrance-form-bc.popup.login .form-sign-in-slider-wrapper{
  display: none;
}







.e-p-header-bc .e-p-section-item-bc .e-p-section-title-bc{
    color: #000000 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    font-size: 14px !important;
    background: linear-gradient(151deg, #e1b35a 0%, #ead68c 50%, #a3713c 100% 100%) !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 10px;
}










.footerSocialLink{
  width: 35px !important;
  height: 35px !important;
}


.footerSocialLink a i:before{
  content: '' !important; 
}
.footerSocialLink {
    background-color: transparent !important;
}



.footerSocialLink .bc-i-twitter {
  background: url(https://graphxmen.net/basus/img/social/betasus-x.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.footerSocialLink .bc-i-telegram {
  background: url(https://graphxmen.net/basus/img/social/betasus-telegram.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.footerSocialLink .bc-i-instagram {
 background: url(https://graphxmen.net/basus/img/social/betasus-insta.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.footerSocialLink .bc-i-youtube {
  background: url(https://graphxmen.net/basus/img/social/betasus-youtube.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.footerSocialLink .bc-i-whatsapp {
  background: url(https://graphxmen.net/basus/img/social/betasus-whatsapp.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.footerSocialLink i{
  width: 32px !important;
  height: 32px !important;
}








.tab-nav-item-bc {
    color: rgb(209 164 74) !important;
}




.hdr-logo-bc {
    max-width: 125px !important;
}



.payment-logo {
    max-width: 100% !important;
    max-height: 100% !important;
}




.hdr-navigation-scrollable-content{
    background: url(https://graphxmen.net/basus/img/haderalt.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 50% !important;
    padding-top: 12px;
}


nav.hdr-navigation-scrollable-content .hdr-navigation-link-bc{
  padding: 0 11px !important;
  background: url(https://graphxmen.net/basus/img/menu-bg-black.png) !important;
  background-repeat: repeat-x !important;
  background-size: 100% 100% !important;
  background-position: 50% !important;
  border-radius: 5px;
  box-shadow: inset 0 0 5px 0px rgb(218 218 218 / 90%) !important;
  margin: 0 2px;
}

.hdr-navigation-link-bc[class*=badge-]:after {
    top: -5px !important;
}


nav.hdr-navigation-scrollable-content .hdr-navigation-link-bc.active{
    border: 1px solid #27201c;
    background: url(https://graphxmen.net/basus/img/menu-active.png) !important;
    background-repeat: repeat-x !important;
    background-size: 100% 100% !important;
    background-position: 50% !important;
    box-shadow: inset 0 0 5px rgb(9 9 9 / 90%) !important;
}



















.promotionsListEl-bc:hover {
  background: url(https://graphxmen.net/basus/img/promo-efect.gif) !important;
    background-size: auto;
  background-size: cover !important;
  border-radius: 10px !important;
}
.promotionsArticleThumbnail-bc {
  display: flex;
  width: 100%;
  height: auto;
  opacity: 0;
  border-radius: 4px 4px 0 0;
  animation: promo-img .24s .1s forwards;
}
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
.promotionsArticleThumbnail-bc {
  backdrop-filter: blur(10px) !important;
  box-shadow: inset -5px 0px 4px 0px rgba(0, 0, 0, 0) !important;
  border-radius: 10px !important;
}
.promotionsListEl-bc img {
  opacity: 0.8 !important;
}
.promotions-article-title.ellipsis {
  display: none !important;
}
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
  transform: scale(1.05);
  background: #0000007a !important;
}