@font-face {
    font-family: 'totalmateria';
    src: url('../img/icons/icomoon/totalmateria.woff') format('woff'), url('../img/icons/icomoon/totalmateria.ttf') format('truetype'), url('../img/icons/icomoon/totalmateria.svg#totalmateria') format('svg');
}

i[class^="tm-icon"], i[class*="tm-icon"] {
  font-family: 'totalmateria';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  align-items: center;
  margin-right: 0.3rem;
}
.tm-icon-apps::before {
  content: "\eb4c";
  text-decoration: none;
}
.tm-icon-extended-range::before {
  content: "\ed8e";
}
.tm-icon-smart-comp::before, .tm-icon-smartcomp::before {
    content: "\ed91";
}
.tm-icon-material-console::before {
  content: "\ed8a";
}
.tm-icon-compliance::before {
  content: "\ed89";
}
.tm-icon-total-materials:before, .tm-icon-total-search:before {
    content: "\ed93";
}
.tm-icon-data-plus:before {
    content: "\ed8b";
}
.tm-icon-suppliers:before {
    content: "\ed92";
}
.tm-icon-tracker:before {
    content: "\ed94";
}
.tm-icon-location::before {
  content: "\e96b";
}
.tm-icon-user::before {
  content: "\ebad";
}
.tm-icon-LCA::before {
    content: "\edc4";
}
.tm-icon-BOM::before {
    content: "\edc1";
}
.tm-icon-substances::before {
    content: "\edc0";
}
.tm-icon-materials::before {
    content: "\edb1";
}
.tm-icon-compliance-assessor::before {
    content: "\edc5";
}
.tm-icon-info::before {
    content: "\ebf9"
}
.tm-icon-predictor-simple::before {
    content: "\edce";
}
.tm-icon-horizon-simple::before {
    content: "\edcd";
}
.tm-icon-gl-simple::before {
    content: "\edcf";
}
.tm-icon-integrator-simple::before {
    content: "\edd0";
}
.tm-icon-mouse::before {
    content: "\ea64";
}
.tm-icon_mechanical::before {
    content: "\edac";
}
.tm-icon_physical::before {
    content: "\edae";
}

.tm-icon-show-data::before {
    content: "\eae1";
}

.tm-icon-composition::before {
    content: "\ed97";
}
.tm-icon-book::before {
    content: "\ed21";
}
.tm-icon-compliance-info::before {
    content: "\ebe4";
}
.tm-icon-mat-info::before {
    content: "\ebf9";
}
.tm-icon-cross-reference::before {
    content: "\ed9a"; /* Using book icon */
  }
  
  .tm-icon-composition::before {
    content: "\ed97";
  }
  
  .tm-icon-mechanical::before {
    content: "\edac";
  }
  
  .tm-icon-physical::before {
    content: "\edae";
  }
  
  .tm-icon-heat-treatment::before {
    content: "\eda3"; /* Using extended-range icon */
  }
  
  .tm-icon-metallography::before {
    content: "\edad"; /* Using substances icon */
  }
  
  .tm-icon-machinability::before {
    content: "\edaa"; /* Using predictor-simple icon */
  }
  
  .tm-icon-stress-strain::before {
    content: "\ed7e"; /* Using smart-comp icon */
  }
  
  .tm-icon-formability::before {
    content: "\eda1"; /* Using BOM icon */
  }
  
  .tm-icon-fatigue::before {
    content: "\ed9f"; /* Using LCA icon */
  }
  
  .tm-icon-fracture::before {
    content: "\eda2"; /* Using compliance icon */
  }
  
  .tm-icon-creep::before {
    content: "\edcd"; /* Using horizon-simple icon */
  }
  
  .tm-icon-joints::before {
    content: "\eda8"; /* Using integrator-simple icon */
  }
  
  .tm-icon-coatings::before {
    content: "\ed95"; /* Using gl-simple icon */
  }
  
  .tm-icon-dimensions::before {
    content: "\ed9c"; /* Using materials icon */
  }
  
  .tm-icon-tribology::before {
    content: "\ed80"; /* Using compliance-assessor icon */
  }
  
  .tm-icon-corrosion::before {
    content: "\ed98"; /* Using data-plus icon */
  }
  
  .tm-icon-ageing::before {
    content: "\ed88"; /* Using material-console icon */
  }
  
  .tm-icon-weatherability::before {
    content: "\ed81"; /* Using tracker icon */
  }
  
  .tm-icon-irradiation::before {
    content: "\eda7"; /* Using total-materials icon */
  }
  
  .tm-icon-suppliers-direct::before {
    content: "\ed92"; /* Using suppliers icon */
  }
  
  .tm-icon-suppliers-alternative::before {
    content: "\e902"; /* Using alternative suppliers icon */
  }
