@font-face {
  font-family: "Matter";
  src: url(Matter-Bold/Matter-Bold.woff2);
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Matters-SQ";
  src: url(Matter-SQ/@font-face/8611cf274fd66935b8f771ac84029521.woff2);
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Muller";
  src: url(MullerRegular/MullerRegular.woff2);
  font-style: normal;
  font-weight: 500;
}

.font_family_matter {
  font-family: "Matter" !important;
}

.font_family_matter_sq {
  font-family: "Matters-SQ" !important;
}

.font_family_muller {
  font-family: "Muller" !important;
}

body {
  margin: 0;
  font-family: "Matters-SQ" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.transparent {
  background-color: transparent !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

.non-transparent {
  border-color: #000000 !important;
}

.input-bg:focus {
  outline: none !important;
  border: 1px solid #f47c35 !important;
}

.input-bg1:focus {
  outline: none !important;
  border: 1px solid #f47c35 !important;
  background-color: #ffffff !important;
}