body {
    background-image: url(https://cmsbetconstruct.com/storage/medias/Milosbet/media_680_3f16e30642758b63bea5264f8aa2e0e7.jpeg)!important;
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    }

.sg-n-forgot-password-text{
    display:none !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item{
    padding:0 14px !important;
}
div#apg-seal-container{
    height:80px!important;
}
div#apg-seal-container>div{
    width:80px!important;
}


.YoPhoneApp {
  display: none !important;
}



/* storylerin ortalanması */
.horizontalSliderWrapper.storiesWidgetList {
  display: flex;
  justify-content: center;
}

.horizontalSliderWrapper.storiesWidgetList > .horizontalSliderRow {
  display: flex !important;
  justify-content: center !important;
  transform: none !important;
  margin: 0 auto !important;
}



/* öne çıkan karşılaşmalar */
.carousel-slide .ftr-game-item-bc {
    border: 2px solid #C7007F;
    border-radius: 10px; /* Daha yumuşak kenarlar için opsiyonel */
    box-sizing: border-box; /* Taşma olmaması için */
}




/* yaklaşan maçlar */
.widget-scroll-container .pm-body-bc {
    border: 2px solid #C7007F;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 8px;
    overflow: hidden;
}


/* web anasayfa slider banner ince şerit */

@media screen and (min-width: 769px) {

  .pb-component-wrapper .slider-bc:has(.carousel-count-arrow-container) {
    border: 2px solid #C7007F !important;
    border-radius: 8px !important;
    padding: 3px !important;
    box-sizing: border-box !important;
  }
}


/* slot alanı soldaki sağlayıcılar için ince şerit */
.providerItemsHolder .providerItemsInner {
    border: 1px solid #C7007F !important;
}











/* Anasayfa açılır pencere sağ menü */
.sidebar-item {
    border: 1px solid #C7007F !important; 
    border-radius: 8px !important; 
    overflow: hidden;
    padding: 4px;                    
    box-sizing: border-box;         
}









/* anasayfa mause scroll */
body .layout-bc {
  max-width: 1700px !important;
  margin: 0 auto !important;
}









/* Footer sosyal medya özel ikonları */
.footerSocialLinks .bc-i-instagram {
    background: url('https://i.postimg.cc/sx09Vzd8/inst.png') no-repeat center center !important;
    background-size: contain !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    background-clip: initial !important;
    color: transparent !important;
    text-indent: -9999px; 
    width: 33px; 
    height: 33px; 
    display: inline-block;
}

.footerSocialLinks .bc-i-telegram {
    background: url('https://i.postimg.cc/P51Z7Yx0/teleg.png') no-repeat center center !important;
    background-size: contain !important;
    color: transparent !important;
    text-indent: -9999px;
    width: 33px;
    height: 33px;
    display: inline-block;
}

.footerSocialLinks .bc-i-twitter {
    background: url('https://i.postimg.cc/CMtqLmnW/x.png') no-repeat center center !important;
    background-size: contain !important;
    color: transparent !important;
    text-indent: -9999px;
    width: 33px;
    height: 33px;
    display: inline-block;
}

.footerSocialLinks .bc-i-whatsapp {
    background: url('https://i.postimg.cc/W1cq0zn8/whats.png') no-repeat center center !important;
    background-size: contain !important;
    color: transparent !important;
    text-indent: -9999px;
    width: 33px;
    height: 33px;
    display: inline-block;
}

.footerSocialLinks .bc-i-facebook {
    background: url('https://i.postimg.cc/d34v3W4g/faceb.png') no-repeat center center !important;
    background-size: contain !important;
    color: transparent !important;
    text-indent: -9999px;
    width: 33px;
    height: 33px;
    display: inline-block;
}











