body{
	background-color:#ffffff;
}

.bg-light{
	background-color: #ebebeb !important;
}

.bg-light2{
	background-color: #cbe1f5;
}

.form-label{
	font-weight: bold;
}

header, footer{
  background-color:#0F172A;
  border-radius:40px;
}

.nav-pills .nav-link.active{
  background-color:#ffffff;
  color:#0F172A;
  border-radius:20px;
}

.nav-pills .nav-link.active:hover{
  background-color:#9C70FF;
  color:#ffffff;
}

.nav-pills .nav-link, .brand{
  color:#ffffff;
  border-radius:20px;
}

.nav-pills .nav-link:hover{
  color:#9C70FF;
  background-color:#282f40;
  border-radius:20px;
}

.onpage{
  color:#9C70FF !important;
  background-color:#282f40 !important;
  border-radius:20px;
}

/*.logo:hover{
  fill:#9C70FF;
} */

.btn-primary{
  background-color:#9C70FF;
  color:#ffffff;
  border-color:#9C70FF;
  border-radius:20px;
}

.btn-primary:hover{
  background-color:#ffffff;
  color:#0F172A;
  border-width:1px;
  border-color:#0F172A;
  border-radius:20px;
}

.btn-primary2{
  background-color:#0F172A;
  color:#ffffff;
  border-color:#0F172A;
  border-radius:20px;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.3);
}

.btn-primary2:hover{
  background-color:#ffffff;
  color:#0F172A;
  border-width:1px;
  border-color:#0F172A;
  border-radius:20px;
}


.bg-gradient{
  background: linear-gradient(180deg, rgba(96,95,245,1) 0px, rgba(96,95,245,0) 175px) !important;
  background-repeat: no-repeat !important;
}

.top-bg{
  /*background-color:#9C70FF;
  background-color:#605ff5;*/
  background: rgb(96,95,245);
  background: linear-gradient(180deg, rgba(96,95,245,1) 51%, rgba(167,113,201,1) 100%);
}

.top-text{
  color:#ffffff;
}

.data-row{
  background-color:#0F172A;
  border-radius:20px;
}

.data-box{
  background-color:#ffffff;
  color:#0F172A;
}

.data-box-dark{
  color:#ffffff;
  background-color:#0F172A;
}

.display-6{
  font-size:2rem;
}

.white{
  color:#ffffff;
}

.black{
  color:#0F172A;
}

.gray{
  color:#BDBFC5;
}


.map{
  height:400px;
  border-radius:20px;
}

.text-body-secondary{
  color:#BDBFC5 !important;
  font-size:.85rem;
}

.text-body-secondary:hover{
  color:#9C70FF !important;
}

.footer-text{
  font-size:.85rem;
}

a:hover .bi-clipboard-data-fill, 
a:hover .brand {
    color: #9C70FF;
    fill: #9C70FF; 
}