@import url('https://fonts.googleapis.com/css2?family=Mitr:wght@300&display=swap');



body {



    display: flex;



    justify-content: center;



    background: rgb(0, 0, 0);



    font-family: 'Mitr', sans-serif;



    position: relative;



    color: white !important;



    overflow-x: hidden;



}

.-left-wrapper,.-right-wrapper{

    position: relative !important;

    z-index: 999 !important;

  }

@font-face{



    font-family:"Kh-Battambang";



    font-stretch:normal;



    font-style:normal;



    font-weight:normal;



    src: url(/client/fonts/Battambang-Regular.ttf);



}



html[lang|="kh"] body,html[lang|="kh"] h1,html[lang|="kh"] h2,html[lang|="kh"] h3,html[lang|="kh"] h4,html[lang|="kh"] h5,html[lang|="kh"] h6,html[lang|="kh"] a,html[lang|="kh"] span,html[lang|="kh"] label,html[lang|="kh"] input,html[lang|="kh"] li,html[lang|="kh"] p {font-family:Kh-Battambang !important;}



#api-special-promotion {



    display: grid;



    grid-gap: 20px;



}



.-text2{

    text-transform: uppercase;

}

html[lang|="kh"] .class-width-sp{

    letter-spacing: -0.099286em !important;

}

html[lang|="kh"] .b-telegram{

    font-size: .700rem !important;

    text-transform: uppercase;

    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;

    padding-bottom: 3px !important;

}

.btn {



    padding: 10px 20px;



    border-radius: 10px;



    border: none;



    color: white;



    font-weight: bold;



    background: linear-gradient(74deg, #2a2323, #dc2116);



    box-shadow: inset 0 0 0 1.5px #e1b156;



}







#panel {



    text-align: center;



    background-color: linear-gradient(74deg, #2a2323, #dc2116);



}







body::after {



    content: "";



    background: rgb(24, 23, 33);



    background: linear-gradient(109deg, rgb(53 53 53) 0%, rgb(18 18 18) 100%);



    background-size: cover;



    top: 0;



    left: 0;



    bottom: 0;



    right: 0;



    position: fixed;



    z-index: -5;



    overflow-x: hidden;



}







button:focus {



    outline: unset !important;



}







.Postbg::after {



    background: url('/client/img/bg11.jpg');



    background-size: cover;



}







.bgpost body {



    background: rgb(0, 0, 0);



    font-family: 'Mitr', sans-serif;



    position: relative;



    color: white;



    overflow-x: hidden;



}







.bgpost body::after {



    content: "";



    background: rgb(24, 23, 33);



    background: linear-gradient(109deg, rgb(53 53 53) 0%, rgb(18 18 18) 100%), url('/img/bg11.jpg');



    background-size: cover;



    top: 0;



    left: 0;



    bottom: 0;



    right: 0;



    position: fixed;



    z-index: -5;



    overflow-x: hidden;



}







.cutcolor {



    color: #f8d884 !important;



}







.x-hr-border-glow {



    height: 2px;



    margin: 0 auto;



    background: linear-gradient(90deg, transparent, #e7b659 30%, #d75f09 70%, transparent);



    width: 90%;



    text-align: center;



    position: relative;



    z-index: 0;



}







.x-hr-border-glow2 {



    height: 3px;



    margin: 0 auto;



    background: white;



    box-shadow: 0 0 5px #c67829, 0 0 15px #c67829, 0 0 25px #c67829, 0 0 65px #c67829;



    width: 100%;



    text-align: center;



    position: relative;



    z-index: 0;



}







.x-hr-border-glow3 {



    height: 2px;



    margin: 0 auto;



    background: linear-gradient(90deg, transparent, #c67829 30%, #c67829 70%, transparent);



    width: 90%;



    text-align: center;



    position: relative;



    z-index: 0;



}







footer {



    background: linear-gradient(180deg, #313131b0, #100d0da1);



    color: white;



    padding-bottom: 30px;



}







@media(max-width: 767px) {



    footer {



        padding-bottom: 110px;



    }



}







.wrapper-menu {



    background-color: transparent;



    border: none;



    cursor: pointer;



    display: flex;



    padding: 0;



    outline: none;



    position: absolute;



    left: 10px;



    top: 8px;



    z-index: 1000;



    transition: all .5s;



}







.wrapper-menu2 {



    background-color: transparent;



    border: none;



    cursor: pointer;



    display: flex;



    padding: 0;



    outline: none;



}







.wrapper-menu.hamopen {



    position: fixed;



    left: 200px;



    top: 8px;



}







.line {



    fill: none;



    stroke: #fff;



    stroke-width: 3;



    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);



}







.line1 {



    stroke-dasharray: 60 207;



    stroke-width: 3;



    animation: lineone 2s ease 0s infinite normal none;



}







@keyframes lineone {



    0.0% {}



    50.1% {



        transform: scale3d(1.2, 1, 1) translate(-10px);



    }



}







.line2 {



    stroke-dasharray: 60 60;



    stroke-width: 3;



    animation: linetwo 2s ease 0s infinite normal none;



}







@keyframes linetwo {



    0.0% {}



    50.1% {



        transform: scale3d(.8, 1, 1) translate(10px);



    }



}







.line3 {



    stroke-dasharray: 60 207;



    stroke-width: 3;



    animation: linetree 2s ease 0s infinite normal none;



}







@keyframes linetree {



    0.0% {}



    50.1% {



        transform: scale3d(1.2, 1, 1) translate(-10px);



    }



}







.open .line1 {



    stroke-dasharray: 90 207;



    stroke-dashoffset: -134;



    stroke-width: 3;



    animation: yourAnimation 3s ease 0s infinite normal none;



}







.open .line2 {



    stroke-dasharray: 1 60;



    stroke-dashoffset: -30;



    stroke-width: 3;



    animation: yourAnimation 3s ease 0s infinite normal none;



}







.open .line3 {



    stroke-dasharray: 90 207;



    stroke-dashoffset: -134;



    stroke-width: 3;



    animation: yourAnimation 3s ease 0s infinite normal none;



}







@keyframes yourAnimation {



    0.0% {}



    50.1% {}



}







/*Wordpress*/







@media screen and (max-width: 600px) {



    #wpadminbar {



        position: absolute;



        margin-top: -46px;



    }



    .navbarstk.wpadmin {



        margin-top: -46px;



    }



}







@media (max-width:600px) {



    .navbarstk.mobilewp {



        top: 0;



        transition: all .3s;



    }



}







/*Wordpress*/







/*Nav Bar-----------------------------------*/







#sidebar .menu-menu-container li {



    list-style: none;



}







#sidebar .menu-menu-container ul {



    padding: 0;



    margin: 0;



}