.pricing-page .tm-icon-compliance::before {
    content: "\ed89";
}

.pricing-page .tm-icon-smartcomp::before {
    content: "\ed91";
}

.pricing-page .tm-icon-suppliers::before {
    content: "\e902";
}

.pricing-page .tm-icon-tracker::before {
    content: "\e901";
}

.pricing-page .tm-icon-green-line::before {
    content: "\e907";
}

.pricing-page .tm-icon-total-search::before {
    content: "\e900";
}

.pricing-page .tm-icon-data-plus::before {
    content: "\e906";
}

.pricing-page .tm-icon-extended-range::before {
    content: "\ed8e";
}

.pricing-page .tm-icon-material-console::before {
    content: "\ed8a";
}

.documentation .tm-icons {
    position: relative;
    padding-left: 20px; /* Reduced from 25px */
}

    .documentation .tm-icons::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 16px; /* Reduced from 20px */
        height: 16px; /* Reduced from 20px */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    /* Horizon icons */
    .documentation .tm-icons.horizon-top::before,
    .documentation .tm-icons.horizon::before,
    .documentation .tm-icons.horizon-secondary::before,
    .documentation .tm-icons.horizon-tertiary::before,
    /* Predictor icons */
    .documentation .tm-icons.predictor-top::before,
    .documentation .tm-icons.predictor::before,
    .documentation .tm-icons.predictor-secondary::before,
    .documentation .tm-icons.predictor-tertiary::before,
    /* Green Line icons */
    .documentation .tm-icons.green-line-top::before,
    .documentation .tm-icons.green-line::before,
    .documentation .tm-icons.green-line-secondary::before,
    .documentation .tm-icons.green-line-tertiary::before,
    /* Default icon */
    .documentation .tm-icons.default::before {
        width: 16px;
        height: 16px;
        content: '';
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: center;
    }

    /* Update background-image for each icon instead of using content: url() */
    .documentation .tm-icons.horizon-top::before {
        background-image: url('/img/icons/tocBullets/smallico-horizon.png');
    }

    .documentation .tm-icons.horizon::before {
        background-image: url('/img/icons/tocBullets/Bullet1-horizon.png');
    }

    .documentation .tm-icons.horizon-secondary::before {
        background-image: url('/img/icons/tocBullets/Bullet2-horizon.png');
    }

    .documentation .tm-icons.horizon-tertiary::before {
        background-image: url('/img/icons/tocBullets/Bullet3-horizon.png');
    }

    .documentation .tm-icons.predictor-top::before {
        background-image: url('/img/icons/tocBullets/smallico-predictor.png');
    }

    .documentation .tm-icons.predictor::before {
        background-image: url('/img/icons/tocBullets/Bullet1-predictor 1.png');
    }

    .documentation .tm-icons.predictor-secondary::before {
        background-image: url('/img/icons/tocBullets/Bullet2-predictor 1.png');
    }

    .documentation .tm-icons.predictor-tertiary::before {
        background-image: url('/img/icons/tocBullets/Bullet3-predictor 1.png');
    }

    .documentation .tm-icons.green-line-top::before {
        background-image: url('/img/icons/tocBullets/smallico-green-line.png');
    }

    .documentation .tm-icons.green-line::before {
        background-image: url('/img/icons/tocBullets/Bullet1-green-line.png');
    }

    .documentation .tm-icons.green-line-secondary::before {
        background-image: url('/img/icons/tocBullets/Bullet2-green-line.png');
    }

    .documentation .tm-icons.green-line-tertiary::before {
        background-image: url('/img/icons/tocBullets/Bullet3-green-line.png');
    }

    .documentation .tm-icons.default::before {
        background-image: url('/img/icons/tocBullets/smallico-horizon.png');
    }