body {

    padding-top: 80px;

}

.pagination>li>a{

    margin-right: 5px !important;

    margin-left: 5px!important;

}

.row-flex {

    display: flex;

    flex-wrap: wrap;

}



.row-flex > [class*='col-'] {

    display: flex;

}

.main-wrapper {

    padding-top: 90px;

}

.mt-30 { margin-top: 30px; }

.mt-50 { margin-top: 50px; }

.mt-80 { margin-top: 80px; }

.mt-100 { margin-top: 100px; }

/* BLOG CARD */

.blog-card {

    background: #fff;

    border: 1px solid #e6eaf0;

    border-radius: 8px;

    margin-bottom: 30px;

    overflow: hidden;

    transition: all 0.3s ease;

    padding: 15px;



    display: flex;

    flex-direction: column;

}

.blog-card h4{

    margin-top: 15px ;

}



.blog-card:hover {

    box-shadow: 0 12px 30px rgba(0,0,0,0.08);

    transform: translateY(-5px);

}



/* IMAGE */

.blog-img-wrapper {

    width: 100%;

    height: 220px;

    overflow: hidden;

    border-radius: 6px 6px 0 0;

}

 



 

.blog-img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}



.blog-detail-img img{

        width: 100%;

    border-radius: 10px;

    border: 1px solid #ccc;

    padding: 5px;

}



.blog-detail-category{

    margin: 0 5px 0 5px;

    font-size: 13px !important;

}

.blog-detail-tag{

    margin: 10px 5px 0 5px;

    font-size: 13px !important;

    background-color: #41e0f2 important;

}



/* CONTENT */

.blog-content {

    padding: 10px 0 0 5px;

    flex: 1;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.blog-title a {

    font-size: 20px;

    font-weight: 600;

    color: #0b1f3a;

    text-decoration: none;

     display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



.blog-title a:hover {

    color: #00c6d7;

    text-decoration: none;

}



/* DESCRIPTION */

.blog-desc {

    color: #6c757d;

    font-size: 14px;

    margin: 5px 0;

    line-height: 1.6;



     display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

}



/* META */

.blog-meta {

    font-size: 13px;

    color: #999;

}



/* SEARCH */

.search-box .form-control {

    height: 42px;

}



.search-box .btn {

    height: 42px;

    background: #00c6d7;

    border: none;

}



/* SIDEBAR */

.sidebar-box {

    background: #fff;

    border: 1px solid #e6eaf0;

    border-radius: 8px;

    padding: 20px;

    margin-bottom: 25px;

}



.sidebar-box h4 {

    font-weight: 600;

    margin-bottom: 15px;

    border-bottom: 2px solid #00c6d7;

    display: inline-block;

    padding-bottom: 5px;

}



/* CATEGORY LIST */

.sidebar-box ul li {

    margin-bottom: 8px;

}



.sidebar-box ul li a {

    color: #333;

    text-decoration: none;

}



.sidebar-box ul li a:hover {

    color: #00c6d7;

}



/* TAGS */

.tag-badge {

    display: inline-block;

    background: #f1f3f6;

    color: #333;

    padding: 6px 10px;

    margin: 3px;

    border-radius: 20px;

    font-size: 12px;

    transition: 0.3s;

}



.tag-badge:hover {

    background: #00c6d7;

    color: #fff;

    text-decoration: none;

}



/* RECENT POSTS */

.recent-post a {

    display: block;

    padding: 6px 0;

    color: #444;

}



.recent-post a:hover {

    color: #00c6d7;

    text-decoration: none;

}



/* PAGINATION */

.pagination > li > a {

    color: #00c6d7;

    border-radius: 4px;

}