/* Responsive adjustments */
@media (max-width: 640px) {
  .main-card .card-img-wrapper {
    height: 350px;
  }

  .nav-link:hover::before,
  .nav-link.active::before {
    width: 0% !important;
    left: 0;
    /* پر کردن کل فضا */
  }

  .section-header {
    flex-direction: column;
    gap: 10px;
  }

  .btn-archive {
    align-self: flex-end;
    /* یا برای بردن به سمت مقابل: margin-inline-start: auto; */
  }

  .hero-title {
    font-size: 2rem !important;
  }

  .navbar {
    padding: 10px;
  }

  .nav-link:hover::after,
  .nav-link.active::after {
    width: 0%;
  }

  .navbar-nav .dropdown-menu {
    position: static;
    text-align: right;
    border: none;
  }

  .dropdown-item {
    margin-top: 1rem;
  }

  .stats-card {
    width: 100% !important;
  }

  .breadcrumb {
    margin-top: 1rem !important;
    font-size: 11px !important;
    padding: 5px !important;
    top: 60px!important;
    right: 0!important;
  }
  .image-modal-content {
    height: 30% !important;
  }
  }