*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

body{
    font-family:'Times New Roman', Times, serif;
    color:#ffd77a;
    overflow-x:hidden;
    min-height:100vh;
    background:
        linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.16)),
        url('/assets/images/bg-main.jpg') center top / cover no-repeat fixed;
}

/* bỏ nền 2 bên cũ */
body::before,
body::after{
    display:none!important;
    content:none!important;
}

/* mở xuyên toàn bộ xuống ảnh nền */
.site{
    width:100%;
    max-width:1080px;
    margin:18px auto 0 auto;
    background:transparent!important;
    min-height:100vh;
    border:0!important;
    box-shadow:none!important;
    position:relative;
    z-index:5;
}

/* LOGO GIỮ NGUYÊN */
.hero{
    height:230px;
    background:url('/assets/images/hero_kiemhiep.png') center/cover no-repeat;
    position:relative;
}
.hero h1,.hero p,.brand-kicker{display:none!important}

/* menu giữ nguyên */
.nav{
    min-height:72px;
    background:linear-gradient(#005a8b,#003b65);
    border-top:2px solid #d58a00;
    border-bottom:2px solid #d58a00;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
    padding:10px 14px;
}

.nav a,.game-btn,button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:140px;
    min-height:48px;
    padding:0 22px;
    border-radius:14px;
    background:linear-gradient(#ffd978,#c16d08);
    color:#2b1300!important;
    text-decoration:none;
    font-weight:900;
    font-size:17px;
    border:2px solid #6d3200;
    box-shadow:0 5px 0 #6b3100,0 7px 15px rgba(0,0,0,.35);
    text-shadow:1px 1px #ffe6a3;
    cursor:pointer;
}
.nav a:hover,.game-btn:hover,button:hover{filter:brightness(1.08)}

.main{
    width:100%;
    max-width:980px;
    margin:26px auto;
    padding:0 10px;
    position:relative;
    z-index:6;
    background:transparent!important;
}

/* layout */
.home-grid,.home-layout,.content-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);
    gap:22px;
    align-items:start;
}

/* BỎ NỀN BOX: chỉ còn chữ/nút nổi trên nền */
.card{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    box-shadow:none!important;
    margin-bottom:26px;
    color:#ffe9a8;
    text-shadow:0 2px 4px #000,0 0 8px #000;
}

.card h2{
    background:transparent!important;
    border:0!important;
    font-size:38px!important;
    text-align:center;
    color:#ffd77a;
    padding:12px 8px 18px;
    line-height:1.15;
    text-shadow:
        0 2px 3px #000,
        0 0 10px #000,
        0 0 12px rgba(255,166,36,.65);
}

.card-body{
    padding:10px!important;
    background:transparent!important;
}

/* chỉ chữ trong nội dung nổi rõ */
.card,
.card div,
.card p,
.card span,
.card label,
.news-meta{
    color:#ffe9a8;
}

.news-title,
.news-title a{
    color:#ffce55!important;
    text-shadow:0 2px 4px #000,0 0 8px #000;
}

.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.info-box{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    padding:8px;
}
.info-line{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:10px;
    padding:9px 0;
    border-bottom:1px dashed rgba(255,215,122,.45);
    font-size:16px;
}

