@charset "UTF-8";
body .row-cols-4 > * {
  flex: 0 0 auto;
  width: 14%;
  height: 70px;
}

#pagex > app-root > app-main > main > div.b-container > div.row.row-cols-4.g-2.d-hide.btn-set-home.mb-2.home-buttons > div:nth-child(1) {
  padding-left: 40px;
}

#pagex > app-root > app-main > main > div.b-container > div.row.row-cols-4.g-2.d-hide.btn-set-home.mb-2.home-buttons > div:nth-child(7) {
  padding-right: 20px;
}

@media screen and (max-width: 650px) {
  body .row-cols-4 > * {
    flex: 0 0 auto;
    width: 24%;
    height: 70px;
  }
  #pagex > app-root > app-main > main > div.b-container > div.row.row-cols-4.g-2.d-hide.btn-set-home.mb-2.home-buttons > div:nth-child(1) {
    padding-left: 4px;
  }
  #pagex > app-root > app-main > main > div.b-container > div.row.row-cols-4.g-2.d-hide.btn-set-home.mb-2.home-buttons > div:nth-child(7) {
    padding-right: 0px;
  }
}
div.user-account div.account-card div.account-content div.account-submenu ul li a.active {
  color: white;
  background: #28a745;
}

#accountinfopagex > app-root > app-main > content > div > app-main > div > div.account-content > app-security > div.account-submenu > ul > li:nth-child(4) {
  display: none;
}

div.content-menu {
  background: #070809;
  padding: 1em;
  border-top: 1px solid #2dd04a;
}

div.content-menu ul li a:hover {
  border-color: #2dd04a;
  background: #131417;
}

#pagex > app-root > app-footer > app-bottom-navbar {
  position: fixed;
  bottom: 0;
}

@media (min-width: 602px) {
  #pagex > app-root > app-footer > footer > div > div.container-wide > div:nth-child(1) > div.col-12.col-md-8.order-3.order-md-1 {
    flex: 0 0 auto;
    width: auto;
    text-align: left;
    position: relative;
  }
  #pagex > app-root > app-footer > footer > div > div.container-wide > div:nth-child(1) > div.col-12.col-md-4.order-2.order-md-2.text-center.text-md-right.mb-2.mb-md-0 {
    flex: 0 0 auto;
    width: auto;
    text-align: right;
    right: 0;
    position: relative;
  }
  .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    flex-direction: row;
    justify-content: space-around;
  }
  #pagex > app-root > app-footer > footer > div > div.container-wide > div:nth-child(1) > div.col-12.order-1.order-md-3.text-center.text-md-left.mb-2.mb-md-0 > div > app-lang-links > ul {
    display: none;
  }
}
a.p-deposit-box:hover {
  border-color: #2dd04a;
}

.border-theme {
  border-color: #28a745 !important;
}

#Casino > div.nav-link.mobile-menu-main-item.mobile-menu-item.ng-star-inserted > a.text-white.ml-auto.collapsed.mobile-menu-collapse-item,
#LiveCasino > a > i, #asino > a > i, #subList5, #subList5 > ul {
  display: none;
}

div.custom-game-box div.game-thumb div.inside div.overlay div.ov-inner a.btn {
  animation-duration: 0.2s;
  animation-iteration-count: unset;
  display: inline-block;
  top: calc(50% - 12px);
  width: 70%;
  border-radius: 1px;
  padding: 6px 0;
}

body .btn.theme:hover {
  background: #228e35;
}

footer ul li a:hover {
  color: #2dd04a;
}

.text-theme, a.text-theme {
  color: #2dd04a !important;
}

div.page-filters a.btn-filter:hover:not(.disabled), div.page-filters button.btn-filter:hover:not(.disabled) {
  background: rgba(221, 141, 22, 0.1) !important;
  border-color: #2dd04a !important;
  color: #2dd04a;
}

div.p-list ul li a.active {
  border: 1px solid #2dd04a;
  color: #2dd04a;
}

div.p-list ul li a:hover {
  border: 1px solid #2dd04a;
  color: #2dd04a;
}

div.page-filters div.search input.input-search:hover {
  border: 1px solid #2dd04a;
  color: #fff;
}

body * {
  transition: all 0s linear;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff;
  border-color: #2dd04a;
  background-color: #2dd04a;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #000000;
}

::-webkit-scrollbar-thumb {
  background: #4CAF50;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #45a049;
}

