.header-back{width:100%;height:90px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-page .blog-categories-sidebar{background:var(--sidebar-box-background);padding:20px;box-shadow:var(--sidebar-box-shadow);position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}@media(min-width:992px){.blog-page .blog-categories-sidebar{top:120px}}.blog-page .blog-categories-sidebar .categories-title{font-size:120%;font-weight:700;margin-bottom:20px;color:var(--sidebar-box-header-value-color)}@media(min-width:992px){.blog-page .blog-categories-sidebar .categories-title{font-size:130%}}.blog-page .blog-categories-sidebar .categories-list{list-style:none;padding:0;margin:0}.blog-page .blog-categories-sidebar .categories-list li{margin-bottom:8px}.blog-page .blog-categories-sidebar .categories-list li:last-child{margin-bottom:0}.blog-page .blog-categories-sidebar .categories-list li.active .category-link{background:var(--secondary-color);color:var(--white-text-color)}.blog-page .blog-categories-sidebar .categories-list li.active .category-link .category-count{background:#fff3}.blog-page .blog-categories-sidebar .categories-list li .category-link{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;text-decoration:none;color:var(--sidebar-box-link-color);transition:all .3s ease;background:var(--gray-100);cursor:pointer}.blog-page .blog-categories-sidebar .categories-list li .category-link .category-name{font-size:90%}@media(min-width:992px){.blog-page .blog-categories-sidebar .categories-list li .category-link .category-name{font-size:95%}}.blog-page .blog-categories-sidebar .categories-list li .category-link .category-count{background:var(--gray-200);padding:4px 10px;font-size:85%;font-weight:700;transition:all .3s ease}@media(min-width:992px){.blog-page .blog-categories-sidebar .categories-list li .category-link .category-count{font-size:90%}}.blog-page .blog-categories-sidebar .categories-empty{color:var(--description-color);font-size:90%;text-align:center;padding:20px 0}@media(min-width:992px){.blog-page .blog-categories-sidebar .categories-empty{font-size:95%}}.blog-page .blog-main-content .page-title{font-size:150%;font-weight:700;margin-bottom:25px;color:var(--text-color)}@media(min-width:992px){.blog-page .blog-main-content .page-title{font-size:180%;margin-bottom:30px}}.blog-page .blog-main-content .blog-list-item{background:var(--white-color);padding:15px;margin-bottom:20px;box-shadow:0 2px 10px #0000000d}@media(min-width:992px){.blog-page .blog-main-content .blog-list-item{padding:20px;margin-bottom:25px}}.blog-page .blog-main-content .blog-list-item .item-image{display:block;text-decoration:none}.blog-page .blog-main-content .blog-list-item .item-image .item-image-wrapper{width:100%;height:180px;overflow:hidden;position:relative}@media(min-width:992px){.blog-page .blog-main-content .blog-list-item .item-image .item-image-wrapper{height:200px}}.blog-page .blog-main-content .blog-list-item .item-image .item-image-wrapper img{width:100%;height:100%;object-fit:cover}.blog-page .blog-main-content .blog-list-item .item-image .item-image-placeholder{width:100%;height:100%;background:var(--secondary-color);display:flex;align-items:center;justify-content:center;color:var(--white-text-color);position:relative}.blog-page .blog-main-content .blog-list-item .item-image .item-image-placeholder .placeholder-content{text-align:center;padding:20px}.blog-page .blog-main-content .blog-list-item .item-image .item-image-placeholder .placeholder-content .category-badge{font-size:130%;font-weight:700;margin-bottom:10px}@media(min-width:992px){.blog-page .blog-main-content .blog-list-item .item-image .item-image-placeholder .placeholder-content .category-badge{font-size:140%}}.blog-page .blog-main-content .blog-list-item .item-image .item-image-placeholder .placeholder-content .placeholder-text{font-size:85%;opacity:.9;border-top:1px solid rgba(255,255,255,.3);padding-top:10px;margin-top:10px}@media(min-width:992px){.blog-page .blog-main-content .blog-list-item .item-image .item-image-placeholder .placeholder-content .placeholder-text{font-size:90%}}.blog-page .blog-main-content .blog-list-item .item-info .item-meta{display:flex;gap:15px;margin-bottom:12px;font-size:85%;color:var(--description-color)}@media(min-width:992px){.blog-page .blog-main-content .blog-list-item .item-info .item-meta{margin-bottom:15px}}.blog-page .blog-main-content .blog-list-item .item-info .item-meta .item-date,.blog-page .blog-main-content .blog-list-item .item-info .item-meta .item-reading-time{display:flex;align-items:center}.blog-page .blog-main-content .blog-list-item .item-info .item-title{font-size:130%;font-weight:700;margin-bottom:12px;line-height:1.5}@media(min-width:992px){.blog-page .blog-main-content .blog-list-item .item-info .item-title{font-size:150%;margin-bottom:15px}}.blog-page .blog-main-content .blog-list-item .item-info .item-title a{text-decoration:none;color:var(--text-color);transition:color .3s ease}.blog-page .blog-main-content .blog-list-item .item-info .item-description{color:var(--description-color);font-size:90%;line-height:1.7;margin-bottom:15px}@media(min-width:992px){.blog-page .blog-main-content .blog-list-item .item-info .item-description{font-size:95%;margin-bottom:20px}}.blog-page .blog-main-content .blog-list-item .item-info .item-footer{display:flex;justify-content:space-between;align-items:center}.blog-page .blog-main-content .blog-list-item .item-info .item-footer .view-article-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--secondary-color);color:var(--white-text-color);text-decoration:none;font-size:85%;transition:background .3s ease}@media(min-width:992px){.blog-page .blog-main-content .blog-list-item .item-info .item-footer .view-article-btn{font-size:90%}}.blog-page .blog-main-content .blog-list-item .item-info .item-footer .view-article-btn i{font-size:80%}.blog-page .blog-main-content .blog-list-item .item-info .item-footer .item-views{font-size:85%;color:var(--description-color)}.blog-page .blog-main-content .pagination-wrapper{margin-top:25px}@media(min-width:992px){.blog-page .blog-main-content .pagination-wrapper{margin-top:30px}}
