@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");300;400;500;700;900&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.4;
    font-size: 14px;
    margin: 0 auto;
    color: #ffffff;
    background: #000000;
    padding-top: 100px;
    width: 100%;
    min-height: 100%;
    min-width: 980px;
}

a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover,
a:focus,
button:focus,
button:hover,
input:focus,
select:focus {
    color: #fff;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

ul,
ol,
li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px
}

img {}

button {
    boder: none;
    background: none;
}

button:hover,
button:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
textarea,
select {
    color: #000;
    width: 100%;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    z-index: 10000000000;
}

::-webkit-scrollbar-track-piece {
    background-color: #242424;
    -webkit-border-radius: 6px;
    z-index: 10000000000;
}

::-webkit-scrollbar-thumb {
    background: #83601d;
    z-index: 10000000000;
}

::-webkit-scrollbar-thumb:hover {
    background: #83601d;
    z-index: 10000000000;
}

/**********Header*************/
.bg-nav {
    background: url("../images/common/bg-top.jpg") repeat;
}

.nav {
    position: fixed;
    box-sizing: content-box;
    top: 0;
    background: url("../images/common/bg-top.jpg") repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 65px;
    transition: all 0.3s ease-out;
    z-index: 1000;
}

.nav-small {
    position: fixed;
    box-sizing: content-box;
    top: 0;
    background: #001638;
    width: 100%;
    height: 47px;
    transition: all 0.3s ease-out;
    z-index: 100;
    background: url("../images/common/bg-top.jpg") repeat;
}

.nav-small .nav-logo {
    height: 40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-logo {
    height: 55px;
    width: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.header-top {
    display: flex;
    align-items: center;
    height: 65px;
    justify-content: space-between;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-small .header-top {
    height: 45px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.SlideDownMenu {
    border-bottom: 2px solid #634d23;
    position: fixed;
    top: 45px;
    width: 100%;
    z-index: 999;
    /* border-top: 2px solid #634d23; */
}

.SlideDownMenu .menu-small {
    background-color: #000000;
    display: none;
    height: 41px;
    top: 0;
}

.NavTab {
    border-radius: 0 0 5px 5px;
    height: 40px;
    text-align: center;
    width: 120px;
}

.NavTab a {
    position: relative;
}

.NavTab a:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 50px;
    width: 25px;
    height: 0.125em;
    border-top: 0.5em double rgb(255 255 255 / 40%);
    border-bottom: 0.2em solid rgb(255 255 255 / 40%);
}

.SlideDownMenu ul {
    list-style: outside none none;
    margin: 0;
    padding: 22px 0;
    text-align: center;
}

.SlideDownMenu ul li {
    display: inline-block;
}

.SlideDownMenu ul li a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 12px 20px;
    text-decoration: none;
    color: #fff;
}

.SlideDownMenu ul li a:hover {
    color: #fff;
}

.SlideDownMenu ul li a:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    content: '.';
    color: transparent;
    visibility: none;
    opacity: 0;
    z-index: -1;
    transition: all .5s;
}

.SlideDownMenu ul li a:hover:after {
    opacity: 1;
    visibility: visible;
    height: 100%;
}

@-webkit-keyframes fill {
    0% {
        width: 0%;
        height: 1px;
    }

    50% {
        width: 100%;
        height: 1px;
    }

    100% {
        width: 100%;
        height: 100%;
        background: #333;
    }
}

@-webkit-keyframes circle {
    0% {
        width: 1px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 1px;
        z-index: -1;
        background: #eee;
        border-radius: 100%;
    }

    100% {
        background: #aaa;
        height: 5000%;
        width: 5000%;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 0;
    }
}

.nav-small .menu-bar {
    visibility: visible;
}

.nav .menu-bar {
    justify-content: space-between;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.1s;
    display: none;
}

.nav-small .menu-bar-lg {
    display: none;
}

.menu-bar-lg {
    width: 100%;
    background: #000000;
    border-bottom: 2px solid #5b3f0f;
}

.menu-in ul li a {
    color: #fff;
    height: 41px;
    padding: 0px 15px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.menu-in ul li {}

.menu-in ul {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: normal;
}

.btn-promo {
    position: absolute;
    top: 0px;
    right: 0px;
}

.menu-in ul li a.active,
.menu-in ul li a:hover {
    color: #ffffff;
    background: linear-gradient(to bottom, rgba(84, 63, 22, 1) 0%, rgba(173, 132, 57, 1) 100%);
}

.menu-in {
    margin: 0px auto;
    position: relative;
}

ul.right-top {
    display: flex;
    align-items: center;
}

.btn-log {
    border: 1px solid #ffffff;
    color: rgb(255 255 255);
    padding: 5px 20px;
    font-size: 12px;
    text-transform: uppercase;
}

.btn-log:hover {
    background: #83601d;
    border: 1px solid #83601d;
    color: #fff;
}

.form-log {
    display: flex;
}

.form-log .btn-reg {
    background: #83601d;
    color: rgb(255 255 255);
    padding: 5px 20px;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #83601d;
}

.btn-reg:hover {
    border: 1px solid #83601d;
    background: linear-gradient(to bottom, rgba(84, 63, 22, 1) 0%, rgba(173, 132, 57, 1) 100%);
}

ul.right-top li:first-child {
    border: none;
}

ul.right-top li {
    box-sizing: border-box;
    box-shadow: 1px 0 0 rgb(255 255 255 / 10%);
    height: 28px;
    position: relative;
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, .74);
    font-size: 10px;
}

.btn-lang:not(:disabled):not(.disabled).active,
.btn-lang:not(:disabled):not(.disabled):active,
.show>.btn-lang {
    color: rgba(255, 255, 255, .74);
    background-color: #000000;
    border-color: #c69500;
}

.btn-lang {
    color: #212529;
    background: none;
    border-color: #ffc107;
    border: none !important;
    color: rgba(255, 255, 255, .74);
    font-size: 10px;
    padding: 7px 11px;
    display: flex;
    align-items: center;
    border-radius: 0px;
}

.btn.btn-lang:focus {
    box-shadow: none;
    border: none;
    outline: none;
}

.btn-lang img {
    height: 10px;
    margin-right: 7px;
}

.btn-lang:hover {
    color: rgba(255, 255, 255, .74);
}

ul.right-top li:last-child {
    padding: 0px;
}

.drop-bg {
    padding: 0px;
    border-radius: 0px;
    background: #000000;
    margin: 0px;
    min-width: 8rem;
    box-shadow: 0px 0px 8px #00000054;
}

.drop-bg li {
    box-shadow: none !important;
    display: flex;
    align-items: center;
}

.drop-bg li img {
    height: 9px;
    position: relative;
    top: -2px;
    margin-right: 10px;
}

.drop-bg li a {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, .74);
}

.drop-bg li.active {
    background: #83601d;
}

.drop-bg li:hover {
    background: #83601d;
}

.drop-bg li:last-child {}

.drop-bg p {
    font-size: 10px;
    text-align: center;
    padding: 7px;
    color: rgba(255, 255, 255, .74);
    text-transform: uppercase;
}

.arw-caret {
    transform: rotateX(180deg);
    font-weight: 100;
    margin-left: 5px;
}

.dropdown.show .arw-caret {
    transform: rotateX(0deg);
}

ul.ht-top li img {
    height: 20px;
}

ul.right-top li img {
    height: 13px;
}

.clr-box {
    background: #c38a2c;
    position: absolute;
    font-size: 9px;
    width: 11px;
    height: 11px;
    text-align: center;
    border-radius: 15px;
    top: 3px;
    right: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.right-top li a {
    padding: 0px 10px;
    width: 100%;
    color: rgba(255, 255, 255, .74);
    text-align: center;
}

.blnc {
    font-size: 8px;
}

.blnc p {
    line-height: 9px;
    font-size: 10px;
    text-align: right;
}

p.clr-yll {
    font-size: 9px;
    text-align: right;
    color: #83601d;
}

span.ico-drp {
    margin-right: 10px;
    width: 15%;
}

.user-info p {
    text-align: left;
    padding: 0px 7px;
    font-size: 9px;
}

.user-info {
    padding: 6px 0px;
    background: #83601d4d;
}

p.txt-clr {
    color: #83601d;
    font-size: 10px;
}

.btn-lang i {
    font-size: 13px;
}

.arw-caret i {
    font-size: 7px !important;
}

ul.right-top li a i {
    margin-right: 5px;
}

/**********Slider*************/
.owl-item {
    color: white;
    text-align: center;
}

.owl-prev,
.owl-next {
    display: inline-block;
}

.owl-next {
    float: right;
}

.slider-counter {
    text-align: left;
    position: absolute;
    top: 18px;
    z-index: 102;
    width: 125px;
    /* margin:0px auto; */
    left: 19%;
    right: 0px;
    font-size: 15px;
    display: flex;
    background: #000000a1;
    justify-content: space-between;
    align-items: center;
    height: 42px;
    border-radius: 35px;
}

.info {
    text-align: center;
    margin-top: 110px;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    min-width: 1920px;
    margin: 0px auto;
}

.owl-nav {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: 160px;
}

button.owl-prev span {
    font-size: 45px;
    background: #00000052;
    padding: 5px 20px;
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 0px;
}

button.owl-next span {
    font-size: 45px;
    background: #00000052;
    padding: 5px 20px;
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 0px;
}

/**********annoucement*************/
.annouce-in {
    display: flex;
    align-items: center;
    height: 37px;
}

.annou-bar {
    background: #000000;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 99;
    padding: 2px;
}

.slider-wrap {
    position: relative;
}

.runningtext {
    width: 100%;
    display: flex;
    align-items: end;
    font-size: 14px;
    color: #42e511;
}

.annouce-in.icon {}

.annouce-in .icon {
    font-size: 14px;
    padding-right: 10px;
    color: #cd9731;
}

/**********index category*************/
.idx-prod ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

.buttonfx {
    color: black;
    outline: none;
    border: none;
    letter-spacing: 0.0625em;
    padding: 8px 10px;
    text-transform: uppercase;
    font: bold 16px 'Bitter', sans-serif;
    line-height: 2;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    width: 100%;
    transition: all .5s;
    text-align: center;
    font-size: 12px;
    z-index: 10;
}

.buttonfx:before,
.buttonfx:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: -1;
    transform: translate3D(0, -100%, 0);
    transition: all .5s;
    background: linear-gradient(to bottom, rgba(84, 63, 22, 1) 0%, rgba(173, 132, 57, 1) 100%);
}

