/* Global */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,700i,800');

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    color: #373737;
    font-family: 'Open Sans', sans-serif;
    font-size: .9rem;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
}

a {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

    a:hover {
        color: red;
        text-decoration: none;
    }

.fade {
    opacity: 0;
    transition: opacity .5s linear;
}
/* Header */
.header {
    background: #0f0f0f;
    border-bottom: 1px solid #444;
    padding: 0px !important;
}

#rnav {
    background: #0f0f0f;
    text-transform: uppercase;
}

.navbar-nav {
    flex: 1;
}

.btn-log {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
    padding: 0.25rem 1.5rem;
    border-radius: 2rem;
    font-size: 0.775rem;
    text-transform: uppercase;
}

.btn-reg {
    color: #fff;
    padding: 0.25rem 1.5rem;
    font-size: 0.775rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    text-transform: uppercase;
    background-color: #208889;
    border-radius: 2rem;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #40c1ae;
    text-decoration: none;
    background-color: #21262b;
}

.dropdown-menu {
    padding: .3rem 0;
}

.dropdown-item {
    color: #fff;
    font-size: .9rem;
    padding: .2rem .85rem;
}
/* Carousel */
.carousel-item .img-fluid {
    width: 100%;
    object-fit: contain;
    object-position: center;
    background: #191919;
}
/* Mobile QR */
.mobile-qr {
    background: #1a1a1a;
}

.mobile-qr__title {
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 1rem;
}

#mobile-qr-tab .nav-link {
    background: #0f0f0f;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: .75rem 1rem;
}

    #mobile-qr-tab .nav-link:not(:last-child) {
        border-bottom: 1px solid #1a1a1a;
    }

    #mobile-qr-tab .nav-link:hover,
    #mobile-qr-tab .nav-link.active {
        background: #a83031;
        color: #fff;
    }

#mobile-qr-tabContent {
    color: #fff;
    background: #0f0f0f;
    padding: 3rem 5rem;
}

.qr-card {
    text-align: center;
    display: block;
}

.qr-card__title {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 1rem;
    padding-bottom: 0;
}

.qr-card--scan {
    font-weight: 700;
    padding: 1rem;
}

.table-qr {
    border: 1px solid #a83031;
}

    .table-qr.table-bordered th, .table-qr.table-bordered td {
        border: 1px solid #a83031;
    }

    .table-qr.table thead th {
        border: 0;
    }

    .table-qr.table-bordered thead th, .table-qr.table-bordered thead td {
    }
/* Info Center */
.info-center {
    background: #0f0f0f;
    /*background: url('../media/worldcup-bg.png') top center no-repeat;*/
}

    .info-center h3.h6 {
        color: #40c1ae;
    }

.b-bot {
    min-height: 150px;
    border-bottom: 1px solid #444;
}

.b-right {
    height: 140px;
    padding-right: 1rem;
    border-right: 1px solid #444;
}

.port-item {
    width: 35%;
}

.port-item-2 {
    width: 85%;
}

    .port-item-2 h3 {
        letter-spacing: 1px;
    }

.jpd {
    font-size: 1.3rem;
    font-weight: 700;
    background-color: rgba(56, 9, 10, .8);
    padding: 2px 6px;
    border-radius: 3px;
    margin: 0 1px;
}

.dgt {
    font-size: 1.7rem;
    font-weight: 700;
    margin: 0 2px;
}

.currency {
    width: 10px;
    font-size: .6rem;
}

.bg-jackpot {
    background: linear-gradient(to right, #892c30, #aa2e30, #bb3333);
}

.bg-info-nav {
    background: linear-gradient(to left, #892c30, #aa2e30, #bb3333);
}

#summary .collapse:not(.show) {
    height: 200px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#summary .collapsing {
    min-height: 200px !important;
}

#summary .collapsing {
    height: 35em !important;
}

#summary a.collapsed:after {
    content: 'Read More';
}

#summary a:not(.collapsed):after {
    content: 'Read Less';
    height: 35em;
}

#summary .collapse.in {
    height: 35em !important;
}

#summary .btn {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
    font-size: .8rem;
    border-radius: 2rem;
    padding: .375rem 1.5rem;
}