/* promosyon pop-up edit */
.spoiler {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    margin: 8px 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

.spoiler > input[type="checkbox"] {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 78px !important;
    opacity: 0 !important;
    z-index: 2 !important;
    cursor: pointer !important;
}

.spoiler-title {
    min-height: 83px !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 1 !important;
    color: white !important;
    padding: 0 2px !important;
}

.spoiler-content {
    display: none !important;
    padding: 15px 20px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.spoiler > input[type="checkbox"]:checked ~ .spoiler-content {
    display: block !important;
}

.overlay-header {
    border: 3px solid #C40079 !important;
    border-bottom: 3px solid #C40079 !important;
    border-radius: 10px 10px 0 0 !important;
    margin: 0 !important;
    margin-bottom: -3px !important;
    padding: 15px !important;
}

.promotion-details-container {
    border: 3px solid #C40079 !important;
    border-top: 3px solid #C40079 !important;
    border-radius: 0 0 10px 10px !important;
    overflow: hidden !important;
    margin-top: 0 !important;
}



/* Story ebat küçültme */
.horizontalSliderWrapper.storiesWidgetList .horizontal-sl-item-bc {
  transform: scale(0.9) !important;
  margin: 0 5px !important;
}












/* VIP butonu - sadece GIF */
.hdr-main-content-bc .header-custom-buttons .bc-i-live-casino {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    background: url('https://i.imgur.com/qKehMNh.gif') center center/cover no-repeat !important;
    padding: 0 !important;
    border: none !important;
    min-width: 40px !important;
    overflow: hidden !important;
    margin-right: 5px !important;
}

.hdr-main-content-bc .header-custom-buttons .bc-i-live-casino span {
    display: none !important;
    visibility: hidden !important;
}

.hdr-main-content-bc .header-custom-buttons .bc-i-live-casino::before,
.hdr-main-content-bc .header-custom-buttons .bc-i-live-casino::after {
    display: none !important;
}

/* TV butonu - sadece GIF */
.hdr-main-content-bc .header-custom-buttons .bc-i-tv {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    background: url('https://i.imgur.com/69sngqd.gif') center center/cover no-repeat !important;
    padding: 0 !important;
    border: none !important;
    min-width: 40px !important;
    overflow: hidden !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.hdr-main-content-bc .header-custom-buttons .bc-i-tv span {
    display: none !important;
    visibility: hidden !important;
}

.hdr-main-content-bc .header-custom-buttons .bc-i-tv::before,
.hdr-main-content-bc .header-custom-buttons .bc-i-tv::after {
    display: none !important;
}

/* ÇARK butonu - sadece GIF */
.hdr-main-content-bc .header-custom-buttons .bc-i-x50-wheel {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    background: url('https://i.imgur.com/HzF5LvC.gif') center center/cover no-repeat !important;
    padding: 0 !important;
    border: none !important;
    min-width: 40px !important;
    overflow: hidden !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.hdr-main-content-bc .header-custom-buttons .bc-i-x50-wheel span {
    display: none !important;
    visibility: hidden !important;
}

.hdr-main-content-bc .header-custom-buttons .bc-i-x50-wheel::before,
.hdr-main-content-bc .header-custom-buttons .bc-i-x50-wheel::after {
    display: none !important;
}

/* PROMOSYONLAR butonu - sadece GIF */
.hdr-main-content-bc .header-custom-buttons .bc-i-promotion {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    background: url('https://i.imgur.com/Wk8JFU8.gif') center center/cover no-repeat !important;
    padding: 0 !important;
    border: none !important;
    min-width: 40px !important;
    overflow: hidden !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.hdr-main-content-bc .header-custom-buttons .bc-i-promotion span {
    display: none !important;
    visibility: hidden !important;
}

.hdr-main-content-bc .header-custom-buttons .bc-i-promotion::before,
.hdr-main-content-bc .header-custom-buttons .bc-i-promotion::after {
    display: none !important;
}

/* BENİ ARA butonu - sadece GIF */
.hdr-main-content-bc .header-custom-buttons .bc-i-call {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    background: url('https://i.imgur.com/USjUdkm.gif') center center/cover no-repeat !important;
    padding: 0 !important;
    border: none !important;
    min-width: 40px !important;
    overflow: hidden !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.hdr-main-content-bc .header-custom-buttons .bc-i-call span {
    display: none !important;
    visibility: hidden !important;
}

.hdr-main-content-bc .header-custom-buttons .bc-i-call::before,
.hdr-main-content-bc .header-custom-buttons .bc-i-call::after {
    display: none !important;
}

/* BONUS TALEP ET butonu - sadece GIF */
.hdr-main-content-bc .header-custom-buttons .bc-i-promotions-3 {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    background: url('https://i.imgur.com/N5R8iiV.gif') center center/cover no-repeat !important;
    padding: 0 !important;
    border: none !important;
    min-width: 40px !important;
    overflow: hidden !important;
    margin-right: 5px !important;
}

.hdr-main-content-bc .header-custom-buttons .bc-i-promotions-3 span {
    display: none !important;
    visibility: hidden !important;
}

.hdr-main-content-bc .header-custom-buttons .bc-i-promotions-3::before,
.hdr-main-content-bc .header-custom-buttons .bc-i-promotions-3::after {
    display: none !important;
}








/* Ortaklık butonu */
.hdr-main-content-bc .header-custom-buttons .bc-i-standings {
    background-color: #C2007B !important;
    height: 40px !important;
    border: none !important;
    padding: 0 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 5px !important;
    border-radius: 8px !important;
}

.hdr-main-content-bc .header-custom-buttons .bc-i-standings span {
    display: inline !important;
    visibility: visible !important;
    color: white !important;
}

.hdr-main-content-bc .header-custom-buttons .bc-i-standings::before,
.hdr-main-content-bc .header-custom-buttons .bc-i-standings::after {
    display: none !important;
}







/* Giriş butonu */
.hdr-main-content-bc .sign-in {
    background-color: #C2007B !important;
    height: 30px !important;
    border: none !important;
    padding: 0 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 5px !important;
    text-decoration: none !important;
}

.hdr-main-content-bc .sign-in span {
    color: white !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

.hdr-main-content-bc .sign-in::before,
.hdr-main-content-bc .sign-in::after {
    display: none !important;
}













/* POP-UP MODIFY – scoped */
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)) .status-popup-content-w-bc .casino-popup-button-block,
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)) .status-popup-content-w-bc label.popup-checkbox {
  display: none !important;
}

.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)) [class*="overlay"],
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)) [class*="backdrop"],
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)) [class*="modal"],
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)) [class*="popup"]:not(.status-popup-content-w-bc),
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)) div[style*="position: fixed"],
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)) div[style*="position: absolute"] {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: none !important;
}

