@font-face {
  font-family: "Dana";
  src: url("/assets/fonts/Dana/dana-fanum-light.woff2") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Dana";
  src: url("/assets/fonts/Dana/dana-fanum-regular.woff2") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Dana";
  src: url("/assets/fonts/Dana/dana-fanum-medium.woff2") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Dana";
  src: url("/assets/fonts/Dana/dana-fanum-medium.woff2") format("woff");
  font-weight: 600;
  font-style: normal;
}


* {
  font-family: 'Dana'
}



.tailwind-pagination .pagination {
  display: flex;
  gap: 5px;
  /* Adjust the gap as needed */
}

.tailwind-pagination li {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(46 16 101 / var(--tw-text-opacity));
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  justify-items: center;
}


.tailwind-pagination li.active {
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity)) !important;
  color: white !important;
}