.dashboard {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
}

.total {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}
.total > div {
  width: 250px;
  height: 180px;
  background-color: #0C2035;
  margin: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 16px;
  border-radius: 14px;
}
.total h3 {
  font-size: 16px;
  font-weight: 600;
  color: #1696BB;
}
.total-data {
  width: 100%;
  height: 90px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.total-data .icon {
  width: 60px;
  height: 60px;
  background-color: #194166;
  border-radius: 19px;
  padding: 10px;
  position: relative;
  top: -40px;
}
.total-data span {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}
.up {
  width: 100%;
  height: 30px;
  font-size: 16px;
  font-weight: 600;
  color: #D0D0D0;
  line-height: 30px;
}
.up span {
  color: #00B69B;
  margin-right: 5px;
}
.analysis {
  width: 100%;
  min-height: 460px;
      margin: 50px 0;
background-color: #0C2035;
}
.leeds {
  width: 100%;
  height: 450px;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  background-color: #0C2035;
  border-radius: 22px;
  padding: 20px;
}
.leeds > div:first-child {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.lead-data {
  width: 100%;
  height: 350px;
  display: flex;
  justify-content: space-evenly;
}
.lead-data > div {
  width: 150px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  text-align: center;

}
.lead-data span{
    width: 100%;
    height: 40px;
    font-size: clamp(8px , 2vw , 12px);
    font-weight:400 ;
    color: #fff;
}
.leeds h3 {
  width: 150px;
  font-size: 14px;
  font-weight: 600;
  color: #1696BB;
    text-align: center;

}
.status{
    align-items: center;
}
.status span{
width: 80%;
height: 27px;
font-size: clamp(8px , 2vw , 12px);
border-radius: 4px;
text-align: center;
line-height: 27px;
}
.status-active{
    background-color: #00B69B;
    color: #00ffd9 !important;
}
.status-pending{
        background-color: #ffa14a;
    color: #c15c00 !important;
}
#leadsChart{
  width: 100%;
  height: 100%;
}
@media (max-width:1000px) {
    .leeds h3:nth-child(3),.lead-data > div:nth-child(3){
        display: none;
    }
  
}
@media (max-width:650px) {
    .leeds h3:nth-child(5),.lead-data > div:nth-child(5){
        display: none;
    }
  
}
@media (max-width:400px) {
    .leeds h3:nth-child(2),.lead-data > div:nth-child(2){
        display: none;
    }
  
}