body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

/* font variables */
:root {
  --montserrat-regular: "Montserrat-Regular";
  --montserrat-medium: "Montserrat-Medium";
  --montserrat-bold: "Montserrat-Bold";
  --montserrat-light: "Montserrat-Light";
  --montserrat-semibold: "Montserrat-SemiBold";
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.row {
  margin: 0 !important;
  padding: 0 !important;
}

/* import font family */
@font-face {
  font-family: "Montserrat-Regular";
  src: local("Montserrat-Regular"),
    url("../../public/assets/fonts/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Medium";
  src: local("Montserrat-Medium"),
    url("../../public/assets/fonts/Montserrat-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Bold";
  src: local("Montserrat-Bold"),
    url("../../public/assets/fonts/Montserrat-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Light";
  src: local("Montserrat-Light"),
    url("../../public/assets/fonts/Montserrat-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-SemiBold";
  src: local("Montserrat-SemiBold"),
    url("../../public/assets/fonts/Montserrat-SemiBold.ttf") format("truetype");
}

.montsRegular400 {
  font-family: var(--montserrat-regular);
}

.montsMedium500 {
  font-family: var(--montserrat-medium);
}

.montsLight300 {
  font-family: var(--montserrat-light);
}

.montsBold700 {
  font-family: var(--montserrat-bold);
}

.montsSemiBold600 {
  font-family: var(--montserrat-semibold);
}

/* font size */
.fs12 {
  font-size: 12px;
}

.fs13 {
  font-size: 13px;
}

.fs14 {
  font-size: 14px;
}

.fs16 {
  font-size: 16px;
}

.hidden {
  display: none
}

.visible {
  display: block;
}

.custom-scrollbar {
  max-height: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
  /* For Firefox */
  scrollbar-color: rgba(99, 115, 129, 0.48) #f0f0f0;
  /* For Firefox */
}

.custom-scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}

.cursor-pointer {
  cursor: pointer !important;
}