#navbardrop .active {
    color: white;
    background: linear-gradient(to top, #892c30, #aa2e30, #bb3333);
}
/* Second Section */
.second-section {
    background: rgba;
}
/* Sportsbook */
.sportsbook {
    /*background: url(../media/sportsbook-bg.png) top center no-repeat;*/
    background: url(../media/sportsbook-bg2.png) top center no-repeat;
    background-color: #0f0f0f;
    background-size: cover;
}

    .sportsbook h1 {
        font-size: 3.5rem;
        color: #942a2c;
        background: -webkit-linear-gradient(#c73333, #942a2c);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
    }

.card {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, .5);
    font-weight: 600;
}

.card_ls {
    width: 100%;
    /* background: yellow; */
    text-align: center;
    margin:;
    padding: 0;
    background-color: rgba(18, 18, 20, .5);
    background-clip: border-box;
    border: 10px solid rgba(18, 18, 20, .5);
}

.lc_secr .card_ls {
    border-top: 0;
}

.card_ls:nth-child(even) {
    border-left: 0;
    border-right: 0;
}

.card_ls img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.sportsbook-type .card {
    background-color: rgba(18, 18, 20, .5);
    background-clip: border-box;
    border: 10px solid rgba(18, 18, 20, .5);
    border-left: 0;
    border-radius: 0;
    margin: 0;
}

    .sportsbook-type .card:hover {
        filter: brightness(125%);
    }

.card_ls img:hover {
    filter: brightness(125%);
}

.promotions .card-deck .card {
    margin: 0;
    display: block;
    flex-direction: initial;
    min-height: auto;
}

.sportsbook-type .card:first-child {
    border-left: 10px solid rgba(18, 18, 20, .5);
}

.sportsbook-type-desc {
    color: rgba(255, 255, 255, .8);
    background-color: rgba(18, 18, 20, .5);
}

    .sportsbook-type-desc h2 {
        font-size: 1.6rem;
        font-weight: 900;
    }
