#banner-news{display:flex;justify-content:space-between;gap:20px;padding:0 20px;margin-bottom:60px}#banner-news .big-banner{width:800px}#banner-news .big-banner .image-container{width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;position:relative;object-fit:cover;transform:translateZ(0)}#banner-news .big-banner .image-container img{aspect-ratio:16/9;transition:.3s;filter:brightness(80%);border-radius:10px;width:100%}#banner-news .big-banner .image-container img:hover{transform:scale(1.1)}#banner-news .big-banner .image-container .title{display:flex;flex-direction:column;gap:20px;position:absolute;bottom:0;left:0;padding:20px 0 40px 20px;z-index:1;width:100%}#banner-news .big-banner .image-container .title .type{display:flex;align-items:center;gap:40px}#banner-news .big-banner .image-container .title .type button{background:transparent;border:1px solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:0 20px}#banner-news .big-banner .image-container .title .type button:hover{border:1px solid #e2e2e2;color:#d2d2d2}#banner-news .big-banner .image-container .title .type .date{display:flex;gap:10px;align-items:center;color:#fff}#banner-news .big-banner .image-container .title .type .date i{width:20px;height:20px}#banner-news .big-banner .image-container .title .type .date span{font-size:16px}#banner-news .big-banner .image-container .title h2{font-size:28px;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;padding-right:10px;position:relative;cursor:pointer;font-weight:500}#banner-news .big-banner .image-container .title h2:after{content:"";width:0;height:2px;display:block;position:absolute;bottom:-1px;background:#e2e2e2;transition:.4s ease-in-out}#banner-news .big-banner .image-container .title h2:hover{color:#d2d2d2}#banner-news .big-banner .image-container .title h2:hover:after{width:70%}#banner-news .small-banner{width:500px;display:flex;flex-direction:column;gap:20px}#banner-news .small-banner .top-title{display:flex;flex-direction:column;gap:5px}#banner-news .small-banner .top-title span{font-size:14px;color:#4c4c4c;font-weight:300}#banner-news .small-banner .top-title h4{font-size:20px;font-weight:600}#banner-news .bottom-child{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;gap:20px}#banner-news .bottom-child .child{display:flex;max-height:80px;height:100%;gap:10px}#banner-news .bottom-child .child .image-container{height:100%;aspect-ratio:16/9;border-radius:5px}#banner-news .bottom-child .child .image-container img{aspect-ratio:16/9;border-radius:5px;cursor:pointer}#banner-news .bottom-child .child .image-container img:hover{filter:brightness(70%)}#banner-news .bottom-child .child .title{display:flex;flex-direction:column;height:100%;position:relative;width:100%}#banner-news .bottom-child .child .title:after{content:"";position:absolute;width:100%;height:1px;background:silver;display:block;bottom:-10px}#banner-news .bottom-child .child .title h6{font-size:16px;color:#000;font-weight:500;cursor:pointer}#banner-news .bottom-child .child .title h6:hover{color:#333}#banner-news .bottom-child .child .title p{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;cursor:pointer}#banner-news .bottom-child .child .title p:hover{text-decoration:underline}@media (max-width:1100px){#banner-news .big-banner .image-container .title .type button{font-size:14px}#banner-news .big-banner .image-container .title .type .date i{width:15px;height:15px}#banner-news .big-banner .image-container .title .type .date span{font-size:14px}#banner-news .big-banner .image-container .title h2{font-size:24px;font-weight:600}#banner-news .bottom-child{gap:10px}#banner-news .bottom-child .child{max-height:70px}#banner-news .bottom-child .child .title h6{font-size:15px}#banner-news .bottom-child .child .title p{font-size:14px}}@media (max-width:920px){#banner-news{flex-wrap:wrap;gap:40px}#banner-news .big-banner{width:100%}#banner-news .bottom-child{gap:20px}#banner-news .bottom-child .child{max-height:100px;min-height:100px}#banner-news .small-banner .top-title h4{font-size:16px}#banner-news .small-banner .top-title span{font-size:12px}#banner-news .bottom-child .child .title h6{font-size:14px}#banner-news .bottom-child .child .title p{font-size:13px}}@media (max-width:830px){#banner-news{padding-top:120px}#banner-news .bottom-child .child{max-height:80px;min-height:80px}}@media (max-width:550px){#banner-news{margin-bottom:40px}#banner-news .big-banner .image-container{aspect-ratio:4/3}#banner-news .big-banner .image-container img{aspect-ratio:8/7;object-fit:cover;transform:scale(1.1);border-radius:10px;filter:brightness(50%)}#banner-news .big-banner .image-container img:hover{border-radius:10px}#banner-news .big-banner .image-container .title{padding:10px 0 20px 10px;gap:10px;flex-direction:column-reverse}#banner-news .big-banner .image-container .title .type{gap:15px}#banner-news .big-banner .image-container .title .type button{font-size:13px}#banner-news .big-banner .image-container .title .type .date{gap:5px;align-items:center;justify-content:center}#banner-news .big-banner .image-container .title .type .date i{width:15px;height:15px}#banner-news .big-banner .image-container .title .type .date span{font-size:13px;margin-top:1px}#banner-news .big-banner .image-container .title h2{font-size:18px}#banner-news .bottom-child .child{max-height:80px;min-height:80px}}@media (max-width:300px){#banner-news .bottom-child .child{max-height:70px;min-height:70px}}#new-articles-sm{padding:0 20px;width:100%;display:flex;flex-direction:column;gap:60px;margin-bottom:60px}#new-articles-sm .wrapper{display:block}#new-articles-sm .wrapper p{font-size:var(--fs-400);font-weight:var(--fw-semi-bold);margin-bottom:10px}#new-articles-sm .wrapper .header-article{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}#new-articles-sm .wrapper .header-article h2{font-size:var(--fs-700);font-weight:var(--fw-bold);color:#454567}#new-articles-sm .wrapper .header-article span{font-size:var(--fs-400);color:#5f90ec;cursor:pointer;margin-bottom:4px}#new-articles-sm .wrapper .header-article span:hover{color:#d3d3d3}#new-articles-sm .wrapper .article-container{overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:20px}#new-articles-sm .wrapper .article-container .align-max-width{display:flex;transition:.5s}#new-articles-sm .wrapper .article-container .align-max-width>*{flex-shrink:0}#new-articles-sm .wrapper .article-container .align-max-width .align-slide{display:flex;justify-content:space-between;gap:40px;width:100%}#new-articles-sm .wrapper .article-container .align-max-width .align-slide:nth-child(2),#new-articles-sm .wrapper .article-container .align-max-width .align-slide:nth-child(3){margin-left:40px}#new-articles-sm .wrapper .article-container .align-max-width .align-slide .card{width:350px}#new-articles-sm .wrapper .article-container .align-max-width .align-slide .card .image-container{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:10px;overflow:hidden;cursor:pointer}#new-articles-sm .wrapper .article-container .align-max-width .align-slide .card .image-container:hover{filter:brightness(70%)}#new-articles-sm .wrapper .article-container .align-max-width .align-slide .card .description{padding:15px 0}#new-articles-sm .wrapper .article-container .align-max-width .align-slide .card .description button{padding:2px 20px;border:1px solid #a8c3f9;border-radius:10px;background:transparent;font-size:var(--fs-400);color:var(--primary-text-color);margin-bottom:15px;cursor:pointer}#new-articles-sm .wrapper .article-container .align-max-width .align-slide .card .description button:hover{background:#f1f1f1}#new-articles-sm .wrapper .article-container .align-max-width .align-slide .card .description .text{max-height:3.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}#new-articles-sm .wrapper .article-container .align-max-width .align-slide .card .description .text p{font-size:var(--fs-400);font-weight:400;cursor:pointer}#new-articles-sm .wrapper .article-container .align-max-width .align-slide .card .description .text p:hover{text-decoration:underline}#new-articles-sm .wrapper .article-container .selection{gap:20px;align-self:center;display:none}#new-articles-sm .wrapper .article-container .mapping{display:flex;gap:15px;align-self:center}#new-articles-sm .wrapper .article-container .mapping div{width:60px;height:25px;display:flex;justify-content:center;align-items:center;color:#151515;font-size:20px;font-weight:500;cursor:pointer;border-radius:10px;transition:.2s ease-in-out}#new-articles-sm .wrapper .article-container .mapping div:hover{color:#70798b}#new-articles-sm .wrapper .article-container .selection div{width:7px;height:7px;border-radius:50%;border:1px solid #5f90ec;cursor:pointer}@media (max-width:1100px){#new-articles-sm .wrapper{padding:0}#new-articles-sm .wrapper .article-container .align-max-width .align-slide .card:nth-child(4){display:none}}@media (max-width:960px){#new-articles-sm .wrapper .article-container .align-max-width .align-slide .card .description .text{max-height:3.6rem}#new-articles-sm .wrapper .header-article h2{font-size:20px}#new-articles-sm .wrapper .header-article span{margin-bottom:0}}@media (max-width:550px){#new-articles-sm{padding:20px}#new-articles-sm .wrapper .article-container .align-max-width .align-slide:nth-child(2),#new-articles-sm .wrapper .article-container .align-max-width .align-slide:nth-child(3){display:none}#new-articles-sm .wrapper .article-container .align-max-width .align-slide .card{width:100%;flex-shrink:0}#new-articles-sm .wrapper .article-container .align-max-width .align-slide .card .description .text{max-height:3.6rem}#new-articles-sm .wrapper .article-container .align-max-width .align-slide .card .description .text p{font-size:14px}#new-articles-sm{gap:30px;margin-bottom:30px}#new-articles-sm .wrapper .article-container .selection{display:flex}#new-articles-sm .wrapper .article-container .mapping{display:none}}#advertising{display:flex;gap:20px;padding:0 20px 60px}#advertising .ads{flex-basis:100%;width:100%}#advertising .ads,#advertising .ads img{aspect-ratio:5;object-fit:cover;border-radius:10px}@media (max-width:550px){#advertising{flex-direction:column;gap:30px}}#weekly{padding:0 20px;margin-bottom:120px}#weekly .header-title{margin-bottom:40px}#weekly .header-title span{font-size:14px;color:#4c4c4c;font-weight:300}#weekly .header-title h4{font-size:20px}#weekly .wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:40px;column-gap:40px;grid-row-gap:40px;row-gap:40px}#weekly .wrapper .child{display:flex;gap:20px;height:60px}#weekly .wrapper .child .image-container{min-width:60px;aspect-ratio:1;border-radius:5px;object-fit:cover}#weekly .wrapper .child .image-container img{aspect-ratio:1;width:100%;height:100%;object-fit:cover;border-radius:5px}#weekly .wrapper .child .image-container img:hover{filter:brightness(70%);cursor:pointer}#weekly .wrapper .child .title{position:relative;width:100%}#weekly .wrapper .child .title h4{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}#weekly .wrapper .child .title h4:hover{text-decoration:underline;cursor:pointer}#weekly .wrapper .child .title:after{content:"";position:absolute;width:100%;height:1px;background:silver;display:block;bottom:-10px}@media (max-width:960px){#weekly{margin-bottom:80px}#weekly .wrapper{grid-template-columns:1fr 1fr}#weekly .wrapper .child:nth-child(9){display:none}}@media (max-width:550px){#weekly .wrapper{grid-template-columns:1fr;row-gap:30px}}#most_read{height:470px;background:linear-gradient(#000 50%,#292929);margin-bottom:60px}#most_read .main-container-news{height:100%}#most_read .container{display:flex;justify-content:space-between;align-items:center;flex-direction:column;width:100%;height:100%;padding:10px 0 40px}#most_read .container h1{font-size:60px;color:#fff;text-align:center;font-size:800}#most_read .container .bottom-container{height:220px;width:100%;background:#fff;padding:0 100px}#most_read .container .bottom-container .align-child{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}#most_read .container .bottom-container .align-child .child-container{width:100%;height:100%;display:flex;gap:40px;position:absolute;top:-70px}#most_read .container .bottom-container .align-child .child-container>*{flex-basis:100%}#most_read .container .bottom-container .align-child .child-container .child{display:flex;flex-direction:column;gap:10px}#most_read .container .bottom-container .align-child .child-container .child .image-container{aspect-ratio:16/9;border-radius:5px}#most_read .container .bottom-container .align-child .child-container .child .image-container img{aspect-ratio:16/9;border-radius:10px;cursor:pointer}#most_read .container .bottom-container .align-child .child-container .child .image-container img:hover{filter:brightness(70%)}#most_read .container .bottom-container .align-child .child-container .child .title{display:flex;flex-direction:column;gap:5px;height:200px}#most_read .container .bottom-container .align-child .child-container .child .title h4{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;cursor:pointer;position:relative}#most_read .container .bottom-container .align-child .child-container .child .title .description{display:flex;gap:10px}#most_read .container .bottom-container .align-child .child-container .child .title .description span{font-size:12px;color:#4c4c4c}#most_read .container .bottom-container .align-child .slide-icon{bottom:20px;position:absolute;display:flex;gap:15px;align-self:center}#most_read .container .bottom-container .align-child .slide-icon div{width:60px;height:25px;display:flex;justify-content:center;align-items:center;color:#151515;font-size:20px;font-weight:500;cursor:pointer;border-radius:10px;transition:.2s ease-in-out}#most_read .container .bottom-container .align-child .slide-icon div:hover{color:#70798b}@media (max-width:1100px){#most_read .container .bottom-container .align-child .child-container .child:nth-child(4){display:none}}@media (max-width:960px){#most_read{display:none}}#trending{padding:0 20px 100px;position:relative}#trending .top-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}#trending .top-title h2{font-size:28px;font-weight:600}#trending .top-title .button-container{display:flex;column-gap:20px;row-gap:40px}#trending .top-title .button-container p{font-size:12px}#trending .top-title .button-container p:nth-child(2){color:#777474}#trending .child-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:40px;column-gap:40px;grid-row-gap:60px;row-gap:60px}#trending .child-wrapper .child{display:flex;flex-direction:column;gap:20px}#trending .child-wrapper .child .image-container{aspect-ratio:16/9;border-radius:10px;position:relative}#trending .child-wrapper .child .image-container img{aspect-ratio:16/9;border-radius:10px;cursor:pointer}#trending .child-wrapper .child .image-container:hover{filter:brightness(70%)}#trending .child-wrapper .child .image-container div{display:flex;justify-content:center;align-items:center;position:absolute;width:120px;background:#fff;left:0;top:30px;font-size:14px;font-weight:600;color:#000;padding:3px 0;border-top-right-radius:8px;border-bottom-right-radius:8px;cursor:pointer}#trending .child-wrapper .child .title-container h4{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin-bottom:30px;cursor:pointer}#trending .child-wrapper .child .title-container h4:hover{text-decoration:underline}#trending .child-wrapper .child .title-container .description{display:flex;align-items:center;gap:20px}#trending .child-wrapper .child .title-container .description span{font-size:12px;color:#777474}#trending .lds-ellipsis{display:inline-block;position:absolute;width:80px;height:80px;bottom:-40px;left:50%;transform:translateX(-50%);margin-bottom:40px}#trending .lds-ellipsis div{position:absolute;top:33px;width:5px;height:5px;border-radius:50%;background:#202020;animation-timing-function:cubic-bezier(0,1,1,0)}#trending .lds-ellipsis div:first-child{left:8px;animation:lds-ellipsis1 .6s infinite}#trending .lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}#trending .lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}#trending .lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@media (max-width:1100px){#trending .top-title h2{font-size:20px}#trending .top-title .button-container p{font-size:10px}#trending .child-wrapper{grid-template-columns:1fr 1fr 1fr}}@media (max-width:960px){#trending .child-wrapper{row-gap:40px}#trending .child-wrapper .child{gap:10px}#trending .child-wrapper .child .title-container h4{font-size:14px;margin-bottom:15px}#trending .child-wrapper .child .title-container .description{gap:10px}#trending .child-wrapper .child .title-container .description span{font-size:10px}}@media (max-width:763px){#trending .child-wrapper{grid-template-columns:1fr 1fr}}@media (max-width:550px){#trending .child-wrapper{grid-template-columns:1fr}}footer{width:100%;background:linear-gradient(180deg,#000 40%,#292929);padding:40px}#home-footer{background:#6586c4}footer .top-footer{width:100%;height:100%;display:flex;gap:20px;margin-bottom:30px}footer .top-footer>*{flex-basis:100%}footer .top-footer .left-side{display:flex;justify-content:center;gap:40px}footer .top-footer .left-side .logo-container{width:170px}footer .top-footer .right-side{display:flex;justify-content:space-between;gap:30px}footer .top-footer .right-side p{cursor:pointer}footer .top-footer .right-side p:hover{color:#5f90ec}footer .top-footer .text-container{display:flex;flex-direction:column;gap:30px;padding-top:20px}footer .top-footer .text-container h4{color:#fff;font-size:24px}footer .top-footer .text-container p{color:#fff;font-size:16px;font-weight:400;max-width:36ch}footer .top-footer .text-container ul li{margin-bottom:10px}footer .bottom-text{padding:10px 30px;display:flex;justify-content:space-between;color:#fff;font-size:12px}footer .bottom-text .child{display:flex;align-items:center;gap:10px}footer .bottom-text .child i{width:20px;height:20px}@media (max-width:1600px){footer .top-footer .text-container h4{font-size:18px}footer .top-footer .text-container p{font-size:12px}footer .bottom-text{font-size:10px}footer .bottom-text .child{gap:5px}footer .bottom-text .child i{width:15px;height:15px}}@media (max-width:1100px){footer .top-footer{flex-direction:column;justify-content:center}footer .top-footer .right-side{display:grid;grid-template-columns:max-content max-content}}