#sidebar-content > div.sidebar__big > div.sidebar__menu > ul:nth-child(2) > li:nth-child(5) > a > img{
      width: 35px;
}
/* 1) Butonun kendisi (arka planı artık ::before’dan gelecek) */
.sidebar__nav li a {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 10px 16px;
  text-decoration: none;
  transition: background-color .2s;
  /* background-color kaldırıldı */
}

    .sidebar__nav li {
  margin-bottom: 10px !important;
}

.sidebar__nav li.active a {
      border: 0px;
    background: none;
}

/* 2) Eğimi ve arkaplan rengini veren pseudo-element */
.sidebar__nav li a::before {
content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #12172B;  /* buton rengi */
  /* Her iki kenar da 15px içe kaydırılıyor */
  clip-path: polygon(
    10px 0,           /* üst sol kenar 15px içe */
    100% 0,           /* üst sağ köşe */
    calc(100% - 10px) 100%, /* alt sağ kenar 15px içe */
    0 100%            /* alt sol köşe */
  );
  z-index: -1;
}

/* 3) İçerik her zaman üstte görünsün */
.sidebar__nav li a > * {
  position: relative;
  z-index: 1;
}

/* Opsiyonel: hover’da rengi kısmen açmak istersen */
.sidebar__nav li a:hover::before {
  background-color: #1e2128;
}

/* 1) Flex-row + wrap + gap ayarı */
.container.d-flex.flex-column.gap-2 {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;      /* orijinal gap */
}

/* 2) Desktop: 4 / satır */
.container.d-flex.flex-column.gap-2 > img {
  flex: 0 0 calc((100% - 1.5rem) / 4) !important;
  max-width: calc((100% - 1.5rem) / 4) !important;
  height: auto !important;
  border-radius: .75rem !important;  /* rounded-3 */
  cursor: pointer !important;
}

/* 3) Tablet’e kadar: 2 / satır (gap sayısı 1 => 0.5rem) */
@media (max-width: 768px) {
  .container.d-flex.flex-column.gap-2 > img {
    flex: 0 0 calc((100% - 0.5rem) / 2) !important;
    max-width: calc((100% - 0.5rem) / 2) !important;
  }
}

/* 4) Mobil: 1 / satır */
@media (max-width: 576px) {
  .container.d-flex.flex-column.gap-2 > img {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

.swiper-button-prev {
  display:none;
}

.swiper-button-next {
  display:none;
}

#top-games-wrapper{
  display:none;
}




/* 1) Slider konteynerinin overflow’unu kapatıyoruz */
#main-slider-swiper {
  overflow-x: hidden !important;
}

/* 2) Swiper-wrapper’da ön-arka offset bırakmayalım */
#main-slider-swiper .swiper-wrapper {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 3) Peek eden prev/next slide’ları gizle */
#main-slider-swiper .swiper-slide-prev,
#main-slider-swiper .swiper-slide-next {
  visibility: hidden !important;
  /* veya tamamen kaldırmak istersen: */
  /* display: none !important; */
}


#main-slider-swiper > div.autoplay-progress{
  display:none;
}






/* ================================
   HEADER ACTIONS: GİRİŞ YAP & KAYIT OL
   ================================ */

/* Ortak ayarlar */
.header__actions .header__signin,
.header__actions .header__signup {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;                     /* Buton yüksekliği */
  padding: 0 20px !important;                   /* Yatay iç boşluk */
  border: none !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;        /* Resmin tamamı butonu kaplasın */
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #fff !important;
  text-transform: none !important;              /* Bütün metni normalleştir */
  letter-spacing: normal !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}



@media (min-width: 576px) {
/* “GİRİŞ YAP” butonu */
.header__actions .header__signin {
  background-image: url('https://cdn.democu.online/assets/header/GirisYapBG.png') !important;
  margin-right: 12px !important;                /* Butonlar arası boşluk */
}

/* Icon varsa düzgün hizala */
.header__actions .header__signin svg {
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  margin-right: 8px !important;
  fill: currentColor !important;
}

/* Giriş metni span içeriyorsa */
.header__actions .header__signin span {
  text-transform: none !important;
}


}

@media (max-width: 576px) {
    .header__actions .header__signin span {
    display: none !important;
}
}