@keyframes changeBackgroundCoolor {
  0% {
    color: rgba(76, 175, 80, 0.5490196078);
  }
  20% {
    color: #2dd04a;
  }
  80% {
    color: #4CAF50;
  }
  to {
    color: rgba(45, 208, 74, 0.2392156863);
  }
}
div.main-buttons i {
  color: #2dd04a;
  animation: changeBackgroundCoolor 1.2s infinite;
}

div.main-buttons a.sc-btn:focus i, div.main-buttons a.sc-btn:hover i {
  color: #fff;
  text-shadow: 0 0 20px #2dd04a;
}

div.main-buttons a.sc-btn:hover {
  scale: 1.1;
  background-color: rgba(13, 182, 85, 0.368627451);
}

.navbar-hamburger-button:after, .navbar-hamburger-button:before, .navbar-hamburger-button div {
  background: #2dd04a;
}

#betDesktop > div > div.social-media {
  display: none;
}

.menu-item-accordion div.p-list ul li a:hover {
  border: 1px solid #2dd04a;
  color: #fff;
}

.carousel-control-next span.carousel-control-next-icon, .carousel-control-next span.carousel-control-prev-icon, .carousel-control-prev span.carousel-control-next-icon, .carousel-control-prev span.carousel-control-prev-icon {
  opacity: 1;
}

.recaptcha-v3 a {
  color: #2dd04a;
}

body .btn.theme {
  background: #2dd04a;
  color: #fff;
}

.btn-primary:hover {
  background-color: #2dd04a;
  border-color: #2dd04a;
}

.btn-primary {
  background-color: #2dd04a;
  border-color: #2dd04a;
}

.navbar-collapse .navbar-nav .nav-item .nav-link[data-toggle]:not(.collapsed) {
  background-color: transparent;
  border: 1px solid #2dd04a;
  color: #2dd04a;
}

#pagex > app-root > app-main > content > div > div.container-wide > div div.col-6.text-right {
  left: 38px;
}

.navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  color: #fff;
  background-color: #2dd04a;
}

.navbar-collapse .navbar-nav .nav-item.active .nav-link {
  border: 1px solid #2dd04a;
  color: #2dd04a;
}

#betDesktop .navbar-actions .btn-text {
  text-transform: uppercase;
  color: #2dd04a;
  font-weight: 600;
  margin-left: 0.2rem;
}

#betDesktop .navbar-actions .btn-mobile.active, #betDesktop .navbar-actions .btn-mobile:focus, #betDesktop .navbar-actions .btn-mobile:hover {
  background-color: #2dd04a;
}

#betDesktop #desktopMenu ul.navbar-nav li.nav-item.active a.nav-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #93ffac;
}

#betDesktop:not(.navbar-blur) .desktop-fixed-menu .navbar-nav .nav-item, #betDesktop:not(.navbar-blur) .desktop-menu .navbar-nav .nav-item {
  padding-right: 0.1em;
}

#pagex > app-root > app-footer > footer > div .col-12 {
  flex: 0 0 97%;
  max-width: 97%;
}

#casinopagex > app-root > app-main > content > div > div > div:nth-child(1) > div > div:nth-child(1) > div > ul > li:nth-child(1) {
  display: none;
}

div.bonus-card:hover {
  border: 0px solid rgba(255, 255, 255, 0);
  transform: scale(1.02);
}

body div.bonus-card {
  height: 100%;
  background: rgba(63, 77, 131, 0);
  position: relative;
  border-radius: 5px;
  border: 1px solid rgba(140, 143, 154, 0);
  transition: all 0.02s cubic-bezier(0, 0, 0, 1.72), all 0.05s cubic-bezier(0, 1.1, 0.58, 1) 0.05s;
}

div.p-list ul li a:hover {
  border: 1px solid #2dd04a;
  color: #fff;
}

div.c-list ul li a {
  color: #2dd04a;
}

div.c-list ul li a:hover i {
  text-shadow: 0 0 10px #2dd04a;
  text-shadow: 0 0 10px #2dd04a, 0 0 15px #2dd04a, 0 2px 2px #0e0f11, 0 -2px 2px #0e0f11, 2px 0 2px #0e0f11, -2px 0 2px #0e0f11, 0 2px 2px #0e0f11, 0 -2px 2px #0e0f11, 2px 0 2px #0e0f11, -2px 0 2px #0e0f11;
  transform: scale(1.4);
  color: #fff;
}

