/*
  	Flaticon icon font: Flaticon
  	Creation date: 27/08/2020 19:12
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("./Flaticon.eot");
  src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
       url("./Flaticon.woff2") format("woff2"),
       url("./Flaticon.woff") format("woff"),
       url("./Flaticon.ttf") format("truetype"),
       url("./Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
font-size: 40px;
font-style: normal;
border-radius: 50%;
border-color: #fff;
border-style: solid;
padding: 10px;

}

.flaticon-healthcare:before { 
  content: "\f100";
 border-radius: 50%;
 transition: .5s;
 z-index: -1;
 
 }

 .flaticon-healthcare:hover::before {
  color: #b6f0ff;
  box-shadow: 0 0 30px #b6f0ff;
  text-shadow: 0 0 30px #b6f0ff;
  font-size: 50px;
  
}


.flaticon-water-dispenser:before { 
  content: "\f101";
border-radius: 50%;
  transition: .5s;
  z-index: -1; }

  .flaticon-water-dispenser:hover::before {
    color: #b6f0ff;
    box-shadow: 0 0 30px #b6f0ff;
    text-shadow: 0 0 30px #b6f0ff;
    font-size: 50px;
    
  }


.flaticon-technician:before { 
  content: "\f102";
border-radius: 50%;
  transition: .5s;
  z-index: -1;
}

.flaticon-technician:hover::before {
  color: #b6f0ff;
  box-shadow: 0 0 30px #b6f0ff;
  text-shadow: 0 0 30px #b6f0ff;
  font-size: 50px;
  
}


.flaticon-save-money:before { 
  content: "\f103";
border-radius: 50%;
  transition: .5s;
  z-index: -1;
}

.flaticon-save-money:hover::before {
  color: #b6f0ff;
  box-shadow: 0 0 30px #b6f0ff;
  text-shadow: 0 0 30px #b6f0ff;
  font-size: 50px;
  
}


.flaticon-shield:before { 
  content: "\f104";
border-radius: 50%;
  transition: .5s;
  z-index: -1; }

  .flaticon-shield:hover::before {
    color: #b6f0ff;
    box-shadow: 0 0 30px #b6f0ff;
    text-shadow: 0 0 30px #b6f0ff;
    font-size: 50px;
    
  }


.flaticon-coronavirus:before { 
  content: "\f105";
 border-radius: 50%;
  transition: .5s;
  z-index: -1;
}


.flaticon-coronavirus:hover::before {
  color: #b6f0ff;
  box-shadow: 0 0 30px #b6f0ff;
  text-shadow: 0 0 30px #b6f0ff;
  font-size: 50px;
  
}