/* Custom Blog template CSS */
.custom-blog-wrapper .blog-container-new{
    max-width: 1100px;
}

.custom-blog-wrapper h1.blog-title {
    font-size: 34px;
    line-height: 40px;
    font-weight: 400 !important;
}

.custom-blog-wrapper h2{
   font-weight: 400 !important;
   margin-top: 50px;
   margin-bottom: 15px;
}

.custom-blog-wrapper h3{
   font-weight: 400 !important;
}

.custom-blog-wrapper #blog-content img{
   margin-top: 30px;
}

.custom-blog-wrapper p.blog-publish-date {
    font-size: 14px;
    font-style: italic;
    color: #333333DE;
}

/* Blog Read More section CSS */
.blog-readmore-sec .blog-title {
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    font-weight: 400;
    text-transform: uppercase;
}
.blog-readmore-sec .card img {
    aspect-ratio: 4/3;
    width: 100%;
    object-fit: cover;
}
.blog-readmore-sec .blog-readmore-heading{
    font-size: 30px;
    line-height: 40px;
    font-weight: 400 !important;
}
.blog-readmore-sec .blog-readmore{
    font-size: 16px;
    line-height: 22px;
    color: #2C3D5B;
}


@media(max-width: 767px){
.custom-blog-wrapper h1.blog-title {
    font-size: 30px;
}
}

@media(max-width: 575px){
.custom-blog-wrapper h1.blog-title {
    font-size: 25px;
    line-height: 35px;
}
.custom-blog-wrapper h2, .blog-readmore-sec .blog-readmore-heading{
   font-size: 20px;
   line-height: 30px;
}
}