﻿
.header-logo {
    width: 183px;
}
.announcement-row {
    display: flex;
    position: relative;
    width: 100%;
    height: 8vw;
    border-top: .2666666667vw solid #bdcedd30;
    border-bottom: .2666666667vw solid #bdcedd30;
    background-color: #333 !important;
    color: var(--reports);
    font-size: 3.4666666667vw;
    line-height: 8vw
}

    .announcement-row .marquee {
        width: 84vw;
        margin: 0 2.6666666667vw;
        overflow: hidden
    }

    .announcement-row .item-icon {
        display: block;
        width: 8vw;
        height: 8vw;
        margin-left: 2.6666666667vw;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: 50% 50%;
        mask-position: 50% 50%;
        -webkit-mask-size: 80% auto;
        mask-size: 80% auto
    }

.announcement-row {
    color: #fff
}

.winx365 .blinkPulse:after {
    background-color: #147b44;
}

.winx365 .pulse:after, .winx365 .pulse:before {
    -webkit-animation: animatewinx365 2s linear infinite;
    animation: animatewinx365 2s linear infinite;
    border: 2px solid #147b44;
}

@-webkit-keyframes animatewinx365 {
    0% {
        box-shadow: 0 0 0.0625rem #147b44;
    }

    30%, 35% {
        box-shadow: 0 0 2.1875rem #147b44;
    }

    60%, 65% {
        box-shadow: 0 0 0 #147b44;
    }

    to {
        box-shadow: 0 0 1px #147b44;
    }
}

@keyframes animatewinx365 {
    0% {
        box-shadow: 0 0 0.0625rem #147b44;
    }

    30%, 35% {
        box-shadow: 0 0 2.1875rem #147b44;
    }

    60%, 65% {
        box-shadow: 0 0 0 #147b44;
    }

    to {
        box-shadow: 0 0 1px #147b44;
    }
}

.winx365 .main {
    background: #dfdbda !important;
}

.winx365 .pay {
    background: #dfdbda !important;
}

    .winx365 .pay h2 {
        color: #147b44 !important;
    }

.winx365 .footer-license .license-title {
    color: #147b44 !important;
}

.winx365 .footer-license p {
    color: #147b44 !important;
}

.winx365 .language-sec h6 a {
    color: #147b44 !important;
}

.winx365 .footer-bottom h6 {
    color: #147b44 !important;
}

.winx365 .footer-bottom p {
    color: #147b44 !important;
}

.winx365 .login-header-new {
    background: #147b44 !important;
}

    .winx365 .login-header-new .bg-transparent svg {
        fill: #FFF !important;
    }

.winx365 .header-right-btn-group a {
    color: #FFF !important;
}

.winx365 .common-slider h5, .winx365 .main-slider-inner-div h5 {
    color: #147b44 !important;
}

.winx365 .common-slider {
    background: #ededed !important;
}

.winx365 .home-tabing-slider .payment-sec .active {
    background: #20cf74 !important;
}

.winx365 .marquee-notification.d-flex {
    background: #147b44 !important;
}
.winx365 .announcement-row {
    background-color: #147b44 !important;
}

.winx365 .main-slider-inner-div ul li {
    background: #147b44 !important;
}

.winx365 .payment-sec {
    background: #147b44 !important;
}

.winx365 .common-slider h5:before, .winx365 .main-slider-inner-div h5:before, .winx365 .member-menu-box .title h2:before {
    background-color: #147b44 !important;
}

.winx365 .pay ul li img {
    filter: invert(1);
}

.winx365 .hot-listing li {
    color: #FFF !important;
}

.winx365 .member-menu {
    background: #dfdbda !important;
}

.winx365 .member-menu-box {
    background: #FFF !important;
}

    .winx365 .member-menu-box.balance-box .balance .text {
        color: #147b44 !important;
    }

    .winx365 .member-menu-box .title h2 {
        color: #147b44 !important;
    }

    .winx365 .member-menu-box ul li a p {
        color: #147b44 !important;
    }

    .winx365 .member-menu-box.balance-box .balance .amount i {
        color: #000 !important;
    }

.winx365 .member-menu-logout {
    background: #FFF !important;
}

.winx365 .me-2 {
    filter: invert(1);
}

.winx365 .member-menu-logout a p {
    color: #147b44 !important;
}

