*{margin: 0;padding: 0}
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
}
.content-info iframe {width: 100%;height: 600px;}
.logo-brand {
    position: absolute;
    top: 180px;
    width: 100%;
    left: 0;
    text-align: center;
}
.logo-brand h1 { text-shadow: -1px -1px 0 #F8A302, /* Bóng ở góc trên-trái */
         1px -1px 0 #F8A302, /* Bóng ở góc trên-phải */
        -1px  1px 0 #F8A302, /* Bóng ở góc dưới-trái */
         1px  1px 0 #F8A302; /* Bóng ở góc dưới-phải */ }
.logo-brand img { display: none; }
.instruct {
    position: absolute !important;
    bottom: 200px;
    width: 100%;
}
img{max-width: 100%}
a{text-decoration: none;color:#fff;transition: all .4s; }
a:hover {text-decoration: none;}
body {font-size: 16px;font-family: 'Inter', sans-serif;color: #fff;}
h1 { text-transform: uppercase;font-weight: bold; }
.margin-top { margin-top:48px; }
.header_pc {     position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    z-index: 999;}
.banner-home { position:relative; height: auto;width: 100%;}
.header_pc .logo {margin: 0 auto ;text-align: center;max-width: 220px; display: block;}
.instruct .box  { text-align:center;margin-bottom:54px; }

.instruct .box .list-button ul {padding: 0; margin: 0;}
.list-button ul { padding:0 50px; }
.instruct .list-button ul li {margin-bottom: 29px;list-style: none;}
.instruct .list-button ul li a{ text-align:center;padding:16px 32px;display:flex;align-items:center;justify-content:center;font-weight: 700; font-size: 24px;text-transform: inherit;border-radius: 16px;
border: 1px solid var(--333, #C3911F);background: linear-gradient(180deg, #1F2E64 0%, #15162B 100%);color: #ECC866;}
.instruct .list-button ul li.receive-promotions a { background: linear-gradient(180deg, #9AA0CC 0%, #7275A1 54.26%, #51517D 100%);color: var(--3, #F8A302); }
.game-list .title {text-align:center;font-size: 24px; text-transform: uppercase;font-weight: 700;color: #fff;margin-bottom: 16px;   }
.game-list .row > div { margin-bottom:32px; }
.catalog-summary  { margin-top:-70px; }
.box-catalog > .describe {margin-top:0;}
.catalog-summary .box-catalog {padding: 40px 20px; text-align: center;border-radius: 16px;border: 2px solid #FED769; background: #1F1200;position: relative;}
.catalog-summary .box-catalog .content { text-align:justify;color:#fff; margin-bottom: 24px;}
.catalog-summary .box-catalog .dow-app a,.buton-dowapp a {width: 100%; display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 16px;
background: #F8991D;;padding: 12px 24px;height: 60px;margin: 0 auto;text-transform: uppercase; color: #fff;font-weight: 700;border: 1px solid var(--333, #C3911F);}
.title-model { font-size:32px; font-weight:800;text-align:center;text-transform:uppercase;color: var(--Orange, #F2994A); }
 .describe { text-align:left;color:#fff; margin:24px 0;text-align:justify; }
 .describe .row { align-items:center            ; }
.download-app-adroi .box { text-align:center;width: 255px;margin: 0 auto;}
.download-app-adroi .box .title,.download-app-ios .box .title { font-size:24px; color:#FED769;font-weight:700; }
.download-app-adroi .box .image,.download-app-ios .box .image { margin-bottom:24px; }
.download-app-adroi .box .content,.download-app-ios .box .content { text-align:center; }
.download-app-adroi .buton-dowapp a,.download-app-ios .buton-dowapp a, .game-warehouse .buton-dowapp a { width:523px; }
.introducing img { width:100%; }
.introducing .row,.transaction .row { display:flex;align-items:center; }
.game-list .row { text-align:center;justify-content:center; }
.download-app-adroi .row { justify-content:center; }
.download { margin-bottom:30px; }
.download  ul { padding:0; margin:0;display:flex;gap:30px;  justify-content:center; }
.download ul { text-align:center;list-style: none;}
.download ul li a { display:flex;background:#000; border:1px solid #fff; border-radius:12px;width:260px; height:83px;justify-content:center;align-items:center; font-weight: 500;}
.download ul li a:hover { color:#fff; }
.download ul li a span { font-size:16px;text-transform:uppercase;width:150px; }
#trueModal2 .getphone,#trueModal .getphone {color: #A87600;
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;}
#trueModal2 input,#trueModal input {width: 100%;
    border: 1px solid #ddd;
    padding: 13px 20px;
    border-radius: 50px;
    margin-bottom: 30px;}    
#trueModal2 input[type=submit],#trueModal  input[type=submit] {    width: 100%;
    background: #EA232B;
    color: #fff;
    border: 0;
    padding: 13px 20px;
    border-radius: 50px;
    height: auto;
    line-height: inherit;}    
#countdown, #countdown_1 {
    margin-top:12px;
    display: none;
    background: #250043;
    width: 260px;
    border-radius: 16px;
    border: 2px solid #F8F662;
    padding: 16px;
    text-transform: uppercase;
    text-align: center; color: #fff;}
#countdown #countdownSpan, #countdown_1 #countdownSpan2 {
    display: block !important;
    color: #F47F20;
    font-weight: bold;}
#custom-alert {
    margin-top: 12px ;
    width: 260px;
    background: #250043;
    border-radius: 16px;
    border: 2px solid #F8F662;
    padding: 16px;
    text-transform: uppercase;
    text-align: center; color: #fff}   
#custom-alert button {
    background: linear-gradient(180deg, #FEFD95 8.85%, #DB900C 50%, #FEFD95 100%);
    padding: 0 12px;
    height: 30px;
    border-radius: 6px;
    font-weight: 500;}
#custom-alert span {
    display: block;
    font-size: 14px;
    margin: 4px 0;}    
#copy-success-msg {
    margin-top: 8px;
    font-size: 14px;}   
#myText { display:none; }         
/*footer*/
footer { background:#000; }
footer ul { margin:0;padding:0; }
.footer-top {padding: 20px 0;}
.footer-top ul li { margin-left:20px; }
.footer-bot { text-align:center;padding: 10px 0; border-top:1px solid #fff; }
.footer-top .footer-title span { color:#FEFD95;font-size:20px;font-weight:500; }
.footer-top .footer-title { margin-bottom:15px;}
/*single*/
.single #header { display: none; }
.single h1 {position: static;margin: 30px auto;transform: none;color:#DB900C;  }
.single h1,.single h2,.single h3,.single h4 {color:#DB900C; }
.single a {color: blue;}
.single a:hover {color: red;}
.single .content-post img {display: block;margin: 20px auto;}
/* popup*/
.catfish { position:fixed;bottom:0;left:0;width:730px;height:90px; margin:auto;right:0;z-index:9999999; } 
.popup {
    width: 400px;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 9999;
}
.popup a { display:block; }
.popup a img { width:100% ; height:auto; }
.close, .closes {
       position: absolute;
    top: -25px;
    right: 0px;
    cursor: pointer;
    font-size: 17px;
    color: #fff;
    display: inline-block;
    background: red;}
.line-dark {z-index: 9;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #0000008a;
    top: 0;
    left: 0;
}

@media (max-width:767px){
    .header_pc { top:15px;}
    .catfish {width: 100% !important;}
    .popup { width: 60% !important; }
.popup a img { height:auto; }
    body { font-size:14px; }
.margin-top { margin-top:15px; }
.logo img { height:50px; }
.container-mb { max-width:100%;padding:0; }
.instruct .display-flex { align-items: center;}
.instruct .box ,.instruct .download { width:100%; }
.instruct .box { margin-bottom:0; }
.download .row a { padding:10px; width:100%; height:auto;margin-bottom:15px; }
.download .row a span { font-size:14px; }
.download img { width:30%; }
.list-button ul { padding:0; margin-bottom: 0;}
.instruct .list-button ul li a { font-size:16px; }
.instruct .list-button ul li:last-child {margin-bottom: 0;}
.instruct .list-button ul li {margin-bottom: 15px;}
.game-list .title {font-size: 18px;margin-bottom: 15px;}
.game-list .row > div,.catalog-summary .box-catalog .content { margin-bottom:15px;  }
.catalog-summary .box-catalog { padding:15px; }
.describe {margin-top:0px;margin-bottom:15px; }
.describe .row > div:first-child {margin-bottom:15px;  }
.catalog-summary .box-catalog .dow-app a, .buton-dowapp a,.download-app-adroi .buton-dowapp a, .download-app-ios .buton-dowapp a, .game-warehouse .buton-dowapp a { width:100%; }
.title-model { font-size:18px; }
.download-app-adroi .box .title, .download-app-ios .box .title { font-size:16px; }
.download-app-adroi .box .image, .download-app-ios .box .image { margin-bottom:15px; }
#trueModal .getphone, #trueModal2 .getphone {
    font-size: 20px;}
#trueModal, #trueModal2 {
    margin: 0 15px;}
    .getphone br { display:none; }   
#countdown, #countdown_1 { width:100%;padding:5px }     
#custom-alert { width:100%;margin-bottom:15px;padding:5px }
.instruct { margin-top: 30px;    position: relative !important;
    bottom: 0;}
    .logo-brand{    padding: 0 20px;top: 73px}
.download ul li a { width: 100%;height: auto;padding: 10px 10px;}
.download ul { gap: 10px;}
.download {margin-bottom: 20px;}
.banner-home {height: auto;padding-bottom: 20px;}
.catalog-summary { margin-top: 0;}

}