.color_switcher {
    list-style: none;
  
    text-align: center;
}
.color_switcher li{
    width: 20px;
        border-radius: 20%;
    border: 2px solid white;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}   

.color_switcher li:first-child{
    background-color: #01b0ef;
}
.color_switcher li:nth-child(2){
    background-color: #a6a72f;
}
.color_switcher  li:nth-child(3){
    background-color: #f04742;
}
.color_switcher  li:nth-child(4){
    background-color: #5a57cc;
}
/*banner*/
.red .bnrchng{
    background-image: url(../Images/sbg.jpg) !important;
}
.blue .bnrchng {
    background-image: url(../Images/header-background.jpg) !important;
}
.purple .bnrchng {
    background-image: url(../Images/pbg.jpg) !important;
}
.green .bnrchng {
    background-image: url(../Images/ybg.jpg) !important;

}


/*background*/
.red .clrchng {
    background: #01b0ef !important;
}
.blue .clrchng {
    background: #5a57cc !important;
}
.purple .clrchng {
    background: #f04742 !important;
}
.green .clrchng {
    background: #a6a72f !important;

}

/*background feedback*/
.red .note {
    background: #01b0ef !important;
}
.blue .note {
    background: #5a57cc !important;
}
.purple .note {
    background: #f04742 !important;
}
.green .note {
    background: #a6a72f !important;

}
/*font color*/
.red .clrchngf{
    color: #01b0ef !important;
}
.blue .clrchngf{
    color: #5a57cc !important;
}
.purple .clrchngf {
    color: #f04742 !important;
}
.green .clrchngf {
    color: #a6a72f !important;

}

/*list style color*/
.red .stylelst li:before {
    color: #01b0ef !important;
}
.blue .stylelst li:before {
    color: #5a57cc !important;
}
.purple .stylelst li:before {
    color: #f04742 !important;
}
.green .stylelst li:before {
    color: #a6a72f !important;

}
/*link active*/
.red .nav-link.active {
    border-bottom: 2px solid #01b0ef !important;
}
.blue .nav-link.active {
    border-bottom: 2px solid #5a57cc !important;
}
.purple .nav-link.active {
    border-bottom: 2px solid #f04742 !important;
}
.green .nav-link.active {
    border-bottom: 2px solid #a6a72f !important;
}