/* Global Font Family - Beautiful English Fonts */
* {
  font-family: 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}
body {
  font-family: 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Beautiful Typography for Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Beautiful Typography for Buttons and Important Text */
button, .btn, .btn-theme, .btn-warning, .btn-danger {
  font-family: 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Beautiful Typography for Navigation */
nav, .nav, .bgnav {
  font-family: 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 2, style.scss */
.wrapper {
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
padding: 0;
font-family: 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
background: #3a2810;
color: #ffc107;
display: block; }
/* line 12, style.scss */
.wrapper .header {
width: 100%;
height: auto;
background: #1b1b1b; }
/* line 20, style.scss */
.wrapper .header .container .d-flex .logo a img {
width: auto;
height: 100px;
text-align: left;
padding: 5px 0; }
/* line 32, style.scss */
.code-num {
position: relative; }
/* line 34, style.scss */
.code-num .code-number {
position: absolute;
top: 0;
right: 0;
font-size: 1.1rem;
color: #0F0F0F;
padding: 5px 20px;
font-weight: bold; }
/* line 45, style.scss */
.btn-language {
width: 100%; }
/* line 48, style.scss */
.input-pc {
max-width: 150px; }
/* line 51, style.scss */
.section {
padding: 10px 0; }
/* line 54, style.scss */
.bgnav {
width: 100%;
height: auto;
background-image: linear-gradient(to right, #1b1b1b, #3d3d3d, #1b1b1b);
display: block; }
/* line 61, style.scss */
.bgnav .container .nav ul {
width: 100%;
height: auto;
display: flex; }
/* line 65, style.scss */
.bgnav .container .nav ul li {
flex: 1;
padding: 0px;
margin: 0 auto; }
/* line 69, style.scss */
.bgnav .container .nav ul li a {
padding: 10px 0;
font-size: 1.0rem;
color: #ffc107;
font-weight: bold;
display: block; }
/* line 81, style.scss */
.top-games {
padding-top: 50px; }
/* line 84, style.scss */
.item-topgames {
width: 100%;
height: 120px;
background: #3d3d3d;
position: relative;
display: block; }
/* line 90, style.scss */
.item-topgames .bannertopgame {
position: absolute;
top: -40px;
right: 10px; }
@keyframes jump {
0% {
transform: translate3d(0, 0, 0); }
40% {
transform: translate3d(0, 10%, 0); } }
/* line 103, style.scss */
.item-topgames .bannertopgame .jump {
transform-origin: 50% 50%;
animation: jump 5s linear alternate infinite; }
@keyframes jumpone {
40% {
transform: translate3d(0, 20%, 0); }
0% {
transform: translate3d(0, 0, 0); } }
/* line 116, style.scss */
.item-topgames .bannertopgame .jumpone {
transform-origin: 50% 50%;
animation: jump 10s linear alternate infinite; }
/* line 121, style.scss */
.item-topgames h1 {
position: absolute;
bottom: 10px;
left: 10px;
font-size: 1.1rem;
text-transform: uppercase;
font-weight: bold; }
/* line 130, style.scss */
.bgmatches {
width: 100%;
height: auto;
text-align: center;
padding: 25px;
margin: 0 auto;
background: url("../images/matches/bg.jpg") no-repeat;
background-size: 100% 100%;
display: block; }
/* line 140, style.scss */
.bg-slid-matches {
width: 100%;
max-width: 350px;
text-align: center;
margin: 0 auto;
height: auto;
border-radius: 15px;
overflow: hidden;
display: block; }
/* line 150, style.scss */
.item-matches {
width: 100%;
height: auto;
overflow: hidden;
margin: 5px auto; }
/* line 157, style.scss */
.home-type {
border-radius: 25px;
padding: 5px 8px;
color: #ffffff;
margin: 4px auto; }
/* line 163, style.scss */
.away-type {
border-radius: 25px;
padding: 5px 8px;
color: #ffffff;
margin: 4px auto; }
/* line 169, style.scss */
.team-name {
color: #d3d3d3;
margin: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 0.9rem;
font-weight: bold; }
/* line 178, style.scss */
.teams {
text-align: left;
vertical-align: middle; }
/* line 182, style.scss */
.team-home, .team-away {
padding: 25px 0; }
/* line 185, style.scss */
.header-matches {
width: 100%;
height: auto; }
/* line 189, style.scss */
.name-team {
width: 100%;
text-align: left;
padding: 10px 5px;
color: #ffffff;
white-space: nowrap;
overflow: hidden; }
/* line 197, style.scss */
.name-team span {
padding: 10px 5px;
font-size: 1.1rem;
color: #ffffff;
white-space: nowrap;
font-weight: bold; }
/* line 204, style.scss */
.date-time {
width: 100%;
text-align: right;
padding: 13px 5px;
color: #ffffff; }
/* line 210, style.scss */
.date-time span {
padding: 15px 5px;
font-size: 0.9rem;
color: #ffffff; }
/* line 215, style.scss */
.contain-matches {
width: 100%;
height: auto;
padding: 0 10px;
display: block; }
/* line 221, style.scss */
.logo-home-type, .logo-away-type {
background: #f3f5f6;
border-radius: 25px;
padding: 5px;
width: 100%;
height: 50px;
max-width: 50px;
text-align: center;
margin: 7px auto;
display: block; }
/* line 232, style.scss */
.logo-home-type img, .logo-away-type img {
width: 100%; }
/* line 235, style.scss */
.team-logo {
width: 100%;
height: auto;
text-align: center;
padding: 10px 0;
margin: 0 auto;
display: block; }
/* line 243, style.scss */
.matches {
width: 100%;
height: auto;
padding: 10px;
border-radius: 10px;
background: #292e4b;
display: block; }
/* line 252, style.scss */
.section .title-section {
text-align: left;
font-size: 1.3rem;
font-weight: bold;
display: block; }
/* line 259, style.scss */
.bgsport {
background: url("../images/topgames/sport.jpg") no-repeat;
background-size: 100% 100%; }
/* line 263, style.scss */
.bgscasino {
background: url("../images/topgames/casino.jpg") no-repeat;
background-size: 100% 100%; }
/* line 267, style.scss */
.bgslot {
background: url("../images/topgames/slot.jpg") no-repeat;
background-size: 100% 100%; }
/* line 271, style.scss */
.bgslottery {
background: url("../images/topgames/lottery.jpg") no-repeat;
background-size: 100% 100%; }
/* line 275, style.scss */
.thumbnails-bg {
width: 100%;
height: auto;
text-align: center;
margin: 0 auto; }
/* line 280, style.scss */
.thumbnails-bg a {
position: relative;
display: block;
height: 245px;
background-size: cover; }
/* line 285, style.scss */
.thumbnails-bg a img {
max-width: 100%;
height: auto;
vertical-align: middle; }
/* line 290, style.scss */
.thumbnails-bg a span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
padding: 0 15px;
transition-duration: 0.3s;
color: white;
font-size: 20px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold; }
/* line 307, style.scss */
.thumbnails-bg a:hover {
transform: translateY(5px); }
/* line 310, style.scss */
.thumbnails-bg a:hover > span {
transform: translateY(-10px); }
/* line 314, style.scss */
.bg-recomment {
background: url("../images/recomment/bgrecomment.png") no-repeat;
background-size: 100% 100%;
display: block; }
/* line 319, style.scss */
.m02 {
margin: 20px auto; }
/**************   footer *************************/
/* line 323, style.scss */
.bg-footers {
background-image: linear-gradient(to right, #1b1b1b, #3d3d3d, #1b1b1b);
border-top: 2px solid #595959; }
/* line 327, style.scss */
.footerpc {
padding: 5px 0; }
/* line 330, style.scss */
.info-footer h3, .community h3 {
text-align: left;
color: #ffc107;
font-size: 0.9rem;
padding: 5px 0;
display: block; }
/* line 337, style.scss */
.info-footer ul {
width: 100%;
height: auto;
display: block; }
/* line 342, style.scss */
.info-footer ul li {
display: block;
padding: 2px 2px;
text-align: left; }
/* line 347, style.scss */
.info-footer ul li a {
color: #866400;
font-size: 0.7rem; }
/* line 351, style.scss */
.community ul {
width: 100%;
height: auto; }
/* line 355, style.scss */
.community ul li {
display: inline-block;
padding: 2px;
text-align: left; }
/* line 360, style.scss */
.community ul li a img {
width: 40px;
text-align: center; }
/* line 364, style.scss */
.title-section {
width: 100%;
height: auto;
text-align: left;
font-size: 1.1rem;
font-weight: bold;
padding: 5px 0;
color: #866400;
display: block; }
/* line 374, style.scss */
.networks ul {
width: 100%;
height: auto;
text-align: left;
display: block; }
/* line 380, style.scss */
.networks ul li {
display: inline-block;
margin: 5px; }
/* line 384, style.scss */
.networks ul li a img {
width: 35px;
height: auto; }
/* line 388, style.scss */
.sponsorship ul {
width: 100%;
height: auto;
text-align: left;
display: block; }
/* line 394, style.scss */
.sponsorship ul li {
display: inline-block;
padding: 5px 15px; }
/* line 398, style.scss */
.sponsorship ul li a img {
height: 70px;
width: auto; }
/**************  End footer *************************/
/* line 405, style.scss */
.pc {
display: block; }
/* line 408, style.scss */
.m {
display: none; }
/* line 411, style.scss */
.btn-block {
width: 100%; }
/* line 414, style.scss */
.btn-rN {
border-radius: 0px !important; }
/* line 417, style.scss */
.thumbnails-bg {
width: 100%;
height: auto;
text-align: center;
margin: 0 auto; }
/* line 422, style.scss */
.thumbnails-bg a {
position: relative;
display: block;
height: 245px;
background-size: cover; }
/* line 427, style.scss */
.thumbnails-bg a img {
max-width: 100%;
height: auto;
vertical-align: middle; }
/* line 431, style.scss */
.thumbnails-bg a span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
padding: 0 15px;
transition-duration: 0.3s;
color: white;
font-size: 20px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold; }
/* line 446, style.scss */
.thumbnails-bg a:hover {
transform: translateY(5px); }
/* line 448, style.scss */
.thumbnails-bg a:hover > span {
transform: translateY(-10px); }
/* line 450, style.scss */
.slots-lobby {
background: url(../images/lobby/slot/slot-lobby-bg.png) no-repeat;
background-size: 100% 100%;
display: block; }
/* line 455, style.scss */
.poker-lobby {
background: url(../images/lobby/poker/bg.png) no-repeat;
background-size: 100% 100%;
display: block; }
/* line 460, style.scss */
.casino-lobby {
background: url("../images/lobby/casino/casino-lobby-bg.png") no-repeat;
background-size: 100% 100%;
display: block; }
/* line 465, style.scss */
.sport-lobby {
background: url("../images/lobby/sport/sport-lobby-bg.png") no-repeat;
background-size: 100% 100%;
display: block; }
/* line 470, style.scss */
.lottery-lobby {
background: url("../images/lobby/lottery/lottery-lobby-bg.png") no-repeat;
background-size: 100% 100%;
display: block; }
/* line 475, style.scss */
.number-lobby {
background: url("../images/lobby/number/number-lobby-bg.png") no-repeat;
background-size: 100% 100%;
display: block; }
/* line 480, style.scss */
.cocks-lobby {
background: url("../images/lobby/cockfight/cock-lobby-bg.png") no-repeat;
background-size: 100% 100%;
display: block; }
/* line 485, style.scss */
.section-02 {
width: 100%;
height: auto;
text-align: center;
margin: 50px auto;
display: block; }

@media (max-width: 1024px) {
/* line 493, style.scss */
.section-02 {
margin: 0 auto; }
/* line 496, style.scss */
.container-mobile {
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
padding: 0 5px;
display: block; }
/* line 504, style.scss */
.pc {
display: none !important; }
/* line 507, style.scss */
.m {
display: block !important; }
/* line 510, style.scss */
.wrapper {
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
padding: 0;
font-family: 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
background: #3a2810;
color: #ffc107;
display: block; }
/* line 520, style.scss */
.wrapper .header {
width: 100%;
height: auto;
background-image: linear-gradient(to right, #1b1b1b, #3d3d3d, #1b1b1b);
border-bottom: 1px solid #595959; }
/* line 529, style.scss */
.wrapper .header .container .d-flex .logo a img {
width: auto;
height: 70px;
text-align: left;
padding: 5px 0; }
/* line 541, style.scss */
.section .title-section {
text-align: left;
font-size: 0.9rem;
font-weight: bold;
display: block; }
/* line 547, style.scss */
.sponsorship ul li a img {
height: 40px;
width: auto; }
/* line 551, style.scss */
.community ul li a img {
width: 25px;
text-align: center; }
/* line 555, style.scss */
.networks ul li a img {
width: 25px;
height: auto; }
/* line 559, style.scss */
.mobile-thumbnail {
width: 100%;
height: auto;
position: relative;
border-radius: 10px;
overflow: hidden;
display: block; }
/* line 566, style.scss */
.mobile-thumbnail img {
width: 100%; }
/* line 569, style.scss */
.mobile-thumbnail .icon-game-mobile {
position: absolute;
bottom: -10px;
right: -10px; }
@keyframes mobile-jump {
0% {
transform: translate3d(0, 0, 0); }
40% {
transform: translate3d(0, 10%, 0); } }
/* line 582, style.scss */
.mobile-thumbnail .icon-game-mobile .mobile-jump {
transform-origin: 50% 50%;
animation: jump 5s linear alternate infinite; }
/* line 587, style.scss */
.mobile-thumbnail h1 {
position: absolute;
left: 10px;
top: 10px;
color: #ffc107;
font-size: 1.0rem;
z-index: 1;
display: block; }
/* line 597, style.scss */
.bg-footer-mobile {
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
position: fixed;
left: 0px;
bottom: 0px;
background: #3d3d3d;
border-top: 1px solid #6c757d;
display: block;
z-index: 9999; }
/* line 610, style.scss */
.bg-footer-mobile .section-mobile-footer .footer-mobile {
width: 100%;
height: auto;
display: flex; }
/* line 614, style.scss */
.bg-footer-mobile .section-mobile-footer .footer-mobile .item-footer-mobile {
width: 100%;
height: auto;
flex: 1;
text-align: center; }
/* line 619, style.scss */
.bg-footer-mobile .section-mobile-footer .footer-mobile .item-footer-mobile a.btn-home {
width: 81px;
height: 81px;
text-align: center;
margin: 0 auto;
background: #6c757d;
background-color: #6c757d;
/* For browsers that do not support gradients */
background-image: radial-gradient(#6c757d, #352800);
border-radius: 40px;
margin-top: -40px;
padding: 33px 13px; }
/* line 630, style.scss */
.bg-footer-mobile .section-mobile-footer .footer-mobile .item-footer-mobile a.btn-home .icon-nav-mobile {
display: block;
margin-top: -20px;
padding: 8px 0; }
/* line 634, style.scss */
.bg-footer-mobile .section-mobile-footer .footer-mobile .item-footer-mobile a.btn-home .icon-nav-mobile img {
width: 35px;
height: auto; }
/* line 641, style.scss */
.bg-footer-mobile .section-mobile-footer .footer-mobile .item-footer-mobile a img {
width: 20px;
height: auto; }
/* line 645, style.scss */
.bg-footer-mobile .section-mobile-footer .footer-mobile .item-footer-mobile a span {
color: #ffc107;
font-size: 0.8rem;
display: grid;
white-space: nowrap; }
/* line 655, style.scss */
.bg-footers {
padding-bottom: 100px; }
/* line 658, style.scss */
.item-nav {
width: 100%;
height: auto;
padding: 7px 0;
border-radius: 10px;
text-align: center;
margin: 0 auto;
display: block; }
/* line 666, style.scss */
.item-nav img {
max-width: 35px; }
/* line 669, style.scss */
.item-nav p {
width: 100%;
height: auto;
text-align: center;
font-size: 0.7rem;
color: #ffc107;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
display: block; }
/* line 681, style.scss */
.offcanvas {
position: fixed;
bottom: 63px !important;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition); }
/* line 695, style.scss */
.thumbnails-bg a {
position: relative;
display: block;
height: 135px !important;
background-size: cover; }
/* line 701, style.scss */
.thumbnails-bg a span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px !important;
padding: 0 15px;
transition-duration: 0.3s;
color: white;
font-size: 20px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold; } }
/* ipad */
.btn-warning,.btn-danger{
text-transform: uppercase;
}
/*  */
#header .user-wallet-actions {
display: flex;
flex-flow: row nowrap;
gap: 10px;
max-width: 300px;
align-items: center;
padding-right: 50px;
margin-right: 10px;
position: relative;
}
@media (max-width: 767px) {
.user-wallet-actions .btn-theme{
padding: 6px 11px;
display: flex;
align-items: center;
justify-content: center;
}

}
@media (max-width: 1024px) {
  .user-wallet-actions .btn-theme{
        padding: 9px 24px;
  }
  .btn_ img {
    width: 25px;
}
#header .user-wallet-actions {
padding-right: 0px;
margin-right: 0px;
}
}
#header .user-wallet-actions::after {
content: "";
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
position: absolute;
height: 100%;
width: 1px;
right: 0;
top: 0;
}
@media (max-width: 1024px) {
#header .user-wallet-actions::after {
display: none;
}
}
@media (max-width: 1024px) {
#header .icon-btn span {
display: none;
}
}
#header .user-wallet-actions .header-wallet {
display: flex;
align-items: center;
justify-content: space-evenly;
font-size: 14px;
color: var(--text-white-color);
width: 250px;
text-wrap: nowrap;
background: linear-gradient(to bottom, #0a2f28 0%, #0c4937 100%);
background: #434343;
border: 1px solid #434343;
border-radius: 8px;
padding: 4px 10px;
flex: 2;
height: 100%;
}
@media (max-width: 1024px) {
#header .icon-btn {
padding: 5px;
justify-content: center;
width: 30px;
height: 30px;
}
}
@media (max-width: 1024px) {
#header .user-wallet-actions .header-wallet {
max-width: 200px;
width: 100%;
gap: 5px;
font-size: 12px;
}
}
#header .user-wallet-actions .header-wallet .icon {
width: 27px;
height: 27px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
#header .user-wallet-actions .header-wallet .icon img {
width: 20px;
height: 20px;
}
@media (max-width: 1024px) {
#header .user-wallet-actions .header-wallet .icon img {
width: 15px;
height: 15px;
}
}
#header .user-wallet-actions button {
flex: 1;
}
.btn-theme {
font-size: 15px;
font-weight: 600;
border-radius: 8px;
padding: 18px 24px;
line-height: 15px;
text-align: center;
width: 100%;
outline: unset;
box-shadow: unset;
text-decoration: none;
display: block;
color: var(--btn-color);
--btn-color: #fff;
/* background: linear-gradient(to right, #fadd56, #feb80c); */
background: linear-gradient(1turn, #c4003b .8%, #fb1949);
border: 1px solid #fb1949;
white-space: nowrap;
box-shadow: 0 0 5px 1px #fb1949;
}
#header .header-dropdown {
position: relative;
}
@media (max-width: 1024px) {
#header .header-dropdown {
aspect-ratio: 1/1;
margin-left: 10px;
margin-top: 4px;
}
}
#header .header-dropdown:focus-within .dropdown-body {
display: block;
}
.mb-0{
color: #fff;
}
#header .header-dropdown .dropdown-body {
position: absolute;
background: #282828;
width: 230px;
list-style: none;
display: none;
-webkit-backdrop-filter: blur(22px) brightness(1.15);
backdrop-filter: blur(22px) brightness(1.15);
padding: 0;
top: 76%;
right: 0px;
margin-top: 11px;
border-radius: 10px;
z-index: 999;
}
#header .header-dropdown .dropdown-body ul {
padding: 10px 0px;
list-style: none;
}
#header .header-dropdown .dropdown-body ul li {
padding: 0px 10px;
}
#header .header-dropdown .dropdown-body ul li a {
display: flex;
align-items: center;
gap: 20px;
text-decoration: none;
font-size: 14px;
color: var(--text-white-color);
font-weight: 300;
position: relative;
border-radius: 10px;
padding: 10px 20px;
}
#header .header-dropdown .dropdown-body ul li a.active,
#header .header-dropdown .dropdown-body ul li a:hover {
/* background: #393319; */
-webkit-backdrop-filter: blur(22px) brightness(1.15);
backdrop-filter: blur(22px) brightness(1.15);
color: #fff;
}
#header .header-dropdown .dropdown-body ul li a.red-dot p {
position: relative;
}
#header .header-dropdown .dropdown-body ul li a.red-dot p:after {
content: "";
position: absolute;
background: red;
top: 0px;
right: -20px;
width: 7px;
height: 7px;
display: block;
border-radius: 50%;
}
#header .header-dropdown .dropdown-body ul li a .total-notification {
padding: 5px;
background: red;
border-radius: 50%;
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
}
#header .header-dropdown .dropdown-body ul li a .total-notification span {
color: #fff;
font-size: 12px;
}
#header .header-dropdown .dropdown-body ul li a img {
width: 30px;
aspect-ratio: 1/1;
}
#header .header-actions {
display: flex;
flex-flow: row nowrap;
max-width: 285px;
width: 100%;
gap: 25px;
}
@media screen and (max-width: 1024px) {
#header .header-actions {
max-width: 200px;
max-width: 255px;
gap: 5px;
}
}
.header-dropdown .dropdown-body .icon-dropdown {
width: 30px;
height: 30px;
}
.header-dropdown .dropdown-body .icon-profile {
background: url(../images/auth/my-profile.png) center no-repeat;
background-size: 100%;
}
.header-dropdown .dropdown-body .icon-deposit {
background: url(../images/auth/deposit.png) center no-repeat;
background-size: 100%;
}
.header-dropdown .dropdown-body .icon-withdraw {
background: url(../images/auth/withdraw.png) center no-repeat;
background-size: 100%;
}
.header-dropdown .dropdown-body .icon-history {
background: url(../images/auth/history.png) center no-repeat;
background-size: 100%;
}
.header-dropdown .dropdown-body .icon-top-vip {
background: url(../img/header/auth/profile-menu/vip.png) center no-repeat;
background-size: 100%;
}
.header-dropdown .dropdown-body .icon-referral {
background: url(../img/header/auth/profile-menu/referral.png) center no-repeat;
background-size: 100%;
}
.header-dropdown .dropdown-body .icon-inbox {
background: url(../img/header/auth/profile-menu/inbox.png) center no-repeat;
background-size: 100%;
}
.header-dropdown .dropdown-body .icon-logout {
background: url(../images/auth/logout.png) center no-repeat;
background-size: 100%;
}
.header-dropdown .dropdown-body .icon-password {
background: url(../images/auth/password.png) center no-repeat;
background-size: 100%;
}
.header-dropdown .dropdown-body .icon-transfer {
background: url(../images/auth/transfer.png) center no-repeat;
background-size: 100%;
}
.header-dropdown .dropdown-body .icon-turnover {
background: url(../images/auth/turnover.png) center no-repeat;
background-size: 100%;
}
#header .header-actions>* {
flex: 1;
}
#header .user-wallet-actions {
display: flex;
flex-flow: row nowrap;
gap: 10px;
max-width: 300px;
align-items: center;
padding-right: 50px;
margin-right: 10px;
position: relative;
}
@media (max-width: 767px) {
.user-wallet-actions .btn-theme{
padding: 6px 9px;
display: flex;
align-items: center;
justify-content: center;
}
}
@media (max-width: 1024px) {
#header .user-wallet-actions {
padding-right: 0px;
margin-right: 0px;
}
}
#header .user-wallet-actions::after {
content: "";
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
position: absolute;
height: 100%;
width: 1px;
right: 0;
top: 0;
}
@media (max-width: 1024px) {
#header .user-wallet-actions::after {
display: none;
}
}
#header .user-wallet-actions .header-wallet {
display: flex;
align-items: center;
justify-content: space-evenly;
font-size: 14px;
color: #fff;
width: 250px;
text-wrap: nowrap;
background: linear-gradient(to bottom, #0a2f28 0%, #0c4937 100%);
background: #434343;
border: 1px solid #434343;
border-radius: 8px;
padding: 4px 4px;
flex: 2;
height: 100%;
}
@media (max-width: 1024px) {
#header .user-wallet-actions .header-wallet {
max-width: 200px;
width: 100%;
gap: 5px;
font-size: 12px;
}
}
#header .user-wallet-actions .header-wallet .icon {
width: 27px;
height: 27px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
#header .user-wallet-actions .header-wallet .icon img {
width: 20px;
height: 20px;
}
@media (max-width: 1024px) {
#header .user-wallet-actions .header-wallet .icon img {
width: 15px;
height: 15px;
}
}
#header .user-wallet-actions button {
flex: 1;
}
#header .icon-btn {
background-color: #434343;
backdrop-filter: blur(22px) brightness(1.15);
border: none;
padding: 5px 8px;
height: 100%;
border-radius: 30px;
transition: transform 0.3s 
ease-in-out;
padding-right: 40px;
position: relative;
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 10px;
justify-content: center;
}
#header .icon-btn img {
max-width: 30px;
aspect-ratio: 1/1;
}
@media (max-width: 1024px) {
#header .icon-btn img {
max-width: 18px;
}
}
#header .icon-btn:after {
content: "";
position: absolute;
top: 50%;
right: 15px;
width: 10px;
height: 10px;
background: url("../images/arrow-down-white.png") no-repeat center center;
background-size: contain;
transform: translateY(-50%);
transition: transform 0.3s;
}
@media (max-width: 1199px) {
#header .icon-btn:after {
display: none;
}
}
@media (max-width: 1024px) {
#header .icon-btn {
padding: 5px;
justify-content: center;
width: 30px;
height: 30px;
}

}
#header .icon-btn:focus:after {
transform: translateY(-50%) rotate(180deg);
}
#header .header-dropdown {
position: relative;
}
#header{
display: flex;
}
.main.pc{
width: 1320px !important;
}
button.btn-outline-theme.btn-small {
border: 1px solid;
background: none;
border-radius: 5px;
padding: 8px;
color: #fff;
}
.modal-header {
justify-content: space-between;
}
.modal-forgot-link a{
color: #fff;
}
a.text-link {
color: #ffc107;
}
.btn_ img{
display: inline-block !important;
margin-top: -5px;
}
span#member_creadit {
color: red;
font-weight: bold;
font-size: 1.2rem;
}
.text-gray-700{
float: left;
}
.border-warning img{
  display: inline  !important;
}
.contact-text strong{
  color: #fff;
}