.blog-archive {
     padding: 50px 0;
     width: 1240px;
     margin: auto;
 }

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

 .blog-card {
     background: #fff;

     overflow: hidden;
     transition: 0.3s;
 }

 .load-more-wrap {
     text-align: center;
 }

 .blog-card:hover {
     transform: translateY(-5px);
 }

 .img-wrap img {
     width: 100%;
     height: 220px;
     object-fit: cover;
 }
  
a {text-decoration: none !important;}

 .content {
     padding: 0px;
 }

 .blog-title {
     font-size: 25px;
     line-height: 35px;
 }

 /* Filter */
 .blog-filter {
     margin-bottom: 20px;
 }

 .filter-btn {

     margin-right: 10px;
     padding: 8px 16px;
     border: none;
     background: #6e6e6e !important;
     cursor: pointer;
 }

 .filter-btn.active {
     background:#c89e43 !important;
     color: #fff;
 }

 /* Skeleton Loader */
 .skeleton {
     height: 250px;
     background: linear-gradient(90deg, #eee, #ddd, #eee);
     animation: shimmer 1.5s infinite;
 }

 @keyframes shimmer {
     0% {
         background-position: -200px 0;
     }

     100% {
         background-position: 200px 0;
     }
 }