.sidebarbtn {



    height: 30px;



    margin-top: 19px;



    margin-left: 5px;



    background: transparent;



    border: none;



    color: white;



    font-size: 30px;



    transition: all .3s;



    padding: 0;



    padding-right: 10px;



}







.nav-2-bar {



    position: fixed;



    z-index: 99;



    width: 100%;



    max-width: 1300px;



    margin: 0 auto;



    height: 80px;



    left: 0;



    right: 0;



    border-bottom-right-radius: 20px;



    border-bottom-left-radius: 20px;



    padding: 3px 30px;



    display: flex;



    transition: all .3s;



}







.nav-2-bar.sticky {



    background: #000000ba;



    box-shadow: 0 0 15px #00000094;



}







.nav-2-bar img {



    width: auto;



    height: 100%;



}







.navbarstk {



    position: fixed;



    z-index: 99;



    width: 100%;



    max-width: 1300px;



    margin: 0 auto;



    height: 80px;



    left: 0;



    right: 0;



    border-bottom-right-radius: 20px;



    border-bottom-left-radius: 20px;



    padding: 3px 30px;



    display: flex;



    transition: all .3s;



}







.navbarstk.sticky {



    background: #000000ba;



    box-shadow: 0 0 15px #00000094;



}







.navbarstk img {



    width: auto;



    height: 100%;



}







@media (max-width:991px) {



    .navbarstk img {



        width: 190px;



        height: auto;



        margin-top: 20px;



    }



}







@media (max-width:520px) {



    .navbarstk img {



        width: 180px;



        height: auto;



        margin-top: 10px;



    }



}







@media (max-width:400px) {



    .navbarstk img {



        width: 170px;



        height: auto;





    }



}







.navbarstk ul {



    margin: 0;



    padding: 0;



    display: flex;



    margin-left: 20px;



}







@media (max-width:991px) {



    .none-img {



        display: none !important;



    }



}







@media (max-width:991px) {



    .navbarstk ul {



        display: none;



    }



}







.navbarstk li {



    margin: 0;



    padding: 0;



    list-style: none;



    padding: 5px 0;



}







.navbarstk ul a {



    display: block;



    padding: 20px;



    border-radius: 10px;



    font-weight: 900;



}







.navbarstk ul a:hover,.active-page {



    background: #acacac33;



    text-shadow: 0 0 5px white, 0 0 20px white;



}







.loginregishead {



    position: absolute;



    right: 0;



    margin: 18px;



    display: flex;



}







.loginregisheadsidebar2 {



    position: absolute;



    right: 0;



    margin: 18px;



    display: flex;



}







