@import "tailwindcss";
@layer base {
    /* dana font face */
  @font-face {
    font-family: "Dana";
    src: url("../font/Dana/DanaFaNum-Regular.woff2") format("woff2");
    font-display: swap;
  }
  @font-face {
    font-family: "Dana Medium";
    src: url("../font/Dana/DanaFaNum-Medium.woff2") format("woff2");
    font-display: swap;
  }
  @font-face {
    font-family: "Dana DemiBold";
    src: url("../font/Dana/DanaFaNum-DemiBold.woff2") format("woff2");
    font-display: swap;
  }
  /* morabba font face */
  @font-face {
    font-family: "Morabba light";
    src: url("../font/Morabba/Morabba-Light.woff2") format("woff2");
    font-display: swap;
  }
  @font-face {
    font-family: "Morabba Medium";
    src: url("../font/Morabba/Morabba-Medium.woff2") format("woff2");
    font-display: swap;
  }
  @font-face {
    font-family: "Morabba Bold";
    src: url("../font/Morabba/Morabba-Bold.woff2") format("woff2");
    font-display: swap;
  }
}
@theme {
  /* font */
  --font-Dana: "Dana";
  --font-DanaMedium: "Dana Medium";
  --font-DanaDemiBold: "Dana DemiBold";
  --font-MorabbaLight: "Morabba light";
  --font-MorabbaMedium: "Morabba Medium";
  --font-MorabbaBold: "Morabba Bold";
  --color-primary:#00303F;
  --color-theme: #BFA100;
}
/* start scroolbar style */
.min-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.min-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.min-scrollbar::-webkit-scrollbar-thumb {
  background-color: #4f46e5;
  border-radius: 9999px;
}

.min-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #4338ca;
}

.min-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #4f46e5 transparent;
}
/* end scroolbar style */
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: inherit !important;
}
@layer utilities {
  /* Chrome, Safari and Opera */
  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }

  /* Firefox */
  .scrollbar-hide {
    scrollbar-width: none;
  }

  /* IE and Edge */
  .scrollbar-hide {
    -ms-overflow-style: none;
  }
}