/* “KAYIT OL” butonu */
.header__actions .header__signup {
  background-image: url('https://cdn.democu.online/assets/header/KayitOlBG.png') !important;
}

/* Kayıt metni span içeriyorsa */
.header__actions .header__signup span {
  text-transform: none !important;
}


.header__actions .header__signup{
  background-size: unset !important;
}



/* 1) Kayıt Ol butonunu sola doğru 12° eğ */
.header__actions .header__signup {
  transform: skewX(-12deg) !important;
  transform-origin: center center !important;
}

/* 2) İçindeki metni tekrar düz göster */
.header__actions .header__signup span {
  display: inline-block;
  transform: skewX(-12deg) !important;
  transform-origin: center center !important;
}

/* 3) Eğer padding’ler bozulduysa düzeltebilirsiniz */
.header__actions .header__signup {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* “Giriş Yap” butonunu sağa doğru eğ */
.header__actions .header__signin {
  transform: skewX(-5deg) !important;
  transform-origin: center center !important;
}

/* İçindeki metni tekrar dik tut */
.header__actions .header__signin span {
  display: inline-block;
  transform: skewX(-5deg) !important;
  transform-origin: center center !important;
}

/* Gerekirse padding’i buton oranına göre ayarla */
.header__actions .header__signin {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.header__actions {
    gap: 0px !important;
}

.header__actions .header__signin, .header__actions .header__signup{
  height: 34px !important;
}




/* ---------------------------------------------------
   Winners Row (side by side)
   --------------------------------------------------- */
.winners-section {
  margin-top: 2rem;
}
/* mevcut display:flex + gap */
.winners-section .container {
  display: flex !important;
  gap: 1rem !important;
  /* responsive: satır sarma */
  flex-wrap: wrap !important;
}
/* mobilde alt alta */
@media (max-width: 767px) {
  .winners-section .container {
    flex-direction: column !important;
  }
  .winners-section .container > .winners-card {
    flex: 1 1 100% !important;
  }
}

.winners-card {
  flex: 1;
  background-color: #131523;
  border-radius: 24px;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Icon + title */
.winners-content {
  display: flex;
  align-items: center;
}
.winners-symbol {
  height: 48px;
  margin-left: -24px;    /* kronun taşma efekti */
}
.winners-title {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-left: 16px;
}

/* “All Winners” butonu */
.winners-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 500;
  color: #ccd2e0;
  background: transparent;
  border: 1px solid #2a2d42;
  border-radius: 12px;
  cursor: pointer;
}
.winners-btn .arrow-icon {
  width: 8px;
  height: 12px;
  fill: currentColor;
}





/* ========== Winners List Responsive ========== */
.winners-list-section {
  margin-top: 0rem;
}
/* container + flex ayarları */
.winners-list-section .container {
  display: flex !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
}
/* Her panel eşit genişlik */
.winners-list-panel {
  flex: 1 1 calc(50% - 0.5rem);
  background: #12172C;
  border-radius: 24px;
  padding: 16px;
  box-sizing: border-box;
}
/* Mobilde tek sütuna dön */
@media (max-width: 767px) {
  .winners-list-section .container {
    flex-direction: column !important;
  }
  .winners-list-panel {
    flex: 1 1 100% !important;
  }
}

/* Panel başlığı */
.winners-list-header {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 12px;
}

/* Liste öğeleri */
.winners-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.winners-item {
  display: grid;
  grid-template-columns: 32px 48px auto auto 32px;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.winners-item:last-child {
  border-bottom: none;
}

/* Rank */
.item-rank {
  font-size: 18px;
  font-weight: 600;
  color: #A4F230;
  text-align: center;
}

/* Thumbnail */
.item-thumb {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
}

/* Başlık ve kullanıcı */
.item-info {
  display: flex;
  flex-direction: column;
}
.item-title {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.item-user {
  font-size: 12px;
  color: #777;
}

/* Earnings */
.item-earnings {
  font-size: 14px;
  font-weight: 600;
  color: #FF9B00;
  text-align: right;
}

/* Play button */
.item-play {
  width: 32px;
  height: 32px;
  background: #FF9B00;
  border: none;
  border-radius: 50%;
  color: #131523;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}


#mini-slider-wrapper {
  display:none !important;
}

.crypto-banner-img {
  width: 100%;                /* Konteyner genişliğini doldur */
  height: auto;
  display: block;
  border-radius: 24px;        /* Köşeleri yuvarlak yap */
  object-fit: cover;
}


#buy-bonus-games-wrapper{
   display:none !important;
}






.footer__accepted {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer__accepted li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.crypto-footer-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  display: block;
}
.footer__accepted span {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}

.footer__accepted {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;             /* ikonlar arası boşluk */
  padding: 16px;
  background: rgba(18,23,44,0.8);
  border-radius: 24px;
  list-style: none;
  margin: 0;
}

/* Her li artık sade ikonu tutuyor */
.footer__accepted li {
  position: relative;
  margin: 0;
}

/* Eğer img kullanıyorsanız: */
.footer__accepted img.crypto-footer-icon {
  width: 36px;
  height: 36px;
  object-fit: cover;
  display: block;
}

/* Eğer inline-SVG kaldıysa onlara da uyarız: */
.footer__accepted li .svg-icon,
.footer__accepted li svg {
  width: 36px;
  height: 36px;
  fill: currentColor;
}

/* Hiçbir li’nin ::after ayracı kalmasın */
.footer__accepted li::after {
  content: '';
}

/* Container’ın tam genişlikte, ikonların ortalanmış hali */
.footer__accepted {
  width: 100%;
  box-sizing: border-box;
}

.instrument-icon-wrapper {
    height: 100% !important;
    width: 100% !important;
}

.footer__accepted li span {
    display: none !important;
}

.footer__accepted img.crypto-footer-icon {
    width: 100% !important;
    height: 74px !important;
}





/* --------------------------------------
   Popüler Oyunlar Başlığı için Özel BG
   -------------------------------------- */
#popular-games-wrapper .section__title-wrap {
  position: relative;
  overflow: hidden;
  background-color: #131523; /* Kart zemini rengi */
  background-image: url('https://cdn.democu.online/assets/body/PopularSlotBG.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  border-radius: 24px;
  padding: 12px 24px;
  margin-bottom: 1.5rem;
}

/* İçindeki SVG + metin hizalaması */
#popular-games-wrapper .section__title-wrap .section__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #A4F230;
}

/* Eğer "Oyunlar" kelimesini beyaz yapmak isterseniz: */
#popular-games-wrapper .section__title-wrap .section__title {
  /* Başlığı iki span’a ayırın: */
  /* <h2 class="section__title">
       <svg>…</svg>
       <span class="highlight">Popüler</span>
       <span class="normal"> Oyunlar</span>
     </h2>
  */
}
#popular-games-wrapper .section__title-wrap .highlight {
  color: #A4F230;
}
#popular-games-wrapper .section__title-wrap .normal {
  color: #FFFFFF;
  margin-left: 4px;
}