@keyframes changeBackgroundColor {
  0% {
    border-color: #0e0f11;
  }
  20% {
    border-color: #2dd04a;
  }
  80% {
    border-color: #2dd04a;
  }
  to {
    border-color: #0e0f11;
  }
}
div.c-list ul li a small {
  position: absolute;
  top: 0;
  right: 15px;
  border: 1px solid #2dd04a;
  padding: 0 4px;
  font-weight: 700;
  animation: changeBackgroundColor 1.4s infinite;
  color: #fff;
}

div.page-filters a.btn-filter.active, div.page-filters button.btn-filter.active {
  background: transparent;
  border-color: #2dd04a;
  color: #2dd04a;
}

span.title-line a {
  color: #2dd04a;
}

span.title-line:after, span.title-line:before {
  background: #2dd04a;
}

#betDesktop.navbar-blur {
  background-color: rgb(0, 0, 0) !important;
  -webkit-backdrop-filter: blur(7px);
}

div.custom-game-box div.game-thumb a.btn-brand:hover {
  background: #28a745;
}

#pagex > app-root > app-footer > footer > div > div.footer-last.p-3 > div > div > div.col-6.text-right {
  display: none;
}

div.custom-game-box:hover div.game-thumb div.inside div.overlay a.btn.play:hover {
  background: #2dd04a;
  color: #fff;
  box-shadow: 0 0 8px #2dd04a;
}

div.custom-game-box div.game-thumb div.inside div.overlay div.ov-inner a.btn.play {
  position: relative;
  left: 0;
  animation-name: sliderleft;
  background: #28a745;
  color: #fff;
}

div.custom-game-box:hover {
  border-color: #28a745;
}

div.title i {
  color: #28a745;
}

#betDesktop.navbar-blur .navbar-collapse.desktop-collapse .navbar-nav .nav-item a.nav-link.nav-link-login:hover {
  background: #2dd04a !important;
}

#betDesktop.navbar-blur .navbar-collapse.desktop-collapse .navbar-nav .nav-item a.nav-link.nav-link-register:hover {
  background: #2dd04a !important;
}

#betDesktop.navbar-blur ul.navbar-nav li.nav-item a.nav-link i {
  color: #2dd04a;
}

div.custom-game-box:hover div.game-thumb div.inside div.overlay a.btn.play:hover {
  background: #2dd04a;
  color: #fff;
  box-shadow: 0 0 8px #2dd04a;
}

div.custom-game-box div.game-thumb div.inside div.overlay div.ov-inner a.btn.play {
  position: relative;
  left: 0;
  animation-name: sliderleft;
  background: #28a745;
  color: #fff;
}

div.custom-game-box:hover {
  border-color: #28a745;
}

div.title i {
  color: #28a745;
}

#betDesktop.navbar-blur .navbar-collapse.desktop-collapse .navbar-nav .nav-item a.nav-link.nav-link-login:hover {
  background: #2dd04a !important;
}

#betDesktop.navbar-blur .navbar-collapse.desktop-collapse .navbar-nav .nav-item a.nav-link.nav-link-register:hover {
  background: #2dd04a !important;
}

#betDesktop.navbar-blur ul.navbar-nav li.nav-item a.nav-link i {
  color: #2dd04a;
}

#betDesktop .navbar-collapse.desktop-collapse .navbar-nav .nav-item a.nav-link.nav-link-login:focus, #betDesktop .navbar-collapse.desktop-collapse .navbar-nav .nav-item a.nav-link.nav-link-login:hover {
  background: #000000;
  border-color: #000000;
  color: #c0c3c8;
}

#betDesktop .navbar-collapse.desktop-collapse .navbar-nav .nav-item .nav-link.nav-link-login:focus, #betDesktop .navbar-collapse.desktop-collapse .navbar-nav .nav-item .nav-link.nav-link-login:hover {
  background: #2dd04a;
  color: #fff;
}

#betDesktop .navbar-collapse.desktop-collapse .navbar-nav .nav-item a.nav-link.nav-link-login {
  border-color: #000000;
  color: #fff;
  text-decoration: underline;
  background-color: black;
}

#betDesktop .navbar-collapse.desktop-collapse .navbar-nav .nav-item a.nav-link.nav-link-register {
  background-color: #28a745;
  color: #fff;
}

