.errorMa{color: red; font-size: 11px!important; line-height: 10px;}
app-force-to-change-password .errorMa, .validation-message{color: red; position: inherit; bottom: -25px!important; min-height: 18px; font-size: 11px!important; line-height: 10px;}
app-force-to-change-password .loginModal{max-width: 440px;}
.longError .validation-message{line-height: 12px;}

.toggelPass{position: absolute; right: 10px; bottom: 18px; color: #fff;}
.loginModal .countrycode  {height: 52px !important;}
.loginModal .validation-message{bottom: -25px!important;}
.loginModal .form-group{margin-bottom: 1.7rem;}
.nodatafound{color: #fff; margin:20px 0!important; padding: 0!important; width: 100%; font-size: 16px; font-weight: 400; text-align: center;}
.nodatafound .noImg{display: block; margin: 0 auto 30px;}
.categoryicon{
  width: 32px;  
  height: 30px;
 object-fit: cover;
 margin-right: 10px
}

.no-data{
  color: white;
}
.no-data h5{font-size: 16px;}

.pth-value{
  color: red;
}
.selection-back{
color: blue;
}
.positive-value{
color: green;
}
.showSidemenu{
  display: block  !important;
}

.hideSidemenu{
  display: none !important;
}

.playersidebarMain{
  display: block!important;
}

.setting-show .settingBar{
  display: block!important;
}

.settingBar{
  display: none !important;
}

@media(max-width:767px){
  .playersidebarMain{
    display: none!important;
  }

  .multiselect-dropdown .dropdown-btn {
    display: none!important;
  }
}






@media screen and (min-width: 967px){
.frameWrap.mobile {
    position: relative;
    top: 30px;
    z-index: 1;
}
}

.frameWrap.mobile {
  background: #000 url(images/phone_view.png) no-repeat center;
  height: calc(50vh); width: 375px; margin: 0 auto;
}
/* .frameWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 60px);
} */


/* for G1blue  */
.G1blue .loginModal .form-control{border-color: rgba(0,0,0,0.5);}


/* =================== KAILASH CSS START =================== */


input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type=number] {-moz-appearance: textfield;}
/* ===== DEPOSIT & WITHDRWAR CSS START ======= */
.deposit-listing li {color: var(--white-color);}
.btn-outline-white{border-color: var(--white-color) !important; color: var(--white-color) !important;}
.bg-none{background: none !important;}
.fa-qrcode.ShowQR { cursor: pointer;} 
.modal-text{color: var(--white-color) !important;}
.picture-function.position-absolute {top: 0; right: 0;}
.picture-function.position-absolute a {color: var(--white-color); opacity: .4; box-shadow: none!important;}
.filefile input[type=file] {opacity: 0;}
.filedisables .picture-function.position-absolute a {opacity: 1;}
.filefile {background: rgba(218,209,177,0.1); height: 42px; border:1px solid var(--secondary)!important; border-radius: 10px;}
.merchantpayment {overflow-x: auto; max-width: 1145px; padding:0 0 5px; margin: 0 0 15px 0; display: block; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.merchantpayment li {padding: 5px 0; margin: 0 10px 0 5px; display: inline-block;}
.merchantpayment li a.activemerchant { box-shadow: 0 0 0 2px var(--hover-color);}
.merchantpayment li a { background: var(--white-color); display: inline-block;  border-radius: 8px; overflow: hidden;}
.merchantpayment li a img {height: 45px; object-fit: contain;}
.filefile{position: relative; z-index: 1;}
.filefile.filedisables:after {opacity: .3;}
.filefile::after { content: attr(attr-file-attach); position: absolute; color: var(--white-color); top: 11px; z-index: -1; font-weight: 600; left: 14px;}
.copyt:active:after {content: "Copied"; width: 100%; height: 100%; position: absolute; left: 50%; right: 0; top: -100%; transform: translateX(-50%); line-height: 3; font-size: 10px; }
.copyt {cursor: pointer; position: relative;}
.text-truncate-md { max-width: 200px; display: inline-block;}


@media(max-width:992px){
  .eventTabs .nav-pills .nav-link {padding: 0.4rem 1rem;}
  .merchantpayment li a img { height: 35px;}
  .cryptoWithBox{margin: 0;}
  .profile-content .main-balance { padding: 8px 10px; }
  .profile-content .buttons-bottom .btn { height: 32px; text-transform: capitalize; }
}

@media(max-width:767px){
  .openFilter{height: 100%; overflow: hidden; width: 100%; position: fixed;}
  .deposit-listing i.fa.h5 {  font-size: 17px;}
  .bank_details { flex-wrap: wrap !important; padding-bottom: 10px;}
  .bank_details .deposit-listing, .bank_details .qrcodeImage { width: 100%;}
  .deposit-listing .ShowQR.h4 {  font-size: 21px;}
  .picture-function .btn { padding: 9px 8px;}
  .amoutvalue li a {font-size: 11px;  padding: 5px 6px;} 
  .merchantpayment li a { display: inline-block;  text-align: center; min-width: 80px;}
  /* .merchantpayment li { padding: 5px 4px;} */
  .withdraw-deposit-ui .secTitle {  padding-top: 10px;}
  /* .mainWrap{padding-left: 0;} */
  /* .sportBookRow{margin: 60px 0 0;} */
  .sportifream{height: 100%; margin-bottom: 50px;}
  app-g5-navigation-sidebar{display: none;}
  app-player-sidebar   app-g5-navigation-sidebar{display: block;}

}
.loginModal .tab-content div#singupForm span.errorMa {position: absolute;  margin-top: 3px;}
.porfileWrap .profileRow .form-group {margin-bottom: 1.3rem;}

/* ============== KAILASH CSS START  ============== */
.loginModal .form-control[type="password"] {padding-right: 45px;}
.bannerRow .carousel-inner {border: 0px;}
.porfileWrap span.validation-message {position: absolute;line-height: 12px;}
.langSelect.loginFormSltDropdown {padding: 0px;border: 0px !important;  margin-right: 0;}
.fixedProvider.providerProloader .proBox:hover {transform: inherit;}
.loginFormSltDropdown .dropdown-toggle::after {height: 52px; display: flex; align-items: center;right: 15px; opacity: .8; font-size: 12px;}
.loginFormSltDropdown .selectDropText {color: rgba(255, 255, 255, 0.3); padding: 13px 15px; display: inline-block;  font-size: 14px;}
.loginFormSltDropdown.langSelect .dropdown-item {color: rgba(var(--textwhite), .5) !important;}
.loginModal.smallModal {width: 400px;}
.loginFormSltDropdown .dropdown-menu { width: 100%; transform: translate3d(0px, 39px, 0px) !important; padding: 10px 10px;}
.loginFormSltDropdown .dropdown-menu .dropdown-item:hover {color: rgba(var(--textwhite), 1) !important;}
.pi6SpacingForError {padding: 12px 0px;}


span.bannerNo {display: none;}
/* .sliderNavMenu {
  width: 81px;height: 20px;background: #000;
  top: 18px;right: 15px;position: absolute;
  display: flex;border-radius: 10px; z-index: 0;
} */
 .mt-20px{margin-top: 20px;}
 .smallModal .modal-body {overflow-y: auto;overflow-x: hidden; max-height: 552px; padding: 15px;}
.smallModal .col-12.col-md-6 {width: 100%; flex: 0 0 100%; max-width: 100%; padding: 0;}
.loginModal.smallModal .modal-footer {background: #000 !important;}
.loginModal.smallModal .btn-primary-outline { background: transparent !important; border:1px solid var(--primary) !important; color: var(--primary)!important;}
span.bannerNo {z-index: 1;}
.loginModal span.toggelPass {color: rgba(255, 255, 255, 0.3);}
.loginModal.smallModal .row.justify-content-center.mb-5 { margin: 0px !important;}
.showMoreBtn button {background: transparent; font-size: 14px; color: rgba(var(--textwhite), .7);}
.bannerRow .carousel-item > img {width: 100%;}
.secTitle.categoryspacebtn {margin-bottom: 5px;}
.filterTab .arrowTabs{color: rgba(var(--textwhite), .7);}
.filterRow ul li:hover {border: 1px solid rgba(var(--textwhite), .7);  box-shadow: 0 0 0 1px rgba(var(--textwhite), .8)}
.filterRow ul li.active {justify-content: center;color: #fff;background: rgba(var(--textwhite), .15); border: 1px solid rgba(var(--textwhite), .7);}
.filterRow ul li i.fa-solid.fa-table-cells {margin: 0 0.7rem 0 0; font-size: 1.3rem;}
.innerBanner img { min-width: 100%;}
.innerSearch .input-group {width: 300px;}
.secTitle.searchTexts { opacity: 1; margin-left: 50px;}
.fadeIn .secTitle.searchTexts {opacity: 0;}
.scrollTopDiv .back-to-top {
  position: fixed;bottom: 120px; width: 56px;height: 56px; border-radius: 50%; background: rgba(var(--textwhite), .15);
  color: rgba(var(--textwhite), .8); font-size: 14px;backdrop-filter: blur(2px);  z-index: 9999; left: 50%; transform: translateX(-50%); 
  padding: 0px 21px; transition: top .24s ease; border: 0; display: none; line-height: 56px;
}
.scrollTopDiv .back-to-top:focus, .scrollTopDiv .back-to-top:active {box-shadow: none !important;   background: rgba(var(--textwhite), .15) !important;}

/* Chat widget overrides removed */
/* Show first four home game rows, hide the rest */
.game-carousel .col-12.gameRow:nth-of-type(-n+4) { display: flex !important; }
.game-carousel .col-12.gameRow:nth-of-type(n+5) { display: none !important; }
.showMoreBtn {margin: 5px 0px 0px 0px; position: absolute; right: 10px; display: none; }
.fillterMores.greaterthan .showMoreBtn { display: block; }
.innerSearch .fadeOff .input-group{max-width: 38.5px;  position: relative;  cursor: pointer; z-index: 1;}
.customselectArrow .inputCustomIcon {position: absolute; color: rgba(var(--textwhite), .7);right: 14px; top: 20px;}
  .customselectArrow select.form-control {appearance: none; -webkit-appearance: none; -moz-appearance: none; min-height: 52px; }
  .customselectArrow .fa-calendar-days.inputCustomIcon {font: 19.5px / 12px FontAwesome;}  
.custom-datepicker .form-control{z-index: 5;}  

  .casinoPreLoader .filterRow ul li { min-width: 100px;}

@media(max-width:1200px){
  .footerRow .filterTab .arrowTabs.arrowLeft { left: -12px; }
  .footerRow .filterTab .arrowTabs.arrowRight { right: -12px; }
  .footerRow .paymentLogos { justify-content: flex-start; }
  .footerProvider ul li img { height: 28px;max-width: 100px;}
  .footerProvider a {font-size: 16px;}
.footerProvider i {font-size: 22px; margin-right: 7px;}
header.headBar .disclamer {
  position: fixed; width: 100%; left: 0;top: 0; background: rgba(0, 0, 0, 0.8); padding: 18.5px 20px; line-height: 18px;
  align-items: flex-start !important; z-index: 9; font-size: 12px;  text-align: center;  justify-content: center; color: #fff;
} 
header.headBar .disclamer i.fas.fa-times {font-size: 17px;}
}

@media(max-width:992px){
  .innerBanner img {min-height: 100px; height: auto;   width: 100%;}
  .filterRow ul li {min-width: 85px;}
  .innerSearch .input-group {width:250px;}
  .bonusDetail .table thead th span { white-space: nowrap; }
  .bonusDetail td.dataTables_empty { margin: 40px 0 20px; }
  #rolling-modal .bonusDetail { overflow: hidden; }
  #rolling-modal .bonusDetail .table-responsive-sm { overflow: auto; }
  #rolling-modal .bonusDetail .nodatafound { margin: 42px 0 0 !important; }
  .footerProvider {padding: 58px 0% 0px;}
  .footerProvider ul li {margin: 5px 4px 5px;}
  .footerProvider ul li img { height: 26px;  max-width: 91px;}
  header.headBar .disclamer {padding: 14.5px 20px; color: #fff;} 
  

}

@media(max-width:950px) and (min-width:768px){
.topGateway .gateBox .gateLogo { height: 24px;}
.topGateway .gateBox .gateLogo img {height: 18px;}
.topGateway .gateBox {min-height: 95px;}
.topGateway .gateBox .gateBTN {height: 18px;font-size: 11px;  gap: 10px;}
.fixedProvider .proBox {min-width: 13.22%;}
.filterRow .fillterMores ul { max-height: 44px;}
.profileRow {padding: 0.1rem;}
.porfileWrap span.validation-message {font-size: 10px !important;}
.topGateway .gateBox .gateLogo img { height: 15px; }
.topGateway .gateBox .gateLogo { height: 20px; }
.topGateway .gateBox { background-size: 99%; }
}
@media(max-width:950px) and (min-width:820px){
  .topGateway .gateBox {min-height: 118px;}
}
@media(max-width:767px){
  header.headBar .disclamer {padding: 20px 20px; color: #fff;}  
  .provider-style-div h3 {font-size: 16px; padding: 0px 10px;}
  .bonusBTN-row li a {width: 100%;}
  .sidebarMain .langSelect .dropdown-menu {
    transform: translate3d(0px, 28px, 0px) !important; width: 100%; margin: 0px !important;   left: 0 !important;}
    .sidebarMain .langSelect.dropdown .dropdown-toggle {
      border: 1px solid var(--secondary);  padding: 9px 10px !important; display: flex; align-items: center; border-radius: 4px;   color: var(--white-color) !important;
  }
  .sidebarMain .langSelect.dropdown {padding: 0; margin: 0; border: 0px;}
.sidebarMain .langSelect .dropdown-toggle::after {top: 6px;}
  .fixedFoot { display: none;}
  .filterRow ul li {min-width:78px;}
  .mobile-px-0{padding-left: 0 !important; padding-right: 0 !important;}
  .innerSearch .input-group {max-width: 100%;}
.footerRow ul {display: flex; justify-content: center;}
.footerRow li {margin-bottom: 0;}
.footerRow h6 {margin: 0 0 8px;}
.loginModal.smallModal {width: 100%;}
.smallModal .modal-body {padding: 15px 7px; padding: 15px 7px;max-height: calc(100vh - 160px);}
.loginModal.smallModal .modal-footer {
  position: fixed; width: 100%;  bottom: 0; padding: 1.8rem 14px; justify-content: center;
}
.loginModal.smallModal .modal-footer .btn-primary { max-width: 47%; justify-content: center; display: flex;}
.filterTab .arrowTabs {display: none;}
.filterTab ul {width: 100%;}
.filterTab ul li a {display: flex; flex-direction: column;text-transform: capitalize; align-items: center;  min-width: 80px; height: 60px; font-size: 10px;}
.filterTab ul li a i {margin: 0px 0px 0px; height: 28px; font-size: 28px;}
.filterTab ul .position-sticky {left: 0; z-index: 1;}
.secTitle.position-absolute {display: none;}
.white-outline-btn {
  background: transparent !important; border: 1px solid rgba(255, 255, 255, .6) !important;
  padding: 4px 15px; text-transform: uppercase; font-size: 12px !important;
  width: auto !important; min-height: 28px; color: #fff;
}

.filter-rowreverse-style-col {flex-direction: row-reverse; align-items: center;  margin-bottom: 12px;}
.filter-rowreverse-style-col .innerSearch {margin: 0 0 5px;}
.innerSearch .input-group {width:100%; flex-direction: row-reverse;}
.mobileFlt.position-absolute { left: 0;}
.fadeIn .mobileFlt { opacity: 0; visibility: hidden;}



.filter-rowreverse-style-col .innerSearch > div {justify-content: flex-end;}
.fadeIn span.srchIcon.srchClose {right: 0; left: auto; top: 0;}
.mobile-display-none{display: none;}
.secTitle h5, .secTitle h2 {font-size: 13px; color: rgba(var(--textwhite), .8);}
.secTitle.categoryspacebtn h5 {margin-left: -6px;}
.innerBanner {margin: 0 0 10px;}
.filterTab {margin: 0 0 .8rem;}
.casinoPreLoader.categoryStyleMob li {height: 60px;}
.casinoPreLoader.categoryStyleMob ul { background: none; padding: 0; margin-left: -5px;}
.footerRow .paymentLogos { gap: inherit; }
.footerRow .paymentLogos .ftpayLogo { margin-left: 4px; margin-right: 4px; }
.footerRow .filterTab .arrowTabs { display: none; }
.footerRow .paymentLogos .ftpayLogo img { -webkit-filter: inherit; filter: inherit; opacity: 0.8; }
.footerRow ul { flex-wrap: wrap; }
.footerRow .paymentLogos { margin: 0 -13px; width: auto; flex-wrap: nowrap; justify-content: flex-start; }
.breadcrumb { margin-top: 10px; }
.filterTab.porviderTabs .mobilePaddingLeft-0{padding-left: 0;}

.footerProvider ul li img {height: 24px;max-width: 85px;}
.provider-style-div {padding: 30px 18px;}
.footerProvider {padding: 12px 0% 0px;}
.footerProvider.casinoProviderFtr {padding-bottom: 45px;}

/* .headerSocialIcon .socialIconText {margin-bottom: 12px;width: 34px;height: 34px; font-size: 17px;} */
.sidebarMain .headerSocialIcon {padding-top: 20px; justify-content: center;}
/* .sidebarMain .headerSocialIcon a i {font-size: 15px;} */
.bonus-requestIframeStyle iframe.ifreamview {width: 100%;}  





}


@media(max-width:479px){
  .kycTabs { padding: 0; }
  .kycTabs .withsup sup { white-space: nowrap; }
  .kycTabs ul li { margin: 0 0.1rem 0 0; font-size: 11px; }
}
.gameFrame.ifZoomVideoPlay .ifream {height: calc(100dvh - 0px);}

/* ============== KAILASH CSS END  ============== */


/* .modalfreamheight{
  height: 720px!important;
  width: 1194px!important;
  right:330px!important;
} */

.ifreamview{ border: none; height:calc(100dvh - 162px)!important;}



@media only screen and (max-width: 992px) {
 .modalfreamheight{
      height: 650px!important;
      width: auto!important;
      right:0px!important;

  }
  .ifreamview{
    height: calc(100vh - 200px) !important;

   }
}

@media only screen and (max-width: 668px) {
  .modalfreamheight{
    height: calc(100vh - 80px) !important;
       width: auto!important;
       right:0px!important;
 
   }

   .ifreamview{
    height: calc(100vh - 190px) !important;

   }
 }

/* === THEME OVERRIDES: Black background + Gold buttons with black text === */
:root {
  --primary: #D4AF37; /* Tek ton altın */
  --hover-color: var(--primary);
  --headerBG: #000000;
  --menuBG: #000000;
  --darkBG: #000000;
  --body-bg: #000000;
  --footer-bg: #000000;
  --login-button-bg: var(--primary);
  --login-button-text: #000000;
  --btntText: #000000;
}

body {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff;
  overflow-x: hidden !important;
}

.btn,
button,
.btn-primary,
.btn-outline-white {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #000000 !important;
}

/* Header / Menus */
header.headBar,
.sidebarMain,
.filterTab,
.footerRow,
.footerProvider,
.provider-style-div,
.loginBG,
.modal-content,
.modal-header,
.modal-footer {
  background-color: #000000 !important;
}

/* Right pin for header content and icons */
header.headBar .headerItem { width: 100%; display: flex; justify-content: flex-end !important; align-items: center; margin-left: auto !important; }
header.headBar .headerItem .loginCol { margin-left: auto !important; margin-right: 0 !important; display: flex; align-items: center; gap: 6px; }
header.headBar .headerItem .header-icon { order: 99; }
/* Ensure parent flex container pushes headerItem to the far right */
header.headBar .d-md-flex.align-items-center { justify-content: flex-end !important; }
/* Explicitly push the headerItem (icons container) to the far right within its column */
header.headBar .col-8.col-sm-9.col-md-10.col-lg-11.d-md-flex.align-items-center > .headerItem { margin-left: auto !important; }

/* Mobile tightening to prevent wrap and overflow */
@media (max-width: 768px) {
  header.headBar .headerItem { flex-wrap: nowrap; }
  header.headBar .headerItem .loginCol { gap: 4px; }
}
@media (max-width: 480px) {
  header.headBar .headerItem .loginCol { gap: 3px; }
}

/* Slider mobil görünüm düzeltmeleri: yarım görünmeyi engelle */
@media (max-width: 767px) {
  .bannerRow, .bannerRow .carousel, .bannerRow .carousel-inner, .bannerRow .carousel-item {
    min-height: auto !important;
    height: auto !important;
  }
  .bannerRow img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
  .bannerRow .carousel { overflow: hidden !important; }
  .bannerRow { height: clamp(180px, 24vw, 320px) !important; min-height: 0 !important; }
  .bannerRow .carousel, .bannerRow .carousel-inner, .bannerRow .carousel-item { height: inherit !important; min-height: 0 !important; overflow: hidden !important; }
  .bannerRow .carousel-item > img { width: 100% !important; height: 100% !important; object-fit: contain !important; display: block !important; }
  @media (max-width: 767px) { .bannerRow { height: clamp(140px, 36vw, 220px) !important; } }
}