.loginbtn {



    border-radius: 10px;



    border: none;



    padding: 10px 15px;



    color: white;



    font-weight: bold;



    background: linear-gradient(74deg, #2a2323, #dc2116);



    box-shadow: inset 0 0 0 1.5px #e1b156;



}







.registerbtn {



    border-radius: 10px;



    border: none;



    padding: 10px 15px;



    margin-left: 5px;



    font-weight: bold;



    color: white;



    /*box-shadow: inset 0 0 0 1.5px #f7d18e;*/



    /*background: linear-gradient(173deg, #c4a351 30%, #aa7223);*/



    box-shadow: inset 0 0 0 1.5px #e7c081;



    background: linear-gradient(218deg, #c67828 10%, #513213);



}







@media (max-width: 520px) {



    .navbarstk {



        padding: 10px;



    }



    .loginregishead {



        margin: 0;



        margin-top: 13px;



        right: 10px;



    }



    .sidebarbtn {



        font-size: 25px;



        margin-top: 14px;



    }



    .loginbtn {



        font-size: 14px;



    }



    .registerbtn {



        font-size: 14px;



    }



}







@media (max-width: 450px) {



    .navbarstk {



        padding: 10px;



    }



    .loginregishead {



        margin: 0;



        margin-top: 14px;



        right: 5px;



    }



    .sidebarbtn {



        font-size: 25px;



        margin-top: 14px;



    }



    .loginbtn {



        font-size: 12px;



    }



    .registerbtn {



        font-size: 12px;



    }



}







@media (max-width: 390px) {



    .navbarstk {



        padding: 10px;



    }



    .loginregishead {



        margin: 0;



        margin-top: 14px;



        right: 5px;



    }



    .sidebarbtn {



        font-size: 25px;



        margin-top: 14px;



        margin-left: 0px;



    }



    .loginbtn {



        font-size: 12px;



    }



    .registerbtn {



        font-size: 12px;



        margin-left: 2px;



    }



}







/*Nav Bar-----------------------------------*/







/*Section01*/







.leftcock img {



    width: 100%;



    max-width: 600px !important;



    height: auto;



    position: absolute;



    animation: leftcock 7s ease 0s infinite normal none;



    left: 0;



    right: 0;



    margin: 0 auto;



}







.rightcock img {



    width: 100%;



    max-width: 600px !important;



    height: auto;



    position: absolute;



    animation: rightcock 7s ease 0s infinite normal none;



    left: 0;



    right: 0;



    margin: 0 auto;



}







.centercock img {



    width: 40%;



    margin: 0 auto;



    max-width: 250px;



    margin-top: 180px;



    height: auto;



    position: absolute;



    animation: centercock .8s;



    left: 0;



    right: 0;



}







@keyframes leftcock {



    0.0% {



        transform: translate(0, 0px);



    }



    100% {



        transform: translate(0, 0px);



    }



    49.6% {



        transform: translate(-20px, 20px);



    }



}







@keyframes rightcock {



    0.0% {



        transform: translate(0, 0px);



    }



    100% {



        transform: translate(0, 0px);



    }



    49.6% {



        transform: translate(20px, -20px);



    }



}







@keyframes centercock {



    0.0% {



        opacity: 0;



        transform: scale(1.7);



    }



    100% {



        opacity: 1;



        transform: scale(1);



    }



}







.section01 {



    padding-top: 200px;



    background: linear-gradient(90deg, rgb(17 0 1 / 30%), rgb(198 35 42 / 11%) 100%), url('../img/bg26.jpg')center center;



    background-size: 400% 400%;



    box-shadow: 0 0 10px black, 0 0 20px #000000b5, 0 0 40px #000000b3;



    position: relative;



    animation: gradient 70s ease infinite;



}







@keyframes gradient {



    0% {



        background-position: 0% 70%;



    }



    50% {



        background-position: 100% 90%;



    }



    100% {



        background-position: 0% 70%;



    }



}







.containsection01 {



    width: 100%;



    max-width: 1200px;



    margin: 0 auto;



    position: relative;



}







.logorightsection01 img {



    width: 250px;



    height: auto;



}







.headersection1 {



    font-size: 40px;



    font-weight: bold;



}







.detailsection1 {



    font-size: 20px;



    word-break: break-word;



}







.bgtextsec01 {



    text-shadow: 3px 3px 5px black;



}







.leftsec01 {



    height: 600px;



}







.rightsec01 {



    height: 600px;



    display: flex;



    margin-top: 100px;



}



.block-register-btn{

    margin-top: 40px;

    margin-left: 30px;

    cursor: pointer;



}



.-register-btn {



    width: 254px;



    height: 60.4px;



    position: relative;



    background: linear-gradient(74deg, #2a2323, #dc2116);





    border-radius: 20px;



    box-shadow: 3px 3px 10px #000000b3, 0 0 0 5px #f2bf5d;



    cursor: pointer;





}







.-register-btn img {



    width: 70px;



    height: auto;



    position: absolute;



    top: -20px;



    left: -10px;



}







.btn.-login-btn:before,



.btn.-register-btn:before {



    opacity: 0;



    box-shadow: 0 0 12px #f7edae;



    -webkit-animation: x-glow-before 1s infinite alternate;



    animation: x-glow-before 1s infinite alternate;



}







.btn.-login-btn:after,



.btn.-register-btn:after {



    opacity: 1;



    box-shadow: 0 0 16px #f7edae;



    -webkit-animation: x-glow-after 1s infinite alternate;



    animation: x-glow-after 1s infinite alternate;



}







.-text-btn {



    color: #fff;



    background: #f7edae -webkit-gradient(linear, 100% 0, 0 0, from(#f7edae), color-stop(.5, #a26924), to(#f7edae));



    background-position: -200px top;



    background-repeat: no-repeat;



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;



    -webkit-animation-name: x-shimmer;



    animation-name: x-shimmer;



    -webkit-animation-duration: 2s;



    animation-duration: 2s;



    -webkit-animation-iteration-count: infinite;



    animation-iteration-count: infinite;



    position: absolute;



    left: 50%;



    top: 50%;



    transform: translate(-50%, -50%);



    margin-left: 20px;



    white-space: nowrap;



    margin-top: -2px;



    font-size: 30px;



    font-weight: bold;



    text-shadow: none;



}







@keyframes x-shimmer {



    0% {



        background-position: -200px top



    }



    to {



        background-position: 200px top



    }



}







@media (max-width: 991px) {



    .centercock img {



        position: relative;



        margin-top: 180px;



    }



    .leftsec01 {



        height: auto;



    }



    .rightsec01 {



        text-align: center;



        height: auto;



        margin-bottom: 90px;



        margin-top: 110px;



    }



    .-register-btn {



        position: absolute;



        left: 0;



        right: 0;



        top: 0;



        margin: 0 auto;



        margin-top: 60px;



    }



    .mobilesection1 {



        position: relative;



        padding-top: 120px;



    }



}







@media (max-width:580px) {



    .-register-btn {



        position: absolute;



        left: 0;



        right: 0;



        top: 0;



        margin: 0 auto;



        margin-top: 20px;



    }



    .mobilesection1 {



        position: relative;



        padding-top: 70px;



    }



}







@media (max-width: 480px) {



    .centercock img {



        position: relative;



        margin-top: 140px;



    }



    .rightsec01 {



        text-align: center;



        height: auto;



        margin-top: 60px;



    }



    .headersection1 {



        font-size: 7vw;



        font-weight: bold;



    }



    .detailsection1 {



        font-size: 4vw;



        word-break: break-word;



    }



}







@media (max-width: 430px) {



    .centercock img {



        position: relative;



        margin-top: 130px;



    }



    .-text-btn {



        font-size: 6vw;



    }



    .-register-btn {



        width: 70%;



    }



}







@media (max-width:380px) {



    .centercock img {



        position: relative;



        margin-top: 110px;



    }



}







/*Section01*/







/*Section02*/







.-bottom-row-wrapper {



    width: 100%;



    max-width: 1000px;



    margin: 0 auto;



    margin-top: -7px;



}







.x-service-wrapper.-index .-service-inner-wrapper {



    justify-content: space-evenly;



}







.x-service-wrapper.-index .-box {



    padding: 0;



    border-radius: 20px;



    border: 2px solid transparent;



    background-image: linear-gradient( 180deg, #000000cc 60%, rgb(0 0 0 / 40%) 90%), linear-gradient( 180deg, #e1b257 0, rgba(0, 0, 0, .1) 80%);



    background-origin: border-box;



    background-clip: content-box, border-box;



}







.x-service-wrapper .-box .-fake-bg {



    display: none;



}







.x-service-wrapper.-index .-box .-ic-wrapper {



    margin-top: -3.5rem;



}







.x-service-wrapper .-box .-ic-wrapper {



    height: 100px;



    display: flex;



    justify-content: center;



    align-items: flex-end;



}







.-tabsection2 img {



    width: auto !important;



    height: 100px !important;



    margin-bottom: 1rem;



}







.x-service-wrapper .-box .-title-h2,



.x-service-wrapper .-box span {



    font-size: 1.395rem;



    font-weight: 500;



    color: #ffc87f !important;



    display: block;



    white-space: nowrap;



}







.x-service-wrapper.-index .-box span {



    margin-bottom: 10px;



    padding: 0 1rem;



}







.text-muted-lighter {



    padding-bottom: 20px;



}







@media (max-width: 991.98px) {



    .text-muted-lighter {



        padding-bottom: 20px;



    }



    .-tabsection2 {



        width: 120px;



    }



    .x-service-wrapper.-index .-box {



        max-width: 30%;



    }



    .x-service-wrapper.-index .-box .-title-h2 {



        font-size: 1.2015rem;



    }



    .x-service-wrapper .-box .-title-h2,



    .x-service-wrapper .-box span



}







@media (max-width: 767.98px) {



    .-bottom-row-wrapper {



        margin-top: -60px;



    }



    .x-service-wrapper.-index .-box {



        max-width: unset;



        margin-bottom: 1rem;



        background-image: linear-gradient( 270deg, #000000d1 60%, rgba(0, 0, 0, .1) 90%), linear-gradient( 270deg, #fada7e 0, rgba(0, 0, 0, .1) 80%);



    }



    .x-service-wrapper.-index .-box span {



        margin-bottom: 1rem;



        padding-left: 0;



        margin-top: 25px;



    }



    .x-service-wrapper.-index .-box .-ic-wrapper {



        margin-top: 20px;



    }



    .x-service-wrapper.-index .-box .-title-h2 {



        margin-top: 1rem;



    }



}







/*Section02*/







.bg23 {



    background: linear-gradient(45deg, #00000042, transparent), url('../img/bg26.jpg') bottom center;



    background-size: cover;



    padding-bottom: 20px;



}







/*Section03*/







.section03 {}







.logosec3 img {



    width: 250px;



    height: auto;



}







.colorrightsec3 {



    background: rgb(25 61 110);



    background: radial-gradient(circle, rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 46%) 100%);



    padding: 0;



    padding-top: 50px;



    height: 500px;



    border-top-left-radius: 20px;



    border-bottom-left-radius: 20px;



    border-bottom-right-radius: 5px;



    border-top-right-radius: 5px;



    box-shadow: 5px 5px 15px #00000045;



}







.colorrightsec33 {



    background: rgb(0 0 0 / 4%);



    height: 470px;



    border-top-left-radius: 40px;



    border-bottom-left-radius: 40px;



    position: absolute;



    width: 50%;



    right: 0;



}







.leftsec03 {



    text-align: center;



}







.imgleftsec03 img {



    width: 110%;



    height: auto;



    position: relative;



    z-index: 1;



}







.containsec03 {



    margin-top: 15px;



    width: 100%;



    max-width: 1300px;



    margin: 0 auto;



}







.headersec3 {



    margin-top: 10px;



    font-size: 30px;



    font-weight: bold;



    color: white;



}







.detailsec3 {



    font-size: 20px;



    color: #d4d4d4;



}







.imgdetailsec3 {



    white-space: nowrap;



    display: inline;



}







.imgdetailsec3 img {



    width: 120px;



    margin: 0 10px;



    margin-top: 15px;



}







@media (max-width: 991px) {



    .-text {



        display: inline-block;



        color: #fff;



        background: #e9d761 -webkit-gradient(linear, 100% 0, 0 0, from(#e5bb58), color-stop(.5, #fff), to(#e5bb58));



        background-position: -200px top;



        background-repeat: no-repeat;



        -webkit-background-clip: text;



        -webkit-text-fill-color: transparent;



        -webkit-animation-name: x-shimmer;



        animation-name: x-shimmer;



        -webkit-animation-duration: 2s;



        animation-duration: 2s;



        -webkit-animation-iteration-count: infinite;



        animation-iteration-count: infinite



    }



    .imgleftsec03 img {



        position: absolute;



        height: auto;



        width: 140px;



        opacity: 1;



        top: 10px;



    }



    .colorrightsec33 {



        display: none;



    }



    .colorrightsec3 {



        background: #00000069;



        padding-bottom: 20px !important;



        box-shadow: none;



        border-radius: 20px;



        height: auto;



    }



    .tcentersec03 {



        text-align: center;



    }



    .leftsec03 {



        text-align: left;



    }



}







@media (max-width:700px) {



    .imgleftsec03 img {



        position: absolute;



        height: auto;



        width: 20vw;



        opacity: 1;



        top: -20px



    }



    .headersec3 {



        margin-top: 10px;



        font-size: 5vw;



        font-weight: bold;



    }



    .detailsec3 {



        font-size: 4vw;



        word-break: break-word;



        color: #d4d4d4;



    }



}







@media (max-width:670px) {



    .-item-1 {



        left: 5%;



        width: 90px;



    }



    .imgdetailsec3 img {



        width: 20vw;



        margin: 0 10px;



        margin-top: 15px;



    }



}







@media (max-width: 475px) {



    .-item-1 {



        left: 10px;



        width: 90px;



    }



    .-bg-1 {



        width: 130px;



    }



    .-bg-2 {



        width: 140px;



        right: 35px;



    }



}







/*END Section03*/







/*Section 4*/







.section04 {



    background: linear-gradient(54deg, #a63e0926, #1e080887), url(images/bg/bg5.jpg?v=1)center center;



    background-size: cover;



    padding: 0 5px;



}







.containsec04 {



    width: 100%;



    max-width: 1200px;



    margin: 25px auto;



    margin-top: 10px;



    padding: 10px 10px;



    background: #00000061;



    border-radius: 30px;



    border: 5px solid #f8cc79cf;



    border-top: none;



    border-bottom: none;



}







@media (max-width:500px) {



    .containsec04 {



        padding: 10px 0px;



    }



    .section04 {



        padding: 0 2px;



    }



}







.containsec04 img {



    border-radius: 20px;



}







.headersec4 {



    text-align: center;



    font-size: 45px;



    background: linear-gradient( 180deg, #b38c2c 20%, #e8da9b 50%, #b38c2c 80%);



    -webkit-background-clip: text;



    font-weight: bold;



    -webkit-text-fill-color: transparent;



}







/*Section 4*/







/*Line Fixed*/







@media (max-width:450px) {



    .bankfooter h2 {



        font-size: 4vw;



    }



}







.fxline {



    position: fixed;



    top: 50%;



    right: 5px;



    width: 110px;



    height: auto;



    z-index: 9;



    cursor: pointer;



    transition: all .3s;



}







.fxline button {



    padding-bottom: 1px;



    padding: 5px 8px;



    position: absolute;



    top: -35px;



    right: 0px;



    border: none;



    background: #ff4b59;



    color: white;



    font-size: 20px;



    transition: all .3s;



    border-radius: 20px;



}







.fxline button:hover {



    color: #ff4b59;



    background: white;



}







.fxline i {



    font-size: 20px;



}







.fxline img {



    width: 110px;



    height: auto;



}







.fxline:hover {



    display: block;



    -webkit-filter: drop-shadow(0 0 10px rgb(248 55 55));



    filter: drop-shadow(0 0 10px rgb(248 68 55));



    transition: -webkit-filter .3s;



    transition: filter .3s;



    transition: filter .3s, -webkit-filter .3s;



}







.footersocial p {



    margin: 0;



    padding: 0;



    font-size: 16px;



}







.x-tab-hrft {



    margin: 0;



    border: none;



    width: 100%;



    height: 4px;



    position: relative;



    background: linear-gradient(90deg, #eb2a72, #851b43);



}







.footermobile {



    display: none;



}







@media (max-width: 768px) {



    .fxline {



        display: none;



    }



    .footermobile {



        position: fixed;



        display: block;



        padding-top: 5px;



        bottom: 0;



        width: 100%;



        height: 68px;



        background: linear-gradient(168deg, #8a2626 0%, #371818e0 100%);



        padding-bottom: 3px;



        font-size: 14px;



        border-top: 2px solid #c67829;



        z-index: 5;



    }



    .footermobile h5 {



        position: absolute;



        bottom: 3px;



        font-weight: 100;



        font-size: 16px;



        left: 0;



        right: 0;



        margin: 0 auto;



    }



    .footermobile td {



        width: 20%;



        height: 60px;



        white-space: nowrap;



        border-right: 1px solid #5f5f5f99;



        transition: all .3s;



        cursor: pointer;



        position: relative;



        vertical-align: top;



    }



    .footermobile td:hover {



        background: #00000099;



        border-radius: 10px;



    }



    .footermobile img {



        height: 34px !important;



        width: auto;



        margin: 0 auto;



        display: block;



    }



}







/*Line Fixed*/







/*Section5*/







.section05 {





    background-size: cover;



    padding: 20px 0;



    padding-top: 0;



}







.vssection5 {



    position: absolute;



    z-index: 1;



    left: 50%;



    top: 50%;



    transform: translate(-50%, -50%);



    text-align: center;



}







.vssection5 img {



    height: 250px !important;



    width: auto;



}







.containsec05 {



    width: 100%;



    margin: 0 auto;



    position: relative;



}







.headersection5 {



    font-size: 40px;



    font-weight: bold;



    text-align: center;



    background: linear-gradient(180deg, #b38c2c 20%, #c67929 50%, #b38c2c 80%);



    -webkit-background-clip: text;



    font-weight: bold;



    -webkit-text-fill-color: transparent;



}







@media (max-width:800px) {

    .d-block.text-lang-register.class-width-sp{

        letter-spacing: -0.04em !important;

    }



}

@media (max-width:500px) {



    .headersection5 {



        font-size: 7vw;



    }

    .html[lang|="kh"] .class-width-sp{

        letter-spacing: -0.099286em !important;

    }      

    .text-lang-register-new{

        letter-spacing: -0.099286em !important;

    }

    .text-lang-benner{

        letter-spacing: -0.059286em !important;

    }



}

@media (max-width:400px) {



    .headersection5 {



        font-size: 6vw;



    }



}





.imgsection5 {



    padding: 0;



}







.insidesection5 {



    padding: 10px;



    border-radius: 00px;



}







.insidesection5.left {



    background: linear-gradient(45deg, #00000000, #611414bf);



    background-size: cover;



    text-align: right;



    margin-right: 3px;



    border-bottom-right-radius: 10px;



    border-top-right-radius: 10px;



}







.insidesection5.right {



    background: linear-gradient(118deg, #1d4d9891, #0d090200);



    background-size: cover;



    text-align: left;



    margin-left: 3px;



    border-bottom-left-radius: 10px;



    border-top-left-radius: 10px;



}







.imgsection5 img {



    width: auto;



    height: 500px !important;



}







@media (max-width: 991px) {



    .imgsection5 img {



        width: 100%;



        height: auto !important;



    }



    .vssection5 img {



        width: 70%;



        height: auto !important;



        margin-top: 50px;



    }



}







/*Section5*/







/*Section6 */







.section06 {



    background: linear-gradient(233deg, black, #0000003b), url(/client/img/bg24.webp)center center;



    background-size: cover;



    padding-bottom: 30px;



}







/*Promotion*/







.containpro {



    height: 400px;



}







:root {



    --swiper-theme-color: #ffeb68;



}







/*Promotion*/







.containsec06 {



    width: 100%;



    max-width: 1400px;



    margin: 0 auto;



}







.containslide {



    height: 400px;



    background: #0000008c;



    border-radius: 10px;



    border-top: 2px solid #c67829;



    border-bottom: 2px solid #c67829;



    overflow: hidden;



}







.promotionct {



    padding-bottom: 20px !important;



    padding: 5px !important;



}







.postct {



    padding-bottom: 20px !important;



    padding: 5px !important;



}







@media (max-width: 991px) {



    .promotionct {



        border: none;



    }



    .postct {



        border: none;



    }



}







/*Post*/







.allpostbtn {



    margin: 20px auto;



    display: block;



    border: none;



    font-size: 16px;



    padding: 5px;



    border-radius: 20px;



    background: radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #ffacac 8%, #d16464 25%, #5d1f1f 62.5%, #5d1f1f 100%), radial-gradient(ellipse farthest-corner at right bottom, #fe3737 0%, #fd3131 8%, #9f2828 30%, #8a2f2f 40%, transparent 80%);



    color: white;



    box-shadow: 0 0 10px black;



    border: 1.5px solid #742727;



    transition: all .3s;



    transform: rotate(20deg);



    right: 0px;



    top: 50px;



}







@media (max-width:425px) {



    .allpostbtn {



        top: 40px;



    }



}







.allpostbtn:hover {



    background: radial-gradient(ellipse farthest-corner at right bottom, #fe3737 0%, #fd3131 8%, #9f2828 30%, #8a2f2f 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #ffacac 8%, #d16464 25%, #5d1f1f 62.5%, #5d1f1f 100%);



}







.allpostbtn2 {



    margin: 20px auto;



    display: block;



    border: none;



    border-radius: 10px;



    padding: 11px 15px;



    background: linear-gradient(173deg, #ffe671 30%, #aa7223);



    color: white;



    box-shadow: 0 0 10px black;



    border: 1.5px solid #742727;



    transition: all .3s;



}







.allpostbtn2:hover {



    background: linear-gradient(180deg, #e88904 30%, #f9d73b);



}







.containpost {



    height: 450px;



    padding-bottom: 50px;



}







.headerpostsl {



    position: absolute;



    width: 100%;



    background: transparent;



    bottom: 45px;



    /* bottom: 30px; */



    border-bottom-left-radius: 20px;



    border-bottom-right-radius: 20px;



    padding: 10px;



    white-space: normal;



}







@media (max-width:450px) {



    .headerpostsl {



        bottom: 40px;



        font-size: 16px;



    }



}







.Allpostbtn {



    position: absolute;



    z-index: 2;



}







/*Footer*/







.footercontain {



    width: 100%;



    max-width: 1150px;



    margin: 0 auto;



}







.disfooterct {



    display: grid;



    grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));



}







.infootergrid {



    display: block;



    padding: 0 10px;



    word-break: break-word;



}







.infootergrid:empty {



    display: none;



}







.fotterctn {



    width: 100%;



    max-width: 1200px;



    margin: 0 auto;



}







.infootergrid:empty {



    display: none;



}







.rightmenu {



    font-size: 30px;



}







.infootergrid {



    text-align: center;



}







.infootergrid img {



    border-radius: 20px;



}







.infootergrid h2 {



    color: #c67829;



}







.infootergrid ul {



    padding: none;



    margin: 0;



    display: flex;



    padding: 0;



    padding-left: 10px;



    justify-content: center;



}







.infootergrid li {



    list-style: none;



    font-size: 23px;



    padding: 8px;



    padding-bottom: 4px;



}







.trueimg img {



    display: block;



    width: 250px;



    max-width: 100%;



    margin: 0 auto;



    margin-bottom: 10px;



}







.headerbt {



    display: block;



    color: #ffffff;



    font-size: 30px;



}







.bankcontainer {



    text-align: center;



}







.bankcontainer img {



    width: 40px;



    margin: 5px;



    height: auto;



}







@media (max-width: 440px) {



    .bankcontainer img {



        width: 10vw;



        margin: 5px;



        height: auto;



    }



    .infootergrid li {



        list-style: none;



        font-size: 5vw;



        padding: 8px;



        padding-bottom: 4px;



    }



}







@media (max-width:991px) {



    .bankcontainer img {



        width: 40px;



        margin: 5px;



        height: auto;



    }



    .disfooterct {



        display: grid;



        grid-template-columns: 1fr;



        text-align: center;



    }



    .infootergrid h2 {



        margin-top: 20px;



    }



}







/*Footer*/







/*Mobile Fixed*/







#account-actions-mobile {



    position: fixed;



    left: 0;



    bottom: 0;



    z-index: 2;



    width: 100%



}







@media (min-width:768px) {



    #account-actions-mobile {



        display: none



    }



}







#account-actions-mobile .-register-btn {



    width: 100%;



    font-size: 1.25rem;



    font-weight: 500;



    background: linear-gradient(180deg, #56ccf2, #2f80ed);



    border-radius: 15px 15px 0 0;



    text-align: center



}







#account-actions-mobile .-register-btn span {



    display: inline-block;



    color: #fff;



    background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(.5, #2f80ed), to(#fff));



    background-position: -200px top;



    background-repeat: no-repeat;



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;



    -webkit-animation-name: x-shimmer;



    animation-name: x-shimmer;



    -webkit-animation-duration: 2s;



    animation-duration: 2s;



    -webkit-animation-iteration-count: infinite;



    animation-iteration-count: infinite



}







@media (max-width:991.98px) {



    #account-actions-mobile .-register-btn span {



        -webkit-animation-duration: 2s;



        animation-duration: 2s



    }



}







@media (max-width:767.98px) {



    #account-actions-mobile .-register-btn span {



        width: 100%



    }



}







#account-actions-mobile .-outer-wrapper {



    display: flex;



    align-items: flex-end



}







#account-actions-mobile .-left-wrapper,



#account-actions-mobile .-right-wrapper {



    display: flex;



    align-items: flex-end;



    flex: 1;



    z-index: 2;



    height: 70px;



    padding-bottom: 6px;



    background: linear-gradient(180deg, #272727, #1d190e);



    border-top: 3px solid #c67829 !important;



    transition: -webkit-filter .2s;



    transition: filter .2s;



    transition: filter .2s, -webkit-filter .2s;



}







#account-actions-mobile .-center-wrapper {



    position: relative;



    display: flex;



    flex-direction: column;



    justify-content: flex-end;



    align-items: center;



    z-index: 2;



    width: 74px;



    height: 74px;



    margin: 0 8px 16px;



    padding-bottom: 8px;



    color: #fff;



    background: linear-gradient(#c67829, #f1b06d, #c67829);



    border-radius: 50%;



    box-shadow: 0 0 10px hsla(0, 0%, 100%, .4);



}







#account-actions-mobile .-center-wrapper .-selected,



#account-actions-mobile .-center-wrapper .-selecting {



    display: flex;



    flex-direction: column;



    justify-content: flex-end;



    align-items: center;



    text-align: center



}







#account-actions-mobile .-center-wrapper .-selected {



    transition: all .4s;



    background-size: 450px;



    background-repeat: no-repeat;



    height: 100%;



    width: 100%;



    background-position: 0 0;



    border-radius: 50%



}







/* .-selected img-old{



  width: 77px !important;



  max-width: 77px !important;



  height: auto;



  position: absolute;



  top: -1px;



  left: -1px;



}



*/







.-selected img {



    width: 175px !important;



    height: auto;



    position: absolute;



    top: -8px;



    left: -51px;



}







#account-actions-mobile .-center-wrapper .-selected.-slot {



    background-position: -93px 0



}







#account-actions-mobile .-center-wrapper .-selected.-skill-game {



    background-position: -188px 0



}







#account-actions-mobile .-center-wrapper .-selected.-sport {



    background-position: -282px -2px



}







#account-actions-mobile .-center-wrapper .-selected.-fishing-game {



    background-position: -378px 0



}







#account-actions-mobile .-center-wrapper .-selected .-text2 {



    font-size: 12px;



    position: absolute;



    bottom: 10px;



    text-shadow: 0 6px 5px rgba(0, 0, 0, .4);



    white-space: nowrap;



}







#account-actions-mobile .-center-wrapper .-selecting {



    display: none



}







#account-actions-mobile .-center-wrapper .-selecting .-text2 {



    font-size: .875rem;



    line-height: 16px;



    text-shadow: 0 6px 5px rgba(0, 0, 0, .4)



}







