.blog-outer-bot{display:flex;margin:0 4rem}.blogs{width:100%}.blogs-inner{flex-wrap:wrap}.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}.search-btn{background:var(--red);color:#fff;margin:0;align-items:center;justify-content:center;width:2.35rem;font-size:1rem;border:solid 1px transparent}.search-btn:hover{background:0 0;border-bottom-color:var(--red)}#search,.search-btn,.search-btn span{transition:.3s}.search-btn:hover span,category button:hover,category.active button{color:var(--red)}.search,.search-btn{display:flex}#search{border:0;border-bottom:solid 1px var(--thin-gray);font-size:1rem;width:100%;padding:.25rem 1rem;box-sizing:border-box}#search:focus{border-color:var(--red)}#search::placeholder{color:var(--gray)}.clear-btn,category button{background:0 0;border:0;transition:.3s}.clear-btn{position:absolute;right:1rem;top:50%;transform:translate(-100%,-50%);color:var(--gray);opacity:0;visibility:hidden}.search{position:relative}.clear-btn.active{opacity:.5;visibility:visible}.clear-btn:hover{opacity:.5}.blogs-outer{display:flex}.blog-details{margin-left:auto;min-width:300px;width:300px}.category-header{margin:1rem 0;font-size:1.2rem}category button{appearance:unset;display:flex;font-size:1rem;margin-bottom:1rem;padding:0}.articles,.blog-image,.blog-inner,.blogs-inner{width:100%}blog{width:calc(33.33% - 2rem);margin-left:0;margin-right:2rem}.articles{display:flex;flex-direction:column}.blog-nav,.blog-nav-holder{display:flex;justify-content:center}.blog-nav{margin:0 .25rem;width:1.5rem;height:1.5rem;font-size:1rem;text-align:center;align-items:center;cursor:pointer;transition:.3s;font-weight:700}.blog-nav-holder{margin:2rem 0 0}.blog-navs{display:flex}.blog-nav-active,.blog-nav:hover{color:var(--red)}.blog-nav:before{margin:auto;padding-top:.034rem}@media (max-width:1600px){.blog-image{height:14rem}}@media (max-width:1200px){.blog-image{height:16rem}blog{width:calc(50% - 2rem)}}@media (max-width:1000px){.blog-image{height:14rem}}@media (max-width:900px){.blog-image{height:16rem}blog{width:calc(100% - 2rem)}.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}.blog-details{display:none}}