/*blog dark top bar*/

.blogs-topbar {   background: #1E2951;  background: linear-gradient(31deg, rgba(30, 41, 81, 1) 0%, rgba(22, 30, 44, 1) 62%, rgba(39, 62, 72, 1) 100%);  display: inline-block;  width: 100%;}
.blogs-topbar .blog-breadcrumb {    background-color: transparent;    color: #fff;    margin: 0;    padding-top: 40px;    padding-bottom: 0;    padding-left: 0px;}
.blogs-topbar .blog-breadcrumb .breadcrumb-menu {    color: #b6bbc1;    text-transform: none;} 
.blogs-topbar .blog-breadcrumb li.home-link svg {    width: 16px;    height: 16px;    fill: #b6bbc1;    margin-right: 7px;    vertical-align: text-top;}
.breadcrumb-placeholder svg path {    fill: #b6bbc1;}
.blogs-topbar .blog-title-new h2 {    color: #fff;    font-size: 52px;    margin: 0 0 5px 0;}
.blog-title-new p {    font-size: 18px;    color: #fff;}
.blog-title-new {margin: 40px 0 50px 0;}
.auther-top {    display: flex;    align-items: center;    color: #fff;    gap: 10px;}
.auther-top img {    width: 80px;    border-radius: 50%;    height: 80px;    object-fit: cover;}
.auhernames strong {    display: block;    font-size: 20px;    font-weight: 600;}
.post-meta-information {    display: flex;    gap: 50px;    color: #fff;    padding: 40px 0;}
.post-meta-information svg {    fill: #fff;    height: 18px;}
.meta-date {    display: flex;    align-items: center;    gap: 10px;    font-size: 15px;}
.meta-date.comments-meta svg {    height: 21px;      }
.meta-date.comments-meta svg  path {  stroke: #fff;}

 /*blog dark top bar end */

@media (max-width: 991px) {
.blogs-topbar .blog-title-new h2 {    font-size: 38px; }
}

@media (max-width: 767px) {
.breadcrumb-placeholder {    margin: 0 7px;}
.blogs-topbar .blog-breadcrumb {    padding-top: 20px;}
.blogs-topbar .blog-title-new h2 {    font-size: 34px;}
.blog-title-new {margin: 30px 0 40px 0;  }
.auther-top {    font-size: 14px;}
.auhernames strong {    font-size: 16px;}
.auther-top img {    width: 60px;    height: 60px;}
.post-meta-information {    flex-wrap: wrap;    row-gap: 12px;    column-gap: 38px;    padding: 20px 0 25px 0;}
.blogs-topbar .blog-breadcrumb li.home-link svg {    width: 14px;    height: 14px;    margin-right: 5px;}
ul.breadcrumb li span.breadcrumb-menu {    vertical-align: middle;}
}