#account-actions-mobile .-center-wrapper .-selecting .-mark {



    position: relative;



    margin-top: 5px;



    font-size: 1.5rem;



    font-weight: 500;



    line-height: 20px



}







#account-actions-mobile .-center-wrapper:hover {



    color: #fff;



    text-decoration: none



}







#account-actions-mobile .-fake-center-bg-wrapper {



    position: absolute;



    left: 0;



    bottom: 0;



    z-index: 1;



    width: 100%;



    height: 50px;



    transition: -webkit-filter .2s;



    transition: filter .2s;



    transition: filter .2s, -webkit-filter .2s;



    overflow: hidden



}







#account-actions-mobile .-fake-center-bg-wrapper svg {



    position: absolute;



    left: 50%;



    bottom: 0;



    height: 108px;



    -webkit-transform: translateX(-50%);



    transform: translateX(-50%)



}







#account-actions-mobile .-fake-center-bg-wrapper svg path {



    fill: url(#rectangleGradient)



}







#account-actions-mobile .-left-wrapper {



    border-top-left-radius: 10px;



    border-top-right-radius: 22px



}







#account-actions-mobile .-right-wrapper {



    border-top-right-radius: 10px;



    border-top-left-radius: 22px



}







#account-actions-mobile .-sub-menu-lobby-wrapper {



    position: absolute;



    flex-direction: row;



    justify-content: center;



    visibility: hidden;



    top: -75px;



    left: 50%;



    z-index: 3;



    opacity: 0;



    -webkit-transform: translateX(-50%) translateY(200px) scaleY(2.5) scaleX(.2);



    transform: translateX(-50%) translateY(200px) scaleY(2.5) scaleX(.2);



    -webkit-transform-origin: 50% 100%;



    transform-origin: 50% 100%;



    transition: all .2s



}







