@font-face {
  font-family: "SNJ Lora";
  src: url("/assets/fonts/lora-500.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "SNJ Lora";
  src: url("/assets/fonts/lora-600.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "SNJ Lora";
  src: url("/assets/fonts/lora-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "SNJ Manrope";
  src: url("/assets/fonts/manrope-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "SNJ Manrope";
  src: url("/assets/fonts/manrope-500.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "SNJ Manrope";
  src: url("/assets/fonts/manrope-600.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "SNJ Manrope";
  src: url("/assets/fonts/manrope-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "SNJ Manrope";
  src: url("/assets/fonts/manrope-800.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

:root {
  --font-heading: "SNJ Lora", Georgia, serif;
  --font-body: "SNJ Manrope", sans-serif;
  --bs-body-font-family: var(--font-body);
}

html,
body,
button,
input,
select,
textarea,
.navbar,
.nav-link,
.btn,
.form-control,
.form-select {
  font-family: var(--font-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
}

.site-navbar .navbar-cta,
.site-navbar .navbar-cta:hover,
.site-navbar .navbar-cta:focus,
.site-navbar .navbar-cta:active,
.site-navbar .navbar-cta i {
  color: #fff !important;
}

.nav-caret {
  display: inline-block;
  width: .42rem;
  height: .42rem;
  margin-left: .28rem;
  border-right: 1.4px solid currentColor;
  border-bottom: 1.4px solid currentColor;
  transform: translateY(-.12rem) rotate(45deg);
}