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