#account-actions-mobile .-sub-menu-lobby-wrapper .nav-item .-text2 {



    display: inline-block;



    font-size: 10px;



    line-height: 12px;



    -webkit-transform: translateY(-10px);



    transform: translateY(-10px)



}







@media (max-width:991.98px) {



    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-casino .-nav-icon-bg {



        background-position: 3px



    }



}







@media (max-width:360px) {



    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-casino .-nav-icon-bg {



        background-position: 0



    }



}







@media (max-width:991.98px) {



    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-slot .-nav-icon-bg {



        background-position: -73px



    }



}







@media (max-width:360px) {



    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-slot .-nav-icon-bg {



        background-position: -75px



    }



}







@media (max-width:991.98px) {



    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-skill-game .-nav-icon-bg {



        background-position: -147px



    }



}







@media (max-width:360px) {



    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-skill-game .-nav-icon-bg {



        top: -12px;



        background-position: -150px



    }



}







@media (max-width:360px) {



    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-skill-game .-text2 {



        -webkit-transform: translateY(-6px);



        transform: translateY(-6px)



    }



}







@media (max-width:991.98px) {



    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-sport .-nav-icon-bg {



        background-position: -221px



    }



}







@media (max-width:360px) {



    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-sport .-nav-icon-bg {



        background-position: -224px



    }



}







