@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: 10px;

    }

}



@media (max-width:520px) {

    .navbarstk img {

        width: 180px;

        height: auto;

        margin-top: 5px;

    }

}



@media (max-width:400px) {

    .navbarstk img {

        width: 170px;

        height: auto;

        margin-top: 5px;

    }

}



.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*/