.single-blg{
    background-color: #F4F4F4;
    padding: 2rem 0 5.66rem;
}

.single-blg .row{
    grid-gap: 2rem 0;
}

.single-blg .title,
.single-blg .text{
    width: clamp(10px,100%,682px);
}

.single-blg .title{
    color: #0A0E21;
    font-family: var(--jak);
    font-size: 22px;
    line-height: 34px;
    letter-spacing: 0.11px;
    margin-bottom: 25px;
}

.single-blg .text{
    text-align: justify;
    line-height: 18px;
    letter-spacing: 0.7px;
}

.single-blg .img,
.single-blg .relbox{
    width: clamp(10px,100%,380px);
}

.single-blg .img{
    aspect-ratio: 1/.74473;
    border-radius: 1px;
    margin-bottom: 1rem;
}

.single-blg .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 10px;
}

.single-blg .relbox{
    border: 1px solid var(--line);
    border-radius: 15px;
}

.single-blg .relbox .tit{
    color: var(--black);
    font-family: var(--jak);
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.1px;
    border-bottom: 1px solid var(--line);
    padding: 18px 17px 13px;
}

.single-blg .relbox .relbs{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 2rem;
    padding: 38px 7px 20px 17px;
}

.single-blg .relbox .relbs>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 10px;
}

.single-blg .relbox .relbs>* .imgg{
    min-width: 115px;
    max-width: 115px;
    aspect-ratio: 1/1.05217;
    border-radius: 10px;
}

.single-blg .relbox .relbs>* .imgg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 10px;
}

.single-blg .relbox .relbs>* .tt{
    display: -webkit-box;
    display: -moz-box;
    color: #151515;
    font-family: var(--jak);
    line-height: 22px;
    letter-spacing: 0.7px;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 13px;
}

@media(max-width:992px){
    .single-blg{
        padding: 2rem 0;
    }
    .single-blg .title,
    .single-blg .text,
    .single-blg .img,
    .single-blg .relbox{
        width: 100%;
    }
    .single-blg .relbox .tit,
    .single-blg .relbox .relbs{
        padding: 1rem;
    }
}