@media (max-width:991.98px) {



    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-fishing-game .-nav-icon-bg {



        background-position: -300px



    }



}







@media (max-width:360px) {



    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-fishing-game .-nav-icon-bg {



        background-position: -303px



    }



}







#account-actions-mobile .-sub-menu-lobby-wrapper .nav-link {



    display: flex;



    flex-direction: column;



    justify-content: flex-end;



    align-items: center;



    width: 66px;



    height: 66px;



    margin: 0 3px;



    padding: 0;



    text-align: center;



    color: #fff;



    background: linear-gradient(180deg, #393854, #131228);



    border: 1px solid hsla(0, 0%, 100%, .6);



    border-radius: 50%;



    box-shadow: 0 0 10px hsla(0, 0%, 100%, .6)



}







#account-actions-mobile .-sub-menu-lobby-wrapper .nav-link .-nav-icon-bg {



    background-size: 360px;



    background-repeat: no-repeat;



    width: 100%;



    height: 40px;



    top: -15px;



    position: relative



}







#account-actions-mobile .-sub-menu-lobby-wrapper .nav-link:focus {



    outline: none;



    text-decoration: none



}







@media screen and (max-width:360px) {



    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item .-img {



        margin-top: -15px;



        width: 54px



    }



    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-link {



        width: 60px;



        height: 60px;



        margin: 0 2px



    }



}