/* Mobilde responsive padding & font-size */
@media (max-width: 767px) {
  #popular-games-wrapper .section__title-wrap {
    padding: 10px 16px;
    border-radius: 16px;
  }
  #popular-games-wrapper .section__title-wrap .section__title {
    font-size: 18px;
  }
}

.section__title .svg-icon {
    display: none !important;
}

#popular-games-wrapper .section__title-wrap .section__title {
    margin-left: 70px;
}

.footer{
  background: url(https://cdn.democu.online/assets/footer/Background.jpg);
}

.footer__accepted {
    display: flex
;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px;
    padding: 0px;
    background: rgba(18, 23, 44, 0.4);
    border-radius: 24px;
    list-style: none;
    margin: 0;
}

.footer__accepted li:before{
  display:none !important;
}


.footer__accepted li {
    gap: 0px !important;
}

.footer__accepted li {
        padding-right: 0px !important;
    }

.instrument-icon-wrapper {
    margin-right: 0px !important;
}

.footer__accepted li img {
    margin-right: 0px !important;
}

.footer__accepted img.crypto-footer-icon {
    height: 78px !important;
}



/* ---------------------------------------
   Safe Crypto & Turkish Lira Banner
   --------------------------------------- */
.crypto-info-section {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.crypto-info-banner {
  width: 100%;
  display: flex;
  justify-content: center;
}
.crypto-info-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 24px;
  object-fit: cover;
  box-shadow: 0 8px 16px rgba(0,0,0,0.3);
}

/* Mobil uyumluluk */
@media (max-width: 767px) {
  .crypto-info-section {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .crypto-info-img {
    border-radius: 16px;
  }
  
}






.footer__contacts {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1rem 0;
  margin: 0;
  list-style: none;
}

/* Li içinde iki kutu yan yana */
.footer__contacts li {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}

/* SOL KUTU */
.fc-left {
  background: rgba(20,25,40,0.3);
  border: 1px solid rgba(255,255,255,0.2);
  border-right: none;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  padding: 8px 16px;
  /* Neon gradient text */
  background-clip: padding-box;
  position: relative;
  color: transparent;
  font-weight: 600;
}
.fc-left::before {
  content: attr(data-text);
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, #A4F230, #77C600);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

/* Sağ kutu */
.fc-right {
  background: rgba(18,23,44,0.6);
  border: 1px solid rgba(255,255,255,0.2);
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  padding: 8px 16px;
}
.fc-right a {
  color: #ccd2e0;
  text-decoration: none;
  display: inline-block;
}

/* Hover’da sağ kutu koyulaşsın */
.footer__contacts li:hover .fc-right {
  background: rgba(18,23,44,0.8);
}

/* Mobilde alt alta */
@media (max-width:767px) {
  .footer__contacts {
    flex-direction: column;
  }
  .footer__contacts li {
    width: 100%;
  }
}






/* --------------------------------------
   Popüler Oyunlar Başlığı için Özel BG
   -------------------------------------- */
#new-games-wrapper .section__title-wrap {
  position: relative;
  overflow: hidden;
  background-color: #131523; /* Kart zemini rengi */
  background-image: url('https://cdn.democu.online/assets/body/SlotGamesSymbol.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  border-radius: 24px;
  padding: 12px 24px;
  margin-bottom: 1.5rem;
}

/* İçindeki SVG + metin hizalaması */
#new-games-wrapper .section__title-wrap .section__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #A4F230;
}

/* Eğer "Oyunlar" kelimesini beyaz yapmak isterseniz: */
#new-games-wrapper .section__title-wrap .section__title {
  /* Başlığı iki span’a ayırın: */
  /* <h2 class="section__title">
       <svg>…</svg>
       <span class="highlight">Popüler</span>
       <span class="normal"> Oyunlar</span>
     </h2>
  */
}
#new-games-wrapper .section__title-wrap .highlight {
  color: #A4F230;
}
#new-games-wrapper .section__title-wrap .normal {
  color: #FFFFFF;
  margin-left: 4px;
}