#betDesktop .navbar-collapse.desktop-collapse .navbar-nav .nav-item a.nav-link.nav-link-register:focus, #betDesktop .navbar-collapse.desktop-collapse .navbar-nav .nav-item a.nav-link.nav-link-register:hover {
  background: rgb(25, 213, 58);
  border-color: #fff;
  color: #fff;
}

#betDesktop .extended-counter {
  color: #2dd04a;
}

#betDesktop .extended-dropdown .nav-item .nav-link:hover {
  background-color: #2dd04a;
  color: #fff;
}

#betDesktop .extended-dropdown .nav-item .nav-link .new {
  color: #fff;
  background: #2dd04a;
}

#betDesktop .extended-dropdown .nav-item .nav-link i {
  color: #2dd04a;
}

#betDesktop #desktopMenu ul.navbar-nav li.nav-item a.nav-link span em.new {
  background: #a00707;
}

#betDesktop #desktopMenu ul.navbar-nav li.nav-item a.nav-link:hover span em.new {
  background: #af1111;
}

#pagex > app-root > app-main > content > div > div.container-wide > div .col-12 {
  flex: 0 0 97%;
  max-width: 97%;
}

#betDesktop #desktopMenu ul.navbar-nav li.nav-item a.nav-link:hover {
  color: #2dd04a;
  position: relative;
}

#betDesktop #desktopMenu ul.navbar-nav li.nav-item a.nav-link:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #2dd04a;
}

#betDesktop #desktopMenu ul.navbar-nav li.nav-item a.nav-link:hover span {
  color: #2dd04a;
}

#betDesktop #desktopMenu ul.navbar-nav li.nav-item.active a.nav-link i, #betDesktop #desktopMenu ul.navbar-nav li.nav-item.active a.nav-link span {
  color: #ffffff;
}

#betDesktop #desktopMenu ul.navbar-nav li.nav-item.active a.nav-link span {
  color: #ffffff;
}

#betDesktop #desktopMenu ul.navbar-nav li.nav-item.active a.nav-link {
  background: #2dd04a;
  color: rgb(255, 255, 255);
  border-radius: rem !important;
}

#betDesktop #desktopMenu ul.navbar-nav li.nav-item a.nav-link {
  background: rgba(14, 15, 17, 0);
  border-radius: 0rem !important;
}

#betDesktop #desktopMenu {
  background: #000000;
}

#betDesktop #desktopMenu ul.navbar-nav li.nav-item a.nav-link i {
  color: #2dd04a;
}

#betDesktop:not(.navbar-blur) .desktop-fixed-menu .navbar-nav, #betDesktop:not(.navbar-blur) .desktop-menu .navbar-nav {
  margin-left: 0.1rem;
}

#desktopMenu > ul.navbar-nav.right-navbar {
  display: none;
}

div.custom-game-box div.game-thumb div.inside div.overlay div.ov-inner .div {
  padding-top: 20px;
  justify-content: center;
  align-items: center;
}

#pagex > app-root > app-main > content > div > div.container-wide > div > div.col-12.col-md-12.mb-3.col-m-slot > div.home-popular-slot > div:nth-child(2) > app-live-casino-game > div > div.game-thumb > div > div > div > a.btn.demo.ng-star-inserted {
  display: none;
}

.home-popular-slot {
  display: flex;
  white-space: nowrap;
}

.home-popular-slot .col-slot {
  flex: 0 0 auto; /* Esnemesini engellemek ve sabit genislikte kalmasini saglamak için */
  width: calc(20% - 10px); /* 5 oyun yan yana sigacak sekilde genislik ayarlamasi, aradaki bosluklari da hesaba katarak */
  margin-right: 10px; /* Sag tarafa bosluk ekliyoruz */
}

/* 5 oyun sinirini belirliyoruz */
.home-popular-slot .col-slot:nth-child(n+6) {
  display: none; /* 6. ve sonraki oyunlari gizliyoruz */
}

.sports-widget-title, .sports-widget-inner {
  display: none;
}

@media (min-width: 992px) {
  .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#pagex > app-root > app-main > content > div > div.first-container > div > div.col-12.col-lg-4.d-none.d-lg-block.pl-2.slide-two.ng-star-inserted > app-banner > div > carousel > div {
  display: none;
}

