@font-face {
  font-family: "csppicons";
  src: url("https://akaunmudah.web.app/fonts/csppicons.eot");
  src: url("https://akaunmudah.web.app/fonts/csppicons.eot")
      format("embedded-opentype"),
    url("https://akaunmudah.web.app/fonts/csppicons.ttf") format("truetype"),
    url("https://akaunmudah.web.app/fonts/csppicons.woff") format("woff"),
    url("https://akaunmudah.web.app/assets/mastery/csppicons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.csppicon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "csppicons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.csppicon-chevron-left:before {
  content: "\f053";
}
.csppicon-chevron-right:before {
  content: "\f054";
}
.csppicon-arrow-left:before {
  content: "\f060";
}
.csppicon-arrow-right:before {
  content: "\f061";
}
.csppicon-caret-left:before {
  content: "\f0d9";
}
.csppicon-caret-right:before {
  content: "\f0da";
}
.csppicon-angle-double-left:before {
  content: "\f100";
}
.csppicon-angle-double-right:before {
  content: "\f101";
}
.csppicon-angle-left:before {
  content: "\f104";
}
.csppicon-angle-right:before {
  content: "\f105";
}
.csppicon-arrow-circle-o-right:before {
  content: "\f18e";
}
.csppicon-arrow-circle-o-left:before {
  content: "\f190";
}
.csppicon-facebook:before {
  content: "\f09a";
}
.csppicon-facebook-f:before {
  content: "\f09a";
}
.csppicon-twitter:before {
  content: "\f099";
}
.csppicon-linkedin:before {
  content: "\f0e1";
}
.csppicon-google-plus:before {
  content: "\f0d5";
}
.csppicon-instagram:before {
  content: "\f16d";
}
.csppicon-pinterest:before {
  content: "\f0d2";
}
.csppicon-youtube-play:before {
  content: "\f16a";
}
.csppicon-youtube:before {
  content: "\f167";
}
.csppicon-camera-retro:before {
  content: "\f083";
}
.csppicon-facebook-square:before {
  content: "\f082";
}
.csppicon-twitter-square:before {
  content: "\f081";
}
.csppicon-linkedin-square:before {
  content: "\f08c";
}
.csppicon-google-plus-square:before {
  content: "\f0d4";
}
.csppicon-pinterest-square:before {
  content: "\f0d3";
}
.csppicon-youtube-square:before {
  content: "\f166";
}