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

@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
html,
body {
  font-family: "Outfit", sans-serif;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #f1f5f9 !important;
  overflow-x: hidden;
}

@layer utilities {
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
* {
  box-sizing: border-box !important;
  margin: 0;
  padding: 0;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.slick-arrow{
  display: none !important;
}