.infographic-hero-banner{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--color-primary),rgba(var(--color-primary-rgb),.8));background-size:cover;background-position:50%;background-repeat:no-repeat;margin-bottom:0}.infographic-hero-banner:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:inherit;filter:blur(20px);z-index:0}.infographic-hero-banner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(var(--color-primary-rgb),.75),var(--color-primary),rgba(var(--color-primary-rgb),.75));z-index:1}.infographic-hero-banner .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.12;z-index:2}.infographic-hero-banner .hero-background .hero-icon{position:absolute;color:#fff}.infographic-hero-banner .hero-background .hero-icon.hero-icon-1{width:180px;height:180px;top:15%;left:8%;-webkit-animation:float 18s ease-in-out infinite;animation:float 18s ease-in-out infinite}.infographic-hero-banner .hero-background .hero-icon.hero-icon-2{width:160px;height:160px;top:55%;left:12%;-webkit-animation:float 16s ease-in-out 2s infinite;animation:float 16s ease-in-out 2s infinite}.infographic-hero-banner .hero-background .hero-icon.hero-icon-3{width:200px;height:200px;top:10%;right:5%;-webkit-animation:float 20s ease-in-out 1s infinite;animation:float 20s ease-in-out 1s infinite}.infographic-hero-banner .hero-background .hero-icon.hero-icon-4{width:150px;height:150px;top:60%;right:15%;-webkit-animation:float 19s ease-in-out 3s infinite;animation:float 19s ease-in-out 3s infinite}.infographic-hero-banner .hero-background .hero-icon.hero-icon-5{width:170px;height:170px;bottom:8%;left:48%;transform:translateX(-50%);-webkit-animation:float 17s ease-in-out 1.5s infinite;animation:float 17s ease-in-out 1.5s infinite}.infographic-hero-banner .hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.15);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:3}.infographic-hero-banner .hero-content{position:relative;z-index:10;padding:80px 20px;width:100%}.infographic-hero-banner .hero-content .hero-icon-wrapper .hero-main-icon{width:80px;height:80px;color:#fff;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}.infographic-hero-banner .hero-content .hero-title{margin-bottom:20px}.infographic-hero-banner .hero-content .hero-title .hero-title-main{display:block;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.3);margin-bottom:10px;letter-spacing:-1px}.infographic-hero-banner .hero-content .hero-title .hero-title-sub{display:block;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:300;color:hsla(0,0%,100%,.95);text-shadow:0 2px 8px rgba(0,0,0,.2)}.infographic-hero-banner .hero-content .hero-description{font-size:clamp(1rem,1.5vw,1.2rem);color:hsla(0,0%,100%,.9);max-width:600px;margin:0 auto;line-height:1.8;text-shadow:0 2px 4px rgba(0,0,0,.2)}@-webkit-keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-30px) rotate(3deg)}}@-webkit-keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.infographic-hero-banner{min-height:300px}.infographic-hero-banner .hero-content{padding:60px 15px}.infographic-hero-banner .hero-content .hero-icon-wrapper .hero-main-icon{width:60px;height:60px}.infographic-hero-banner .hero-background .hero-icon.hero-icon-1{width:110px;height:110px}.infographic-hero-banner .hero-background .hero-icon.hero-icon-2{width:100px;height:100px}.infographic-hero-banner .hero-background .hero-icon.hero-icon-3{width:120px;height:120px}.infographic-hero-banner .hero-background .hero-icon.hero-icon-4{width:95px;height:95px}.infographic-hero-banner .hero-background .hero-icon.hero-icon-5{width:105px;height:105px}}.media-hero-banner{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(90deg,rgba(var(--color-primary-rgb),.75),var(--color-primary),rgba(var(--color-primary-rgb),.75));background-size:cover;background-position:50%;background-repeat:no-repeat;margin-bottom:0}.media-hero-banner:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:inherit;filter:blur(20px);z-index:0}.media-hero-banner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(var(--color-primary-rgb),.75),var(--color-primary),rgba(var(--color-primary-rgb),.75));z-index:1}.media-hero-banner .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.12;z-index:2}.media-hero-banner .hero-background .hero-icon{position:absolute;color:#fff}.media-hero-banner .hero-background .hero-icon.hero-icon-1{width:190px;height:190px;top:12%;left:10%;-webkit-animation:float 19s ease-in-out infinite;animation:float 19s ease-in-out infinite}.media-hero-banner .hero-background .hero-icon.hero-icon-2{width:170px;height:170px;top:58%;left:5%;-webkit-animation:float 17s ease-in-out 2.5s infinite;animation:float 17s ease-in-out 2.5s infinite}.media-hero-banner .hero-background .hero-icon.hero-icon-3{width:210px;height:210px;top:8%;right:8%;-webkit-animation:float 21s ease-in-out 1s infinite;animation:float 21s ease-in-out 1s infinite}.media-hero-banner .hero-background .hero-icon.hero-icon-4{width:160px;height:160px;top:62%;right:18%;-webkit-animation:float 18s ease-in-out 3s infinite;animation:float 18s ease-in-out 3s infinite}.media-hero-banner .hero-background .hero-icon.hero-icon-5{width:180px;height:180px;bottom:10%;left:50%;transform:translateX(-50%);-webkit-animation:float 20s ease-in-out 2s infinite;animation:float 20s ease-in-out 2s infinite}.media-hero-banner .hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.15);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:3}.media-hero-banner .hero-content{position:relative;z-index:10;padding:80px 20px;width:100%}.media-hero-banner .hero-content .hero-icon-wrapper .hero-main-icon{width:80px;height:80px;color:#fff;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}.media-hero-banner .hero-content .hero-title{margin-bottom:20px}.media-hero-banner .hero-content .hero-title .hero-title-main{display:block;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.3);margin-bottom:10px;letter-spacing:-1px}.media-hero-banner .hero-content .hero-title .hero-title-sub{display:block;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:300;color:hsla(0,0%,100%,.95);text-shadow:0 2px 8px rgba(0,0,0,.2)}.media-hero-banner .hero-content .hero-description{font-size:clamp(1rem,1.5vw,1.2rem);color:hsla(0,0%,100%,.9);max-width:600px;margin:0 auto;line-height:1.8;text-shadow:0 2px 4px rgba(0,0,0,.2)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-30px) rotate(3deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.media-hero-banner{min-height:300px}.media-hero-banner .hero-content{padding:60px 15px}.media-hero-banner .hero-content .hero-icon-wrapper .hero-main-icon{width:60px;height:60px}.media-hero-banner .hero-background .hero-icon.hero-icon-1{width:115px;height:115px}.media-hero-banner .hero-background .hero-icon.hero-icon-2{width:105px;height:105px}.media-hero-banner .hero-background .hero-icon.hero-icon-3{width:125px;height:125px}.media-hero-banner .hero-background .hero-icon.hero-icon-4{width:100px;height:100px}.media-hero-banner .hero-background .hero-icon.hero-icon-5{width:110px;height:110px}}#page-topic:not(.mobile)>.page-wrapper{width:100%!important;max-width:none!important;margin-left:0!important;padding:0!important;left:auto!important}#page-topic:not(.mobile) .article-list .btnMore a{background:transparent!important}#page-topic:not(.mobile) #site-header{display:block!important}#page-topic:not(.mobile) #zing-header{background:#fff!important;border-bottom:1px solid #ddd!important;display:block!important;left:0}#page-topic:not(.mobile) #zing-header .category-menu li.more .dot,#page-topic:not(.mobile) #zing-header .category-menu li.more .dot:after,#page-topic:not(.mobile) #zing-header .category-menu li.more .dot:before{background-color:#444!important}#page-topic:not(.mobile) #zing-header .category-menu li.more:hover .dot,#page-topic:not(.mobile) #zing-header .category-menu li.more:hover .dot:after,#page-topic:not(.mobile) #zing-header .category-menu li.more:hover .dot:before{background-color:#04b2f7!important}#page-topic:not(.mobile) #zing-header .category-menu li>a:hover{color:#04b2f7!important}#page-topic:not(.mobile) #zing-header .toolbox>a span,#page-topic:not(.mobile) #zing-header .toolbox form button span{color:#444!important}#page-topic:not(.mobile) #zing-header .toolbox>a:hover span,#page-topic:not(.mobile) #zing-header .toolbox form button:hover span{color:#04b2f7!important}#page-topic:not(.mobile) #zing-header a.logo{background-image:url(https://static-znews.zadn.vn/images/logo-zing-home.svg)!important;height:27px!important}#page-topic:not(.mobile) #zing-header a.logo span{color:#444!important;top:27px!important}#page-topic:not(.mobile) .section-content{width:1100px!important;margin-left:-550px;margin-top:50px;padding:0 50px;left:50%;float:none}#page-topic:not(.mobile) .section-content:after{content:"";display:block;clear:both}.topic-content{background-repeat:no-repeat;background-position:50%;background-size:cover;padding:60px 0!important;position:relative;text-align:center}.topic-content:before{background:var(--color-primary)}.topic-content:after,.topic-content:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topic-content .topic-logo{text-align:center;position:relative;z-index:9}.topic-content .topic-logo img{height:90px;margin-top:40px}.topic-content .topic-logo:after,.topic-content .topic-logo:before,.topic-title:after,.topic-title:before{content:"";display:block;position:absolute;left:50%;transform:translateX(-50%)}.topic-content .topic-logo:before{content:"";text-align:center;color:#fff;background:transparent;font-size:20px;font-weight:500}.topic-content .topic-logo:after,.topic-title:after{bottom:-10px;width:100px;height:5px;background:#fff}.topic-content .topic-description{position:relative;font-size:18px;color:#fff;line-height:1.56;font-family:Arial;text-align:center;padding:30px 15px 0;max-width:600px;margin:0 auto;z-index:1}.topic-content .topic-share-wrapper{margin-top:30px;min-height:40px}.topic-content .the-article-share{margin:0 auto;width:auto;float:none}.topic-content .the-article-share>li{float:none}.topic-content .the-article-share>li a{padding:0;display:flex;justify-content:center;align-items:center;height:100%}.topic-content .the-article-share>li:last-child{margin-right:0}.topic-content .the-article-share>li.btnFacebook,.topic-content .the-article-share>li.btnZalo{width:40px;min-width:40px;height:40px;border-radius:50%;overflow:hidden;position:relative}.topic-content .the-article-share>li.btnFacebook [class*=" ti-"],.topic-content .the-article-share>li.btnFacebook [class^=ti-],.topic-content .the-article-share>li.btnZalo [class*=" ti-"],.topic-content .the-article-share>li.btnZalo [class^=ti-]{display:inline-block;margin-right:0}.topic-content .the-article-share>li.btnFacebook span:last-child,.topic-content .the-article-share>li.btnZalo span:last-child{display:none}.topic-content .the-article-share>li.btnFacebook .ti-facebook{font-size:20px}.mobile .topic-content{padding:25px 0}.mobile .article-item .article-title a,.mobile .article-item .article-title a:visited{color:#333!important}#page-topic.mobile #heading{display:none!important}#page-topic:not(.mobile) #footer{background:#f7f7f7!important}#page-topic:not(.mobile) #topic-header[class*=series]+#topic-main{padding-top:52px!important}#page-topic:not(.mobile) .article-list.landing-topic-layout .article-item .article-title a{color:#333}#page-topic:not(.mobile) .article-list.landing-topic-layout .article-item .article-summary{color:#888!important}#page-topic:not(.mobile) .article-list.landing-topic-layout .article-item .article-meta .friendly-time{color:#aaa!important}#page-topic:not(.mobile) #site-header~.page-wrapper #topic-header[class*=series]+#topic-main{padding-top:0!important}@media (max-width:1279px){#page-topic:not(.mobile) .section-content{width:100%!important;margin-left:0;padding:0;left:auto}#page-topic:not(.mobile)>.page-wrapper{width:100%!important;margin-left:0!important;padding:0 1%!important;left:auto!important}}.topic-content .topic-logo img{height:auto;width:300px;margin-bottom:20px}.emagazine .infographic-content,.infographic .infographic-content,.media-content{padding-bottom:30px}.media-content .box-news .title{font-size:20px}.media-content .box-news .title a{font-size:inherit}.emagazine .page-title{padding:80px 0 270px!important}.emagazine .page-title .page-title-text{text-shadow:0 0 5px #545454;font-size:40px}.emagazine .page-title:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.71) 50%,hsla(0,0%,100%,.8705882352941177) 70%,hsla(0,0%,100%,.9019607843137255) 80%,#fff);z-index:0}.article-featured{margin-top:-230px}.article-featured .box-news-larger{margin-bottom:15px}.article-featured .box-news-larger .thumb-art{flex:0 0 60%;max-width:60%;margin:0;border-radius:8px 0 0 8px;overflow:hidden;background:#fff}.article-featured .box-news-larger .content{padding:40px;box-shadow:0 0 3px rgba(0,0,0,.2);border-radius:0 8px 8px 0;background:#fff;position:relative}.article-featured .box-news-larger .content>.title{font-size:clamp(22px,calc(2.4vw + 12px),30px);line-height:1.3}.article-featured .box-news-larger .content>.title>a{color:inherit}.article-featured .box-news-larger .content>.title>a:hover{color:var(--color-primary)}.article-featured .box-news-larger .content .album-type{position:absolute;top:0;left:50%;transform:translateX(-50%);text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;overflow:hidden;padding:0 8px;background:var(--color-primary);border-bottom-left-radius:5px;border-bottom-right-radius:5px;text-align:center;font-size:14px;font-weight:700;text-transform:uppercase;color:#fff;min-width:120px;height:25px;line-height:25px;letter-spacing:.5px;z-index:2}@media screen and (max-width:480px){.article-featured .box-news-larger{flex-wrap:wrap}.article-featured .box-news-larger .thumb-art{flex:0 0 100%;max-width:100%;border-radius:8px 8px 0 0}.article-featured .box-news-larger .content{border-radius:0 0 8px 8px;padding:40px 20px}.article-featured .box-news-larger .content>.title{font-size:22px}}