.buttonfx:before {
    background: #000000;
    z-index: -2;
    transform: translate3D(0, 0, 0);
    /* color: #154690; */
    background: linear-gradient(to bottom, rgba(102, 102, 102, 1) 0%, rgba(35, 35, 35, 1) 75%, rgba(65, 65, 65, 1) 100%);
}

.buttonfx:hover {
    color: white;
}

.buttonfx:hover:after {
    transform: translate3D(0, 0, 0);
    transition: all .5s;
}

.bouncein:hover:before,
.bouncein:hover:after {
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66) !important;
}

.idx-prod ul li .hvr-scl {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    top: 0px;
}

.idx-prod ul li:hover .buttonfx:after {
    transform: translate3D(0, 0, 0);
    transition: all .5s;
}

.idx-prod ul li:hover .buttonfx:after {
    transform: translate3D(0, 0, 0);
    transition: all .5s;
}

.idx-prod ul li:hover .bouncein:before,
.idx-prod ul li:hover .bouncein:after {
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66) !important;
}

.hvr-scl p {
    transition: 0.3s;
    position: absolute;
    bottom: 45px;
    font-size: 12px;
    padding: 0px 10px;
    font-weight: bold;
    /* text-shadow: 1px 1px 2px #ef1dff, 1px 1px 2px #29012c, 1px 1px 2px #29012c, 1px 1px 2px #ef1dff; */
    z-index: 99;
}

.hvr-scl:hover p {
    transform: scale(1.1);
}

.hvr-scl img {
    transition: 0.3s;
    position: relative;
    font-size: 17px;
}

.idx-prod {
    margin-top: 30px;
}

.hvr-scl:hover img {
    transform: scale(1.1);
}

.bg-in {
    background: #1a1a1a;
    height: 220px;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.idx-prod ul li:hover .hvr-scl img {
    transform: scale(1.1);
}

.idx-prod ul li:hover .hvr-scl p {
    transform: scale(1.1);
}

#index-tab .carousel-control-prev{
    left: -50px;
    width: 5%;
}

#index-tab .carousel-control-next{
    right: -50px;
    width: 5%;
}

#index-tab .carousel-control-next-icon{
    background-image: url(../images/common/index/icon-cat-right.png);
    width: 25px;
    height: 43px;
}

#index-tab .carousel-control-prev-icon{
    background-image: url(../images/common/index/icon-cat-left.png);
    width: 25px;
    height: 43px;
}

.list-prod .swiper_wrap {
    height: 100%;
    width: 100%;
    position: relative;
    display: block;
    text-align: left;
}

.list-prod .swiper-button-next {
    margin-top: 0px;
    position: absolute !important;
    top: 50% !important;
    right: -70px !important;
    width: 45px;
    height: 45px;
    transform: translateY(-50%);
    background: none !important;
}

.list-prod .swiper-button-prev {
    position: absolute !important;
    top: 50% !important;
    left: -75px;
    width: 45px;
    height: 45px;
    transform: translateY(-50%);
    margin-top: 0px;
    background: none !important;
}

.swiper_wrap.list-prod {
    position: relative;
    padding-top: 30px;
}

.list-prod .swiper-button-prev:after{
    background-image: url(../images/common/index/icon-cat-left.png);
    width: 25px;
    height: 43px;
    content: "";
}

.list-prod .swiper-button-next:after{
    background-image: url(../images/common/index/icon-cat-right.png);
    width: 25px;
    height: 43px;
    content: "";
}

/**********index slot*************/
.content {
    position: relative;
    width: 100%;
    max-width: 527px;
    margin: auto;
    overflow: hidden;
    cursor: pointer;
}

.content .content-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    border: 1px solid #83601d;
}

.content:hover .content-overlay {
    opacity: 1;
}

.content-image {
    width: 100%;
}

.content-details {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.fadeIn-left {
    left: 20%;
}

.fadeIn-right {
    left: 80%;
    margin-top: 15px;
}

.btn-ixply {
    background: #83601d;
    padding: 8px;
    width: 120px;
    margin-bottom: 5px;
}

.btn-ixplyf {
    background: #83601d;
    padding: 8px;
    width: 120px;
}

.inx-slot-wrap {
    margin-top: 35px;
    margin-bottom: 35px;
}

.inx-slot h4 {
    font-size: 20px;
    color: #42e511;
    font-weight: bold;
}

.buttonfx a {
    color: #42e511;
}

.inx-lby ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.slt-nm {
    background: #000000;
    padding: 10px;
    color: #42e511;
    border: 1px solid #53535385;
    border-top: none;
    text-transform: uppercase;
}

.idx-prod li:hover .buttonfx a {
    color: #fff;
}

.btn-back{
    display: block;
    border-radius: 5px;
    padding: 5px 10px;
    margin-bottom: 10px;
}

/**********footer *************/
footer {
    background: #0a0a0a;
}

.footer-in-top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff1c;
    padding-top: 50px;
}

.social-ico ul {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 25px;
}

.social-ico ul li img {
    width: 30px;
}

.footer-r {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.social-ico ul li {
    margin-left: 10px;
}

.ico-et {
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, .03);
    box-shadow: 0 0 1px rgba(255, 255, 255, .28)inset;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
}

.call-ico {
    margin-bottom: 25px;
}

.btn-fdk2 {
    background: 0 0;
    border: 1px solid rgba(255, 255, 255, .28);
    color: #fff;
    height: 32px;
    padding: 0 18px;
    font-size: 12px;
}

.btn-fdk {
    height: 32px;
    padding: 0 18px;
    font-size: 12px;
    border: 1px solid #83601d;
    background: #83601d;
    color: #fff;
    text-transform: uppercase;
    transition: 300ms color, 300ms background, 300ms border;
}

.btn-fdk:hover {
    background: #00a2ff;
    border: 1px solid #00a2ff;
}

.btn-fdk2:hover {
    background: #00a2ff;
    border: 1px solid #3aa188;
    color: #fff;
}

.qr-ftr img {
    height: 117px;
    margin-top: 30px;
}

.ftr-box p {
    font-size: 18px;
    margin-bottom: 15px;
}

.footer-l {
    display: flex;
}

.ftr-box {
    margin-right: 100px;
}

.ftr-box ul li a {
    color: rgba(255, 255, 255, .75);
}

.ftr-box ul li {
    margin-bottom: 15px;
}

.footer-prv {
    padding-top: 25px;
    width: 100%;
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff1c;
    flex-direction: column;
}

.footer-prv ul li {}

.footer-prv ul {
    display: grid;
    justify-content: flex-start;
    width: 100%;
    grid-template-columns:repeat(12,1fr);
    gap: 20px 10px;
}

.pay-icxo {
    padding: 25px;
}

.footer-prv h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0px;
}

.footer-qr{ 
    padding-top: 20px;
}

/**********Jacktop *************/
.owl-carousel .owl-wrapper:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

.owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    position: relative;
    display: none;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
    min-height: 165px;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
    cursor: url(../images/grabbing.png) 8 8, move;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

/* * Owl Carousel CSS3 Transitions * v1.3.2 */
.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes backSlideIn {

    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}

@-moz-keyframes backSlideIn {

    0%,
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {

    0%,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}

.owl-theme .owl-controls .owl-buttons div {
    display: inline-block;
    margin: 5px;
    padding: 3px 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    color: #FFF;
    font-size: 12px;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none;
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    margin: 5px 7px;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
}















.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    padding: 2px 10px;
    width: auto;
    height: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #FFF;
    font-size: 12px;
}

.owl-item.loading {
    min-height: 150px;
    background: url(../images/AjaxLoader.gif) no-repeat center center
}

.carousel-container {
    width: 100%;
}

.item {}

.item img {
    width: 100%;
}

.item h4 {
    margin-top: 10px;
    color: #333;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
}

.item p {
    color: #333;
}



.customNavigation {
    margin-top: 5px;
    margin-right: 11px;
    text-align: right;
    display: flex;
    width: 100%;
    display: flex;
    align-items: center;
}

.customNavigation .btn {
    position: relative;
    display: inline-block;
    overflow: visible;
    margin: -1.9px;
    padding: 0.8em 1.1em;
    border: 0;
    box-shadow: none;
    color: #fff;
    text-transform: uppercase;
    text-shadow: none;
    font-size: 20px;
    cursor: crosshair;
    -webkit-transition: all .1s ease-in 0s;
    -moz-transition: all .1s ease-in 0s;
    -o-transition: all .1s ease-in 0s;
    transition-property: all .1s ease-in 0s;
    -webkit-font-smoothing: antialiased;
    background: #333;
}

.customNavigation .btn:hover {
    background: #222;
}

.hoverfx {}

.hoverfx img {
    position: absolute;
    left: 0;
    width: 100%;
}

