.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:clamp(13px,1vw,18px)}.main-blog-featured-tab ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:clamp(3px,.3vw,6px)}.main-blog-featured-tab ul li{text-transform:capitalize;padding:clamp(5px,.6vw,10px) clamp(13px,1.1vw,20px);transition:all .5s ease;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;border-bottom:2px solid transparent}.main-blog-featured-tab ul li span{color:currentColor;display:block;font-weight:400;font-size:clamp(13px,1vw,18px);line-height:1.17;text-wrap:nowrap}.main-blog-featured-tab ul li.is--actived{border-bottom:2px solid #0077cd}.main-blog-featured-content{margin-top:clamp(33px,3.5vw,66px)}.main-blog-featured-list ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:clamp(28px,2.9vw,54px) clamp(14px,1.2vw,23px)}.main-blog-featured-list ul li{width:calc(33.33% - clamp(14px,1.2vw,23px) * 2 / 3)}.main-blog-featured-item{text-decoration:none;display:block;transition:all .4s;position:relative}.main-blog-featured-item .blog-featured-media:has(img){padding-top:58.4%;position:relative;border-radius:clamp(5px,.6vw,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-media:has(img)+.blog-featured-info{margin-top:clamp(13px,1.1vw,20px)}.main-blog-featured-item .blog-tag-date{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(8px,.7vw,13px)}.main-blog-featured-item .blog-tag-date span.taged{padding:clamp(2px,.5vw,7px) clamp(9px,.8vw,14px);display:block;font-family:Poppins-medium;font-weight:500;font-size:clamp(9px,.8vw,14px);color:#fff;line-height:1.5;text-align:center;font-style:normal;text-transform:none;background:#0077cd;border-radius:clamp(2px,.3vw,4px)}.main-blog-featured-item .blog-tag-date span.date{letter-spacing:0;font-size:clamp(13px,1vw,18px);color:#161616;line-height:1}.main-blog-featured-item .blog-featured-info h3{margin:clamp(14px,1.2vw,22px) 0;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;letter-spacing:0;font-size:clamp(13px,1vw,18px);color:#161616;line-height:1.5}.main-blog-featured-item .blog-featured-info .blog-content{letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:clamp(13px,1vw,18px);color:#000;line-height:1.5}.main-blog-featured .pagination-wrapper{margin-top:clamp(37px,4vw,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:clamp(11px,.9vw,16px);height:clamp(13px,1.1vw,20px)}.main-blog-featured .pagination-wrapper a.pagination__item span.svg-wrapper svg{width:100%;height:100%;display:block}.tabbing-head-pagination{margin-top:clamp(43px,4.6vw,88px);display:flex;align-items:center;justify-content:center;gap:clamp(3px,.3vw,6px)}.tabbing-head-pagination .page-numbers{display:flex;align-items:center;gap:clamp(3px,.3vw,6px)}.tabbing-head-pagination button.prev-page,.tabbing-head-pagination button.next-page,.tabbing-head-pagination .page-numbers button{width:clamp(23px,2.4vw,46px);height:clamp(23px,2.4vw,46px);border-radius:clamp(20px,2.1vw,40px);overflow:hidden;border:0;background:#ededed;transition:all .5s ease;font-weight:400;font-size:clamp(11px,.9vw,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:clamp(11px,.9vw,16px);line-height:1.5;font-weight:400}.tabbing-head-pagination .page-numbers button.active{background:#0077cd;color:#fff;transition:all .5s ease}.tabbing-head-pagination button.prev-page svg.icon{width:clamp(10px,.8vw,15px);height:clamp(10px,.8vw,15px);transform:rotate(90deg);display:block}.tabbing-head-pagination button.next-page svg.icon{width:clamp(10px,.8vw,15px);height:clamp(10px,.8vw,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}.blog-featured-info.blog-info-without-img{width:100%;background:#0000000d;display:flex;flex-direction:column;justify-content:center;padding:clamp(13px,1.1vw,20px);border-radius:clamp(5px,.6vw,10px)}.main-blog-featured-tab ul{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}@media(max-width:768px){.main-blog-featured{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.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-media:has(img)+.blog-featured-info{margin-top:14px}.tabbing-head-pagination{margin-top:30px}.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:16px}.main-blog-featured-item .blog-tag-date span.taged{font-size:12px}.main-blog-featured-item .blog-tag-date{gap:10px}.main-blog-featured-item .blog-featured-info h3{margin:20px 0 12px;font-size:20px}.main-blog-featured-item .blog-tag-date span.date,.tabbing-head-pagination .page-numbers button{font-size:14px}.main-blog-featured-item .blog-featured-info .blog-content{font-size:16px}.main-blog-featured-tab ul li{padding:10px 15px}.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-content{margin-top:10px}.main-blog-featured-item .blog-tag-date span.taged{padding:5px 10px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/main-featured-blog.css.map */