.blog-outer-bot{display:flex;margin:0 4rem}.blogs-inner{flex-wrap:wrap}blog{margin-bottom:4rem!important;width:25rem!important;height:24rem!important}.blog-left{min-width:20rem;display:flex;flex-direction:column}li,ul{list-style:none}.blog-header{padding:.5rem 1rem;color:#fff;background:linear-gradient(180deg,#4b4178 0,#1194cf 100%);font-size:1rem}.blog-category-header,article-category,writer{background:#f5f5f5;padding:.5rem 1rem;font-size:.8rem;display:flex;border-bottom:solid 1px #dcdcdc}article-category:last-child{border-bottom:0}.blog-header:first-child{border-top-left-radius:1rem;border-top-right-radius:1rem}.blog-opener{display:none}#blog_show_more{margin:auto;font-size:.8rem}article-category.active,writer.active{background:#09a0dc;color:#fff}@media (max-width:900px){.blog-left{width:0;overflow:hidden;min-width:0}.blog-opener{display:flex;position:absolute;left:0;top:0;background:linear-gradient(180deg,#4b4178 0,#1194cf 100%);color:#fff;padding:.75rem .75rem .5rem;border-top-left-radius:50%;border-top-right-radius:50%;font-size:1rem;transform:translateX(-100%)}.blog-outer-bot{position:relative}.blog-left[data-state=open]{min-width:20rem}}@media (max-width:650px){.blog-left{position:absolute;z-index:2}}