#account-actions-mobile .-item-wrapper {



    width: 50%;



    display: flex;



    flex-direction: column;



    align-items: center;



    justify-content: flex-end;



    color: #fff;



    position: relative;



}







.-ic-img img {



    width: 34px;



    height: auto;



    display: block;



    margin: 0 auto;



    padding-bottom: 20px;



    position: relative;



}







#account-actions-mobile .-item-wrapper .-text2 {



    font-size: .875rem;



    color: #ffffff;



    transition: color .2s;



    position: absolute;



    bottom: 0;



    left: 50%;



    transform: translateX(-50%);



    white-space: nowrap;



    margin: 0 auto;



    margin-top: .25rem;



}







@media (max-width:575.98px) {



    #account-actions-mobile .-item-wrapper .-text2 {



        font-size: .8rem



    }



}







#account-actions-mobile .-item-wrapper:active,



#account-actions-mobile .-item-wrapper:hover {



    text-decoration: none



}







#account-actions-mobile .-item-wrapper:active .-text2,



#account-actions-mobile .-item-wrapper:hover .-text2 {



    color: #c67829



}







#account-actions-mobile .-item-wrapper.-shimmer .-text2 {



    display: inline-block;



    color: #fff;



    background: #97a7c1 -webkit-gradient(linear, 100% 0, 0 0, from(#97a7c1), color-stop(.5, #fff), to(#97a7c1));



    background-position: -200px top;



    background-repeat: no-repeat;



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;



    -webkit-animation-name: x-shimmer;



    animation-name: x-shimmer;



    -webkit-animation-duration: 2s;



    animation-duration: 2s;



    -webkit-animation-iteration-count: infinite;



    animation-iteration-count: infinite;



    -webkit-animation-name: x-shimmer-shorter;



    animation-name: x-shimmer-shorter



}







