@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@400;600;800&display=swap";@charset "UTF-8";.referral-program-rule {
    --referral-program-rule-bg: #fff;
    --referral-program-rule-text: #464646
}


.toolbar {
    position: fixed;
    z-index: 104;
    bottom: 0;
    width: 100%;
    height: 13.3333333333vw;
    border-top: .2666666667vw solid #111333;
    background: #111
}

.toolbar ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%
}

.toolbar ul li {
    position: relative;
    width: 20%;
    height: auto
}

.toolbar ul li a {
    display: block;
    text-decoration: none
}

.toolbar ul li a .item-icon {
    display: block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin: 0 auto 1.3333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.toolbar ul li a p {
    color: #fff;
    font-size: 3.2vw;
    text-align: center
}

.toolbar ul li:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    transform: translate(-50%,-50%) scale(0);
    transition: all .3s;
    border-radius: 10.6666666667vw;
    background: #111
}

.toolbar ul li.active .item-icon {
    display: none
}

.toolbar ul li.active .item-icon-active {
    display: block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin: 0 auto 1.3333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.toolbar ul li.active:after {
    animation: toolbar-active-animation .4s ease-in-out;
    animation-fill-mode: forwards
}

@keyframes toolbar-active-animation {
    0% {
        transform: translate(-50%,-50%) scale(0)
    }

    85% {
        transform: translate(-50%,-50%) scale(1.2)
    }

    90% {
        transform: translate(-50%,-50%) scale(.9)
    }

    95% {
        transform: translate(-50%,-50%) scale(1.1)
    }

    to {
        transform: translate(-50%,-50%) scale(1)
    }
}


.footer-middle {
    display: flex;
    width: 100%;
    height: auto;
    padding: 4vw 0 0;
    border-bottom: .2666666667vw solid #111333;
    text-align: left
}

.footer-middle div {
    width: 50%;
    margin-bottom: 2.6666666667vw
}

.footer-middle div li {
    display: inline-block;
    margin: 0 2.6666666667vw 2.6666666667vw 0
}

.footer-middle div h2 {
    margin-bottom: 4vw;
    color: #14805e;
    font-size: 3.4666666667vw;
    font-weight: 700
}

.footer-middle div a {
    display: inline-block
}

.footer-middle>div img {
    height: 8vw
}

.gambling-partner li {
    display: flex!important;
    flex-direction: row;
    align-items: center
}

.gambling-partner li p {
    margin-left: 1.3333333333vw;
    color: #ffffff80;
    font-size: 3.2vw
}

.footer-bottomc {
    border-bottom: .2666666667vw solid #111333
}

.footer-bottomc {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 6.6666666667vw 0;
}

.footer-bottomc p{
    color: #111;
}

.footer-license {
    padding: 6.4vw 0 9.6vw;
    line-height: 1.5;
    color: #ffffff80;
    font-size: 3.2vw
}

.footer-license a {
    color: #27b488
}

.footer-license .license-title,.footer-license span {
    font-weight: 700
}

.footer-bottomc .logo {
    width: 14.6666666667vw;
    height: 10.6666666667vw;
    margin-right: 5.3333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.footer-bottomc .text {
    text-align: left
}

.footer-bottomc .text .title {
    margin-bottom: 1.3333333333vw;
    color: #14805e;
    font-size: 3.4666666667vw;
    font-weight: 700
}

.footer-bottomc .text p {
    color: #ffffff80;
    font-size: 3.2vw
}


.footer-top div img {
    height: 4vw;
    opacity: .7
}

.footer-top div a {
    display: block
}

.pay,.pay-normal-size {
    flex: 0 0 100%
}

.pay-normal-size img {
    height: 6.4vw
}

.footer-top .safe {
    flex: 0 0 45%;
    margin-right: 2.6666666667vw
}

.footer-top .safe img {
    height: 6.4vw;
    opacity: .7
}

.footer-top .footer-social {
    flex: 1 0 50%
}

.footer-top .footer-social img {
    height: 8vw;
    opacity: .7
}

.footer-top .provider {
    flex: 0 0 100%
}

.footer-top .provider img {
    height: 6.4vw;
    opacity: 1
}


.pay h2 {
    margin-bottom: 4vw;
    color: #14805e;
    font-size: 3.4666666667vw;
    font-weight: 700;
}

.pay li {
    display: inline-block;
    margin: 0 2.6666666667vw 2.6666666667vw 0;
}

.pay img {
    height: 4vw;
    opacity: .7;
}

.footer-top .list__wrap {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}


.footer-top .list__item {
    display: inline-flex;
    align-items: center;
}
.footer-top .list .item {
    text-align: start;
    margin-bottom: 8vw;
}
.footer-top .list__item, .footer-top .list__item {
    width: 50%;
    height: auto;
}

.footer-top .list__item .list__item--img {
    height: 8vw;
    margin-right: 2.6666666667vw;
}
.footer-top div img {
    height: 4vw;
    opacity: .7;
}


.footer-top .list .item__content, .footer-top .list .item .txt, .footer-top .list .item .sub-txt {
    margin-bottom: 0;
}

.footer-top .list .item__content {
    height: 100%;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
}

.footer-top .list .item__content .txt {
    color: #fff;
    font-weight: 700;
    text-decoration: unset;
    font-size: 2.9333333333vw;
}

.footer-top .list .item__content .sub-txt {
    display: flex
;
    flex-direction: column;
    color: #ffffff80;
    font-size: 2.9333333333vw;
}
.footer-top .list .item {
    text-align: start;
    margin-bottom: 8vw;
}

.list__item.item {
    margin-bottom: 3vw;
}

.footer-top span{
    color: #ffffff80;
}

.sponsorships span{

color: #ffffff80;
}

.app-download .item-icone {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: .5333333333vw;
    background: #14805e;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    display: block;
}

.app-download p{
    color: #14805e;
    font-size: 3.2vw;
    font-weight: 700;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all;
}
.service-btn .item-iconee {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-bottom: .5333333333vw;
    background: #14805e;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    display: block;
}

.service-btn p {
    color: #14805e;
    font-size: 3.2vw;
    font-weight: 700;
    text-align: center;
    word-wrap: break-word;
    word-break: break-all;
}

a.app-download.ng-star-inserted {
    margin: 2vw;
}

.card1 {
    width: 100%;
    height: auto;
    margin-bottom: 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw
}

.card1 ul {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: .5333333333vw;
    width: 100%;
    height: auto
}

.card1 li {
    position: relative;
    width: 100%;
    background: #111
}

.card1 li a {
    display: block;
    padding: 2.6666666667vw 0;
    text-decoration: none
}

.card1 li img {
    display: block;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    margin: 0 auto
}

.card1 li p {
    max-width: 24vw;
    color: #fff;
    font-size: 3.4666666667vw;
    margin-top: 1.0666666667vw;
    text-align: center
}

.card1.exclusive {
    width: 100%;
    margin-top: 1.0666666667vw
}

.card1.exclusive ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    grid-gap: 3.2vw
}

.card1.exclusive ul li {
    grid-column: span 1;
    overflow: hidden;
    border-radius: 1.3333333333vw
}

.card1.exclusive ul li a {
    padding: 0
}

.card1.exclusive ul li a img {
    height: 100%;
    width: 100%
}

.card2 {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 0 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw
}

.card2 .button {
    width: 24vw
}

.card2 .brand {
    position: absolute;
    top: 0;
    right: 2.6666666667vw
}

.card1 ul li a {
    outline: none
}

.card1.col-3 ul {
    display: flex;
    justify-content: center
}

.card1.col-3 ul li {
    width: 33.3333333333%
}

.card1.col-3 ul li .icon-sport {
    margin-bottom: 1.3333333333vw;
    mask-size: 36%;
    -webkit-mask-size: 36%
}

.card1 ul li .icon-sport {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    background: #ffdf1a;
    mask-size: 100%;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    margin: 0 auto
}

.pop-wrap {
    display: none;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-height: 10rem;
    transform: translate(-50%,-37%);
    transition: all .3s;
    animation: hide 0s 1s 1 forwards;
    opacity: 0;
    background: #fff;
    color: #111
}

.pop-wrap.show {
    display: flex
}

.pop-wrap.ani {
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .3s .3s ease-in-out;
    opacity: 1
}

.pop-wrap.promotion-pop {
    position: fixed;
    height: auto;
    background: #fff;
    color: #111
}

.pop-wrap.promotion-pop .pop-title {
    padding: 0 4vw
}

.pop-wrap.promotion-pop.show {
    display: flex
}

.pop-wrap.pop-language .btn-close,.pop-wrap.promotion-pop .btn-close {
    width: 13.3333333333vw;
    height: 13.3333333333vw
}

.pop-wrap.pop-language .btn-close:before,.pop-wrap.promotion-pop .btn-close:before {
    width: 100%!important;
    height: 100%!important
}

.pop-wrap.pop-language .btn-close {
    width: 16vw;
    height: 16vw
}

.pop-wrap.pop-success .btn-closed,.pop-wrap.pop-fail .btn-closed {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 12vw;
    height: 12vw;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 27%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 27%
}

.pop-wrap .detail-banner {
    line-height: 0
}

.pop-wrap .detail-banner img {
    width: 100%;
    height: auto
}

.pop-wrap .btn-close {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 16vw;
    height: 16vw;
    transition: .5s;
    background: #14805ecc
}

.pop-wrap .btn-close .item-icon {
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: .3s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%
}

.pop-wrap .pop-title {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 16vw;
    padding: 4vw 16vw 4vw 4vw;
    background: #14805e
}

.pop-wrap .pop-title h3 {
    display: inline-block;
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #fff;
    font-size: 3.7333333333vw;
    font-weight: 700;
    line-height: 1.2
}

.pop-wrap .pop-inner {
    position: relative;
    padding: 4vw;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left
}

.pop-wrap,.member-menu,.searchpage {
    z-index: 9000;
}