.blog_hero {
    position: relative;
    padding: 100px 0;
    background-color: var(--ct);
}

.blog_hero .text h1 {
    text-align: center;
    color: var(--cf);
}


/* --- blog_sec ---  */

.blog_sec {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--c3);
}

.blog_sec .wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    padding: 16px;
    border-radius: 16px;
    background-color: var(--cf);
}

.blog_sec .col-lg-6 {
    margin-bottom: 24px;
}

.blog_sec .img {
    width: 45%;
}

.blog_sec .img img {
    border-radius: 12px;
}

.blog_sec .txt {
    width: 55%;
    padding-left: 16px;
}

.blog_sec .txt span {
    color: var(--c1);
    font-size: 14px;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 30px;
    border: 1px solid var(--c1);
    margin-bottom: 12px;
}


/* ---- blog_detail_sec ----  */

.blog_detail_sec {
    position: relative;
    margin-top: 100px;
    margin-bottom: 100px;
}

.blog_detail_sec .title {
    max-width: 75%;
    margin-bottom: 40px;
}

.blog_detail_sec .title .published_dob {
    display: inline-block;
    color: var(--c1);
    font-size: 16px;
    padding: 6px 12px;
    border-radius: 30px;
    margin-bottom: 16px;
    border: 1px solid var(--c1);
}

.blog_detail_sec .title h1 {
    font-size: 56px;
}

.blog_detail_sec .img img {
    border-radius: 30px;
}