.hoverfx:before {
    display: inline-block;
    padding-top: 60%;
    vertical-align: middle;
}

.hoverfx .figure {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 10px 15px;
    max-width: 60%;
    border: 3px solid #e9e9e9;
    color: #ecf0f1;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 1.2rem;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition-property: all .3s ease;
}

.hoverfx .figure:hover {
    background: #e9e9e9;
    color: #333;
}

.hoverfx .overlay {
    position: absolute;
    top: 0;
    z-index: 1;
    padding: 50%;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition-property: all .3s ease;
}

.item:hover .figure,
.item:hover .overlay {
    opacity: 1;
}

.jck-ttl ul {
    float: left;
    width: 100%;
    display: table;
    color: #e09d2e;
    font: 700 14px/16px Roboto, Arial, Helvetica, sans-serif;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.jck-ttl ul li {
    display: table-cell;
    vertical-align: top;
    padding: 0 24px;
    width: 1%;
    box-sizing: border-box;
    position: relative;
}

.jck-ttl ul li:first-child,
.jck-ttl ul li:last-child {
    width: 48px;
}

.jck-ttl ul li.line-ttl:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 7px;
    background: #cd9731;
    z-index: 5;
    transform: translate3d(0, 0, 0);
}

.jck-ttl {
    width: 100%;
    padding: 15px 0px;
}

li.bg-ttl {
    background: #111111;
    color: #42e511;
}

.bg-l a {
    font-size: 12px !important;
    color: #42e511;
    background: none !important;
    padding: 10px;
}

.bg-l a i {
    color: #bf8f32;
}

.jackpot-wrap {
    background: #111111;
    position: relative;
}

.bg-l {
    position: absolute;
    right: 0px;
    top: 12px;
    background: #111111;
    z-index: 10;
}

.jck-in p {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    margin: 0px;
}

.jacktop-nm h1 {
    font-size: 98px;
    letter-spacing: 25px;
}

.jacktop-nm {
    display: flex;
    justify-content: center;
}

.jacktop-nm span {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 24px;
}

.bg-l a:hover,
.bg-l a:focus {
    color: #a5752670;
}

/**********Lobby *************/
.inx-lby-in ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.inx-lby-in2 ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 20px;
}

button.btn-go {
    bottom: 0%;
    border: none;
    padding: 10px 50px;
    font-size: 29px;
    color: #ffffff;
    right: 0;
    left: 0;
    margin: 0px auto;
    text-align: center;
    border-radius: 0px;
    background: linear-gradient(to bottom, rgba(84, 63, 22, 1) 0%, rgba(173, 132, 57, 1) 100%);
    font-weight: bold;
}

button.btn-go:hover {
    background: #83601d;
    color: #fff;
}

.blk-center {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0px auto;
    position: absolute;
    bottom: 15%;
}

/**********Promo *************/
#filter-box {
    width: 1272px;
    margin: 0px auto;
    padding-top: 30px;
}

.promo-bg {
    /* background: #002255; */
    padding-bottom: 50px;
}

.mix {
    display: none;
}

.filter-menu-bar {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
    background: linear-gradient(to bottom, rgba(102, 102, 102, 1) 0%, rgba(35, 35, 35, 1) 75%, rgba(65, 65, 65, 1) 100%);
    /* border-bottom: 1px solid #00a2ff; */
}

.pmbox {
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 0px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    align-items: center;
}

.pmbox:hover,
.pmbox.active {
    background: linear-gradient(to bottom, rgba(84, 63, 22, 1) 0%, rgba(173, 132, 57, 1) 100%);
    color: #fff;
}

.promo-content {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-top: 15px;
}

.pm-boxer {
    display: flex;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
    max-width: 100%;
    height: auto;
    align-content: center;
    color: #fff;
    flex-direction: column;
    justify-content: center;
}

.pm-boxer_inner {
    height: 85px;
    padding: 10px 20px;
}

