.text-gradient-green{color:#04d286;background-image:linear-gradient(0deg, #04d286, #04d862);background-image:-webkit-linear-gradient(0deg, #04d286, #04d862);background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #04d286), color-stop(1, #04d862));background-image:-o-linear-gradient(0deg, #04d286, #04d862);background-image:-moz-linear-gradient(0deg, #04d286, #04d862);background-image:-ms-linear-gradient(0deg, #04d286, #04d862);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.white-vertical-scroll-theme::-webkit-scrollbar{width:10px}.white-vertical-scroll-theme::-webkit-scrollbar-track{background:#efefef}.white-vertical-scroll-theme::-webkit-scrollbar-thumb{background-color:#888;border-radius:20px;border:2px solid #efefef}.white-horizontal-scroll-theme::-webkit-scrollbar{height:10px}.white-horizontal-scroll-theme::-webkit-scrollbar-track{background:#efefef}.white-horizontal-scroll-theme::-webkit-scrollbar-thumb{background-color:#888;border-radius:20px;border:2px solid #efefef}main{display:flex;flex-direction:column}main>.section-header{order:1}main>.container.container-main{order:2}main .item-blog{align-self:stretch;border:2px solid #f0f2f6;border-radius:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}@media (min-width:768px){main .item-blog{padding:22px 18px 45px 18px}}@media (max-width:768px){main .item-blog{padding:20px 20px 30px 20px}}main .item-blog>a{width:100%;max-width:375px;height:auto;display:block}main .item-blog img{border-radius:24px;width:100%;max-width:375px;height:auto;display:block}main .item-blog .groups{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;margin-top:32px}main .item-blog .groups span{color:#ababaf;background-color:#fafafc;border:1px solid #f0f2f6;border-radius:48px;padding:5px 12px;font-family:"Gilroy-Medium";font-size:14px}main .item-blog .title{color:#434c56;font-family:"Gilroy-SemiBold";font-size:24px;margin-top:15px;font-weight:400;line-height:27.84px;letter-spacing:-0.027em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){main .item-blog .title{font-size:20px}}main .item-blog .title:hover{color:#04d286;background-image:linear-gradient(0deg, #04d286, #04d862);background-image:-webkit-linear-gradient(0deg, #04d286, #04d862);background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #04d286), color-stop(1, #04d862));background-image:-o-linear-gradient(0deg, #04d286, #04d862);background-image:-moz-linear-gradient(0deg, #04d286, #04d862);background-image:-ms-linear-gradient(0deg, #04d286, #04d862);-webkit-background-clip:text;-webkit-text-fill-color:transparent}main .item-blog .title a{color:inherit}main .item-blog .desc{color:#57575c;font-family:"Gilroy-Medium";margin-top:10px;line-height:24px;font-size:18px;font-weight:400;line-height:26.64px;letter-spacing:-0.7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}main .item-blog .time{margin-top:auto;padding-top:50px;color:#ababaf;font-size:16px;font-family:"Gilroy-Medium"}main .section-header{margin-top:clamp(25px, 1vw, 10px)}@media (max-width:768px){main .section-header{width:100%;overflow-x:auto}}main .section-header .container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;position:relative;transition:all ease-in-out 2s}@media (min-width:768px){main .section-header .container{gap:24px}}@media (max-width:768px){main .section-header .container{gap:12px}}@media (min-width:1320px){main .section-header .container{max-width:1320px}}main .section-header .container .item{position:relative;overflow:hidden;border-radius:32px}@media (min-width:768px){main .section-header .container .item{width:calc(16% - 12px)}}@media (max-width:768px){main .section-header .container .item{width:calc(16% - 6px)}}@media (max-width:600px){main .section-header .container .item{min-width:94%}}main .section-header .container .item.hover{-webkit-animation:width-46 .5s forwards;-moz-animation:width-46 .5s forwards;-o-animation:width-46 .5s forwards;-ms-transition:width-46 .5s forwards;animation:width-46 .5s forwards}main .section-header .container .item.hover .text{-webkit-animation:show-soft-opacity 2s forwards;-moz-animation:show-soft-opacity 2s forwards;-o-animation:show-soft-opacity 2s forwards;-ms-transition:show-soft-opacity 2s forwards;animation:show-soft-opacity 2s forwards}main .section-header .container .item.mouse-out{-webkit-animation:width-15 1s forwards;-moz-animation:width-15 1s forwards;-o-animation:width-15 1s forwards;-ms-transition:width-15 1s forwards;animation:width-15 1s forwards}main .section-header .container .item .img{position:relative;height:clamp(358px, 30vw, 486px)}main .section-header .container .item .img:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:150%;background:#fff;background:-moz-linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1)}main .section-header .container .item .img img{min-width:100%;height:358px;display:block;width:auto}main .section-header .container .item .text{position:absolute;bottom:5px;left:0;width:100%;display:flex;flex-direction:column;gap:12px;z-index:2}@media (min-width:768px){main .section-header .container .item .text{padding:44px;opacity:0}}@media (max-width:768px){main .section-header .container .item .text{padding:20px}}main .section-header .container .item .text .group{color:#ababaf;font-family:"Gilroy-Medium";border-radius:48px;background-color:rgba(255,255,255,0.12);border:2px solid #f0f2f6;padding:5px 10px;text-transform:uppercase;width:fit-content}@media (min-width:768px){main .section-header .container .item .text .group{font-size:14px}}@media (max-width:768px){main .section-header .container .item .text .group{font-size:12px}}main .section-header .container .item .text .title{font-family:"Gilroy-SemiBold";color:#333638;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:32px;font-size:clamp(20px, 2vw, 32px);font-weight:400;line-height:37.12px;letter-spacing:-0.027em}main .section-header .container .item .text .title a{color:#333638}main .section-header .container .item .text .desc{color:#ababaf;font-family:"Gilroy-Medium";letter-spacing:-0.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:0;line-height:28px;font-size:18px}@media (max-width:768px){main .section-header .container .item .text .desc{font-size:16px}}main .section-header .container .item>a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#f6f8fb;background:-moz-linear-gradient(0deg, #f6f8fb 17.07%, rgba(255,255,255,0) 146.27%);background:-webkit-linear-gradient(0deg, #f6f8fb 17.07%, rgba(255,255,255,0) 146.27%);background:linear-gradient(0deg, #f6f8fb 17.07%, rgba(255,255,255,0) 146.27%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f8fb", endColorstr="#000000", GradientType=1)}main .section-trends-today{margin-top:clamp(80px, 12vw, 190px)}@media (min-width:1320px){main .section-trends-today .container{max-width:1320px}}main .section-trends-today .container>.header{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:space-between}main .section-trends-today .container>.header .title{font-family:"Gilroy-SemiBold";line-height:41.76px;letter-spacing:-0.027em;color:#333638;flex-grow:1;font-size:clamp(32px, 2.5vw, 36px)}main .section-trends-today .container>.header .title span{color:#04d286;background-image:linear-gradient(0deg, #04d286, #04d862);background-image:-webkit-linear-gradient(0deg, #04d286, #04d862);background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #04d286), color-stop(1, #04d862));background-image:-o-linear-gradient(0deg, #04d286, #04d862);background-image:-moz-linear-gradient(0deg, #04d286, #04d862);background-image:-ms-linear-gradient(0deg, #04d286, #04d862);-webkit-background-clip:text;-webkit-text-fill-color:transparent}main .section-trends-today .container>.header::after{content:"";height:2px;background-color:#f0f2f6;width:calc(100% - 365px)}main .section-trends-today .container>.content{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:24px;margin-top:35px;overflow-x:auto;padding-bottom:10px}main .section-trends-today .container>.content::-webkit-scrollbar{height:10px}main .section-trends-today .container>.content::-webkit-scrollbar-track{background:#efefef}main .section-trends-today .container>.content::-webkit-scrollbar-thumb{background-color:#888;border-radius:20px;border:2px solid #efefef}@media (min-width:992px){main .section-trends-today .container>.content .item-blog{min-width:calc(30% - 24px)}}@media (max-width:992px){main .section-trends-today .container>.content .item-blog{min-width:calc(40% - 24px)}}@media (max-width:768px){main .section-trends-today .container>.content .item-blog{min-width:calc(75% - 24px)}}main .container-main{padding-top:clamp(20px, 3vw, 50px);margin-top:clamp(30px, 8vw, 150px)}main .container-main .section-blogs>.header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;padding:48px 24px;padding:clamp(24px, 4vw, 48px) clamp(12px, 4vw, 24px);gap:24px}@media (min-width:992px){main .container-main .section-blogs>.header{flex-direction:row}}@media (max-width:992px){main .container-main .section-blogs>.header{flex-direction:column}}main .container-main .section-blogs>.header .groups{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:16px}@media (min-width:992px){main .container-main .section-blogs>.header .groups{width:calc(50% - 12px)}}@media (max-width:992px){main .container-main .section-blogs>.header .groups{width:100%;order:2;white-space:nowrap;flex-wrap:nowrap;overflow:auto}}@media (max-width:768px){main .container-main .section-blogs>.header .groups{gap:8px}}main .container-main .section-blogs>.header .groups a{color:#ababaf;font-family:"Gilroy-Medium";text-align:center;position:relative;transition:all ease-in-out .3s;padding:5px 10px;text-transform:uppercase;border-radius:48px;border:2px solid #f0f2f6;font-size:clamp(12px, 1vw, 16px)}@media (min-width:768px){main .container-main .section-blogs>.header .groups a{padding:13px 17px}}@media (max-width:768px){main .container-main .section-blogs>.header .groups a{padding:8px 12px}}main .container-main .section-blogs>.header .groups a.active,main .container-main .section-blogs>.header .groups a:hover{transition:all ease-in-out .3s;background-color:#333638;border-color:#333638;color:#fff}@media (min-width:992px){main .container-main .section-blogs>.header>.title{width:calc(50% - 12px);max-width:520px}}@media (max-width:992px){main .container-main .section-blogs>.header>.title{width:100%;order:1}}main .container-main .section-blogs>.header>.title .title{font-family:"Gilroy-SemiBold";color:#333638;letter-spacing:-1.5px;font-size:clamp(32px, 2vw, 36px)}main .container-main .section-blogs>.header>.title .title span{color:#04d286;background-image:linear-gradient(0deg, #04d286, #04d862);background-image:-webkit-linear-gradient(0deg, #04d286, #04d862);background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #04d286), color-stop(1, #04d862));background-image:-o-linear-gradient(0deg, #04d286, #04d862);background-image:-moz-linear-gradient(0deg, #04d286, #04d862);background-image:-ms-linear-gradient(0deg, #04d286, #04d862);-webkit-background-clip:text;-webkit-text-fill-color:transparent}main .container-main .section-blogs>.header>.title .desc{font-family:"Gilroy-Medium";color:#ababaf;margin-top:15px;letter-spacing:-0.75px;font-size:20;font-size:clamp(16px, 1.5vw, 20px);line-height:clamp(24px, 2vw, 30px)}main .container-main .section-blogs>.content{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:24px;max-width:1300px;margin-left:auto;margin-right:auto;margin-top:0}@media (min-width:992px){main .container-main .section-blogs>.content .item-blog{width:calc(33.33% - 16px)}}@media (max-width:992px){main .container-main .section-blogs>.content .item-blog{width:calc(50.5% - 18px)}}@media (max-width:768px){main .container-main .section-blogs>.content .item-blog{width:100%}}main .container-main .section-blogs>.footer .pagination{text-align:center;padding:20px 20px 0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:25px;font-family:"Gilroy-Medium"}@media (max-width:768px){main .container-main .section-blogs>.footer .pagination{padding:0;margin-top:20px}}main .container-main .section-blogs>.footer .pagination>div{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;direction:ltr}main .container-main .section-blogs>.footer .pagination>div span{background-color:transparent;border-radius:6px;border:1px solid #e2ecef;text-align:center;font-size:14px;font-weight:400;color:#ababaf;display:flex;align-items:center;justify-content:center;width:42px;height:38px;cursor:not-allowed}main .container-main .section-blogs>.footer .pagination>div a,main .container-main .section-blogs>.footer .pagination>div button{background-color:transparent;border-radius:6px;border:1px solid #e2ecef;text-align:center;font-size:14px;font-weight:400;color:#ababaf;display:flex;align-items:center;justify-content:center;width:42px;height:38px}@media (max-width:768px){main .container-main .section-blogs>.footer .pagination>div a,main .container-main .section-blogs>.footer .pagination>div button{width:38px;height:35px}}main .container-main .section-blogs>.footer .pagination>div a:hover,main .container-main .section-blogs>.footer .pagination>div button:hover,main .container-main .section-blogs>.footer .pagination>div a.active,main .container-main .section-blogs>.footer .pagination>div button.active{background-color:#333638;border-color:#333638;color:#fff}main .container-main .section-blogs>.footer .pagination>div a.prev,main .container-main .section-blogs>.footer .pagination>div button.prev,main .container-main .section-blogs>.footer .pagination>div a.next,main .container-main .section-blogs>.footer .pagination>div button.next{background-position:center;background-repeat:no-repeat}main .container-main .section-blogs>.footer .pagination>div a.prev,main .container-main .section-blogs>.footer .pagination>div button.prev{background-image:url(../img/icon/icon-btn-pagination-prev.svg)}main .container-main .section-blogs>.footer .pagination>div a.next,main .container-main .section-blogs>.footer .pagination>div button.next{background-image:url(../img/icon/icon-btn-pagination-next.svg)}@-moz-keyframes show-soft-opacity{to{opacity:1}}@-ms-keyframes show-soft-opacity{to{opacity:1}}@-o-keyframes show-soft-opacity{to{opacity:1}}@-webkit-keyframes show-soft-opacity{to{opacity:1}}@keyframes show-soft-opacity{to{opacity:1}}@-moz-keyframes width-46{to{width:46%}}@-ms-keyframes width-46{to{width:46%}}@-o-keyframes width-46{to{width:46%}}@-webkit-keyframes width-46{to{width:46%}}@keyframes width-46{to{width:46%}}@-moz-keyframes width-15{to{width:20%}}@-ms-keyframes width-15{to{width:20%}}@-o-keyframes width-15{to{width:20%}}@-webkit-keyframes width-15{to{width:20%}}@keyframes width-15{to{width:20%}}/*# sourceMappingURL=./blog.css.map */