html, body {
  background-image: url(https://santosbettingbeniara.com/background.png) !important;
  background-size: 100% auto !important;
  background-position: left center !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
}

@media screen and (max-width: 1180px) {
  html, body {
    /* background-image: url() !important; */
    /* background-color: purple; */
    background-size: cover !important;
    background-position: left center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
  }
  .home-popular-slot {
    display: flex;
    white-space: nowrap;
  }
  .home-popular-slot .col-slot {
    flex: 0 0 auto; /* Esnemesini engellemek ve sabit genislikte kalmasini saglamak için */
    width: calc(50% - 10px); /* 5 oyun yan yana sigacak sekilde genislik ayarlamasi, aradaki bosluklari da hesaba katarak */
    margin-right: 14x; /* Sag tarafa bosluk ekliyoruz */
  }
  /* 5 oyun sinirini belirliyoruz */
  .home-popular-slot .col-slot:nth-child(n+5) {
    display: none; /* 6. ve sonraki oyunlari gizliyoruz */
  }
}
@media screen and (max-width: 600px) {
  html, body {
    /* background-image: url() !important; */
    /* background-color: purple; */
    background-size: cover !important;
    background-position: left center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
  }
  .home-popular-slot {
    display: flex;
    white-space: nowrap;
  }
  .home-popular-slot .col-slot {
    flex: 0 0 auto; /* Esnemesini engellemek ve sabit genislikte kalmasini saglamak için */
    width: calc(50% - 10px); /* 5 oyun yan yana sigacak sekilde genislik ayarlamasi, aradaki bosluklari da hesaba katarak */
    margin-right: 14x; /* Sag tarafa bosluk ekliyoruz */
  }
  /* 5 oyun sinirini belirliyoruz */
  .home-popular-slot .col-slot:nth-child(n+3) {
    display: none; /* 6. ve sonraki oyunlari gizliyoruz */
  }
  .sports-widget-title, .sports-widget-inner {
    display: none;
  }
}
.form-control, select {
  background: #181027 !important;
  border-color: #231739 !important;
  color: #ffffff !important;
}

.form-control::-moz-placeholder, select::-moz-placeholder {
  color: #ffffff !important;
}

.form-control:-ms-input-placeholder, select:-ms-input-placeholder {
  color: #ffffff !important;
}

.form-control::-webkit-input-placeholder, select::-webkit-input-placeholder {
  color: #ffffff !important;
}

.form-control:active, .form-control:focus, .form-control:focus:active, select:active, select:focus, select:focus:active {
  color: #ffffff !important;
}

.form-control[disabled], .form-control[readonly], select[disabled], select[readonly] {
  background: #ffffff;
}

#pagex > app-root > app-main > content > div > div.container-wide > div > div.col-12.mb-3.px-0.col-m-jackpot {
  display: none;
}

#pagex > app-root > app-footer > footer > div > div.container-wide > div:nth-child(3) > div {
  display: none;
}

.btn.demo, .game-open-dialog .btn.theme.solid {
  display: none !important;
}

@media (max-width: 768px) {
  #pagex > app-root > app-main > content > div > div.container-wide > div > div.col-12.p-0.col-m-btn > div > a:nth-child(9) {
    display: none;
  }
}
@media (max-width: 992px) {
  .carousel .carousel-indicators, .carousel-control-next span.carousel-control-next-icon, .carousel-control-next span.carousel-control-prev-icon, .carousel-control-prev span.carousel-control-next-icon, .carousel-control-prev span.carousel-control-prev-icon {
    display: none;
  }
}
#comm100-float-button-33119837-b3dc-4676-b1da-ea1e0fe2a1bb-2 > div > a > img {
  width: 205px;
  height: auto;
}

@media (max-width: 605px) {
  #comm100-float-button-33119837-b3dc-4676-b1da-ea1e0fe2a1bb-2 > div > a > img {
    width: 100px;
    height: auto;
  }
  #pagex > modal-container > div > div > div > div.modal-body.text-center.ng-star-inserted > p > img {
    max-width: 320px;
    height: auto;
  }
}
header div.nav ul.nav-menu li a.current i.nav-icon {
  color: #2dd04a;
}

#pagex > app-root > app-main > main > div.b-container > app-horizontal-promotion-list {
  display: none;
}

.b-bonus.page {
  grid-template-columns: repeat(auto-fill, minmax(calc((100% - 50px) / 3), 1fr));
}

@media (max-width: 992px) {
  .b-bonus.page {
    grid-template-columns: repeat(auto-fill, minmax(calc((100% - 50px) / 1), 1fr));
  }
}
body:has(iframe#side_window_container) {
  height: 100% !important;
}