h4.ttl-promo {
    color: #21276d;
    font-size: 17px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.promo-per {
    color: #e40080;
    display: flex;
    margin-top: 20px;
}

.pm-boxer_inner_sec {
    display: flex;
    align-items: flex-end;
}

.moreinfo_btn {
    background: #ffc000;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    font-size: 13px;
}

.apply_btn {
    background: linear-gradient(to bottom, #b60000 0%, #5a0500 100%, #f1e767 100%);
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    font-size: 13px;
}

.text_red {
    color: #e40080;
    margin-left: 10px;
    font-weight: bold;
}

.text_blue {
    color: #9a7922;
}

.modal-dialog.promo {
    max-width: 800px !important;
}

.modal-content.promo {
    border: 1px solid #dd2e87;
    border-radius: 0px;
}

button.close-promo {
    background: none;
    border: none;
    font-size: 19px;
    padding: 13px;
    line-height: 1;
    font-weight: 700;
    position: absolute;
    right: 5px;
    top: 10px;
    color: #ffffffa3;
}

.grlist {
    color: #ffffff;
}

.pm-title-wrapper {
    font-size: 16px;
    color: #ffffff;
    padding: 20px 20px;
    background: #83601d;
    border-bottom: 1px solid #83601d;
}

.pmtable-wrapper {}

table.promo-table tr th {
    color: #fff;
    background: #000000;
    padding: 10px 0px;
    border: 1px solid #2e2e2e;
    text-align: center;
}

table.promo-table tr td {
    border: 1px solid #2e2e2e;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    background: #535353;
}

.gr-title {
    margin-top: 20px;
    font-weight: 700;
    font-size: 16px;
    color: #ffffff;
}

.grlist ul {
    padding-left: 20px;
    margin-top: 5px;
}

.grlist ul li {
    padding-bottom: 8px;
    font-size: 14px;
    list-style: disc;
}

.promo-pop-cont {
    padding: 15px;
    background: #2e2e2e;
    color: #fff;
}

.pm-boxer img {
    width: 100%;
}

/**********AFTER LOGIN page *************/
.account-sec .container {
    width: 1366px;
    max-width: 1670px;
    display: block;
    margin: 0px auto;
    padding: 0px;
}

.account-sec {
    padding: 28px 0px;
    color: #fff;
}

.wallet-cotent {
    display: grid;
    grid-template-columns: 27% auto;
    grid-gap: 5px;
}

.wallet-left {
    color: #fff;
    height: auto;
    padding: 10px;
    background: #1a1a1a;
}

.wallet-head {
    border-bottom: 2px solid #83601d;
    text-align: center;
    padding: 10px 0 15px;
    margin-bottom: 10px;
}

.wb-title {
    font-size: 20px;
    color: #83601d;
}

.wallet-balance {
    font-size: 20px;
}

.table-wallet-wrap {
    margin-bottom: 15px;
}

table.wallet-table tr td {
    vertical-align: top;
    padding: 6px 1px;
    text-align: right;
}

table.wallet-table tr td:first-child {
    text-align: left;
}

span.plus-icon {
    margin-left: 5px;
}

.subgame {
    padding: 10px 0 0 15px;
}

button.out-btn {
    background: none;
    border-radius: 2px;
    border: 1.5px solid #fce151;
    padding: 0;
    line-height: 1;
    color: #fce151;
    font-size: 9px;
    text-transform: uppercase;
    height: 20px;
    width: 30px;
}

button.in-btn {
    background: none;
    border-radius: 2px;
    border: 1.5px solid #299D82;
    padding: 0;
    line-height: 1;
    color: #299D82;
    font-size: 9px;
    text-transform: uppercase;
    height: 20px;
    width: 30px;
}

.total-wrap {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 2px solid #83601d;
}

button.transfer-all {
    background: #83601d;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    border: none;
    border-radius: 3px;
    padding: 7px 2px;
    text-transform: uppercase;
}

button.transfer-all:hover {
    filter: brightness(1.1);
}

.wallet-right {
    min-height: 500px;
    height: auto;
    background: #1a1a1a;
    color: #fff;
}

.player-vip-status {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    align-items: center;
    background: linear-gradient(to bottom, rgba(102, 102, 102, 1) 0%, rgba(35, 35, 35, 1) 75%, rgba(65, 65, 65, 1) 100%);
    border-left: 3px solid #83601d;
    border-right: 3px solid #83601d;
    height: 85px;
}

.pvbox {
    position: relative;
    font-size: 12px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pvbox::after {
    content: '';
    height: 48px;
    border-right: 1px dotted #fff;
    position: absolute;
    right: 0;
    top: 19px;
}

.pvbox:last-child::after {
    content: none;
}

.vipflex {
    display: flex;
    align-items: center;
}

.pvtext2 {
    color: #83601d;
    text-transform: uppercase;
    font-weight: 600;
}

.withdrawal-tip {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    padding: 15px 10px;
    width: 230px;
    font-size: 90%;
    display: none;
    left: 90px;
    z-index: 1;
}

.vip-value {
    color: #cf2c89;
}

.tips {
    cursor: pointer;
    vertical-align: middle;
    font-size: 18px;
    color: #fff;
}

.tips:hover~.withdrawal-tip {
    display: block;
}

.account-title {
    padding: 20px;
    font-size: 30px;
}

.account-title span {
    border-bottom: 1px dotted #83601d;
}

.depo-wrap {
    padding: 15px;
}

.deposit-option {
    display: flex;
    margin-bottom: 15px;
}

.dobox {
    text-align: center;
    max-width: 120px;
    margin-right: 20px;
}

span.depname {
    display: block;
}

.dobox a {
    border: 2px solid transparent;
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    filter: grayscale(1);
}

.dobox a.active {
    border: 2px solid #0036ff;
    filter: none;
}

.dobox a.active::after {
    content: '';
    background: url("../images/common/tick-corner.png")no-repeat center;
    background-size: 100%;
    width: 20px;
    height: 20px;
    z-index: 1;
    position: absolute;
    bottom: 0px;
    right: 0;
}

.bank-choice {
    display: flex;
    margin-bottom: 15px;
}

.bankbox {
    cursor: pointer;
    margin-right: 40px;
    display: flex;
    align-items: center;
}

.bankbox .bankc {
    position: relative;
    border: 2px solid transparent;
    overflow: hidden;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    filter: grayscale(1);
}

.bankbox .bankc img {
    height: 38px;
}

.bankbox.active .bankc,
.bankbox:hover .bankc {
    border: 2px solid #8003c6;
    filter: none;
}

.bankbox.active .bankc::after,
.bankbox:hover .bankc::after {
    content: '';
    background: url("../images/common/tick-corner.png")no-repeat center;
    background-size: 100%;
    width: 20px;
    height: 20px;
    z-index: 1;
    position: absolute;
    bottom: 0px;
    right: 0;
}

.bank-depo-detail {
    border: 2px solid #0036ff;
    border-radius: 10px;
    padding: 10px;
    width: 650px;
}

table.bank-depo-table tr td {
    padding: 3px 8px;
}

table.bank-depo-table tr td:first-child {
    border-right: 1px solid #B4B4B4;
}

span.highlight-depo {
    background-color: #0036ff;
    padding: 4px 4px;
    margin-left: -4px;
}

a.copy-icon {
    color: #00a2ff;
    font-size: 18px;
    margin-left: 5px;
}

.tutorial-wrap {
    border: 2px solid #0036ff;
    border-radius: 10px;
    padding: 6px;
    margin-top: 20px;
    width: max-content;
    margin-bottom: 10px;
}

table.tutorial-table tr td:first-child {
    border-right: 1px solid #B4B4B4;
}

table.tutorial-table tr td {
    padding: 3px 8px;
}

table.tutorial-table tr td:last-child {
    padding-left: 25px;
}

a.watchnow {
    background: #83601d;
    color: #fff;
    display: inline-block;
    padding: 9px 15px;
    border-radius: 4px;
    text-transform: uppercase;
    line-height: 1;
    margin: 2px 0;
}

table.depo-table tr td {
    padding: 3px 8px;
    vertical-align: top;
}

table.depo-table tr td:first-child {
    border-right: 1px solid #B4B4B4;
}

table.depo-table tr td:last-child {
    padding-left: 25px;
}

table.history-table tr:nth-child(odd) {
    background: #000000;
}

input.depo-input,
select.depo-input {
    background: #434343;
    border: none;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 5px 10px;
    min-width: 300px;
    color: #fff;
    height: 30px;
    max-width: 300px;
}

.choose-amount {
    display: flex;
    margin: 6px 0;
    max-width: 300px;
}

.amt-num {
    background: #232323;
    color: #afafaf;
    border-radius: 4px;
    border: 1px solid transparent;
    width: 62px;
    height: 38px;
    display: flex;
    justify-content: center;
    padding: 11px 2px;
    margin-right: 7px;
    cursor: pointer;
}

.amt-num:last-child {
    margin: 0;
}

.amt-num.active,
.amt-num:hover {
    border: 1px solid #fce151;
}

.date-receipt {
    display: flex;
    max-width: 450px;
}

.date-receipt input,
.date-receipt select {
    background: #232323;
    border: none;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 5px 10px;
    color: #fff;
    height: 30px;
    margin-right: 10px;
}

.radio-custom {
    opacity: 0;
    position: absolute;
}

.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.radio-custom-label {
    position: relative;
}

.radio-custom+.radio-custom-label:before {
    content: '';
    background: #000;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.radio-custom:checked+.radio-custom-label:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #fff;
    font-size: 11px;
}

.radio-custom+.radio-custom-label:before {
    border-radius: 50%;
}

button.submit-depo-btn {
    background: #83601d;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    border: none;
    height: 30px;
    padding: 0 20px;
    border-radius: 2px;
}

button.submit-depo-btn:hover {
    filter: brightness(1.1);
}

.wd-bank {
    display: flex;
}


.htr-type {
    display: flex;
    margin-bottom: 10px;
}

.htrbox {
    cursor: pointer;
    border-radius: 4px;
    border: 1.5px solid #afafaf;
    line-height: 1;
    color: #afafaf;
    font-size: 13px;
    padding: 5px 10px;
    margin-right: 9px;
}

.htrbox.active,
.htrbox:hover {
    color: #fff;
    border: 1.5px solid #83601d;
}

.history-date {
    display: flex;
    align-items: center;
}

.history-date input.depo-input {
    min-width: auto;
}

.nav-tabs.nav-account {
    margin: 15px 10px;
    border: none;
}

.account-wrapper .nav {
    position: relative;
    background: none;
    z-index: auto;
}

.nav-tabs.nav-account .nav-link {
    border-radius: 8px;
    font-size: 23px;
    padding: 5px 15px;
    color: #fff;
    border: 1px solid #83601d;
    background: #000000;
}

.nav-tabs.nav-account .nav-item.show .nav-link,
.nav-tabs.nav-account .nav-link.active {
    color: #fff;
    background-color: #83601d;
    border: 1px solid #83601d;
}

.nav-tabs.nav-account .nav-item {
    margin-bottom: -1px;
    margin-right: 16px;
}

.acc-wrap {
    padding: 0 10px;
}

.membervip {
    display: flex;
    align-items: center;
}

span.vip-acc {
    margin: 0 10px;
}

span.vip-acc img {
    height: 38px;
}

a.current-status {
    display: inline-block;
    background: #83601d;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    padding: 7px 10px;
    border-radius: 3px;
    line-height: 1;
}

table.depo-table.acct tr td {
    height: 38px;
}

.dob-field {
    display: flex;
    align-items: center;
}

.dobbox {
    display: flex;
    margin-right: 4px;
    align-items: center;
}

select.dob_day {
    border: 1px solid #fff;
    background: #000;
    color: #fff;
    padding: 7px 4px;
    margin: 0 4px;
    border-radius: 5px;
}

.yellow {
    color: #fce151;
}

.green {
    color: #299D82;
}

a.password-btn {
    color: #fff;
    padding: 0 10px;
    display: inline-block;
    margin-bottom: 15px;
}

table.depo-table.mypromo {
    margin-bottom: 15px;
}

table.depo-table.mypromo tr td {
    vertical-align: middle;
}

table.depo-table.mypromo tr td a i {
    font-size: 18px;
    vertical-align: bottom;
}

.promo-info {
    padding: 5px 10px;
    line-height: 1.4;
}

a.claim-btn {
    background: #83601d;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    border: none;
    height: 30px;
    padding: 7px 20px;
    border-radius: 2px;
    margin: 5px 0px;
}

.history-table-wrap {
    margin: 15px 0;
    overflow: auto;
}

table.history-table {
    text-align: center;
    font-size: 13px;
}

table.history-table tr th {
    background: #83601d;
    padding: 7px 2px;
    font-weight: 400;
    border-right: 1px solid #2b1e38;
}

table.history-table tr th:last-child {
    border: none;
}

table.history-table tr td {
    padding: 7px 2px;
    background: #cdcdcd1a;
}

/** Inbox **/
.nav-tabs.nav-mail {
    border-bottom: none;
    margin-bottom: 10px;
}

.nav-tabs.nav-mail .nav-item {
    margin-right: 8px;
}

.nav-tabs.nav-mail .nav-link {
    border: 1px solid #c90303;
    border-radius: 0;
    color: #fff;
    padding: 8px 24px;
}

.nav-tabs.nav-mail .nav-item.show .nav-link,
.nav-tabs.nav-mail .nav-link.active {
    color: #fff;
    background-color: #c90303;
    border-color: #c90303;
}

table.mail-table tr th {
    background: #83601d;
    color: #fff;
    padding: 10px 7px;
    text-align: center;
    border-left: 2px solid #000;
}

table.mail-table tr th:first-child {
    text-align: left;
    border: none;
}

table.mail-table tr td {
    background: #000;
    color: #fff;
    padding: 10px 7px;
    cursor: pointer;
}

table.mail-table tr td:last-child {
    text-align: right;
}

table.mail-table tr td.delete-box a {
    color: #575757;
    padding: 0 10px;
}

table.mail-table tr td.delete-box a:hover {
    color: #fff;
}

table.mail-table tr:hover td {
    background: #83601d33;
}

.checkwrap {
    display: inline-block;
    position: relative;
    padding-left: 29px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkwrap input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #000;
}

.checkwrap:hover input~.checkmark {
    background-color: transparent;
}

.checkwrap input:checked~.checkmark {
    background: transparent;
    border: 1px solid #000;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkwrap input:checked~.checkmark:after {
    display: block;
}

.checkwrap .checkmark:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 16px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

table.mail-table tr td .checkwrap input:checked~.checkmark {
    border: 1px solid #B4B4B4;
}

table.mail-table tr td .checkmark {
    border: 1px solid #B4B4B4;
}

.checkwrap input[type="checkbox"] {
    position: relative;
}

table.mail-table tr td .checkwrap .checkmark:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 16px;
    border: solid #B4B4B4;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mail-btm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 15px;
}

.num-mail {
    font-size: 13px;
    color: #8c8c8c;
}

a.delete-btn {
    display: inline-block;
    background: #83601d;
    color: #fff;
    padding: 7px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 0 5px rgb(0 0 0 / 80%);
}

a.mailpage-arrow {
    padding: 2px;
}

a.paginate_button {
    padding: 5px;
    color: #000;
    display: block;
}

a.paginate_button.current {
    background: #929292;
}

.inbox {
    background: #262626;
    border: 1px solid #83601d;
}

.close-inbox {
    position: absolute;
    background: none;
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 23px;
    right: 6px;
    top: 5px;
    z-index: 2;
}

.inbox-title-top {
    background: #83601d;
    padding: 10px;
    font-weight: bold;
}

.inbox-content {
    padding: 10px;
}

/** Transaction pending **/
.trans-sec {
    padding: 15px 0;
    color: #fff;
    min-height: 600px;
}

.websocial-box {
    display: flex;
    align-items: flex-end;
    width: 700px;
    margin: 0 auto;
    position: relative;
}

.quote-left {
    position: absolute;
    left: -80px;
    top: 0;
}

.quote-right {
    position: absolute;
    right: -80px;
    bottom: 0;
}

.offical {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 5px;
}

.social-box {
    width: 50%
}

.website-box {
    width: 50%;
}

ul.pending-websites li {
    padding-bottom: 7px;
}

ul.pending-websites li span {
    display: inline-block;
}

ul.pending-websites li span.weblink {
    width: 180px;
}

ul.pending-websites li span i {
    color: #258B73;
    vertical-align: middle;
    font-size: 16px;
}

.pending-title {
    position: relative;
    font-weight: 600;
    font-size: 20px;
    padding: 30px 0;
    margin-top: 10px;
}

.pending-title::before {
    content: '';
    width: 72px;
    height: 4px;
    background: #fce151;
    position: absolute;
    top: 0;
    left: 0;
}

.refer-wrap {
    padding: 20px;
}

.refer-qr img {
    width: 200px;
}

/********Info *********/
.info-menu-wrapper {
    background: #252424;
    overflow: hidden;
    line-height: 1.2;
}

.info-menu-wrapper a {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 15px;
    border-left: 4px solid #dd2e8700;
}

.info-menu-wrapper a:last-child {
    border-bottom: none;
}

.info-menu-wrapper a.active,
.info-menu-wrapper a:hover {
    background: #000000;
    border-left: 4px solid #83601d;
}

.info-wrapper {
    background: #252424;
    border-radius: 7px;
    padding: 25px 30px;
    margin-bottom: 30px;
    min-height: 500px;
    line-height: 25px;
}

ol.faq {
    padding: 0 0 0 15px;
}

.info-wrapper h3 {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.about-sec-in {
    display: flex;
    padding-top: 20px;
}

ol.faq li {
    padding-bottom: 13px;
}

button.btn-tnc {
    background: #000000;
    width: 100%;
    text-align: left;
    font-size: 16px;
    padding: 8px 15px;
    color: #fff;
    border: none;
    border-radius: 5px;
    position: relative;
}

button.btn-tnc.collapsed {
    background: #000000;
    color: #fff;
}

button.btn-tnc:focus {
    outline: none;
}

.tnc-card {
    margin-bottom: 5px;
}

.tnc-body {
    background: rgba(0, 0, 0, 0.3);
    padding: 20px 20px 10px;
    border-radius: 4px;
    margin-top: 2px;
    line-height: 1.3;
}

.tnc-body ol {
    padding-left: 15px;
}

.tnc-body ol li {
    padding-bottom: 8px;
}

.bank-table tr.trans td {
    background: rgb(68 68 68 / 50%);
    color: #fff;
    border: 1px solid #83601d;
    padding: 2px;
}

.bank-table tr.trans1 td {
    background: rgb(68 68 68 / 50%);
    color: #fff;
    border: 1px solid #83601d;
    padding: 2px;
}

.bank-table tr.dwbox td {
    background: #000000;
    color: #fff;
    font-weight: 600;
    padding: 2px;
    border: 1px solid #83601d;
}

button.btn-tnc::after {
    content: '>';
    font-size: 16px;
    line-height: 1;
    position: absolute;
    right: 17px;
    top: 10px;
    transform: rotate(270deg);
    transition: all 0.3s;
}

button.btn-tnc.collapsed::after {
    content: '>';
    transform: rotate(90deg);
    transition: all 0.3s;
}

.if-content .container {
    width: 1366px;
    max-width: 1366px;
    display: block;
    margin: 0px auto;
    padding: 0px;
}

.bank-table {
    margin-top: 10px;
}

#button.show {
    opacity: 1;
    visibility: visible;
}

.contact-wrap a {
    color: #83601d;
}

p.clr-pnk {
    color: #83601d;
}

/*******joinnow*********/
.joinnow .modal-dialog {
    width: 1000px;
    max-width: 1000px;
}

.joinnow .modal-dialog {
    max-width: 780px;
    background: none;
}

.joinnow .modal-content {
    background: none;
    border: none;
}

.join-cnt {
    display: flex;
    /* padding-bottom: 20px; */
    align-items: center;
    background: #2e2e2e;
}

.joinnow .close-x {
    position: absolute;
    right: 10px;
    top: 10px;
    background: none;
    border: none;
    color: #ffffffa6;
    font-size: 20px;
}

.join-r-top {
    display: flex;
    justify-content: space-between;
}

.join-r {
    background: #2e2e2e;
    padding: 15px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 450px;
    /* border-radius: 10px; */
}

.join-l {
    width: 400px;
    padding: 10px;
    min-height: 803px;
    display: flex;
    align-items: center;
}

.join-ttl {
    padding: 10px 20px;
    font-size: 20px;
    font-weight: bold;
}

.join-r-cnt {
    padding: 0px 15px;
}

.flag-ttl {
    display: flex;
    padding-right: 15px;
}

.flag-ttl img {
    max-width: 20px;
}

.flag-ttl i {
    font-size: 13px;
    color: #fff;
}

.reg-sec {
    padding: 30px 0;
}

.fg-wrapper {
    padding: 30px;
    max-width: 959px;
    margin: auto;
    display: grid;
    grid-template-columns: 34% auto;
    grid-gap: 30px;
    background: #222548;
    border: 1px solid #21276d;
}

.fg-form {
    max-width: 400px;
}

.enter-remind {
    border: 1px solid #DDDDDD;
    padding: 20px;
    font-size: 17px;
    height: 120px;
    color: #ffffff;
    display: flex;
    align-items: center;
}

.bk-title {
    color: #fff;
    padding: 8px 15px;
    font-size: 16px;
    margin-bottom: 15px;
    background: linear-gradient(to bottom, rgba(169, 211, 32, 1) 0%, rgba(56, 131, 18, 1) 100%);
    box-shadow: inset 0px 0px 5px #fff;
}

.regfield {
    display: grid;
    grid-template-columns: 145px auto;
    grid-gap: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.rgfeild {
    position: relative;
}

.regfield .label {
    align-self: center;
    color: #fff;
}

span.manred {
    color: red;
    float: right;
}

.regfield input {
    font-size: 13px;
    padding: 3px 10px;
    border: 1px solid #d6d6d6;
    height: 34px;
}

.vericode {
    position: absolute;
    top: 5px;
    right: 7px;
}

button.reg-btn {
    background: #c22323;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 20px;
    width: 110px;
    height: 30px;
    font-size: 13px;
    box-shadow: inset 0px 0px 5px #fff;
}

button.reg-btn:hover {
    filter: brightness(0.5);
}

.logo-reg img {
    width: 60%;
    margin: 0px auto;
    margin-top: 30px;
    display: block;
}

.join-r h5 {
    text-align: center;
    color: rgba(255, 255, 255, .32);
    margin-top: 10px;
}

.join-r p {
    text-align: center;
    color: rgb(255 255 255 / 74%);
}

.login-box .form-control {
    background: none;
    border: 1px solid #ffffff30;
    border-radius: 0px;
    font-size: 12px;
    color: #fff;
}

.login-box .form-control:focus {
    box-shadow: 0px 0px 2px #ff36c0;
}

.login-box {
    margin-top: 30px;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 2.3em;
    font-size: 11px;
    line-height: 1.7;
    cursor: pointer;
    color: rgba(255, 255, 255, .32);
}

[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 0;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #ffffff5e;
    background: none;
    border-radius: .2em;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 rgba(203, 34, 237, .2);
    -webkit-transition: all .275s;
    transition: all .275s;
}

[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
    content: '✕';
    position: absolute;
    top: .525em;
    left: .18em;
    font-size: 1.375em;
    color: #CB22ED;
    line-height: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
}

[type="checkbox"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}

[type="checkbox"]:disabled:not(:checked)+label:before,
[type="checkbox"]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #e9e9e9;
}

[type="checkbox"]:disabled:checked+label:after {
    color: #777;
}

[type="checkbox"]:disabled+label {
    color: #aaa;
}

[type="checkbox"]:checked:focus+label:before,
[type="checkbox"]:not(:checked):focus+label:before {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 6px rgba(203, 34, 237, .2);
}

.recaptcha-v3 {
    color: rgba(255, 255, 255, .32);
    font-size: 11px;
    text-align: center;
    margin-bottom: 20px;
}

.form-check a {
    color: #ffffff75;
}

.recaptcha-v3 a {
    color: #ffffff75;
}

.btn-create {
    width: 100%;
    border: none;
    background: #83601d;
    color: #fff;
    padding: 8px;
}

.alrdy {
    text-align: center;
    padding-top: 18px;
    font-size: 12px;
    color: rgba(255, 255, 255, .32);
    margin-bottom: 30px;
}

.alrdy a {
    color: #ffffff75;
    text-decoration: underline;
}

.login-md .close-x {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    color: #ffffffa6;
    font-size: 20px;
    top: 10px;
}

.modal-dialog.login-md {
    width: 360px;
    background: none;
}

.modal.show .modal-content {
    background: none;
    border: none;
}

.form-check {
    padding: 0px;
    margin: 0px;
}

.recaptcha {
    display: flex;
    color: rgba(255, 255, 255, .32);
    margin-bottom: 15px;
}

.recaptcha a {
    font-size: 11px;
    color: rgba(255, 255, 255, .32);
}

.btn-crt {
    margin-right: 30px;
}

/********SLIDER***********/
.swiper-button-prev,
.swiper-button-next {
    color: #fff !important;
    position: relative !important;
    width: 102px !important;
    margin: 0px !important;
    background-image:none;
}

.swiper-button-prev {
    left: 0px;
    top: 0px !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 20px;
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background-image:none;

}

.swiper-pagination {
    position: relative !important;
    left: 0px !important;
    bottom: 0px;
}

.swiper-button-next {
    right: 0px !important;
    top: 0px !important;
}

.swiper-button-prev:after {
    font-size: 20px;
    content: "\f060";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        -webkit-appearance: menulist-button !important;
        line-height: 24px !important;
    }
}

.modal-backdrop.show {
    opacity: .8;
}

.container {
    width: 1670px;
    max-width: 1670px;
    display: block;
    margin: 0px auto;
    padding: 0px;
}

@media (min-width:1345px) {
    .MenuTab {
        width: 800px;
        position: absolute;
        top: -44px;
        left: 21%;
        right: 0;
    }
}

@media (min-width:1200px) {
    .MenuTab {
        width: 800px;
        position: absolute;
        top: -44px;
        left: 17%;
        right: 0;
    }

    #filter-box {
        width: 1024px;
        max-width: 1320px;
        display: block;
        margin: 0px auto;
        padding: 0px;
        padding-top: 30px;
    }

    .container {
        width: 1180px;
        max-width: 1180px;
        display: block;
        margin: 0px auto;
        padding: 0px;
    }

}

