@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
  font-family: iransans;
  src: url(../css/iransans/ir_sans_0.ttf);
  src: url(../css/iransans/ir_sans_0.ttf);
  src: url(../css/iransans/ir_sans_light.ttf);
  src: url(../css/iransans/ir_sans_medium.ttf);
  src: url(../css/iransans/ir_sans_ulight.ttf);
}

* {
  font-family: iransans;
  direction: rtl;
  color: #333333;
}


/* Add left border to <li> items */
nav ul li {
  border-left: 1px solid #ccc;
  padding: 20px;
}
nav ul li:hover {
  border-bottom: 4px solid #ccc;
}

/* Style for the menu when hovering over <li> items */
nav ul li:hover #mega-menu-dropdown {
  display: grid;
}