/* FRMAKIJ Custom Icons CSS */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");

/* Base icon styles */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  vertical-align: middle;
}

/* Icon SVG definitions */
.icon-arrow-left::before {
  content: "←";
  font-size: 1.2em;
  font-weight: bold;
}

.icon-users::before {
  content: "👥";
  font-size: 1em;
}

.icon-building-2::before {
  content: "🏢";
  font-size: 1em;
}

.icon-sword::before {
  content: "⚔️";
  font-size: 1em;
}

.icon-shield::before {
  content: "🛡️";
  font-size: 1em;
}

.icon-target::before {
  content: "🎯";
  font-size: 1em;
}

.icon-award::before {
  content: "🏆";
  font-size: 1em;
}

.icon-chevron-right::before {
  content: "→";
  font-size: 1.2em;
  font-weight: bold;
}

.icon-map-pin::before {
  content: "📍";
  font-size: 1em;
}

.icon-search::before {
  content: "🔍";
  font-size: 1em;
}

.icon-graduation-cap::before {
  content: "🎓";
  font-size: 1em;
}

.icon-globe::before {
  content: "🌍";
  font-size: 1em;
}

.icon-flag::before {
  content: "🏁";
  font-size: 1em;
}

.icon-trophy::before {
  content: "🏆";
  font-size: 1em;
}

.icon-crown::before {
  content: "👑";
  font-size: 1em;
}

.icon-user::before {
  content: "👤";
  font-size: 1em;
}

.icon-lock::before {
  content: "🔒";
  font-size: 1em;
}

.icon-eye::before {
  content: "👁️";
  font-size: 1em;
}

.icon-eye-off::before {
  content: "🙈";
  font-size: 1em;
}

.icon-check::before {
  content: "✅";
  font-size: 1em;
}

/* Hover effects for icons */
.icon-hover {
  transition: transform 0.3s ease;
}

.icon-hover:hover {
  transform: scale(1.1);
}

/* Rotating animation for specific icons */
.icon-rotate {
  transition: transform 0.8s ease;
}

.icon-rotate:hover {
  transform: rotate(360deg);
}