.btn-grid{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.game-btn{font-size:20px!important}

.news-list{display:flex;flex-direction:column;gap:16px}
.news-item{
    display:grid;
    grid-template-columns:130px minmax(0,1fr);
    gap:16px;
    padding-bottom:16px;
    border-bottom:1px solid rgba(255,215,122,.38);
    background:transparent!important;
}

/* thumb cũng mở nền, chỉ giữ chữ */
.news-thumb{
    min-height:92px;
    border-radius:0;
    background:transparent!important;
    color:#ffd46b;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:900;
    text-align:center;
    padding:8px;
    text-shadow:0 2px 5px #000,0 0 10px #000;
}

.news-title{font-size:21px;font-weight:900;margin-bottom:6px;line-height:1.2}
.news-meta{font-size:13px;font-weight:700;margin-bottom:6px}

.form-box{display:grid;gap:14px}
.form-box label{font-weight:900;color:#ffe9a8}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-field.full{grid-column:1/-1}

/* input vẫn cần viền nhẹ để nhập được, nền gần như trong suốt */
input,select,textarea{
    width:100%!important;
    max-width:100%!important;
    height:46px;
    border:2px solid rgba(255,190,75,.85);
    border-radius:10px;
    background:rgba(0,0,0,.28);
    color:#ffe9a8;
    padding:0 14px;
    font-size:16px;
    font-weight:700;
    text-shadow:0 1px 2px #000;
}
input::placeholder,textarea::placeholder{color:rgba(255,233,168,.75)}
textarea{height:120px;padding:12px}

.login-register-grid,.auth-grid{display:grid;grid-template-columns:1fr;gap:22px}

.footer{
    text-align:center;
    padding:24px;
    color:#ffd77a;
    border:0!important;
    font-weight:900;
    background:transparent!important;
    text-shadow:0 2px 4px #000,0 0 10px #000;
}

.notice{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center;padding:14px}
.notice-box{background:#fff3c5;border:3px solid #8a4700;border-radius:18px;padding:28px;text-align:center;width:min(420px,100%);color:#2b1400;text-shadow:none}
.notice.success .notice-box{background:#d9ffd9}
.notice.error .notice-box{background:#ffd9d9}

/* bảng: mở nền gần hết, giữ chữ đọc được */
.rank-table,table{
    width:100%!important;
    border-collapse:collapse!important;
    margin-top:18px!important;
    background:transparent!important;
    border:1px solid rgba(255,215,122,.45)!important;
    font-size:20px!important;
    color:#ffe9a8!important;
    text-shadow:0 2px 4px #000;
}
.rank-table th,.rank-table td,table th,table td{
    padding:12px 16px!important;
    border:1px solid rgba(255,215,122,.32)!important;
    text-align:center!important;
    font-weight:700!important;
    background:transparent!important;
}
.rank-table th,table th{
    background:rgba(0,0,0,.18)!important;
    color:#ffd77a!important;
    font-size:22px!important;
}

img{max-width:100%;height:auto}
a{word-break:break-word;color:#ffd77a}

/* màn vừa */
@media(max-width:1100px){
    .site{
        max-width:100%;
        margin-top:0;
    }
    .main{
        max-width:100%;
        padding:14px 10px!important;
    }
}

/* điện thoại */
@media(max-width:900px){
    body{
        min-width:0;
        background:
            linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.48)),
            url('/assets/images/bg-main.jpg') center top / cover no-repeat scroll;
    }

    .site,.main{
        width:100%!important;
        max-width:100%!important;
        margin:0 auto!important;
    }

    .hero{
        height:150px;
        background-size:cover;
        background-position:center top;
    }

    .nav{
        gap:8px;
        padding:10px 8px;
        justify-content:center;
    }

    .nav a,.game-btn,button{
        min-width:0;
        width:auto;
        min-height:42px;
        padding:0 14px;
        font-size:15px!important;
        border-radius:12px;
        box-shadow:0 4px 0 #6b3100;
    }

    .home-grid,.home-layout,.content-grid,.login-register-grid,.auth-grid,.info-grid,.form-grid{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }

    .card{
        margin-bottom:18px;
    }

    .card h2{
        font-size:27px!important;
        padding:12px 8px!important;
    }

    .card-body{padding:8px!important}

    .news-item{
        grid-template-columns:82px minmax(0,1fr);
        gap:10px;
    }

    .news-thumb{
        min-height:74px;
        font-size:16px;
    }

    .news-title{font-size:18px}
    .news-meta{font-size:12px}
    .btn-grid{gap:10px}
    .links-under a{font-size:16px!important;line-height:1.35}
    input,select,textarea{height:44px;font-size:15px}

    table,.rank-table{
        font-size:14px!important;
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }
    table th,table td,.rank-table th,.rank-table td{
        padding:8px 10px!important;
        font-size:14px!important;
    }
}

@media(max-width:480px){
    .hero{height:115px}
    .nav a,.game-btn,button{
        font-size:14px!important;
        padding:0 10px;
        min-height:38px;
    }
    .card h2{font-size:23px!important}
    .news-item{grid-template-columns:1fr}
    .news-thumb{min-height:52px}
}


/* =========================================================
   FIX FONT + MÀU CHỮ NỔI TRÊN NỀN TỐI
   ========================================================= */

body{
    color:#ffe9a8!important;
    font-weight:600;
}

.main,
.card,
.card-body,
.news-item,
.news-list,
.content,
.article,
section,
p,
div,
span,
label,
td,
li{
    color:#ffe9a8!important;
    text-shadow:
        0 2px 3px #000,
        0 0 7px rgba(0,0,0,.95),
        0 0 12px rgba(0,0,0,.75)!important;
}

h1,h2,h3,h4,h5,h6,
.card h2,
.news-title,
.news-title a{
    color:#ffd35a!important;
    font-weight:900!important;
    letter-spacing:.3px;
    text-shadow:
        0 2px 2px #000,
        0 0 8px #000,
        0 0 16px rgba(255,178,45,.85)!important;
}

.card h2{
    font-size:40px!important;
}

.news-title,
.news-title a{
    font-size:26px!important;
    line-height:1.25!important;
}

.news-meta,
.news-meta *{
    color:#ff9d45!important;
    font-weight:900!important;
    text-shadow:
        0 2px 2px #000,
        0 0 8px #000!important;
}

.news-item div:not(.news-thumb):not(.news-meta),
.article-content,
.article-content *,
.news-content,
.news-content *{
    color:#fff0b8!important;
    font-size:18px!important;
    line-height:1.55!important;
    font-weight:700!important;
}

.news-thumb{
    color:#ffd35a!important;
    font-size:22px!important;
    font-weight:900!important;
    text-shadow:
        0 2px 3px #000,
        0 0 10px #000,
        0 0 14px rgba(255,180,30,.7)!important;
}

a{
    color:#ffd35a!important;
    font-weight:900!important;
    text-decoration:none;
    text-shadow:
        0 2px 2px #000,
        0 0 8px #000!important;
}

a:hover{
    color:#fff3a6!important;
    filter:brightness(1.12);
}

/* Nút giữ chữ đậm dễ đọc */
.nav a,
.game-btn,
button,
.btn-primary{
    color:#2b1300!important;
    text-shadow:1px 1px 0 #ffe6a3!important;
    font-weight:900!important;
}

/* Nội dung bài viết detail */
.card-body > div,
.card-body > p{
    color:#fff0b8!important;
    font-size:18px!important;
    line-height:1.6!important;
    font-weight:700!important;
}

/* Form */
input,select,textarea{
    color:#fff2bf!important;
    background:rgba(0,0,0,.45)!important;
    border-color:#ffc257!important;
    text-shadow:0 1px 2px #000!important;
}

input::placeholder,
textarea::placeholder{
    color:#ffd98a!important;
}

/* Footer */
.footer,
.footer *{
    color:#ffd35a!important;
    font-weight:900!important;
    text-shadow:
        0 2px 3px #000,
        0 0 10px #000,
        0 0 14px rgba(255,174,40,.65)!important;
}

/* Bảng */
table,
.rank-table,
table td,
table th,
.rank-table td,
.rank-table th{
    color:#fff0b8!important;
    text-shadow:0 2px 3px #000,0 0 8px #000!important;
}

table th,
.rank-table th{
    color:#ffd35a!important;
}

/* Mobile chữ nhỏ lại nhưng vẫn nổi */
@media(max-width:900px){
    .card h2{
        font-size:28px!important;
    }

    .news-title,
    .news-title a{
        font-size:20px!important;
    }

    .news-item div:not(.news-thumb):not(.news-meta),
    .card-body > div,
    .card-body > p{
        font-size:16px!important;
        line-height:1.45!important;
    }
}


/* FIX THÔNG BÁO MUA THÀNH CÔNG */
.success-box *,.alert-success *{
    color:#ffffff!important;
}
.notice.success .notice-box{
    background:linear-gradient(180deg,#153a18,#1f5d28)!important;
    border:2px solid #4cff72!important;
    color:#ffd86b!important;
    font-weight:900!important;
    font-size:24px!important;
    text-align:center!important;
    padding:16px!important;
    border-radius:12px!important;
    text-shadow:0 0 6px #000,0 0 12px #000!important;
    box-shadow:0 0 18px rgba(0,255,80,.35)!important;
}
.code-box,.giftcode-box{
    color:#fff3b0!important;
    font-size:52px!important;
    font-weight:900!important;
    letter-spacing:4px!important;
    text-shadow:0 0 8px #000,0 0 20px #ffcc00,0 0 35px #ff9900!important;
}

/* =========================================================
   OVERRIDE: FONT TIMES NEW ROMAN + CHỮ NHỎ HƠN
   ========================================================= */
*{
    font-family:'Times New Roman', Times, serif!important;
}
body{
    font-family:'Times New Roman', Times, serif!important;
    font-size:15px!important;
}
.nav a,.game-btn,button,.btn-primary{
    font-size:15px!important;
    min-height:44px!important;
    padding:0 18px!important;
}
.game-btn{font-size:17px!important}
.card h2{
    font-size:34px!important;
}
h1{font-size:38px!important}
h2{font-size:32px!important}
h3{font-size:24px!important}
p,div,span,label,td,li,a{
    font-size:15px;
}
.news-title,.news-title a{
    font-size:21px!important;
}
.news-item div:not(.news-thumb):not(.news-meta),
.article-content,
.article-content *,
.news-content,
.news-content *,
.card-body > div,
.card-body > p{
    font-size:16px!important;
    line-height:1.45!important;
}
.news-thumb{
    font-size:18px!important;
}
input,select,textarea{
    font-family:'Times New Roman', Times, serif!important;
    height:42px!important;
    font-size:15px!important;
}
table,.rank-table{
    font-size:16px!important;
}
table th,.rank-table th{
    font-size:17px!important;
}
table td,.rank-table td{
    font-size:15px!important;
}
.shop-title{
    font-family:'Times New Roman', Times, serif!important;
    font-size:42px!important;
}
.shop-sub{
    font-size:24px!important;
}
.shop-tab{
    font-size:16px!important;
    height:42px!important;
}
.shop-table th{
    font-size:17px!important;
}
.shop-table td{
    font-size:15px!important;
}
.qty-input{
    font-size:16px!important;
    height:34px!important;
}
.code-label,.code-text{
    font-size:30px!important;
}
@media(max-width:900px){
    body{font-size:14px!important}
    .card h2{font-size:25px!important}
    .news-title,.news-title a{font-size:18px!important}
    .nav a,.game-btn,button{font-size:14px!important;min-height:38px!important}
    .shop-title{font-size:32px!important}
    .shop-sub{font-size:20px!important}
    .shop-table th,.shop-table td,table th,table td,.rank-table th,.rank-table td{font-size:13px!important}
}


/* =========================================================
   FIX SACH GIAO DIEN 20260427
   - Xoa chu rac tren banner/logo
   - Xoa hinh trang tri 2 ben neu CSS cu co chen
   - Giam loa font, chu de nhin hon
   ========================================================= */

/* XOA CAC LOP CHU NAM DE LEN BANNER */
.hero h1,
.hero p,
.hero .brand-kicker,
.hero-title,
.hero-subtitle,
.hero-desc,
.logo-text,
.logo-title,
.site-title,
.site-slogan,
.banner-title,
.banner-subtitle,
.banner-text,
.kicker{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    height:0!important;
    width:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}

/* BANNER CHI GIU ANH LOGO, KHONG CHEN CHU */
.hero{
    height:220px!important;
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    background:url('/assets/images/hero_kiemhiep.png') center center/cover no-repeat!important;
    border:2px solid rgba(205,132,22,.85)!important;
    border-radius:14px!important;
    box-shadow:0 0 20px rgba(0,0,0,.55)!important;
}
.hero > *{
    display:none!important;
}

/* XOA CAC HINH/DECOR RAC 2 BEN NEU BAN VIP CU CO THEM */
body:before,
body:after,
.site:before,
.site:after,
.main:before,
.main:after,
.page-decor,
.left-decor,
.right-decor,
side-decor,
.sword-decor,
.pagoda-decor,
.bg-decor{
    display:none!important;
    content:none!important;
    background:none!important;
    opacity:0!important;
    visibility:hidden!important;
}

/* THU GON KHUNG WEB, BO CAM GIAC LOA MAT */
.site{
    max-width:1080px!important;
    margin:0 auto!important;
    background:rgba(12,5,0,.72)!important;
    border-left:1px solid rgba(185,117,19,.5)!important;
    border-right:1px solid rgba(185,117,19,.5)!important;
    box-shadow:0 0 28px rgba(0,0,0,.68)!important;
}
.main{
    max-width:980px!important;
    margin:18px auto!important;
    padding:0 12px 24px!important;
}

/* FONT DE DOC HON: GIAM GLOW, DOI MAU CHU SANG NHUNG KHONG LOA */
body,
.main,
.card,
.card-body,
.card p,
.card div,
.card span,
.card label,
td,
li{
    color:#f4e0ad!important;
    text-shadow:0 1px 2px rgba(0,0,0,.9)!important;
    font-weight:600!important;
}

h1,h2,h3,h4,h5,h6,
.card h2,
.news-title,
.news-title a{
    color:#ffd46a!important;
    text-shadow:0 2px 3px rgba(0,0,0,.95)!important;
    letter-spacing:0!important;
}

.card{
    background:rgba(25,9,0,.70)!important;
    border:1px solid rgba(201,130,24,.75)!important;
    border-radius:16px!important;
    overflow:hidden!important;
    box-shadow:0 0 16px rgba(0,0,0,.55)!important;
}
.card h2{
    background:linear-gradient(180deg,rgba(74,30,0,.92),rgba(35,12,0,.94))!important;
    border-bottom:1px solid rgba(209,134,21,.6)!important;
    padding:16px 10px!important;
    font-size:30px!important;
}
.card-body{
    padding:16px!important;
    background:rgba(0,0,0,.08)!important;
}

/* BANG XEP HANG DE NHIN HON */
.rank-table,
table{
    background:rgba(0,0,0,.52)!important;
    border:1px solid rgba(204,132,27,.7)!important;
    color:#f8e7b7!important;
    text-shadow:none!important;
}
.rank-table th,
table th{
    background:linear-gradient(180deg,#5a2600,#2d1100)!important;
    color:#ffd46a!important;
    text-shadow:0 1px 2px #000!important;
    font-size:16px!important;
}
.rank-table td,
table td{
    color:#f5e4b6!important;
    background:rgba(0,0,0,.28)!important;
    text-shadow:0 1px 2px #000!important;
    font-size:15px!important;
}
.rank-table tr:nth-child(even) td,
table tr:nth-child(even) td{
    background:rgba(255,255,255,.045)!important;
}

/* TOP 1-3 VAN NOI NHUNG KHONG CHOI MAT */
.rank-table .rank-row-1 td{
    background:linear-gradient(90deg,rgba(255,227,107,.88),rgba(223,156,24,.82))!important;
    color:#3b1700!important;
    text-shadow:0 1px 1px rgba(255,255,255,.45)!important;
}
.rank-table .rank-row-2 td{
    background:linear-gradient(90deg,rgba(229,237,248,.84),rgba(170,186,205,.78))!important;
    color:#1e2a34!important;
    text-shadow:0 1px 1px rgba(255,255,255,.45)!important;
}
.rank-table .rank-row-3 td{
    background:linear-gradient(90deg,rgba(230,164,91,.82),rgba(154,84,25,.78))!important;
    color:#2b1000!important;
    text-shadow:0 1px 1px rgba(255,255,255,.35)!important;
}

/* NUT GON VA RO CHU */
.nav{
    background:linear-gradient(180deg,#522100,#2a1000)!important;
    border:1px solid rgba(205,132,22,.85)!important;
    border-radius:14px!important;
    margin:12px 0 18px!important;
    min-height:62px!important;
    gap:10px!important;
}
.nav a,
.game-btn,
button,
.btn-primary{
    min-width:110px!important;
    min-height:40px!important;
    padding:0 16px!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,#ffdc7b,#c8750d)!important;
    color:#241000!important;
    font-size:15px!important;
    font-weight:900!important;
    text-shadow:0 1px 0 rgba(255,241,180,.95)!important;
    box-shadow:0 3px 0 #6b3100,0 5px 10px rgba(0,0,0,.3)!important;
}

/* LINK THUONG KHONG CHOI LOA */
a:not(.game-btn):not(.nav a){
    color:#ffd46a!important;
    text-shadow:0 1px 2px #000!important;
}

/* NEWS VA BOX NOI DUNG */
.news-item{
    background:rgba(0,0,0,.22)!important;
    border:1px solid rgba(205,132,22,.32)!important;
    border-radius:12px!important;
    padding:12px!important;
}
.news-thumb{
    background:rgba(0,0,0,.28)!important;
    border:1px solid rgba(205,132,22,.45)!important;
    border-radius:10px!important;
}

@media(max-width:900px){
    .hero{height:128px!important;border-radius:0!important;}
    .site{width:100%!important;max-width:100%!important;}
    .main{padding:0 8px 18px!important;}
    .card h2{font-size:24px!important;}
    .nav{border-radius:0!important;margin:0 0 14px!important;}
    .nav a,.game-btn,button,.btn-primary{min-width:0!important;font-size:13px!important;padding:0 10px!important;}
}
/* ===== FIX NHỎ FONT TIÊU ĐỀ TOÀN WEB ===== */

.card h2{
font-size:28px !important;
line-height:1.2 !important;
padding:14px 8px !important;
}

h1{
font-size:34px !important;
line-height:1.15 !important;
}

h2{
font-size:28px !important;
line-height:1.2 !important;
}

h3{
font-size:22px !important;
}

.news-title,
.news-title a{
font-size:18px !important;
line-height:1.3 !important;
}

.shop-title{
font-size:32px !important;
line-height:1.15 !important;
}

.shop-sub{
font-size:20px !important;
}

.rank-title{
font-size:26px !important;
}

.hero{
height:200px !important;
}

@media(max-width:900px){

.card h2{
font-size:22px !important;
}

h1{
font-size:26px !important;
}

h2{
font-size:22px !important;
}

h3{
font-size:18px !important;
}

.news-title,
.news-title a{
font-size:16px !important;
}

.shop-title{
font-size:25px !important;
}

.shop-sub{
font-size:16px !important;
}

.hero{
height:130px !important;
}
}
/* =========================================================
   FIX LOGO/BANNER: HIEN THI FULL ANH, KHONG BI CAT
   Dat cuoi file de override tat ca rule .hero cu
   ========================================================= */
.hero{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1580 / 500!important;
    min-height:0!important;
    max-height:none!important;
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    background-image:url('/assets/images/hero_kiemhiep.png')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:contain!important;
    background-color:#050201!important;
    border:2px solid rgba(205,132,22,.95)!important;
    border-radius:14px!important;
    box-shadow:0 0 20px rgba(0,0,0,.65), inset 0 0 18px rgba(255,190,60,.12)!important;
}
.hero > *{
    display:none!important;
}

@media(max-width:900px){
    .hero{
        width:100%!important;
        height:auto!important;
        aspect-ratio:1580 / 500!important;
        background-size:contain!important;
        background-position:center center!important;
        border-radius:0!important;
    }
}

@media(max-width:480px){
    .hero{
        height:auto!important;
        aspect-ratio:1580 / 500!important;
        background-size:contain!important;
    }
}
/* FIX BOX HUONG DAN KHONG BI LECH */
.ipa-guide,
.huongdan-ipa,
.download-guide,
.card-body > div {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

/* FIX KHUNG BỊ TRÀN TRÁI */
.card-body {
    padding: 16px 20px !important;
}

/* FIX KHUNG NỘI DUNG */
.card-body div {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* FIX LIST KHÔNG THỤT QUÁ */
.card-body ul,
.card-body ol {
    padding-left: 20px !important;
}