/*
  Two Flaticon font sets used on this site:
  1. Main: play-button, diamond, happiness, start, medal (about page fun-facts)
  2. Advantage: recommended, earthquake, wood, like, get-money (feature icons)
*/

/* === MAIN Flaticon Font === */
@font-face {
  font-family: "FlatMain";
  src: url("./Flaticon-main.woff2") format("woff2"),
       url("./Flaticon-main.woff") format("woff"),
       url("./Flaticon-main.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* === ADVANTAGE Flaticon Font === */
@font-face {
  font-family: "FlatAdvantage";
  src: url("./Flaticon-advantage.woff2") format("woff2"),
       url("./Flaticon-advantage.woff") format("woff"),
       url("./Flaticon-advantage.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* === Main Flaticon Icons (fun-facts section - diamond, happiness, start, medal) === */
.fi[class*="flaticon-"]:before {
  font-family: FlatMain;
  font-size: 50px;
  font-style: normal;
  color: #ff5e14;
}

.flaticon-play-button:before { content: "\f100"; }
.flaticon-play-button-1:before { content: "\f101"; }
.flaticon-play-button-2:before { content: "\f102"; }
.flaticon-back:before { content: "\f103"; }
.flaticon-next:before { content: "\f104"; }
.flaticon-right-quote:before { content: "\f105"; }
.flaticon-left-quote:before { content: "\f106"; }
.flaticon-solar-energy:before { content: "\f107"; }
.flaticon-plug:before { content: "\f108"; }
.flaticon-piston:before { content: "\f109"; }
.flaticon-transmission:before { content: "\f10a"; }
.flaticon-oil-barrel:before { content: "\f10b"; }
.flaticon-oil:before { content: "\f10c"; }
.flaticon-oil-1:before { content: "\f10d"; }
.flaticon-truck:before { content: "\f10e"; }
.flaticon-order:before { content: "\f10f"; }
.flaticon-gears:before { content: "\f110"; }
.flaticon-factory:before { content: "\f111"; }
.flaticon-diamond:before { content: "\f112"; }
.flaticon-happiness:before { content: "\f113"; }
.flaticon-happy:before { content: "\f114"; }
.flaticon-idea:before { content: "\f115"; }
.flaticon-start:before { content: "\f116"; }
.flaticon-medal:before { content: "\f117"; }

/* === Advantage Flaticon Icons (feature section - recommended, earthquake, wood, like, get-money) === */
.glyph-icon[class*="flaticon-"]:before {
  font-family: FlatAdvantage;
  font-size: 100px;
  font-style: normal;
  font-weight: normal;
  margin-left: 0;
  color: #ff5e14;
}

.glyph-icon.flaticon-wood:before { content: "\f100"; }
.glyph-icon.flaticon-get-money:before { content: "\f101"; }
.glyph-icon.flaticon-recommended:before { content: "\f102"; }
.glyph-icon.flaticon-earthquake:before { content: "\f103"; }
.glyph-icon.flaticon-like:before { content: "\f104"; }