.container-fluid{width:calc(100% - (6px + .00625*(100vw - 320px)))}.slick-slide{padding-inline:16px}.blog-tabs ul.nav{justify-content:center;margin-bottom:calc(10px + .00625*(100vw - 320px))!important;flex-wrap:nowrap;overflow:auto}@media(max-width:360px){.blog-tabs ul.nav{justify-content:start;padding-bottom:10px!important}}.blog-tabs ul .nav-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;transform:scaleX(0);transform-origin:bottom right;transition:transform .4s ease}.blog-tabs ul .nav-link.active:after{transform:scaleX(1);transform-origin:bottom left}.blog-item .card img{height:100%;object-fit:cover;aspect-ratio:27/20;border-radius:0}.blog-item .card .card-body a{border-radius:50%;display:flex;justify-content:center;align-items:center;white-space:nowrap;gap:4px;text-decoration:underline!important}@media(max-width:360px){.blog-item .card .card-body a{height:calc(24px + 6*(100vw - 320px)/40)}}.blog-item .card .card-body{display:flex;justify-content:space-between;align-items:center;padding:0 0 10px;gap:6px}.blog-item .card .card-body .article-info{display:flex;justify-content:space-between}.blog-slider .slick-track{display:flex!important;justify-content:center}.blog-slider .slick-slide{float:none!important}.blog .blog-banner img{width:100%;height:calc(200px + (390 - 200) * ((100vw - 320px) / (1920 - 320)));border-top-left-radius:16px;border-bottom-left-radius:16px;object-fit:cover}@media(max-width:991px){.blog .blog-banner img{border-radius:16px 16px 0 0}}.blog .blog-banner h4{font-size:calc(20px + .01*(100vw - 320px));font-weight:500;margin-bottom:calc(10px + .0125*(100vw - 320px))!important}.blog .blog-banner .blog-desc span{font-size:calc(20px + .01875*(100vw - 320px));font-weight:500;line-height:calc(30px + .01875*(100vw - 320px));color:rgb(var(--text-color));-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;overflow:hidden}.blog .blog-banner .article-date{display:flex;align-items:center;gap:10px;font-size:calc(16px + .00125*(100vw - 320px));color:rgb(var(--text-color));font-weight:400}.blog .blog-banner .article-date .circle-dot{font-size:14px}.blog .blog-banner .article-blog-name{font-size:calc(14px + .0025*(100vw - 320px));font-weight:500;color:rgb(var(--subtext-color))}.blog .blog-banner .article-content{border:1px solid rgba(var(--gray),.5);border-top-right-radius:16px;border-bottom-right-radius:16px;gap:calc(10px + .01875*(100vw - 320px));background:rgba(var(--gray),.2)}@media(max-width:991px){.blog .blog-banner .article-content{border-radius:0 0 16px 16px;padding-left:20px!important;padding:20px}}.blog .blog-banner .blogs-wrapper img{width:100%;height:140px;object-fit:cover;border-radius:10px 0 0 10px}.blog .blog-banner .all-blogs{row-gap:calc(10px + .0125*(100vw - 320px));margin-top:calc(10px + .02375*(100vw - 320px))}.blog .blog-banner .blogs-wrapper{display:flex;align-items:center;gap:20px}.blog .blog-banner .blogs-wrapper .blog-content{border:1px solid rgba(var(--gray),.5);border-top-right-radius:10px;border-bottom-right-radius:10px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding-left:calc(15px + (24 - 15) * ((100vw - 320px) / (1920 - 320)))}.blog .blog-banner .blogs-wrapper .blog-content span{font-size:calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));font-weight:500;color:rgb(var(--text-color));transition:all .3s ease;overflow:hidden;white-space:normal;-webkit-line-clamp:3;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.blog .blog-banner .blogs-wrapper .blog-content .author-date{display:flex;align-items:center;font-size:calc(10px + .00125*(100vw - 320px));gap:5px}.blog .blog-banner .blogs-wrapper .blog-content .author-date .circle-dot{font-size:10px}.blog .blog-banner .blogs-wrapper .blog-content .blog-tags{font-size:14px;font-weight:500;color:rgb(var(--subtext-color))}.blog .blog-banner .blogs-wrapper:hover .blog-content a span{color:rgb(var(--secondary-color));transition:all .3s ease}.blog-detail-section .blog-content img,.blog-detail-section .blog-content svg{width:100%;height:calc(300px + .125*(100vw - 320px));object-fit:cover}.blog-detail-section .blog-content .blog-main-img{position:relative}.blog-detail-section .blog-content .blog-main-img .blog-main-content .date-author{display:flex;align-items:center;gap:calc(4px + .00375*(100vw - 320px))}.blog-detail-section .blog-content .blog-main-img .blog-main-content .date-author p{display:flex;align-items:center;gap:calc(4px + (5 - 4) * ((100vw - 320px) / (1920 - 320)));line-height:1;font-size:calc(14px + .00125*(100vw - 320px));color:rgba(var(--text-color),.8);font-weight:400;background:rgba(var(--secondary-color),.09);padding:calc(6px + .00125*(100vw - 320px)) calc(8px + .0075*(100vw - 320px));border-radius:20px}.blog-detail-section .blog-content .blog-top-content{margin-bottom:calc(5px + (48 - 5) * ((100vw - 320px) / (1920 - 320)))}.blog-detail-section .blog-last-content .date-author p{margin-bottom:calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)))!important}.blog-detail-section .blog-last-content p{margin-bottom:calc(4px + (15 - 4) * ((100vw - 320px) / (1920 - 320)))!important}.blog-detail-section .blog-last-content ul li{list-style:outside}.blog-detail-section .blog-last-content ul{padding-inline:20px!important}.blog-detail-section .blog-last-content button{display:flex!important;align-items:center;gap:6px;background:rgb(var(--primary-color));border:none;color:rgb(var(--white));padding:calc(4px + .00125*(100vw - 320px)) calc(14px + .00375*(100vw - 320px));border-radius:0;margin-bottom:15px;font-size:calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)))}.blog-detail-section .blog-last-content .blog-filter-btn{display:none}@media(max-width:991px){.blog-detail-section .blog-last-content .blog-filter-btn{display:block}}.blog-detail-section .blog-last-content button svg{width:calc(16px + .00125*(100vw - 320px));height:calc(16px + .00125*(100vw - 320px))}.blog-detail-section .blog-last-content button svg path{stroke:rgb(var(--white))}.blog-sidebar{display:flex;flex-direction:column;gap:6px;background:transparent}.blog-sidebar .sidebar-box{padding:14px;box-shadow:0 0 10px rgb(var(--gray),.5);margin-bottom:10px}.blog-sidebar h6{padding-bottom:calc(4px + .00125*(100vw - 320px));margin-bottom:calc(6px + .0025*(100vw - 320px))!important;border-bottom:1px solid rgba(var(--gray),.8)}.blog-sidebar .top-post-detail{display:flex;align-items:center;gap:10px;margin-bottom:calc(10px + .0025*(100vw - 320px))}.blog-sidebar .top-post-detail:hover a{color:rgb(var(--secondary-color));transition:all .3s ease}.blog-sidebar .top-post-detail:last-child{margin-bottom:0}.blog-sidebar .top-post-detail img,.blog-sidebar .top-post-detail svg{width:calc(75px + (80 - 75) * ((100vw - 991px) / (1920 - 991)));height:calc(50px + (75 - 50) * ((100vw - 320px) / (1920 - 320)));object-fit:cover;transition:all .5s ease;flex:none}.blog-sidebar .top-post-detail p{color:rgb(var(--subtext-color));font-size:calc(12px + .00125*(100vw - 320px));font-weight:400}.blog-sidebar .top-post-detail:hover div a{color:rgb(var(--text-color))}.blog-sidebar .top-post-detail:hover a img{transform:scale(1.04)}.blog-sidebar .popular-tag{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.blog-sidebar .social-icon ul li a{display:flex;align-items:center;gap:10px;border:1px solid rgba(var(--gray),.5);background:rgb(var(--bg-color))}.blog-sidebar .social-icon ul{display:flex;gap:14px}.blog-sidebar .social-icon ul li a i{font-size:calc(16px + .0025*(100vw - 320px));color:rgb(var(--text-color));width:calc(30px + .00625*(100vw - 320px));height:calc(30px + .00625*(100vw - 320px));display:flex;align-items:center;justify-content:center;transition:all .3s ease}.blog-sidebar .social-icon ul li a p{font-size:calc(16px + .00125*(100vw - 320px));color:rgb(var(--text-color));font-weight:400}@media(max-width:991px){.blog-detail-section .offcanvas{width:calc(300px + (400 - 300) * ((100vw - 320px) / (991 - 320)))}}.blog-detail-section .offcanvas-header .btn-close{border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:none}.blog-detail-section .offcanvas-header .btn-close i{color:rgb(var(--text-color));font-size:20px}.blog-detail-section .offcanvas-body .blog-sidebar{border-top:none;padding:0;border-radius:0}.blog-detail-section .offcanvas-body .blog-sidebar{background:transparent}.blog-detail-section .offcanvas-body .blog-sidebar .sidebar-box{background:rgb(var(--gray),.5);padding:10px;border-radius:0;margin-bottom:0!important}
/*# sourceMappingURL=/cdn/shop/t/3/assets/blog.css.map */