.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)) [class*="overlay"],
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)) [class*="backdrop"],
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)) [class*="modal"] {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)) .status-popup-content-w-bc,
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)) .status-popup-content-w-bc * {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden)::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  pointer-events: none;
  z-index: 2147483646;
}
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)).hidden::before {
  content: none !important;
  display: none !important;
}

.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden),
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden) .popup-middleware-bc,
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden) .popup-inner-bc,
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden) .status-popup-content-w-bc {
  position: relative !important;
  z-index: 2147483647 !important;
  isolation: isolate !important;
  background: transparent !important;
  filter: none !important;
  opacity: 1 !important;
}

.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden) .popup-inner-bc {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(96vw, 500px) !important;
  max-height: 96vh !important;
  overflow: visible !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden) .status-popup-content-w-bc {
  width: 100% !important;
  max-width: none !important;
}

.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden) .casino-popup-content {
  max-height: none !important;
  overflow: visible !important;
}

.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden) .status-popup-content-w-bc .casino-popup-title {
  display: none !important;
}

.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden) .e-p-close-icon-bc,
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden) #close_popup_button_id,
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden) .e-p-close-icon-bc::before,
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden) .e-p-close-icon-bc::after {
  color: #fff !important;
  opacity: 1 !important;
  filter: none !important;
}

.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden) #close_popup_button_id,
.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden) .e-p-close-icon-bc {
  position: relative !important;
  z-index: 2147483647 !important;
  pointer-events: auto !important;
  color: #fff !important;
}

.popup-holder-bc.info:not(.confirm):not(:has(.sms-verification-popup)):not(.hidden) .status-popup-content-w-bc img {
  pointer-events: none !important;
}



























/* kar efekti */
body::before {
  content: '❄';
  position: fixed;
  top: -20px;
  left: 15%;
  color: white;
  font-size: 18px;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
  pointer-events: none;
  z-index: 9999;
  animation: snowfall1 10s linear infinite;
  animation-delay: 0s;
}

body::after {
  content: '❄';
  position: fixed;
  top: -20px;
  left: 45%;
  color: white;
  font-size: 16px;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
  pointer-events: none;
  z-index: 9999;
  animation: snowfall2 12s linear infinite;
  animation-delay: 0.3s;
}

#root::before {
  content: '❄';
  position: fixed;
  top: -20px;
  left: 75%;
  color: white;
  font-size: 14px;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
  pointer-events: none;
  z-index: 9999;
  animation: snowfall3 11s linear infinite;
  animation-delay: 0.6s;
}

