html {
    background: #d3e4f6;
}
/* khmer */
@font-face {
  font-family: 'Battambang';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/battambang/v26/uk-lEGe7raEw-HjkzZabNsmM9yhQ87ZK.woff2) format('woff2');
  unicode-range: U+1780-17FF, U+19E0-19FF, U+200C-200D, U+25CC;
}
/* latin */
@font-face {
  font-family: 'Battambang';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/battambang/v26/uk-lEGe7raEw-HjkzZabNsmM9yNQ8w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
    font-family: 'Roboto', sans-serif,'Battambang' !important;
}

    .icon-lang img{
        width: 20px;
    }
.top-header {
    background: #d3e4f6;
}

.btn-login,
.btn-register {
    color: white !important;
    background-image: linear-gradient(to right, #eaca8e, #d09514) !important;
    border-color: unset !important;
    box-shadow: unset !important;
    outline: 0 !important;
    border: unset !important;
}

.btn-login:hover,
.btn-register:hover {
    background-image: linear-gradient(to right, #d09514, #ffc107) !important;
}

.btn-login img,
.btn-register img {
    filter: brightness(0) invert(1) brightness(100%);
}

.pc {
    display: inline-block;
}

.btn-lang {
    font-weight: bold !important;
    color: #083261 !important;
}

.btn-lang:hover {
    border-color: unset !important;
}

.btn-lang span img {
    width: 20px;
}

.logo a img {
    width: 200px;
}

.bg-nav {
    background: #5680cd;
}

dl,
ol,
ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

a {
    text-decoration: none !important;
}

ul.sub {
    margin: 0px;
    width: 100%;
}

ul.sub li {
    float: left;
    padding: 0;
    line-height: 0;
    font-size: 0;
}

ul.sub li a {
    display: inline-block;
    margin: 0;
    padding: 0 5px;
    line-height: 26px;
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
    padding: 10px;
}

ul.sub li a.hover,
ul.sub li a:hover {
    background-color: #3a64b2;
    color: #ffd700;
}

.btn-check:focus+.btn,
.btn:focus {
    background-color: unset !important;
    border-color: unset !important;
    box-shadow: unset !important;
    outline: 0 !important;
    border: unset !important;
}

.nav-scroll {
    display: flex;
}

main {
    background: #d3e4f6;
}

marquee {
    color: white;
}

/********************************** Index content **********************************/

/*.ind-in{
	width: 100%;
	max-width: 1200px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block;
}*/

.ind-in ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    position: relative;
}

.ind-in ul li a {
    position: relative;
    display: flex;
}

.txt-ind {
    position: absolute;
    top: 0px;
    color: #ffffff;
    text-shadow: 1px 1px 1px #252525;
    font-weight: bold;
    font-size: 28px;
}

.btn-zoom {
    transition: transform .2s;
}

.btn-zoom:hover {
    transform: scale(1.03);
}

.ind-in ul li a .txt-ind {
    transition: transform .2s;
}

.ind-in ul li a:hover .txt-ind {
    transform: scale(1.03);
}

.ind-in-2 ul li a .txt-ind {
    transition: transform .2s;
}

.ind-in-2 ul li a:hover .txt-ind {
    transform: scale(1.03);
}

.ind-sg {
    position: absolute;
    top: 70px;
    right: 55px;
}

.ind-sport {
    position: absolute;
    top: 49px;
    left: 100px;
}

.ind-casino {
    position: absolute;
    top: 20px;
    left: 85px;
}

.ind-in ul li:nth-child(2) {
    position: absolute;
    right: 0px;
    top: 22px;
}

.ind-in ul li:nth-child(3) {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.ind-in-2 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    position: relative;
}

.ind-in-2 ul li a {
    position: relative;
    display: flex;
}

.ind-in-2 ul li:nth-child(2) {
    position: absolute;
    right: 0px;
}

.ind-in-2 {
    margin-top: 10px;
}

.ind-live {
    position: absolute;
    top: 35px;
    right: 100px;
}

.ind-other {
    position: absolute;
    top: 35px;
    left: 45px;
}

.product-game {
    width: 100% !important;
    /* fixed width */
}

.swiper-slide img {
    width: 100%;
    height: auto;
}

.grid-2-3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.grid-2-row {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
}

.grid-2-3 img {
    width: 100%;
    height: 100%;
}

.livecasino img {
    width: 102% !important;
    position: relative !important;
    left: -2% !important;
    top: 20px;
    height: 95%;
}

.slot img {
    width: 112% !important;
    position: relative !important;
    left: -12% !important;
    top: 1px;
}

.sportbook,
.livecasino,
.slot {
    position: relative;
}

.grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.grid-2 img {
    width: 100%;
    height: 100%;
}

.grid-2 .right img {
    width: 107% !important;
    position: relative !important;
    left: -7% !important;
}

.grid-2 .left img {
    width: 95%;
    position: relative;
}

.block-sport,
.block-livecasino,
.block-slot,
.block-lotto,
.block-cockfight {
    position: relative;
}

.text-sportbook {
    position: absolute;
    top: 60px;
    right: 30px;
    font-weight: bold;
    font-size: 28px;
    color: white;
    text-transform: uppercase;
}

.text-livecasino {
    position: absolute;
    top: 60px;
    left: 60px;
    font-weight: bold;
    font-size: 28px;
    color: white;
    text-transform: uppercase;
}

.text-slot {
    position: absolute;
    top: 15px;
    left: 0px;
    font-weight: bold;
    font-size: 28px;
    color: white;
    text-transform: uppercase;
}

.text-lotto {
    position: absolute;
    top: 30px;
    right: 100px;
    font-weight: bold;
    font-size: 28px;
    color: white;
    text-transform: uppercase;
}

.text-cockfight {
    position: absolute;
    top: 30px;
    font-weight: bold;
    font-size: 28px;
    color: white;
    text-transform: uppercase;
}

/*-----------------  matchese -------------*/

.lang-name {
    color: #021f51;
}

/* footer */

footer {
    background: #5680cd;
}

.grid-2-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* .title-section {
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 1.2rem;
        font-weight: bold;
        padding: 5px 15px;
        color: #ffffff;
        display: block;
    } */

.networks ul {
    width: 100%;
    height: auto;
    /* text-align: center; */
    display: block;
}

.networks ul li {
    display: inline-block;
    margin: 5px;
}

.networks ul li a img {
    width: 35px;
    height: auto;
}

/* 

    .networks-provider ul li {
        display: inline-block;
        margin: 5px;
    }
    .networks-provider ul li a img {
        width: 100%;
        height: 35px;
    } */

.topslot {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.title {
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 1.2rem;
    color: #ffffff;
    display: block;
}

.providers-logo ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
}

.item-provider {
    width: 100%;
    height: auto;
    background: #3a64b3;
    border-radius: 7px;
    text-align: center;
}

.item-provider img {
    width: auto;
    height: auto;
    max-height: 40px;
    min-height: 40px;
}

.text-copyright {
    color: #021f51 !important;
}

/* footer */

.nav-scroll {
    overflow-y: scroll;
    /* enable scroll */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
}

.nav-scroll::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}
.product-game-mobile {
    position: relative;
}

