.blog_page_container{
    display: flex;
}
.blog_page_container .blog_box_left{
    flex-basis: 70%;
    /* border: 1px solid red; */
}
.blog_page_container .blog_box_left .blog_box_left_child{
    display: none;
}
.blog_page_container .blog_box_left .blog_box_left_child.active{
    display: block;
}
.blog_page_container .blog_box_left .blog_box_left_child .blog_img_box{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}
.blog_page_container .blog_box_left .blog_text_box{
    padding: 1rem;
}
.blog_page_container .blog_box_left .blog_text_box h2{
    font-size: 1.7rem;
}
.blog_page_container .blog_box_left .blog_text_box h4{
    font-size: 1.2rem;
}
.blog_page_container .blog_box_left .blog_text_box .key_points_box li{
    padding-bottom: 1rem;
    font-size: 1rem;
    list-style-type: disc;
}
.blog_page_container .blog_box_right{
    flex-basis: 30%;
    /* border: 1px solid blue; */
    padding: 1rem;
}
.blog_page_container .blog_box_right h3{
    font-size: 1.7rem;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--logo-dark-color);
    padding-bottom: .5rem;
    border-bottom: 1px solid var(--logo-dark-color);
}
.blog_page_container .blog_box_right .blog_link_box{
    margin-top: 2rem;
}
.blog_page_container .blog_box_right .blog_link_box .blog_list{
    font-size: 1.1rem;
    font-weight: 500;
    /* color: var(--black-color); */ 
    padding-bottom: .5rem;
    border-bottom: 1px solid var(--black-color);
    transition: all .4s ease-in;
}
.blog_page_container .blog_box_right .blog_link_box .blog_list:hover{
    color: var(--logo-dark-color);
    cursor: pointer;
    text-decoration: underline;
}


/* ============================================================================ */
/* ========= media query section start ========== */
@media (max-width: 768px){
    .blog_page_container{
        flex-wrap: wrap;
    }
    .blog_page_container .blog_box_left{
        flex-basis: 100%;
    }
    .blog_page_container .blog_box_right{
        flex-basis: 100%;
    }
}
/* ========= media query section end ========== */