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

[class^="hsi-"]:before, [class*=" hsi-"]:before {
  font-family: "hagar-support-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hsi-child-protection:before { content: "\e800"; }
.hsi-psychosocial-counselling:before { content: "\e801"; }
.hsi-education:before { content: "\e802"; }
.hsi-health-support:before { content: "\e803"; }
.hsi-family-tracing-mediation:before { content: "\e804"; }
.hsi-school-essentials:before { content: "\e805"; }
.hsi-practical-support:before { content: "\e806"; }
.hsi-legal-advice:before { content: "\e807"; }