/* ========================= */
    /* ARTICLE */
    /* ========================= */

    .article-card{
      background:white;
      border-radius:25px;
      padding:40px;
      box-shadow:0 10px 40px rgba(0,0,0,.06);
    }

    .article-tag{
      background:#0d6efd;
      color:white;
      display:inline-block;
      padding:8px 18px;
      border-radius:30px;
      font-size:14px;
      margin-bottom:20px;
    }

    .article-title{
      font-size:48px;
      font-weight:800;
      color:#002b66;
      margin-bottom:20px;
    }

    .article-meta{
      display:flex;
      gap:20px;
      margin-bottom:30px;
      color:#777;
      flex-wrap:wrap;
    }

    .article-image{
      width:100%;
      height:420px;
      object-fit:cover;
      border-radius:20px;
      margin-bottom:35px;
    }

    .article-content p{
      line-height:2;
      margin-bottom:25px;
      color:#444;
    }

    .article-content h3{
      color:#003b8e;
      font-weight:700;
      margin-top:40px;
      margin-bottom:20px;
    }

    .share-buttons a{

      width:42px;
      height:42px;

      display:inline-flex;
      align-items:center;
      justify-content:center;

      border-radius:50%;
      background:#0d6efd;
      color:white;

      margin-right:10px;

    }

    /* ========================= */
    /* SIDEBAR */
    /* ========================= */

    .sidebar-card{
      background:white;
      border-radius:20px;
      padding:30px;
      box-shadow:0 10px 30px rgba(0,0,0,.05);
      margin-bottom:30px;
    }

    .sidebar-title{
      font-size:24px;
      font-weight:700;
      margin-bottom:25px;
      color:#002b66;
    }

    .category-item{
      display:flex;
      justify-content:space-between;
      margin-bottom:15px;
      color:#333;
    }

    .recent-post{
      display:flex;
      gap:15px;
      margin-bottom:20px;
    }

    .recent-post img{
      width:100px;
      height:80px;
      object-fit:cover;
      border-radius:12px;
      min-width: 100px;
    }

    .recent-post h6{
      font-size:16px;
      margin-bottom:5px;
      color:#002b66;
      font-weight:700;
    }

    .recent-post p{
      font-size:14px;
      color:#777;
      margin:0;
    }

    /* ========================= */
    /* CTA */
    /* ========================= */

    .cta-box{

      background:linear-gradient(135deg,#003b8e,#0d6efd);

      color:white;
      border-radius:20px;
      padding:35px;
      text-align:center;

    }

    .cta-box h4{
      font-weight:800;
      margin-bottom:15px;
    }

    .cta-box .btn{
      width:100%;
      margin-top:15px;
    }

    .search-box{background:#fff;padding:25px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin-top:40px;position:relative}
.filter-btn{border-radius:30px}
.article-card{border:none;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.08);height:100%}
/*.article-card img{height:200px;object-fit:cover}*/

.page-hero h1 {
  font-size: 56px;
  font-weight: 800;
}

@media(max-width:991px){
.page-hero h1 {
  font-size: 32px;
}
  .article-title{
    font-size:26px;
  }

}