.pre-icon {
  position: relative;
}

.pre-icon::before {
  content: '';
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 0.2em;
  display: inline-block;
  vertical-align: middle;
}

.icon {
  content: '';
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 0.2em;
  display: inline-block;
  vertical-align: middle;
}

.icon-arrow {
  width: 75px;
  height: 45px;
}

.icon--big {
  width: 80px;
  height: 80px;
}

.icon--left {
  background-position: left bottom;
}

.icon--size-auto {
  background-size: auto;
}

/* COMMON ICONS */

.pre-icon.icon-lightning::before,
.icon-lightning:not(.pre-icon) {
  background-image: url(../svg/lightning.svg);
}

.pre-icon.icon-arrow-left::before,
.icon-arrow-left:not(.pre-icon) {
  background-image: url(../svg/arrow-left.svg);
}

.pre-icon.icon-arrow-right::before,
.icon-arrow-right:not(.pre-icon) {
  background-image: url(../svg/arrow-right.svg);
}

/* COLORED ICONS */

.pre-icon.icon-aml::before,
.icon-aml:not(.pre-icon) {
  background-image: url(../svg/blue/aml.svg);
}

.pre-icon.icon-check::before,
.icon-check:not(.pre-icon) {
  background-image: url(../svg/blue/check.svg);
}

.pre-icon.icon-checklist::before,
.icon-checklist:not(.pre-icon) {
  background-image: url(../svg/blue/checklist.svg);
}

.pre-icon.icon-cloud-computing::before,
.icon-cloud-computing:not(.pre-icon) {
  background-image: url(../svg/blue/cloud_computing.svg);
}

.pre-icon.icon-customer-login::before,
.icon-customer-login:not(.pre-icon) {
  background-image: url(../svg/blue/customer_login.svg);
}

.pre-icon.icon-handshake::before,
.icon-handshake:not(.pre-icon) {
  background-image: url(../svg/blue/handshake.svg);
}

.pre-icon.icon-independent-achievement::before,
.icon-independent-achievement:not(.pre-icon) {
  background-image: url(../svg/blue/independent_achievement.svg);
}

.pre-icon.icon-jigsaw::before,
.icon-jigsaw:not(.pre-icon) {
  background-image: url(../svg/blue/jigsaw.svg);
}

.pre-icon.icon-law-book::before,
.icon-law-book:not(.pre-icon) {
  background-image: url(../svg/blue/law_book.svg);
}

.pre-icon.icon-magnifier::before,
.icon-magnifier:not(.pre-icon) {
  background-image: url(../svg/blue/magnifier.svg);
}

.pre-icon.icon-money-valuation::before,
.icon-money-valuation:not(.pre-icon) {
  background-image: url(../svg/blue/money_valuation.svg);
}

.pre-icon.icon-onboarding::before,
.icon-onboarding:not(.pre-icon) {
  background-image: url(../svg/blue/onboarding.svg);
}

.pre-icon.icon-profit::before,
.icon-profit:not(.pre-icon) {
  background-image: url(../svg/blue/profit.svg);
}

.pre-icon.icon-safe::before,
.icon-safe:not(.pre-icon) {
  background-image: url(../svg/blue/safe.svg);
}

.pre-icon.icon-screen-online::before,
.icon-screen-online:not(.pre-icon) {
  background-image: url(../svg/blue/screen_online.svg);
}

.pre-icon.icon-sheets::before,
.icon-sheets:not(.pre-icon) {
  background-image: url(../svg/blue/sheets.svg);
}

/* WHITE ICONS */

.pre-icon.icon-aml.icon--white::before,
.icon-aml.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/aml.svg);
}

.pre-icon.icon-check.icon--white::before,
.icon-check.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/check.svg);
}

.pre-icon.icon-checklist.icon--white::before,
.icon-checklist.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/checklist.svg);
}

.pre-icon.icon-cloud-computing.icon--white::before,
.icon-cloud-computing.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/cloud_computing.svg);
}

.pre-icon.icon-customer-login.icon--white::before,
.icon-customer-login.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/customer_login.svg);
}

.pre-icon.icon-handshake.icon--white::before,
.icon-handshake.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/handshake.svg);
}

.pre-icon.icon-independent-achievement.icon--white::before,
.icon-independent-achievement.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/independent_achievement.svg);
}

.pre-icon.icon-jigsaw.icon--white::before,
.icon-jigsaw.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/jigsaw.svg);
}

.pre-icon.icon-law-book.icon--white::before,
.icon-law-book.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/law_book.svg);
}

.pre-icon.icon-magnifier.icon--white::before,
.icon-magnifier.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/magnifier.svg);
}

.pre-icon.icon-money-valuation.icon--white::before,
.icon-money-valuation.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/money_valuation.svg);
}

.pre-icon.icon-onboarding.icon--white::before,
.icon-onboarding.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/onboarding.svg);
}

.pre-icon.icon-profit.icon--white::before,
.icon-profit.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/profit.svg);
}

.pre-icon.icon-safe.icon--white::before,
.icon-safe.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/safe.svg);
}

.pre-icon.icon-screen-online.icon--white::before,
.icon-screen-online.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/screen_online.svg);
}

.pre-icon.icon-sheets.icon--white::before,
.icon-sheets.icon--white:not(.pre-icon) {
  background-image: url(../svg/white/sheets.svg);
}

/* GRAY ICONS */

.pre-icon.icon-aml.icon--gray::before,
.icon-aml.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/aml.svg);
}

.pre-icon.icon-check.icon--gray::before,
.icon-check.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/check.svg);
}

.pre-icon.icon-checklist.icon--gray::before,
.icon-checklist.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/checklist.svg);
}

.pre-icon.icon-cloud-computing.icon--gray::before,
.icon-cloud-computing.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/cloud_computing.svg);
}

.pre-icon.icon-customer-login.icon--gray::before,
.icon-customer-login.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/customer_login.svg);
}

.pre-icon.icon-handshake.icon--gray::before,
.icon-handshake.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/handshake.svg);
}

.pre-icon.icon-independent-achievement.icon--gray::before,
.icon-independent-achievement.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/independent_achievement.svg);
}

.pre-icon.icon-jigsaw.icon--gray::before,
.icon-jigsaw.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/jigsaw.svg);
}

.pre-icon.icon-law-book.icon--gray::before,
.icon-law-book.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/law_book.svg);
}

.pre-icon.icon-magnifier.icon--gray::before,
.icon-magnifier.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/magnifier.svg);
}

.pre-icon.icon-money-valuation.icon--gray::before,
.icon-money-valuation.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/money_valuation.svg);
}

.pre-icon.icon-onboarding.icon--gray::before,
.icon-onboarding.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/onboarding.svg);
}

.pre-icon.icon-profit.icon--gray::before,
.icon-profit.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/profit.svg);
}

.pre-icon.icon-safe.icon--gray::before,
.icon-safe.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/safe.svg);
}

.pre-icon.icon-screen-online.icon--gray::before,
.icon-screen-online.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/screen_online.svg);
}

.pre-icon.icon-sheets.icon--gray::before,
.icon-sheets.icon--gray:not(.pre-icon) {
  background-image: url(../svg/gray/sheets.svg);
}