.blog_box{
    display: flex;
    justify-content: center;
}
@font-face {
    font-family: 'exo';
    src: url('../fonts/Exo-Regular.ttf') format('truetype');
}
body{
    font-family:exo,Sans-Serif !important;
}

.c_right{
    text-align: left;
}
.blog_right,.c_right{
    width: 310px;
    position: sticky;
    top: 0;
    height: 100vh;
    padding: 5px;
    background-color: #fcfbfb;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}

.blog_left{
    width: calc(100% - 320px);
}
.containerl {
    max-width: 1620px;
}
.blog_itme{
    width: 95%;
    margin:8px auto;
}
.blog_itme a{
    display: flex;
    justify-content: space-between;
    position: relative;
}
.item_img .blog_img{
    width: 60px;
    height: 50px;
    margin: 0 auto;
    max-height: 150px;
    object-fit: cover;
    border-radius: 0;
}
.item_titles{
    font-size: 14px;
    line-height: 20px;
    color: #02020b;
    width: calc(100% - 70px);
    font-weight: 700;
    text-align: left;
}
.tt1{
    margin-top: -3px;
}
.item_des{
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    color: #000000;
    opacity: .7;
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.5rem;
    margin: 13px 0;
}
.item_des:hover{
    color: #185ac4;
}
.bds{
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 0px 10px 10px 10px;
}
.list_xl{
    position: absolute;
    left: 2px;
    top: 2px;
    width: 20px;
    height: 20px;
    background-color: #246EEF;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: .4rem;
    font-size: 12px;
}
.read_more{
    width: max-content;
    display: flex;
    position: relative;
    font-weight: 400;
    font-size: .9375rem;
    padding: 0;
    margin-top: 5px;
    align-items: center;
    justify-content: center;
    gap: 3px;
}
.read_more:hover{
    text-decoration: underline;
}
.item_titles:hover{
    color: #185ac4;
}
.go_back{
    width: max-content;
    background: #246EEF;
    border-radius: 6px;
    padding: 5px 12px;
    margin: 0 10px 15px 0;
    cursor: pointer;
    display: flex;
    color: #fff;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0 1px 2px 0 rgba(48, 48, 48, .30), 0 1px 3px 1px rgba(48, 48, 48, .15);
}
@media (max-width:1200px) {
    .blog_box,.howto_c_box{
        flex-wrap: wrap;
    }
    .blog_left,.blog_right,.c_right{
        width: 100%;
    }
    .blog_right,.c_right{
        position: unset;
    }
}
@media (max-width:460px) {
    .blog_img{
        width: 100% !important;
    }
}
@media (max-width:768px) {
    .go_back{
        padding: 2px 12px;
        margin: 0 2px 3px 0;
        font-size: 12px;
    }
    .go_back svg{
        width: 20px;
        height: 20px;
    }
    .header_t{
        height: 35px;
    }
    .go_link{
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
    }
    .go_link a{
        margin-bottom: 0;
        border-radius: 0;
    }
    .must_blog{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .blog_itme{
        width: 48%;
        padding: 0;
        margin: 10px 0;
    }
    .blog_itme a{
        display: unset;
    }
    .item_img .blog_img{
        width: 85%;
        height: auto;
        max-height: 123px;
    }
    .item_titles{
        width: 100%;
        padding: 5px 0 15px;
        font-size: 16px;
        line-height: 19px;
    }
    .blog_right, .c_right{
        height: auto;
    }
    .bds{
        padding: 10px 0;
    }
}