/* Live Casino */
.live-casino {
    /*background: url("../media/live-casino--bg.png") top center no-repeat;*/
    background: url("../media/banner-lc-bg2.png") top center no-repeat;
    background-color: #0f0f0f;
    background-size: cover;
}

    .live-casino h1 {
        font-size: 3.5rem;
        color: #942a2c;
        background: -webkit-linear-gradient(#c73333, #942a2c);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
    }

.live-casino-desc {
    color: rgba(255, 255, 255, .8);
    background-color: rgba(18, 18, 20, .5);
}

    .live-casino-desc h2 {
        font-size: 1.6rem;
        font-weight: 900;
    }

.live-casino-type .card {
    background-color: rgba(18, 18, 20, .5);
    background-clip: border-box;
    border: 10px solid rgba(18, 18, 20, .5);
    border-radius: 0;
}

    .live-casino-type .card:hover {
        filter: brightness(115%);
    }
/* Promomtions */
.lc-top {
    margin-left: .1rem !important;
    margin-right: .1rem !important;
}

.promotions {
    color: rgba(255, 255, 255, .8);
    background-color: #1a1a1a;
}

.promo-nav {
    /*background: #333333;*/
    background: rgb(51 51 51 / 65%);
}

.promotions .card {
    border: 0;
    border-radius: 0;
    background: #2a2a2a;
    min-height: 369.75px;
    margin-bottom: 1em;
}

.promotions .card-img-top {
    height: 191.75px;
    max-height: 191.75px;
    border-radius: 0;
}

.promotions .tab-content {
    background: transparent;
}

.promotions .card-wrap {
    /* padding: 0; */
   /* width: 100%;
    max-width: 100% !important;*/
    flex: 100%;
    margin-bottom: 20px;
}
/*.promotions .card-wrap:nth-child(3n+2) {
  padding: 0;
}
.promotions .card-wrap:nth-child(3n) {
  padding-right: 0;
}
.promotions .card-wrap:nth-child(3n+1) {
  padding-left: 0;
}*/
.promotions .btn-outline-secondary {
    font-size: 16px;
    border-radius: 25px;
    padding: 0.375rem 1.5rem;
    /*background: #208889;
    border: none;*/
    width: 150px;
}

.nav-pills .nav-link {
    border-radius: 0rem;
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff !important;
        background-color: #bb3333;
    }

.sign-up-promo .modal-content {
    color: #404040;
    border-radius: 0;
    border: none;
    padding: 0;
}

    .sign-up-promo .modal-content .promo-banner img {
        width: 100%;
        object-fit: contain;
        object-position: center;
    }

.promo-banner .close {
    color: #fff;
    line-height: 0;
    font-size: 1.2rem;
    font-weight: 300;
    background: #6c6c6c;
    opacity: 1;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.sign-up-content p {
    margin-bottom: .3rem;
}
/* contact us */
.contact-us {
    background-color: #0f0f0f;
}

.contact-header {
    height: 35vh;
    min-height: 35vh;
    background: url("../media/contact-us.png") top center no-repeat;
    background-color: #0f0f0f;
    background-size: cover;
}

.contact-us h1 {
    font-size: 3.5rem;
    color: #942a2c;
    background: -webkit-linear-gradient(#c73333, #942a2c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

.contact-content {
    color: #fff;
    text-align: center;
    margin-top: -5rem;
    min-height: 35vh;
    margin-top: -50px;
}

    .contact-content h2 {
        color: #29d8ca;
        text-transform: uppercase;
        letter-spacing: .1rem;
        font-weight: 700;
        margin: 0.5rem 0 0 0;
    }
/* Rgistration */
.registration {
    background: #1a1a1a;
}

.registration-box {
    background: #eeeeee;
}

.registration h1 {
    border-bottom: 3px solid #b43232;
}

.registration hr {
    margin-top: 0;
    margin-bottom: 1rem;
    border: 0;
    border-top: .1rem solid rgba(203, 203, 203, 1);
}

.registration .input-group-text#verification {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 2px;
    background-color: #545454;
    border: 0;
    border-radius: 0;
}

.asterisk {
    color: #d84042;
    font-weight: 700;
}

.create-account {
    color: #fff;
    padding-left: 3rem;
    padding-right: 3rem;
    letter-spacing: 1px;
    background: linear-gradient(0.25turn, #bb3333, #9a2d30);
}

.terms-link {
    color: #bb3333;
    font-weight: 700;
}

#phonenum.input-group-text {
    font-size: .8rem;
    font-weight: 700;
}
/* SLot Games */
.slots-wrap {
    background-color: #1a1a1a;
}

.slot-games {
    /*background: url("../media/slot-games-bg.png") top center no-repeat;*/
    background: url("../media/slot-games-bg2.png") top center no-repeat;
    background-color: #0f0f0f;
}

    .slot-games h1 {
        font-size: 3.5rem;
        color: #942a2c;
        background: -webkit-linear-gradient(#c73333, #942a2c);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
    }

.promo-nav img {
    /*height: 30px;
    padding: 0 .5rem;*/
    height: auto;
    padding: 5px 3px;
    /*max-height: 46px;*/
}

.portf button {
    color: #ddd;
    border: 0;
    padding: 0.375rem 2rem;
    font-size: .8rem;
    line-height: 1.5;
    border-radius: 1rem;
    background-color: #424242;
}

.btn-slots {
    text-transform: uppercase;
    padding: 0.175rem 1rem !important;
    background: transparent !important;
    border: 1px solid #fff !important;
}

.portf .form-control {
    font-size: .8rem;
    border-radius: 0;
}

.portf .search {
    font-size: 1rem;
    background-color: #b83333;
    border-radius: 0;
    padding: 0.375rem 1rem;
}

#slot-games-filter {
    margin: 0;
    display: grid;
    width: 100px;
    grid-gap: 5px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    min-height: 250px;
}

.tile {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    margin-bottom: 1rem;
    box-sizing: border-box;
    margin-bottom: 10px;
    /* background: #fb1115; */
    color: #fff;
}

#slot-games-filter h3 {
    text-align: center;
    font-size: .8rem;
}

.s__game:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    transform: translateY(-5px);
    transition: .5s ease;
    backface-visibility: hidden;
}

    .s__game:hover .btn-slots {
        background: #208889;
    }

.scale-anm {
    transform: scale(1);
}

::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.slots-wrap .tab-content {
    color: #fff;
    background: #19191c;
}

#nav-slot-games h2 {
    font-size: 1.5rem;
}