@media (max-width:991.98px) {



    #account-actions-mobile .-item-wrapper.-shimmer .-text2 {



        -webkit-animation-duration: 2s;



        animation-duration: 2s;



        -webkit-animation-duration: 2.5s;



        animation-duration: 2.5s



    }



}







#account-actions-mobile .-fully-overlay {



    display: none;



    position: fixed;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    z-index: 2;



    /* background: rgba(0, 0, 0, .6) */



}







#account-actions-mobile.-active .-fake-center-bg-wrapper,



#account-actions-mobile.-active .-left-wrapper,



#account-actions-mobile.-active .-right-wrapper {



    -webkit-filter: brightness(.5);



    filter: brightness(.5)



}







#account-actions-mobile.-active .-fake-center-bg-wrapper a,



#account-actions-mobile.-active .-left-wrapper a,



#account-actions-mobile.-active .-right-wrapper a {



    pointer-events: none



}







#account-actions-mobile.-active .-center-wrapper {



    background: linear-gradient(0deg, rgba(251, 200, 68, .85), rgba(248, 128, 18, .85))



}







#account-actions-mobile.-active .-center-wrapper .-selected {



    display: none



}







#account-actions-mobile.-active .-center-wrapper .-selecting {



    display: flex



}







#account-actions-mobile.-active .-sub-menu-lobby-wrapper {



    visibility: visible;



    opacity: 1;



    -webkit-transform: translateX(-50%) translateY(0) scaleY(1) scaleX(1);



    transform: translateX(-50%) translateY(0) scaleY(1) scaleX(1);



    -webkit-transform-origin: 50% 50%;



    transform-origin: 50% 50%



}







#account-actions-mobile.-active .-fully-overlay {



    display: block



}







/*Mobile Fixed*/