.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 ul{margin:0;padding:0;list-style:none;display:flex;align-items:center}.main-blog-featured-tab ul li{text-transform:capitalize;padding:0 1.0417vw;height:2.0833vw;transition:all .5s ease;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.main-blog-featured-tab ul li span{color:currentColor;display:block;font-size:.9375vw;line-height:1.223}.main-blog-featured-tab ul li:after{transform:scaleX(0);transform-origin:left;transition:all .4s ease;content:"";position:absolute;bottom:-.7292vw;left:0;background:#000;display:block;width:100%;height:.1042vw}.main-blog-featured-tab ul li.is--actived:after{transform:scaleX(1)}.main-blog-featured-content{margin-top:2.6042vw}.main-blog-featured-list ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:5.2083vw;row-gap:1.875vw}.main-blog-featured .flex-item,.main-blog-featured .main-flex-item{display:grid;grid-template-columns:17.1875vw 18.75vw;column-gap:1.5625vw}.main-blog-featured-item{text-decoration:none;display:block;transition:all .4s}.main-blog-featured-item .blog-featured-media{border-radius:10px;overflow:hidden;height:100%}.main-blog-featured-item .blog-featured-media svg.blog-placeholder-svg,.main-blog-featured-item .blog-featured-media img{width:100%;height:100%;object-fit:cover;display:block;min-height:13.2292vw;max-height:100%}.main-blog-featured-item span.date{font-size:.7292vw;line-height:1;color:#888}.main-blog-featured-item h3{margin:.5208vw 0 .625vw;font-size:.9375vw;line-height:1.223;color:#000;display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;font-family:Roboto Condensed Bold;position:relative}.main-blog-featured-item h3:after{content:"";position:absolute;bottom:0;left:0;display:block;background:#000;transform:scaleX(0);transform-origin:left;transition:all .4s ease;width:100%;height:.1042vw}.flex-item:hover .main-blog-featured-item h3:after{transform:scaleX(1)}.blog-featured-info .taged{width:auto;height:1.5104vw;background:#edeeea;color:#525634;padding:.3125vw .625vw;border-radius:16px;font-size:.7292vw}.main-blog-featured .blog-featured-info{display:flex;flex-wrap:wrap;justify-content:flex-start}.main-blog-featured .view-more-button{color:#1a1a1a;margin-top:3.2292vw;text-transform:capitalize;line-height:1.188;font-size:.8333vw}.main-blog-featured-item .blog-content{font-size:.8333vw;line-height:1.272;color:#000;letter-spacing:0;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-top:.5208vw}.main-blog-featured .pagination-wrapper{margin-top:3.9063vw}.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:.8333vw;height:1.0417vw}.main-blog-featured .pagination-wrapper a.pagination__item span.svg-wrapper svg{width:100%;height:100%;display:block}.tabbing-head-pagination{margin-top:3.6458vw;display:flex;align-items:center;justify-content:center;gap:.3125vw}.tabbing-head-pagination .page-numbers{display:flex;align-items:center;gap:.3125vw}.tabbing-head-pagination button.prev-page,.tabbing-head-pagination button.next-page,.tabbing-head-pagination .page-numbers button{width:2.3958vw;height:2.3958vw;border-radius:50%;overflow:hidden;border:0;background:#f0f0f0;transition:all .5s ease;font-size:.8333vw;line-height:1.2;color:#1f1f1f;cursor:pointer;display:flex;align-items:center;justify-content:center}.tabbing-head-pagination .page-numbers button{font-size:.8333vw;line-height:1.5}.tabbing-head-pagination .page-numbers button.active{background:#525634;color:#fff;transition:all .5s ease}.tabbing-head-pagination button.prev-page svg.icon{width:.7813vw;height:.7813vw;transform:rotate(90deg);display:block}.tabbing-head-pagination button.next-page svg.icon{width:.7813vw;height:.7813vw;transform:rotate(-90deg);display:block}.blog-featured-media img{transition:all .4s}.flex-item:hover .blog-featured-media img{transform:scale(1.1)}.main-blog-featured .main-blog-featured-tab{display:flex;justify-content:space-between;align-items:center;border-bottom:.1042vw solid #AEAEAE;padding:.625vw 0}.main-blog-featured .custom-filter{position:relative;width:11.7188vw}.main-blog-featured .selected-text{font-size:.8333vw;line-height:1.188;color:#000}.main-blog-featured .filter-trigger{height:2.1875vw;padding:0 .5208vw;border:1px solid #d8d8d8;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-radius:4px}.main-blog-featured .filter-dropdown{position:absolute;top:100%;left:0;width:100%;max-height:10.5208vw;overflow-y:auto;background:#fff;border:1px solid #d8d8d8;border-radius:4px;display:none;z-index:99}.main-blog-featured .custom-filter.open .filter-dropdown{display:block}.main-blog-featured .filter-option{padding:.5208vw;cursor:pointer;transition:.2s}.main-blog-featured .filter-option:hover{background:#f5f5f5}.main-blog-featured .filter-option.active{font-weight:600;background:#f3f3f3}.main-blog-featured .arrow svg{transition:transform .3s ease;width:.5729vw;height:.7813vw;display:flex;justify-content:center;align-items:center}.main-blog-featured .custom-filter.open .arrow svg{transform:rotate(180deg)}@media(max-width:959px){.blog-featured-info .taged{padding:6px 12px;border-radius:16px;font-size:12px;display:block;height:auto;width:fit-content;line-height:1.2}.main-blog-featured-item h3{margin:2px 0 5px;font-size:16px}.main-blog-featured-item span.date{font-size:12px}.main-blog-featured-item .blog-content{font-size:14px;padding-top:12px}.main-blog-featured .selected-text,.main-blog-featured-tab ul li span{font-size:14px}.main-blog-featured-tab ul li span{line-height:1.5}.main-blog-featured .custom-filter{width:fit-content}.main-blog-featured .filter-trigger{height:auto;padding:4px 15px;gap:13px}.main-blog-featured .main-blog-featured-tab{padding:10px 0}.main-blog-featured-tab ul li{padding:0 20px;height:auto}.main-blog-featured-tab ul li:after{bottom:-13px;height:1px}.main-blog-featured .view-more-button{margin-top:16px;font-size:14px}.main-blog-featured .filter-option{padding:5px 10px;font-size:12px}}@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:24px}.main-blog-featured .flex-item,.main-blog-featured .main-flex-item{grid-template-columns:1fr 1fr}.main-blog-featured-item .blog-featured-media{border-radius:0}.main-blog-featured-list ul{grid-template-columns:1fr}.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}.main-blog-featured .arrow svg{width:11px;height:8px}}@media(max-width:640px){.main-blog-featured-tab ul li span{font-size:14px;white-space:nowrap}.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-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}.main-blog-featured .main-blog-featured-tab{flex-direction:column-reverse;gap:22px}.main-blog-featured .custom-filter,.main-blog-featured-tab ul{width:100%}.main-blog-featured .filter-trigger{padding:9px 15px}.main-blog-featured-tab ul li{flex:0 0 33%;max-width:33%}.main-blog-featured .filter-dropdown{max-height:max-content}.main-blog-featured-item h3{margin:8px 0 12px}}@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}.main-blog-featured .flex-item,.main-blog-featured .main-flex-item{grid-template-columns:1fr;gap:14px}.main-blog-featured-tab ul li{flex:0 0 25%;max-width:25%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/main-blog-featured.css.map */