@font-face {
  font-family: 'icomoon';
  src: url('/css/fonts/icomoon.woff') format('woff'),
       url('/css/fonts/icomoon.ttf') format('truetype'),
       url('/css/fonts/icomoon.eot'),
       url('/css/fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}



/* 🔹 Force all icons to be visible */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  font-size: 50px !important;  /* 🔹 Ensure the icon size */
  display: inline-block !important;
  width: 50px !important;
  height: 50px !important;
  vertical-align: middle !important;
  background: none !important; /* 🔹 Ensure no background interference */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 🔹 Ensure .icon-Clogo appears properly */
.icon-Clogo::before {
  content: "\e900" !important;
  font-family: 'icomoon' !important;
  font-size: 50px !important;
  display: inline-block !important;
  width: 50px !important;
  height: 50px !important;
  background: none !important; /* 🔹 Ensure no unwanted background */
  color: black !important; /* 🔹 Make sure it's visible */
}

/* 🔹 Ensure .icon-web-1 appears properly */
.icon-web-1::before {
  content: "\e901" !important;
  font-family: 'icomoon' !important;
  font-size: 40px !important;
  display: inline-block !important;
  width: 40px !important;
  height: 55px !important;  /* ✅ Change 4px to 40px */
  transform: translateX(5px);
  background: none !important;
  color: black !important;
  line-height: 1;           /* ✅ Prevent extra spacing */
  vertical-align: middle;   /* ✅ Helps with alignment */
}