/* Mobilde responsive padding & font-size */
@media (max-width: 767px) {
  #new-games-wrapper .section__title-wrap {
    padding: 10px 16px;
    border-radius: 16px;
  }
  #new-games-wrapper .section__title-wrap .section__title {
    font-size: 18px;
  }
}


#new-games-wrapper .section__title-wrap .section__title {
    margin-left: 70px;
}












/* Banners Wrapper – Grid ayarları */
#banners-wrapper .container.d-flex.flex-column.gap-2 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
}

/* Desktop: 4 sütun (varsayılan zaten) */
#banners-wrapper .container.d-flex.flex-column.gap-2 > img {
  flex: 0 0 calc((100% - 1.5rem) / 4) !important;
  max-width: calc((100% - 1.5rem) / 4) !important;
}

/* Tablet (≤768px): 2 sütun */
@media (max-width: 768px) {
  #banners-wrapper .container.d-flex.flex-column.gap-2 > img {
    flex: 0 0 calc((100% - 0.5rem) / 2) !important;
    max-width: calc((100% - 0.5rem) / 2) !important;
  }
}

/* Mobil (≤576px): 2 sütun */
@media (max-width: 576px) {
  #banners-wrapper .container.d-flex.flex-column.gap-2 > img {
    flex: 0 0 calc((100% - 0.5rem) / 2) !important;
    max-width: calc((100% - 0.5rem) / 2) !important;
  }
}



#high-rtp-games-wrapper {
  display:none;
}



.footer__title {
    color: #A4F230;
}


#footer > div > div > div:nth-child(2) > div > div.conversion-wrapper > div > svg{
  width: 30px !important;
}

.sidebar__nav a svg, .sidebar__nav a .svg-icon {
    width: 39px !important;
    height: 39px !important;
}

.instrument-icon-wrapper svg {
    height: 35px !important;
    width: 35px !important;
}

