/* Section */
.departments-section {
  margin: 10px auto 40px;
}

/* Title */
.department-title {
  color: var(--text-black);
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 20px !important;
}

/* Grid */
.dept-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 25px; /* 🔥 better spacing between cards */
}

/* Card */
.dept-card {
  position: relative;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;

  padding: 25px 20px;
  background: #fff;
  color: var(--primary-blue);
  font-weight: 600;
  border-radius: 12px;
  text-decoration: none;
  transition: 0.3s ease;
  min-height: 150px;

  border: 1px solid #e5e7eb;

  /* 🔥 spacing control */
  padding-top: 45px;
  padding-bottom: 55px;
}

/* 📄 PDF ICON */
/*.dept-card::before {
  content: "\f1c1";
  font-family: "FontAwesome";
  font-size: 26px;
  color: var(--accent-red);

  position: absolute;
  top: 12px;

  transition: 0.3s;
}*/

/* ⬇ DOWNLOAD BUTTON */
.dept-card::after {
  content: "\f019  Download";
  font-family: "FontAwesome", Arial;
  font-size: 12px;

  background: var(--primary-blue);
  color: #fff;
  padding: 6px 14px;
  border-radius: 20px;

  position: absolute;
  bottom: 12px;

  transition: 0.3s;
}

/* Alternate color */
.dept-card:nth-child(even) {
  background: var(--column-bg);
}

/* Hover */
.dept-card:hover {
  background: var(--primary-blue);
  color: #fff;
  transform: translateY(-6px);
}

/* Hover icon */
.dept-card:hover::before {
  color: #fff;
}

/* Hover button */
.dept-card:hover::after {
  background: #fff;
  color: var(--primary-blue);
}

/* Responsive */
@media (max-width: 768px) {
  .department-title {
    font-size: 24px;
  }

  .dept-card {
    font-size: 14px;
    padding: 20px 15px;
    padding-top: 40px;
    padding-bottom: 50px;
  }
}