/* Responsive adjustments */
@media (min-width: 640px) and (max-width: 1024px) {
  .main-card .card-img-wrapper {
    height: 350px;
  }
          .nav-link:hover::before,
        .nav-link.active::before {
            width: 0%  !important;
            left: 0;
            /* پر کردن کل فضا */
        }


  .section-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .btn-archive {
    align-self: flex-end; /* برای ستون، به انتهای محور عمودی می‌ره */
    /* اگر می‌خوای به سمت راست/چپ بره: */
    /* margin-inline-start: auto; */
  }

  .hero-title {
    font-size: 2rem !important;
  }
.stats-card {
  width: 100%!important;
padding: 5px;}
  }