.product-game-mobile img {
    width: 100%;
    height: auto;
}

.sport-item-mobile {
    position: absolute;
    top: -100px;
    left: 32%;
}

.casino-item-mobile {
    position: absolute;
    top: -100px;
    right: 28%;
}

.text-game-mobile {
    font-size: 20px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

.slot-item-mobile {
    position: absolute;
    top: -10px;
    right: 39%;
}

.lotto-item-mobile {
    position: absolute;
    top: 75px;
    right: 58%;
}

.cock-item-mobile {
    position: absolute;
    top: 75px;
    right: 35%;
}
.nav-scroll li a {
    white-space: nowrap;
}

.nav-scroll li a img {
    height: 25px !important;
    width: 25px !important;
    filter: brightness(0) invert(1);
}
@media (max-width: 1400px) {
    .nav-scroll {
        overflow-x: auto;
        /* enable horizontal scroll */
        white-space: nowrap;
        /* prevent wrapping */
        -webkit-overflow-scrolling: touch;
        /* smooth scrolling on iOS */
    }
    .nav-scroll::-webkit-scrollbar {
        height: 3px;
    }
    .nav-scroll::-webkit-scrollbar-thumb {
        background: #ffd700;
        border-radius: 4px;
    }
    .nav-scroll::-webkit-scrollbar-track {
        background: #3a64b2;
        /* light gray */
        border-radius: 4px;
    }
}


@media (max-width: 991.98px) {
    .providers-logo ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr ;
        grid-gap: 8px;
    }
    .logo a img {
        width: 180px;
    }
    ul.sub li a {
        font-size: 1.1rem;
    }
    .livecasino img {
        top: 15px !important;
    }
    .text-sportbook {
        top: 35px;
        right: 20px;
        font-size: 20px;
    }
    .text-livecasino {
        top: 35px;
        left: 30px;
        font-size: 20px;
    }
    .text-slot {
        top: 10px;
        left: 0px;
        font-size: 20px;
    }
    .text-lotto {
        top: 15px;
        right: 60px;
        font-size: 20px;
    }
    .text-cockfight {
        top: 15px;
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .providers-logo ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr ;
        grid-gap: 5px;
    }
    .livecasino img {
        top: 12px !important;
    }
    .logo a img {
        width: 170px !important;
    }
    .text-sportbook {
        top: 25px;
        right: 20px;
        font-size: 17px;
    }
    .text-livecasino {
        top: 25px;
        left: 30px;
        font-size: 17px;
    }
    .text-slot {
        top: 10px;
        left: 0px;
        font-size: 17px;
    }
    .text-lotto {
        top: 10px;
        right: 40px;
        font-size: 17px;
    }
    .text-cockfight {
        top: 10px;
        font-size: 17px;
    }
    /* .title-section {
        font-size: 1rem;
    } */
    .networks ul li {
        margin: 2px;
    }
    .text-copyright {
        font-size: 10px;
    }
}


