/* blog section */
.blogs-article-card .card {
    height: 100%;
}
.blogs-article-card .card {
    width: 100%;
    border: 0px;
    transition: 0.3s ease-out;
}
.blogs-article-card .card img {
    max-width: 100%;
    object-position: center;
    object-fit: cover;
    height:190px;
}
.blogs-article-card .card .card-body {
    background: var(--light);
    bottom: 0;
    padding: 16px;
}
.blogs-article-card .card:hover{
    background: var(--gray-100);
}
.blogs-article-card .blogs-article-category{
    font-size: 0.8rem;
    text-transform: uppercase;
    padding: 0px 0 10px 0;
}
.blogs-article-card .card .title{
    font-size: 1.2rem;
    font-weight: 700;
}
.blogs-article-card .card .desc{
    font-size: 1rem;
    line-height: 1.3;
}
.blogs-article-card .card .h-290{height:290px;}
/*######### blogs-article nav #########*/
.blogs-article-nav{
    position:sticky;
    top:78px;
    background:var(--bg-body-bgColor);
    z-index:1020;
}
.blogs-article-nav ul{
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin-bottom: 0px;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    padding-left: 0;
}
.blogs-article-nav li a{
    color:var(--bg-750);
    font-size:1rem;
    font-weight:300;
    padding-bottom:15px;
    font-weight: 300;
    padding-bottom:7px;
    width: max-content;
    display:block;
}
.blogs-article-nav li a:hover{
    font-weight:600;
}
.blogs-article-nav li a.active{
    border-bottom:4px solid var(--gray-750);
    font-weight:600;
}
/*######### category nav #########*/
.blogs-category-nav ul{
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin-bottom: 0px;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
}
.blogs-category-nav li a{
    color:var(--gray-750);
    font-size:1rem;
    font-weight:300;
    padding-bottom:15px;
    font-weight: 300;
    padding: 0px 15px 0px 15px;
    width: max-content;
    display:block;
    border-radius:20px;
    border:1px solid var(--gray-750);
}
.blogs-category-nav li a:hover{
    background:var(--gray-750);
    color:var(--color-dark);
}
.blogs-category-nav li a.active{
    border-bottom:4px solid #000;
    font-weight:600;
    background:var(--gray-750);
    color:var(--color-dark);
}
.blogs-article-details .breadcrumb a{
    color:var(--color-first);
    font-weight:400;
}

.blogs-article-details h1,.blogs-article-details h2,.blogs-article-details h3,.blogs-article-details h4,.blogs-article-details h5,.blogs-article-details h6{
    color: var(--color-first);
    font-weight: 700;
    font-family: var(--font-family-heading);
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 16px;
}
.blogs-article-details p, .blogs-article-details p span, .blogs-article-details span p, .blogs-article-details p strong, .blogs-article-details span, .blogs-article-details a, .blogs-article-details p a, .blogs-article-details ul li, .blogs-article-details ul li strong, .blogs-article-details ul li a, .blogs-article-details ul li a strong, .blogs-article-details ol li, .blogs-article-details ol li strong, .blogs-article-details ol li a, .blogs-article-details ol li a strong, .sitemapList ul li {
    color: var(--color-content);
    font-family: var(--font-family-content);
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 16px;
    padding-bottom: 0;
}
.blogs-article-details ol{padding-left: 0}
.blogs-article-details ul{padding-left: 15px}
.blogs-article-details ul li{list-style:disc;}
.blogs-article-details a, .blogs-article-details p a, .blogs-article-details ul li a, .blogs-article-details ol li a, .blogs-article-details span a{color: var(--color-second);}
.blogs-article-details img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius:20px;
}
.blogs-rounded-img {border-radius: 0 16px 16px 0;}
/*** AUTHOR ***/
.blogs-author-details{
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.blogs-author-details .author-img{
    display: inline-block;
    width: 35px;
    height: 35px;
}
.blogs-author-details .author-txt{margin-left: 10px;width: 80%;}
.blogs-author-details .author-img,.blogs-author-details .author-txt{clear: both;}
.blogs-author-details .author-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    margin:0px;
}
.blogs-author-details .author-txt span{color: #333}
.blogs-author-details .author-txt a{color: var(--color-second);}
.blogs-seperatorLine{border-right: 1px solid #333; padding-right: 5px;margin-right: 5px}
.blogs-author-details-desc img {
    width: 150px;
    height: 150px;
    float: left;
    margin:0 20px 20px 0px;
    margin-left:0;
    border-radius:50%;
    object-fit: cover;
    object-position: center;
}
.blogs-author-details-desc{width:100%}
.ads-div {margin: 24px 0;border-radius: 0 !important;}
.ads-div2 {margin: 210px 0 0 0;border-radius: 0 !important;}
.ads-div img, .ads-div2 img {border-radius: 0 !important;margin: 0 !important}

@media screen and (max-width:1024px) {
    .ads-div2 {margin: 10px 0 0 0;}
}
@media screen and (max-width: 767px) {
    .blogs-rounded-img {border-radius: 16px 16px 0 0;}
    .blogs-article-card .card img, .h-290{height:auto;}
    .blogs-article-nav{top:60px;}
    .ads-div2 {margin: 0 0 24px 0;}
}