@import url(../../../../typeface/PublicSans/@PublicSans.css);
:root {
  /* --bs-primary: #1b75be;
  --bs-primary-rgb: 27, 117, 190;
  --bs-primary-dark: #0a5b9c;
  --bs-primary-rgb-dark: 10, 91, 156;
  --bs-primary-text: #1b75be; */

  /* --bs-secondary: #6c757d;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-secondary-dark: #565e64;
  --bs-secondary-rgb-dark: 86, 94, 100;
  --bs-secondary-text: #6c757d;

  --bs-link-color: #1b75be;
  --bs-link-hover-color: #0a5b9c;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41; */
  --bs-primary: #75441a !important;
  --bs-primary-dark: #351901 !important;
  --bs-primary-rgb: 117, 68, 26 !important;
  --bs-link-color: #75441a !important;
  --bs-link-hover-color: #212529 !important;
}
[data-bs-theme="dark"] {
  --bs-body-color: #fff;
  --bs-body-color-rgb: 255, 255, 255;
}
/* ========================================
    GENERAL START
======================================== */
html,
body {
  font-family: "Public Sans", sans-serif;
  scroll-behavior: smooth;
  scrollbar-color: var(--bs-primary);
  --scrollbar-3dlight-color: #fff;
}
main {
  min-height: 70vh;
}

#Loader {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
[data-bs-theme="dark"] #Loader {
  background-color: rgba(var(--bs-dark-rgb), 0.8);
}

.navbar-light {
  background-color: var(--bs-body-bg);
}
.navbar-brand > img {
  height: 55px;
}
[data-bs-theme="dark"] .navbar-brand > img {
  filter: invert(100%) brightness(1000%);
}

@media (max-width: 576px) {
  .navbar-brand {
    width: 75%;
  }
  .navbar-brand > img {
    height: 35px;
  }
}
/* ========================================
    SCROLLBAR START
======================================== */
::-webkit-scrollbar {
  background-color: var(--bs-gray-200);
  height: 0.875rem;
  width: 0.875rem;
}
::-webkit-scrollbar-thumb {
  background-color: var(--bs-gray-500);
  border: 0.3rem solid var(--bs-gray-200);
  border-radius: 5rem;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--bs-primary);
  border: 0.225rem solid var(--bs-gray-200);
}
[data-bs-theme="dark"] ::-webkit-scrollbar {
  background-color: var(--bs-gray-800);
}
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb {
  background-color: var(--bs-secondary);
  border: 0.3rem solid var(--bs-gray-800);
}
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background-color: var(--bs-gray-500);
  border: 0.225rem solid var(--bs-gray-800);
}

/* ========================================
    SCROLLBAR END
======================================== */

/* ========================================
    TEXT BG
======================================== */
.text-bg-white {
  color: #000 !important;
  background-color: #fff !important;
}

[data-bs-theme="dark"] .text-bg-light {
  color: #fff !important;
  background-color: RGBA(
    var(--bs-dark-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
[data-bs-theme="dark"] .text-bg-white {
  color: #fff !important;
  background-color: RGBA(
    var(--bs-dark-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
/* ========================================
    TEXT BG END
======================================== */
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    var(--bs-primary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-primary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
[data-bs-theme="dark"] .link-primary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    var(--bs-secondary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-secondary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}

.link-primary:hover,
.link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    var(--bs-primary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-primary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
[data-bs-theme="dark"] .link-primary:hover,
[data-bs-theme="dark"] .link-primary:focus {
  color: RGBA(var(--bs-secondary), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(
    var(--bs-secondary) var(--bs-link-underline-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-secondary) var(--bs-link-underline-opacity, 1)
  ) !important;
}

[data-bs-theme="dark"] .btn-outline-dark {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.dropdown-menu {
  --bs-dropdown-link-active-bg: #75441a;
}

a {
  color: rgba(var(--bs-primary-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-dark-rgb);
}
[data-bs-theme="dark"] a {
  color: rgba(var(--bs-light-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
[data-bs-theme="dark"] a:hover {
  --bs-link-color-rgb: var(--bs-light-rgb);
  opacity: 0.7;
}