.winx365 .sidebar-wrapper {
    background: #147b44 !important;
}

.winx365 .menu-second ul {
    background: #0a4a28 !important;
}
/*.winx365 .transaction-title span{
    color: #147b44 !important;
}
.winx365 .transaction-option input {
    color: #147b44 !important;
}*/
.winx365 .betbtn1 img {
    background-size: contain !important;
    height: 35px;
    width: 35px;
}
.winx247 .blinkPulse:after {
    background-color: #147b44;
}

.winx247 .pulse:after, .winx247 .pulse:before {
    -webkit-animation: animatewinx247 2s linear infinite;
    animation: animatewinx247 2s linear infinite;
    border: 2px solid #147b44;
}

@-webkit-keyframes animatewinx247 {
    0% {
        box-shadow: 0 0 0.0625rem #147b44;
    }

    30%, 35% {
        box-shadow: 0 0 2.1875rem #147b44;
    }

    60%, 65% {
        box-shadow: 0 0 0 #147b44;
    }

    to {
        box-shadow: 0 0 1px #147b44;
    }
}

@keyframes animatewinx247 {
    0% {
        box-shadow: 0 0 0.0625rem #147b44;
    }

    30%, 35% {
        box-shadow: 0 0 2.1875rem #147b44;
    }

    60%, 65% {
        box-shadow: 0 0 0 #147b44;
    }

    to {
        box-shadow: 0 0 1px #147b44;
    }
}

.winx247 .main {
    background: #1D4268 !important;
    margin-bottom:0px;
}

.winx247 .pay {
    background: #1D4268 !important;
}

    .winx247 .pay h2 {
        color: #FFF !important;
    }

.winx247 .footer-license .license-title {
    color: #FFF !important;
}

.winx247 .footer-license p {
    color: #FFF !important;
}

.winx247 .language-sec h6 a {
    color: #FFF !important;
}
.winx247 .language-sec h6:before {
    background-color: #FFF !important;
}

.winx247 .footer-bottom h6 {
    color: #FFF !important;
}

.winx247 .footer-bottom p {
    color: #FFF !important;
}

.winx247 .login-header-new {
    background: #147b44 !important;
}

    .winx247 .login-header-new .bg-transparent svg {
        fill: #FFF !important;
    }

.winx247 .header-right-btn-group a {
    color: #FFF !important;
}

.winx247 .common-slider h5 {
    color: #147b44 !important;
}

.winx247 .main-slider-inner-div h5 {
    color: #FFF !important;
}

.winx247 .common-slider {
    background: #ededed !important;
}

.winx247 .home-tabing-slider .payment-sec .active {
    background: #20cf74 !important;
}

.winx247 .marquee-notification.d-flex {
    background: #147b44 !important;
}

.winx247 .announcement-row {
    background-color: #147b44 !important;
}

.winx247 .main-slider-inner-div ul li {
    background: #147b44 !important;
}

.winx247 .payment-sec {
    background: #147b44 !important;
}

.winx247 .common-slider h5:before, .winx247 .member-menu-box .title h2:before {
    background-color: #147b44 !important;
}
.winx247 .main-slider-inner-div h5:before {
    background-color: #FFF !important;
}

/*.winx247 .pay ul li img {
    filter: invert(1);
}*/

.winx247 .hot-listing li {
    color: #FFF !important;
}

.winx247 .member-menu {
    background: #dfdbda !important;
}

.winx247 .member-menu-box {
    background: #FFF !important;
}

    .winx247 .member-menu-box.balance-box .balance .text {
        color: #147b44 !important;
    }

    .winx247 .member-menu-box .title h2 {
        color: #147b44 !important;
    }

    .winx247 .member-menu-box ul li a p {
        color: #147b44 !important;
    }

    .winx247 .member-menu-box.balance-box .balance .amount i {
        color: #000 !important;
    }

.winx247 .member-menu-logout {
    background: #FFF !important;
}

.winx247 .me-2 {
    filter: invert(1);
}

.winx247 .member-menu-logout a p {
    color: #147b44 !important;
}

.winx247 .sidebar-wrapper {
    background: #147b44 !important;
}

.winx247 .menu-second ul {
    background: #0a4a28 !important;
}

