.blog-wrap{
    text-align: left;
}
.blog-header {
    position: relative;
    border-bottom: 1px dotted #9C9C9C;
    margin-bottom: 2rem;
}

.blog-body h2{
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #9C9C9C;
}


.blog-body h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: .5rem;

}

.blog-social-icons{
    position: absolute;
    right: 0;;
    bottom: .75rem;
}

h1.blog-title{
    font-size: 22px;
    line-height: 2rem;
}

.blog-template-2 img,
.blog-template-3 img{
    float: left;
    width: 33%;
    margin: .5rem 2rem 2rem 0;
}

.blog-template-4,
.blog-template-5{
    display: flex;
    justify-content: space-between;
    gap: 1.5rem !important;
}

.blog-template-4 img{
    width: 33%;
    height: auto;
    max-height: 240px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.blog-template-5 img{
    width: 50%;

    height: auto;
    max-height: 350px;
    overflow: hidden;
    margin-bottom: 1.5rem;

}

.blog-template-6 img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    /* object-fit: contain; mtliand rom gamoChdes*/
    display: block;
}



.blog-template-1,
.blog-template-2,
.blog-template-3,
.blog-template-6
{
    display: block;
    width: 100%;
    margin-bottom: 2rem !important;
}


.blog-template-5,
.blog-template-4{
    margin-bottom: 2rem !important;
}

.blog-body ul{
    padding: 0;
    margin: 0;
    list-style: square;
    padding-left: 1rem;
}

.blog-body li{

    font-size: 16px;
    padding: .35rem 0 .35rem .1rem;
}

.blog-footer{
    border-top: 1px solid #9C9C9C;
    display: flex;
    justify-content: space-between;
    padding-top: .5rem;

}