body{font-family:Roboto,sans-serif}:root{--color-black: #000;--color-white: #fff}body{background-color:var(--color-black);overflow:hidden}.flag-entry{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:800px;margin-bottom:50px;gap:119px}.flag-entry .btn-join{width:200px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;margin:0 5px}.flag-entry .btn-join img{width:100%;height:132px;max-width:132px;object-fit:contain}.flag-entry .btn-join button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer}.flag-entry .btn-join p{color:var(--color-white);text-align:center;font-family:Roboto;font-size:20px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;height:20px}@media screen and (max-width: 800px){.flag-entry{width:100%;max-width:600px;gap:5px!important}}@media screen and (max-width: 650px){.video-content .main .logo-main .logo-image{margin-top:-200px!important;margin-bottom:15px!important;width:236px!important;max-width:55vw!important}.flag-entry{gap:3px;margin-bottom:5px}.flag-entry .btn-join img{width:100%;max-width:16vw;height:auto}.flag-entry .btn-join p{font-size:3vw}.flag-entry .btn-join{width:27vw}}@media screen and (max-width: 500px){.video-content .main .logo-group .item-infor .logo-afa{width:50px}.video-content .main .logo-group .item-infor .logo-okvip{width:110px}.video-content .main .logo-group .item-infor .logo-cf{width:50px}}@media screen and (max-width: 400px){.video-content .main .logo-group{gap:12px}.video-content .main .logo-group .item-infor .logo-afa{width:48px}.video-content .main .logo-group .item-infor .logo-okvip{width:100px}.video-content .main .logo-group .item-infor .logo-cf{width:48px}.video-content .main .logo-group .item-separative{height:45px}}@media screen and (max-width: 360px){.video-content .main .logo-group .item-infor span{font-size:13px!important}}@media screen and (max-width: 390px){html,body{overflow-y:auto}}.video-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1}.background-video{width:100vw;height:100vh;object-fit:cover}.video-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh;color:#000}.video-content .main{margin-bottom:30px}.video-content .main .logo-main{margin-bottom:20px}.video-content .main .logo-main .logo-image{width:320px;max-width:90vw;margin-bottom:75px}@media (max-width: 768px){.video-content .main .logo-main .logo-image{width:220px;margin-bottom:40px}}.video-content .main .title{font-size:24px;margin-bottom:3px;font-weight:700}@media (max-width: 768px){.video-content .main .title{font-size:18px}}.video-content .main .flag-entry{display:flex;justify-content:center;align-items:center;gap:20px;margin:50px auto;max-width:1000px;width:100%;flex-wrap:wrap}.video-content .main .flag-entry .btn-join{display:flex;flex-direction:column;align-items:center}.video-content .main .flag-entry .image-logo{width:150px;height:auto}@media (max-width: 768px){.video-content .main .flag-entry .image-logo{width:80px}}@media (max-width: 375px){.video-content .main .flag-entry .image-logo{width:70px}}.video-content .main .flag-entry .text-country{color:#000;font-size:18px;font-weight:700;line-height:100%;letter-spacing:0%;text-align:center;text-transform:capitalize}@media (max-width: 768px){.video-content .main .flag-entry .text-country{font-size:14px;font-weight:600}}@media (max-width: 768px){.video-content .main .flag-entry{gap:12px;margin:24px auto;max-width:100%}}.video-content .main .logo-group{display:flex;align-items:center;justify-content:center;gap:20px}.video-content .main .logo-group .item-infor{display:flex;flex-direction:column;align-items:center;justify-content:center;height:115px;gap:10px}.video-content .main .logo-group .item-infor img{height:auto}.video-content .main .logo-group .item-infor span{font-size:14px}.video-content .main .logo-group .item-infor .adding-okvip{width:10px;height:10px;display:block}.video-content .main .logo-group .item-separative{width:1px;height:40px;background-color:#fff}.video-content .link-page .link-btn{display:inline-flex;align-items:center;padding:12px 24px;background:#f60;border-radius:8px;text-decoration:none;color:#fff;font-weight:700}.video-content .link-page .link-btn img{margin-left:8px;width:20px}.card-group{display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:20px;margin-top:20px;flex-wrap:wrap}@media (max-width: 768px){.card-group{gap:12px;margin-top:16px}}.card{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;padding:0;gap:58.54px;position:relative;width:325px;height:183px;background:linear-gradient(180deg,#ff980000,#fc8b0066);border-radius:0 0 20px 20px;border-bottom:2px solid #FC8B00}@media screen and (max-width: 1024px){.card{width:120px;height:220px}}@media screen and (max-width: 768px){.card{border-radius:0 0 15px 15px;width:117px;height:256px}}@media screen and (max-width: 390px){.card{border-radius:0 0 17px 17px;width:95px;height:180px;padding:0 6px}}.card-body{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:9px 20px 0}@media screen and (max-width: 1024px){.card-body{flex-direction:column;padding:0 6px 6px;gap:10px}}.card-body-left{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 7px;gap:10px}@media screen and (max-width: 768px){.card-body-left{flex-direction:row;justify-content:flex-start;align-items:flex-start}}.card-body-right{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 7px;gap:10px}.card-body-left-image,.card-body-right-image{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.card-body-right-image{width:65%;height:65%}}@media screen and (max-width: 390px){.card-body-right-image{width:60%;height:60%}}.card-body-right-title{white-space:nowrap;font-size:16px;font-weight:500;line-height:100%;letter-spacing:0%;text-align:center;text-transform:capitalize;color:#000}.card-body-right-description{font-size:15px;font-weight:400;line-height:100%;letter-spacing:0%;text-align:center;text-transform:capitalize;color:#000}@media screen and (max-width: 768px){.card-body-right-title{font-size:14px}.card-body-right-description{font-size:13px}}
