@font-face{font-family:'Inter';src:url(fonts/Inter-Thin.ttf);font-weight:100;font-display:block;font-style:normal}
@font-face{font-family:'Inter';src:url(fonts/Inter-ExtraLight.ttf);font-weight:200;font-display:block;font-style:normal}
@font-face{font-family:'Inter';src:url(fonts/Inter-Light.ttf);font-weight:300;font-display:block;font-style:normal}
@font-face{font-family:'Inter';src:url(fonts/Inter-Regular.ttf);font-weight:400;font-display:block;font-style:normal}
@font-face{font-family:'Inter';src:url(fonts/Inter-Medium.ttf);font-weight:500;font-display:block;font-style:normal}
@font-face{font-family:'Inter';src:url(fonts/Inter-SemiBold.ttf);font-weight:600;font-display:block;font-style:normal}
@font-face{font-family:'Inter';src:url(fonts/Inter-Bold.ttf);font-weight:700;font-display:block;font-style:normal}
@font-face{font-family:'Inter';src:url(fonts/Inter-ExtraBold.ttf);font-weight:800;font-display:block;font-style:normal}
@font-face{font-family:'Inter';src:url(fonts/Inter-Black.ttf);font-weight:900;font-display:block;font-style:normal}
@font-face{font-family: 'Oswald';src:url(fonts/Oswald-ExtraLight.ttf);font-weight: 200;}
@font-face{font-family: 'Oswald';src:url(fonts/Oswald-Light.ttf);font-weight: 300;}
@font-face{font-family: 'Oswald';src:url(fonts/Oswald-Regular.ttf);font-weight: 400;}
@font-face{font-family: 'Oswald';src:url(fonts/Oswald-Medium.ttf);font-weight: 500;}
@font-face{font-family: 'Oswald';src:url(fonts/Oswald-SemiBold.ttf);font-weight: 600;}
@font-face{font-family: 'Oswald';src:url(fonts/Oswald-Bold.ttf);font-weight: 700;}
#trueModal .getphone, #trueModal2 .getphone{    color: #A87600;
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;    text-align: center;}
    #trueModal input[type=submit], #trueModal2 input[type=submit]{width: 100%;
    background: #EA232B;
    color: #fff;
    border: 0;
    padding: 13px 20px; border-radius: 50px;height:auto;line-height:inherit}
     #trueModal input[type=tel],  #trueModal2 input[type=tel]{width: 100%;
    border: 1px solid #ddd;
    padding: 13px 20px;
    border-radius: 50px;margin-bottom: 30px;}
    .wpcf7-form-control-wrap{    position: relative !important;}
    #trueModal, #trueModal2{color:#000;}
    @media (max-width: 767px) {
        .popup { width: 60% !important; }
.popup a img { height:auto; }
     #trueModal, #trueModal2{margin:0 15px;}   
     #trueModal .getphone br, #trueModal2 .getphone br{display:none;}
     #trueModal .getphone, #trueModal2 .getphone{font-size:20px;}
    }