@media (min-width:1440px) {
    .container {
        width: 1400px;
        max-width: 1400px;
        display: block;
        margin: 0px auto;
        padding: 0px;
    }

    .MenuTab {
        width: 800px;
        position: absolute;
        top: -44px;
        left: 15%;
        right: 0;
    }
}

@media (min-width:1670px) {
    .container {
        width: 1400px;
        max-width: 1400px;
        display: block;
        margin: 0px auto;
        padding: 0px;
    }

    .MenuTab {
        width: 800px;
        position: absolute;
        top: -44px;
        left: 19%;
        right: 0;
    }

}

@media (min-width:1920px) {
    .MenuTab {
        width: 800px;
        position: absolute;
        top: -44px;
        left: 13%;
        right: 0;
    }

    .container {
        width: 1400px;
        max-width: 1680px;
        display: block;
        margin: 0px auto;
        padding: 0px;
    }

    .MenuTab {
        width: 800px;
        position: absolute;
        top: -44px;
        left: 15%;
        right: 0;
    }

}

@media (min-width:1921px) {
    .MenuTab {
        width: 800px;
        position: absolute;
        top: -44px;
        left: 15%;
        right: 0;
    }
}

@media (max-width:1200px) {
    .MenuTab {
        width: 800px;
        position: absolute;
        top: -44px;
        left: 12%;
        right: 0;
    }

    #filter-box {
        width: 1024px;
        max-width: 1320px;
        display: block;
        margin: 0px auto;
        padding: 0px;
        padding-top: 30px;
    }

    .container {
        width: 1180px;
        max-width: 1180px;
        display: block;
        margin: 0px auto;
        padding: 0px;
        width: 100%;
        min-height: 100%;
        min-width: 980px;
    }

}


