/* Page mobile app */
.page-mad-static, .page-web-static{padding-top: 192px;background: url('../images/bg-top.png') no-repeat;background-position: top left;background-size: contain;}
#mad-static{padding-bottom: 96px;}
.web-static-title h1{font-size: 56px; line-height: 72px; font-weight: 600}
.web-static-title h2{font-size: 32px; line-height: 44px; font-weight: 600;}
.wrap-web-static-img{width: 826px; height: 826px; margin: auto; display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 70px;}
.wrap-web-static-img:after{content:"";background:linear-gradient(180deg,#ffda88 0%,rgba(255,225,158,0) 100%);opacity:0.25;width:100%;height:100%;left:0;top:0;border-radius:50%;position:absolute;}
.wrap-web-static-img:before{content:"";background:linear-gradient(180deg,#ffda88 0%,rgba(255,225,158,0) 100%);opacity:0.5;left:50%;top:50%; transform: translate(-50%, -50%);width:calc(100% - 80px);height:calc(100% - 80px);border-radius:50%;position:absolute;}
.web-static-img{position: relative; z-index: 3;}
.web-static-btn{position:absolute !important; bottom: 30px;; left: 50%; transform: translateX(-50%); z-index: 3; min-width: max-content;}
.web-static-icon{position:absolute;z-index:22;animation:toptobot 2s linear infinite; box-shadow:0px 0px 50px rgba(0,0,0,0.15); display:flex;width:72px;height:72px;align-items:center;justify-content:center;background:linear-gradient(to right, #F9B214, #F18B1A, #EE7923); border-radius: 50%}
.web-static-icon1{top:141px;left:92px;}
.web-static-icon2{top:141px;right:92px;}
.web-static-icon3{top:calc(50% - 31px);left:9px;animation-delay:1s;}
.web-static-icon4{top:calc(50% - 31px);right:9px;animation-delay:1s;}
.web-static-icon5{top:638px;left:92px;}
.web-static-icon6{top:638px;right:92px;}
@-webkit-keyframes toptobot{
    0%,100%{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}
    50%{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px);transform:translateY(-50px);}
}
@-webkit-keyframes toptobot1{
    0%,100%{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}
    50%{-webkit-transform:translateY(-25px);-moz-transform:translateY(-25px);-ms-transform:translateY(-25px);-o-transform:translateY(-25px);transform:translateY(-25px);}
}
.web-static-content{columns: 2;}
#web-static{margin-bottom: 120px;}
#web-tieuchi{margin-bottom: 160px;}
div.tieuchi-nentang{
    background: url('../images/bg_tieuchi_nentang.png') no-repeat top center;
}
.mr-15{margin-right: 15px;}
.ml-15{margin-left: 15px;}
.show_wrap_tieuchi{width:553px;height:553px;border:1px solid #ed7304;border-radius:50%;position:relative;}
.content_mota_tieuchi{margin:auto;width:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); z-index:3;}
.content_mota_tieuchi .carousel-cell{width:100%;}
.box-content_tieuchi span{background:linear-gradient(90deg,#f8a900 0%,#ed7304 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;font-weight: 700;font-size: 56px;display:inline-block;line-height: 130%;margin-bottom: 10px;font-family:SFUEurostileBold;}
.box-content_tieuchi p{font-size:18px;font-weight:600;line-height: 24px;margin-bottom: 12px;}
.wrap-icon{position:absolute;cursor:pointer;}
.wrap-icon span{width:72px;height:72px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0px 0px 80px rgba(124,124,124,0.2));}
.wrap-icon span img{}
.wrap-icon p{font-size:14px;}
.wrap-icon:nth-child(1){top:14px;left:-5px;}
.wrap-icon:nth-child(2){top:153px;left:-79px;}
.wrap-icon:nth-child(3){top:324px;left:-125px;}
.wrap-icon:nth-child(4){top:461px;left:-86px;}
.wrap-icon:nth-child(5){top:461px;right:-59px;}
.wrap-icon:nth-child(6){top:324px;right:-111px;}
.wrap-icon:nth-child(7){top:153px;right:-122px;}
.wrap-icon:nth-child(8){top:14px;right:6px;}
.wrap-icon.active span{background:linear-gradient(90deg,#f59c17 2.6%,#eb6b1f 54.83%);}
.wrap-icon.active span img{filter:brightness(0) invert(1);}
.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0;}
.flickity-enabled.is-fade .flickity-slider>.is-selected{pointer-events:auto;z-index:1;}
.web-nentang {
    background: #eee;
    height: 100%;
    padding: 45px 25px;
    height: 270px;
}
#web-nentang, #appmobile-video{margin-bottom: 120px;position: relative;}
.congcu-video-app:after{
    content: '';
    background: url('../images/bg-video-app.png') no-repeat center bottom;
    width: 100%;
    position: absolute;
    height: 100%;
    bottom: -23.5%;
}
#appmobile-receive{background: #eee;padding: 95px 0 60px;}

#vuontam{padding-bottom: 96px;background: url('../images/bg_vuongtam.png') no-repeat;background-size: contain;background-position: bottom right;}
.vuontam-icon{padding: 48px 32px 68px 32px;border-radius: 8px;background: #EEE;}
div.vuontam-icon-img img{filter: brightness(0%);}
.wrap-app-tool-title ul{display: flex;justify-content: space-evenly;border-bottom: 1px solid #E4E4E4;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.wrap-app-tool-title ul li{flex: auto;position: relative;z-index: 222;}
.app-tool-title{display: block; text-align: center;min-width: max-content; padding: 0 15px 11px 15px; position: relative; cursor: pointer; }
.app-tool-title::after{position: absolute;content:"";width: 0%;height: 2px;background: #eb6b1f;bottom: 0px;left: 0;transition: .5s all}
.app-tool-title.active, .app-tool-title:hover{color: #eb6b1f}
.app-tool-title.active::after, .app-tool-title:hover::after{width: 100%;}

.show_tabcongcu{position:relative;}
.show_tabcongcu .row-tabcongcu{position:relative;}
.show_tabcongcu .row-tabcongcu:after{content:"";width:100%;position:absolute;height:1px;border-bottom:1px dashed #d2d2d2;top:50%;}
.show_tabcongcu .row-tabcongcu .box-congcu{text-align:center;position:relative;}
.show_tabcongcu .row-tabcongcu .box-congcu span{width:100%;}
.show_tabcongcu .row-tabcongcu .box-congcu span img{}
.show_tabcongcu .row-tabcongcu .box-congcu p{font-size:16px;font-weight:500;}
.show_tabcongcu .row-tabcongcu .box-congcu.box-congcu-top{padding-bottom:44px;margin-bottom: 204px;}
.show_tabcongcu .row-tabcongcu .box-congcu.box-congcu-top:after{content:"";position:absolute;border-left:1px dashed #d2d2d2;height: 54px;width:1px;bottom:0;}
.show_tabcongcu .row-tabcongcu .box-congcu.box-congcu-bottom:after{content:"";position:absolute;border-left:1px dashed #d2d2d2;height: 54px;width:1px;top:0;}
.show_tabcongcu .row-tabcongcu .box-congcu.box-congcu-bottom{padding-top: 52px;margin-top: 207px;}
.show_tabcongcu .row-tabcongcu .box-congcu div{display:flex;flex-flow:row wrap;justify-content:center;max-width:138px;}
.show_tabcongcu .row-tabcongcu .box-congcu.box-congcu-top div span{order:2;}
.show_tabcongcu .row-tabcongcu .box-congcu.box-congcu-bottom div{}
.show_tabcongcu .row-tabcongcu .box-congcu.box-congcu-bottom div span{}

div.show-photo{
    -webkit-mask-image: url(../images/mask_photo_tkw.png);
    mask-image: url(../images/mask_photo_tkw.png);
    mask-repeat: no-repeat;
}

div.developing-advantage-desc{}
div.developing-advantage-desc ul{
    list-style: disc;
    padding-left: 30px;
}
div.developing-advantage-desc ul li{}
div.developing-advantage-desc ul li:not(:last-child){
    margin-bottom: 10px;
}
div.developing-advantage-desc ol{
    list-style: decimal;
    padding-left: 30px;
}
div.developing-advantage-desc ol li{}
div.developing-advantage-desc ol li:not(:last-child){
    margin-bottom: 10px;
}