body{overflow-x: hidden;font-family:'Inter';font-size: 18px;background-image: url(https://appfcb88.com/wp-content/uploads/2024/12/Frame-97-2-scaled.jpg);background-size: cover;background-repeat: no-repeat;}
*{margin:0;padding:0;line-height:1.5}
a{text-decoration:none;cursor:pointer;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}
a:active,a:hover{color: #2A9CE4;}
ul{padding-left:0}
img{max-width:100%;border:none;height:auto}
h1,h2,h3,h4,h5,h6{line-height:1.5;margin-top:0;margin-bottom: 1rem;}
h1{font-size: 36px;font-family: 'Inter';}
h2{font-size: 30px;font-family: 'Inter';}
h3{font-size: 24px;font-family: 'Inter';}
h4{font-size: 20px;font-family: 'Inter';}
h5,h6{font-size: 16px;font-family: 'Inter';}
table{color: #fff !important;}
table tbody tr:nth-child(odd){background: #434343;}
table tbody tr:nth-child(even){background: #2F2F2F;}
.table>:not(caption)>*>*{padding: 24px;}
.table-bordered>:not(caption)>*>*{border-width: 0;}
.table-bordered>:not(caption)>*{border-width: 0;}
.img img{width:100%;height:auto;object-fit:cover}
/* 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;
}
.screen-reader-text{display:none}
.head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #fff}
@keyframes stuckMoveDown {
0%{transform:translateY(-100%)}
100%{transform:translateY(0)}
}
@keyframes stuckMoveUp {
0%{transform:translateY(100%)}
100%{transform:translateY(0)}
}
@keyframes stuckFadeIn {
0%{opacity:0}
100%{opacity:1}
}

/* Container (FAKE theo từng web) */
@media (min-width: 576px){
    .container, .container-sm {max-width: 540px;}
}
@media (min-width: 768px){
    .container, .container-md, .container-sm { max-width: 720px;}
}
@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm {max-width: 960px;}
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1128px;}
}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1128px;}
}
.row-margin{--bs-gutter-y:var(--bs-gutter-x);margin-top: calc(-.5 * var(--bs-gutter-y));margin-bottom: calc(-.5 * var(--bs-gutter-y));}
.row-margin>*{margin-top: 0;padding-top: calc(var(--bs-gutter-x) * .5);padding-bottom: calc(var(--bs-gutter-x) * .5)}
.flex{display:flex;flex-wrap:wrap}
.align-center{align-items:center}
.align-end{align-items:flex-end;}
.align-start{align-items:flex-start;}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.row-reverse{flex-direction:row-reverse;}
.column-reverse{flex-direction:column-reverse;}
/* Content-post */
.content-post { text-align: justify; }
.content-post h3{color: #345991;font-weight: 800;}
.content-post ul,.content-post ol{padding-left:20px;}
.content-post li{position:relative;margin-bottom:10px}
.content-post strong,.content-post b,.content-post i,.content-post a{line-height:normal}
.content-post blockquote{padding:15px 15px 15px 25px;border-left:5px solid #000;background:#f6f6f6}
.content-post a:hover{text-decoration:underline}
.content-post .wp-caption.aligncenter{max-width:100%!important}
img.aligncenter{display:block;margin:0 auto}
.content-post p img {display: block; margin: auto;  }
.content-post .aligncenter,.content-post div.aligncenter{display:block;margin:15px auto}
.content-post .alignright{float:right;margin:10px 0 15px 15px}
.content-post .alignleft{float:left;margin:10px 15px 15px 0}
a img.alignright{float:right;margin:10px 0 15px 15px}
a img.alignnone{margin:10px 15px 15px 0}
a img.alignleft{float:left;margin:10px 15px 15px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{border:none;max-width:100%;padding:0;}
.wp-caption.alignnone{margin:10px 15px 15px 0}
.wp-caption.alignleft{margin:10px 15px 15px 0}
.wp-caption.alignright{margin:10px 0 15px 15px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%}
.wp-caption p.wp-caption-text{margin:0;padding:10px 10px 0;text-align: center;}
div.wpcf7 .ajax-loader{position:absolute}
/* contact-form7 */
.wpcf7-form-control-wrap{position:initial}
.wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;left:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px;width:240px}
.wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px}
.wpcf7 .wpcf7-validation-errors{display:none!important}
.sticky{position:-webkit-sticky;position:sticky;top:10px}
/* Home */
#main{overflow: hidden;}
.logo_main{padding: 40px 40px 0;}
.logo_main img{max-height: 200px;object-fit: contain;}
.top_main{padding-top: 50px;position: relative;text-align: center;}


.title_main{font-size: 48px;font-weight: 900;margin-bottom: 24px;}
.title_main img{margin-bottom: 12px;display: block;}
.title_home{margin-bottom: 24px;color: #E7B606; font-size: 32px;font-weight: 900;}
.download_main {display: flex;	}
.download_main .button{position: relative;margin-bottom: 24px;}
.download_main .button img {height: 60px;min-width: 220px;}

.download_main .button:nth-child(2) .download { background: red; }
.download_main a.download{display: flex;align-items: center;justify-content: center;text-align: center;padding: 0 20px;border-radius: 8px;background: #FF8541;color: #fff;text-transform: uppercase;font-weight: bold;height: 60px;}
.download_main button{background: transparent;border: none;position: relative;}
#countdown, #countdown_1 {
    margin: 12px auto 0;
    display: none;
    background: #ffffff99;
    width: 270px;
    border-radius: 16px;
    border: 2px solid #C3911F;
    padding: 16px;
    text-transform: uppercase;
    text-align: center;}
#countdown{margin-left: -53px;}
#countdown #countdownSpan, #countdown_1 #countdownSpan2{display: block !important;color: #2A9CE4;font-weight: bold;}
#countdown.active, #countdown_1.active{display: block;}
#custom-alert{margin: 12px 0 0; width: 270px;background: #ffffff99;border-radius: 16px;border: 2px solid #C3911F;padding: 16px;text-transform: uppercase;text-align: center;}
#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;}
.instruct_main:not(:last-child){margin-right: 24px;margin-bottom: 24px;}
.instruct_main a{padding: 0 20px;min-width: 300px;height: 60px;border: 2px solid #FF8541;border-radius: 8px;display: flex;align-items: center;justify-content: center;text-align: center;color: #000;font-weight: bold;text-transform: uppercase;background: #fff;}
.instruct_main a:not(:last-child){margin-right: 24px;}
.instruct_main a.red{background: #FF8541;color: #fff;width: auto;min-width: inherit;width: 200px;}
.body_main{padding-top: 60px;padding-bottom: 24px;}
.block_content{background: #fff;padding: 40px 24px;border-radius: 16px;border: 2px solid #FF8541;margin-bottom: 16px;}

.block_content .group:not(:last-child){margin-bottom: 32px;}
.top_content{margin-bottom: 24px;}
.bot_content{margin-top: 24px;}
.cta_main{margin-top: 24px;}
.cta_main a{display: flex;align-items: center;justify-content: center;padding: 0 40px;width:100%;max-width: 524px;border-radius: 40px;height: 60px;text-transform: uppercase;font-weight: bold;color: #fff;background: #2A9CE4;}
.sec1 .item .image{margin-bottom: 24px;}
.sec1 .item .name{font-weight: bold;color:#E7B606;margin-bottom: 8px;font-size: 24px;}
.sec1 .item .text{margin-bottom: 0;font-weight: 600;}
.sec3 .group:not(:last-child){margin-bottom: 24px;}
.copyright{background: #2A9CE4;color: #fff;}
.copyright .flex{height: 72px;}
#footer .footer-top .widget .footer-title {     text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;color: #E7B606;margin-bottom: 10px; }
    #footer .footer-top .widget .textwidget ul  { margin:0; }
    #footer .footer-top .widget .textwidget ul li { margin-left:17px; }
#footer .footer-top { padding:10px 0;margin-bottom:10px; border-bottom:1px solid #ddd; }
.footer-bot { text-align:center; }
.footer-bar { padding: 30px 0;background: #121E26;color: #fff;font-size: 16px; }
@media (max-width: 1599px) {
.logo_main{padding: 30px 30px 0;}
.logo_main img{max-height: 180px;}
.title_main{font-size: 42px;}
.title_main img{margin-bottom: 8px;}
.top_main .inner{margin-left: 8%;width: 84%;}
.top_main .img{width: 34%;}
.instruct_main a{min-width: 280px;padding: 0 15px;}
.body_main{padding-top: 100px;}

}
@media (max-width: 1399px) {
body{font-size: 15px;}
.logo_main img{max-height: 164px;}
.top_main .inner{margin-left: 3%;width: 94%;}
.title_main{font-size: 40px;}
.title_main img{margin-bottom: 0;}
.download_main .button{margin-bottom: 16px;}
.download_main .button:not(:last-child){margin-right: 16px;}
.download_main a.download{width: 260px;}
.instruct_main a{min-width: 260px;padding: 0 12px;}
.instruct_main a:not(:last-child){margin-right: 16px;}
.body_main{padding-top: 80px;}
.block_content{padding: 24px 16px;}
.title_home{margin-bottom: 20px;font-size: 28px;}


}
@media (max-width: 1199px) {
.logo_main{padding: 24px 24px 0;}
.top_main{padding-top: 40px;}
.top_main .img{display: none;}
.title_main{text-align: center;}
.title_main img{margin: 0 auto;object-fit: contain;}
.flex_instruct{justify-content: center;}
.download_main {justify-content: center;}
.instruct_main{justify-content: center;width: 100%;}
.instruct_main:not(:last-child){margin-right: 0;margin-bottom: 16px;}
.instruct_main a.red{width: 200px;}
.body_main{padding-top: 70px;}
.cta_main a{max-width: 460px;}
}
@media (max-width: 991px) {
.logo_main img{max-height: 140px;}
.body_main{padding-top: 60px;}


}
@media (max-width: 768px) {

	.catfish {width: 100%;}
h1{font-size: 32px;}
h2{font-size: 26px;}
h3{font-size: 20px;}
h4{font-size: 16px;}
h5,h6{font-size: 14px;}
.title_main{font-size: 32px;}

.bt_ios{width: 217px;}
.instruct_main a{width: 45%;min-width: inherit;}
.title_home{font-size: 24px;}1
.sec1 .item .name{font-size: 20px}
.cta_main a{max-width: 320px;}
.body_main{padding-bottom: 16px;padding-top: 40px;}
.copyright .flex{height: 60px;}
.top_main{padding-top: 40px;}
.download_main {  }
.download_main img{width: 217px;height: 72px;}
.download_main .button img {
    height: 50px;
    min-width: 168px;}
.download_main .button:not(:last-child) {
        margin-right: 0;
    }
.download_main .button { margin-right: 0; }    
@media (max-width: 575px) {
body{font-size: 14px;}
.logo_main img{max-height: 120px;}
.logo_main{padding: 20px 20px 0;}
.download_main a.download{height: 56px;width: 100%;padding: 0 10px;}
.download_main img{height: 60px;width: 180px;}
.bt_android{width: 180px;}
.bt_ios{width: 180px;}
#countdown, #countdown_1{width: 200px;}
#countdown{margin-left: -20px;}
#custom-alert{width: 200px;}
#custom-alert span{font-size: 12px;}
#copy-success-msg{font-size: 12px;}
.instruct_main a{width: calc(50% - 8px);}
.cta_main a{max-width: 260px;height: 50px;padding: 0 30px;}
.instruct_main a.red{width: calc(50% - 8px)}
}
@media (max-width: 430px) {
.title_main{font-size: 24px;}
.instruct_main a{font-size: 13px;height: 50px;}
.bt_android{width: calc(50% - 8px);}
.bt_ios{width: calc(50% - 8px);}
#countdown, #countdown_1{padding: 10px;width: 180px;max-width: 100%;}
#custom-alert{padding: 10px;width: 180px;}
#custom-alert span{font-size: 11px;}
#copy-success-msg{font-size: 11px;}
#countdown{margin-left: auto;margin-right: 0;}
#countdown_1{margin-left: 0;}
.download_main .button.bt_android{display: flex;justify-content: flex-end;flex-wrap: wrap;}
}
@media (max-width: 400px) {
.download_main img{height: 54px;width: 160px;}
}