/* blog */
.card-link-outer{
    padding: 0px;
    background-color: var(--bs-backgroud-blue);
    border-radius: 20px;
    margin-bottom: 25px;
    display: block;
    height: calc(100% - 25px);
}

.card-link-outer .blog-card-outer .img img{
    width: 100%;
    border-radius: 15px 15px 0px 0px;
}

.card-link-outer .blog-card-outer .ph-blog-text{
    padding: 15px 10px;
    height: calc(100% - 0px);
}

.card-link-outer .blog-card-outer .b-card-title{
    padding: 5px 0px;
}

.card-link-outer .blog-card-outer .b-card-title span{
    color: black;
    font-weight: 500;
    font-family: 'Noto Sans Sinhala' !important;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-link-outer .blog-card-outer .b-card-link .more-link{
    color: black;
    font-weight: 500;
    font-family: 'Noto Sans Sinhala' !important;
    font-size: 13px;
    transition: ease-in-out 0.3s all;
}

.card-link-outer .blog-card-outer .b-card-date .up-date{
    color: #6c6c6c;
    font-weight: 500;
    font-family: 'Noto Sans Sinhala' !important;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}


.card-link-outer .blog-card-outer .b-card-description{
    padding: 5px 0px;
    height: 100px;
}

.card-link-outer .blog-card-outer .b-card-description p{
    color: #6c6c6c;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.card-link-outer:hover .blog-card-outer .b-card-link .more-link{
    color: var(--bs-yellow-one);
}

.card-link-outer .blog-card-outer .img{
    position: relative;
    transition: ease-in-out 0.3s all;
 }

.card-link-outer .blog-card-outer .img::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 0%;
    background: linear-gradient(180deg, rgba(0,0,0,0.01724439775910369) 52%, rgba(0,0,0,0.49343487394957986) 99%);
    bottom: 0;
    left: 0;
    transition: ease-in-out 0.3s all;
 }


    .card-link-outer:hover .blog-card-outer .img::after{
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background: linear-gradient(180deg, rgba(0,0,0,0.01724439775910369) 52%, rgba(0,0,0,0.49343487394957986) 99%);
   bottom: 0;
   left: 0;
}

/* blog category card */
.blog-card-outer{
   height: calc(100% - 0px);
}

.blog-card-outer .list-group-item{
    height: 100%;
    background-color: var(--bs-backgroud-blue);
}

.blog-card-outer .list-group-item .title-outer{
    border-bottom: 1px solid #e3e1e1;
}

.blog-card-outer .list-group-item .title-outer .card-title{
    font-size: 15px;
    font-weight: 500;
    font-family: 'Noto Sans Sinhala' !important;
}

.number-blog{
    font-weight: 600;
    padding: 0px 5px;
    background-color: var(--bs-dark-blue);
    color: white;
    border: 1px solid var(--bs-dark-blue);
    margin-bottom: 5px;
}


/* .blog-card-outer .list-group-item .title-outer .card-title{
    font-size: 15px;
    font-weight: 500;
    font-family: 'Noto Sans Sinhala' !important;
} */

.blog-card-outer .list-group-item .text-descrip{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Noto Sans Sinhala' !important;
}

.blog-card-outer .list-group-item .subititle-outer{
    margin-top: 15px;
}