body{
  font-family: 'Prompt', sans-serif !important;
  background: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url('img/bg3.webp') repeat center left fixed ;
  background-size: cover;
}

.base-color{
  background-color: #597ff5 !important;
  color: white !important;
  transition: background-color 0.4s ease, color 0.4s ease;
}

.base-color:hover{
  background-color: #90b2f8 !important;
  color: white !important;
}

.list-color:hover{
  background-color: #90b2f8 !important;
  color: white !important;
}

.sec-color{
  background-color: #e6ecfc !important;
  color: #90b2f8 !important;
  transition: background-color 0.4s ease, color 0.4s ease;
}

.sec-color:hover{
  background-color: #90b2f8 !important;
  color: white !important;
}

.base-text{
  color: #597ff5 !important;
  transition: color 0.4s ease;
}

.base-text:hover{
  color: #90b2f8 !important;
}

.base-fill{
  fill: #597ff5 !important;
}

.text-base{
  color: #212529 !important;
}

.text-base:hover{
  color: #597ff5 !important;
}

.text-base .active{
  color: white !important;
  background-color: #597ff5 !important;
}

.btn.active{
  color: white !important;
  background-color: #597ff5 !important;
}

.hover-shadow:hover {
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}