.blogs{margin:100px 0px 50px 0px;}
.detail_blog{margin:100px 50px;}
.related{margin:0px 50px;}
.desc_blg{padding:15px;}
.desc_blg .flex_b{display:flex; justify-content:space-around; align-items:center;}
.grid_3 {display: flex;justify-content: center;align-items: center;gap: 25px;}
.blog-card {border-radius: 15px;overflow: hidden;transition: 0.3s; margin-bottom: 20px; border:2px solid #f2f2f2; cursor:pointer;}
.blog-card:hover {transform: translateY(-5px);background: #f2f2f2;}
.blog-card img {width: 100%;height: 200px;object-fit: cover;}
.blog-card .tag {display: inline-block;font-size: 12px;color: #212120;}
.blog-card h6, .blog-card p {font-size:16px; line-height:20px; margin:10px 0px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;text-overflow: ellipsis}
.blog-card span {margin:10px 0px;}
.blog-card p {color: #a7a9ac ;font-size: 14px;}
.blog-card .meta {font-size: 12px;color: #a7a9ac ; margin-bottom: 15px;}
.blog-card a {font-size: 14px;display: inline-block;text-decoration: none;color: #212120;font-weight: 600;margin:10px 0px;}
.related h2{margin-bottom: 15px;}
.related a{color:#212120; cursor:pointer;}
.blogs_item{display:flex; justify-content: space-around; align-items: center; gap:20px;border-bottom:2px solid #f2f2f2; padding: 10px 0px;}
.blogs_item img{width:100px;border-radius: 5px;}
.blogs_item h6{font-size: 14px; line-height: 18px;}
.blogs_item .tag, .blogs_item .meta{font-size:12px; margin: 5px 0px;}
.flx{display:flex;justify-content: space-between; margin-bottom:10px;}

.detail_blog{margin-top:150px;}
.detail_desc img{margin-bottom: 50px;}
.detail_desc h2{font-size:42px; line-height: 60px;}
.detail_desc p{margin: 10px 0px !important;color: #a7a9ac ;}
.detail_desc a{color: #212120;}
.detail_desc h6{margin: 35px 0px 20px 0px !important;line-height: 26px;}
.ul_disc{padding-left: 25px;}
.ul_disc li{list-style-type: disc;margin: 10px 0px !important;color: #a7a9ac ;font-family: 'Avenir-Book';line-height: 28px;}
.blogs_item h6{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;text-overflow: ellipsis}


/* Mobile */
@media only screen and (max-width: 768px) {
.grid_3{gap: 0px;flex-direction: column;}
#Blog_banner{margin-bottom: 30px;}
.blogs{margin:0px;}
.related{margin:0px;}
.related h2 {margin: 50px 0px 30px;}
.detail_desc h2 {font-size: 20px;line-height: 26px;}
.detail_blog {margin-top: 80px !important;}





}