/*********28022022**********/
.reg-content {
    background: url("../images/common/bg-register.jpg") center top no-repeat;
    height: 720px;
}

.reg-content-2 {
    background: url("../images/common/bg-thank.jpg") center top no-repeat;
    height: 720px;
}

.reg-form {
    width: 790px;
    display: flex;
    justify-content: flex-end;
    margin: 0px auto;
    padding-top: 3%;
}

.reg-form-2 {
    position: relative;
    height: 720px;
}

.reg-form-box {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    text-align: center;
    top: 28%;
}

.reg-form-box h1 {
    font-weight: bold;
    font-size: 76px;
    text-shadow: 0 0 11px #cf2c89, 0 0 11px #cf2c89, 0 0 11px #cf2c89;
}

.reg-form-box h4 {
    text-shadow: 0 0 11px #cf2c89, 0 0 11px #cf2c89, 0 0 11px #cf2c89;
    font-weight: bold;
    font-size: 42px;
}

.reg-form-box p {
    text-shadow: 0 0 11px #001eff, 0 0 11px #001eff, 0 0 11px #001eff;
    font-size: 24px;
    margin-top: 20px;
}

.btn-plynow {
    margin: 0px auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    width: 215px;
    bottom: 15%;
    background: #dd2e87;
    color: #fff;
    padding: 10px;
    font-size: 20px;
    border: none;
    font-weight: bold;
}

.btn-plynow:hover {
    background: #b11262;
}




/*********01022022**********/
.step-wrap ul {
    display: flex;
    color: #fff;
    padding: 0px;
    justify-content: space-between;
    margin: 0px;
    position: relative;
    width: 250px;
    flex-direction: row;
    border: none;
}

.step-wrap ul li {
    list-style: none;
    /* margin: 0px 41px; */
    z-index: 10;
}

.btn-step-act {
    background: #d7b556 !important;
}

.step-wrap ul li a {
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px !important;
    background: #1a1a1a;
    z-index: 10;
    border: 1px solid #83601d !important;
    color: #fff !important;
}

.step-wrap {
    position: relative;
    margin-top: 40px;
    /* margin-bottom: 40px; */
    display: flex;
    justify-content: center;
}

.step-wrap ul::after {
    content: '';
    background-color: #83601d;
    position: absolute;
    top: 32%;
    left: 0;
    height: 4px;
    width: 100%;
    z-index: 1;
    margin: 0px auto;
    right: 0;
}

.af-wrap {
    width: 530px;
    display: block;
    margin: 0px auto;
}

.af-deposit ul {
    display: flex;
    justify-content: center;
}

ul.afterlogin_deposit {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0px;
    gap: 10px;
}

.step-wrap ul li a.active,
.step-wrap ul li a:hover {
    background: #83601d !important;
}

.ab-top {
    display: block;
    /* margin:0px auto; */
}

.afterlogin_deposit a.active {
    background: #83601d;
    color: #ffffff;
    border: 1px solid #83601d;
}

ul.afterlogin_deposit li {
    list-style: none;
}

.btn-wrap {
    display: flex;
    /* justify-content:center; */
    gap: 10px;
}

.submit_btn2 {
    color: #ffffff;
    font-size: 19px;
    font-weight: 500;
    min-width: 132px;
    border: none;
    min-height: 39px;
    border-radius: 34px;
    background: #d7b556;
    margin: 0px auto;
    display: block;
}

.btn-wrap button {
    /* margin:0px 10px; */
}


.afterlogin_deposit a {
    padding: 10px 25px;
    display: flex;
    text-align: center;
    color: #ffffff;
    border: 1px solid #83601d;
    border-radius: 5px;
    min-height: 45px;
    justify-content: center;
    align-items: center;
    background: #000000;
}

.af-detail {
    max-width: 706px;
    margin: 0px auto;
    border: 1px solid #83601d;
    padding: 10px;
    margin-bottom: 30px;
    border-radius: 5px;
    margin-top: 20px;
}

.af-detail ol {
    padding-left: 20px;
}

.af-detail ol li {
    margin-bottom: 10px;
    list-style: auto;
}

.af-content {
    display: flex;
    padding: 8px 20px;
    align-items: center;
    position: relative;
    color: #fff;
    /* margin: 0px -15px; */
}

.form-group .af-content {
    background: #ffffff5e;
}

.af-cpy {
    position: absolute;
    right: 0px;
}

.btn-cpy {
    border: none;
    background: #83601d;
    padding: 8px 15px;
    color: #fff;
}

.submit-rest-btn {
    background: #000000;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    border: none;
    height: 30px;
    padding: 0 20px;
    border-radius: 2px;
}

.bank-type img {
    width: 150px;
}

/*download*/
.downloadpageTab {
    margin: 20px 0;
}

.downloadpageTab .nav {
    position: relative;
    display: block;
}

.downloadpageTab .nav-pills .nav-link {
    background: #000000;
    margin-bottom: 5px;
    height: 50px;
    color: #ffffff;
    align-items: center;
    display: flex;
    border: 1px solid #83601d;
}

.downloadpageTab .nav-link.active,
.downloadpageTab .nav-link:hover {
    background: linear-gradient(to bottom, rgba(84, 63, 22, 1) 0%, rgba(173, 132, 57, 1) 100%);
    color: #fff;
}

.downloadbody {
    text-align: center;
}

.downloadbox {
    text-align: center;
    width: 23%;
    margin: 0 5px;
    display: inline-block;
    height: 173px;
}

.ndl-btn {
    background: linear-gradient(to bottom, rgba(84, 63, 22, 1) 0%, rgba(173, 132, 57, 1) 100%);
    color: #ffffff;
    font-size: 13px;
    padding: 5px 10px;
    font-weight: 700;
    border-radius: 30px;
    display: block;
    margin: auto;
    margin-top: 4px;
    width: 78%;
}

.ndl-btn:hover,
.ndl-btn:focus {
    color: #ffffff;
    background: #a50000;
}

