/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
*{padding:0;margin:0;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:focus{outline:0 none}
a:focus{outline:0 none}
a img{border:none}
a{text-decoration:none; transition: 0.3s;}
a:hover{text-decoration:none!important}

.btn{white-space:normal;}
.btn-info.focus, .btn-info:focus{box-shadow: none;}

img,a,input,textarea,select{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
input,textarea,select{-webkit-border-radius:0;border-radius:0;appearance:none}

input[type="checkbox"]{-webkit-border-radius:0;border-radius:0;appearance:checkbox!important}
input[type="radio"]{-webkit-border-radius:0;border-radius:0;appearance:radio!important}

::-moz-selection{background-color:#000;color:#fff}
::selection{background-color:#000;color:#fff}

input[type="text"]::-webkit-input-placeholder{opacity:1;color:#787c81;}
input[type="text"]::-moz-placeholder{opacity:1;color:#787c81;}
input[type="text"]::-ms-input-placeholder{opacity:1;color:#787c81;}
input[type="number"]::-webkit-input-placeholder{opacity:1;color:#787c81;}
input[type="number"]::-moz-placeholder{opacity:1;color:#787c81;}
input[type="number"]::-ms-input-placeholder{opacity:1;color:#787c81;}
input[type="email"]::-webkit-input-placeholder{opacity:1;color:#787c81;}
input[type="email"]::-moz-placeholder{opacity:1;color:#787c81;}
input[type="email"]::-ms-input-placeholder{opacity:1;color:#787c81;}
input[type="password"]::-webkit-input-placeholder{opacity:1;color:#787c81;}
input[type="password"]::-moz-placeholder{opacity:1;color:#787c81;}
input[type="password"]::-ms-input-placeholder{opacity:1;color:#787c81;}
textarea::-webkit-input-placeholder{opacity:1;color:#787c81;}
textarea::-moz-placeholder{opacity:1;color:#787c81;}
textarea::-ms-input-placeholder{opacity:1;color:#787c81;}

select::-ms-expand{display:none}
select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}

/* 
font-family: "Helvetica", sans-serif;
font-family: "HelveticaBold", sans-serif;
*/

@font-face {
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: normal;
  src: url('assets/fonts/Helvetica.woff') format('woff');
}


@font-face {
  font-family: 'HelveticaBold';
  font-style: normal;
  font-weight: normal;
  src: url('assets/fonts/HelveticaBold.woff') format('woff');
}

img{display: block; max-width: 100%; height: auto; }
a{color: #1E1E1E; transition: 0.3s;}
a:hover, a:active, a:focus{ text-decoration: none; color: inherit; color: #000;}
h1, h2, h3, h4, h5, h6, ol, ul, li, a, p{ margin: 0;padding:0; list-style-type: none;}
strike {text-decoration: line-through; }
.form-control:focus{box-shadow: none;}

ul, ol { list-style-position: inside; }

html{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;}
body{margin: 0; padding: 0; font-size: 18px; ; color: #000; font-weight: 300; font-family: 'Helvetica'; line-height: normal; overflow-x: hidden;}

.container{margin: 0 auto; width: 100%; max-width: 93.125rem;}

h1,h2,h3,h4,h5,h6 {color: #000;}
h1 { font-size: 32px; font-weight: 600;}
h2 { font-size: 26px; font-weight: 600;}
h3 { font-size: 22px; font-weight: 400;}
h6 { font-size: 20px; font-weight: 400; line-height: 24px; margin: 0 0 30px; }

.slicknav_menu { display: none }

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
.loader { width: 60px; display: flex; justify-content: space-evenly; }
.ball { list-style: none; width: 12px; height: 12px; border-radius: 50%; background-color: #000; }
.ball:nth-child(1) { animation: bounce-1 2.1s ease-in-out infinite; }

@keyframes bounce-1 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

.ball:nth-child(2) {
  animation: bounce-3 2.1s ease-in-out 0.3s infinite;
}

@keyframes bounce-2 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

.ball:nth-child(3) {
  animation: bounce-3 2.1s ease-in-out 0.6s infinite;
}

@keyframes bounce-3 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

/* For WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px; /* width of the scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: #888; /* color of the thumb */
  border-radius: 6px; /* roundness of the thumb */
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* color of the track */
}

/* For Firefox */
/* Note: Firefox currently only supports scrollbar styling in the dark theme. */
/* You may need to enable it manually in about:config by setting 'ui.systemUsesDarkTheme' to 1. */
/* Refer to Firefox documentation for the latest updates. */

/* width of the scrollbar */
html, .log-block, .bet-panel {
  scrollbar-width: thin;
}

/* color of the thumb */
html, .log-block, .bet-panel {
  scrollbar-color: #888 #f1f1f1;
}

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/
.btn{transition: 0.4s; position: relative;} .btn i{transition: 0.4s;}

.btn.btn-primary { display: inline-block; padding: 8px 20px; border: 0; text-transform: capitalize; border-radius: 30px; background: #1b7c43; font-size: 14px; line-height: 26px; color: #ffffff; font-family: 'Helvetica'; }
.btn.btn-primary:hover, .btn.btn-primary:focus{background: #055177; color: #fff;}

.btn.btn-text { display: inline-block; padding: 3px 20px; border: 0; text-transform: capitalize; border-radius: 15px; background: transparent; font-size: 12px; line-height: 26px; color: #c3c3c3; font-family: 'Helvetica';}
.btn.btn-text:hover, .btn.btn-text:focus{}

.btn.btn-secondary { display: inline-block; padding: 8px 20px; border: 0; text-transform: capitalize; border-radius: 30px; background: #1a212a; font-size: 14px; line-height: 26px; color: #ffffff; font-family: 'Helvetica'; }
.btn.btn-secondary:hover, .btn.btn-secondary:focus{background: #055177; color: #fff;}

.btn.btn-outline { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 30px; background: #fff; color: #000; border-radius: 5px; border: 1px solid #FFC700; text-transform: capitalize; }
.btn.btn-outline:hover, .btn.btn-outline:focus{background: #000; color: #fff;}

@media only screen and (max-width: 991.98px) { 
  
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-main { background: #2c323a; padding: 12px 0; }
.header-left { display: flex; align-items: center; }

.search-input input { max-width: 238px; height: 46px; border-radius: 30px; background-color: #1a212a; width: 100%; border: 0; font-size: 14px; line-height: 26px; color: #737373; padding: 5px 20px; }
.search-input input::placeholder{color: #737373;}



/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.dashboard{background: #2c323a; padding: 12px 0 70px;}

.dash-ico { width: 83px; height: 83px; border-radius: 4px; background-color: #1a212a; display: flex; align-items: center; justify-content: center; margin: 0 0 12px; border-bottom: 3px solid transparent; transition: all 0.4s}
.dash-top h4 { font-size: 10px; letter-spacing: 0px; line-height: 33px; color: #aeaeae; text-align: center; line-height: 12px; transition: all 0.4s}
.dash-top a:hover .dash-ico{border-bottom: 3px solid #1b7c43;}
.dash-top a:hover h4{color: #fff;}

.dash-top a.active .dash-ico{border-bottom: 3px solid #1b7c43;}
.dash-top a.active h4{color: #fff;}

.slider-block { display: flex !important; align-items: center; justify-content: space-between; background-image: linear-gradient(79deg, #000000 0%, #121f14 76%, #121f14 100%); border-radius: 10px; overflow: hidden; padding: 20px; gap: 15px; }
.slider-content { padding-left: 30px; }
.slider-content h4 { font-size: 16px; letter-spacing: 0px; line-height: 33px; color: #ffffff; }
.slider-content p { font-size: 12px; letter-spacing: 0px; line-height: 16px; color: #aeaeae; }
.slider-content .btn{margin-top: 15px;}

.slick-dots{display: flex; align-items: center; gap: 2px; position: absolute; left: 50px; bottom: 12px;}
.slick-dots li button { font-size: 0; border: 0; opacity: 0.620; width: 6px; height: 2px; border-radius: 1px; background-color: #ffffff; }
.slick-dots li.slick-active button {width: 11px; background-color: #00bc4e;}

.dash-content { border-radius: 12px; background-color: #1a212a; padding: 25px 20px; }
.dash-content h2{font-size: 16px; letter-spacing: 0px; line-height: 33px; color: #ffffff;}

.stat-block { width: 100%; border-radius: 8px; background-color: #2c323a !important; padding: 10px 14px; }
.stat-block h4 { font-size: 12px; letter-spacing: 0px; line-height: 20px; color: #ffffff; }
.stat-block h3 { font-size: 17px; letter-spacing: 1px; line-height: 27px; }
.stat-block p{font-size: 10px; letter-spacing: 0px; line-height: 12px; color: #aeaeae;}

.event-top { border-top-right-radius: 9px; border-top-left-radius: 9px; background: #2c323a; display: flex; align-items: center; justify-content: space-between; padding: 12px 15px; }
.event-top a { font-size: 14px; letter-spacing: 0px; line-height: 21px; color: #49b356; }
.event-top h3 { display: flex; align-items: center; gap: 10px; font-size: 18px; letter-spacing: 0px; line-height: 28px; color: #ffffff; }
.event-top h3 img { max-width: 22px; }

.acc-event .accordion-item{border: 0 !important; border-radius: 0 !important; background: #2c323a;}
.acc-event .accordion-button { padding: 8px 16px; padding-right: 40px; background: #2c323a !important; border-radius: 0 !important; justify-content: space-between; border-top: 2px solid #1a212a;}
.acc-event .accordion-button p {color: #fff;}
.acc-event .accordion-button p a { font-size: 14px; letter-spacing: 0px; line-height: 20px; color: #49b356; }
.acc-event .accordion-button span{color: #fff;}
.acc-event .accordion-button::after {display: none; }

.acc-event .accordion-button span.arrow { position: absolute; right: 0; width: 30px; text-align: center; border-left: 2px solid #1a212a; height: 100%; display: flex; align-items: center; justify-content: center; }
.acc-event .accordion-button:not(.collapsed) { box-shadow: unset !important; }
.acc-event button:focus:not(:focus-visible) { box-shadow: unset; }
.acc-event .accordion-button:focus { border-color: #1a212a; box-shadow: unset; }
.acc-event .accordion-button:not(.collapsed) i{transform: rotate(180deg);}
.acc-event .accordion-collapse { border-top: 2px solid #1a212a; }

.accordion-body{padding: 0 0 15px; background: #1a212a;}
.event-header { list-style-type: none; display: grid; margin: 0px; grid-template-rows: auto; background-color: rgb(44, 50, 58); grid-template-columns: 1fr auto auto auto; gap: 1rem; padding: 0.25rem 0.75rem; }
.event-header li:nth-child(1){grid-area: 1 / 1; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; min-height: 1.5rem;}
.event-header li:nth-child(2){grid-area: 1 / 2; min-width: 12rem; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; min-height: 1.5rem;}
.event-header li:nth-child(3){grid-area: 1 / 3; min-width: 12rem; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; min-height: 1.5rem;}
.event-header li:nth-child(4){grid-area: 1 / 4; min-width: 12rem; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; min-height: 1.5rem;}
.event-header li:nth-child(5){grid-area: 1 / 5; min-width: 2.5rem; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; min-height: 1.5rem;}
.event-body { list-style-type: none; display: grid; margin: 0px; background-color: rgb(26, 33, 42); border-bottom: 1px solid rgb(16, 20, 25); grid-template-columns: 1fr auto auto auto; grid-template-rows: 1fr; gap: 1rem; padding: 1rem;}
.event-body:last-child{border: 0;}
.event-body li:nth-child(1){grid-area: 1 / 1; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; min-height: 1.5rem;}
.event-body li:nth-child(2){grid-area: 1 / 2; min-width: 12rem; display: flex; align-items: center; -moz-box-pack: center; justify-content: center; min-height: 1.5rem;}
.event-body li:nth-child(3){grid-area: 1 / 3; min-width: 12rem; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; min-height: 1.5rem;}
.event-body li:nth-child(4){grid-area: 1 / 4; min-width: 12rem; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; min-height: 1.5rem;}
.event-body li:nth-child(5){grid-area: 1 / 5; min-width: 2.5rem; display: flex; -moz-box-align: center; align-items: center; -moz-box-pack: center; justify-content: center; min-height: 1.5rem;}

.event-header p { font-size: 10px; letter-spacing: 0px; line-height: 20px; color: #aeaeae; }
.event-team p a { font-size: 14px; letter-spacing: 0px; line-height: 24px; color: #ffffff; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding-right: 8px; }
.event-team p a:hover{color: #49b356;}
.event-info .tag { border-radius: 6px; background-color: #ff9c00; font-size: 8px; padding: 2px 6px; color: #fff; font-weight: 600; }
.dt-tm p { font-size: 12px; letter-spacing: 0px; line-height: 12px; color: #aeaeae; text-align: center; }
.scoreboard p { font-size: 14px; letter-spacing: 0px; line-height: 20px; color: #0ccd24; }
.value { height: 38px; background-color: #2c323a; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid transparent; transition: all 0.4s; }
.value:hover { border: 1px solid #000; }
.value.active{border: 1px solid #07933f !important;}
.dash-main .value p { font-size: 14px; letter-spacing: 0px; line-height: 20px; color: #ffffff; margin: 0; }
.dash-main .value p a{color: #07933f; font-size: 12px;}
.dash-main .value p span { font-size: 12px; color: #ff9c00; margin-right: 3px; }

.dash-description h1 { font-size: 20px; letter-spacing: 0px; line-height: 33px; color: #ffffff; margin: 0 0 15px; }
.dash-description h3 { font-size: 20px; letter-spacing: 0px; line-height: 33px; color: #aeaeae; margin: 0 0 15px; }
.dash-description h4 { font-size: 16px; letter-spacing: 0px; line-height: 33px; color: #fff; margin: 0 0 15px; }
.dash-description h5 { font-size: 14px; letter-spacing: 0px; line-height: 33px; color: #aeaeae; margin: 0 0 15px; }
.dash-description h6 { font-size: 12px; letter-spacing: 0px; line-height: 33px; color: #aeaeae; margin: 0 0 15px; }
.dash-description p { font-size: 12px; letter-spacing: 0px; line-height: 18px; color: #aeaeae; margin: 0 0 15px; }
.dash-description ul, .dash-description ol{margin: 0 0 15px;}
.dash-description ol li { list-style-type: decimal; font-size: 12px; letter-spacing: 0px; line-height: 18px; color: #aeaeae; margin: 0 0 10px; }
.dash-description ul li { list-style-type: disc; font-size: 12px; letter-spacing: 0px; line-height: 18px; color: #aeaeae; margin: 0 0 10px; }
.dash-description a {color: #07933f; font-weight: 600;}

.widget-bar { position: relative; padding-top: 20px; margin-bottom: 20px; }
.widget-bar::after{content: '';position: absolute; left: 0px; top: 0px; height: 0.0625em; width: 100%; background-color: transparent; background-image: linear-gradient(to right, rgb(16, 20, 25) 48.96%, rgba(16, 20, 25, 0) 100%);}
.widget-bar h4 { position: relative; font-size: 16px; line-height: 32px; color: #ffffff; font-weight: 700; margin: 0 0 6px; }
.widget-bar h4::after { content: ''; position: absolute; top: 0; left: -10px; width: 3px; height: 100%; background: #1b7c43; }
.widget-bar ul li a { font-size: 16px; line-height: 33px; color: #aeaeae; display: flex; align-items: center; gap: 10px; }
.widget-bar ul li a span{min-width: 16px; max-width: 16px;}
.widget-bar ul li a:hover, .widget-bar ul li a.active{color: #07933f;}

.footer-main { background: #1a212a; padding: 70px 0; }
.footer-main .inner{gap: 15px;}
.footer-block { max-width: 280px; }

.footer-main h3 { font-size: 16px; letter-spacing: 0px; line-height: 33px; color: #ffffff; margin: 0 0 15px; }
.footer-main p { font-size: 13px; letter-spacing: 0px; line-height: 20px; color: #aeaeae; }
.footer-block ul li a { font-size: 13px; line-height: 30px; color: #aeaeae; }
.social-links { display: flex; align-items: flex-start; gap: 15px; }
.social-links a{max-width: 28px;}
.social-links a:hover{color: #07933f;}

.copyright-sec{background: #1a212a; padding: 15px 0;}
.copyright-sec p{ font-size: 13px; letter-spacing: 0px; line-height: 20px; color: #aeaeae;}
.copyright-sec p a{ font-size: 13px; letter-spacing: 0px; line-height: 20px; color: #aeaeae;}
.copyright-sec p a:hover{color: #07933f;}

.header-inner, .dash-inner{gap: 20px;}
.header-inner .header-right, .dash-inner .dash-right { width: calc(100% - 300px); }
.dash-left, .header-left { width: 100%; max-width: 280px; min-width: 280px; }

.menu-trigger { width: 40px; height: 40px; display: none; align-items: center; justify-content: center; background: #1a212a; border-radius: 50%; color: #1b7c43 !important; font-size: 19px; margin-right: 30px; }
.menu-trigger:hover{background: #1b7c43; color: #fff !important;}
.menu-trigger.active{color: #e03131 !important;}
.menu-trigger.active:hover{background: #e03131; color: #fff !important;}

.log-main { background: #1a212a; }
.log-main .log-inner{min-height: 100vh;}
.log-left { width: 540px; min-width: 540px; position: relative; }
.log-right { width: 100%;}

.log-main .log-inner { height: 100vh; overflow: hidden; }
.log-left img { width: 100%; height: 100%; object-fit: cover; }
.log-block { width: 100%; max-width: 460px; padding: 0 15px; margin:40px 0; max-height: 90vh; overflow: auto; }

.log-block h1 { font-size: 20px; letter-spacing: 0px; line-height: 33px; color: #ffffff; margin: 0; }
.log-block p { font-size: 12px; letter-spacing: 0px; line-height: 18px; color: #ffffff; }
.log-block p a{color: #fff; border-bottom: 1px solid #fff;}
.top-logo { position: absolute; top: 10px; left: 50%; margin-left: -38px; }

.form-control, .form-select { height: 42px; border-radius: 5px !important; border: 1px solid #49525d; background-color: transparent !important; font-size: 14px; letter-spacing: 0px; line-height: 33px; color: #787c81 !important; }
.show-pass{position: absolute; right: 10px; top: 14px; font-size: 12px; color: #fff !important; border-bottom: 1px solid #ddd; z-index: 9;}
.form-check-input:focus { box-shadow: unset; }
.btn.submit-btn { width: 100%; height: 45px; border-radius: 5px; background-color: #1b7c43; font-size: 14px; letter-spacing: 0px; line-height: 33px; color: #ffffff; padding: 0; }
.btn.submit-btn:hover{background: #055177;}

.log-block h4 { font-size: 14px; letter-spacing: 0px; line-height: 33px; color: #00bc4e; margin: 0 0 8px; }
.log-block .form-check-label { font-size: 12px; letter-spacing: 0px; line-height: 20px; color: #ffffff; }

.promoton-sec { gap: 20px; }
.promotion-block { width: calc(50% - 10px); border-radius: 12px; background-color: #1a212a; padding: 11px; }
.promotion-img { margin: 0 0 15px; }
.promotion-img img { width: 100%; }
.promotion-block .btn { width: 100%; border-radius: 5px; }

.dash-main h1 { font-size: 24px; letter-spacing: 0px; line-height: 33px; color: #ffffff; margin: 0 0 15px; }
.dash-main p { font-size: 12px; letter-spacing: 0px; line-height: 18px; color: #aeaeae; margin: 0 0 15px; }
.back-link{font-size: 14px; line-height: 33px; color: #03a244;}

.promotion-top{padding: 0 0 30px; margin: 0 0 30px; position: relative;}
.promotion-top::after { content: ''; position: absolute; left: 0px; bottom: 0; height: 0.0625em; width: 100%; background-color: transparent; background-image: linear-gradient(to right, rgb(16, 20, 25) 48.96%, rgba(16, 20, 25, 0) 100%); }

.widget-bar h4 span { font-size: 14px; line-height: 25px; color: #aeaeae; display: block; font-weight: 400; margin: 0 0 15px; }
.widget-bar ul li { display: flex; align-items: center; justify-content: space-between; }
.widget-bar ul li span{font-size: 12px; color: #fff;}
.widget-bar h5 { font-size: 14px; line-height: 26px; color: #ffffff; margin: 0 0 10px; }

.profile-tab { border-radius: 18px; background-color: #1a212a; padding: 20px; }

.profile-top { border-top-right-radius: 9px; border-top-left-radius: 9px; background: #2c323a; display: flex; align-items: center; justify-content: space-between; padding: 12px 15px; }
.profile-top a { font-size: 14px; letter-spacing: 0px; line-height: 21px; color: #49b356; }
.profile-top h3 { display: flex; align-items: center; gap: 10px; font-size: 18px; letter-spacing: 0px; line-height: 28px; color: #ffffff; }
.profile-top h3 img { max-width: 22px; }

select.form-select option{color: #121f14 !important;}
.profile-block { margin: 0 0 25px; }
.profile-block h4 { background-color: #2c323a; font-size: 12px; letter-spacing: 0px; line-height: 33px; color: #ffffff; padding: 5px 15px; margin: 2px 0 15px; }
.profile-block .btn.btn-primary.w-100 { height: 42px; border-radius: 5px; }

.noti-icon { width: 46px; height: 46px; border-radius: 50%; background-color: #1a212a; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #0bb752; }

.profile-nav a { display: flex; align-items: center; justify-content: flex-end; text-align: right; gap: 12px; }
.profile-desc h4 { font-size: 14px; line-height: 18px; text-transform: uppercase; color: #aeaeae; }
.profile-desc p { font-size: 13px; line-height: 18px; text-transform: uppercase; color: #fff; }
.profile-desc p span{color: #00bc4e;}

.body-content h1 { font-size: 24px; letter-spacing: 0px; line-height: 33px; color: #ffffff; margin: 0 0 15px; }
.body-content h2 { font-size: 22px; letter-spacing: 0px; line-height: 30px; color: #ffffff; margin: 0 0 15px; }
.body-content h3 { font-size: 20px; letter-spacing: 0px; line-height: 28px; color: #ffffff; margin: 0 0 15px; }
.body-content h4 { font-size: 18px; letter-spacing: 0px; line-height: 26px; color: #ffffff; margin: 0 0 15px; }
.body-content h5 { font-size: 16px; letter-spacing: 0px; line-height: 24px; color: #ffffff; margin: 0 0 15px; }
.body-content h6 { font-size: 14px; letter-spacing: 0px; line-height: 22px; color: #ffffff; margin: 0 0 15px; }
.body-content p { font-size: 12px; letter-spacing: 0px; line-height: 18px; color: #aeaeae; margin: 0 0 15px; }
.body-content ul, .body-content ol { padding-left: 20px; margin: 0 0 15px; color: #aeaeae; font-size: 12px; line-height: 18px; }
.body-content li { margin-bottom: 5px; }
.body-content ul { list-style-type: disc; }
.body-content ol { list-style-type: decimal; }
.alert { padding: 8px 12px; font-size: 13px; font-weight: 400; }
.profile-block .form-check-label { font-size: 12px; letter-spacing: 0px; line-height: 20px; color: #aeaeae; }

.custom-tooltip { position: absolute; background: #333; color: #b2b7bd; padding: 5px 10px; border-radius: 3px; z-index: 1050; display: none; font-size: 12px; line-height: 14px;}
.password-tab { position: relative; } .show-pass { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; color: #007bff; }
.form-floating.mb-3 label { font-size: 12px; color: #787c81 !important; }

/* Accordion Container */
.accordion { border-radius: 10px; overflow: hidden; }

/* Accordion Item */
.accordion-item { background-color: #1e1e1e; border: 1px solid #2c2c2c; margin-bottom: 10px; border-radius: 8px; overflow: hidden; }

/* Accordion Header Button */
.accordion-button { background-color: #1e1e1e; color: #ffffff; font-size: 13px; padding: 10px 16px; border: none; box-shadow: none; transition: background-color 0.3s ease, color 0.3s ease; }
.accordion-button:hover, .accordion-button:focus { background-color: #2c2c2c; color: #ffffff; }
.accordion-button:not(.collapsed) { background-color: #2c2c2c; color: #ffffff; box-shadow: none; }

/* Accordion Icon - Remove default arrow */
.accordion-button::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important; transform: rotate(0deg); transition: transform 0.3s ease; }
.accordion-button:not(.collapsed)::after { transform: rotate(180deg); }

/* Accordion Body */ .accordion-body { background-color: #252525; color: #aeaeae; padding: 15px 20px; font-size: 14px; line-height: 1.6; }
.accordion-body p { margin: 0; }
.accordion-body a { color: #ffffff; text-decoration: none; }
.accordion-body a:hover { color: #1b7c43; }
.accordion-item h2 { margin: 0; }

/* Bet Panel Styling */
.bet-panel { position: fixed; bottom: -100%; right: 0; width: 100%; background-color: #2c323a; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); z-index: 1000; transition: bottom 0.3s ease-in-out; padding: 12px; max-height: 70vh; overflow-y: auto; border-top: 3px solid #1b7c43; max-width: 340px; }
.bet-panel.active { bottom: 0; /* Slide up to visible */ }
.bet-panel-content { position: relative; }
.bet-panel-close { position: absolute; top: 0; right: 0; background-color: #dc3545; color: #fff; border: none; padding: 4px 6px; cursor: pointer; font-size: 12px; }

#bet-panel-list { list-style: none; padding: 0; }
#bet-panel-list li { padding: 10px 0; border-bottom: 1px solid #a8a6a6; font-size: 13px; color: #fff; }
/* Ensure footer doesn't overlap */
.footer-main, .copyright-sec { position: relative; z-index: 1; }
.bet-panel-content h3 { font-size: 15px; font-weight: 500; color: #fff; margin: 0 0 10px; }

textarea.form-control { height: 120px; }
textarea.form-control::placeholder { color: #787c81; }
.form-group div.error { font-size: 13px; line-height: 23px; }

.modal-content { background: #2c323a; color: #fff; position: relative;}
.modal-header { padding: 10px 15px; border-bottom: 1px solid #353535; }
.modal-header h5 { font-size: 14px; color: #fff; }
.modal-footer { border-top: 1px solid #353535 !important; }
.modal-body label { font-size: 13px; }

.custom-block{border-radius: 18px; background-color: #1a212a; padding: 20px;}

.dataTables_wrapper { background-color: #1a212a; color: #ffffff; font-size: 12px; }
.dataTables_wrapper .table { background-color: #343a40; color: #ffffff; }
.dataTables_wrapper .table th, .dataTables_wrapper .table td { border-color: #495057; }
.dataTables_wrapper .pagination .page-item.active .page-link { background-color: #495057; border-color: #495057; color: #ffffff; }
.dataTables_wrapper .pagination .page-link { background-color: #1a212a; color: #ffffff; border-color: #495057; }

.dataTables_wrapper .pagination .page-link:hover { background-color: #495057; color: #ffffff; }
.dataTables_wrapper .dataTables_filter input { background-color: #343a40; color: #ffffff; border-color: #495057; }
.dataTables_wrapper .dataTables_length select { background-color: #343a40; color: #ffffff; border-color: #495057; }

/* Hide info display */    
.dataTables_info { display: none !important; }

.dataTables_paginate ul li { margin: 0; list-style-type: none; }
.dataTables_paginate ul li a { font-size: 12px; font-weight: 400; }
.table > :not(caption) > * > * { background: #1a212a; color: #fff; padding: 13px 16px;}
.table { border: 1px solid #495057; border-bottom: 0; }

.deposit-top p { margin: 0; font-size: 14px; letter-spacing: 0px; line-height: 21px; color: #49b356; }
.payment-methods { display: flex; align-items: center; font-size: 16px; color: #fff; gap: 30px; margin: 25px 0 10px; }
.alert.alert-info { color: #212121; }
.badge { font-weight: 400; padding: 5px 8px; font-size: 10px; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.3); }

.wp-btn { display: flex; align-items: center; gap: 8px; background: #239559; padding: 8px 12px; font-size: 15px; border-radius: 8px; color: #fff !important; max-width: 250px; }
.wp-btn i { font-size: 30px; }
.wp-btn:hover{background: #22ab3d; color: #fff !important;}








@media only screen and (max-width: 1440.98px) {
  

}

@media only screen and (max-width: 1360.98px) {
}

@media only screen and (max-width: 1280.98px) {
  .menu-trigger{display: flex;}
  .dash-left { position: fixed; top: 63px; left: -300px; background: #2c323a; z-index: 99; padding: 0 15px 30px; height: 100vh; overflow: auto; box-shadow: 0 15px 10px rgba(0,0,0,0.3); transition: all 0.4s; }
  .dash-left.active{left: 0;}  
  .header-main { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }
  .dashboard { padding-top: 75px; }
  .dash-inner .dash-right { width: 100%; }
  .widget-bar ul li a{font-size: 14px;}









  
}

@media only screen and (max-width: 1170.98px) {
  .discover-main{margin-left: 230px;}
  .log-left { width: 390px; min-width: 390px; }
  .header-left { max-width: unset; min-width: unset; width: auto; }
  .header-inner .header-right { width: calc(100% - 175px); }
}

@media only screen and (max-width: 991.98px) {
  .event-header, .event-body { min-width: 920px; }
  .accordion-body { overflow: auto; padding: 8px; }
  .slider-content{padding-left: 0;}
    .profile-nav .profile-img { display: none; }

}

@media only screen and (max-width: 890.98px) {  
  .btn.btn-secondary.bet-toggle span { font-size: 13px; }
  .btn.btn-secondary.bet-toggle { font-size: 0; width: 46px; height: 46px; padding: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; }

  .btn.btn-primary.add-fund-btn { font-size: 0; width: 46px; height: 46px; padding: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; }
  .btn.btn-primary.add-fund-btn i{ font-size: 13px; }
  .noti-icon{font-size: 15px;}

}

@media only screen and (max-width: 767.98px) { 
  .log-main .log-inner{flex-direction: column;}
  .log-left { width: 100%; min-width: unset; height: 280px; }
  .log-left img{object-position: top;}
  .log-block{max-height: unset;}
  .log-main .log-inner{height: auto;}

  .dashboard { padding-top: 0; }
  .header-main{position: relative; padding-bottom: 70px;}
  .search-main { position: absolute; bottom: 15px; left: 0; padding: 0 10px; width: 100%; }
  .search-input input { max-width: unset; height: 45px; }
  .header-right { justify-content: flex-end !important; }
  .header-left { max-width: unset; min-width: unset; width: auto; }
  .header-inner .header-right{width: auto;}
  .menu-trigger{margin-right: 15px;}
  .btn.btn-text{padding: 3px 5px; font-size: 13px;}
  .btn.btn-primary { padding: 6px 15px; font-size: 13px; line-height: 24px; }
  .slider-block { flex-direction: column; }
  .dash-stat { flex-direction: column; }
  .footer-main .inner { flex-wrap: wrap; }
  .footer-main { padding: 40px 0 25px; }
  .dash-top { justify-content: center; }
  .dash-ico { width: 70px; height: 70px;}
  .dash-ico img { max-width: 28px; }
  .wp-btn { padding: 10px 16px; font-size: 14px; }






}

@media only screen and (max-width: 640.98px) { 
  .promoton-sec {flex-direction: column;}
  .promotion-block { width: 100%;}
  .slider-content { width: 100%; text-align: center; }
  .slick-dots { left: 15px; bottom: 6px; }
  .copyright-sec .inner { text-align: center; flex-direction: column; gap: 10px !important; }
  .footer-block:nth-child(1) { text-align: center; width: 100%; max-width: unset; }
  .payment-option.mt-5 { margin: 15px 0 !important; align-items: center; display: flex; flex-direction: column; }
  .footer-block { max-width: unset; width: 100%; text-align: center; }
  .social-links{justify-content: center;}
  .footer-block ul li { display: inline-block; margin: 0 5px; }
  .slider-content .btn { margin: 0; }
  .navset { gap: 5px !important; flex-wrap: wrap; max-width: 160px; }
  .profile-nav { width: 100%; }



}