.kiss .android:hover {
    content: url(../media/android-hover.jpg?X=2);
    box-shadow: 0 10px 15px 10px rgba(0, 0, 0, .5);
    transform: translateY(-3px);
    transition: .5s ease;
}

.kiss .ios:hover {
    content: url(../media/ios-hover.jpg?x=4);
    box-shadow: 0 10px 15px 10px rgba(0, 0, 0, .5);
    transform: translateY(-3px);
    transition: .5s ease;
}

.s__game {
    position: relative;
    text-align: center;
    width: 181px;
    height: 288px;
    background: orange url(../media/slot_bg.png) bottom center no-repeat;
    background-size: 100% 100%;
}

.g__img {
    width: 140px;
    height: 200px;
    margin-bottom: 10px;
    ;
    object-fit: contain;
    object-position: center;
}

.g__details {
    position: absolute;
    top: 4%;
}
/* VIP */
.headgem {
    background: #956765 !important;
}

    .headgem img {
        margin-top: 1rem;
        height: 50px
    }

    .headgem .h6 {
        margin-bottom: .3rem;
    }

.term-ani {
    transition: 2s ease-out;
}

.terms-c {
    background: #daceca;
    line-height: 1.5rem;
    border: 1px solid #7b6c68;
    animation: fade-in 1.5s;
}

.vip-lvls {
    font-size: 1.5rem !important;
    text-align: center !important;
    padding-bottom: 1.7rem !important;
}

.vip-levels h2 {
    padding-top: .7rem;
}

#side .nav-link.active, #side .nav-link:hover, #side .nav-link:focus {
    color: #313;
    font-weight: 700;
}

#side-navs-home {
    position: relative;
}

#home_img_hover {
    opacity: 0;
    position: absolute;
    top: 8px;
    transition: .2s ease-in;
}

#side .nav-link.active #home_img_hover, #side .nav-link:hover #home_img_hover {
    opacity: 1;
}

#side .nav-link.active #home_img {
    opacity: 0;
}

#table_img_hover {
    opacity: 0;
    position: absolute;
    top: 52.7%;
    transition: .2s ease-in;
}

#side .nav-link:hover #table_img_hover, #side .nav-link.active #table_img_hover {
    opacity: 1;
}

#side .nav-link.active #table_img {
    opacity: 0;
}

.vip-side {
    top: 0;
    padding-top: 25vh;
}

.vip-wrap #vip-header {
    background: url('../media/vip-bg.jpg') top center no-repeat;
    background-color: #d7bbb9;
    background-size: cover;
    height: 100vh;
}

#content .row {
    background: url('../media/vip-table-bg.jpg') top center no-repeat;
    background-size: cover;
    height: 100vh;
}

#left .fixed-top {
    top: 35%;
    left: 8%;
    width: 5%;
}

.vip-item {
    width: 35%;
    position: relative;
    left: 10%;
    height: 100%;
    margin-top: 13%;
    z-index: 1;
}

.vip-item-2 {
    width: 65%;
    height: 100vh;
}

    .vip-item-2 img {
        height: 106vh;
    }

.vip-tables .table {
    border-collapse: separate;
    border-spacing: 2px;
    margin-bottom: .2rem;
}

    .vip-tables .table tr th {
        padding-bottom: 50rem;
    }

    .vip-tables .table th, .vip-tables .table td {
        border: 0;
    }

    .vip-tables .table thead th {
        border: 0;
    }

.vip-tables .vip-levels td {
    padding: 0;
}

.vip-tables .table td {
    color: #313;
    width: 15%;
    text-align: center;
    background: #daceca;
    border: 1px solid #7b6c68;
}

    .vip-tables .table td:nth-of-type(1) {
        color: #fff;
        background: #956765;
        text-align: left;
        width: 25%;
    }

