@font-face {
  font-family: Mulish;
  font-weight: 200;
  src: url(../font-family/Mulish/static/Mulish-ExtraLight.ttf);
}

@font-face {
  font-family: Mulish;
  font-weight: 300;
  src: url(../font-family/Mulish/static/Mulish-Light.ttf);
}

@font-face {
  font-family: Mulish;
  font-weight: 400;
  src: url(../font-family/Mulish/static/Mulish-Regular.ttf);
}

@font-face {
  font-family: Mulish;
  font-weight: 500;
  src: url(../font-family/Mulish/static/Mulish-Medium.ttf);
}

@font-face {
  font-family: Mulish;
  font-weight: 600;
  src: url(../font-family/Mulish/static/Mulish-SemiBold.ttf);
}

body {
  font-family: "Inter", sans-serif !important;
}

section div::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
section div {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

body ::-webkit-scrollbar {
  width: 5px !important;
  border: 1px solid var(--gray-border);
  border-radius: 8px;
}

body ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  width: 2px;
  background: gray;
}
html ::-webkit-scrollbar {
  width: 5px !important;
  border: 1px solid var(--gray-border);
  border-radius: 8px;
}

html ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  width: 2px;
  background: gray;
}

div#snap_container {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.filter-year-selected {
  background: black !important;
  color: white !important;
}

/* div#snap_container::-webkit-scrollbar {
  width: 0px !important;
}

div#snap_container::-webkit-scrollbar-thumb {
  width: 0px;
} */

/* form#contact::-webkit-scrollbar {
  visibility: hidden !important;
}

form#contact:hover::-webkit-scrollbar {
  visibility: visible;
}

form#contact::-webkit-scrollbar-thumb {
  background: transparent;
}

form#contact:hover::-webkit-scrollbar-thumb {
  background: gray;
}

form#contact div::-webkit-scrollbar {
  display: none !important;
}

form#contact div {
  -ms-overflow-style: none !important; 
  scrollbar-width: none !important;  
}  */

@media only screen and (max-width: 768px) {
  form#contact label {
    display: inline-block;
    margin-top: 5px;
  }
}

div.bio-select-input:empty:before {
  content: attr(data-text);
  color: #bbbbbc;
  font-weight: 400;
  overflow: hidden;
  width: 90%;
}

::placeholder {
  color: #bbbbbc !important;
  font-weight: 400 !important;
}

li span {
  display: inline;
  margin-left: -0.5em;
  color: #000; /* black text */
}

.tab-service-menu::-webkit-scrollbar {
  height: 0px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

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