:root{
  --layout-width: 1470px !important;
  --menu: 240, 143, 56!important;
  --menu2: 82, 105, 93!important;
  --hero: 82, 105, 93!important;
  --b: 26, 43, 35!important;
  --header: 82, 105, 93!important;
  --hero-hover: 240, 145, 56!important;
  --oc-1: 240, 143, 56!important;
  --oc-1-hover: 240, 143, 56!important;
}


.nav-menu-container.header-navigation:first-child{
  background: transparent!important;
}


.nav-menu-container li{
    background: #1a2b23;
    border-radius: 8px;
    margin-left: 0px;
    margin-right: 7px;
}

.nav-menu-container .nav-menu>li a {
  padding: 0 14px !important;
  border-radius: 8px;
}

.nav-menu-container .nav-menu .nav-menu-item, 
.nav-menu-container .nav-menu-other .nav-menu-item{
  font-size: 15px !important;
}


.nav-menu-container .nav-menu {
    margin-top: 5px;
    margin-bottom: 5px;
}



.nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item {
    background: rgba(var(--menu2), 1) !important;
}

.nav-menu-container .nav-menu-sub .nav-menu-item:hover:before {
    background: #fff !important;
}


.btn.register {
    background: rgba(var(--menu), 1) !important;
}


.is-home-page {
    background-image: url(https://graphxmen.net/atlas/img/media_18770367_9015320beda018d3b987853debe43c6b.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    background-position: top center !important;
}

.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(6),
.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(8),
.is-home-page .layout-content-holder-bc .hm-row-bc:nth-child(11)
{
    background-image: url(https://graphxmen.net/atlas/img/media_18770367_9015320beda018d3b987853debe43c6b.png) !important; 
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    background-position: center center !important;
}

#comm100-float-button-4bd4b8e1-d1b1-4d2e-a232-36a8ae14cc94-2 img{
  content: url(https://graphxmen.net/atlas/img/canli-destek-btn.gif) !important;  
  width: 180px;
}
#comm100-float-button-4bd4b8e1-d1b1-4d2e-a232-36a8ae14cc94-2{
  float: right;
  position: fixed;
  bottom: 0;
  right: 0;
}





.is-home-page .layout-content-holder-bc{
    max-width: 1470px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav{
	max-width: 1470px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.hdr-main-content-bc{
	max-width: 1470px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other {
    margin-top: 5px;
}
.nav-menu-container .nav-menu-sub {
    padding: 10px 5px !important;
}


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

.layout-content-holder-bc .hm-row-bc:nth-child(5) .product-banner-container-bc{
	gap:0;
    grid-template-columns: repeat(8, 1fr);
}
.layout-content-holder-bc .hm-row-bc:nth-child(5) .page-view-more{
	display: none;
}
.layout-content-holder-bc .hm-row-bc:nth-child(5) .product-banner-container-bc .product-banner-info-bc:hover {
    
  cursor: pointer;
}

/*
.layout-content-holder-bc .hm-row-bc:nth-child(7) .product-banner-container-bc {
    grid-template-columns: repeat(6, 1fr);
}
.layout-content-holder-bc .hm-row-bc:nth-child(8) .product-banner-container-bc {
    grid-template-columns: repeat(6, 1fr);
}
*/

.layout-content-holder-bc .hm-row-bc:nth-child(11) .page-view-more{
	display: none;
}



.layout-footer-holder-bc {
    margin-top: 50px !important;
}


.featuredGames:has(.carouselWrapper.carouselCountEnable)>.page-view-more {
    padding-inline-end: 0px !important;
}


.page-view-more{
    background: linear-gradient(to right, #f0913830, #f09138, #f08c38, #f09138, #f0913830);
    border-radius: 10px !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: 50% !important;
    border-top: 1px solid #c9b00c;
    border-bottom: 1px solid #c9b00c;
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
    justify-self: center !important;
    height: 35px !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: 35px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}




.header-bc{
	background-image: url('https://graphxmen.net/atlas/img/media_18770367_40d391eface5d5e52deb4e90bd1b60d3.png') !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 0px 0 0 0 !important;
}

.hdr-main-content-bc, .logo{
      height: 100px !important;
}
.hdr-logo-bc {
    max-width: 285px !important;
    content: url('https://graphxmen.net/atlas/img/atlas-logo7.gif') !important;
}


.layout-content-holder-bc .hm-row-bc:nth-child(1) {
	padding-top:30px;
	padding-bottom:30px;
}
.layout-content-holder-bc .hm-row-bc:nth-child(1) .carousel-viewport{

	border-radius: 20px !important;
	border-bottom: 2px solid #f08f38 !important;
	border-top: 2px solid #f08f38 !important;
	border-left: 2px solid #f08f38 !important;
	border-right: 2px solid #f08f38 !important;
	box-shadow: 0px -2px 30px #f08f38 !important;

}



/*
.popup-inner-bc .entrance-popup-bc.sign-in,
.popup-inner-bc .entrance-popup-bc.register,
#root.layout-bc.promotion-page .popup-inner-bc,
*/
.popup-inner-bc
{
    border-radius: 20px !important;
	border-bottom: 2px solid #f08f38 !important;
	border-top: 2px solid #f08f38 !important;
	border-left: 2px solid #f08f38 !important;
	border-right: 2px solid #f08f38 !important;
	box-shadow: 0px -2px 30px #f08f38 !important;
}




.promotion-horizontal-sl-list-bc{
	background: url(https://graphxmen.net/atlas/img/media_18770367_19631ce5a664b2c683a648f8cec54f83.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
}



.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active, .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active {
    color: rgba(var(--oc-2-sc), 1) !important;
    background: rgba(var(--menu), 1) !important;
}
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active .horizontal-sl-icon-bc {
    color: rgba(var(--oc-2-sc), 1);
}


.promotion-page .horizontal-sl-item-bc:not(:empty) {
    border: 1px solid #f08f38;
}


.promotions-article-title {
    text-align: center;
}

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


.entrance-f-error-message-bc a{
color:#999999;
}


.footerInfoContent ul{
  list-style: none !important;
}

.footerWrapper{
    background: url('https://graphxmen.net/atlas/img/media_18770367_53a1a234ce5874ddb4dc8f42ed805712.png');
    background-size: 100%;
    background-position-y: 540px;
    background-repeat: no-repeat;
}




.nav-content-menu .nav-menu a[href="/tr/promotions"].nav-menu-item{
  background-image: url('https://graphxmen.net/atlas/img/media_18770367_99557cf370c6c608d4bada1011428fcb.gif');
  background-repeat: no-repeat;
  background-size: cover;
  width: 270px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li:hover>a[href="/tr/promotions"].nav-menu-item{
  background-image: url('https://graphxmen.net/atlas/img/media_18770367_99557cf370c6c608d4bada1011428fcb.gif') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 270px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li>a[href="/tr/promotions"].nav-menu-item.active{
  background-image: url('https://graphxmen.net/atlas/img/media_18770367_99557cf370c6c608d4bada1011428fcb.gif') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 270px !important;
}
.nav-content-menu .nav-menu a[href="/tr/promotions"].nav-menu-item span{
  display: none;
}





.nav-content-menu .nav-menu-sub a[href="/tr/promotions"].nav-menu-item{
  background-image: url('https://graphxmen.net/atlas/img/media_18770367_99557cf370c6c608d4bada1011428fcb.gif');
  background-repeat: no-repeat;
  background-size: cover;
  width: 253px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-sub>li:hover>a[href="/tr/promotions"].nav-menu-item{
  background-image: url('https://graphxmen.net/atlas/img/media_18770367_99557cf370c6c608d4bada1011428fcb.gif') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 253px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-sub>li>a[href="/tr/promotions"].nav-menu-item.active{
  background-image: url('https://graphxmen.net/atlas/img/media_18770367_99557cf370c6c608d4bada1011428fcb.gif') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 253px !important;
}
.nav-content-menu .nav-menu-sub a[href="/tr/promotions"].nav-menu-item span{
  display: none;
}






.header-bc .hdr-user-bc .header-custom-buttons:nth-child(1) a:before{ content: '';}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(1) a{
    background: url('https://graphxmen.net/atlas/img/media_18770367_db4abb0d1536560fdcbe352571db81ec.png') !important;
    background-size: cover !important;
    width: 28px;
    height: 28px;
}




.header-bc .hdr-user-bc .header-custom-buttons:nth-child(1) a:before{ content: '' !important;}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(1) a span{display: none !important;}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(1) a{
    background: url('https://graphxmen.net/atlas/img/icon/arama-iletisim.gif') !important;
    background-size: cover !important;
    width: 35px;
    height: 35px;
}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(2) a:before{ content: '' !important;}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(2) a span{display: none !important;}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(2) a{
    background: url('https://graphxmen.net/atlas/img/icon/global-partnership.gif') !important;
    background-size: cover !important;
    width: 35px;
    height: 35px;
}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(3) a:before{ content: '' !important;}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(3) a span{display: none !important;}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(3) a{
    background: url('https://graphxmen.net/atlas/img/icon/bonuslar2.gif') !important;
    background-size: cover !important;
    width: 35px;
    height: 35px;
}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(4) a:before{ content: '' !important;}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(4) a span{display: none !important;}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(4) a{
    background: url('https://graphxmen.net/atlas/img/icon/dolar-kart.gif') !important;
    background-size: cover !important;
    width: 35px;
    height: 35px;
}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(5) a:before{ content: '' !important;}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(5) a span{display: none !important;}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(5) a{
    background: url('https://graphxmen.net/atlas/img/icon/cark.gif?2') !important;
    background-size: cover !important;
    width: 35px;
    height: 35px;
}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(6) a:before{ content: '' !important;}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(6) a span{display: none !important;}
.header-bc .hdr-user-bc .header-custom-buttons:nth-child(6) a{
    background: url('https://graphxmen.net/atlas/img/icon/bitcoinler.gif') !important;
    background-size: cover !important;
    width: 35px;
    height: 35px;
}













.has-wallet .header-bc .hdr-user-bc .header-custom-buttons a:nth-child(1):before{ content: '' !important;}
.has-wallet .header-bc .hdr-user-bc .header-custom-buttons a:nth-child(1){
    background: url('https://graphxmen.net/atlas/img/icon/arama-iletisim.gif') !important;
    background-size: cover !important;
    width: 35px;
    height: 35px;
}

.has-wallet .header-bc .hdr-user-bc .header-custom-buttons a:nth-child(2):before{ content: "" !important;}
.has-wallet .header-bc .hdr-user-bc .header-custom-buttons a:nth-child(2){
    background: url('https://graphxmen.net/atlas/img/icon/global-partnership.gif') !important;
    background-size: cover !important;
    width: 35px;
    height: 35px;
}


.has-wallet .header-bc .hdr-user-bc .header-custom-buttons a:nth-child(3):before{ content: '' !important;}
.has-wallet .header-bc .hdr-user-bc .header-custom-buttons a:nth-child(3){
   background: url('https://graphxmen.net/atlas/img/icon/bonuslar2.gif') !important;
    background-size: cover !important;
    width: 35px;
    height: 35px;
}
.has-wallet .header-bc .hdr-user-bc .header-custom-buttons a:nth-child(4):before{ content: '' !important;}
.has-wallet .header-bc .hdr-user-bc .header-custom-buttons a:nth-child(4){
    background: url('https://graphxmen.net/atlas/img/icon/dolar-kart.gif') !important;
    background-size: cover !important;
    width: 35px;
    height: 35px;
}
.has-wallet .header-bc .hdr-user-bc .header-custom-buttons a:nth-child(5):before{ content: '' !important;}
.has-wallet .header-bc .hdr-user-bc .header-custom-buttons a:nth-child(5){
    background: url('https://graphxmen.net/atlas/img/icon/cark.gif?2') !important;
    background-size: cover !important;
    width: 35px;
}
.has-wallet .header-bc .hdr-user-bc .header-custom-buttons a:nth-child(6):before{ content: '' !important;}
.has-wallet .header-bc .hdr-user-bc .header-custom-buttons a:nth-child(6){
    background: url('https://graphxmen.net/atlas/img/icon/bitcoinler.gif') !important;
    background-size: cover !important;
    width: 35px;
    height: 35px;
}

.has-wallet .header-bc .hdr-user-bc .header-buttons-wallet .connect-wallet{
  background: url('https://graphxmen.net/atlas/img/icon/para-kart-odeme.gif') !important;
    background-size: cover !important;
    width: 35px;
    height: 35px;
    max-width: 35px;
    min-width: 35px;
}
.has-wallet .header-bc .hdr-user-bc .header-buttons-wallet .connect-wallet span{
  display: none !important;
}








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

.footerContainer .sliderContent:nth-child(1) .sliderGroup .sliderSingleElWrapper:nth-child(6) .sliderSingleEl .sliderImage:nth-child(1) img {
    width: 90% !important;
    content: url('https://graphxmen.net/atlas/img/media_18770367_1623cbf12547e27d61171e29ee608a95.png') !important;
    margin: auto;
}

.footerContainer .sliderContent:nth-child(1) .sliderGroup .sliderSingleElWrapper:nth-child(7) .sliderSingleEl .sliderImage:nth-child(2) img {
    height: 90px !important;
}
.footerContainer .sliderContent:nth-child(1) .sliderGroup .sliderSingleElWrapper:nth-child(7) .sliderSingleEl .sliderImage:nth-child(3) img {
	content: url(https://graphxmen.net/atlas/img/media_18770367_cac922d060bc6c8b2b0dfeb09501be33.png);
}
.footerContainer .sliderContent:nth-child(1) .sliderGroup .sliderSingleElWrapper:nth-child(7) .sliderSingleEl img {
	height: 90px !important;
}

.footerContainer .sliderContent:nth-child(1) .sliderGroup .sliderSingleElWrapper:nth-child(5){
 
}


.footerContainer .sliderContent:nth-child(2) .horizontalSliderWrapper  .horizontalSliderElem{
    background-color: transparent !important;
}



.horizontalList.scroll-start.scroll-end:before, .horizontalList.scroll-end:before{
  background: transparent !important
}
.horizontalList.scroll-start.scroll-end:after, .horizontalList.scroll-start:after{
      background: transparent !important; 
}



.sliderTitle{
  color: #3e6552 !important;
  font-weight: bold;
}
.footerCopyrights{
  color: #3e6552 !important;
}
.footerWarningAge {
    border-color: #3e6552 !important;
    color: #3e6552 !important;
}

.footerContainer .sliderGroup .sliderContent:nth-child(1)>h4.sliderTitle{
	color: #f08f38 !important;
}



/*
.promotionsListEl-bc:hover {
  background: url(https://graphxmen.net/atlas/img/media_18770367_1e5d8b7ed95394d802fda9d6ca68c819.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;
}

.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
  transform: scale(1.05);
  background: #541d7c !important;
}
*/

.promotions-article-title.ellipsis {
  display: none !important;
}











/*
.footerSocialLink .bc-i-twitter {
 background: url(https://graphxmen.net/atlas/img/media_18770367_b3d7fbd155bba681542ed988bb782deb.png) !important;
    background-size: auto;
  background-size: cover !important;
 width: 40px !important;
 height: 40px !important;
}

.footerSocialLink .bc-i-telegram {
  background: url(https://graphxmen.net/atlas/img/media_18770367_c6d2e21db44c72539fac29cfc1c0956a.png) !important;
    background-size: auto;
  background-size: cover !important;
 width: 40px !important;
 height: 40px !important;
}

.footerSocialLink .bc-i-instagram {
 background: url(https://graphxmen.net/atlas/img/media_18770367_133de56c7a430ec49e2575420222be80.png) !important;
    background-size: auto;
  background-size: cover !important;
 width: 40px !important;
 height: 40px !important;
}

.footerSocialLink .bc-i-youtube {
  background: url(https://graphxmen.net/atlas/img/media_18770367_26e2b35c7db8aaa474eb7702fa734e7b.png) !important;
   background-size: auto;
  background-size: cover !important;
 width: 40px !important;
 height: 40px !important;
}

.footerSocialLink .bc-i-whatsapp {
  background: url(https://graphxmen.net/atlas/img/media_18770367_6e051cb7ce9f93258c224d95dcf47271.png) !important;
   background-size: auto;
  background-size: cover !important;
 width: 40px !important;
 height: 40px !important;
}

.footerSocialLink i:before {
  content : '';
}
.footerSocialLink{
  background: transparent !important;
}
.footerSocialLink a {
    width: 40px !important;
    height: 40px !important;
}

.footerSocialLink .bc-i-instagram::before {
  color: transparent !important;
}
.footerSocialLink .bc-i-twitter::before {
  color: transparent !important;
}
.footerSocialLink .bc-i-telegram::before {
  color: transparent !important;
}
.footerSocialLink .bc-i-youtube::before {
  color: transparent !important;
}
*/






[class*=is-web] .footerSocialLink {
    width: 40px !important;
    height: 40px !important;
    background: transparent;
}
.footerSocialLink:hover {
    background-color: transparent !important;
}	

.footerSocialLink .bc-i-instagram {
	background: url(https://graphxmen.net/atlas/img/social/instagram.gif) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 40px !important;
	height: 40px !important;
}
  
.footerSocialLink .bc-i-twitter {
	background: url(https://graphxmen.net/atlas/img/social/x.gif) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 40px !important;
	height: 40px !important;
}
.footerSocialLink .bc-i-telegram {
    background: url(https://graphxmen.net/atlas/img/social/telegram.gif) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 40px !important;
    height: 40px !important;
}

.footerSocialLink .bc-i-youtube {
	background: url(https://graphxmen.net/atlas/img/social/youtube.gif) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 40px !important;
	height: 40px !important;
}
.footerSocialLink .bc-i-facebook {
	background: url(https://graphxmen.net/atlas/img/social/facebook.gif) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 40px !important;
	height: 40px !important;
}
.footerSocialLink .bc-i-whatsapp {
	background: url(https://graphxmen.net/atlas/img/social/whatsapp.gif) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 40px !important;
	height: 40px !important;
}

.footerSocialLink .bc-i-instagram::before {
  color: transparent !important;
}
.footerSocialLink .bc-i-twitter::before {
  color: transparent !important;
}
.footerSocialLink .bc-i-telegram::before {
  color: transparent !important;
}
.footerSocialLink .bc-i-youtube::before {
  color: transparent !important;
}
.footerSocialLink .bc-i-facebook::before {
  color: transparent !important;
}
.footerSocialLink .bc-i-whatsapp::before {
  color: transparent !important;
}



.footerSocialLink .bc-i-twitch {
  background: url(https://graphxmen.net/atlas/img/media_18770367_c19e38a984e705be8e9844f88e32ffcf.png) !important;
   background-size: auto;
  background-size: cover !important;
 width: 40px !important;
 height: 40px !important;
}







.ftr-copy-rights-bc a{
  color: #1a2b23;
}



.horizontalSliderElem .horizontalSliderImg {
    opacity: 1 !important;
    filter: drop-shadow(2px 4px 6px black) !important;
}

.horizontalSliderNav:last-child:after {
    background-image: none !important;
}
.horizontalSliderNav:first-child:after {
  background-image: none !important;
}



.popup-inner-bc .sign-in{
  background: url('https://graphxmen.net/atlas/img/media_18770367_102f6609b60ed1e0a767ea5ec838b1ec.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}





.entrance-popup-bc.sign-in{
    /*min-width: 800px !important; */
}
#login_form_id{
  grid-template-columns: repeat(2, 1fr);
    display: grid !important;
  position: unset !important;
}
.entrance-form-bc .form-sign-in-slider-wrapper{
  order: -1;
}
.entrance-popup-bc.sign-in{
    /*height: 55vh !important;*/
}



.entrance-popup-bc.sign-in .e-p-content-bc .e-p-header-bc .popup-t-logo-w-bc{
  margin: auto;
  transform: translateX(50px);
}

.entrance-popup-bc.sign-in .e-p-content-bc .e-p-body-bc .live-chat-adviser-bc{
  position: absolute;
    top: 425px;
    right: 0;
    width: 385px;
}



.hdr-main-content-bc .hdr-user-bc .btn.s-small.sign-in{
  background: #1f362a;
    padding: 15px 10px;
    text-decoration: none;
      border: 1px solid #f08f38;
}

.entrance-popup-bc.register #login_button_id{
      background: #f08f38;
    padding: 6px 7px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    color: #1a2b23;
    font-weight: bold;
}





.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item {
    padding: 0 10px !important;
}


#root > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu.nav-menu-hide-items > li:nth-child(12){
   /*
  float: right;
    position: absolute;
    right: 0;
    top: 5px;
    height: 36px;
  */
}

.entrance-popup-bc.register .popup-t-logo-w-bc{
    left: 50% !important;
    transform: translateX(-50%) !important;
    position: relative;
}


.connect-button-text {
    margin-bottom: 60px !important;
}

.sg-n-forgot-password-text {
    position: absolute !important;
    top: 145px !important;
    width: 70% !important;
}






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


.footerLinkColEl a{
    font-size: 15px !important;
}
.footerLinkColTitle {
    font-size: 16px !important;
}


.FooterLicenceCuracaoContainer  img{
  content: url('https://verification.anjouangamingboard.org/assets/anj/basic-large-valid-seal.adb2-185db1882ffd89d11ab26f19882205bd.png') !important;
}



.FooterLicenceCuracaoContainer img{
  content: url(https://graphxmen.net/atlas/img/licence.png) !important;
}









.market-bc.active {
    background: #f08f38 !important;
}

.footerContainer .sliderGroup .sliderContent:nth-child(1) > h4.sliderTitle::after {
    content: "";
    display: block;
    width: 220px; 
    height: 100px; 
    background-image: url("https://graphxmen.net/atlas/img/lisans2.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 8px auto 0; 
}

.header-bc .logo-container .header-icon>img{
  content: url("https://graphxmen.net/atlas/img/lisans2.png");
}

.header-bc .logo-container .header-icon {
    width: 45px !important;
    height: 55px !important;
}










@keyframes slideOut {
    0% {
        transform: perspective(100rem) translateX(0) rotateY(50deg);
        opacity: 1;
        z-index: -10 !important;
    }
    100% {
        transform: perspective(100rem) translateX(0) rotateY(0);
        opacity: 1;
        z-index: -10 !important;
        transform: scale(105%);
    }
}
@keyframes slideIn {
    0% {
        transform: perspective(100rem) translateX(0) rotateY(0);
        opacity: 1;
        z-index: 1 !important;
    }
    50% {
        transform: perspective(100rem) translateX(50px) rotateY(50deg);
        opacity: 1;
        z-index: 1 !important;
    }
    100% {
        transform: perspective(90rem) translateX(0) rotateY(20deg);
        opacity: 1;
        z-index: 1 !important;
    }
}



.layout-content-holder-bc .hm-row-bc:nth-child(10) .product-banner-container-bc,
.layout-content-holder-bc .hm-row-bc:nth-child(11) .product-banner-container-bc,
.layout-content-holder-bc .hm-row-bc:nth-child(9) .product-banner-container-bc
{
    width: 94%;
    margin-left: 5%;
}

.layout-content-holder-bc .hm-row-bc:nth-child(10) .product-banner-container-bc .product-banner-container-bc,
.layout-content-holder-bc .hm-row-bc:nth-child(11) .product-banner-container-bc .product-banner-container-bc,
.layout-content-holder-bc .hm-row-bc:nth-child(9) .product-banner-container-bc .product-banner-container-bc
{
    display: flex !important;
    padding: 2.5rem 2rem 3rem;
    gap: 0;
    overflow: hidden !important;
}

.layout-content-holder-bc .hm-row-bc:nth-child(10) .product-banner-container-bc .product-banner-bc img,
.layout-content-holder-bc .hm-row-bc:nth-child(11) .product-banner-container-bc .product-banner-bc img,
.layout-content-holder-bc .hm-row-bc:nth-child(9) .product-banner-container-bc .product-banner-bc img
{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.layout-content-holder-bc .hm-row-bc:nth-child(10) .product-banner-container-bc .product-banner-bc,
.layout-content-holder-bc .hm-row-bc:nth-child(11) .product-banner-container-bc .product-banner-bc,
.layout-content-holder-bc .hm-row-bc:nth-child(9) .product-banner-container-bc .product-banner-bc
{
	transform: perspective(90rem) translateX(0) rotateY(20deg);
	flex-shrink: 0;
	margin-left: -70px !important;
    margin-right: 0px !important;
    width: 200px !important;
}

.layout-content-holder-bc .hm-row-bc:nth-child(10) .product-banner-container-bc .product-banner-bc:hover,
.layout-content-holder-bc .hm-row-bc:nth-child(11) .product-banner-container-bc .product-banner-bc:hover,
.layout-content-holder-bc .hm-row-bc:nth-child(9) .product-banner-container-bc .product-banner-bc:hover
{
    animation: slideOut 0.4s forwards;
    z-index: 1;
}
.layout-content-holder-bc .hm-row-bc:nth-child(10) .product-banner-container-bc .product-banner-bc:not(:hover),
.layout-content-holder-bc .hm-row-bc:nth-child(11) .product-banner-container-bc .product-banner-bc:not(:hover),
.layout-content-holder-bc .hm-row-bc:nth-child(9) .product-banner-container-bc .product-banner-bc:not(:hover)
{
    animation: slideIn 0.4s forwards;
}


.layout-content-holder-bc .hm-row-bc:nth-child(10) .product-banner-container-bc,
.layout-content-holder-bc .hm-row-bc:nth-child(11) .product-banner-container-bc,
.layout-content-holder-bc .hm-row-bc:nth-child(9) .product-banner-container-bc
{
    grid-template-columns: repeat(auto-fit, minmax(40px, 1fr)) !important;
}







.is-home-page .featuredGameItem{
  background-color: transparent !important;
  background : linear-gradient(135deg, #bcab8a 0%, #f5f1e0 25%, #ecd19b 45%, #fffef9 55%, #ccbb9b 75%, #c4b18d 100%);
  
}
.is-home-page .featuredGameItemPlayer{
  color: #000 !important;
}
.is-home-page .featuredGameItem .market-group-holder-bc .market-group-item-bc .market-bc {
    background: #dfc58c52 !important;
  color: #000 !important;
}
.is-home-page .market-odd-bc:not(.not-boosted-odd) {
    color: #000 !important;
}

.is-home-page .featuredGameItemCompetitionName{
  color: #000 !important;
}

.is-home-page .featuredGameItemSportAliasIcon{
  color: #555c !important;
}

.is-home-page .featuredGameItemTime{
  color: #000 !important;
}
.is-home-page .featuredGameItemTime>time:last-child:nth-child(2){
  color: #000 !important;
}








.bahisBurda .swiper-backface-hidden .swiper-slide{
  margin: auto !important;
}




















/* ===== LİSTE ===== */
.promotionsList-bc {
  margin-top: 20px !important;
  gap: 24px;
  perspective: 1500px;
}
.promotion-page .promotionsList-bc {
  grid-template-columns: repeat(auto-fill, minmax(370px, 1fr)) !important;
}

/* Başlık gizli */
.promotions-article-title { display: none !important; }

/* Dönen çerçeve için açı değişkeni */
@property --ang {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* ===== KART ===== */
.promotionsListEl-bc {
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden;
  isolation: isolate;
  line-height: 0;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(160deg,#0b1530,#060c1f);
  transform-style: preserve-3d;
  box-shadow:
    0 4px 18px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(255,255,255,.03);
  transition:
    transform .5s cubic-bezier(.2,.85,.25,1),
    box-shadow .45s ease,
    border-color .45s ease;

  animation: cardIn .5s cubic-bezier(.25,.6,.3,1) both;
  animation-delay: calc(var(--i, 0) * .05s);
}

/* Sınırsız kart — dalga sırası (12'den sonra sabit) */
.promotionsListEl-bc:nth-child(n)    { --i: 0; }
.promotionsListEl-bc:nth-child(n+2)  { --i: 1; }
.promotionsListEl-bc:nth-child(n+3)  { --i: 2; }
.promotionsListEl-bc:nth-child(n+4)  { --i: 3; }
.promotionsListEl-bc:nth-child(n+5)  { --i: 4; }
.promotionsListEl-bc:nth-child(n+6)  { --i: 5; }
.promotionsListEl-bc:nth-child(n+7)  { --i: 6; }
.promotionsListEl-bc:nth-child(n+8)  { --i: 7; }
.promotionsListEl-bc:nth-child(n+9)  { --i: 8; }
.promotionsListEl-bc:nth-child(n+10) { --i: 9; }
.promotionsListEl-bc:nth-child(n+11) { --i: 10; }
.promotionsListEl-bc:nth-child(n+12) { --i: 11; }

@keyframes cardIn {
  from { opacity: .35; transform: translateY(10px) scale(.985); }
  to   { opacity: 1;   transform: none; }
}

/* ===== GÖRSEL (ken burns) ===== */
.promotionsArticleThumbnail-bc {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  will-change: transform;
  transition: transform 1.15s cubic-bezier(.2,.8,.2,1), filter .5s ease;
}
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
  transform: scale(1.11) !important;
  filter: saturate(1.22) contrast(1.06) brightness(1.05);
}

/* ===== SHINE ===== */
.promotionsListEl-bc::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 55%;
  z-index: 3;
  pointer-events: none;
  transform: translateX(-165%) skewX(-20deg);
  filter: blur(1px);
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.10) 34%,
    rgba(255,255,255,.55) 50%,
    rgba(255,255,255,.10) 66%,
    rgba(255,255,255,0) 100%
  );
}
.promotionsListEl-bc:hover::before {
  animation: shineSweep .95s cubic-bezier(.25,.8,.3,1);
}
@keyframes shineSweep {
  to { transform: translateX(300%) skewX(-20deg); }
}

/* ===== ALT NEON ÇİZGİ ===== */
.promotionsListEl-bc::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 3px;
  z-index: 4;
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, #f08f38, #435a4e, #f08f38);
  /*conic-gradient(from var(--ang, 0deg), #000e03, #404040, #496054, #ffffff)*/
  box-shadow: 0 0 14px rgb(255 121 0);
  transition: transform .55s cubic-bezier(.2,.8,.2,1);
  
}


.promotionsListEl-bc:hover::after { transform: scaleX(1); }

/* ===== DÖNEN GRADIENT ÇERÇEVE (sarmalayıcı) ===== */
.promotionsListEl-bc {
  background-clip: padding-box;
}
.promotionsList-bc > .promotionsListEl-bc:hover {
  border-color: transparent;
}
.promotionsListEl-bc:hover {
  background-image:
    linear-gradient(160deg,#0b1530,#060c1f),
    conic-gradient(from var(--ang), #01adfd, #cd76b0, #00ACC9, #01adfd);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  animation: spinBorder 4s linear infinite;
}
@keyframes spinBorder { to { --ang: 360deg; } }

/* ===== HOVER: TILT + HAFİF KIVRIM ===== */
.promotionsListEl-bc:hover {
  transform: perspective(1100px) translateY(-7px) rotateX(2.5deg) scale(1.035) !important;
  box-shadow: 0 24px 48px rgba(0, 0, 0, .52), 0 0 34px rgb(240 143 56 / 73%)
}

.promotionsListEl-bc:nth-child(odd):hover {
  transform: perspective(1100px) translateY(-7px) rotateX(4deg) rotateY(0deg) rotate(0deg) scale(1.035) !important;
}
.promotionsListEl-bc:nth-child(even):hover {
  transform: perspective(1100px) translateY(-7px) rotateX(4deg) rotateY(1deg) rotate(1deg) scale(1.035) !important;
}

/* ===== HEADER BUTONLARI ===== */
.header-custom-buttons a[class*=promotions],
.hdr-user-bc a[class*=promotions] {
  background: linear-gradient(135deg,#cd76b0,#8e4f7c) !important;
  animation: pulseGlow 2.6s ease-in-out infinite;
}
.header-custom-buttons a[class*=bc-i-wonderwheel],
.hdr-user-bc a[class*=bc-i-wonderwheel] {
  background: linear-gradient(135deg,#00ACC9,#00707f) !important;
}
@keyframes pulseGlow {
  0%,100% { box-shadow: 0 0 0 0 rgba(205,118,176,.5); }
  50%     { box-shadow: 0 0 18px 4px rgba(205,118,176,0); }
}

.promotion-page .horizontal-sl-list.promotion-horizontal-sl-list-bc.horizontal-items-expanded {
  margin-top: 40px !important;
}

@media (prefers-reduced-motion: reduce) {
  .promotionsListEl-bc,
  .promotionsListEl-bc::before,
  .promotionsListEl-bc::after,
  .promotionsArticleThumbnail-bc { animation: none !important; transition: none !important; }
}