@media (max-width: 476px) {
        .sport-item-mobile {
            top: -77px;
            left: 32%;
        }
        .casino-item-mobile {
            position: absolute;
            top: -77px;
            right: 28%;
        }
        .slot-item-mobile {
            position: absolute;
            top: -10px;
            right: 39%;
        }
        .text-game-mobile {
            font-size: 15px;
        }
        .lotto-item-mobile {
            position: absolute;
            top: 65px;
            right: 58%;
        }
        .cock-item-mobile {
            position: absolute;
            top: 65px;
            right: 35%;
        }
        .grid-2-footer {
            grid-template-columns: 1fr;
            gap: 10px;
        }
    }

@media (max-width: 400px) {
        .sport-item-mobile {
            top: -65px;
            left: 33%;
        }
        .casino-item-mobile {
            position: absolute;
            top: -65px;
            right: 30%;
        }
        .slot-item-mobile {
            position: absolute;
            top: -10px;
            right: 39%;
        }
        .text-game-mobile {
            font-size: 12px;
        }
        .lotto-item-mobile {
            position: absolute;
            top: 55px;
            right: 58%;
        }
        .cock-item-mobile {
            position: absolute;
            top: 55px;
            right: 35%;
        }
    }
@media (max-width: 575.98px) {
    .lang-name {
        display: none;
    }
    .logo a img {
        width: 150px !important;
    }
    ul.sub li a {
        font-size: 1rem !important;
        padding: 8px !important;
    }
    .btn-login,
    .btn-register {
        padding: 5px 5px !important;
        font-size: 0.9rem !important;
    }
}

.product-game-mobile {
    display: none;
}

@media (max-width: 576px) {
    .product-game {
        display: none;
    }
    .product-game-mobile {
        display: unset;
    }
}

@media (max-width: 450px) {
    .livecasino img {
        top: 8px !important;
        height: 100% !important;
    }
    .slot img {
        height: 100% !important;
    }
    .logo a img {
        width: 130px !important;
    }
    ul.sub li a {
        font-size: 0.9rem !important;
        padding: 6px !important;
    }
    .btn-login,
    .btn-register {
        padding: 4px 4px !important;
        font-size: 0.7rem !important;
    }
    .grid-2-row {
        grid-gap: 15px !important;
    }
    .text-sportbook {
        top: 20px;
        right: 15px;
        font-size: 12px;
    }
    .text-livecasino {
        top: 20px;
        left: 25px;
        font-size: 12px;
    }
    .text-slot {
        top: 5px;
        left: 0px;
        font-size: 12px;
    }
    .text-lotto {
        top: 10px;
        right: 30px;
        font-size: 12px;
    }
    .text-cockfight {
        top: 10px;
        font-size: 12px;
    }
    .networks ul li {
        margin: 1px;
    }
}

@media (max-width: 367px) {
    .login-name,
    .register-name {
        display: none;
    }
    .logo a img {
        width: 80px !important;
    }
    ul.sub li a {
        font-size: 0.8rem !important;
        padding: 4px !important;
    }
    .btn-login,
    .btn-register {
        padding: 5px 5px !important;
    }
}