#root::after {
  content: '❄';
  position: fixed;
  top: -20px;
  left: 30%;
  color: white;
  font-size: 17px;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
  pointer-events: none;
  z-index: 9999;
  animation: snowfall4 13s linear infinite;
  animation-delay: 0.9s;
}

.layout-content-holder-bc::before {
  content: '❄';
  position: fixed;
  top: -20px;
  left: 60%;
  color: white;
  font-size: 15px;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
  pointer-events: none;
  z-index: 9999;
  animation: snowfall5 9s linear infinite;
  animation-delay: 1.2s;
}

.header-bc::before {
  content: '❄';
  position: fixed;
  top: -20px;
  left: 85%;
  color: white;
  font-size: 19px;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
  pointer-events: none;
  z-index: 9999;
  animation: snowfall6 14s linear infinite;
  animation-delay: 1.5s;
}

@keyframes snowfall1 {
  0% {
    transform: translateY(0) translateX(0) rotate(0deg);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  98% {
    opacity: 1;
  }
  100% {
    transform: translateY(120vh) translateX(0) rotate(360deg);
    opacity: 0;
  }
}

@keyframes snowfall2 {
  0% {
    transform: translateY(0) translateX(0) rotate(0deg);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  20% {
    transform: translateY(20vh) translateX(25px) rotate(72deg);
    opacity: 1;
  }
  40% {
    transform: translateY(40vh) translateX(-30px) rotate(144deg);
    opacity: 1;
  }
  60% {
    transform: translateY(60vh) translateX(35px) rotate(216deg);
    opacity: 1;
  }
  80% {
    transform: translateY(80vh) translateX(-20px) rotate(288deg);
    opacity: 1;
  }
  98% {
    opacity: 1;
  }
  100% {
    transform: translateY(120vh) translateX(15px) rotate(360deg);
    opacity: 0;
  }
}

@keyframes snowfall3 {
  0% {
    transform: translateY(0) translateX(0) rotate(0deg);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  98% {
    opacity: 1;
  }
  100% {
    transform: translateY(120vh) translateX(0) rotate(360deg);
    opacity: 0;
  }
}

@keyframes snowfall4 {
  0% {
    transform: translateY(0) translateX(0) rotate(0deg);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  15% {
    transform: translateY(15vh) translateX(-28px) rotate(54deg);
    opacity: 1;
  }
  30% {
    transform: translateY(30vh) translateX(32px) rotate(108deg);
    opacity: 1;
  }
  45% {
    transform: translateY(45vh) translateX(-25px) rotate(162deg);
    opacity: 1;
  }
  60% {
    transform: translateY(60vh) translateX(38px) rotate(216deg);
    opacity: 1;
  }
  75% {
    transform: translateY(75vh) translateX(-22px) rotate(270deg);
    opacity: 1;
  }
  90% {
    transform: translateY(90vh) translateX(30px) rotate(324deg);
    opacity: 1;
  }
  98% {
    opacity: 1;
  }
  100% {
    transform: translateY(120vh) translateX(-18px) rotate(360deg);
    opacity: 0;
  }
}

@keyframes snowfall5 {
  0% {
    transform: translateY(0) translateX(0) rotate(0deg);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  98% {
    opacity: 1;
  }
  100% {
    transform: translateY(120vh) translateX(0) rotate(360deg);
    opacity: 0;
  }
}

@keyframes snowfall6 {
  0% {
    transform: translateY(0) translateX(0) rotate(0deg);
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  18% {
    transform: translateY(18vh) translateX(22px) rotate(65deg);
    opacity: 1;
  }
  36% {
    transform: translateY(36vh) translateX(-35px) rotate(130deg);
    opacity: 1;
  }
  54% {
    transform: translateY(54vh) translateX(28px) rotate(195deg);
    opacity: 1;
  }
  72% {
    transform: translateY(72vh) translateX(-30px) rotate(260deg);
    opacity: 1;
  }
  90% {
    transform: translateY(90vh) translateX(25px) rotate(325deg);
    opacity: 1;
  }
  98% {
    opacity: 1;
  }
  100% {
    transform: translateY(120vh) translateX(-20px) rotate(360deg);
    opacity: 0;
  }
}