@font-face {
    font-family: 'ExtraLogos';
    src: url('../webfonts/icomoon.eot?lchn8y');
    src: url('../webfonts/icomoon.eot?lchn8y#iefix') format('embedded-opentype'),
         url('../webfonts/icomoon.ttf?lchn8y') format('truetype'),
         url('../webfonts/icomoon.woff2?lchn8y') format('woff'),
         url('../webfonts/icomoon.woff?lchn8y') format('woff'),
         url('../webfonts/icomoon.svg?lchn8y#customiconpack') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  .rg-roblox {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  /* Specific icon classes */
  .rg-roblox:before {
  content: "\e900";
  }
  
  .rg-roblox::before {
  content: "\e900";
  }
  
  .rg-cashapp {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-cashapp::before {
  content: "\e901";
  }
  
  .rg-cashapp::before {
  content: "\e901";
  }
  
  .rg-cashapp::before {
  content: "\e901";
  }
  
  .rg-onlyfans {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-onlyfans::before {
  content: "\e90b";
  }
  
  .rg-onlyfans::before {
  content: "\e90b";
  }
  
  .rg-onlyfans::before {
  content: "\e90b";
  }
  
  
  .rg-buymeacoffee {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-buymeacoffee::before {
  content: "\e90a";
  }
  
  .rg-buymeacoffee::before {
  content: "\e90a";
  }
  
  .rg-buymeacoffee::before {
  content: "\e90a";
  }
  
  .rg-kofi {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-kofi::before {
  content: "\e909";
  }
  
  .rg-kofi::before {
  content: "\e909";
  }
  
  .rg-kofi::before {
  content: "\e909";
  }
  
  .rg-dogecoin {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-dogecoin::before {
  content: "\e908";
  }
  
  .rg-dogecoin::before {
  content: "\e908";
  }
  
  .rg-dogecoin::before {
  content: "\e908";
  }
  
  .rg-solana {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-solana::before {
  content: "\e907";
  }
  
  .rg-solana::before {
  content: "\e907";
  }
  
  .rg-solana::before {
  content: "\e907";
  }
  
  .rg-lolpros {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-lolpros::before {
  content: "\e904";
  }
  
  .rg-lolpros::before {
  content: "\e904";
  }
  
  .rg-lolpros::before {
  content: "\e904";
  }
  
  
  .rg-opgg {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-opgg::before {
  content: "\e903";
  }
  
  .rg-opgg::before {
  content: "\e903";
  }
  
  .rg-opgg::before {
  content: "\e903";
  }
  
  .rg-leaguepedia {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-leaguepedia::before {
  content: "\e902";
  }
  
  .rg-leaguepedia::before {
  content: "\e902";
  }
  
  .rg-leaguepedia::before {
  content: "\e902";
  }
  
  
  .rg-namemc {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-namemc::before {
  content: "\e90c";
  }
  
  .rg-namemc::before {
  content: "\e90c";
  }
  
  .rg-namemc::before {
  content: "\e90c";
  }
  
  
  .rg-snapchat {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-snapchat::before {
  content: "\e90d";
  }
  
  .rg-snapchat::before {
  content: "\e90d";
  }
  
  .rg-snapchat::before {
  content: "\e90d";
  }
  
  .rg-fivem {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-fivem::before {
  content: "\e90e";
  }
  
  .rg-fivem::before {
  content: "\e90e";
  }
  
  .rg-fivem::before {
  content: "\e90e";
  }
  
  .rg-fansly {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-fansly::before {
  content: "\e95e";
  }
  
  .rg-fansly::before {
  content: "\e95e";
  }
  
  .rg-fansly::before {
  content: "\e95e";
  }
  
  .rg-faceit {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-faceit::before {    
  content: "\e95d";
  }
  
  .rg-faceit::before {
  content: "\e95d";
  }
  
  .rg-faceit::before {
  content: "\e95d";
  }
  
  .rg-bughunter {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-bughunter::before {   
  content: "\e95f";
  }
  
  .rg-bughunter::before {
  content: "\e95f";
  }
  
  .rg-bughunter::before {
  content: "\e95f";
  } 
  
  .rg-myanimelist {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-myanimelist::before {   
  content: "\e961";
  font-size: 1.2em;
  }
  
  .rg-throne {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-throne::before {
  content: "\e962";
  }
  
  .rg-throne::before {
  content: "\e962";
  }
  
  .rg-throne::before {
  content: "\e962";
  }
  
  .rg-elo {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-elo::before {
  content: "\e963";
  }
  
  .rg-elo::before {
  content: "\e963";
  }
  
  .rg-elo::before {
  content: "\e963";
  }
  
  
  .icon-lvl1 {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .icon-lvl1 .path1:before {
  content: "\e968";
  color: #1f1f22;
  }
  .icon-lvl1 .path2:before {
  content: "\e969";
  color: #cdcdcd;
  opacity: 0.1;
  margin-left: -1em;
  }
  .icon-lvl1 .path3:before {
  content: "\e96a";
  color: #eee;
  margin-left: -1em;
  }
  .icon-lvl1 .path4:before {
  content: "\e96b";
  color: #eee;
  margin-left: -1em;
  }
  
  .icon-lvl2 {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .icon-lvl2 .path1:before {
  content: "\e96c";
  color: #1f1f22;
  }
  .icon-lvl2 .path2:before {
  content: "\e96d";
  color: #cdcdcd;
  opacity: 0.1;
  margin-left: -1em;
  }
  .icon-lvl2 .path3:before {
  content: "\e96e";
  color: #1ce400;
  margin-left: -1em;
  }
  .icon-lvl2 .path4:before {
  content: "\e96f";
  color: #1ce400;
  margin-left: -1em;
  }
  
  .icon-lvl3 {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .icon-lvl3 .path1:before {
  content: "\e970";
  color: #1f1f22;
  }
  .icon-lvl3 .path2:before {
  content: "\e971";
  color: #cdcdcd;
  opacity: 0.1;
  margin-left: -1em;
  }
  .icon-lvl3 .path3:before {
  content: "\e972";
  color: #1ce400;
  margin-left: -1em;
  }
  .icon-lvl3 .path4:before {
  content: "\e973";
  color: #1ce400;
  margin-left: -1em;
  }
  
  .icon-lvl4 {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .icon-lvl4 .path1:before {
  content: "\e974";
  color: #1f1f22;
  }
  .icon-lvl4 .path2:before {
  content: "\e975";
  color: #cdcdcd;
  opacity: 0.1;
  margin-left: -1em;
  }
  .icon-lvl4 .path3:before {
  content: "\e976";
  color: #ffc800;
  margin-left: -1em;
  }
  .icon-lvl4 .path4:before {
  content: "\e977";
  color: #ffc800;
  margin-left: -1em;
  }
  
  .icon-lvl5 {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .icon-lvl5 .path1:before {
  content: "\e978";
  color: #1f1f22;
  }
  .icon-lvl5 .path2:before {
  content: "\e979";
  color: #cdcdcd;
  opacity: 0.1;
  margin-left: -1em;
  }
  .icon-lvl5 .path3:before {
  content: "\e97a";
  color: #ffc800;
  margin-left: -1em;
  }
  .icon-lvl5 .path4:before {
  content: "\e97b";
  color: #ffc800;
  margin-left: -1em;
  }
  
  .icon-lvl6 {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .icon-lvl6 .path1:before {
  content: "\e97c";
  color: #1f1f22;
  }
  .icon-lvl6 .path2:before {
  content: "\e97d";
  color: #cdcdcd;
  opacity: 0.1;
  margin-left: -1em;
  }
  .icon-lvl6 .path3:before {
  content: "\e97e";
  color: #ffc800;
  margin-left: -1em;
  }
  .icon-lvl6 .path4:before {
  content: "\e97f";
  color: #ffc800;
  margin-left: -1em;
  }
  
  .icon-lvl7 {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .icon-lvl7 .path1:before {
  content: "\e980";
  color: #1f1f22;
  }
  .icon-lvl7 .path2:before {
  content: "\e981";
  color: #cdcdcd;
  opacity: 0.1;
  margin-left: -1em;
  }
  .icon-lvl7 .path3:before {
  content: "\e982";
  color: #ffc800;
  margin-left: -1em;
  }
  .icon-lvl7 .path4:before {
  content: "\e983";
  color: #ffc800;
  margin-left: -1em;
  }
  
  .icon-lvl8 {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .icon-lvl8 .path1:before {
  content: "\e984";
  color: #1f1f22;
  }
  .icon-lvl8 .path2:before {
  content: "\e985";
  color: #cdcdcd;
  opacity: 0.1;
  margin-left: -1em;
  }
  .icon-lvl8 .path3:before {
  content: "\e986";
  color: #ff6309;
  margin-left: -1em;
  }
  .icon-lvl8 .path4:before {
  content: "\e987";
  color: #ff6309;
  margin-left: -1em;
  }
  
  .icon-lvl9 {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .icon-lvl9 .path1:before {
  content: "\e988";
  color: #1f1f22;
  }
  .icon-lvl9 .path2:before {
  content: "\e989";
  color: #cdcdcd;
  opacity: 0.1;
  margin-left: -1em;
  }
  .icon-lvl9 .path3:before {
  content: "\e98a";
  color: #ff6309;
  margin-left: -1em;
  }
  .icon-lvl9 .path4:before {
  content: "\e98b";
  color: #ff6309;
  margin-left: -1em;
  }
  
  .icon-lvl10 {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .icon-lvl10 .path1:before {
  content: "\e964";
  color: #1f1f22;
  }
  .icon-lvl10 .path2:before {
  content: "\e965";
  color: #cdcdcd;
  opacity: 0.1;
  margin-left: -1em;
  }
  .icon-lvl10 .path3:before {
  content: "\e966";
  color: #fe1f00;
  margin-left: -1em;
  }
  .icon-lvl10 .path4:before {
  content: "\e967";
  color: #fe1f00;
  margin-left: -1em;
  }
  
  .rg-lol {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-lol::before {
  content: "\e98c";
  }
  
  .rg-crime {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-crime::before { 
  content: "\e98d";
  }
  
  
  .rg-jetu {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-jetu::before {
  content: "\e98e"; 
  }
  
  .rg-banugrr {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-banugrr::before {
  content: "\e99e";
  }
  
  .rg-pascal {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-pascal::before {
  content: "\e9ed";
  }
  
  .rg-pascal::before {
  content: "\e9ed";
  }
  
  .rg-pascal::before {
  content: "\e9ed";
  }
  
  .rg-boost9{
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-boost9::before {    
  content: "\e94e";
  }
  
  .rg-boost9::before {    
  content: "\e94e";
  }
  
  .rg-boost9::before {    
  content: "\e94e";
  }
  
  .rg-boost9::before {    
  content: "\e94e";
  }
  
  .rg-boost9::before {    
  content: "\e94e";
  }
  
  .rg-sith {
  font-family: 'ExtraLogos';
  font-style: normal;
  font-weight: normal;
  display: inline-block; /* Or block depending on your layout */
  /* Optional: Vertically align with text */
  vertical-align: middle;
  }
  
  .rg-sith::before {
  content: "\e99e";
  }
  
  .rg-sith::before {
  content: "\e99e";
  }
  
  .rg-sith::before {
  content: "\e99e";
  }