.adl-btn {
    background: linear-gradient(to bottom, rgba(84, 63, 22, 1) 0%, rgba(173, 132, 57, 1) 100%);
    color: #ffffff;
    font-size: 13px;
    padding: 5px 10px;
    font-weight: 700;
    border-radius: 30px;
    display: block;
    margin: auto;
    margin-top: 4px;
    width: 78%;
}

.adl-btn:hover,
.adl-btn:focus {
    color: #ffffff;
    background: #a50000;
}

.dl {
    max-width: 500px;
    margin: auto;
    margin-top: 20px;
}

.dl table {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}

.dl table th {
    border: 1px solid #ce9c2d;
    text-align: center;
    padding: 8px;
    background: linear-gradient(to bottom, rgba(84, 63, 22, 1) 0%, rgba(173, 132, 57, 1) 100%);
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}

.dl table td {
    text-align: left;
    padding: 8px;
    background-color: #252525;
    border: 1px solid #ce9c2d;
    color: #ffffff;
}

.dl .username_custom {
    color: #83601d;
}

.downloadboxContent {
    padding: 20px;
    border: 1px solid #ce9c2d;
    background: #000000;
}

/*downloadEND*/
.trans-table {
    margin-top: 15px;
    color: #fff;
}

.trans-table table {
    text-align: center;
    width: 100%;
}

.trans-table table tr th {
    border: 1px solid #83601d;
    padding: 4px;
    background: rgb(255 255 255 / 30%);
    color: #fff;
}

.trans-table table tr td {
    border: 1px solid #83601d;
    padding: 5px;
    color: #fff;
    vertical-align: baseline;
}

.trans-table table tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0.3);
}

.default-btn {
    background: #83601d;
    color: #fff !important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 24px;
    border-radius: 15px;
    box-shadow: 0px 5px 5px -1px rgb(0 0 0 / 65%);
    display: block;
    max-width: 80%;
}

.default-btn:hover {
    box-shadow: none;
    background: linear-gradient(to bottom, rgba(229, 178, 91, 1) 0%, rgba(244, 235, 139, 1) 100%);
}

/* VIP */
.vip-current {
    background: linear-gradient(to bottom, rgba(252,234,187,1) 10%, rgba(252,205,77,1) 30%, rgba(248,181,0,1) 50%, rgba(189,104,6,1) 90%);
    color: #270000;
    max-width: 250px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px 0;
    border-radius: 8px;
    margin-bottom: 10px;
}

.vip-current.privil {
    position: absolute;
    z-index: 2;
    top: 32px;
    left: 32px;
    width: 490px;
}

.vip-info-detail {
    position: relative;
    text-align: center;
    max-width: 1007px;
    margin: 0 auto;
}

.vip-info-detail::after {
    content: '';
    background: url(../images/common/vip/column.png)no-repeat top center;
    background-size: 100%;
    width: 1132px;
    height: 1412px;
    position: absolute;
    left: -46px;
    top: 0;
    pointer-events: none;
}

table.vip-info-table tr th {
    height: 180px;
}

table.vip-info-table tr td {
    width: 138px;
    height: 149px;
    padding: 10px 4px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-style: italic;
    font-size: 17px;
}

table.vip-info-table tr th:first-child {
    width: 315px;
    position: relative;
}

table.vip-info-table tr td:nth-child(even) {
    background-color: #0e0e0e;
}

img.prive-vip {
    position: absolute;
    left: 12px;
    top: 26px;
    z-index: 2;
}

.viptext {
    color: #c80303;
    font-weight: 700;
    font-style: normal;
}

.vipclass {
    color: #f7c14d;
}

.terms-vip {
    padding: 20px;
    font-size: 15px;
    background: #0e0e0e;
    margin-top: 20px;
}

.terms-vip p {
    font-size: 17px;
    font-weight: 600;
}

.exm {
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
}

.terms-vip ol li {
    padding-bottom: 3px;
}

a.privil-btn {
    background: linear-gradient(to bottom, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 20%, rgba(248,181,0,1) 50%, rgba(189,104,6,1) 90%);
    color: #270000;
    padding: 8px 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
}

a:hover.privil-btn {
    text-decoration: none;
    background: linear-gradient(to top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 20%, rgba(248,181,0,1) 50%, rgba(189,104,6,1) 90%);
}

a.how-btn {
    color: #fff;
    border: 2px solid #eec315;
    padding: 6px 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 10px;
    display: inline-block;
}

a:hover.how-btn {
    text-decoration: none;
    color: #270000;
    background: #eec315;
}

.vip-normal span:nth-child(-n+1) {
    background: linear-gradient(to bottom, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
}

.vip-bronze span:nth-child(-n+6) {
    background: linear-gradient(to bottom, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
}

.vip-silver span:nth-child(-n+9) {
    background: linear-gradient(to bottom, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
}

.vip-gold span:nth-child(-n+16) {
    background: linear-gradient(to bottom, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
}

.vip-platinum span:nth-child(-n+20) {
    background: linear-gradient(to bottom, rgba(244,20,20,1) 0%, rgba(138,7,7,1) 42%, rgba(138,7,7,1) 78%, rgba(193,5,5,1) 100%);
}

.vip-tnc {
    padding: 20px;
    color: #fff;
    background: #111111;
}

.vip-tnc h4 {
    font-size: 16px;
    font-weight: bold;
}

.vip-tnc ul {
    margin-bottom: 20px;
}

.vip-container {
    width: 1300px;
    margin: 0px auto;
}

.vip-wrap {
    background: url("../images/common/vip/vip-bg1.jpg") no-repeat center;
    padding: 30px 0;
}

tr.titleRow-last td {
    background: linear-gradient(to bottom, rgba(84, 63, 22, 1) 0%, rgba(173, 132, 57, 1) 100%) !important;
    border: none !important;
    color: #fff;
}

.vip-tnc ol li {
    margin-bottom: 5px;
    padding-left: 10px;
}

/* TOURNAMENT */

.tournament-sec {
    background: url(../images/common/tournament/tournament-bg.jpg)no-repeat center;
    padding-top: 100px;
    padding-bottom: 100px;
}

.title-bg {
    background: url(../images/common/tournament/maintitle.png)no-repeat center;
    height: 559px;
    position: relative;
}

.title-money {
    color: #fff;
    font-size: 23px;
}

.title-text {
    position: absolute;
    bottom: 30px;
    color: #cd9731;
    display: block;
    text-align: center;
    width: 100%;
    font-weight: 700;
    font-size: 25px;
}

.tournament-table {
    width: 80%;
    margin: 40px auto;
    display: grid;
    grid-template-columns: 30% 70%;
}

.tournament-table span {
    padding: 10px 15px;
}

.tournament-table .span-1 {
    color: #cd9731;
    background: rgba(0, 0, 0, 0.753);
    margin-bottom: 2px;
    margin-right: 2px;
    font-weight: 600;
    font-size: 18px;
}

.tournament-table .span-2 {
    color: #fff;
    background: rgba(0, 0, 0, 0.507);
    margin-bottom: 2px;
    font-weight: 600;
}

.tournament-btn-group {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal#result {
    top: 0;
}

.tournament button.close {
    color: #cd9731;
    position: absolute;
    right: 22px;
    top: 22px;
    opacity: 1;
    height: 30px;
    border: 1px solid #cd9731;
    width: 30px;
    border-radius: 50%;
    text-shadow: none;
    font-size: 30px;
    z-index: 999;
}

.tournament .title-text {
    text-align: center;
    left: 0;
    position: absolute;
}

.tournament-header {
    position: relative;
    /* top: -75px; */
    text-align: center;
    width: 100%;
    z-index: 99;
    left: 0;
    display: flex;
    justify-content: center;
}

.result-table {
    margin-top: 20px;
    padding: 20px 10px;
    border: 1px solid #cd9731;
    border-radius: 10px;
    background: #000;
}

.result-table table {
    width: 100%;
    color: #fff;
}

.result-table tr:nth-child(odd) {
    background: #160f00;
}

.result-table tr:nth-child(even) {
    background: #231401;
}

.result-table tr td {
    padding: 5px 15px;
}

.result-table tr td:last-child {
    color: #cd9731;
}

.tnc button.close {
    text-shadow: none;
    color: #fff;
    position: absolute;
    top: 0;
    right: -25px;
    opacity: 1;
}

.tnc .modal-dialog {
    padding-top: 10px !important;
}

.tnc-content {
    margin-top: 50px;
    color: #fff;
}

.modal-dialog.tournament {
    height: 100%;
    margin-top: 114px;
    background: none;
    border: none;
    box-shadow: none;
}

.modal-content.tournament {
    /* background: #2e1d01!important; */
    /* border: 1px solid #c6c257!important; */
    border-radius: 10px;
    margin-top: 70px;
}

.tournament-countdown {
    background: url(../images/common/tournament/countdown-bg.png)no-repeat center;
    text-align: center;
    min-height: 114px;
    justify-content: center;
    align-items: center;
    max-width: 450px;
    margin: 0 auto;
    padding-top: 12px;
}

.countdown-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}

.tbox-1 {
    font-size: 33px;
    display: inline-block;
    font-weight: 600;
    background: #190f19;
    padding: 3px 3px;
    border-radius: 6px;
    margin: 1px;
    color: #ffffff;
    border: 1px solid #691e72;
    width: 23%;
    height: 50px;
    line-height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dbox-1 {
    font-size: 25px;
    font-weight: 600;
    color: #fffc7b;
    margin: 3px;
    line-height: 1;
}

.time-cap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    padding: 2px 0 0 0;
    grid-gap: 13px;
    max-width: 75%;
    margin: 0 auto;
}

.tcap-1 {
    color: #fffc7b;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.5px;
}
.ranking-header{
    text-align: center;
    position: absolute;
    background: #000;
    border: 1px solid #cd9731;
    left: 30%;
    top: -3%;
    padding: 20px;
    border-radius: 10px;
    z-index: 99;
}
#tnc .close{
    top: 10px;
}
#tnc .modal-body{
    border: 1px solid #cd9731;
    border-radius: 10px;
    background: #000;
}
#tnc .ranking-header{
    left: 22%;
    top: -34px;
}
.profile-edit-wrpr{
    max-width: 60%;
    margin: 30px auto;
}
.bank-account-card {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 32px;
    padding: 8px 0;
    border-radius: 8px;
    border: 1px solid rgba(17, 17, 17, 0.1);
    background: #5b5b5b;
    color: #fff;
}
.bank-account-card h4 {
	display: block;
	text-align: center;
	width: 100%;
	margin: 0 0 8px;
	padding: 0 0 8px 8px;
	border-bottom: 1px solid rgb(255 255 255);
}

