@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");

:root {
  --pl-font-family: "Poppins", Arial, Helvetica, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
.navbar,
.sidebar,
.main-panel,
.content-wrapper,
.card,
.table,
.modal,
.dropdown-menu,
.auth-panel,
.auth-card,
.auth-form,
.login-page,
.reset-page {
  font-family: var(--pl-font-family) !important;
  font-weight: 400 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.auth-title,
.brand,
.card-title,
.page-title,
.plan-page-title,
.cb-title,
.cbe-title {
  font-family: var(--pl-font-family) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

strong,
b,
label,
.form-label,
.btn,
button,
.menu-title,
.nav-link,
.card-title,
.table th,
.badge,
.auth-btn,
.google-btn,
.form-kicker,
.kicker,
[class*="-title"],
[class*="-btn"],
[class*="-label"],
[class*="-value"] {
  font-weight: 500 !important;
}

.mdi,
[class^="mdi-"],
[class*=" mdi-"],
.menu-arrow {
  font-family: "Material Design Icons" !important;
}

.ti,
[class^="ti-"],
[class*=" ti-"] {
  font-family: "themify" !important;
}

.fa,
[class^="fa-"],
[class*=" fa-"] {
  font-family: "FontAwesome" !important;
}