.main-blog-featured{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop);background-color:var(--background-color)}.main-blog-featured *{color:var(--text-color)}.main-blog-featured-tab{padding-bottom:18px;border-bottom:1px solid #CFCFCF}.main-blog-featured-tab ul{margin:0;padding:0;list-style:none;display:flex;align-items:center}.main-blog-featured-tab ul li{text-transform:capitalize;padding:5px 20px;height:40px;border-radius:40px;transition:all .5s ease;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer}.main-blog-featured-tab ul li span{color:currentColor;display:block;font-weight:400;font-size:18px;line-height:1.17;font-family:Inter-regular}.main-blog-featured-tab ul li.is--actived{background:#000;color:#fff;transition:all .5s ease}.main-blog-featured-content{margin-top:54px}.main-blog-featured-list ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:54px 23px}.main-blog-featured-list ul li{width:calc(33.33% - 23px * 2 / 3)}.main-blog-featured-item{text-decoration:none;display:block;transition:all .4s}.main-blog-featured-item .blog-featured-media{padding-top:58.4%;position:relative;border-radius:10px;overflow:hidden}.main-blog-featured-item .blog-featured-media svg.blog-placeholder-svg,.main-blog-featured-item .blog-featured-media img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover}.main-blog-featured-item .blog-featured-info{margin-top:26px}.main-blog-featured-item .blog-tag-date{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.main-blog-featured-item .blog-tag-date span.taged{background:#eaeaea;border-radius:4px;font-weight:500;font-size:16px;line-height:34px;color:#161616;text-transform:capitalize;padding:0 10px;display:block}.main-blog-featured-item .blog-tag-date span.date{font-weight:400;font-size:18px;line-height:34px;color:#161616;font-family:Inter-regular;letter-spacing:0;display:inline-flex}.main-blog-featured-item .blog-featured-info h3{margin:22px 0;font-weight:600;font-size:22px;line-height:1.365;color:#000;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.main-blog-featured-item .blog-featured-info .blog-content{font-weight:400;font-size:18px;line-height:1.42;color:#000;font-family:Inter-regular;letter-spacing:0;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.main-blog-featured .pagination-wrapper{margin-top:75px}.main-blog-featured .pagination-wrapper nav.pagination{margin:0;padding:0;display:flex;align-items:center;justify-content:center}.main-blog-featured .pagination-wrapper a.pagination__item span.svg-wrapper{width:16px;height:20px}.main-blog-featured .pagination-wrapper a.pagination__item span.svg-wrapper svg{width:100%;height:100%;display:block}.tabbing-head-pagination{margin-top:54px;display:flex;align-items:center;justify-content:center;gap:6px}.tabbing-head-pagination .page-numbers{display:flex;align-items:center;gap:6px}.tabbing-head-pagination button.prev-page,.tabbing-head-pagination button.next-page,.tabbing-head-pagination .page-numbers button{width:46px;height:46px;border-radius:40px;overflow:hidden;border:0;background:#ededed;transition:all .5s ease;font-weight:400;font-size:16px;line-height:1.2;color:#1f1f1f;cursor:pointer;display:flex;align-items:center;justify-content:center}.tabbing-head-pagination .page-numbers button{font-size:16px;line-height:1.5;font-weight:400;font-family:Inter-regular}.tabbing-head-pagination .page-numbers button.active{background:#000;color:#fff;transition:all .5s ease}.tabbing-head-pagination button.prev-page svg.icon{width:15px;height:15px;transform:rotate(90deg);display:block}.tabbing-head-pagination button.next-page svg.icon{width:15px;height:15px;transform:rotate(-90deg);display:block}.blog-featured-media img{transition:all .4s}a.main-blog-featured-item:hover .blog-featured-media img{transform:scale(1.1)}a.main-blog-featured-item:hover .blog-featured-info h3{text-decoration:underline}@media(max-width:768px){.main-blog-featured{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.tabbing-head-pagination{margin-top:20px}.main-blog-featured-tab ul{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.main-blog-featured-tab ul::-webkit-scrollbar{display:none}.main-blog-featured-list ul{gap:20px}.main-blog-featured-list ul li{width:calc(50% - 20px)}.main-blog-featured-item .blog-featured-media{border-radius:0}.main-blog-featured-content{margin-top:20px}.main-blog-featured-item .blog-featured-info{margin-top:12px}.tabbing-head-pagination{margin-top:40px}.tabbing-head-pagination button.prev-page,.tabbing-head-pagination button.next-page,.tabbing-head-pagination .page-numbers button{width:40px;height:40px}.tabbing-head-pagination .page-numbers{gap:7px}}@media(max-width:640px){.main-blog-featured-tab ul li span{font-size:14px}.main-blog-featured-item .blog-tag-date span.taged,.main-blog-featured-item .blog-tag-date span.date{font-size:12px}.main-blog-featured-item .blog-tag-date{gap:10px}.main-blog-featured-item .blog-featured-info h3{margin:12px 0;font-size:18px}.tabbing-head-pagination .page-numbers button{font-size:14px}.main-blog-featured-item .blog-featured-info .blog-content{font-size:16px}}@media(max-width:540px){.main-blog-featured-list ul li{width:100%}.tabbing-head-pagination button.next-page svg.icon,.tabbing-head-pagination button.prev-page svg.icon{width:12px;height:12px}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/main-blog-featured.css.map */