.bank-account-card .bank--desc {
	width: 45%;
	padding: 4px;
	text-align: right;
	font-size: 0.85em;
	align-self: center;
}

.bank-account-card .bank--details {
	width: 55%;
	padding: 4px;
}

.bank-add-new a {
	display: block;
	padding: 16px 0;
	text-align: center;
	border-radius: 8px;
	border: 1px solid rgba(17, 17, 17, 0.1);
	background: linear-gradient(to bottom, rgba(102, 102, 102, 1) 0%, rgba(35, 35, 35, 1) 75%, rgba(65, 65, 65, 1) 100%);
	color: #fff;
}
#result button.close{
    z-index: 99;
    top: 10px;
}
/* PLAY2EARN */
.play2earn{
    padding: 40px;
}
.play2earn-wrapper{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
}
.p2e-ttl-1{
    background: #83601d;
    text-align: center;
    line-height: 1;
    padding: 10px;
    font-size: 15px;
}
.p2e-info-content{
    padding: 10px;
    border: 1px solid #37393f;
    border-top: none;
    padding-bottom: 0;
}
.p2e-amount{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 10px;
}
.p2e-amount-box{
    width: 100%;
    background: #191b1e;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.progress-bar {
    width: 100%;
    background-color: #161616;
    border-radius: 25px;
    margin: 10px 0;
  }

  .progress-bar-fill {
    height: 20px;
    background: linear-gradient(to bottom, rgba(212,164,76,1) 0%,rgba(135,100,32,1) 99%);
    transition: width 0.5s;
  }
  .p2e-btn-group{
    display: flex;
    justify-content: center;
    padding: 10px;
  }
  .p2e-btn-group a{
    background: linear-gradient(to bottom, rgba(102,102,102,1) 0%,rgba(35,35,35,1) 67%,rgba(65,65,65,1) 99%);
    color: #cd9731!important;
    padding: 10px;
    display: block;
    text-align: center;
    width: 25%;
    margin-left: 5px;
    margin-right: 5px;
  }
  .p2e-btn-group a:hover{
    background: linear-gradient(to bottom, rgba(84,63,22,1) 0%,rgba(173,132,57,1) 99%);
    color: #fff!important;
  }
  .modal-header, .modal-footer {
    padding: 2px 16px;
    background-color: #83601d !important;
    color: white;
}
  .p2e .close{
    position: absolute;
    right: 15px;
    color: #fff;
    text-shadow: none;
    top: 15px;
    opacity: 1;
    padding: 10px;
  }
.p2e .modal-body {
    padding: 2px 16px;
     background-color: white !important;
     padding-top: 30px;
}
.p2e .modal-footer
.dataTables_wrapper{
    color: #000;
}
table.dataTable.compact thead th, table.dataTable.compact thead td{
    background: #83601d;
    color: #fff;
    padding: 6px;
    text-align: center;
}
.dataTables_length label{
    display: flex;
    grid-gap: 10px;
    align-items: center;
    max-width: 30%;
    color: #000;
}
.bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td{
    border: 1px solid #000;
    text-align: center;
    color: #000;
}
.dataTables_paginate{
    display: flex;
}
.p2e .a.paginate_button{
    color: #000;
    display: block;
}
.p2e a.paginate_button.current{
    color: #fff;
}
.p2e .btn-apply {
    background: linear-gradient(to bottom, rgba(84,63,22,1) 0%,rgba(173,132,57,1) 99%);
    font-size: 15px;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    color: #fff;
    padding: 6px 20px;
}
.p2e .modal-footer button{
    color: #fff;
    border: none;
}
.p2e .modal-footer button:hover{
    border: none;
    outline: none;
}
/*check in*/
.tour-wrap-all{background: url("../images/common/event/checkin/daily-bg.jpg") no-repeat center top;}
.tour-wrap {
    padding-top: 385px;
}

.token {
    display: flex;
    justify-content: center;
    margin-bottom: 120px;
}

button.btn-token {
    border-radius: 8px;
    padding: 10px 0px;
    width: 230px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding-top: 25px;
    border: none;
}

.wrap-btn {
    background: url(../images/common/event/checkin/btn-token.png)no-repeat center;
    border-radius: 10px;
    background-size: 100% 100%;
    min-height: 121px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.check-in{background: url("../images/common/event/checkin/line.png")no-repeat center top;/* margin-top: 120px; */}

.check-iteam ul {
    display: flex;
    justify-content: center;
    position: relative;
    top: -60px;
    gap: 40px;
}

.check-iteam ul li a {
    display: flex;
    flex-direction: column;
}
.check-iteam ul img {
    height: 145px;
}

.check-iteam {
    position: relative;
    margin-bottom: 40px;
}

.check-iteam ul li a p {
    color: #585555;
    font-weight: bold;
    text-align: center;
    padding-top: 12px;
}
.tour-logo img {
    height: 200px;
    margin: 0px auto;
    display: block;
}
.btn-reward {
    display: flex;
    justify-content: center;
    /* margin-top: -18px; */
}

.reward-btn {
    background: linear-gradient(to bottom, rgba(223,154,54,1) 0%,rgba(246,200,68,1) 50%,rgba(161,80,29,1) 100%);
    padding: 3px;
    border-radius: 8px;
}

button.btn-wrad {
    background: linear-gradient(to top, #013432 0%,#00ad6b 100%);
    color: #fff;
    font-size: 30px;
    padding: 4px 40px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
}
.check-iteam ul li.active a p {
    color: #b73e1e;
}
.modal-dialog.tour-pop {
    max-width: 380px;
}


.tour-btn {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding-bottom: 67px;
}

button.btn-how {
    color: #fff;
    background: linear-gradient(to top, #000e1e 0%, #003355 100%);
    width: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    font-weight: bold;
    border-radius: 10px;
    font-size: 18px;
}
.modal-dialog.tnc-pop {
    background: linear-gradient(to bottom, rgba(161,113,80,1) 0%, rgba(255,221,196,1) 32%, rgba(115,48,6,1) 74%, rgba(193,156,128,1) 100%);
    padding: 2px;
    border-radius: 10px;
    max-width: 685px;
}

.tnc-pop .modal-body {
    background: #260e0f;
    color: #fff;
    border-radius: 10px;
    padding: 25px 50px;
}

.tnc-tour {}

.tnc-ttl {
    text-align: center;
    font-size: 26px;
}

.tnc-content {
    margin-top: 20px;
}

.tnc-tour button.close {
    position: absolute;
    top: 20px;
    right: 20px;
}
.tnc-pop .modal-content {
    background: #000e1e!important;
    color: #fff;
    padding: 25px;
    border-radius: 10px;
}
.tour-pop .modal-content {
    background: none;
    border: none;
}
.bd-out {
    background: linear-gradient(to bottom, rgba(223,154,54,1) 0%,rgba(246,200,68,1) 50%,rgba(161,80,29,1) 100%);
    padding: 1px;
    border-radius: 10px;
}
.close{
    opacity: 1;
}
.close span{
    color: #fff;
   
}
.reward-product{
    text-align: center;
    padding: 10px;
    font-size: 30px;
    font-weight: 900;
}

/* horse page */
.prod-play-btn{
    position: absolute;
    bottom: 30%;
    left: 45%;
}

.play-btn{
    background: linear-gradient(to bottom, #725622 0%, #a98037 100%);
    padding: 15px 60px;
    color: #fff;
    border: none;
    font-size: 18px;
}

/* 22092023 */

.afterlogin_deposit a {
    border-radius: 25px;
}

input.depo-input, select.depo-input {
    background: #fff;
    color:#000;
}

/* 14/3/2025 */
.password-criteria {
    display: none;
    background: #2e2e2e;
    color: #000;
    border: 1px solid #83601d;
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 1;
}

.password-criteria ul {
    list-style-type: none;
    padding: 0;
}

.password-criteria .valid {
    color: green;
}

.password-criteria .invalid {
    color: red;
}

.password-form {
    position: relative;
}

.bank_amount_grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px;
    margin-top: 8px;
}

.bank_amount_grid button {
    width: 100%;
    color: #fff;
    background-color: rgba(222, 227, 240, .15);
    border-radius: 5px;
    padding: 10px;
    border: none;
    font-size: 13px;
    font-weight: 700;
}

/* 26/3/2025 */
.dep-step-3 {
    margin: auto;
    text-align: center;
}

.dep-step-3 i {
    text-align: center;
    display: block;
    margin: 0px auto;
    font-size: 130px;
    color: #83601d;
    margin-bottom: 10px;
}

.dep-step-3 p {
    text-align: center;
    color: #c3c3c3;
    font-size: 12px;
}