/* Tembolic — ui/tembolic_v8.2 */
@font-face {


  font-family: "Tembolic";
  src: url("../tembolic_v8.2/tembolic-webfont.woff2") format("woff2"),
       url("../tembolic_v8.2/tembolic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tembolic";
  src: url("../tembolic_v8.2/tembolic-medium-webfont.woff2") format("woff2"),
       url("../tembolic_v8.2/tembolic-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tembolic";
  src: url("../tembolic_v8.2/tembolic-bold-webfont.woff2") format("woff2"),
       url("../tembolic_v8.2/tembolic-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Tembolic";
  src: url("../tembolic_v8.2/tembolic-italic-webfont.woff2") format("woff2"),
       url("../tembolic_v8.2/tembolic-italic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Tembolic";
  src: url("../tembolic_v8.2/tembolic-bold_italic-webfont.woff2") format("woff2"),
       url("../tembolic_v8.2/tembolic-bold_italic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Text only — do NOT use *::before / *::after here */
body,
.all-wrapper,
input,
button,
select,
textarea,
.form-control,
.btn,
.table,
.modal,
.dropdown-menu {
  font-family: "Tembolic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Preserve icon fonts (required) */
.fa,
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
.os-icon,
[class^="icon-"],
[class*=" icon-"] {
  font-family: inherit; /* then target each below */
}

.fa,
.fas,
.far,
.fa-solid,
.fa-regular {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900;
}

.fab,
.fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400;
}

.os-icon,
[class^="os-icon"] {
  font-family: "osfont" !important;
}

[class^="icon-"],
.icon-user,
.icon-people {
  font-family: "simple-line-icons" !important;
}