.slot__title {
    display: none !important;
}


.rank-icon {
    height: 50px !important;
    width: 50px !important;
}


.ranking {
  background: url(http://cdn.democu.online/assets/body/Vip-Level-BG-1.png) no-repeat center center;
    background-size: 50% 50%;
}



.sidebar__logo {
        max-height: 100px !important;
    }



    /* Mobil uyumluluk */
@media (max-width: 767px) {
  .footer__accepted img.crypto-footer-icon {
    height: 50px !important;
    width: 50px !important;
}


  
}

.winners-section {
  display: none;
}







#main__content > div.section.section--first > div > div > div{
      background: url(http://cdn.democu.online/assets/body/Vip-Level-BG-1.png) no-repeat center center;
    background-size: 40% 100%;
}


.xtable thead th {
      color: #000000;
  }
.table-wrap {
    background-color: #a5c846;

}
.footer__description {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}

.table-wrap {
    background-color: #a5c84666;
}

.sidebar__link {
  height: 40px !important;
}
#sidebar-content > div.sidebar__big > div:nth-child(2) > a {
  background-size: 80% !important;
      border: 0px !important;
}

@media (max-width: 767px) {


  .sidebar__link {
    height: 55px !important;
}

  .header--logged .header__logo {
    width: 125px !important;
}

  .header__action svg {
    width: 30px;
    height: 30px;
    stroke: var(--tf-tc);
}
      .header__wallet-dropdown-btn {
        width: 140px;
    }

#header > div > div > div > div > a {
  width: 125px !important;
}

}

  @media (max-width: 480px) {
    #header > div > div > div > div > a {
  width: 125px !important;
}
    .header--logged .header__logo {
    width: 125px !important;
}

    #sidebar-content > div.sidebar__big > div:nth-child(2) > a{
      width: 93% !important
    }
  }

.badge {
    margin-left: auto !important;
}

@media (max-width: 767px) {
    .footer__accepted img.crypto-footer-icon {
        height: 70px !important;
        width: 70px !important;
    }
}



.sidebar__links {
    margin-bottom: 0px !important;
}

#sidebar-content > div.sidebar__big > div:nth-child(2) > a > span{
  display:none !important;
}

#footer > div > div > div.row.footer-desc > div:nth-child(6){
  display:none !important;
}

#sidebar-content > div.sidebar__big > div.sidebar__links{
  gap: 0px !important;
}

.sidebar__link--casino:before {
    opacity: 0 !important;
}

#header > div > div > div > div > div.header__actions > button.header__action > img{
      width: 30px !important;
}
#sidebar-content > div.sidebar__big > div.sidebar__menu > ul:nth-child(2) > li:nth-child(4) > a > img{
  width: 36px !important;
}



/* 1) Swiper zincirinde taşmayı serbest bırak */
#jackpots-container .swiper,
#jackpots-container .swiper-wrapper,
#jackpots-container .swiper-slide{
  overflow: visible !important;
}

/* 2) Kartın üstüne biraz daha alan aç */
#jackpots-container .jackpot{
  padding-top: 170px !important; /* 128px'ten artırdık */
}

/* 3) Logonun eksi marginini bir tık azalt (çok yukarı çıkmasın) */
#jackpots-container .jackpot .jackpot__logo-wrapper{
  margin: -130px auto 17px auto !important; /* -172px yerine -130px */
  /* Eğer 204x93 kullanıyorsan boyutlar sabit kalsın: */
  width: 204px !important;
  height: 93px !important;
}
#jackpots-container{
  padding-top:155px !important;
}

.jackpot:before {
    background: transparent !important;
}
.jackpot__logo-wrapper {
    backdrop-filter: unset !important;
}

.jackpot__logo {
      max-width: 100% !important;
}
.jackpot__value span{
      background: #313D49 !important;
      color: #fff !important;
  border-radius: 0px !important;
}
.jaxkpot__value {
  margin: 2px 0 !important;
  height: 35px !important;
}
#jackpots-container .swiper-slide .jackpot .jackpot__value{
  background: transparent !important;
  border-radius: 0px !important;
  -webkit-clip-path: polygon(6% 0, 100% 0, 94% 100%, 0% 100%);
          clip-path: polygon(6% 0, 100% 0, 94% 100%, 0% 100%);
}