@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');
:root {
  --primary: #f59028;
  --secondary: #ffd50e;
  --contrast: #ffffff;
}
body,th,td,div,p,li,a,.navbar-nav .nav-link {
  font-family:'Poppins', sans-serif;
  color: #585858;
}
body,th,td,div,p,li,.navbar-nav .nav-link {
  font-weight:300;
}
.navbar-nav .nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link.show {
  color: #000;
  font-weight: 400;
}
.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link:hover {
  color: #f59028;
}
.navbar-nav a.nav-link.initials-circle {
  background-color: #828282;  /* Background color */
  color: #fff;  /* Text color */
  border-radius: 50%;  /* Makes it a circle */
  width: 50px;  /* Set fixed width */
  height: 50px;  /* Set fixed height */
  display: flex;  /* Enable flexbox */
  justify-content: center;  /* Center horizontally */
  align-items: center;  /* Center vertically */
  text-align: center;  /* Aligns text to center */
}
@media (min-width:1200px) {
  .navbar-nav a.nav-link.initials-circle {
    margin-top: -7px;
  }
}
.navbar-light .nav-link.initials-circle,.navbar-light .nav-link.initials-circle:focus{
  color: #828282;
}
.navbar-light .nav-link.initials-circle:hover{
  color: #828282;
  background-color: #efefef;
}
.content {
  border-top: 2px solid #f59028;
}
.card-body {
  border-top: 3px solid #ffd50e;
}
h1,h2,h3,h4,h5 {
  font-family:'Poppins', sans-serif;
  font-weight:700;
}
h1 {
  color: #000;
}
h2,h3 {
  color: #f59028;
}
ul.steps li.checked {
  background-color:  #f59028;
  border: 2px solid  #f59028;
}
ul.steps li.active {
  color:  #f59028;
  border: 2px solid  #f59028;
}
ul.steps li.checked:before,ul.steps li.checked:after,ul.steps li.active:after {
  background-color:  #f59028;
}
ul.steps:before,ul.steps:after {
  background-color:  #f59028;
}
button,.btn {
  color: #fff;
  background-color: #f59028;
}
button:hover, .btn:hover,
button:focus, .btn:focus {
  color: #f59028;
  background-color: #f0f0f0;
}
footer {
  background-color: #202020;
}
footer th,footer td,footer div,footer p,footer li,footer a {
  color: #fff;
}