:root {
  --unnamed-color-ffffff: #ffffff;
  --unnamed-color-000000: #000000;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: normal;
  font-weight: 400;
}
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Importing SVN-Gilroy Bold */
@font-face {
  font-family: 'UTM Gill Sans Condensed';
    src: url('../font/UTM-Gill-Sans_Condensed.ttf') format('opentype');  
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Importing SVN-Gilroy SemiBold */
@font-face {
  font-family: "ElegantIcons";
  src: url("../font/ElegantIcons.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
/* Importing SVN-Gilroy Regular */
@font-face {
  font-family: "Merriweather";
  src: url("../font/Merriweather-Black.ttf") format("opentype");
  font-weight: 700;
  font-style: normal;
}


@font-face {
  font-family: "SVN-Gilroy";
  src: url("../font/Inter-Bold.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SVN-Gilroy";
  src: url("../font/SVN-Gilroy\ Heavy.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto-Regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto-Bold.ttf") format("opentype");
  font-weight: bold;
  font-style: normal;
}

body {
  font-family: "Roboto", sans-serif;
  background: var(--unnamed-color-ffffff);
  overflow-x: hidden;
}

.scrollbar-hide {
  -ms-overflow-style: none;  /* IE và Edge */
  scrollbar-width: none;     /* Firefox */
}

.scrollbar-hide::-webkit-scrollbar {
  display: none; /* Chrome, Safari và Opera */
}