.blog-main-section .section-head-blog .blog-label{display:inline-flex;padding:.55rem 1rem;background:rgba(124,58,237,.08);color:#7c3aed;border-radius:100px;font-size:.9rem;font-weight:700;margin-bottom:1rem}.blog-main-section .section-head-blog .blog-main-title{font-size:clamp(1.8rem, 4vw, 3rem);font-weight:900;color:#111827;line-height:1.4;margin-bottom:1rem}.blog-main-section .section-head-blog .blog-main-desc{max-width:750px;color:#6b7280;line-height:2}.blog-sidebar-wrapper{position:sticky;top:120px}.blog-sidebar-card{box-shadow:0 10px 30px rgba(0,0,0,.04)}.sidebar-title{font-size:1rem;font-weight:800;margin-bottom:1rem;color:#111827}.blog-search-form{position:relative}.blog-search-input{height:58px;border-radius:16px;border:1px solid #ececec;padding-inline:1rem 4rem;box-shadow:none!important}.blog-search-input:focus{border-color:var(--theme-color-100)}.blog-search-btn{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--theme-color),var(--theme-color));color:#fff;display:flex;align-items:center;justify-content:center}.blog-category-list{display:flex;flex-direction:column;gap:.8rem}.blog-category-item{display:flex;align-items:center;justify-content:space-between;text-decoration:none;background:#f9fafb;padding:1rem;border-radius:16px;color:#111827;transition:.3s;font-weight:700;border:1px solid transparent}.blog-category-item svg{transition:.3s}.blog-category-item:hover{background:rgba(255,255,255,.2);border-color:rgba(124,58,237,.1);color:var(--theme-color-100);transform:translateX(-4px)}.blog-category-item:hover svg{transform:translateX(-4px)}.blog-category-item.active{background:linear-gradient(135deg,var(--theme-color),var(--theme-color));color:#fff}.blog-sidebar-card{background:#fff;border-radius:14px;padding:12px;margin-bottom:12px;border:1px solid #f1f1f1}.blog-sidebar-card .sidebar-title{font-size:14px;font-weight:600;margin-bottom:10px;color:#333}.blog-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid #ececec;transition:.4s;display:flex;flex-direction:column;box-shadow:0 15px 40px rgba(0,0,0,.04)}.blog-card .blog-card-image{overflow:hidden}.blog-card .blog-card-image img{transition:.5s}.blog-card:hover{transform:translateY(-8px)}.blog-card:hover .blog-card-image img{transform:scale(1.08) rotate(-2deg)}.blog-card-image{height:200px;overflow:hidden;position:relative}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:1s}.blog-badge{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.45rem .9rem;border-radius:100px;font-size:.75rem;font-weight:800;color:#fff}.blog-card-body{padding:1.2rem;display:flex;flex-direction:column;height:100%}.blog-meta-card{display:flex;align-items:center;gap:.6rem;color:#6b7280;font-size:.8rem;margin-bottom:.8rem}.blog-meta-card .dot{width:5px;height:5px;border-radius:50%;background:#d1d5db}.blog-card-title{min-height:68px;margin-bottom:.7rem;line-height:1.8}.blog-card-title a{text-decoration:none;color:#111827;font-size:clamp(.95rem, 1vw, 1.1rem);font-weight:900;transition:.3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-title a:hover{color:var(--theme-color-200)}.blog-card-desc{color:#6b7280;line-height:2;font-size:.88rem;margin-bottom:1.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:58px}@media screen and (max-width:768px){.blog-card-image{height:220px}}@media screen and (max-width:576px){.blog-sidebar-card{padding:1rem;border-radius:20px}.blog-card{border-radius:20px}.blog-card-body{padding:1rem}.blog-card-title{min-height:auto}}.latest-blog-head{max-width:750px;margin-inline:auto}.latest-blog-label{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;background:rgba(124,58,237,.08);color:#7c3aed;border-radius:100px;font-size:.9rem;font-weight:700;margin-bottom:1rem}.latest-blog-desc{color:#6b7280;line-height:2;font-size:1rem}.latestBlogSwiper{overflow:visible!important;padding-inline:1rem}.latestBlogSwiper .swiper-slide{height:auto}.latestBlogSwiper .blog-card{height:100%}@media screen and (min-width:1200px){.latestBlogSwiper .swiper-slide{width:22%!important}}.latest-blog-title{margin:0;font-size:2rem;font-weight:900;color:#111827;line-height:1.4}@media screen and (max-width:992px){.blog-sidebar-wrapper{position:static}.latest-blog-title{font-size:2.2rem}.latestBlogSwiper .swiper-slide{width:40%!important}}@media screen and (max-width:576px){.latest-blog-title{margin:0;font-size:1.5rem;font-weight:900;color:#111827;line-height:1.4}.latest-blog-desc{font-size:.92rem;line-height:2}.latestBlogSwiper{padding-inline:0.5rem}.latestBlogSwiper .swiper-slide{width:85%!important}}.latest-blog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.latest-blog-header-content{display:flex;flex-direction:column;gap:.6rem}.latest-blog-navigation{display:flex;align-items:center;gap:.8rem}.latest-blog-next,.latest-blog-prev{width:54px;height:54px;border-radius:18px;background:#fff;border:1px solid #ececec;display:flex;align-items:center;justify-content:center;color:#111827;cursor:pointer;transition:.3s;box-shadow:0 10px 25px rgba(0,0,0,.05)}.mobile-sidebar-modal{position:fixed;inset:0;background:#fff;z-index:1000;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .35s;box-shadow:0 -10px 30px rgba(0,0,0,.15);border-top-left-radius:18px;border-top-right-radius:18px;overflow:hidden;will-change:transform}.mobile-sidebar-modal.active{transform:translateY(0)}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.3s;z-index:999}.sidebar-overlay.active{opacity:1;visibility:visible}.modal-header-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee;background:#fff}.modal-header-bar .modal-title{font-size:16px;font-weight:600;color:#222}.modal-header-bar .close-btn{width:36px;height:36px;border:none;background:#f5f5f5;border-radius:10px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.modal-header-bar .close-btn:hover{background:#eaeaea}.modal-body{flex:1;overflow-y:auto;padding:12px 14px;-webkit-overflow-scrolling:touch}