.blog_detail_header{background-color: var(--primary-color);height: 300px;position: relative;}
.blog_details_body{width: 100%;max-width: 1100px;margin: 0 auto;position: relative;margin-top: -220px;}
.blog_details_image img{border-radius: 20px;}
.blog_details_content{padding: 30px 0;}
.blog_details_content h1{font-family: var(--font-black);font-size: 36px;color: var(--primary-color);margin-bottom: 20px;}
.blog_details_content p{margin-bottom: 15px;font-family: var(--font-light);line-height: 1.48;}
.blog_details_content a{color: var(--primary-color);font-family: var(--font-medium);position: relative;}
.blog_details_content a:before{content: '';width: 100%;display: inline-flex;position: absolute;background-color: var(--primary-color);height: 1px;bottom: -3px;}
.blog_details_content a.clambtn::before{content: none;}

.latest_blogs_header{width: 100%;max-width: 1100px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;}
.latest_blogs_header h4{font-family: var(--font-black);color: var(--primary-color);font-size: 36px;}

@media only screen and (max-width: 768px){
    .blog_detail_header{display: none;}
    .blog_details_body{margin-top: 0;padding: 0 15px;padding-top: 30px;}
    .blog_details_content{padding: 15px 0;}
    .latest_blogs_header{padding: 0 15px;margin-bottom: 30px;}
    .latest_blogs_header h4{font-size: 28px;}
    .blog_details_content h1{font-size: 32px;margin-bottom: 15px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .blog_details_body,.latest_blogs_header,.blog_row{max-width: 760px;}
    .blog_details_content h1{font-size: 32px;}
    .latest_blogs_header{margin-bottom: 30px;}
}

@media only screen and (min-width: 992px) and (max-width: 1279px){
    .blog_details_body,.latest_blogs_header,.blog_row{max-width: 900px;}
}