.vip-item {
    -webkit-animation: moveInLeft 2s;
    animation: moveInLeft 2s;
}

.vip-item-2 {
    -webkit-animation: moveInLeft 1s;
    animation: moveInLeft 1s;
}

@keyframes moveInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }

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

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fade-in-element {
    animation: fade-in 2s;
}
/* Modal */
.modal img.img-fluid {
    height: 45px;
}

.modal-mg-head {
    background: #0f0f0f;
}

.login-modal-btn {
    background: linear-gradient(to left, #892c30, #aa2e30, #bb3333);
}

.modal-footer {
    border-top: 0;
}

.modal-logo {
    width: 400px;
}

#login.modal .close {
    color: red;
}

#login .modal-header {
    border-radius: 0;
}
/* Footer */
footer.navbar {
    background: #222;
}

footer ul li {
    border-right: 1px solid #444;
}

    footer ul li:last-child {
        border-right: 0;
    }

    footer ul li a {
        font-size: .8rem;
    }

.foot-connect {
    background: #2d2d2d;
}

    .foot-connect img {
        width: 100%;
    }

.foot-social-icon i {
    font-size: 24px;
}

.footer-copyright {
    background: #2d2d2d;
    border-top: 1px solid #444;
}
/* Media Queries */
@media (max-width: 1367px) {
    #p1-cont, #p2-cont {
        width: 950px;
    }

    #manu {
        position: absolute;
        left: 1%;
    }

    #all {
        font-size: .6rem;
    }

    p.vip-p-ani {
        font-size: .9rem;
    }

    .terms-c {
        font-size: .6rem;
        line-height: 1rem;
    }

    .headgem img {
        height: 30px;
        margin-top: .5rem;
    }

    .headgem .h6 {
        margin-bottom: 0;
        font-size: .5rem;
    }

    #p2-cont table tr td:nth-of-type(1) {
        padding: 0 .3rem;
    }

    #p2-cont table {
        margin: 0;
    }

    .vip-lvls {
        padding-bottom: 0.3rem !important;
    }

    #vip-bg img {
        width: 600px;
    }

    .diamond {
        font-size: .8rem;
    }

        .diamond img {
            height: 15px;
        }

    #p2-cont table tr td:nth-of-type(1) {
        width: 290px;
    }

    #p2-cont table tr td {
        width: 140px;
    }

    .mbtns p {
        margin: 0 23px;
    }
}

@media (max-width: 992px) {
    #p1-cont, #p2-cont {
        width: 768px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 1140px;
    }
}

@media (min-width: 576px) {
    #login .modal-dialog {
        max-width: 450px;
    }
}


/**********annoucement*************/
.annouce-in {
    display: flex;
    align-items: center;
    height: 37px;
    background: #0f0f0f;
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 10px;
    margin-bottom: 10px;
}

.annou-bar {
    background: linear-gradient(to right, rgb(0 0 0 / 0%) 0%, rgb(74 55 115 / 84%) 14%, rgb(74 55 115 / 96%) 51%, rgb(74 55 115 / 92%) 92%, rgb(0 0 0 / 0%) 100%);
    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: #ffffff;
}

.annouce-in.icon {
}

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

.top-header {
    display: flex;
    justify-content: flex-end;
    align-items: end;
}


/* 5/7/22 */
.promotions .my-2 {
    width: 600px;
    margin: 0 auto;
}

.promotions .nav-pills .nav-link {
    position: relative;
}

    .promotions .nav-pills .nav-link::after {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 18px;
        top: 10px;
        background: #fff;
        right: 0;
    }

    .promotions .nav-pills .nav-link:last-child::after {
        display: none;
    }

    .promotions .nav-pills .nav-link:hover {
        color: rgb(178 48 49) !important;
    }

/* new css 07/11/2022 for live casino */
.card_ls {
    position: relative;
}

    .card_ls img {
        object-fit: unset;
    }

        .card_ls img.top {
            position: relative;
            z-index: 2;
            transition: .3s;
        }

        .card_ls img.bottom {
            z-index: 1;
            position: absolute;
            left: 0;
            top: 0;
        }

        .card_ls img.top:hover {
            opacity: 0;
        }

