.nab-wrapper { display:flex; gap:30px; }
.nab-sidebar { width:25%; }
.nab-content { width:75%; }

.nab-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }

.nab-card {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    border: solid 1px #ccc;
}
.nab-card a {text-decoration:none!important;}
.nab-card h4{margin:15px;font-size:18px;}
.nab-card img {
    width: 100%;
    height: auto;
    display: block;
}

.nab-card-link {
    display: block;
    position: relative;
}

.nab-overlay {
 position:absolute;
    inset:0;
    background: rgb(255 255 255);65);
    color: #000000;
    opacity:0;
    transition:0.3s;
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align: center;
}

.nab-card:hover .nab-overlay {
    opacity:1;
}

.nab-meta {
    font-size:13px;
    margin-bottom:8px;
   font-size: 16px;
    color: #dc4939;
}

.nab-overlay h4 {
    font-size:16px;
    margin-bottom:5px;
}

.nab-overlay p {
    font-size:18px;
    line-height:1.4;
}

.nab-pagination { margin-top:30px; }
.nab-blog-slider { padding:20px 0; }

.swiper-slide a {
    display: inline;
    text-decoration: none !important;
}
.nab-sidebar {
    border: solid 1px #c6c4c4;
    padding: 20px 15px;
    border-radius: 8px;
}

.nab-sidebar ul {
    list-style: none;
    padding-left: 0;
}

.nab-sidebar ul li {
    list-style: none;
    border-bottom: solid 1px #ccc;
    padding: 6px 0px 10px 0px;}


.nab-sidebar ul li a {
    color: #000;
    text-decoration: none !important;
    font-size: 20px;
}
.nab-sidebar ul li a:hover {
    color: #dc4939;}