:root{--primary-red:#920000;--secondary-red:#94000d;--gold:gold;--light-gold:#fff8dc;--white:#fff;--dark:#1a1a1a;--vcb:#0b6e41}img{max-width:100%}.container{max-width:1250px}.text-red{color:#b40000!important}.text-green{color:#1d714c!important}*{font-family:Montserrat,sans-serif}.text-gold{color:#0000;background:linear-gradient(90deg,#b18544 -846.84%,#c29e4e -701.32%,#f8f7bd -392.09%,#fff19e 153.6%,#e5b963 571.96%,#ac7d2f 972.13%);-webkit-background-clip:text;background-clip:text}.text-yellow{color:#ffce33}.text-white{color:#fff}.bg-btn{color:#000;background:linear-gradient(#ffae27 0%,#f67f00 100%);border-radius:12px;justify-content:center;align-items:center;padding:10px 24px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:none!important;border:2px solid #ffae27!important;outline:none!important}.bg-btn>*{color:#000!important}.bg-btn:hover,.bg-btn:focus{color:#000;opacity:.9;text-decoration:none}@media screen and (width<=768px){body{background-color:#7f1516}}footer{background:#bd1724}footer .logo{height:70px}footer .wrap-logo{align-items:center;display:flex}footer .wrap-logo .wrap-irace{text-align:center;color:#fff;margin-left:auto;font-size:12px;text-decoration:none;display:block}footer .wrap-logo .wrap-irace img{max-height:45px}header>.container{background-position:50%;background-repeat:no-repeat;background-size:cover;max-width:1320px;padding-bottom:40%}header .main-logo{z-index:2;position:absolute;top:-56px;left:50px}header .main-logo img{max-width:162px}header .dropdown-menu-user{justify-content:center;align-items:center;gap:5px;font-weight:700;display:flex;color:#fff!important;box-shadow:none!important;background-color:#0000!important;border:1px solid #fff!important;outline:none!important}header .dropdown-menu-user img{max-width:20px}header .dropdown-menu-user .caret{color:#fff}@media (width>=992px){header .navbar-collapse{z-index:10;width:100%;position:absolute;top:15px;left:0}}header .navbar-collapse .navbar-nav{flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%}header .navbar-collapse .navbar-nav .nav-item{white-space:nowrap;flex:1;margin-left:0!important;margin-right:0!important}header .navbar-collapse .navbar-nav .nav-link{color:#fff;font-weight:700}.intro-section .kv{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:contain;padding-bottom:40%;position:relative}.intro-section .kv img{width:100%;max-height:72px;position:absolute;bottom:0;left:0}.intro-section .main-intro{z-index:1;max-width:705px;margin:0 auto;position:relative;top:-42px}.intro-section .main-title{font-size:26px;font-weight:700}.intro-section .subtitle{margin-top:20px}.intro-section .list-target img{max-width:60px;max-height:60px}.intro-section .list-target .text-target{margin-top:15px;font-weight:700}.thanks-section .kv{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:contain;padding-bottom:40%;position:relative}.thanks-section .kv img{width:100%;max-height:72px;position:absolute;bottom:0;left:0}.thanks-section .main-intro{z-index:1;max-width:675px;margin:0 auto;position:relative;top:-90px}.thanks-section .main-title{color:#fff;font-size:16px;font-weight:500;line-height:1.5}.thanks-section .main-title.sub{font-weight:400}.thanks-section .description{background-color:#fff;border-radius:20px;margin-top:20px;padding:25px}.thanks-section .description p{color:#444;font-size:15px;line-height:1.5}.thanks-section .description a{color:#444}.countdown-section .wrap{z-index:1;background-color:#fff;border:1px solid #808185;border-radius:20px;margin-top:-30px;position:relative}.countdown-section .wrap .left{flex-direction:column;justify-content:center;gap:5px;padding:15px;display:flex}.countdown-section .wrap .left .title{font-weight:700}.countdown-section .wrap .left .description{font-weight:500}.countdown-section .wrap .right{background-color:var(--primary-red);border:1px solid #dca644;border-radius:20px}@media screen and (width<=768px){.countdown-section .wrap{margin:-10px auto 0;overflow:hidden}.countdown-section .wrap .info{gap:10px;font-size:13px;display:block}.countdown-section .wrap .info .time,.countdown-section .wrap .info .ky-luc{margin-top:10px}.countdown-section .wrap .right{background-color:#fff;border:none;border-radius:0;padding:15px}.countdown-section .wrap .right .wrap-countdown{background-color:var(--primary-red);border:1px solid #dca644;border-radius:10px;justify-content:center;gap:15px;padding:10px 0}.countdown-section .wrap .right .wrap-countdown .countdown-item .countdown-numbers .countdown-digit{color:#fff;background-color:#0000;border-radius:10px;font-size:25px;font-weight:700;display:inline-block}.countdown-section .wrap .right .wrap-countdown .countdown-item .countdown-label{color:#fff;margin-top:0;font-size:14px}.countdown-section .wrap .right .wrap-countdown .colon{align-self:flex-start;margin-top:12px;font-size:13px;font-weight:700;line-height:1}}.countdown-section .info{align-items:center;gap:20px;display:flex}.countdown-section .info .time,.countdown-section .info .ky-luc{align-items:center;gap:8px;display:flex}.countdown-section .info img{max-width:20px}.countdown-section .wrap-countdown{color:#fff;text-align:center;justify-content:space-evenly;align-items:center;height:100%;display:flex}.countdown-section .wrap-countdown .countdown-item .countdown-numbers .countdown-digit{color:#fff;background-color:#0000;border-radius:10px;font-size:40px;font-weight:700;display:inline-block}.countdown-section .wrap-countdown .countdown-item .countdown-label{color:#fff;margin-top:5px;font-size:.9rem}.countdown-section .wrap-countdown .colon{align-self:flex-start;margin-top:20px;font-size:35px;font-weight:700;line-height:1}.stats-section .wrap{z-index:1;background-color:#fff;border:1px solid #808185;border-radius:20px;margin-top:30px;padding:15px 0;position:relative}.stats-section .first .item-stat{justify-content:center;align-items:center;gap:15px;display:flex}.stats-section .first .item-stat:not(:last-child){position:relative}.stats-section .first .item-stat:not(:last-child):after{content:"";background-color:#ccc;width:1px;height:100%;position:absolute;top:0;right:0}.stats-section .first .item-stat img{object-fit:contain;max-width:45px}.stats-section .first .item-stat .content{flex-direction:column;display:flex}.stats-section .first .item-stat .content .title{font-size:24px;font-weight:700}.stats-section .first .item-stat .content span{color:#000;font-size:14px;font-weight:500}.stats-section .second .col-12{border-top:1px solid #ccc;width:93%;margin:auto;padding-top:20px}.stats-section .second .col-12 .text-left,.stats-section .second .col-12 .text-right{white-space:nowrap;font-size:12px}.stats-section .second .col-12 .progress-bar-wrapper .progress-fill{background:linear-gradient(90deg,#00a651,#dca644);border-radius:4px;height:8px}.stats-section .second .col-12 .progress-bar-wrapper .progress-percent{color:#808185;font-size:13px}.stats-section .second .col-12 .progress-bar-wrapper .progress-remain{background:#d1d3d4;border-radius:4px;height:8px}@media screen and (width<=768px){.stats-section .wrap{width:calc(100% - 23px);margin-top:10px}.stats-section .wrap .item-stat img{max-width:30px}.stats-section .wrap .item-stat .content span{font-size:12px}.stats-section .wrap .item-stat .content .title{font-size:15px}.stats-section .wrap .second .col-12{border-top:0;padding-top:0}}.register-section .wrap{margin-top:30px}.register-section .connect-app{background-color:#fff;border:1px solid #808185;border-radius:20px;padding:30px 0 30px 30px}.register-section .connect-app .title.text-red{text-transform:uppercase;margin-bottom:20px;font-size:20px;font-weight:700}.register-section .connect-app .wrap-connect{justify-content:flex-start;align-items:flex-start;gap:15px;display:flex}.register-section .connect-app .wrap-connect>img{object-fit:contain;flex-shrink:0;width:25px;margin-top:27px}.register-section .connect-app .wrap-connect .item{text-align:left;flex:1}.register-section .connect-app .wrap-connect .item>img{object-fit:contain;height:80px;margin-bottom:15px;display:block}.register-section .connect-app .wrap-connect .item .title{white-space:nowrap;align-items:center;gap:8px;margin-bottom:5px;font-size:13px;font-weight:700;display:flex}.register-section .connect-app .wrap-connect .item .title .number{color:#fff;background-color:#46a200;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:400;display:inline-flex}.register-section .connect-app .wrap-connect .item .note{color:#555;font-size:13px;line-height:1.4}.register-section #form-register{padding-right:0}.register-section #form-register .wrap-register{background-color:#920000;border-radius:20px;padding:15px}.register-section #form-register .title.text-gold{color:#fbb03b;font-size:20px;font-weight:700}.register-section #form-register .form-label{margin-bottom:5px;font-size:13px}.register-section #form-register .form-control,.register-section #form-register .form-select{color:#333;border:none;border-radius:4px;padding:8px 12px;font-size:13px}.register-section #form-register .form-control::placeholder,.register-section #form-register .form-select::placeholder{color:#888}.register-section #form-register .form-select{background-image:url("data:image/svg+xml;utf8,<svg fill=\"%23920000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 10l5 5 5-5z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></svg>")}.register-section #form-register .form-check-label{cursor:pointer;font-size:12px;line-height:1.4}.register-section #form-register .form-check-input{cursor:pointer;box-shadow:none;background-color:#fff;border:1px solid #fff;border-radius:2px}.register-section #form-register .form-check-input:checked{background-color:#f89c1e;border-color:#f89c1e}.register-section #form-register .form-check-input:focus{box-shadow:none;border-color:#f89c1e}.register-section #form-register .btn-register{color:#000;background:linear-gradient(#fbb03b,#f15a24);border:none;border-radius:6px;padding:8px 15px;font-size:14px;font-weight:700;transition:opacity .3s;box-shadow:0 2px 4px #0003}.register-section #form-register .btn-register:hover{opacity:.9}.register-section .footer-note{margin-top:10px;font-size:13px}@media screen and (width<=768px){.register-section .wrap{background-color:#fff;border-radius:20px;width:calc(100% - 23px);margin-top:10px}.register-section .wrap #form-register{padding:15px}.register-section .wrap #form-register .form-label{font-size:11px;font-weight:400!important}.register-section .wrap #form-register .form-control,.register-section .wrap #form-register .form-select{font-size:12px}.register-section .wrap .connect-app{border:0;margin-top:15px;padding:0 15px}.register-section .wrap .connect-app .wrap-connect{gap:5px}.register-section .wrap .connect-app .wrap-connect .item>img{height:50px}.register-section .wrap .connect-app .wrap-connect .item .title{white-space:normal;font-size:12px}.register-section .wrap .connect-app .wrap-connect .item .note{font-size:11px}.register-section .wrap .banner-vcb-section{margin-top:15px}.register-section .wrap .banner-vcb-section .container{padding:12.5px}}.banner-vcb-section{margin-top:30px}.banner-vcb-section img{padding:0}.stats-section .stat-item{text-align:center;text-align:left;background:#560000;border:1px solid #ff1f1f;border-radius:15px;justify-content:center;align-items:center;gap:15px;margin-bottom:1rem;padding:1.5rem;display:flex}.stats-section .stat-item img{max-width:90px}.stats-section .stat-item .stat-number{font-weight:700}.stats-section .stat-item .stat-number .text{color:#fff;margin-bottom:5px;display:block}.stats-section .stat-item .stat-number .number{font-size:25px}.stats-section .stat-item .stat-number .number small{font-size:16px;font-weight:700}.info-section .container{background-position:50%;background-repeat:no-repeat;background-size:cover}.info-section .container .info-links{justify-content:center;align-items:center;gap:50px;padding:2rem 0;display:flex}.info-section .container .info-links img{height:300px}.info-section .container .info-links ul{line-height:60px;list-style:none}.info-section .container .info-links ul a{color:#fff;font-size:16px}.info-section .container .info-links .info-links ul{padding:0;list-style:none}.info-section .container .info-links .info-links li{border-bottom:1px solid #ffd7004d;padding:.5rem 0}.info-section .container .info-links .info-links a{color:var(--gold);text-decoration:none;transition:color .3s}.info-section .container .info-links .info-links a:hover{color:var(--light-gold)}.sponsor-section{text-align:center;padding:3rem 0}.sponsor-section .title{font-size:25px;font-weight:700}.sponsor-section .sponsor-title{font-size:16px;margin-bottom:0!important}.sponsor-section .wrap-img{background-color:#fff;border-radius:10px;width:100%;height:100px;margin-top:1rem;padding:15px 0;display:inline-block;position:relative;top:0}.sponsor-section .wrap-img.vcb{width:358px;height:121px;top:0}.sponsor-section .wrap-img.petrolimex{justify-content:center;align-items:center;display:flex}.sponsor-section .wrap-img img{max-width:80%;max-height:100%}.banner-placeholder img{border-radius:10px;max-width:100%}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (width<=768px){footer .logo{height:50px}.sponsor-section .title{font-size:20px}.sponsor-section h4{font-size:11px;font-weight:700}.sponsor-section .wrap-img{width:initial;height:initial;position:initial;margin:0;padding:10px 35px}.sponsor-section .wrap-img.vcb{width:initial;max-width:60%;height:initial}.sponsor-section .wrap-img.vcb img{max-height:70px}.sponsor-section .wrap-img.petrolimex{padding:10px 15px;display:inline-block}.sponsor-section .wrap-img img{max-width:100%;max-height:40px}.info-section .container{background-position:50%;background-repeat:no-repeat;background-size:cover}.info-section .container .info-links{justify-content:center;align-items:center;gap:20px;padding:2rem 0;display:flex}.info-section .container .info-links img{height:180px}.info-section .container .info-links ul{line-height:initial;margin-bottom:0;padding:0;list-style:none}.info-section .container .info-links ul li{margin-bottom:15px}.info-section .container .info-links ul li:last-child{margin-bottom:0}.info-section .container .info-links ul li a{font-size:13px;display:flex}.info-section .container .info-links ul li a .fas{position:relative;top:2px}.info-section .container .info-links .info-links ul{padding:0;list-style:none}.stats-section .col-6.col-md-4:first-child,.stats-section .col-6.col-md-4:nth-child(3){padding-right:.3rem}.stats-section .col-6.col-md-4:nth-child(2),.stats-section .col-6.col-md-4:nth-child(4){padding-left:.3rem}.stats-section .stat-item{background:#560000;border:1px solid #ff1f1f;gap:7px;margin-bottom:.5rem;padding:.3rem}.stats-section .stat-item img{max-width:40px}.stats-section .stat-item .stat-number .text{margin-bottom:0;font-size:10px}.stats-section .stat-item .stat-number .number{font-size:16px}.stats-section .stat-item .stat-number .number small{font-size:9px;font-weight:700}.intro-section .kv{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:contain;padding-bottom:74%;position:relative}.intro-section .main-intro{z-index:1;max-width:675px;margin:0 auto;padding:0;font-size:11px;position:relative;top:-10px}.intro-section .main-title{font-size:20px;font-weight:500}.intro-section .subtitle{margin-top:20px}.intro-section .list-target .col-4{padding-left:0;padding-right:0}.intro-section .list-target img{max-width:40px;height:35px}.intro-section .list-target .text-target{margin-top:15px;font-size:9px}header{background-color:#9b0000}header .container{justify-content:center!important}header .navbar-toggler{outline:none;position:absolute;top:13px;left:0;box-shadow:none!important}header .navbar-toggler img{max-width:23px}header .wrap-img{align-items:center;gap:25px;display:flex}header .navbar-collapse{z-index:100;background-color:#fff;border-radius:8px;max-width:300px;position:absolute;top:50px;left:15px;right:15px;box-shadow:0 4px 15px #0003;padding:10px!important}header .navbar-collapse .navbar-nav{flex-direction:column;align-items:stretch;width:100%;gap:10px!important}header .navbar-collapse .navbar-nav .nav-item{flex:none;width:100%}header .navbar-collapse .navbar-nav .nav-item a{border-bottom:1px solid #fff3;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:5px 10px;font-size:14px;font-weight:500;display:flex;color:#222!important}header .navbar-collapse .navbar-nav .nav-item:last-child a{border-bottom:none}.thanks-section .kv{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:contain;padding-bottom:73%;position:relative}.thanks-section .main-intro{z-index:1;max-width:100%;position:relative;top:-50px}.thanks-section .main-title{color:#fff;font-size:14px;font-weight:400;line-height:1.8}.thanks-section .main-title.sub{font-size:13px}.thanks-section .description{background-color:#fff;border-radius:20px;margin-top:50px;padding:25px}.thanks-section .description p{font-size:13px}.thanks-section .description a{color:#444;font-size:13px}.user-stats-section .title{font-size:20px;font-weight:700}.user-stats-section .wrap-context{background-color:var(--primary-red);border-radius:20px;padding:15px 5px}.user-stats-section .wrap-context .col-6.col-md-4:first-child{padding-right:.3rem}.user-stats-section .wrap-context .col-6.col-md-4:nth-child(2){padding-left:.3rem}.user-stats-section .wrap-context .stat-item{background:#560000;border:1px solid #ff1f1f;gap:7px;margin-bottom:.5rem;padding:.3rem}.user-stats-section .wrap-context .stat-item img{max-width:40px}.user-stats-section .wrap-context .stat-item .stat-number{font-weight:400}.user-stats-section .wrap-context .stat-item .stat-number .text{margin-bottom:0;font-size:10px}.user-stats-section .wrap-context .stat-item .stat-number .number{font-size:16px}.user-stats-section .wrap-context .stat-item .stat-number .number small{font-size:9px;font-weight:700}}.dropdown-toggle:after{vertical-align:.255em;content:"";border:.3em solid #0000;border-top-color:currentColor;border-bottom:0;margin-left:.255em;display:inline-block}#modal-login .modal-content{background-color:var(--primary-red)}#modal-login .modal-content .modal-title{color:#fff}#modal-login .modal-content .modal-body label{color:var(--primary-red)}#modal-login .modal-content .modal-body .form-control{color:#000;background:#fff;border-radius:50px;padding:15px 20px}#modal-login .modal-content .btn-register{color:var(--secondary-red);box-shadow:none;background-color:#fff;border:none;outline:none;font-weight:700}[data-bs-toggle=modal]{cursor:pointer}.wrap-content-quy-dinh{color:#000;text-align:left;background:#ffe8cf;border-radius:30px;margin-top:30px;padding:40px}.wrap-content-quy-dinh ul{margin-bottom:0}.wrap-content-quy-dinh ul li{margin-bottom:5px}.wrap-content-quy-dinh ul li:last-child{margin-bottom:0}@media (width<=768px){.wrap-content-quy-dinh{padding:20px}.wrap-content-quy-dinh ul{padding-left:20px}.wrap-content-quy-dinh h5{font-size:16px}}.wrap-thong-tin-chung{padding-top:20px}.wrap-thong-tin-chung .overview{text-align:left;max-width:80%;margin:0 auto;padding:10px 0;list-style-type:none}.wrap-thong-tin-chung .overview li{margin-bottom:10px}.wrap-thong-tin-chung .overview li:last-child{margin-bottom:0}.wrap-thong-tin-chung .line{border:2px solid #ffe0bb;width:50%;margin:30px auto}.wrap-thong-tin-chung .sub-title{background:linear-gradient(90deg,#b18544 -626.58%,#c29e4e -502.04%,#f8f7bd -237.39%,#fff19e 229.64%,#e5b963 587.69%,#ac7d2f 930.18%);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.wrap-thong-tin-chung .list-provinces{max-width:70%;margin:30px auto}.wrap-thong-tin-chung .list-provinces tr td{vertical-align:middle;border:1px solid #000}.wrap-thong-tin-chung .list-provinces tr td:nth-child(2){text-align:center;min-width:138px}.wrap-thong-tin-chung .list-provinces tr td:first-child{text-align:center}@media (width<=768px){.wrap-thong-tin-chung .overview{max-width:100%}.wrap-thong-tin-chung .wrap-content-quy-dinh{margin-top:15px;padding:15px!important}.wrap-thong-tin-chung .wrap-content-quy-dinh h6{margin-bottom:5px}.wrap-thong-tin-chung .list-provinces{max-width:100%;margin:15px auto}.wrap-thong-tin-chung .sub-title{font-size:18px}.wrap-thong-tin-chung .wrap-content-quy-dinh.vcb ul{padding:0}}#accordionFAQ .accordion-item{border:2px solid #810c14;margin-bottom:15px}#accordionFAQ .accordion-item:last-child{margin-bottom:0}#accordionFAQ .accordion-item .accordion-header .accordion-button{color:#fff;background:#810c14;border-radius:0;line-height:1.4}#accordionFAQ .accordion-item .accordion-header .accordion-button:not(.collapsed):after{background-image:url(/assets/images/triangle.png);transform:none}#accordionFAQ .accordion-item .accordion-header .accordion-button:after{background-image:url(/assets/images/triangle.png);transform:rotate(180deg)}#accordionFAQ .accordion-item .accordion-collapse .accordion-body{color:#000;background:#ffe8cf}#accordionFAQ .accordion-item .accordion-collapse .accordion-body ul{padding-left:15px}.grecaptcha-badge{z-index:-1!important;right:-1000px!important}.ranking-section{margin-top:30px}@media screen and (width>=768px){.ranking-section>.container{padding:0}}.ranking-section .ranking-box{background-color:#fff;border:1px solid #808185;border-radius:20px;height:100%;padding:20px}.ranking-section .ranking-box .box-header .title{font-size:18px}.ranking-section .ranking-box .box-header .view-all{color:#1d714c;font-size:14px}.ranking-section .ranking-box .personal-list .ranking-item .rank{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.ranking-section .ranking-box .personal-list .ranking-item .rank.rank-1{text-shadow:1px 1px 2px #00000080;background:radial-gradient(at 100% 100%,#fedb37 0%,#fdb931 8%,#9f7928 30%,#8a6e2f 40%,#0000 80%),radial-gradient(at 0 0,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5% 100%);box-shadow:inset 0 0 5px #00000080}.ranking-section .ranking-box .personal-list .ranking-item .rank.rank-2{text-shadow:1px 1px 2px #00000080;background:radial-gradient(at 100% 100%,#e0e0e0 0%,#bdbdbd 8%,#757575 30%,#616161 40%,#0000 80%),radial-gradient(at 0 0,#fff 0%,#f5f5f5 8%,#e0e0e0 25%,#9e9e9e 62.5% 100%);box-shadow:inset 0 0 5px #00000080}.ranking-section .ranking-box .personal-list .ranking-item .rank.rank-3{text-shadow:1px 1px 2px #00000080;background:radial-gradient(at 100% 100%,#cd7f32 0%,sienna 8%,#8b4513 30%,#5c4033 40%,#0000 80%),radial-gradient(at 0 0,#ffdab9 0%,#f4a460 8%,#d2691e 25%,#8b4513 62.5% 100%);box-shadow:inset 0 0 5px #00000080}.ranking-section .ranking-box .personal-list .ranking-item .rank.rank-normal{color:#808185;background:0 0;font-size:24px}.ranking-section .ranking-box .personal-list .ranking-item .name{font-size:15px}.ranking-section .ranking-box .personal-list .ranking-item .province{font-size:13px}.ranking-section .ranking-box .personal-list .ranking-item .steps .amount{font-size:16px}.ranking-section .ranking-box .ranking-table{font-size:13px}.ranking-section .ranking-box .ranking-table thead th{color:#000;background-color:#eaf4ed;border:none;padding:10px;font-weight:700}.ranking-section .ranking-box .ranking-table thead th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.ranking-section .ranking-box .ranking-table thead th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.ranking-section .ranking-box .ranking-table tbody td{color:#333;border:none;padding:10px}@media screen and (width<=768px){.ranking-section{margin-top:10px!important}.ranking-section .ranking-box{padding:15px}.ranking-section .ranking-box .personal-list .ranking-item .name{font-size:13px}.ranking-section .ranking-box .personal-list .ranking-item .province{font-size:11px}.ranking-section .ranking-box .personal-list .ranking-item .steps .amount{font-size:12px}.ranking-section .ranking-box .box-header .view-all{font-size:13px}.ranking-section .ranking-box .ranking-table{font-size:12px}.ranking-section .item-banner-offline{margin-top:10px}}.news-section .news-section-title{color:#c8102e;text-transform:uppercase;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.news-section .news-card{height:100%;color:inherit;background-color:#fff;border:1px solid #dcdcdc;border-radius:6px;align-items:stretch;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.news-section .news-card:hover{color:inherit;transform:translateY(-3px);box-shadow:0 6px 15px #0000001a}.news-section .news-card-img{flex-shrink:0;width:35%}.news-section .news-card-img img{object-fit:cover;width:100%;height:100%}.news-section .news-card-body{flex-direction:column;width:65%;padding:12px 16px;display:flex}.news-section .news-badge{color:#fff;background-color:#c8102e;align-self:flex-start;margin-bottom:8px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.news-section .news-title{color:#555;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.news-section .news-date{color:#999;margin-top:auto;margin-bottom:0;font-size:13px}@media screen and (width<=768px){.news-section{margin-top:10px!important}.news-section .wrap{background-color:#fff;border-radius:20px;width:calc(100% - 23px);padding:15px}.news-section .wrap .row .item-news:last-child{margin-bottom:0!important}}.site-footer{color:#fff;background:linear-gradient(90deg,#91000b,#c40a1b,#91000b);padding-top:3.5rem;padding-bottom:1.5rem;font-family:inherit}.site-footer .footer-title{text-transform:uppercase;color:#fff;margin-bottom:1.25rem;font-size:15px;font-weight:700}.site-footer .footer-link{color:#fff;margin-bottom:10px;font-size:14px;text-decoration:none;transition:opacity .2s;display:block}.site-footer .footer-link:hover{color:#fff;opacity:.7}.site-footer .footer-contact{margin:0;padding:0;list-style:none}.site-footer .footer-contact li{color:#fff;margin-bottom:10px;font-size:14px;line-height:1.5}.site-footer .footer-logo-text{margin-top:20px;font-size:13px;font-weight:500;line-height:1.5}.site-footer .footer-bottom{margin-top:2rem;padding-top:1.5rem}.site-footer .footer-bottom-text{color:#f0f0f0;font-size:13px}.site-footer .footer-bottom-link{color:#f0f0f0;text-decoration:none;transition:color .2s}.site-footer .footer-bottom-link:hover{color:#fff;text-decoration:underline}@media screen and (width<=768px){.site-footer{padding-top:1rem}.site-footer .footer-link{margin-bottom:8px}.site-footer .footer-bottom{margin-top:0}}.header-user{background:0 0}.header-user>.container{padding-bottom:150px!important}.header-user .bg-btn{padding:6px 20px}.header-user .logo{z-index:11;display:inline-block;position:absolute;top:20px;left:135px}.header-user .logo img{max-height:100px}.header-user #navbarNav{position:absolute;top:50px;right:0}@media screen and (width<=768px){.header-user>.container{padding-bottom:100px!important}.header-user>.container .logo{top:4px;left:4px}.header-user>.container .logo img{max-height:90px}.header-user>.container #navbarNav{top:15px}.header-user>.container .dropdown-menu.show{right:0;left:initial}}.user-info .wrap{color:#fff;background-repeat:no-repeat;background-size:cover;border-radius:20px;gap:30px;margin-top:30px;padding:30px;display:flex}.user-info .wrap .avatar-name{background-color:#fff;width:100px;height:100px;font-size:50px}.user-info .info{color:#fff;font-size:16px;line-height:35px}.user-info .info .name,.user-info .info .item,.user-info .info span,.user-info .info a{color:#fff;text-decoration:none}.user-info .info .name{font-size:20px;font-weight:700}.user-info .info i{margin-right:10px}@media screen and (width<=768px){.user-info .wrap{padding:15px}.user-info .wrap .avatar-name{background-color:#fff;width:80px;height:80px;font-size:40px}.user-info .wrap .info{color:#fff;font-size:14px;line-height:30px}.user-info .wrap .info .name,.user-info .wrap .info .item,.user-info .wrap .info span,.user-info .wrap .info a{color:#fff}.user-info .wrap .info .name{font-size:18px;font-weight:700}.user-info .wrap .info i{margin-right:5px}}.vcb-info .wrap{color:#000;background-color:#e0f1e0;border-radius:20px;align-items:center;gap:30px;margin-top:30px;padding:30px;display:flex}.vcb-info .content,.vcb-info .description{flex:1}.vcb-info .content{color:#000;padding-left:15px}.vcb-info .content .active{color:var(--vcb);font-size:30px;font-weight:700}.vcb-info .description{font-size:20px}@media screen and (width<=768px){.vcb-info .wrap{margin-top:15px;padding:15px}.vcb-info .wrap>img{max-width:80px}.vcb-info .wrap .content .active{font-size:20px}.vcb-info .wrap .description{font-size:14px}}.my-result .wrap{border:1px solid #919191;border-radius:20px;margin-top:30px;padding:30px}.my-result .wrap .main-title{font-size:20px}.my-result .wrap .main-title span{font-size:14px}.my-result .wrap .stats{margin-top:30px}.my-result .wrap .stats .item{text-align:center;border-right:1px solid #ddd}.my-result .wrap .stats .item:last-child{border-right:none}.my-result .wrap .stats .item .wrap-img{border:2px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:auto;display:flex}.my-result .wrap .stats .item .wrap-img img{max-width:50px}.my-result .wrap .stats .item .number{color:var(--primary-red);margin-top:10px;font-size:30px;font-weight:700}.my-result .wrap .stats .item .number.vcb{color:var(--vcb)}.my-result .wrap .current{font-size:20px}.my-result .wrap .progress-fill{background-color:var(--primary-red)}.my-result .wrap .progress-percent{font-size:20px}@media screen and (width<=768px){.my-result .wrap{margin-top:15px;padding:15px}.my-result .wrap .main-title{font-size:15px}.my-result .wrap .main-title span{font-size:12px}.my-result .wrap .stats{margin-top:15px}.my-result .wrap .stats .item .wrap-img{width:60px;height:60px}.my-result .wrap .stats .item .wrap-img img{max-width:40px}.my-result .wrap .stats .item .number{font-size:20px}.my-result .wrap .stats .item span{font-size:12.5px}.my-result .wrap .current,.my-result .wrap .progress-percent{font-size:15px}}.my-apps .wrap{border:1px solid #919191;border-radius:20px;margin-top:30px;padding:30px}.my-apps .main-title{align-items:center;font-size:20px;font-weight:700;display:flex}.my-apps .list-apps{flex-wrap:nowrap;gap:15px;padding-bottom:5px;display:flex;overflow-x:auto}.my-apps .list-apps::-webkit-scrollbar{height:4px}.my-apps .list-apps::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.my-apps .app-item{text-align:center;background:#f9f9f9;border:1px solid #eee;border-radius:10px;flex:1;min-width:120px;padding:15px 5px;transition:all .3s;position:relative;overflow:hidden}.my-apps .app-item .image img{object-fit:contain;height:50px;margin-bottom:10px}.my-apps .app-item .title{color:#333;font-size:14px;font-weight:700}.my-apps .app-item .status{color:#888;margin-top:5px;font-size:12px}.my-apps .app-item.connected{background:#f0fdf4;border-color:#28a745}.my-apps .app-item.connected .status{color:#28a745;font-weight:700}.my-apps .app-item .action-overlay{opacity:0;background:#fffffff2;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.my-apps .app-item:hover .action-overlay{opacity:1}@media screen and (width<=768px){.my-apps .wrap{margin-top:15px;padding:15px}.my-apps .main-title{font-size:15px}.my-apps .list-apps{flex-wrap:wrap;gap:10px}.my-apps .app-item{min-width:initial;flex:0 0 calc(50% - 5px);padding:10px 5px}.my-apps .app-item .image img{height:40px}.my-apps .app-item .title{font-size:12px}.my-apps .app-item .status{font-size:10px}}.banner-vcb-user{margin-top:30px;margin-bottom:30px}@media screen and (width<=768px){.banner-vcb-user{margin-top:15px;margin-bottom:15px}}.page-ranking{padding:50px 0 20px}.page-ranking .ranking-title h2{color:var(--primary-red)}.page-ranking .nav-tab{border:1px solid var(--primary-red);border-radius:10px;margin:20px auto;display:flex;overflow:hidden}.page-ranking .nav-tab .item{text-align:center;cursor:pointer;width:50%;color:var(--primary-red);padding:12px 10px;font-weight:700;transition:all .3s}.page-ranking .nav-tab .item a{color:var(--primary-red)}.page-ranking .nav-tab .item.active{background-color:var(--primary-red);border-radius:10px}.page-ranking .nav-tab .item.active a{color:#fff}.page-ranking .wrap-table{border:1px solid #919191;border-radius:10px;padding:30px}.page-ranking .wrap-table .wrap-top{justify-content:center;align-items:flex-start;gap:20px;width:50%;margin:20px auto 30px;display:flex}@media screen and (width<=768px){.page-ranking .wrap-table .wrap-top{gap:10px;width:100%}}.page-ranking .wrap-table .wrap-top .item{text-align:center;flex:1}.page-ranking .wrap-table .wrap-top .item img{max-width:80px;margin-bottom:15px}.page-ranking .wrap-table .wrap-top .item .wrap-user{border:1px solid #8c8c8c;border-radius:10px;padding:15px 10px}.page-ranking .wrap-table .wrap-top .item .wrap-user .name{font-size:14px;font-weight:700}.page-ranking .wrap-table .wrap-top .item .wrap-user .number{color:var(--primary-red);font-size:20px;font-weight:700}.page-ranking .wrap-table .wrap-top .item .wrap-user .unit{font-size:12px}.page-ranking .wrap-table .wrap-top .item.top-1 .wrap-user{border:2px solid #ad8e3e}.page-ranking .wrap-table .wrap-top .item.top-2 .wrap-user{border:2px solid #8a8a8a}.page-ranking .wrap-table .wrap-top .item.top-3 .wrap-user{border:2px solid #ae6646}.page-ranking .wrap-table .table-ranking{margin-top:20px}.page-ranking .wrap-table .table-ranking thead{background-color:#f5f5f5}.page-ranking .wrap-table .table-ranking thead th{color:#333;border-bottom:1px solid #ddd;padding:15px;font-weight:700}.page-ranking .wrap-table .table-ranking tbody tr{border-bottom:1px solid #eee}.page-ranking .wrap-table .table-ranking tbody tr td{color:#444;padding:15px;font-weight:500}.page-ranking .wrap-table .custom-pagination{gap:10px}.page-ranking .wrap-table .custom-pagination .page-item .page-link{color:#333;box-shadow:none;border:1px solid #ddd;border-radius:8px;margin:0;padding:8px 16px;font-weight:700;transition:all .3s}.page-ranking .wrap-table .custom-pagination .page-item .page-link:hover{background-color:#f1f1f1}.page-ranking .wrap-table .custom-pagination .page-item.active .page-link{background-color:var(--primary-red);color:#fff;border-color:var(--primary-red)}@media screen and (width<=768px){.page-ranking{max-width:calc(100% - 15px)}.page-ranking .ranking-title p{font-size:13px}.page-ranking .nav-tab .item{padding:8px 5px;font-size:13px}.page-ranking .wrap-table{padding:15px}.page-ranking .wrap-table table{margin-top:0!important;margin-bottom:0!important}.page-ranking .wrap-table table td,.page-ranking .wrap-table table th{font-size:12px;padding:8px 5px!important}.page-ranking .wrap-top .wrap-user .name{font-size:13px!important}.page-ranking .wrap-top .wrap-user .number{font-size:16px!important}.page-ranking .page-link{padding:6px 10px;font-size:13px}}.page-cach-tham-gia{padding:50px 0 20px}.page-cach-tham-gia .ranking-title h2{color:var(--primary-red)}@media screen and (width<=768px){.page-cach-tham-gia{max-width:calc(100% - 15px)}.page-cach-tham-gia .ranking-title p{font-size:13px}}.page-gioi-thieu{padding-bottom:20px}.page-gioi-thieu h3{color:#c2185b;margin-top:20px;margin-bottom:20px}.page-gioi-thieu .info h4{color:#c2185b;text-transform:uppercase;margin-bottom:15px;font-size:18px;font-weight:700}.page-gioi-thieu .info .info-item{background-color:#fff;border:1px solid #eee;border-radius:8px;justify-content:flex-start;align-items:center;margin-bottom:15px;padding:15px 20px;display:flex}.page-gioi-thieu .info .info-item .info-label{color:#333;flex-shrink:0;width:180px;font-size:14px;font-weight:700}.page-gioi-thieu .info .info-item .info-value{color:#d32f2f;font-size:14px;font-weight:700}