.bg-info-nav img {
    height: 56px;
}

/* inbox page */
.globalModal {
    z-index: 9;
}

.globalModal, .globalModal-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.globalModal-bg {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
}

.globalModal-box {
    position: relative;
    left: 50%;
    top: 50%;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    width: 1000px;
    height: 500px;
    margin-left: -500px;
    margin-top: -250px;
}

.globalModal-header {
    background-color: #af3032;
    color: #fff;
    width: 100%;
    text-align: center;
    position: relative;
    height: 40px;
    line-height: 2;
}

.globalModal-close {
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 18px;
    border-radius: 50%;
    color: #bf1a20;
    background: #fff;
    width: 25px;
    height: 25px;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}

.inbox_page {
    padding: 0px 30px;
    font-size: 15px;
}

    .inbox_page table {
        text-align: center;
        font-size: 14px;
        margin: 5px 0;
        width: 100%;
    }

        .inbox_page table td {
            padding: 5px 2px;
            border-bottom: 1px solid rgb(44 40 41 / 20%);
            cursor: pointer;
        }

        .inbox_page table th {
            background: #af3032;
            color: #fff;
            padding: 5px 0;
            font-weight: normal;
        }

            .inbox_page table th:first-child {
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
            }

            .inbox_page table th:last-child {
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
            }

    .inbox_page button {
        border: none;
        padding: 4px 20px;
        border-radius: 3px;
        cursor: pointer;
        margin: 15px 0 0;
        font-size: 14px;
    }

.inboxModal .globalModal-box {
    width: 542px;
    height: 515px;
    margin-left: -272px;
    margin-top: -263px;
}

.inboxModal .inboxModal_details {
    border: 1px solid #c6c6c6;
    width: 95%;
    margin: 2% 2.5%;
    font-size: 13px;
    float: left;
    border-bottom: none;
    border-right: 0;
}

    .inboxModal .inboxModal_details div {
        width: 30%;
        float: left;
        border-right: 1px solid #c6c6c6;
        border-bottom: 1px solid #c6c6c6;
        padding: 2px 5px;
    }

        .inboxModal .inboxModal_details div:nth-child(2n) {
            width: 70%;
        }

.inboxModal .inboxModal_cont {
    margin: 0% 2.5%;
    float: left;
    height: 392px;
    overflow: auto;
}

.inboxModal .globalModal-header {
    line-height: 2.7;
}

.inb_notif {
    top: -4px;
    position: absolute;
    background: red;
    color: #fff;
    padding: 0 5px;
    font-size: 10px;
    text-align: center;
    border-radius: 10px;
    right: 12px;
}


/* inbox page end */

/*22042023*/
.token-wrap img {
    height: 20px;
    margin: 0px 3px;
}

.token-wrap {
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    color: #fff;
}

    .token-wrap p {
        margin: 0px;
    }

    .token-wrap span {
        color: #dc3545;
        margin-left: 10px;
    }


table.vp-3 {
    width: 100%;
    text-align: center;
    margin-top: 30px !important;
    border-collapse: collapse;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
}

    table.vp-3 tr td {
        padding: 13px;
        background: #ffffffad;
        border: 2px solid #caaba8;
        color: #533930 !important;
    }

        table.vp-3 tr td:nth-child(even) {
            background: #ffffffe8;
        }

    table.vp-3 tr:first-child td {
        border-radius: 20px 20px 0px 0px;
        border: none;
        border: 2px solid #caaba8;
    }

td.diamond.vip-lvls {
}

table.vp-3 .headgem {
    text-transform: capitalize;
    color: #956765;
}

    table.vp-3 .headgem p {
        color: #956765 !important;
    }

td.btn-vp p {
    color: #533930 !important;
    font-weight: bold;
    padding-top: 15px;
}

table.vp-3 tr td:first-child {
    font-weight: bold;
    padding: 13px 62px !important;
    height: 79px;
}

td.btn-vp {
    width: 18%;
}

ul.list-unstyled.mb-0 {
    list-style: auto;
    padding: 10px;
}

