body {
  font-family: 'Poppins', sans-serif;
  background-color: #061727;
  color: white;
}
:root {
  --bs-primary-rgb: 199,152,100;
  --bs-link-color: rgb(199, 152, 100);
}
a {
  color: var(--bs-link-color);
  text-decoration: none;
}
.bg-grey {
  background-color: #3a4f60;
}
.btn-primary {
  --bs-btn-bg: #c79864;
  --bs-btn-border-color: #c79864;
  --bs-btn-hover-bg: #ab7f4f;
  --bs-btn-hover-border-color: #ab7f4f;
  --bs-btn-active-bg: #896741;
  --bs-btn-active-border-color: #896741;
  --bs-btn-disabled-bg: #896741;
  --bs-btn-disabled-border-color: #896741;
}
.alert-primary {
  --bs-alert-color: #ffffff;
  --bs-alert-bg: #c79864;
  --bs-alert-border-color: #c79864;
}
.btn-outline-primary {
  --bs-btn-color: #c79864;
  --bs-btn-border-color: #c79864;
  --bs-btn-hover-bg: #ab7f4f;
  --bs-btn-hover-border-color: #ab7f4f;
  --bs-btn-active-bg: #896741;
  --bs-btn-active-border-color: #896741;
  --bs-btn-disabled-bg: #896741;
  --bs-btn-disabled-border-color: #896741;
}
.dropdown-menu {
  --bs-dropdown-link-active-bg: #c79864;
}
.bg-transparent-dark {
  background-color: #444444c9;
}
.bg-green {
  background-color: #1E5C5A;
}
.bg-green-light {
  background-color: #DEF3CA;
}
.text-sm {
  font-size: 0.86rem;
}
.border-radius-top-0 {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cursor-pointer {
  cursor: pointer;
}

@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu{ display: none; }
  .navbar .nav-item:hover .nav-link{   }
  .navbar .nav-item:hover .dropdown-menu{ display: block; }
  .navbar .nav-item .dropdown-menu{ margin-top:0; }
}
.spinner {
  animation: rotator 1.4s linear infinite;
  margin-left: -12px;
  z-index: 999;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}
@keyframes colors {
  0% {
    stroke: #4285f4;
  }
  25% {
    stroke: #de3e35;
  }
  50% {
    stroke: #f7c223;
  }
  75% {
    stroke: #1b9a59;
  }
  100% {
    stroke: #4285f4;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}