:root{
    --primary:#1090CB;

}
.btn-color{
    background-color:var(--primary) ;
}
.home-color{
    color: var(--primary) !important;
}
.btnoutline{
    outline: 1px solid var(--primary);
}
.background{
    background-color: #E8F4FA;
}
.color{
    color: #868686;
}
.bg-color{
    background-color: #08D3BB;
    height: 6vh;
    width: 7%;
}
.blue{
    background-color: var(--primary);
     height: 6vh;
    width: 7%;
}
.purple{
    background-color: #9208D3;
     height: 6vh;
    width: 7%;
}
.back-color{
    background-color: #F4F4F4;
}
.blue-color{
    background-color: #1090CB;
}
.bluecolor{
    color: #1090CB;
}
.bell-icon{
    position: absolute;
    
    top: -80px;
    right: -1px;
}
.star{
 position: relative;
    top: 90px;
    left: 95px;

}
.pie{
    position: absolute;
    right: 27%;
    
}
.dash{
    position: absolute;
    left: 30px;
    top:  204%;
    z-index: -1;
}
.shade{
    position: absolute;
    top: 180px;
    right: 30px;
}
.white-shade{
    position: absolute;
    left: 0px;
    top: 70px;
}
@media screen and  (max-width: 1200px){
    .bg-color{
        width: 10%;
         height: 6vh;
    }
    .blue{
          width: 10%;
         height: 6vh;
    }
    .purple{
          width: 10%;
         height: 6vh;
    }
}