.promotions .card-body {
    padding: 20px 40px;
}


/* Start Blog */
.blog-content {
    width: 1000px;
    padding: 30px 0px 30px 0px;
    margin: 0 auto;
    line-height: normal !important;
}

.blog-content-inner {
    width: 100%;
    margin: 0 auto;
}

    .blog-content-inner::after {
        content: "";
        clear: both;
        display: table;
    }

.blog-content-table {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 3fr);
    gap: 3%;
    text-align: center !important;
}

.blog-content-table-article {
    width: 700px;
    margin: 0 auto;
    text-align: left !important;
    color: #FFF !important;
    float: left;
}

.blog-featured-article {
    width: 280px;
    margin: 0 auto;
    text-align: left !important;
    color: #000 !important;
    float: left;
    margin-left: 20px;
    margin-top: 30px;
}

.blog-content-table-article a {
    color: #CC0000 !important;
}

.blog-feat-article-box {
    background-color: #208889;
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    padding: 5px 10px;
    font-weight: bold;
}

.blog-feat-article-box-content {
    padding: 5px 10px;
    color: #000 !important;
}

.blog-feat-article-box-content2 {
    margin-top: 5px;
    padding: 5px 0px;
    color: #FFF !important;
}

.blog-feat-article-box-content a {
    color: #FFF !important;
}

.blog-content-table-article img {
    width: 100%;
    height: 300px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.blog-content-table-article-img img {
    border-radius: 10px !important;
    margin: 10px 0px;
}

.blog-table-content {
    background-color: #2a2a2a;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 10px;
}

.blog-content-table-article h1 {
    font-size: 25px !important;
    font-weight: bold;
    padding: 0px !important;
    margin: 0px !important;
    line-height: normal !important;
}

.blog-content-table-article h2 {
    font-size: 20px !important;
    font-weight: bold;
    padding: 0px !important;
    margin: 0px !important;
    line-height: normal !important;
}

.blog-feat-article-box-content img, .blog-feat-article-box-content2 img {
    width: 280px !important;
    height: 215px !important;
}

.blog-table-content img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.blog-table-content-text {
    background-color: #2a2a2a;
    padding: 0px 10px;
    overflow: hidden;
    height: 175px;
    text-align: left !important;
}

.blog-table-content-text-article {
    background-color: #2a2a2a;
    padding: 20px;
}

    .blog-table-content-text-article h3, .blog-table-content-text h3 {
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: normal !important;
    }

.blog-table-content h3 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0px;
    line-height: normal !important;
}

.blog-content-table button {
    margin: 10px 0px;
}

.blog-paging-content {
    margin: 0 auto !important;
    text-align: center !important;
    padding-top: 100px;
}

.blog-more-button a {
    background: -webkit-linear-gradient(#9d0104, #fd0002);
    background: -o-linear-gradient(#9d0104, #fd0002);
    background: linear-gradient(#9d0104, #fd0002);
    margin: 0 auto;
    text-align: center !important;
    padding: 5px 10px;
    color: #FFF;
    border: none;
    text-transform: uppercase;
    width: 95%;
    border-radius: 5px;
    display: block;
    margin-top: 15px;
}

    .blog-more-button a:hover {
        background: -webkit-linear-gradient(#333, #999);
        background: -o-linear-gradient(#333, #999);
        background: linear-gradient(#333, #999);
        display: block;
    }

.blog-paging-button a {
    color: #FFF !important;
}

.blog-paging-button {
    background: -webkit-linear-gradient(#333, #999);
    background: -o-linear-gradient(#333, #999);
    background: linear-gradient(#333, #999);
    margin: 0 auto;
    text-align: center !important;
    padding: 5px 10px;
    color: #FFF;
    border: none;
}

    .blog-paging-button.active, .blog-paging-button:hover {
        background: -webkit-linear-gradient(#9d0104, #fd0002);
        background: -o-linear-gradient(#9d0104, #fd0002);
        background: linear-gradient(#9d0104, #fd0002);
        margin: 0 auto;
        text-align: center !important;
        padding: 5px 10px;
        color: #FFF;
        border: none;
    }
/* End Blog */