.blogs-sec-hero{padding-top:200px;padding-bottom:50px}.blogs-sec-hero .bsh-banner{height:60vh;background:url("blogs-hero-banner.jpg") center center/auto 100% no-repeat #c8c1c9;border-radius:15px;margin-top:50px}section.services-sec-04{padding:50px 0}section.services-sec-04 ul.np-tabs{padding:0;list-style-type:none;display:inline-flex;justify-content:center;margin:30px 0;border-top:1px solid var(--color-04);border-bottom:1px solid var(--color-04)}section.services-sec-04 ul.np-tabs li{padding:0 20px}section.services-sec-04 ul.np-tabs li span{cursor:pointer;color:var(--color-04);padding:13px 0;border:none;border-radius:0;background:#fff;position:relative;display:inline-block;transition:.5s ease-in-out}section.services-sec-04 ul.np-tabs li span:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background:var(--color-04);z-index:9;transition:.5s ease-in-out}section.services-sec-04 ul.np-tabs li span:focus,section.services-sec-04 ul.np-tabs li span:hover{outline:0;border:none}section.services-sec-04 .np-content .treatment-list{max-width:45%;margin-left:4%;overflow:hidden;text-align:center}section.services-sec-04 .np-content .treatment-list>li{position:relative;margin-bottom:10%}section.services-sec-04 ul.np-tabs li.is-checked span{color:var(--color-04);font-weight:700;background:0 0}section.services-sec-04 ul.np-tabs li.is-checked span:after{height:4px;transition:.5s ease-in-out}.color-shape{overflow:hidden}.blog-post-list{display:block;position:relative;padding:20px;margin-bottom:30px;transition:.5s ease-in-out}.blog-post-list:after{content:"";position:absolute;bottom:0;width:calc(width - 30px);margin:auto;border-bottom:1px dashed var(--color-04)}.blog-post-list .blog-thumbs{border-radius:10px;overflow:hidden;transition:.5s ease-in-out}.blog-post-list .blog-thumbs img{display:list-item;max-height:100%;margin:auto;transition:.5s ease-in-out}.blog-post-list .blog-txt{padding:30px}.blog-post-list .blog-txt h3{font-size:25px}.blog-post-list .blog-txt h6{color:#ccc;font-family:Nunito;font-size:12px;margin:0;position:absolute}.blog-post-list .blog-txt p{color:#333;font-size:15px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-post-list.style-image-cover .blog-thumbs{max-width:100%;background:#d9d9d9}.blog-post-list.style-image-cover .blog-thumbs img{max-width:100%}.blog-post-list.style-image-cover .blog-txt{bottom:0;left:0;padding:30px 30px 50px 0}.blog-post-list.style-image-cover .blog-txt h6{bottom:30px}.blog-post-list.style-image-text{display:flex;align-items:center}.blog-post-list.style-image-text .blog-thumbs{text-align:center;width:40%;height:100%;max-height:230px;min-height:230px;background:#d9d9d9;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.blog-post-list.style-image-text .blog-thumbs img{position:absolute}.blog-post-list.style-image-text .blog-txt{width:70%;height:100%;min-height:230px;padding-right:10px;position:relative}.blog-post-list.style-image-text .blog-txt h6{bottom:15px}.blog-post-list:hover{background:#f1f1f1;text-decoration:none;border-radius:15px;transition:.5s ease-in-out}.blog-post-list:hover .blog-thumbs{transition:.5s ease-in-out}.blog-post-list:hover .blog-thumbs img{transform:scale(1.3);transition:.5s ease-in-out}
@media (max-width: 767px) {
    .blogs-sec-hero .bsh-banner {
        background: url("Mobile-size-Banner-2.jpg") center center/auto 100% no-repeat #c8c1c9;
    }
}