/*.winx247 .transaction-title span {
    color: #147b44 !important;
}

.winx247 .transaction-option input {
    color: #147b44 !important;
}*/

.winx247 .betbtn1 img {
    background-size: contain !important;
    height: 35px;
    width: 35px;
}
body.x7live {
    background: #df362c !important;
}
body .x7live {
    background: #df362c;
}
.x7live .login-header-new {
    background: #df362c;
}
.x7live .payment-sec {
    background: #df362c;
}
.x7live .pay {
    background: #df362c;
}
.x7live .sidebar-wrapper {
    background: #df362c;
}
.x7live .main-banner {
    background: #df362c;
}
.x7live .main {
    background: #df362c;
}

body.bikash365 {
    background: #142590 !important;
}
.bikash365 .login-header-new {
    background: linear-gradient(180deg, #5b52c7, #142590);
}
.bikash365 .main-banner {
    background: #142590;
}
.bikash365 .announcement-row {
    background-color: #3539a9 !important;
}
.bikash365 .main-banner{
    margin-bottom :7px;
}
.bikash365 .nav-category{
    background-color: #FFF !important;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
.bikash365 .nav.nav-auto .btn {
    width: 78px;
    min-width:22.1010101%;
}
.bikash365 .nav-category .btn{
    padding :10px 0px;
}
.bikash365 .nav-category .btn .item-icon {
    background-color: #f56908;
    -webkit-mask-image: var(--src);
    mask-image: var(--src);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 40px;
    width: 40px;
}
    .bikash365 .nav-category .btn.selected .item-icon {
        background-color:#FFF;
        color:#FFF;
    }
    .bikash365 .nav .btn p {
        color: #f56908 !important;
    }
    .bikash365 .nav .btn.selected p {
        color: #FFF !important;
    }
.bikash365 .nav .btn.selected {
    color: #fff;
    opacity: 1;
    background: #f56908 !important;
}
    .bikash365 .nav .btn.selected:after{
        display:none;
    }

.bikash365 .sidebar-wrapper {
    background: #FFF !important;
    color:#f56908;
}
    .bikash365 .sidebar-wrapper ul a{
        color : #f56908;
    }
    .bikash365 .sidebar-wrapper ul li.active span {
        color: #f56908;
    }
    .bikash365 .sidebar-wrapper ul li figure img{
        height:36px;
        width:36px;
    }
    .bikash365 .sidebar-wrapper ul li {
        padding:0 28px;
    }
    .bikash365 .sidebar-wrapper ul li figure {
        margin: 12px 0px;
    }
.bikash365 .footer-new {
    background-color: #514bbe;
    height:60px;
    box-shadow:none;
}
    .bikash365 .footer-new ul li {
        height:60px;
    }
    .bikash365 .footer-new ul li.register-button {
        background-color: #f56908;
    }
    .bikash365 .footer-new ul li.login-button {
        background-color: #514bbe;
    }
.v-application .mt-0 {
    margin-top: 0 !important
}
.v-application .px-4 {
    padding-right: 16px !important;
    padding-left: 16px !important
}
.v-application .py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.v-application .text-capitalize {
    text-transform: capitalize !important
}
.v-application .justify-center {
    justify-content: center !important
}

.v-application .d-flex {
    display: flex !important
}
.game-card-box {
    display: flex;
    flex-direction: column;
    background: #f3f3f3;
    min-height: 130px
}

    .game-card-box .game-card-label {
        position: relative;
        border-left: 4px solid #142590;
        padding-left: 4px
    }

    .game-card-box .game-card-box-wrapper {
        display: flex;
        flex-wrap: wrap;
        flex: 1 1 auto;
        gap: 4px;
        animation: game-card-box-wrapper .5s ease-in-out;
        margin-top: 12px
    }

        .game-card-box .game-card-box-wrapper .game-card-box-item {
            flex: 0 0 25%;
            max-width: 24%;
            padding: 4px;
            font-size: 12px;
            color: #f56908;
        }

        .game-card-box .game-card-box-wrapper.gT_homepageHot {
            min-width: 22%;
            max-width: 22%;
            height: auto !important;
            flex-direction: column;
            padding: 4px
        }

        .game-card-box .game-card-box-wrapper .homepageHot_img {
            height: auto;
            width: 100%
        }

@keyframes game-card-box-wrapper {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}
.pos_right_top {
    position: absolute !important;
    right: 3px;
    top: 2px
}

.img-hot-home {
    width: 20px
}

.img-hot-home, .img-new-home {
    animation: beat 1s infinite alternate
}

.img-new-home {
    width: 30px;
    top: 7px
}

.theme--light.v-image {
    color: rgba(0,0,0,.87)
}
.v-image {
    z-index: 0
}

.v-image__image, .v-image__placeholder {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.v-image__image {
    background-repeat: no-repeat
}

.v-image__image--preload {
    filter: blur(2px)
}

.v-image__image--contain {
    background-size: contain
}

.v-image__image--cover {
    background-size: cover
}

.v-responsive__sizer {
    transition: padding-bottom .2s cubic-bezier(.25,.8,.5,1);
    flex: 1 0 0px
}
.v-responsive {
    position: relative;
    overflow: hidden;
    flex: 1 0 auto;
    max-width: 100%;
    display: flex
}

.v-responsive__content {
    flex: 1 0 0px;
    max-width: 100%
}
.v-application--is-ltr .v-responsive__sizer ~ .v-responsive__content {
    margin-left: -100%
}

.v-application--is-rtl .v-responsive__sizer ~ .v-responsive__content {
    margin-right: -100%
}

.v-footer {
    position: unset
}

    .v-footer .footer-title {
        font-size: 12px;
        font-family: ReadexPro-Bold
    }

    .v-footer .footer_wrapper {
        max-width: 1240px;
        margin: 30px auto;
        font-size: 12px
    }

        .v-footer .footer_wrapper .footer-container-1 {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            row-gap: 20px
        }

            .v-footer .footer_wrapper .footer-container-1 .column-gap {
                gap: 4px
            }

    .v-footer .footer-divider {
        color: var(--v-divider-base)
    }

    .v-footer .footer-logo {
        width: 120px
    }

    .v-footer .footer-disabled {
        filter: grayscale(100%)
    }

    .v-footer .footer-icon {
        max-width: 32px;
        max-height: 32px
    }

    .v-footer .seo_text {
        font-size: 1.17em
    }

    .v-footer .footer-link-divider {
        border-color: #3a3a3a
    }

    .v-footer .footer-support:hover {
        color: var(--v-primary-base)
    }

    .v-footer .gaming-license {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end
    }

    .v-footer .payment-methods-icons {
        gap: 12px
    }

    .v-footer .faq-container {
        text-align: end
    }

        .v-footer .faq-container .faq-wrapper {
            gap: 12px;
            color: var(--v-primary-base);
            margin: 0 0 12px 0;
            justify-content: end
        }

@media(max-width: 599px) {
    .footer {
        margin-bottom: 50px
    }

        .footer .footer_wrapper .footer-container-1 .customer-support {
            width: 50%
        }

        .footer .footer_wrapper .footer-container-1 .community {
            width: calc(50% - 10px)
        }

        .footer .footer_wrapper .footer-container-1 .payment-methods {
            width: calc(45% - 10px)
        }

        .footer .footer_wrapper .footer-container-1 .payment-methods-icons {
            gap: 20px
        }

        .footer .footer_wrapper .faq-container {
            text-align: start
        }

            .footer .footer_wrapper .faq-container .faq-wrapper {
                justify-content: start
            }
}
.v-application a {
    color: var(--v-anchor-base);
}
.v-application .secondary--text {
    color: var(--v-secondary-base) !important;
    caret-color: var(--v-secondary-base) !important;
}
.v-application .footer_color {
    background-color: var(--v-footer_color-base) !important;
    border-color: var(--v-footer_color-base) !important;
}
.bikash365 .slick-dots{
    background:transparent !important;
}
.bikash365 .seo_text h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
    unicode-bidi: isolate;
}
.bikash365 .seo_text h2 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    unicode-bidi: isolate;
}
.bikash365 .seo_text h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    unicode-bidi: isolate;
}
.bikash365 .v-application p{
    margin-bottom:unset;
}
.bikash365 .game-card-box {
    background: #133a25;
}
.bikash365 .login-header-new .bg-transparent svg {
    fill: #FFF;
}
.bikash365 .no-gutters .row > * {
    width: unset;
    padding: 0px;
}