@font-face {
    font-family: "Inter";
    src: url("../../font/inter/Inter-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../font/inter/Inter-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../font/inter/Inter-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../font/inter/Inter-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html,
body,
p,
span,
div,
small,
strong,
em,
label,
caption,
th,
td,
li,
a,
input,
select,
textarea,
button,
h1,
h2,
h3,
h4,
h5,
h6,
.main-sidebar,
.nav-sidebar .nav-link,
.sidebar,
.content-wrapper,
.card,
.card-title,
.card-body,
.form-control,
.form-check-label,
.table,
.table td,
.table th {
    font-family: "Inter" !important;
}

/* Global no-shadow for card containers in legacy layouts/reports */
.card,
.box,
.panel,
.small-box,
.report-card,
[class*=" card-"] {
    box-shadow: none !important;
}

/* Keep icon fonts intact */
i,
.fa,
.fas,
.far,
.fab,
.fal,
.fad,
.glyphicon,
[class^="fa-"],
[class*=" fa-"],
[class^="ion-"],
[class*=" ion-"] {
    font-family: inherit;
}