@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap);
@import url(https://use.fontawesome.com/releases/v5.7.0/css/all.css);
@import url(https://wver.sprintstaticdata.com/v106/static/front/css/fonts.css);
:root {
  --bg-body: #23292E;
  --bg-primary:#2e3439;
  --bg-secondary:#444444;
  --bg-muted:#222222;
  --bg-muted-support:#666666;
  --bg-sidebar:#16191c;
  --border-primary:#3c444b;
  --border-secondory:#555555;
  --text-primary: #aaafb5;
  --text-secondory: #dddddd;
  --text-light: #eeeeee;
  --white-color:#ffffff;
  --black-color:#000000;
  --primary-color:#126E51;
  --btn-secondory:#6c757d;
  --success-color:#03b37f;
  --danger-color:#f7505e;
  --yellow-color:#fdcf13;
  --home-header-bg:#23292e;
  --home-header-btn-bg:#126E51;
  --footer-head-bg:#444444;
  --setting-icon-bg:#444444;
  --setting-bg:#444444;
}
[data-theme="light"]:root {
  --bg-body: #dfe5e5;
  --bg-sidebar:#dddddd;
  --bg-primary:#fdfbfe;
  --bg-secondary: #ccc;
  --bg-muted: #ccc;
  --text-primary: #222222;
  --text-secondory: #222222;
  --border-primary:#d6dedb;
  --home-header-bg:#dfe5e5;
  --home-header-btn-bg:#126E51;
  --footer-head-bg:#ccc;
  --setting-bg:#ccc;
  --setting-icon-bg:#ccc;
}

:root[data-theme="light"] { scrollbar-color: #cccccc #ffffff; }
:root[data-theme="light"] body { scrollbar-color: #cccccc #ffffff; }
:root[data-theme="light"] body::-webkit-scrollbar-track { background: #ffffff; }
:root[data-theme="light"] body::-webkit-scrollbar-thumb { background-color: #cccccc; }
:root[data-theme="light"] .form-control { background-color: #ddd; border: 1px solid #aaa; color: #222; }
:root[data-theme="light"] .main-header.loggedIn .header-login-info .icon { background: #aaa; color: #444; }
:root[data-theme="light"] .header-info .login-form,
:root[data-theme="light"] .header-login-info .wallet,
:root[data-theme="light"] .header-login-info .szh-accordion__item-btn{background: #444444;background: var(--bg-secondary);}
:root[data-theme="light"] .header-login-info .wallet .bal span,
:root[data-theme="light"] .header-login-info .szh-accordion__item-btn{color: #111;}
:root[data-theme="light"] .sidebar .search .form-control{color: #000000;color: var(--black-color);}
:root[data-theme="light"] .header-login-info .szh-accordion__item-content{background: #eee;}
:root[data-theme="light"] .header-login-info .szh-accordion__item-content ul li .link{color: #111;}
:root[data-theme="light"] .night-theme { color: #111;}
:root[data-theme="light"] .report-box .form-control, :root[data-theme="light"] .report-page-count select{color: #000000;color: var(--black-color);border-color:#aaa; background-color: #ddd;}
:root[data-theme="light"] .casino-report-tabs{background: #126E51;background: var(--primary-color);}
:root[data-theme="light"] .casino-report-tabs .nav-tabs .nav-link:not(.active){color: #444444;color: var(--bg-secondary);}
:root[data-theme="light"] .custom-radio .custom-control-label::before{background-color: #ddd;}
:root[data-theme="light"] .custom-radio .custom-control-input:checked ~ .custom-control-label::before{background-color: #666; border-color: #666;}
:root[data-theme="light"] .modal .modal-header .modal-title{color: #ffffff;color: var(--white-color);}
:root[data-theme="light"] .headline-slider{color: #dddddd;color: var(--text-secondory);}
:root[data-theme="light"] .login-modal .modal-header { background: #fff; color: #000000; color: var(--black-color);}
:root[data-theme="light"] .login-modal .modal-header .modal-title{color: #000000;color: var(--black-color);}
:root[data-theme="light"] .login-modal .modal-body label{color: #222;}
:root[data-theme="light"] .login-modal .modal-body form { background: #ffffff; background: var(--white-color); color: #222; }
:root[data-theme="light"] .login-modal .form-control{background-color: #ddd; border: 1px solid #aaa; color: #222;}
:root[data-theme="light"] .login-modal .checkbox input:after{background-color: #a3a3a3; border-color: #a3a3a3;}
:root[data-theme="light"] .red-txt { color: #ac0f1c !important; font-weight: bold !important; }
:root[data-theme="light"]  .top-winner-box{color: #111;}
:root[data-theme="light"] .bet-slip-container .bet-input .form-control{ background-color: #ddd; border: 1px solid #aaa; color: #222;}
:root[data-theme="light"] .bet-slip-container .bet-slip{border-bottom: 1px solid #bbb;}
:root[data-theme="light"] .exchange_inplay .betlist .match-odds.bk-ly-heading .box span{color: #000000;color: var(--black-color);}

@media (max-width:1279px) {
  :root[data-theme="light"] .header-login-info .wallet { background: #dddddd; }
  :root[data-theme="light"] .bet-tab.menu-link .sport-tab-btn{    background-color: #ddd; color: #333;}
  :root[data-theme="light"] .bet-tab.menu-link .sport-tab-btn.active{ background-color: #aaa; color: #222; }
  :root[data-theme="light"] .tab-content .betlist .game-date { border-right: 1px solid #d6dedb; }
  :root[data-theme="light"] .header-login-info .szh-accordion__item-btn{padding-left: 3px;}
  :root[data-theme="light"] .header-info:not(.mobile-header) .news-bar{color: #ffffff;color: var(--white-color);}
  :root[data-theme="light"] .header-login-info .szh-accordion__item-heading{background: #444444;background: var(--bg-secondary);}
  :root[data-theme="light"] header.main-header.loggedIn .header-login-info .setting-box-container.desktop-hide .szh-accordion__item-heading{background: transparent;}
  :root[data-theme="light"] header.main-header.loggedIn .header-login-info .setting-box-container.desktop-hide .szh-accordion__item-heading button { background: transparent; }
  :root[data-theme="light"] .header-info.mobile-header .login-form{background: transparent;}
  :root[data-theme="light"] .header-info:not(.mobile-header) .news-bar{color: #ffffff;color: var(--white-color);}
  :root[data-theme="light"] .header-info.mobile-header .login-form .btn{background-color: #126E51;background-color: var(--primary-color);}
  :root[data-theme="light"] .setting-icon{color: #dddddd;color: var(--text-secondory);}
}
/* :root {
  --bg-body: #23292E;
  --bg-primary:#2e3439;
  --bg-muted:#222222;
  --bg-secondary:#444444;
  --bg-sidebar:#16191c;
  --border-primary:#3c444b;
  --border-secondory:#555555;
  --text-primary: #aaafb5;
  --text-secondory: #dddddd;
  --text-light: #eeeeee;
  --white-color:#ffffff;
  --black-color:#000000;
  --primary-color:#126E51;
  --btn-secondory:#6c757d;
  --success-color:#03b37f;
  --danger-color:#f7505e;
  --yellow-color:#fdcf13;
} */
.back{ background-color: #72bbef !important; }
.back1 { background-color: #72bbefcc !important; }
.back2 { background-color: #72bbefa3 !important; }
.lay{background-color: #f994ba !important;}
.lay1{background-color: #f994bacc !important;}
.lay2{background-color: #f994baa3 !important;}
.back:hover, .back1:hover, .back2:hover{ background-color: #4fa1dc !important; }
.lay:hover, .lay1:hover, .la2:hover{background-color: #e16f9a !important; }
tr.back-border { border-left: 3px solid #4fa1dc !important; }
tr.lay-border { border-left: 3px solid #e16f9a !important; }
*, ::after, ::before { box-sizing: border-box; outline: 0;}
html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; scroll-behavior: smooth; }
body { font-family: "Noto Sans"; background-color: var(--bg-body); font-size: 16px; line-height: 22px; letter-spacing: 0; color: var(--text-primary); scrollbar-width: thin; scrollbar-color: #333333 #000000; margin: 0;}
html { scrollbar-width: thin; scrollbar-color: #333333 #000000; }
body::-webkit-scrollbar { width: 8px; }
body::-webkit-scrollbar-track { background: #000000; }
body::-webkit-scrollbar-thumb { background-color: #333333; }

/* Globle */
p { margin-top: 0; margin-bottom: 1rem;}
h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2; }
a{color: var(--text-secondory); cursor: pointer; }
a, a:hover, a:focus { text-decoration: none; }
dl, ol, ul { margin-top: 0; margin-bottom: 1rem; }
ul, li { list-style: none; padding: 0; margin: 0; }
img{max-width: 100%; vertical-align: middle;}
iframe{max-width: 100%; vertical-align: middle;}
.pointer{cursor: pointer;}
.w-100{width: 100%;}
.d-flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.align-items-center{align-items: center;}
.justify-content-center{justify-content: center;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.no-gutter{margin:0;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.p-relative{position: relative;}

.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }
.form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--text-secondory); background-color: var(--bg-secondary); background-clip: padding-box; border: 1px solid var(--border-secondory); border-radius: 0; transition: border-primary .15s ease-in-out,box-shadow .15s ease-in-out;  font-family: revert;}
.form-control:focus, .form-control:hover { border: 1px solid var(--text-primary); color: var(--text-primary); }
.form-control::placeholder { color: inherit; opacity: 1; }
.input-group>.form-control{ position: relative; flex: 1 1; min-width: 0; margin-bottom: 0; }

.btn-group { position: relative; display: flex; align-items: stretch; width: 100%; gap: 4px;}
.btn-group { gap: 4px; }
.btn, button{ display: inline-flex; align-items: center; justify-content: center; min-height: calc(1.5em + .75rem + 2px);  font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; user-select: none; background-color: var(--primary-color); border: 1px solid var(--primary-color); padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-primary .15s ease-in-out, box-shadow .15s ease-in-out; color: var(--white-color); font-family: "Noto Sans";}
.btn-secondary { color: #fff; background-color: var(--btn-secondory); border-color: var(--btn-secondory); }
.btn-success.disabled, .btn-success:disabled { color: #fff; background-color: var(--success-color); border-color: var(--success-color); cursor: not-allowed; }
.btn.disabled, .btn:disabled { opacity: .65; cursor: not-allowed; }
.btn-success:disabled { cursor: not-allowed; }
.btn-group-sm>.btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; min-height: auto;}
.btn.disabled, .btn:disabled { opacity: .65; }
.logo img { max-width: 230px; max-height: 50px; width: 100%;}
.disable{ opacity: .65; pointer-events: none; cursor: not-allowed; }
.disabled{ cursor: not-allowed; opacity: 0.5; pointer-events: none; cursor: not-allowed; }

/* Grid */
.row { display: grid; grid-gap: 1rem 20px; gap: 1rem 20px; grid-template-columns: repeat(12, 1fr); }
.row.w-padding > [class*="col"] { padding-left: 10px; padding-right: 10px; }
.col { grid-column: span 12; }
.col-1 { grid-column: span 1; }
.col-2 { grid-column: span 2; }
.col-3 { grid-column: span 3; }
.col-4 { grid-column: span 4; }
.col-5 { grid-column: span 5; }
.col-6 { grid-column: span 6; }
.col-7 { grid-column: span 7; }
.col-8 { grid-column: span 8; }
.col-9 { grid-column: span 9; }
.col-10 { grid-column: span 10; }
.col-11 { grid-column: span 11; }
.col-12 { grid-column: span 12; }

/* Modal */
.modal { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgb(0 0 0 / 55%); z-index: 99999999; visibility: hidden; opacity: 0; transition: 0.5s; pointer-events: none; }
.modal.open{visibility: visible; opacity: 1; pointer-events: auto;}
.modal .modal-dialog { position: absolute; top: 35px; left: 0; right: 0; margin: auto; max-width: 500px; padding: 0; margin-top: -40px; transition: 0.5s;}
.modal.open .modal-dialog{margin-top: 0; }
.modal .modal-header { display: flex; align-items: center; width: 100%; background: var(--primary-color); color: var(--text-light); border: 1px solid var(--primary-color); }
.modal .modal-header .modal-title { margin: 0; font-size: 18px; padding: 8px; color: var(--yellow-color);}
.modal .modal-header .close { margin-left: auto; font-size: 1.5rem; font-weight: 700; background: var(--primary-color); border-color: var(--primary-color); line-height: 1; min-height: auto; }
.modal .modal-content { background-color: var(--bg-body); color: var(--text-primary); border-radius: 0; border: 0; max-height: 100%;}
.modal .modal-body { padding: 16px; max-height: calc(100vh - 30px - 30px - 40px); overflow: auto; scrollbar-width: thin; scrollbar-color: #666 #222;}

/* Text Color */
.primary-txt { color: var(--primary-color) !important; }
.green-txt { color: #39ff39 !important; }
.sucess-txt { color: var(--success-color) !important; }
.red-txt { color: var(--danger-color) !important; }
.login-link-txt { color: var(--primary-color) !important; }


/* Header */
.main-header{position: fixed; top: 34px; right: 0; z-index: 999; padding: 4px 0; width: calc(100% - 302px - 4px); background: var(--bg-body);}
.header-top {width: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--primary-color); position: fixed; top: 0; z-index: 99; }
.header-top ul { display: flex; align-items: center; justify-content: center; }
.header-top ul li{ margin: 0 8px; padding: 0px 8px; }
.loggedIn.header-top ul li{margin: 0 16px; padding: 0 16px; position: relative; }
.loggedIn.header-top ul li::after { position: absolute; content: ""; background-color: var(--text-light); height: 8px; width: 8px; border-radius: 8px; top: 14px; right: -16px; }
.header-top ul li a{ font-weight: 700; color: var(--text-light); display: inline-block; padding: 6px 0; position: relative;}
.header-top ul li.active a::after{position: absolute; content: ''; height: 2px; width: 100%; bottom: 0; left: 0; background: var(--text-light);}
.header-info{ justify-content: flex-end; align-items: center; position: relative;}
.header-info .logo{display: none;}
.header-info .header-right{display: flex; width: 100%;}
.header-info .news-bar { border-radius: 0; margin: 0; padding: 0 4px; font-size: var(--font-caption); display: flex; align-items: center; height: 40px; flex: 1 1 auto; background-color: var(--bg-secondary); color: var(--text-secondory); width: 100%;}
.header-info .news-bar img { width: 35px; }
.header-info .login-form { display: flex; gap: 4px; margin-left: 4px; background: #111;}
.header-info .login-form .form-control, .header-info .login-form .btn{ height: 40px;}
.header-info .login-form .form-control { width: 200px; }
.header-info .login-form .btn{text-transform: uppercase; font-size: 14px; height: 100%; white-space: nowrap;}
.header-login-info { display: flex; gap: 10px; position: relative;}
.header-login-info .icon { min-width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background:var(--bg-secondary); color: var(--text-light); font-size: 20px;}
.header-login-info .szh-accordion__item-btn { padding: 0; background: #111; border: 0; position: relative; padding-right: 25px; color: var(--text-light);}
.header-login-info .szh-accordion__item-btn::after{left: auto; right: 7px; top: 20px;}
.header-login-info .wallet { display: flex; align-items: center; gap: 10px; background: #111; white-space: nowrap; padding-right: 5px; }
.header-login-info .wallet .bal { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; line-height: 1; font-size: 16px; }
.header-login-info .wallet .bal span { font-size: 16px; color: var(--text-light);}
.header-login-info .user { display: flex; align-items: center; gap: 10px;}
.header-login-info .szh-accordion__item-content {width: auto; position: absolute; right: 0; top: 100%; border-radius: 4px; background-color: #111; padding: 8px 0; z-index: 10; border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.57); text-align: left; margin-top: 5px; border-radius: 0; min-width: 170px;}
.header-login-info .szh-accordion__item-content ul li .link { font-size: 14px; font-weight: 500; padding: 6px 10px; display: block; color: var(--text-light); cursor: pointer; opacity: 0.9;}
.header-login-info .szh-accordion__item-content ul li .link:hover{opacity: 1;}
.header-login-info .szh-accordion__item-content ul li:last-child { border-top: 1px solid var(--border-secondory); padding: 5px 0; margin-top: 5px; }

/* Main Content */
.main-content { display: flex; width: 100%; flex-wrap: wrap;}
.main-content .sidebar { width: 100%; max-width: 302px; position: fixed; top: 34px; background: var(--bg-sidebar); height: calc(100% - 34px); z-index: 99; }
.main-content .page-content { padding-left:4px; width: calc(100% - 302px); margin-left: auto;}
.content-box{ display: flex; flex-wrap: wrap; gap: 4px; margin-top: 84px;}
.content-box.w-sidebar .left-content{ width: calc(100% - 350px - 4px); position: -webkit-sticky; position: sticky; top: 90px; z-index: 9;}
.content-box.w-sidebar .right-content.sidebar { max-width: 350px; width: 100%; position: fixed; top: 84px; right: 0; height: calc(100vh - 78px - 10px); overflow: auto;}

.swiper{width: 100%;}
.swiper .swiper-slide img{width: 100%;}

/* Sidebar */
.sidebar-box{margin-top: 4px; padding: 0 6px;}
.sidebar-box.logo{height: 75px; display: flex; align-items: center; justify-content: center; padding: 4px 10px 4px; margin: 0;}
.sidebar-title { background-color: var(--primary-color); color: var(--text-light); font-weight: bold; font-size: 16px; padding: 3px 3px 3px .5rem;  width: 100%; margin-bottom: 5px; line-height: 1.2;}
.content-box.w-sidebar .right-content.sidebar .sidebar-box{padding: 0;}

/* Swiper Sidebar */
.upcoming-fixure .swiper { width: 100%; height: 46px; background: var(--bg-secondary);}
.upcoming-fixure .swiper .swiper-slide{display: flex; align-items: center; padding: 0 5px;}
.fixure-box { padding: 5px; font-size: 14px; line-height: 1; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
.fixure-box > .title{ max-width: 100%; white-space: nowrap; display: inline-block; text-overflow: ellipsis; overflow: hidden; vertical-align: middle;}
.fixure-box > .title .d-icon{margin-right: 5px;}
.fixure-box > .time{ font-size: 11px; margin-top: 4px; vertical-align: middle;}

/* Dropdown */
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; text-align: left; list-style: none; background-color: transparent; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; }
.dropdown-menu.show {display: block;}
.dropdown .dropdown-toggle{ position: relative;}
.dropdown .dropdown-toggle > .dropdown-item{background-image:url(/static/media/arrow-down.be6e4d5b915eb2eac58f.svg);background-repeat: no-repeat; background-position: right 5px top 17px; background-size: 8px 5px;text-transform:capitalize;}
.dropdown .dropdown-toggle.active > .dropdown-item { background-image: url(/static/media/arrow-up.1a066ee088bd7ed32428.svg); background-repeat: no-repeat; background-position: right 5px top 17px; background-size: 8px 5px; }
.dropdown .dropdown-item{ padding: 8px 16px; color: var(--text-primary); cursor: pointer; display: flex; flex-wrap: wrap; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; align-items: center;}
.dropdown .dropdown-item i { font-size: 18px; width: 30px; display: inline-block; }

/* Sidebar Dropdown */
.sidebar-box.race-sport-menu .dropdown-menu { left: 100%; top: 0; background-color: var(--bg-muted); padding: 0 5px; margin-bottom: 10px; cursor: pointer; min-width: 250px; }
.sidebar-box.race-sport-menu .dropdown-menu .dropdown-item{ color: var(--text-light); font-size: 14px; font-weight: bold; padding: 0; }
.sidebar-box.race-sport-menu .dropdown-menu .dropdown-item strong{margin-left: 0.25rem; }
.sidebar-box.race-sport-menu .dropdown-menu h5 { font-size: 16px; font-weight: bold; background: var(--primary-color); color: var(--text-light); margin: 0 -5px 15px; padding: 10px; }
.sidebar-box.race-sport-menu .dropdown-menu ul.menu-list li .dropdown-item{margin-bottom: 1rem;}
.sidebar-box.race-sport-menu .dropdown-menu ul.menu-list { max-height: calc(100vh - 320px); overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #333333 #000000; }
.all-sport-menu .dropdown-menu{padding: 0; width: 100%; margin: 0; position: static; border: 0;}
.all-sport-menu .dropdown-menu .dropdown-item{background-color: var(--border-primary); white-space: nowrap; display: flex; flex-wrap: nowrap; padding-right: 20px;}
.all-sport-menu .dropdown-menu .dropdown-item span.menu-name{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.all-sport-menu .dropdown-menu .dropdown-menu .dropdown-item{background-color: var(--bg-primary);}

/* Home Banner */
.home-banner{width: 100%; margin-top: 4px;}
.home-banner .swiper-slide img{width: 100%;}

/* Bet table */
.betlist-wraper{margin-top: 6px;}
.betlist-wraper .betlist-header{display: flex; align-items: center; justify-content: space-between; min-height: 40px; padding: 6px 8px;}
.betlist-wraper .odds-title, .betlist-wraper .match-odds{display: flex; align-items: center; position: relative; justify-content: space-around; width: 476px; gap: 16px; margin-left: auto;}
.betlist-wraper .match-odds .suspended { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000000de; display: flex; align-items: center; justify-content: center; color: red; text-transform: uppercase; font-weight: 800; z-index: 111;}
.betlist{ background-color: var(--bg-primary); border-radius: 0; margin-top: 0; position: relative; transform: translateZ(0); }
.bet-tab{background: var(--bg-primary);}
.bet-tab .sport-tab-btn { border: 0; position: relative; min-width: 150px; text-align: center; height: 40px; line-height: 40px; padding:0 1rem; color: var(--text-primary); border-right: 1px solid var(--border-primary); border-radius: 0; background-color: transparent; display: flex; justify-content: center; align-items: center; white-space: nowrap; text-transform: capitalize;}
.bet-tab .sport-tab-btn .d-icon { font-size: 20px; }
.bet-tab .sport-tab-btn span { margin-left: 16px; }
.betlist .betlist-row { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--border-primary); padding: 6px 8px; gap: 4px;}
.betlist .sport-title { display: flex; align-items: center; gap: 5px; }
.betlist .match-info { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.betlist .game-date { padding-right: 22px; border-right: 1px solid var(--border-primary); width: 150px; display: flex ; margin-right: 10px;}
.betlist .game-date .day { height: 22px; color: var(--text-primary); opacity: 0.6; display: inline-block; min-width: 85px; margin-bottom: 0; position: relative; }
.betlist .game-date.inplay { border-right: 0; padding-right: 0; margin-right: 0; width: 50px; position: relative; }
.betlist .game-date.inplay span { position: relative; width: 50px; color: var(--success-color); text-align: center; }
.betlist .game-date.inplay span:after { content: ""; background-color: var(--success-color); height: 2px; width: 50px; position: absolute; bottom: -1px; animation: linear infinite alternate; animation-name: run; animation-duration: 1.2s; -webkit-animation: linear infinite alternate; -webkit-animation-name: run; -webkit-animation-duration: 1.2s; }
@keyframes run {
  0% {
    left: 0;
    width: 5%;
  }

  50% {
    width: 100%;
  }

  100% {
    right: 0;
    width: 5%;
  }
}

.betlist .match-info .match-name p{ line-height: 20px; margin-bottom: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; color: var(--text-primary); }
.betlist .match-info .match-name .team-event{font-size: 14px;}
.betlist .match-info .game-icons { display: flex; align-items: center; justify-content: flex-end; margin-left: auto; gap: 5px; padding-right: 4px;}
.betlist .match-info .game-icon { text-align: center; font-weight: 700; }
.betlist .match-odds .box{display: flex; align-items: center; gap: 4px;}
.betlist .match-odds .box span{ height: 32px; width: 72px; border-radius: 0; padding: 0 2px; text-align: center; cursor: pointer; transition: color 0.5s; color: var(--black-color); font-size: 16px; font-weight: 700; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center;}
.betlist .match-odds .box .no-value{ border: 1px solid var(--border-primary); color: var(--text-primary);}
.betlist .match-odds .box.lock{position: relative; pointer-events: none;}
.betlist .match-odds .box.lock span{color: var(--text-primary);}
.betlist .match-odds .box.lock::after{content: ""; background-image: url(/static/media/lock.c578f51c56bf47915fe3.svg); background-size: 17px 17px; filter: invert(1); background-repeat: no-repeat; position: absolute; z-index: 100; width: 100%; height: 100%; left: 0; top: 0; background-position: center; pointer-events: none; }
.betlist .match-odds .box.lock::before { content: ""; background-color: #373636d6; position: absolute; height: 100%; width: 100%; left: 0; top: 0; cursor: not-allowed; border-radius: 0; display: flex; justify-content: center; align-items: center; pointer-events: none; z-index: 11;}

/* Footer */
.content-box.w-sidebar + footer { width: calc(100% - 350px - 4px); }
.footer { margin-top: 0; padding: 8px 0; width: 100%; display: flex;  flex-wrap: wrap; align-items: center; position: relative; }
.footer-logo { width: 10%; display: flex;  justify-content: center; align-items: center; }
.footer-logo img { max-width: 100%; max-height: 50px; }
.footer-box { width: 90%; margin: 8px auto 0; }
.footer ul { display: inline-block; }
.footer ul li { float: left; }
.footer ul li a { height: 22px; color: var(--text-primary); }
.footer-social img { margin-left: 9px; height: 30px; }
.footer-content { margin-top: 24px; }
.footer-content p { color: var(--text-primary); font-size: 14px; line-height: 19px; text-align: center;}
.footer-faq { padding: 20px 20px 20px 0; width: 98%; margin: 0 auto; margin-bottom: 10px; }
.faq-content { border-top: 0; }
.footer-top { display: flex;  flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px dashed var(--text-primary); padding-bottom: 4px; }
.footer-top .secure-logo { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; line-height: normal; }
.footer-top .secure-logo img { max-height: 50px; }
.footer-top .secure-logo .text { margin-left: .5rem; }
.footer .support { width: 100%; display: flex; padding: 8px 8px 0 8px; justify-content: center; border-radius: 0px; position: relative; flex-wrap: wrap; background: var(--footer-head-bg); border-top: 1px dashed; color: var(--text-primary);}
.footer .support b { font-size: 20px; }
.footer-top img { max-height: 30px; max-width: 100px; margin-right: 10px; }
.footer .footer-social { position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.footer-other { display: flex; justify-content: center; flex-wrap: wrap; }
.footer-bottom { color: var(--text-primary); font-size: 14px; line-height: 19px; margin-top: 4px; text-align: center; }
.footer-menu { width: 100%; display: flex; align-items: center; padding: 4px; justify-content: center; margin-top: 4px; }
.footer-menu ul li { margin: 0 8px; padding: 0 16px; position: relative; }
.footer-menu ul li:first-child { margin-left: 0; padding-left: 0; }
.footer-menu ul li:last-child { margin-right: 0; padding-right: 0; }
.footer-menu ul li::after { position: absolute; content: ""; background-color: var(--text-primary); height: 8px; width: 8px; border-radius: 8px; top: 7px; right: -16px; }
.footer-menu ul li:last-child::after { background-color: transparent; }
.footer-menu ul li a { color: var(--text-primary); font-weight: bold; font-size: 14px; transition: 0.5s; border-bottom: 1px solid var(--text-primary); }
.footer-menu ul li a:hover { text-decoration: underline; }
.copyright { margin-top: 0.25rem; text-align: center; display: inline-block; width: 100%; vertical-align: middle; }
.footer { padding: 12px 0; }
.footer-faq .sport-list-title { margin-bottom: 0; display: block; margin-left: 0; }
/*End Footer CSS*/


/* Home Sidebar */
.new-launched-slider.swiper{height: 170px;}
.new-launched-slider.swiper .swiper-slide img{height: 100%; object-fit: cover; object-position: center;}
.our-casino-slider.swiper { height: calc(100vh - 445px); }
.our-casino-sidebar-full .our-casino-slider.swiper{ height: calc(100vh - 95px); }
.our-casino-slider.swiper .swiper-slide img{height: 100%; object-fit: cover; object-position: center;}

/* Exchange Inplay */
.exchange_inplay .betlist.gap-0{gap: 0 8px;}
.exchange_inplay .betlist .betlist-header .match-date { text-align: right; }
.exchange_inplay .betlist .betlist-inner-header{background: var(--primary-color); color: var(--text-light);}
.exchange_inplay .betlist .betlist-row{padding: 2px 8px; border: 0;}
.exchange_inplay .betlist .betlist-row.col-6:not(.odds-heading), .exchange_inplay .betlist .betlist-row.by-col2:not(.odds-heading){border-bottom: 1px solid var(--border-primary); border-top: 0;}
.exchange_inplay .betlist .match-odds{gap: 4px;}
.exchange_inplay .betlist .match-odds.bk-ly-heading .box span { height: 22px; font-size: 14px; padding: 0; font-weight: 400;}
.exchange_inplay .betlist .by-col2 .odds-col{min-width: auto; max-width: none; width: auto;}
.exchange_inplay .betlist .by-col2 .odds-col .match-odds.bk-ly-heading{ margin-right: 0%;}
.exchange_inplay .betlist .match-odds .box span{height: 34px; display: flex; flex-direction: column; line-height: 1; align-items: center; justify-content: center;}
.exchange_inplay .betlist .match-odds .box span small{font-weight: 500; font-size: 14px;}
.exchange_inplay .max-bet { font-size: 12px; font-weight: 700; text-align: right; line-height: 16px; }
.exchange_inplay .match-info .max-bet {min-width: calc(100% + (468px / 3) - 4px); }
.exchange_inplay .by-col2 .match-info .max-bet {min-width: 100%; padding-right: 5px;}
.exchange_inplay .szh-accordion{position: relative; margin-top: 4px;}
.exchange_inplay .szh-accordion__item-btn { width: 100%; padding: 0; min-height: auto; line-height: normal; display: block; border: 0; padding-left: 14px;}
.exchange_inplay .betlist .betlist-col.min-max-profit { width: auto; min-width: 60px; max-width: 60px; display: flex; flex-direction: column; text-align: right; font-size: 12px; line-height: 16px; font-weight: 700;}
.exchange_inplay .betlist > .row{gap: 10px;}

/* Accordian */
.szh-accordion__item-content { transition: height 0.25s cubic-bezier(0, 0, 0, 1); }
.szh-accordion__item-btn:after { content: ''; position: absolute; left: 7px; top:16px; background: url(/static/media/arrow-down.be6e4d5b915eb2eac58f.svg); background-size: 8px; height: 10px; width: 10px; background-repeat: no-repeat; background-position: center;}
.szh-accordion__item--expanded .szh-accordion__item-btn:after { transform: rotate(180deg); }


.bet-slip-container { margin-bottom: 8px; display: none; position: relative;}
.bet-slip-container.open { display: block; }
.bet-slip-container .bet-slip-title { height: 22px; color: var(--text-primary); font-weight: bold; text-transform: uppercase; display: inline-block; font-size: 16px; margin: 0; }
.bet-slip-container .bet-slip-box.back, .bet-slip-box.lay { color: #000; }
.bet-slip-container .bet-slip-box { border-radius: 0; margin-top: 4px; padding: 0; }
.bet-slip-container .bet-slip { border-bottom: 1px solid #666; padding: 0 4px; margin-bottom: 4px; font-size: 14px;}
.bet-slip-container .bet-nation span { height: auto; font-size: 14px; letter-spacing: 0; line-height: 1; max-width: calc(100% - 20px); display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.bet-slip-container .bet-nation a { color: #000; }
.bet-slip-container .bet-team { font-size: 14px; margin-top: 0; font-weight: 700; display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.bet-slip-container .bet-nation .close-bet{ float: right;}
.bet-slip-container .bet-nation .close-bet  img { width: 10px; height: 10px; filter: invert(1); }
.bet-slip-container .bet-team { font-size: 14px; margin-top: 0; font-weight: bold; display: flex; justify-content: space-between; align-items: center; line-height: 1; margin-bottom: 4px; }
.bet-slip-container .bet-team-name {display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; flex: 1 1; }
.bet-slip-container .bet-team .match-result{flex: 1 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bet-slip-container .bet-amount-box { display: flex; gap: 4px; }
.bet-slip-container .odds-box { position: relative; height: 36px; width: 80px; border-radius: 4px; padding: 0; float: right; }
.bet-slip-container .odds-box .form-control { height: 36px; width: 80px; background: var(--text-light); color: #222; border: 0; }
.bet-slip-container .odds-box .arrow-up { position: absolute; top: 9px; right: 8px; transform: scaleY(-1);}
.bet-slip-container .odds-box .arrow-down { position: absolute; bottom: 9px; right: 8px;}
.bet-slip-container .bet-input { margin-top: 3px; margin-left: 4px; border-left: 0; display: inline-block; vertical-align: top; position: relative; z-index: 0; overflow: hidden; height: 36px; margin: 0; margin-left: 4px; }
.bet-slip-container .bet-input .form-control { color: #222; height: 36px; border: 0; background-color: var(--text-light); max-width: 120px;}
.bet-slip-container .bet-buttons {display: flex;flex-wrap: wrap;justify-content: left;padding: 4px 4px 0;}
.bet-slip-container .bet-buttons .btn { min-width: calc(25% - 3px); margin-right: 4px; margin-bottom: 4px; height: 40px; border-radius: 0; background-color: var(--primary-color); border-color: transparent; padding: 0; }

.bet-slip-container .bet-buttons .btn:nth-child(4n) { margin-right: 0; }
.bet-slip-container .place-bet-btn { display: flex; gap: 4px; padding: 0px 4px 5px; }
.bet-slip-container .place-bet-btn .btn { flex: 1 1;  font-weight: 700;}
.bet-slip-container .place-bet-btn .btn.clear { background: #dc3545; border-color: #dc3545; font-weight: 400; }


.exchange_inplay-sec.content-box.w-sidebar .left-content { width: calc(100% - 464px - 4px); }
.exchange_inplay-sec.content-box.w-sidebar .right-content.sidebar { max-width: 464px; padding: 4px; background: var(--bg-primary); }
.exchange_inPlay footer { width: calc(100% - 464px - 4px); }

/* Place bet Modal */
.placebet-modal .modal-body { padding: 0; }
.placebet-modal .bet-slip-box{margin-top: 0;}
.placebet-modal .bet-slip-container{margin-bottom: 0;}
.placebet-modal .bet-slip-container .bet-slip-title{display: none;}
.placebet-modal .bet-slip-container .bet-total { padding: 8px; background: var(--bg-body); float: left; width: 100%;}
.placebet-modal .bet-slip-container .bet-total .team{ display: flex; align-items: center; justify-content: space-between; color: var(--text-primary);}



/* Login Popup */
.login-modal .modal-dialog { top: 50% !important; transform: translateY(-50%) !important; }
.login-modal .modal-header { background: var(--black-color); border: 0; padding: 10px 16px; }
.login-modal .modal-header .modal-title{color: var(--white-color); font-size: 1.25rem; font-weight: 500; padding: 0;}
.login-modal .modal-header .close { height: 30px; width: 30px; border-radius: 50%; background: url(/static/media/close.189cc54eadc29ffc074f.svg); padding: 5px; border: 2px solid #f00; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 12px; }
.login-modal .modal-body form { background: var(--black-color); color: #fff; padding: 16px; border-radius: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.login-modal .modal-body label { color: var(--white-color); font-size: 16px; margin-bottom: 8px; display: block;}
.login-modal .form-control { border: 1px solid var(--border-secondory); color: #fff; transition: 0.8s; height: 56px; background-color: var(--bg-secondary); }
.login-modal .form-control:focus, .login-modal .form-control:focus-within, .login-modal .form-control:focus-visible{background: transparent !important;}
.login-modal label { color: var(--white-color); font-size: 16px; }
.login-modal .checkbox{display: flex; gap: 10px;}
.login-modal .checkbox label { font-size: 13px; }
.login-modal .checkbox input { height: 16px; width: 16px; margin: 0; vertical-align: middle; position: relative; margin-top: 6px; opacity: 1; z-index: 1;}
.login-modal .checkbox input:after{content: ''; height: 16px; width: 16px; background: var(--bg-primary); position: absolute; left: 0; top: 0; border: 1px solid var(--border-primary);}
.login-modal .checkbox input:checked::before { content: ''; background: url(/static/media/checkbox.297d72b7da83f5abe085.svg); position: absolute; left: 0; top: 0; height: 16px; width: 16px; z-index: 1; background-repeat: no-repeat; background-position: center; }
.login-modal .form-group{width: 100%;}
.login-modal .form-group .input-group-append button{width: 50px; height: 100%;}
.login-modal .form-group a { text-decoration: underline; }
.login-modal .form-group { margin-right: 0; margin-bottom: 20px; width: 100%; }
.login-modal .form-group.submit-btn-sec{margin-bottom: 10px;}
.login-modal .form-group .submit-btn { width: 100%; height: 56px; font-weight: 700; }


/* Casino */
.casino{gap: 6px;}
.casino .left-content { width: 302px; }
.casino .right-content { width: calc(100% - 302px - 6px); }
.game-provider-tab { display: flex; gap: 6px; flex-wrap: wrap; }
.game-provider-tab .link { background: transparent; border: 1px solid #fff; text-transform: uppercase; width: calc(50% - 3px); display: block; font-size: 13px; font-weight: bold; padding: 4px; line-height: 22px; color: var(--text-primary); min-height: 50px; font-family: "Noto Sans";}
.game-provider-tab .link img { max-height: 25px; max-width: 50px; display: block; margin: auto;}
.casino-game-tab{display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px;}
.casino-game-tab-list { display: flex; align-items: center; overflow: auto; white-space: nowrap;}
.casino-game-tab-list .link { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 3px; padding: 0 5px; opacity: 0.7; cursor: pointer;}
.casino-game-tab-list .link img { height: 20px; }
.casino-game-tab-list .link:hover{opacity: 1;}
.casino-grid { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 5px; gap: 5px; }
.casino-grid img { width: 100%; height: 100%; object-fit: cover; transition: 0.8s;}
.home .casino-grid .game-img {position: relative;}
.home .casino-grid .game-img:hover img { filter: blur(5px); }
.home .casino-grid .game-img .loginbtn { opacity: 0; border: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.5); color: var(--white-color); font-size: 18px; font-weight: bold; text-transform: uppercase; transition: 1s; }
.home .casino-grid .game-img:hover .loginbtn {opacity: 1;}
.search{ display: flex; justify-content: center; align-items: center; width: 50px; cursor: pointer; border-radius: 0; background-color: #666; color: var(--text-secondory); position: relative; transition: 1.2s ease; }
.search.open { width: 300px; max-width: 100%; }
.search-icon { height: 50px; display: flex; align-items: center; width: 50px; margin-left: auto; justify-content: center; }
.search input[type="text"] { position: absolute; left: 0; background: #666; right: 50px; border: 0; width: calc(100% - 50px); height: 100%; color: var(--text-secondory); font-size: 16px; font-family: "Noto Sans"; opacity: 0; pointer-events: none;}
.search.open input[type="text"] { opacity: 1; pointer-events: auto;}


.gap-0{gap: 0;}
.sidebar-box.all-sport-menu .sidebar-content { height: calc(100vh - 240px); overflow: auto; }

.hide{display: none !important;}
.alert{ position: fixed; left: 0.5rem; right: 0.5rem; top: 10px; max-width: 350px; width: auto; margin: auto; z-index: 999999; overflow: hidden; display: none; }
.alert.open { display: flex; }
.alert .alert-container{ display: flex; align-items: center; justify-content: center; gap: 16px;   text-align: center; padding: 11px; color: #fff; font-size: 14px; border-radius: 4px; border:1px solid var(--primary-color); background: var(--primary-color);}
.alert.error .alert-container{ border-color: #fc4242; background: #fc4242;;}

.loader{ background-color:#000000b0; position: fixed; left: 0; top: 0; height: 100%; width: 100%; display: none; align-items: center; justify-content: center; z-index: 99999; display:none; }
.loader.show{display: flex;}

.inner-loader{ background-color:#000000b0; position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: none; align-items: center; justify-content: center; z-index: 99999; display:none; }
.inner-loader.show{display: flex;}

.search ul.search-result { position: absolute; background: #fff; padding: 10px; top: 100%; left: 0; width: 100%; max-height: 300px; overflow: auto; }
.search ul.search-result li{color: var(--bg-body);}


/* Dhaval */
.tab-btns { margin-top: 10px; padding-top: 5px; margin-bottom: 10px; padding-bottom: 5px; display: block; border-bottom: 1px solid #9e4025; }
.tab-btns ul { display: flex; list-style: none; padding: 0; margin: 0;  }
.hourse-link { background-color: var(--bg-muted); border-right:1px solid #555; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
.hourse-link.active { background-color: #9e4025; color: white; }
button.btn.btn-success.btn-sm { background-color: #28a745; border-color: #28a745; }


/* Reports */
label { font-size: 12px; color: var(--text-primary); margin-bottom: 8px; }
.report-box { background-color: var(--bg-primary); padding: 8px; min-height: calc(100vh - 60px); width: 100%;}
.report-title { display: flex; justify-content: space-between; align-items: center; }
.report-name { height: 43px; font-size: 24px; }
.report-search .form-group { position: relative; margin-right: 0; }
.report-search .form-control { height: 48px; border-radius: 0; background-color: var(--bg-secondary); border-color: var(--bg-secondary); color: var(--white-color); width: 320px;}
.report-search .search-icon { position: absolute; top: 16px; right: 16px; height: 16px; width: auto; }
.report-form { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 16px;}
.report-form .form-group { display: inline-block; margin-bottom: 0; }
.mx-datepicker { position: relative; display: block; width: auto; }
.mx-input-wrapper { position: relative; }
.report-form input:not([type="radio"], [type="checkbox"]){ width: 170px; }
.mx-input-wrapper input{ display: inline-block; box-sizing: border-box; width: 100%; height: 36px; padding: 6px 30px; padding-left: 10px; font-size: 14px; line-height: 1.4; background-color: transparent; border: 1px solid var(--text-primary); color: var(--text-primary); border-radius: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); width: 170px;}
.mx-icon-calendar{ position: absolute; top: 50%; right: 12px; transform: translateY(-50%); font-size: 16px; line-height: 1; color: var(--text-primary); vertical-align: middle; }
.mx-icon-calendar svg{fill:var(--text-primary);}
.report-form select { width: 240px; }
.report-form button { width: 150px; }
.report-page-count { margin: 8px 0;display: flex; justify-content: space-between; align-items: center; }
.report-page-count select { width: auto; min-width: 100px; height: 36px; display: inline-block; margin: 0 4px;}
.file-icons { display: flex; flex-wrap: wrap; gap: 10px;}
.file-icons i { cursor: pointer; font-size: 32px;}
.file-icons .fa-file-excel { color: var(--success-color); }
.file-icons .fa-file-pdf { color: var(--danger-color); }
.file-icons .disabled { color: var(--text-primary); opacity: 0.6; cursor: not-allowed; }

/* Table */
.report-table{ margin-top: 0;}
.report-table .table-responsive{min-height: 400px;}
.table-responsive { scrollbar-width: thin; scrollbar-height: thin; scrollbar-color: #666 var(--bg-muted); display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-top: 0; margin-bottom: 1rem; }
.table { width: 100%; border: 1px solid var(--border-primary); background-color: var(--bg-primary); color: var(--text-primary); border-collapse: collapse; text-align: left;}
.table thead { background-color: var(--primary-color); color: var(--text-light); }
.table td, .table th { border: 0; border-bottom: 1px solid var(--border-primary); padding: 4px 10px; }
.table thead th { border: 0; vertical-align: middle;}
.table-hover tbody tr:hover { color: var(--text-primary); background-color: rgba(0,0,0,.075); }
.no-record { background-color: var(--bg-secondary); color: var(--text-secondory); text-align: center; border: 1px solid var(--border-primary); padding: 4px;}
.no-record:hover { background-color: rgba(0,0,0,.075); }

/* Result modal */
.betsresult-modal .modal-dialog { max-width: 1140px; }
.report-table.report-table-modal { min-height: 0; min-height: initial; }
.result-match-name { margin: 0 0 4px; }
.result-filter { display: flex; align-items: center; justify-content: space-between; margin: 8px 0 8px; }
.result-control-group { display: flex; align-items: center; gap: 16px; }
.result-total { display: flex; gap: 16px; }

/* Current Bets */
.casino-report-tabs { padding: 10px 0; background-color: var(--bg-muted); margin-top: 16px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; }
.casino-report-tabs .nav-tabs{display: flex;}
.casino-report-tabs .nav-tabs .nav-link { color: var(--text-secondory); padding-top: 0; padding-bottom: 4px; padding-left: 12px; padding-right: 12px; border: 0; cursor: pointer; display: inline-block;}
.casino-report-tabs .nav-tabs .nav-link.active { color: var(--text-light); border-bottom: 1px solid var(--text-light); background-color: transparent; }
.custom-control { position: relative; display: inline-flex ; min-height: 1.5rem; line-height: 24px; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }
.custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; }
.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; display: inline-flex; align-items: center; gap: 5px; line-height: 1; }
.custom-radio .custom-control-label::before { border-radius: 50%; background-color: var(--bg-muted); transition: background-color .15sease-in-out, border-color .15sease-in-out, box-shadow .15sease-in-out; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; border: #adb5bd solid 1px;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before{  outline: 3px solid #999999; outline-offset: -8px;}
.bet-types-container{display: inline-flex; gap: 16px;}

/* Pagination */
.pagination { display: flex; list-style: none; justify-content: center; padding-bottom: 50px;}
.page-link { position: relative; display: flex; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: var(--text-primary); text-align: center; width: 36px; height: 36px; align-items: center; justify-content: center;}
.page-item.active .page-link { background-color: var(--success-color); border-color: var(--success-color); border-radius: 50%; color: #fff;}

/* Without Sidebar */
.main-content.no-sidemenu .sidebar{display: none;}
.main-content.no-sidemenu .page-content { width: 100%; padding: 0 4px;}
.main-content.no-sidemenu .content-box { margin-top: 109px; }
.main-content.no-sidemenu .main-header{width: 100%;}
.main-content.no-sidemenu .header-info .logo{display: flex; height: 67px; align-items: center; justify-content: center; width: 100%; max-width: 302px; margin: 0 10px 0 0; text-align: center; padding: 0 10px;}
.main-header.loggedIn .header-info .news-bar, .main-header.loggedIn .header-login-info .icon{height: 46px;}

.bets-table:not(.show){display: none;}
.bet-listed .bet-title { height: 22px; color: var(--text-primary); font-weight: bold; text-transform: uppercase; display: inline-block; }
.bets-table-title { background-color: var(--primary-color); color: var(--text-light); padding: 3px 8px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.bets-table-title:after { content: ''; background: url(https://world777.maruti.dev/static/media/arrow-down.be6e4d5b915eb2eac58f.svg); background-size: 8px; height: 10px; width: 10px; background-repeat: no-repeat; background-position: center; }
.bets-table-title.active:after { transform: rotate(180deg); }
.bets-table .table-responsive{min-height: auto; margin: 0 0 4px; display: none;}
.bets-table .table-responsive.show{display: block;}

.menu-button-mobile { display: inline-block; cursor: pointer; vertical-align: middle; margin:8px 10px 0; }
.menu-button-bar { height: 2px; width: 24px; border-radius: 1px; background-color: #aaafb5; display: block; margin-bottom: 5px; }
.header-info.mobile-header, .mobile-fixture{display: none;}
.desktop-hide{display: none !important;}
.livestream { margin-bottom: 16px; }
.livestream .tv-title { cursor: pointer; display: flex; justify-content: space-between; align-items: center; text-transform: uppercase; padding: 4px;}
.livestream .tv-title .bet-slip-title {margin: 0; font-size: 16px; color: var(--text-primary); font-weight: 700;}
.video-tv{ overflow: hidden; width: 100%; height: auto; transition: 1s; position: relative; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; padding-bottom: 56.25%; display: none; background: var(--black-color); }
.scorecard{height: 170px; position: relative;}
.video-tv.open, .scorecard.open{display: block;}
.video-tv iframe, .scorecard iframe{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; margin: 0; border: 0;}
.new-event { text-align: center; display: flex ; margin: 0; overflow-y: hidden; overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start;}
.new-event .new-event-item:first-child { margin-left: 0; }
.new-event .new-event-item { flex: 1 1; max-width: 100%; background-image: url(/static/media/wave2.f746c989208b646703e7.svg); background-position: center bottom; min-width: calc(20% - 10px); background-color: #20327b; margin: 0 2px; border-radius: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 5px; min-height: 40px;}
.new-event .new-event-item a { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 100%; color: #fff; width: 100%; }
.new-event .d-icon { font-size: 20px; }
.new-event span { color: rgb(248, 249, 250); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; height: auto; max-width: calc(100% - 42px); width: 100%; text-overflow: ellipsis; overflow: hidden; font-size: 14px; text-align: left; line-height: normal; margin-left: .5rem}
.fancy-provider-title { padding: 2px 5px; margin-bottom: 5px; height: 40px; display: none; align-items: center; font-size: 14px; text-transform: uppercase; font-weight: bold; color: var(--yellow-color);}
.change-password-modal .form-group input, .change-password-modal .form-group .btn{height: 46px;}
.change-password-modal .form-group + .form-group { margin-top: 16px; }
.change-password-modal .form-group .btn{width: 100%;}
.change-password-modal .form-group .btn.password-visible { height: 100%; min-height: auto; }
.stearm-icon-mobile{display: none;}
.exchange_inplay.betlist-wraper > .betlist-header{padding: 8px;}
.exchange_inplay.betlist-wraper > .betlist-header .sport-title{text-transform: uppercase;}
.modal.placebet-modal.mobilebets { display: none; }
.bets-sticky{ position: fixed; bottom: 5px; right: 5px; z-index: 1000; background-color: var(--success-color); color: var(--white-color); font-weight: bold; font-size: 24px; height: 50px; width: 50px; border-radius: 50%; display: none; justify-content: center; align-items: center; cursor: pointer; /* font-family: timer; */ }
.report-table .table td.bet-ip > div{display: flex; align-items: center; gap: 6px;}
.report-table .table td.bet-ip i.fas.fa-eye { font-size: 14px; }
.ip-detail { display: flex; gap: 10px; flex-direction: column; }
.ip-detail-row { display: flex; gap: 10px;}
.ip-detail-row > * { flex: 1 1; }

/* Table globle Width column */
.report-table .table th.date { min-width: 210px; }
.report-table .table th.event{ min-width: 170px; }
.report-table .table th.transaction { min-width: 140px; }
.report-table .table td.bet-date { min-width: 200px; }
.mybets-modal .tab-pane { display: none; }
.mybets-modal .tab-pane.active { display: block; }
.mybets-modal .tab-pane .table-responsive  { min-height: auto;}

.bet-tab.menu-link { display: none; }
.betlist .match-info span.fancy-book-btn { padding: 4px 10px; min-height: auto; height: auto; line-height: 1; font-size: 14px; border-radius: 20px; margin-left: 6px; }
.bets-table .table td, .bets-table .table th{vertical-align: top;}
.game-provider-tab button.link.active { color: var(--white-color); border-color:var(--white-color); }

.betlist .betlist-row .betlist-col:first-child { width: calc(100% - 492px - 4px); }
.exchange_inplay .betlist .betlist-row .betlist-col:first-child{width: calc(100% - 455px - 4px);}
.betlist .betlist-row.by-col2 .betlist-col:first-child { width: calc(100% - 220px - 4px); }
.betlist .betlist-row .betlist-col .match-name { width: 100%; overflow: hidden; }
.bk-ly-heading .back{ background-color: #72bbef80 !important; color: #eee !important; }
.bk-ly-heading .back:hover{ background-color: #4fa1dc !important; color: #eee !important; }
.bk-ly-heading .lay{ background-color: #f994ba80 !important; color: #eee !important; }
.bk-ly-heading .lay:hover{ background-color: #e16f9a !important; color: #eee !important; }
.betlist-wraper.exchange_inplay .odds-title, .betlist-wraper.exchange_inplay .match-odds{justify-content: center; width: 452px;}
.game-iframe-sec { width: 100%; height: 100%; }

.header-info .header-right .sidebar-box.upcoming-fixure { display: none; }
.loggedIn .header-info .header-right .sidebar-box.upcoming-fixure { width: 80%; display: flex; margin: 0; background: var(--bg-secondary); padding: 0; margin-right: 4px; }
.loggedIn .header-info .header-right .news-bar{width: 100%;}
.loggedIn .header-info .header-right .sidebar-box.upcoming-fixure .sidebar-title { position: relative; font-size: 12px; height: 46px; display: flex; align-items: center; text-align: center; margin: 0 25px 0 0; width: 72px;}
.loggedIn .header-info .header-right .sidebar-box.upcoming-fixure .sidebar-title::after{content: ""; position: absolute; width: 46px; height: 46px; border-top: 23px solid transparent; border-left: 23px solid var(--primary-color); border-bottom: 23px solid transparent; right: -46px; top: 0;}
.loggedIn .sidebar .sidebar-box.upcoming-fixure{display: none;}
.betlist-wraper .by-col2 .odds-title, .betlist-wraper .by-col2 .match-odds{width: 150px;}
.bet-tab .swiper{padding: 0 30px;}
.bet-tab.menu-link .swiper{padding: 0;}
.bet-tab .swiper-button-prev { left: 0px; background: var(--bg-primary); width: 25px; display: flex;}
.bet-tab .swiper-button-next { right: 0px; background: var(--bg-primary);  width: 25px; display: flex;}
.bet-tab .swiper-button-prev:after, .bet-tab .swiper-button-next:after{font-size: 12px; color: var(--text-primary);}

/* Home Page */
button, input, optgroup, select, textarea, option { font-family: revert; }
.home .page-content { width: 100% !important; padding: 0;}
.headline-slider{ width: 100%; overflow: hidden; position: relative; height: 50px; background: var(--bg-secondary); color: white; display: flex; align-items: center; white-space: nowrap; gap: 30px;}
.headline-slider .headline-title { width: 72px; background: var(--primary-color); white-space: normal; position: relative; z-index: 111; line-height: normal; font-size: 12px; font-weight: 700; text-align: center; height: 100%; display: flex; align-items: center; color: var(--white-color); padding-left: 4px;}
.headline-slider .headline-title::after { width: 56px; height: 56px; border-top: 28px solid transparent; border-left: 28px solid var(--primary-color); border-bottom: 28px solid transparent; right: -56px; content: ''; position: absolute;}
.headline-slider .headlines { display: flex; }
.headline-slider .headline { padding: 10px 20px; font-size: 18px; display: inline-block; white-space: nowrap; }
.headline-slider .headlines-list{overflow: hidden;}
.home-header { padding:10px 4px; display: flex; align-items: center; justify-content: space-between; position: -webkit-sticky; position: sticky; top: 0; z-index: 1111; background: var(--home-header-bg);}
.home-header .logo img{ max-width: 230px; max-height: 50px; width: 100%;}
.home-header .right-btn { display: flex; gap: 4px;}
.home-header .right-btn .btn{background-color: var(--home-header-btn-bg); border-color: var(--home-header-btn-bg);}
.home-slider .swiper-button-prev { left: 0; padding: 10px; width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.5); background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 20px; background-position: center; }
.home-slider .swiper-button-next{ right: 0; padding: 10px; width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.5); background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 20px; background-position: center; }
.home-slider .swiper-button-prev::after, .home-slider .swiper-button-next:after{display: none;}
.home-casino-list{padding: 20px 10px 0;}
.home-sport-title { color: var(--text-primary); font-weight: bold; text-transform: uppercase; text-align: left; display: inline-block; border-bottom: 1px solid var(--text-primary); font-size: 1.5rem; line-height: 1.2; margin-bottom: .5rem;}
.home-casino-list .casino-grid { padding: 10px 0; gap: 10px; }
.home-casino-list .casino-grid.col-grid-8{grid-template-columns: repeat(8, 1fr);}
.home-casino-list .headline-slider.top-winner { height: auto; background: transparent; padding: 10px 0;}
.top-winner-box { display: flex; flex: 0 0 auto; flex-wrap: wrap; background-color: var(--bg-muted); color: #eee; padding: 10px; border-radius: 0; justify-content: center; width: 200px; height: 200px; align-items: center; font-size: 14px; margin: 10px; }
.top-winner-box .plyer-detail{width: 100%;}
.top-winner-box .plyer-detail .player-item { display: flex; justify-content: space-between; }
.home-header-info-mobile { margin-bottom: 4px; gap: 4px; padding-right: 4px;}
.home-header-info-mobile .btn, .home-header-info-mobile .news-bar{height: 36px; min-height: auto;}

.betlist .match-info .match-name p.sm{font-size: 14px;}

.betlist-wraper .betlist.hourserascing .match-odds { justify-content: flex-start; gap: 5px; flex-wrap: wrap; width: auto;}
.betlist-wraper .betlist.hourserascing .match-odds .box { flex: none; }
.betlist-wraper .betlist.hourserascing .box span { background: var(--bg-muted) !important; color: var(--text-light); padding: 5px 10px; border-radius: 0; cursor: pointer; position: relative; width: auto; border: 0; font-weight: 400; height: auto;}
.betlist-wraper .betlist.hourserascing .betlist-row{justify-content: flex-start;}
.betlist-wraper .betlist.hourserascing .betlist-row .betlist-col:first-child { width: 400px; }
.betlist-wraper .betlist.hourserascing .betlist-row .betlist-col.odds-col { width: calc(100% - 400px); }
.betlist-wraper .betlist.hourserascing .betlist-row .betlist-col .match-name { width: 100%; }
.betlist-wraper .betlist.hourserascing .box span.live::after { content: ""; position: absolute; left: 0px; top: 0px; border-right: 10px solid transparent; border-top: 10px solid green; }

.banner-toggle{ display: none; background-color: #666; width: 50%; margin: 8px auto -4px; padding: 5px; text-align: center; color: #ddd; font-size: 14px; cursor: pointer; border-radius: 0; border: 0; font-family: "Noto Sans"; line-height: 22px; }
.banner-toggle i.fas.fa-arrow-down { margin-right: 3px; }

.sidebar .search.open { width: 100%; background: transparent; padding:0 16px 12px; position: relative;}
.sidebar .search .form-control { height: 48px; border-radius: 0; background-color: var(--bg-secondary); border-color: var(--bg-secondary); color: var(--white-color); }
.sidebar .search .search-icon { position: absolute; right: 30px; height: auto; width: auto; }
.sidebar-box.sidebar-search { display: flex; }
.sidebar-box.sidebar-search .hide{ display: none; }
.sidebar-box.sidebar-search .sidebar-search-wraper{width: 100%;}
.sidebar-box.sidebar-search .menu-button-mobile{ display: none;}
.search-list { position: fixed; left: 305px; top: 116px; width: 400px; border-radius: 0; background-color: #111; color: #eee; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28); z-index: 1030; display: none; }
.search-list.open{display: block;}
.search-list .search-title { font-weight: bold; text-transform: uppercase; padding: 8px; }
.search-list .search-content { max-height: 300px; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; }
.search-list .search-event-title { background-color: #444; padding: 8px 16px; color: #ddd; }
.search-list .search-game { padding: 8px 16px; cursor: pointer; border-bottom: 1px solid #444; color: #eee; }
.search-list .search-game .search-game-time { font-size: 12px; }

.match-not-found { padding: 5px; text-align: center; max-width: 800px; margin: auto; height: 100vh; justify-content: center; align-items: center; display: flex; flex-direction: column; }
.match-not-found .error-404-btn { margin-top: 40px; }
.match-not-found h2 { margin: 0 0 20px; font-size: 24px; }
.notifi { padding: 0px 8px; font-size: 12px; color: var(--text-primary);}

/* Default Open modal */
.home-modal .modal-dialog { padding: 0; background-color: transparent; max-width: none; width: auto; left: 50%; transform: translateX(-50%); right: auto; overflow: visible; min-height: calc(100vh - 30px - 30px); align-items: center; justify-content: center; display: flex; }
.home-modal .modal-dialog .modal-content { min-height: calc(100% - 3.5rem); display: flex; align-items: center; flex-direction: column; position: relative;}
.home-modal .modal-dialog header.modal-header {width: 40px; height: 40px; border-radius: 50px; background: red; border:0; justify-content: center; font-size: 24px; position: absolute; right: -20px; top: -10px; }
.home-modal .modal-dialog header.modal-header .close-home-modal {height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; margin-right: 2px; cursor: pointer;}
.home-modal .modal-body{padding: 0; box-shadow: 0px 0px 20px #a9a9a9;}
.home-modal .modal-body img { max-height: calc(100vh - 186px); }

.switch-theme { padding: 0 10px; display: flex ; align-items: center; justify-content: center; width: 34px; position: relative; height: 34px; cursor: pointer; font-size: 22px; color: var(--text-light); margin-left: auto;}
.switch-theme.day-theme { transform: rotate(235deg); }
.home-header-info-mobile .right-btn { display: flex; align-items: center; }
.bet-tab .sport-tab-btn .icon-graper { display: flex; align-items: center; gap: 4px; line-height: 1; min-height: 20px; }

/* Virtual Tv & Scoreboard 31-3-25 */
.vertual-tv { display: flex; align-items: center;}
.vertual-tv .scorecard{min-width: 35%; max-width: 35%;}
.vertual-tv .video-tv{padding-bottom: 37.25%;}

.bet-slip-container .odds-box input[type="number"]{-moz-appearance:textfield;}
.top-result-box { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; padding: 5px; }
.winner-announcement-slider.swiper{height: 162px;}
.main-content:not(.loggedIn) .sidebar-box.top-result{margin-top: 0;}
.header-top .switch-theme { position: absolute; right: 5px; top: 0; }
.header-top.loggedIn .switch-theme { display: none; }
.sidebar-box.upcoming-fixure .sidebar-title{margin-bottom: 0;}
.content-box.sportbook { height: calc(100vh - 84px); position: relative; }

/* After Login Css */
body.loggedIn .footer .support, body.home .footer .support{background-color: var(--footer-head-bg); color: var(--text-secondory); border-top: 0;}
body.loggedIn .footer .footer-social, body.home .footer .footer-social{margin-top: 0;}

/* Home Ver2 */
body.homeV2 .logo img { max-height: 65px; max-width: 100%; }
body.homeV2 .sidebar-box{padding: 0;}
body.homeV2 .sidebar-box.logo { padding: 4px 0 0; height: auto;}
body.homeV2 .main-content.no-sidemenu .header-info .logo{padding: 0;}
body.homeV2 .login-modal .modal-dialog{top: 0 !important; transform: none !important;}

.possible-win { margin-left: auto; display: flex; align-items: center; gap: 4px; padding-right: 4px; font-size: 12px; }
.possible-win h1 { margin: 0; font-size: 14px; }
.betlist .match-info .book-value { font-size: 12px; }

/* 23-4-25 */
.login-btn-devider::before { position: absolute; content: ""; background-color: var(--yellow-color); height: 1px; left: 0; width: calc(50% - 20px); }
.login-btn-devider::after { position: absolute; content: ""; background-color: var(--yellow-color); height: 1px; right: 0; width: calc(50% - 20px); }
.login-btn-devider { display: flex; align-items: center; justify-content: center; position: relative; padding: 8px; }

.blink-message { padding: 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; color: var(--text-primary); }
.blink-message i.fa-info-circle { color: var(--text-secondory); cursor: pointer; transition: 0.5s; font-size: 18px; vertical-align: middle; border: 5px solid transparent; }
.blink-message > .blink-red-yellow { width: calc(100% - 30px); text-decoration: underline; line-height: 1.5; font-size: 18px; text-transform: capitalize;}
.blink-red-yellow { animation: blinktext normal 1s infinite ease-in-out; }
@keyframes blinktext {
  0% {
      opacity: 1;
      color: red;
  }

  50% {
      opacity: 1;
      color: yellow;
  }

  100% {
      opacity: 1;
      color: red;
  }
}



.profit-loss-markts {
  padding: 4px;
  display: inline-block;
  width: 100%;
}

.profit-loss-markts > div {
  display: flex;
  justify-content: space-between;
  padding: 2px 0;
}

.book-value {
  min-width: 60px;
  text-align: right;
}
.placebet-modal a.close-bet {
    display: none;
}


/* 28-5-25 */
.vertual-tv.hide-video-tv .video-tv.open { display: none; }
.vertual-tv.hide-video-tv .scorecard { min-width: 100%; max-width: 100%; }
.vertual-tv.hide-scorecard .scorecard { display: none; }
.vertual-tv.hide-scorecard .video-tv.open { padding-bottom: 56.25%; }
.vertual-tv.no-virtual-stream{display: none;}


.stack-btn-popup .button-value input[type=number]::-webkit-outer-spin-button,
.stack-btn-popup .button-value input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.stack-btn-popup .button-value input[type=number] {
  -moz-appearance: textfield;
}

.badge { display: inline-block; vertical-align: middle; padding: 5px 10px; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.badge-danger { color: #fff; background-color: #dc3545; }
.badge-success { color: #fff; background-color: #28a745 }
.security-auth .secure-password{margin-top: 16px;}
.security-auth .secure-password .form-control { border: 0; height: 38px; display: inline-block; width: auto; margin-right: 10px; }
.security-auth .secure-password button {font-family: revert; }
.authentication-content .content { margin: auto; padding: 24px; display: flex; max-width: 520px; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 16px; font-size: 14px; }
.authentication-content .content .shadowbox{ background: var(--bg-muted); padding: 20px; border-radius: 4px; box-shadow: 0px 12px 24px 0px #12263F08; text-align: left;}
.authentication-content .content .toggle-auth {gap: 10px;}

/* Switch */
input.switch {position: relative; -webkit-appearance: none; appearance: none; width: 28px; height: 16px; margin: 0; cursor: pointer; vertical-align: middle;}
input.switch::after{content: ''; width: 28px; height: 16px; background-color: var(--white-color); transition: .4s; border-radius: 34px; position: absolute; left: 0; top: 0; border: 1px solid #adb5bd;}
input.switch:before { position: absolute; content: ""; height: 12px; width: 12px; left: 3px; bottom: 2px; background-color: #adb5bd; transition: .4s; border-radius: 50%; z-index: 1;}
input.switch:checked:after{ background-color: var(--primary-color); border-color: var(--primary-color); }
input.switch:checked:before{ transform: translateX(12px); background: var(--white-color);}


.modal.telegram-otp-popup .modal-dialog { height: 100%; width: 100%; top: 0; max-width: 100%; }
.modal.telegram-otp-popup .modal-dialog .modal-header { display: none; }
.modal.telegram-otp-popup .modal-dialog .modal-body{height: auto; max-height: none;}
.otp-box{background: var(--bg-body); height: 100vh; display: flex; align-items: center; justify-content: center;}
.otp-box-wraper{max-width: 500px; margin: auto;}
.otp-box-wraper .otp-logo{text-align: center;}
.otp-box-wraper .otp-logo img{max-width: 200px; width: 100%; margin: auto;}
.otp-box-wraper .verification-text { color: var(--text-primary); text-align: center; font-size: 20px; margin: 30px 0 15px; padding: 0; }
.otp-box-wraper .otp-code p{font-size: 14px; color: var(--text-secondory); text-align: center; margin: 0 0 10px; padding: 0;}
.otp-box-wraper .input-group{display: flex; align-items: center; justify-content: center; gap: 18px;}
.otp-box-wraper .input-group input{background: var(--bg-primary); height: 60px; width: 60px; border: 0; border-radius: 6px; color: var(--text-primary); text-align: center; font-size: 20px; outline: 0;}
.otp-box-wraper .input-group input::-webkit-outer-spin-button,
.otp-box-wraper .input-group input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.otp-box-wraper .input-group input[type=number] { -moz-appearance: textfield; }
.otp-box-wraper .otp-code p.timer-text{ margin-top: 10px;}
@media (max-width:480px) {
    .otp-box-wraper .input-group{gap: 10px;}
    .otp-box-wraper .input-group input { height: 42px; width: 42px; font-size: 16px; }
    .otp-box-wraper .verification-text{font-size: 17px;}
    .otp-box-wraper .otp-code p{font-size: 13px;}
}


/* 16-6-25 */
.header-top ul li .aviator-menu-icon{padding: 0; vertical-align: middle; line-height: 1; cursor: pointer;}
.aviator-menu-icon svg { height: 32px; transform: rotate(10deg); }
.aviator-menu-icon svg .cls-1 {
    animation: blinkmenu normal 1s infinite ease-in-out;
}
@keyframes blinkmenu {
  0% {
    fill: #e40539;
  }
  50% {
    fill:  #fff;
  }
  100% {
    fill: #e40539;
  }
}

/* Language dropdown  */

.header-top { z-index: 999999; }
.setting-box-container .szh-accordion__item-heading{line-height: 1;}
.setting-box-container .szh-accordion__item-btn:after {display: none;}
.setting-box-container { position: absolute; right: 0; top: 0; display: flex; height: 34px; align-items: center;}
.home-header .right-btn .setting-icon { align-self: center; margin-right: 4px; cursor: pointer; color: var(--setting-icon-bg); }
.setting-icon { align-self: center; margin-right: 4px; cursor: pointer; color: var(--setting-icon-bg); }
.setting-box-container .szh-accordion__item-content { position: absolute; background: transparent; color: var(--text-secondory); right: 0; width: 300px; max-height: calc(100vh - 34px); top: 34px; font-size: 16px; padding: 12px 12px 0 12px; z-index: 10; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; border: 1px solid var(--primary-color); border-radius: 4px; background-color: var(--setting-bg); }
.setting-box > div {
    width: 100%;
    margin-bottom: 12px;
}
.setting-box-container .setting-box h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
    color: var(--primary-color);
}
.setting-sub-box {
    padding: 8px;
    background-color: #ffffff24;
    margin-bottom: 0;
    margin-top: 8px;
    border-radius: 4px;
    border: 1px solid var(--primary-color);
}
.setting-box-container .setting-box .language-list div, .setting-box-container .setting-box .language-switch div {
    padding: 6px 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.setting-box-container .setting-box .language-list div.selected, .setting-box-container .setting-box .language-switch div.selected {
    color: var(--yellow-color);
    font-weight: bold;
}

.setting-box-container h3.szh-accordion__item-heading button { min-height: auto; padding: 0; width: auto; vertical-align: middle; line-height: 1; height: auto; font-size: 24px; background-color: transparent; border: none; }
.setting-box-container h3.szh-accordion__item-heading button i{vertical-align: middle;}
.home-header .right-btn .setting-box-container { position: relative; }
/* 23-6-25 */
.betlist-wraper .tab-content .betlist{min-height: calc(100vh - 440px);}
.betlist-wraper .tab-content .betlist .no-matches-found { background-color: var(--bg-secondary); color: var(--text-secondory); justify-content: center; height: 40px; padding: 8px; border-radius: 0; display: flex; width: 100%; }

.aviator-grid .right-content { width: 100%; }
.main-content.no-sidemenu .content-box.aviator-grid { min-height: calc(100vh - 293px); }

.home-banner .swiper-pagination{bottom: 17px !important;}
.home-banner .swiper-pagination span.swiper-pagination-bullet { vertical-align: middle; height: 3px; background: #fff; width: 30px; border-radius: 0; opacity: 0.5; }
.home-banner .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}

/* 25-6-25 */
.game-img{cursor: pointer;}
.game-img.fantacy{position: relative;}
.game-img.fantacy .fancy-play { position: absolute; background: #000000c7; width: 100%; height: 100%; top: 0; left: 0; justify-content: center; align-items: center; display: none; transition: all 0.5s; }
.game-img.fantacy .fancy-play i { font-size: 44px; color: #fff; }
.game-img.fantacy .fancy-play i.fancy-info { position: absolute; top: 5px; right: 5px; font-size: 18px; }
.game-img.fantacy:hover .fancy-play { display: flex; }
.game-img.slots{position: relative;}
.game-img.slots .slot-title { position: absolute; right: 0; bottom: 0; padding: 5px; font-size: 18px; color: #fff; font-weight: bold; width: 100%; max-width: 100%; text-align: center; display: none; justify-content: center; align-items: center; flex-direction: column; height: 100%; transition: 1s; }
.game-img.slots .slot-title .btn { background-color: #fdcf13; border-color:#fdcf13; color: #000; min-width: 100px; margin-top: 10px; }
.game-img.slots > img{transition: none;}
.game-img.slots:hover > img { filter: blur(6px); }
.game-img.slots:hover .slot-title { display: flex; }



/* 30-6-25 */
.betlist-wraper .betlist-row.by-col1 .odds-title, .betlist-wraper .betlist-row.by-col1 .match-odds{width: 72px;}
.exchange_inplay .betlist-row.by-col1 .match-info .max-bet{min-width: 100%;}
.exchange_inplay .betlist .betlist-row.by-col1 .betlist-col:first-child { width: calc(100% - 72px - 4px); }

/* 18-8-25 */
.casino-welcome-modal .modal-body{background: var(--white-color);}
.casino-welcome-modal .cw-wraper { text-align: center; padding: 20px 0 30px; color: var(--bg-muted); }
.casino-welcome-modal .cw-wraper h2 {text-shadow: 0 7px 10px #00000073; font-size: 72px; line-height: 1; margin: 0; font-weight: 700;}
.casino-welcome-modal .cw-wraper h2 span{font-weight: 400; display: block; font-size: 40px; text-shadow: none; margin: 0 0 20px;}
.casino-welcome-modal .cw-wraper h2 small{font-size: 100%;}
.casino-welcome-modal .note-point { padding:35px 0 15px;}
.casino-welcome-modal .note-point .point { font-size: 40px; font-weight: 700; text-shadow: 0 7px 10px #00000073; margin: 0 0 15px; line-height: normal;}
.casino-welcome-modal .note-point p { margin: 0; font-size: 24px; line-height: normal;}
.casino-welcome-modal .devider img{max-width: 90%}
.casino-welcome-modal .limit-bet { text-align: center; font-size: 28px; display: flex; flex-direction: column; font-weight: 500; text-transform: capitalize; line-height: 1.2; }
.casino-welcome-modal .agree-btn span { background: var(--primary-color); color: #fff; padding: 12px 25px 14px; display: inline-block; margin: 30px 0 0; font-weight: 600; text-transform: uppercase; border-radius: 30px; line-height: 1; font-size: 18px; cursor: pointer; }


/* 21-8-25 */
.exchange_inplay .betlist .betlist-row.listview-name-row{align-items: stretch;}
.exchange_inplay .betlist .betlist-row.listview-name-row .match-odds,
.exchange_inplay .betlist .betlist-row.listview-name-row .box,
.exchange_inplay .betlist .betlist-row.listview-name-row span{height: 100%;}
.exchange_inplay .betlist .betlist-row.listview-name-row .list-group .list-group-item { display: flex; align-items: center; gap: 6px; }
.exchange_inplay .betlist .betlist-row.listview-name-row .list-group .list-group-item i.fa-solid.fa-circle { font-size: 6px; vertical-align: middle; }


.iframe-loding { position: absolute; left: 0; z-index: 11111; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; width: 100%; background: #000000ad; }

/* 17-9-25 */
.exchange_inplay .betlist.line-makret .betlist-row:not(.odds-heading, :last-child){ border-bottom: 1px solid var(--border-primary); border-top: 0; }


.main-loader { display: flex;  justify-content: center; align-items: center; flex-direction: column; height: 100vh; width: 100%; position: fixed; background-color: var(--bg-body); z-index: 999999999; top: 0; }
.main-loader svg { width: 50% !important; height: 50% !important; }

/* 10-12-25 */
.sidebar-box.new-launched-sidebar.desktop-hide .sidebar-title { padding: 5px; line-height: 22px; margin-bottom: 0; }
.footer .support { width: 100%; display: flex; padding: 8px 8px 8px 8px; justify-content: center; color: #ddd; border-radius: 0px; position: relative; flex-wrap: wrap; }
.footer-social img { margin-left: 5px; }

  @keyframes new-launch {
    50% {
      opacity: 0;
    }
  }
   .our-casino-sidebar-full .sidebar-title.desktop-hide span, .our-casino-sidebar .sidebar-title.desktop-hide span{ animation: new-launch 1s linear infinite; }

.main-content .page-content {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
/* .highlight-green {
  animation: flash 1s infinite !important;
  background-color: #13c41380 !important;
}

.highlight-red {
  background-color: #ff000080 !important;
  animation: flash 1s infinite !important;
}
@keyframes flash {
  0% { background-color: yellow !important; opacity: 0; }
  50% { background-color: rgb(10, 255, 47) !important; opacity: 0.5;}
  100% { background-color: transparent !important; opacity: 1;}
} */






.betlist .match-odds .box span{position: relative;}
.betlist .match-odds .box span.highlight-red { transform: translateZ(0); }
.betlist .match-odds .box span.highlight-green { transform: translateZ(0); }
.betlist .match-odds .box span:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; }
.betlist .match-odds .box span.highlight-red:before { background: #ff000080; transform: scale(0, 0); animation: oddsdown 0.5s ease-out; }
.betlist .match-odds .box span.highlight-green:before { background: #13c41380; transform: scale(0, 0); animation: oddsup 0.5s ease-out; }
@keyframes oddsdown {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
@keyframes oddsup {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
@media (max-width:1800px) {
  .main-content .sidebar{width: 270px;}
  .main-content .page-content { width: calc(100% - 270px); }
  .main-header { width: calc(100% - 270px - 4px); }
  .content-box.w-sidebar .right-content.sidebar{ max-width: 300px;}
  .content-box.w-sidebar .left-content, .content-box.w-sidebar + footer { width: calc(100% - 300px - 4px); }
  .exchange_inplay-sec.content-box.w-sidebar .right-content.sidebar{max-width: 404px;}
  .exchange_inplay-sec.content-box.w-sidebar .left-content { width: calc(100% - 404px - 4px); }
  .exchange_inPlay footer { width: calc(100% - 404px - 4px); }
  .search-list { left: 273px; }
}
@media (max-width:1599px) {
  body{font-size: 13px;}
  .form-control{font-size: 13px;}
  .main-content .sidebar, .casino .left-content{width: 220px;}
  .main-content.no-sidemenu .header-info .logo{min-width: 220px; max-width: 220px;}
  .sidebar p.dropdown-item { font-size: 13px; }
  .betlist .match-odds .box span{height: 24px; width: 52px;}
  .main-content .page-content{ width: calc(100% - 220px); }
  .casino .right-content{ width: calc(100% - 220px - 6px); }
  .main-header { width: calc(100% - 220px - 4px); }
  .content-box.w-sidebar .right-content.sidebar{ max-width: 250px; z-index: 1;}
  .content-box.w-sidebar .left-content, .content-box.w-sidebar + footer { width: calc(100% - 250px - 4px); }
  .betlist-wraper .odds-title, .betlist-wraper .match-odds{width: 340px; gap: 8px;}
  .betlist-wraper.exchange_inplay .odds-title, .betlist-wraper.exchange_inplay .match-odds{width: 332px;}
  .betlist .betlist-row .betlist-col:first-child { width: calc(100% - 348px - 4px); }
  .exchange_inplay .betlist .betlist-row .betlist-col:first-child{width: calc(100% - 335px - 4px);}
  .betlist .betlist-row.by-col2 .betlist-col:first-child { width: calc(100% - 180px - 4px); }
  .new-launched-slider.swiper { height: 130px; }
  .betlist .match-info, .betlist .match-info .match-name .team-event{font-size: 12px;}
  .exchange_inplay .szh-accordion__item-btn{font-size: 13px;}
  .exchange_inplay .match-info .max-bet { min-width: calc(100% + (348px / 3) - 4px); }
  .exchange_inplay-sec.content-box.w-sidebar .right-content.sidebar{max-width: 384px;}
  .exchange_inplay-sec.content-box.w-sidebar .left-content { width: calc(100% - 384px - 4px); }
  .betlist-wraper .by-col2 .odds-title, .betlist-wraper .by-col2 .match-odds{width: 110px;}
  .bet-slip-container .bet-buttons .btn-primary{font-size: 13px;}
  .exchange_inplay .betlist .match-odds .box span small{font-size: 12px;}
  .exchange_inPlay footer { width: calc(100% - 385px - 4px); }
  .betlist .match-info .match-name p.sm{font-size: 13px;}
  .betlist-wraper .tab-panel .betlist-header{min-height: 32px; padding: 4px 8px;}
  .betlist-wraper .betlist.hourserascing .box span{font-size: 13px;}
  .bet-tab .sport-tab-btn{font-size: 13px;}
  .search-list { left: 223px; top: 86px; }
  .sidebar .search .form-control { height: 36px; }
  .sidebar .search.open { padding: 0 16px 8px; }
  .search-list .search-game { padding: 4px 8px; line-height: 16px; }

  /* 30-6-25 */
  .betlist-wraper .betlist-row.by-col1 .odds-title, .betlist-wraper .betlist-row.by-col1 .match-odds{width: 52px;}
  .exchange_inplay .betlist .betlist-row.by-col1 .betlist-col:first-child { width: calc(100% - 52px - 4px); }

}
@media (max-width:1365px) {
  .exchange_inplay-sec.content-box.w-sidebar .right-content.sidebar{max-width: 365px;}
  .exchange_inplay-sec.content-box.w-sidebar .left-content { width: calc(100% - 365px - 4px); }
}
@media (max-width:1279px) {
  body{font-size: 12px; padding-top: 60px;}
  body.loggedIn { padding-top: 94px; }
  body.home { padding: 0; }
  .form-control{font-size: 12px;}
  .dropdown-menu{font-size: 12px;}
  .header-top{display: none;}
  .main-content .sidebar, .main-content.no-sidemenu .sidebar{visibility: hidden; opacity: 0; left: -70%; width: 70%; pointer-events: none; transition: 0.5s all; height: 100%; top: auto; bottom: 0; padding: 10px 0; display: block; z-index: 9999; max-width:100%; overflow: auto;}
  .main-content .sidebar.open, .main-content.no-sidemenu .sidebar.open { visibility: visible; opacity: 1; left: 0; pointer-events: all; }
  .main-header{top: 0;}
  .main-content .page-content, .main-header{width: 100%; padding: 0;}
  .logo img{max-height: 50px;}
  .content-box { margin-top: 0; }
  .content-box.w-sidebar .right-content.sidebar { position: static; height: auto; display: block; max-width: 100%; opacity: 1; visibility: visible; padding: 0; background-color: transparent; pointer-events: all;}
  .content-box.w-sidebar .left-content { width: 100%; position: static; }
  .new-launched-slider.swiper, .new-launched-slider.swiper .swiper-slide img{height: auto;}
  .our-casino-slider.swiper, .our-casino-sidebar-full .our-casino-slider.swiper, .our-casino-slider.swiper .swiper-slide img{height: auto;}
  .desktop-hide{display: block !important;}
  .desktop-hide.flex{display: flex !important;}
  .mobile-hide{display: none !important}

  /* Mobile header */
  .main-header{position: static;}
  .header-info.mobile-header { justify-content: space-between; padding:8px 4px; display: flex; background: var(--bg-sidebar); position: fixed; top: 0; z-index: 1111; height: 60px;}
  .sidebar-box.logo{display: none;}
  .header-info.mobile-header .header-right { width: auto; }
  .header-info.mobile-header .login-form{background: transparent;}
  .header-info.mobile-header .login-form .btn { color: #fff; width: auto; font-size: 13px; margin-left: 0; padding: 0 5px; background: var(--primary-color); line-height: 1; height: 32px; font-weight: bold; border: 0; font-family: revert; }

  .header-info.mobile-header .logo, .main-content.no-sidemenu .header-info.mobile-header .logo{display: block; margin-right: auto; height: auto; width: auto;}
  .header-info.headline-slider .headline-title .login-form .input-group { display: none; }
  .header-info:not(.mobile-header) .login-form .btn:first-child { display: none; }
  .mobile-fixture{display: block; background: var(--bg-secondary);}
  .main-content.no-sidemenu.loggedIn .mobile-fixture{display: none;}
  .mobile-fixture .sidebar-box.upcoming-fixure { padding: 0; display: flex; }
  .mobile-fixture .sidebar-box.upcoming-fixure .sidebar-title{position: relative; font-size: 12px; height: 46px; display: none ; align-items: center; text-align: center; margin: 0 25px 0 0; width: 72px;}
  body.loggedIn .mobile-fixture .sidebar-box.upcoming-fixure .sidebar-title{display: flex;}
  .mobile-fixture .sidebar-box.upcoming-fixure .sidebar-title::after { content: ""; position: absolute; width: 46px; height: 46px; border-top: 23px solid transparent; border-left: 23px solid var(--primary-color); border-bottom: 23px solid transparent; right: -46px; top: 0; }
  .mobile-fixture .sidebar-box.upcoming-fixure .sidebar-content{width: 100%;}
  .header-login-info .wallet, .header-login-info .szh-accordion__item-btn { background: transparent; min-height: auto; }
  .header-login-info {gap:1px; flex-direction: column; align-items: flex-end;}
  .header-login-info .icon { min-width: 16px; height: 16px !important; font-size: 10px; border-radius: 50%;}
  .header-login-info .wallet .bal span, .header-login-info .user{font-size: 12px;}
  .header-login-info .wallet .bal span { font-weight: 700; line-height: 22px;}
  .header-login-info .szh-accordion__item-btn::after { top: 5px; }
  .main-header.loggedIn .header-info .news-bar, .main-header.loggedIn .header-login-info .icon{height: 34px;}
  .header-info .news-bar .icon img{width: 22px;}
  .main-header.loggedIn .header-info:not(.mobile-header) .login-form{display: none;}

  /* Betlist Home */
  .bet-tab.menu-link{display: block;}
  .bet-tab.menu-link .sport-tab-btn { white-space: pre-wrap; line-height: 1; white-space: normal; border-right: 1px solid #999; background-color:var(--bg-muted-support); color: var(--text-secondory); }
  .bet-tab.menu-link .sport-tab-btn.active{background-color: var(--bg-secondary); color: var(--text-light);}
  .betlist .betlist-row{flex-wrap: wrap;}
  .betlist .betlist-row .betlist-col { width: 100%; max-width: 100%; min-width: 100%; background: var(--bg-primary);}
  .betlist .match-info .match-name p{line-height: 16px; font-size: 13px;}
  .betlist .match-info .match-name .team-event{font-size: 12px;}
  .tab-content .betlist .betlist-row{background: var(--bg-muted-support); padding: 4px;}
  .tab-content .betlist .betlist-row .betlist-col.odds-col{padding: 16px 32px; background: var(--bg-muted-support);}
  .tab-content .betlist .match-odds .box .no-value { background: var(--bg-primary); }
  .bet-tab .sport-tab-btn{flex-direction: column; height: 44px; padding: 0 5px; min-width: auto; font-size: 11px;}
  .bet-tab .sport-tab-btn span { margin-left: 0; display: block; line-height: normal; font-size: 11px;}
  .bet-tab .sport-tab-btn .d-icon { font-size: 16px; }
  .tab-content .betlist-header{display: none;}
  .tab-content .betlist { max-height: 310px; overflow: auto; padding: 4px;}
  .tab-content .betlist .game-date .day { min-width: auto; height: auto; vertical-align: middle; line-height: 14px; }
  .tab-content .betlist .game-date { padding-right: 0; border-right: 0; width: 70px; margin-right: 5px; flex-direction: column; align-items: center; justify-content: center; }
  .tab-content .betlist .match-name { width: calc(100% - 70px - 70px); }
  .tab-content .match-odds{gap: 2%;}
  .content-box.w-sidebar + footer { width: 100%; }
  .footer-box { width: 100%; padding: 0 4px;}
  .footer-bottom{font-size: 12px;}
  .footer-menu ul li a{font-size: 12px;}
  .footer-menu ul li::after{display: none;}
  .footer ul { display: flex; width: 100%; padding: 4px; flex-wrap: wrap; gap: 15px;}
  .footer ul li { padding: 0; margin: 0; flex: 1 1; text-align: center; }
  .sidebar .sidebar-box.upcoming-fixure { display: none; }
  .sidebar-box.race-sport-menu .dropdown-menu{position: static;}
  .sidebar-box.race-sport-menu .dropdown-menu h5{font-size: 12px; padding: 5px; margin-bottom: 10px;}
  .sidebar-box.race-sport-menu .dropdown-menu .dropdown-item{font-size: 12px;}

  /* Exchange */
  .betlist-wraper .betlist-header{min-height: 30px;}
  .exchange_inplay .szh-accordion__item-btn{font-size: 12px;}
  .szh-accordion__item-btn:after{top: 11px;}
  .exchange_inplay-sec.content-box.w-sidebar .right-content.sidebar { max-width: 100%; position: static; height: auto; max-height: 400px; height: auto; display: none; opacity: 1; visibility: visible;}
  .exchange_inplay-sec.content-box.w-sidebar .left-content{width: 100%; order: 2;}
  .exchange_inplay .match-info .max-bet{display: none;}
  .exchange_inplay .cashout-btn{top: 3px;}
  .exchange_inplay .cashout-btn .btn{padding: 2px 6px; font-size: 12px;}
  .exchange_inplay .betlist .odds-col .match-odds.bk-ly-heading{display: none;}
  .exchange_inplay .betlist .by-col2 .odds-col .match-odds { width: 100%; }
  .exchange_inplay .betlist .by-col2 .odds-col { width: calc(100% - 33.33% - 4px); }
  .exchange_inplay .betlist .match-info .match-name p{white-space: normal; line-height: 17px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: flex ; justify-content: space-between; align-items: center; }
  .betlist .match-info .match-name p.sm{font-size: 12px;}
  .exchange_inplay.betlist-wraper > .betlist-header { flex-direction: column; align-items: flex-start; line-height: normal; overflow: hidden;}
  .exchange_inplay.betlist-wraper > .betlist-header .sport-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 50px); }
  .exchange_inplay.betlist-wraper > .betlist-header .betlist-col{display: flex; flex-wrap: wrap; align-items: center; width: 100%;}
  .exchange_inplay .odds-heading { display: none; }
  .stearm-icon-mobile{display: block; width: 50px;}
  .stearm-icon-mobile span { display: flex; gap: 10px; justify-content: flex-end;}
  .exchange_inPlay footer{width: 100%;}
  .livestream .tv-title{padding: 0;}
  .livestream .tv-title .bet-slip-title{font-size: 12px;}
  .livestream{margin-bottom: 8px;}
  .bet-listed table td { line-height: normal; }
  .bet-slip-container.open{display: none;}
  .placebet-modal .bet-slip-container.open{display: block;}
  .main-content.no-sidemenu .content-box{margin-top: 0;}
  .casino .right-content { width: 100%; }
  .casino .left-content { width: 100%; }
  .game-provider-tab { padding: 4px; gap: 4px; max-height: 174px; overflow: auto; }
  .game-provider-tab .link img{margin-bottom: 5px;}
  .game-provider-tab .link{line-height: 1;}
  .fancy-provider-title{display: flex; justify-content: space-between;}
  .fancy-provider-title .search-icon{height: 34px;}
  .casino-game-tab .search { display: none; }
  .search input[type="text"]{font-size: 12px;}
  .casino-grid { grid-template-columns: repeat(4, 1fr); }
  .main-content.no-sidemenu .header-info:not(.mobile-header) .logo{display: none;}
  .mx-input-wrapper input, .report-form select, .report-form button{width: 100%;}
  .report-form .form-group { width: 100%;}
  .report-form .form-group.from-date, .report-form .form-group.to-date { width: 45%; flex: auto;}
  .report-form .react-datepicker-wrapper{width: 100%;}
  .report-table .table{display: block; overflow: auto;}
  .report-table .table thead th { width: 170px; }
  .table{table-layout: auto;table-layout: initial;}
  .report-table .table thead th { white-space: nowrap; }
  .report-title { align-items: flex-start; flex-direction: column; }
  .report-search .form-control{height: 36px; width: 100%;}
  .report-search.search-box{width: 100%;}

  .mobile-setream{display: block;}
  .mobile-setream .scorecard, .mobile-setream .video-tv{display: none;}
  .mobile-setream .scorecard.open, .mobile-setream .video-tv.open{display: block; position: relative;}
  .header-login-info .szh-accordion__item-content{margin-top: 0;}

  .modal.placebet-modal.mobilebets { display: block; }
  .bets-sticky.show{display: flex;}
  .modal.mybets-modal h6{font-size: 16px; margin: 0;}
  .mybets-modal .market-tabs { display: flex; align-items: center; justify-content: space-between; margin: 10px 0;}
  .mybets-modal .market-tabs a.arrow-tabs { width: 30px; height: 30px; border-radius: 50%; justify-content: center; align-items: center; display: flex; display: -webkit-flex; background-color: var(--bg-secondary); color: var(--text-secondory); font-size: 16px; }
  .mybets-modal .market-tabs a.arrow-tabs.arrow-left { transform: rotate(90deg); }
  .mybets-modal .market-tabs a.arrow-tabs.arrow-right { transform: rotate(-90deg); }
  .mybets-modal .market-tabs .nav.nav-tabs .nav-item a { color: var(--text-secondory); }
  .mybets-modal .market-tabs .nav.nav-tabs { display: flex; gap: 10px; }
  .modal .modal-header .modal-title{font-size: 14px;}
  .activity-log-table table, .activity-log-table table tbody, .activity-log-table table tr, .activity-log-table table td{display: block;}
  .activity-log-table table td{border: 0;}
  .activity-log-table table tr{border-bottom: 1px solid var(--border-primary);}
  .activity-log-table table td div { display: flex; }
  .bet-heading { display: inline-block !important; min-width: 125px; color: var(--white-color); vertical-align: top; }
  .report-table .table-responsive{min-height: auto;}
  .new-event { margin-bottom: 5px; margin-top: 5px; overflow-y: hidden; overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; }
  .betlist .match-odds .box span{height: 32px; width: 100%; font-size: 15px;}
  .betlist .match-odds .box{flex: 1 1;}
  .betlist-wraper .odds-title, .betlist-wraper .match-odds, .betlist-wraper.exchange_inplay .odds-title, .betlist-wraper.exchange_inplay .match-odds{width: 100%;}
  .betlist .betlist-row .betlist-col:first-child{padding: 4px 0;}
  .loggedIn .header-info .header-right .sidebar-box.upcoming-fixure{display: none;}
  .bet-tab .swiper{padding: 0;}
  .bet-tab .swiper-button-next, .bet-tab .swiper-button-prev{display: none !important;}
  /* Home Page */
  .logo img{ max-width: 215px; max-height: 40px;}
  .home-header .logo img{ max-width: 215px; max-height: 40px;}
  .home-casino-list .casino-grid{grid-template-columns: repeat(6, 1fr);}
  .home-casino-list .casino-grid.col-grid-8{grid-template-columns: repeat(4, 1fr);}
  .headline-slider{height: 42px;}
  .home-header .right-btn .btn { font-size: 14px; font-weight: 700; min-width: auto; }
  .home-slider .swiper-button-prev, .home-slider .swiper-button-next{display: none;}
  .exchange_inplay .betlist .betlist-row{gap: 0;}
  .betlist-wraper .betlist.hourserascing .box span{font-size: 12px;}
  .betlist-wraper .betlist.hourserascing .betlist-row .betlist-col.odds-col{padding: 6px 8px;}
  .betlist-wraper .betlist.hourserascing .betlist-row .betlist-col:first-child { padding: 7px 8px; }
  .modal .modal-dialog{top: 50px;}
  .main-header.loggedIn .header-info:not(.mobile-header) { position: fixed; top: 60px; z-index: 111; }
  .exchange_inplay .betlist .by-col2 .betlist-col.min-max-profit { width: 33.33%; min-width: auto; max-width: 100%; justify-content: flex-end; flex-direction: row; flex-wrap: wrap; gap: 3px;}
  .menu-button-mobile i.fas.fa-home{font-size: 22px;}
  .search-list{position: relative; top: 0; left: 0; width: 100%; margin-bottom: 50px;}
  .search-list .search-game { padding: 8px 16px; line-height: normal; }
  .sidebar-box{padding: 0;}
  .sidebar-box.sidebar-search .menu-button-mobile { display: inline-block; margin: 0 16px 0 0; position: absolute; right: 0; top: 25px; }
  .sidebar .search.open { padding: 0 56px 12px 16px; }
  .sidebar .search .search-icon{right: 70px;}
  .sidebar-box.all-sport-menu .sidebar-content{height: auto; overflow: visible; overflow: initial;}
  .bet-tab.menu-link .swiper-wrapper { transform: none !important; }
  .bet-tab.menu-link .swiper-wrapper .swiper-slide { width: auto !important; transform: none !important; flex: 1 1; }
  .home-header-info-mobile .right-btn { display: flex; align-items: center; }
  /* 9-4-25 */
  body:not(.loggedIn) .right-content.sidebar .sidebar-title { font-size: 12px; }
  .header-info:not(.mobile-header) .login-form .btn { text-transform: none; height: 100%; font-size: 15px; font-weight: 700; background: transparent; border: 0; text-shadow: 0 0 1px #03b37f; color: #03b37f; min-height: auto; padding: 4px 5px;}
  .header-info:not(.mobile-header){overflow: hidden;}
  .header-info:not(.mobile-header) .news-bar{height: 34px; background: var(--primary-color);}
  /* .main-header.loggedIn .header-info:not(.mobile-header) .news-bar{background: var(--bg-body);} */
  .main-content.no-sidemenu .header-info .logo { min-width: auto; max-width: 220px; padding: 0; }

  /* 10-4-25 */
  .header-login-info .szh-accordion__item-heading{background: var(--bg-primary);padding: 3px 0;}
  .content-box.sportbook { height: calc(100vh - 159px); }

  /* Home Ver2 */
  body.homeV2 .logo img { max-height: 50px; max-width: 100%; }

.vertual-tv { flex-wrap: wrap;}
.vertual-tv .scorecard{min-width: 100%; max-width: 100%;}
.vertual-tv .video-tv{padding-bottom: 56.25%;}

/* 16-6-25 */
.aviator-menu-icon svg { height: 30px; transform: none;}
/* 20-6-25 */
.homeV2 .news-bar{ width: calc(100% - 34px); flex: none;}
.homeV2 .header-info:not(.mobile-header){overflow: visible;}
header.main-header.loggedIn .header-login-info .setting-box-container.desktop-hide{top: 21px; height: auto;}
header.main-header.loggedIn .header-login-info .setting-box-container.desktop-hide .szh-accordion__item-heading{background: transparent; padding: 0;}
header.main-header.loggedIn .header-login-info .mobile-user-dropdown{margin-right: 30px;}
.home-header .right-btn .setting-box-container { position: relative; }
/* 23-6-25 */
header.main-header.loggedIn .header-login-info .setting-icon{margin-right: 0;}
.homeV2:not(.loggedIn) .sidebar { padding-top: 60px; }
.homeV2:not(.loggedIn) .header-info.mobile-header{z-index: 11111;}
.homeV1:not(.loggedIn) .header-info:not(.mobile-header) .news-bar { background-color: var(--bg-secondary); margin-right: 26px;}
.homeV1:not(.loggedIn) .home-header .right-btn .setting-box-container{display: none;}
.betlist-wraper .tab-content .betlist{min-height: 0;min-height: initial;}

.home-banner .swiper-pagination{bottom: 0 !important;}

/* 30-6-25 */
.betlist-wraper .betlist-row.by-col1 .odds-title, .betlist-wraper .betlist-row.by-col1 .match-odds { width: 100%; }
.exchange_inplay .betlist .betlist-row.by-col1 .betlist-col:first-child{width: 100%;}

/* 21-8-25 */
.exchange_inplay .betlist .betlist-row.listview-name-row .match-odds,
.exchange_inplay .betlist .betlist-row.listview-name-row .box{height: auto;}
.exchange_inplay .betlist .betlist-row.listview-name-row span{height: 34px;}

/* 10-12-25 */
.homeV2 .home-banner{margin-top: 0;}
.betlist-wraper{margin-top: 0;}
.tab-content .betlist .betlist-row{margin: 4px 0;}
body.loggedIn .footer-social img { height: 20px; }
body:not(.loggedIn) .right-content.sidebar .sidebar-title{line-height: 22px;}

/* 7-1-2026 */
header.main-header.LivecasinoInPlay { position: fixed; top: 0; left: 0; right: auto; }
header.main-header.LivecasinoInPlay .header-info.mobile-header { position: static; position: initial; }
header.main-header.LivecasinoInPlay .header-info:not(.mobile-header) { position: static; position: initial; }
.main-content .page-content.LivecasinoInPlay-height { min-height: auto; padding: 0; }
.main-content .page-content.LivecasinoInPlay-height .content-box .game-iframe-sec iframe { border: none; box-shadow: none; outline: none; }

}
@media (max-width:767px) {
  body.home { padding: 0; }
  /* Grid */
.col { grid-column: span 12; }
.col-1 , .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{grid-column: span 12;}
  .logo img { max-height: none; max-width: 120px; }
  .tab-content .betlist .betlist-row .betlist-col.odds-col{padding: 0;}
  .betlist-wraper { margin-top: 4px; }
  .login-modal .modal-body label { font-size: 12px; margin-bottom: 0; }
  .login-modal .form-control{height: 38px; font-size: 14px;}
  .login-modal .form-group .input-group-append button{padding: 4px;}
  .login-modal .modal-body { padding: 8px; }
  .footer .footer-social{position: static; transform: none; margin-top: 0;}
  .footer .support { justify-content: space-between; align-items: center; }
  .footer ul li{flex: auto;}
  .footer-top { flex-direction: column; gap: 5px; padding-bottom: 20px; }
  .game-provider-tab .link{font-size: 11px; width: calc(33.33% - 3px);}
  .game-provider-tab { max-height: 300px;}
  .casino-grid { grid-template-columns: repeat(3, 1fr); }
  .report-name { height: auto; font-size: 16px; font-weight: 700; margin-bottom: 8px; }
  .report-page-count{flex-wrap: wrap;align-items: flex-start; gap: 5px;}
  .bet-types-container{width: 100%; order: 3;}
  .report-page-count .custom-control-inline { order: 4; }
  .report-page-count .form-group.mb-0 { width: calc(100% - 65px); order: 1;}
  .file-icons{width: 60px; order: 2;}
  .change-password-modal .form-group + .form-group { margin-top: 10px; }
  .change-password-modal .form-group .btn i { font-size: 12px; }
  .modal .modal-body { padding: 8px; }
  .ip-detail { gap: 5px;}
  .new-event .new-event-item { padding: 5px; background-repeat: repeat; background-size: cover; min-width: calc(40% - 10px); margin: 0 2px; }
  .new-event span { font-size: 12px; line-height: normal; }
  .betlist .match-info span.fancy-book-btn{font-size: 12px;}
  /* Home Page */
  .home-sport-title{font-size: 16px; margin-bottom: 0;}
  .home-casino-list .casino-grid, .home-casino-list .casino-grid.col-grid-8{grid-template-columns: repeat(2, 1fr);}
  .home-casino-list .headline-slider.top-winner{padding: 0;}
  body.exchange_inPlay .mobile-fixture{display: none;}
  .home-banner .swiper{display: none;}
  .home-banner .swiper.open{display: block;}
  .banner-toggle{display: block;}
  .banner-toggle.hide{display: none;}
  .home-modal .modal-dialog{max-width: 300px;}
  .home-modal .modal-body{padding: 0;}

  .header-info.mobile-header{padding: 5px 4px;}
  .game-provider-tab .link{min-height: 35px;}

    /* Home Ver2 */
    body.homeV2 .logo img { max-height: 50px; max-width: 120px;}

    /* 25-6-25 */
    .game-img.slots .slot-title { font-size: 12px; line-height: 1; }

    /* 18-8-25 */
    .casino-welcome-modal .cw-wraper { padding: 10px 0 20px; }
    .casino-welcome-modal .cw-wraper h2 span{font-size: 30px; margin: 0 0 10px;}
    .casino-welcome-modal .cw-wraper h2{font-size: 50px;}
    .casino-welcome-modal .note-point { padding: 20px 0 10px; }
    .casino-welcome-modal .note-point .point{font-size: 30px; margin: 0 0 10px;}
    .casino-welcome-modal .note-point p { font-size: 20px; }
    .casino-welcome-modal .limit-bet{font-size: 22px;}
    .casino-welcome-modal .agree-btn a { padding: 10px 25px 12px; margin: 20px 0 0; font-size: 16px; }

    /* 10-12-25 */
    .homeV2:not(.loggedIn) .home-banner .swiper{display: block;}
    .betlist-wraper{margin-top: 0;}
}

@media (max-width:576px) {
  .modal .modal-dialog{width: 100%; max-width: 100%;}
  .home-modal .modal-dialog{max-width: 300px;}
}
@media (max-width:374px) {
  .header-login-info .wallet .bal span{font-size: 10px;}
  body.homeV2 .logo img { max-height: 22px; }
}
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: initial;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  left: auto;
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: inherit;
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(44px / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (44px / 2));
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-theme-color);
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-feature-settings: ;
  font-variant: normal;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */

@charset "UTF-8";
.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
/* sr-only utility class for accessibility */
.react-datepicker__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: normal;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  text-align: center;
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__day-name--disabled,
.react-datepicker__day--disabled,
.react-datepicker__time-name--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
  color: #fff;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  -webkit-clip-path: circle(0);
          clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}