.blog_main{padding:8rem 0}.blog_main .left{width:69.23%}.blog_main .right{width:27.35%;position:sticky;top:15rem}.blog_main .left>ul{display:grid;grid-template-columns:repeat(2,1fr);gap:3.7rem;margin-bottom:4rem}.blog_sidebar .search_con form{display:flex}.blog_sidebar .search_con form input[type="submit"]{width:4.8rem;height:4.8rem;display:inline-block;text-indent:-99999px;background:url(../../../../../../../../themes/sytech/assets/img/search-icon.svg) no-repeat center/42%;background-color:var(--primary)}.blog_sidebar .search_con form input[type="text"]{padding:1.2rem 1.7rem;border:1px solid #E5E5E5;flex:1;font-size:1.6rem;box-shadow:0 0 15px rgba(0,0,0,.1)}.blog_sidebar .con{margin-top:4rem;box-shadow:0 5px 15px rgba(0,0,0,.1)}.blog_sidebar .con .title{padding:1.6rem;font-size:1.6rem;font-weight:700;font-size:2.5rem;color:var(--secondary);position:relative}.blog_sidebar .con .title:before{content:"";width:4px;height:2.5rem;background-color:var(--secondary);position:absolute;left:0;top:50%;transform:translateY(-50%)}.blog_sidebar .con.cat_con ul li{padding:0 1.6rem}.blog_sidebar .con.cat_con ul li a{padding:1.5rem 0;display:flex;align-items:center;gap:.3rem;border-top:1px solid #E5E5E5}.bi-chevron-right:before{content:"\f285";font-size:1.3rem}.blog_sidebar .con.post_con ul{padding:0 1.6rem}.blog_sidebar .con.cat_con ul li a:hover{color:var(--primary);text-decoration:underline}.blog_sidebar .con.post_con ul li a .flex{align-items:center}.blog_sidebar .con.post_con ul li a .flex .img{aspect-ratio:1/0.75;width:10rem;min-width:10rem;margin-right:1.2rem}.blog_sidebar .con.post_con ul li:hover a .flex .img img{transform:scale(1.1)}.blog_sidebar .con.post_con ul li a .flex .info{flex:1}.blog_sidebar .con.post_con ul li a .flex .info h3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:500;font-size:1.6rem;line-height:1.5}.blog_sidebar .con.post_con ul li a{padding:1.3rem 0;border-top:1px solid #E5E5E5;display:inline-block}.blog_sidebar .con.post_con ul li a .flex .info p{font-size:1.4rem;color:#666}.blog_sidebar .con.post_con ul li:hover a .flex .info h3{color:var(--primary);text-decoration:underline}@media screen and (max-width:767.98px){.blog_main{padding:50px 0}.blog_main .content>.flex{flex-flow:wrap}.blog_main .left{width:100%}.blog_main .right{width:100%}.blog_main .left>ul{gap:20px}.post_item .infos .metas span{white-space:nowrap}.post_item .infos .metas{gap:10px}.blog_main .right{margin-top:50px}.blog_sidebar .con .title{font-size:20px}}