@charset "utf-8";

.ico 
{ 
  width: 16px;
  display: flex;
  aspect-ratio: 1/1;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.ico::before, 
.ico::after
{
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 1/1;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}


[data-ico]::before 
{
  width: 50%;
  content: '';
  aspect-ratio: 1/1;
  background-color: transparent;
}


.ico::before { content: ''; }






/*----------------------------------------------------------------------------
* Tier 1 [A, B]
*----------------------------------------------------------------------------*/


.active-ico::before, 
.active-ico::after 
{
  background-image: url(../ico/svg/active.svg);
}
[data-ico="active"]::before 
{
  background-image: url(../ico/svg/active.svg) !important;
}


.ai-ico::before, 
.ai-ico::after 
{
  background-image: url(../ico/svg/ai.svg);
}
[data-ico="ai"]::before 
{
  background-image: url(../ico/svg/ai.svg) !important;
}


.arrow-left-ico::before, 
.arrow-left-ico::after 
{
  background-image: url(../ico/svg/arrow-left.svg);
}
[data-ico="arrow-left"]::before 
{
  background-image: url(./ico/svg/arrow-left.svg) !important;
}


.arrow-l-fat-ico::before, 
.arrow-l-fat-ico::after 
{
  background-image: url(../ico/svg/arrow-l-fat.svg);
}
[data-ico="arrow-l-flat"]::before 
{
  background-image: url(./ico/svg/arrow-l-fat.svg) !important;
}


.arrow-right-ico::before, 
.arrow-right-ico::after 
{
  background-image: url(../ico/svg/arrow-right.svg);
}
[data-ico="arrow-right"]::before 
{
  background-image: url(../ico/svg/arrow-right.svg) !important;
}


.arrow-r-fat-ico::before, 
.arrow-r-fat-ico::after 
{
  background-image: url(../ico/svg/arrow-r-fat.svg);
}
[data-ico="arrow-r-fat"]::before 
{
  background-image: url(../ico/svg/arrow-r-fat.svg) !important;
}


.asterisk-fat-ico::before, 
.asterisk-fat-ico::after 
{
  background-image: url(../ico/svg/asterisk.svg);
}
[data-ico="asterisk"]::before 
{
  background-image: url(../ico/svg/asterisk.svg) !important;
}


.at-ico::before, 
.at-ico::after 
{
  background-image: url(../ico/svg/at.svg);
}
[data-ico="at"]::before 
{
  background-image: url(../ico/svg/at.svg) !important;
}


.atom-ico::before, 
.atom-ico::after 
{
  background-image: url(../ico/svg/atom.svg);
}
[data-ico="atom"]::before 
{
  background-image: url(../ico/svg/atom.svg) !important;
}


.basic-ico::before, 
.basic-ico::after 
{
  background-image: url(../ico/svg/basic.svg);
}
[data-ico="basic"]::before 
{
  background-image: url(../ico/svg/basic.svg) !important;
}


.bank-ico::before, 
.bank-ico::after 
{
  background-image: url(../ico/svg/bank.svg);
}
[data-ico="bank"]::before 
{
  background-image: url(../ico/svg/bank.svg) !important;
}


.bell-ico::before, 
.bell-ico::after 
{
  background-image: url(../ico/svg/bell.svg);
}
[data-ico="bell"]::before 
{
  background-image: url(../ico/svg/bell.svg) !important;
}


.blocks-ico::before, 
.blocks-ico::after 
{
  background-image: url(../ico/svg/blocks.svg);
}
[data-ico="blocks"]::before 
{
  background-image: url(../ico/svg/blocks.svg) !important;
}


.bluecheck-ico::before, 
.bluecheck-ico::after 
{
  background-image: url(../ico/svg/bluecheck.svg);
}
[data-ico="bluecheck"]::before 
{
  filter: none !important;
  background-image: url(../ico/svg/bluecheck.svg) !important;
}


.board-ico::before, 
.board-ico::after 
{
  background-image: url(../ico/svg/board.svg);
}
[data-ico="board"]::before 
{
  background-image: url(../ico/svg/board.svg) !important;
}


.bonding-ico::before, 
.bonding-ico::after 
{
  background-image: url(../ico/svg/bonding.svg);
}
[data-ico="bonding"]::before 
{
  background-image: url(../ico/svg/bonding.svg) !important;
}


.box-ico::before, 
.box-ico::after 
{
  background-image: url(../ico/svg/box.svg);
}
[data-ico="box"]::before 
{
  background-image: url(../ico/svg/box.svg) !important;
}


.boxtruck-ico::before, 
.boxtruck-ico::after 
{
  background-image: url(../ico/svg/boxtruck.svg);
}
[data-ico="boxtruck"]::before 
{
  background-image: url(../ico/svg/boxtruck.svg) !important;
}


.bulb-ico::before, 
.bulb-ico::after 
{
  background-image: url(../ico/svg/bulb.svg);
}
[data-ico="bulb"]::before 
{
  background-image: url(../ico/svg/bulb.svg);
}


.building-ico::before, 
.building-ico::after 
{
  background-image: url(../ico/svg/building.svg);
}
[data-ico="building"]::before 
{
  background-image: url(../ico/svg/building.svg);
}


.bullseye-ico::before, 
.bullseye-ico::after 
{
  background-image: url(../ico/svg/bullseye.svg);
}
[data-ico="bullseye"]::before 
{
  background-image: url(../ico/svg/bullseye.svg);
}






/*----------------------------------------------------------------------------
* Tier 2 [C, D]
*----------------------------------------------------------------------------*/


.car-key-ico::before, 
.car-key-ico::after 
{
  background-image: url(../ico/svg/car-key.svg);
}
[data-ico="car-key"]::before 
{
  background-image: url(../ico/svg/car-key.svg);
}


.candlesticks-ico::before, 
.candlesticks-ico::after 
{
  background-image: url(../ico/svg/candlesticks.svg);
}
[data-ico="candlesticks"]::before 
{
  background-image: url(../ico/svg/candlesticks.svg);
}


.cart-ico::before, 
.cart-ico::after 
{
  background-image: url(../ico/svg/cart.svg);
}
[data-ico="cart"]::before 
{
  background-image: url(../ico/svg/cart.svg);
}


.calendar-ico::before, 
.calendar-ico::after 
{
  background-image: url(../ico/svg/calendar.svg);
}
[data-ico="calendar"]::before 
{
  background-image: url(../ico/svg/calendar.svg);
}


.ccard-ico::before, 
.ccard-ico::after 
{
  background-image: url(../ico/svg/ccard.svg);
}
[data-ico="ccard"]::before 
{
  background-image: url(../ico/svg/ccard.svg);
}


.certified-ico::before, 
.certified-ico::after 
{
  background-image: url(../ico/svg/certified.svg);
}
[data-ico="certified"]::before 
{
  background-image: url(../ico/svg/certified.svg);
}



.chevron-up-ico::before, 
.chevron--uo-ico::after 
{
  background-image: url(../ico/svg/chevron-up.svg);
}
[data-ico=""]::before 
{
  background-image: url(../ico/svg/);
}


.checkmark-ico::before, 
.checkmark-ico::after 
{
  background-image: url(../ico/svg/checkmark.svg);
}
[data-ico="checkmark"]::before 
{
  background-image: url(../ico/svg/checkmark.svg);
}


.checkmark-half-ico::before, 
.checkmark-half-ico::after 
{
  background-image: url(../ico/svg/checkmark-half.svg);
}
[data-ico="checkmark-half"]::before 
{
  background-image: url(../ico/svg/checkmark-half.svg);
}


.checkmark-circle-ico::before, 
.checkmark-circle-ico::after 
{
  background-image: url(../ico/svg/checkmark-circle.svg);
}
[data-ico="checkmark-sircle"]::before 
{
  background-image: url(../ico/svg/checkmark-circle.svg);
}


.chevron-down-ico::before, 
.chevron-down-ico::after 
{
  background-image: url(../ico/svg/chevron-down.svg);
}
[data-ico="chevron-down"]::before 
{
  background-image: url(../ico/svg/chevron-down.svg);
}


.chevron-left-ico::before, 
.chevron-left-ico::after 
{
  background-image: url(../ico/svg/chevron-left.svg);
}
[data-ico="chevron-left"]::before 
{
  background-image: url(../ico/svg/chevron-left.svg);
}


.chevron-right-ico::before, 
.chevron-right-ico::after 
{
  background-image: url(../ico/svg/chevron-right.svg);
}
[data-ico="chevron-right"]::before 
{
  background-image: url(../ico/svg/chevron-right.svg);
}


.circle-ico::before, 
.circle-ico::after 
{
  background-image: url(../ico/svg/circle.svg);
}
[data-ico="circle"]::before 
{
  background-image: url(../ico/svg/circle.svg);
}


.compare-ico::before, 
.compare-ico::after 
{
  background-image: url(../ico/svg/compare.svg);
}
[data-ico="compare"]::before 
{
  background-image: url(../ico/svg/compare.svg);
}


.compliance-ico::before, 
.compliance-ico::after 
{
  background-image: url(../ico/svg/compliance.svg);
}
[data-ico="compliance"]::before 
{
  background-image: url(../ico/svg/compliance.svg);
}


.coin-stack-ico::before, 
.coin-stack-ico::after 
{
  background-image: url(../ico/svg/coin-stack.svg);
}
[data-ico="coin-stack"]::before 
{
  background-image: url(../ico/svg/coin-stack.svg);
}


.crypto-ico::before, 
.crypto-ico::after 
{
  background-image: url(../ico/svg/crypto.svg);
}
[data-ico="crypto"]::before 
{
  background-image: url(../ico/svg/crypto.svg);
}


.c-score-ico::before, 
.c-score-ico::after 
{
  background-image: url(../ico/svg/c-score.svg);
}
[data-ico="c-scroe"]::before 
{
  background-image: url(../ico/svg/c-score.svg);
}


.code-ico::before, 
.code-ico::after 
{
  background-image: url(../ico/svg/code.svg);
}
[data-ico="code"]::before 
{
  background-image: url(../ico/svg/code.svg);
}


.district-ico::before, 
.district-ico::after 
{
  background-image: url(../ico/svg/district.svg);
}
[data-ico="district"]::before 
{
  background-image: url(../ico/svg/district.svg);
}


.db-ico::before, 
.db-ico::after 
{
  background-image: url(../ico/svg/db.svg);
}
[data-ico="db"]::before 
{
  background-image: url(../ico/svg/db.svg);
}


.docfile-ico::before, 
.docfile-ico::after 
{
  background-image: url(../ico/svg/docfile.svg);
}
[data-ico="docfile"]::before 
{
  background-image: url(../ico/svg/docfile.svg);
}


.document-ico::before, 
.document-ico::after 
{
  background-image: url(../ico/svg/document.svg);
}
[data-ico="document"]::before 
{
  background-image: url(../ico/svg/document.svg);
}


.doc-percent-ico::before, 
.doc-percent-ico::after 
{
  background-image: url(../ico/svg/doc-percent.svg);
}
[data-ico="doc-percent"]::before 
{
  background-image: url(../ico/svg/doc-percent.svg);
}


.donot-ico::before, 
.donot-ico::after 
{
  background-image: url(../ico/svg/donot.svg);
}
[data-ico="donot"]::before 
{
  background-image: url(../ico/svg/donot.svg);
}







/*----------------------------------------------------------------------------
* Tier 3 [E, F]
*----------------------------------------------------------------------------*/


.edit-ico::before, 
.edit-ico::after 
{
  background-image: url(../ico/svg/edit.svg);
}
[data-ico="edit"]::before 
{
  background-image: url(../ico/svg/edit.svg);
}


.engine-ico::before, 
.engine-ico::after 
{
  background-image: url(../ico/svg/engine.svg);
}
[data-ico="engine"]::before 
{
  background-image: url(../ico/svg/engine.svg);
}

.expend-ico::before, 
.expend-ico::after 
{
  background-image: url(../ico/svg/expend.svg);
}
[data-ico="expend"]::before 
{
  background-image: url(../ico/svg/expend.svg);
}


.extend-ico::before, 
.extend-ico::after 
{
  background-image: url(../ico/svg/extend.svg);
}
[data-ico="extend"]::before 
{
  background-image: url(../ico/svg/extend.svg);
}


.eye-ico::before, 
.eye-ico::after 
{
  background-image: url(../ico/svg/eye.svg);
}
[data-ico="eye"]::before 
{
  background-image: url(../ico/svg/eye.svg);
}


.factoring-ico::before, 
.factoring-ico::after 
{
  background-image: url(../ico/svg/factoring.svg);
}
[data-ico="factoring"]::before 
{
  background-image: url(../ico/svg/factoring.svg);
}


.fax-ico::before, 
.fax-ico::after 
{
  background-image: url(../ico/svg/fax.svg);
}
[data-ico="fax"]::before 
{
  background-image: url(../ico/svg/fax.svg);
}


.features-ico::before, 
.features-ico::after 
{
  background-image: url(../ico/svg/features.svg);
}
[data-ico="features"]::before 
{
  background-image: url(../ico/svg/features.svg);
}


.filter-ico::before, 
.filter-ico::after 
{
  background-image: url(../ico/svg/filter.svg);
}
[data-ico="filter"]::before 
{
  background-image: url(../ico/svg/filter.svg);
}


.fire-ico::before, 
.fire-ico::after 
{
  background-image: url(../ico/svg/fire.svg);
}
[data-ico="fire"]::before 
{
  background-image: url(../ico/svg/fire.svg);
}


.folder-ico::before, 
.folder-ico::after 
{
  background-image: url(../ico/svg/folder.svg);
}
[data-ico="folder"]::before 
{
  background-image: url(../ico/svg/folder.svg);
}


.frame-ico::before, 
.frame-ico::after 
{
  background-image: url(../ico/svg/frame.svg);
}
[data-ico="frame"]::before 
{
  background-image: url(../ico/svg/frame.svg);
}


.fud-ico::before, 
.fud-ico::after 
{
  background-image: url(../ico/svg/fud.svg);
}
[data-ico="fud"]::before 
{
  background-image: url(../ico/svg/fud.svg);
}


.fuel-pump-ico::before, 
.fuel-pump-ico::after 
{
  background-image: url(../ico/svg/fuel-pump.svg);
}
[data-ico="fuel-pump"]::before 
{
  background-image: url(../ico/svg/fuel-pump.svg);
}







/*----------------------------------------------------------------------------
* Tier 4 [G, H]
*----------------------------------------------------------------------------*/


.gear-ico::before, 
.gear-ico::after 
{
  background-image: url(../ico/svg/gear.svg);
}
[data-ico="gear"]::before 
{
  background-image: url(../ico/svg/gear.svg);
}


.gears-ico::before, 
.gears-ico::after 
{
  background-image: url(../ico/svg/gears.svg);
}
[data-ico="gears"]::before 
{
  background-image: url(../ico/svg/gears.svg);
}


.gear-user-ico::before, 
.gear-user-ico::after 
{
  background-image: url(../ico/svg/gear-user.svg);
}
[data-ico="gear-user"]::before 
{
  background-image: url(../ico/svg/gear-user.svg);
}


.glasses-ico::before, 
.glasses-ico::after 
{
  background-image: url(../ico/svg/glasses.svg);
}
[data-ico="glasses"]::before 
{
  background-image: url(../ico/svg/glasses.svg);
}


.globe-ico::before, 
.globe-ico::after 
{
  background-image: url(../ico/svg/globe.svg);
}
[data-ico="globe"]::before 
{
  background-image: url(../ico/svg/globe.svg);
}


.gofundme-ico::before, 
.gofundme-ico::after 
{
  background-image: url(../ico/svg/gofundme.svg);
}
[data-ico="gofundme"]::before 
{
  background-image: url(../ico/svg/gofundme.svg);
}


.grid-ico::before, 
.grid-ico::after 
{
  background-image: url(../ico/svg/grid.svg);
}
[data-ico="grid"]::before 
{
  background-image: url(../ico/svg/grid.svg);
}


.group-ico::before, 
.group-ico::after 
{
  background-image: url(../ico/svg/group.svg);
}
[data-ico="group"]::before 
{
  background-image: url(../ico/svg/group.svg);
}


.handtruck-ico::before, 
.handtruck-ico::after 
{
  background-image: url(../ico/svg/handtruck.svg);
}
[data-ico="handtruck"]::before 
{
  background-image: url(../ico/svg/handtruck.svg);
}


.hash-ico::before, 
.hash-ico::after 
{
  background-image: url(../ico/svg/hash.svg);
}
[data-ico="hash"]::before 
{
  background-image: url(../ico/svg/hash.svg);
}



.heart-ico::before, 
.heart-ico::after 
{
  background-image: url(../ico/svg/heart.svg);
}
[data-ico="heart"]::before 
{
  background-image: url(../ico/svg/heart.svg);
}


.history-ico::before, 
.history-ico::after 
{
  background-image: url(../ico/svg/history.svg);
}
[data-ico="history"]::before 
{
  background-image: url(../ico/svg/history.svg);
}


.home-ico::before, 
.home-ico::after 
{
  background-image: url(../ico/svg/home.svg);
}
[data-ico="home"]::before 
{
  background-image: url(../ico/svg/home.svg);
}







/*----------------------------------------------------------------------------
* Tier 5 [I, J]
*----------------------------------------------------------------------------*/


.inactive-ico::before, 
.inactive-ico::after 
{
  background-image: url(../ico/svg/inactive.svg);
}
[data-ico="inactive"]::before 
{
  background-image: url(../ico/svg/inactive.svg);
}


.index-ico::before, 
.index-ico::after 
{
  background-image: url(../ico/svg/index.svg);
}
[data-ico="index"]::before 
{
  background-image: url(../ico/svg/index.svg);
}


.info-ico::before, 
.info-ico::after 
{
  background-image: url(../ico/svg/info.svg);
}
[data-ico="info"]::before 
{
  background-image: url(../ico/svg/info.svg);
}


.initial-ico::before, 
.initial-ico::after 
{
  background-image: url(../ico/svg/initial.svg);
}
[data-ico="inittial"]::before 
{
  background-image: url(../ico/svg/initial.svg);
}


.inventory-ico::before, 
.inventory-ico::after 
{
  background-image: url(../ico/svg/inventory.svg);
}
[data-ico="inventory"]::before 
{
  background-image: url(../ico/svg/inventory.svg);
}


.invest-ico::before, 
.invest-ico::after 
{
  background-image: url(../ico/svg/invest.svg);
}
[data-ico="invest"]::before 
{
  background-image: url(../ico/svg/invest.svg);
}


.js-ico::before, 
.js-ico::after 
{
  background-image: url(../ico/svg/js.svg);
}
[data-ico="js"]::before 
{
  background-image: url(../ico/svg/js.svg);
}







/*----------------------------------------------------------------------------
* Tier 6 [K, L]
*----------------------------------------------------------------------------*/


.lang-ico::before, 
.lang-ico::after 
{
  background-image: url(../ico/svg/lang.svg);
}
[data-ico="lang"]::before 
{
  background-image: url(../ico/svg/lang.svg);
}


.light-ico::before, 
.light-ico::after 
{
  background-image: url(../ico/svg/light.svg);
}
[data-ico="light"]::before 
{
  background-image: url(../ico/svg/light.svg);
}


.list-ico::before, 
.list-ico::after 
{
  background-image: url(../ico/svg/list.svg);
}
[data-ico="list"]::before 
{
  background-image: url(../ico/svg/list.svg);
}


.link-ico::before, 
.link-ico::after 
{
  background-image: url(../ico/svg/link.svg);
}
[data-ico="link"]::before 
{
  background-image: url(../ico/svg/link.svg);
}


.location-ico::before, 
.location-ico::after 
{
  background-image: url(../ico/svg/location.svg);
}
[data-ico="location"]::before 
{
  background-image: url(../ico/svg/location.svg);
}


.location-outline-ico::before, 
.location-outline-ico::after 
{
  background-image: url(../ico/svg/location-outline.svg);
}
[data-ico="location-outline"]::before 
{
  background-image: url(../ico/svg/location-outline.svg);
}


.lock-ico::before, 
.lock-ico::after 
{
  background-image: url(../ico/svg/lock.svg);
}
[data-ico="lock"]::before 
{
  background-image: url(../ico/svg/lock.svg);
}








/*----------------------------------------------------------------------------
* Tier 7 [M, N]
*----------------------------------------------------------------------------*/


.mail-ico::before, 
.mail-ico::after 
{
  background-image: url(../ico/svg/mail.svg);
}
[data-ico="mail"]::before 
{
  background-image: url(../ico/svg/mail.svg);
}


.map-ico::before, 
.map-ico::after 
{
  background-image: url(../ico/svg/map.svg);
}
[data-ico="map"]::before 
{
  background-image: url(../ico/svg/map.svg);
}


.matrix-ico::before, 
.matrix-ico::after 
{
  background-image: url(../ico/svg/matrix.svg);
}
[data-ico="matrix"]::before 
{
  background-image: url(../ico/svg/matrix.svg);
}


.menu-ico::before, 
.menu-ico::after 
{
  background-image: url(../ico/svg/menu.svg);
}
[data-ico="manu"]::before 
{
  background-image: url(../ico/svg/menu.svg);
}


.metrics-ico::before, 
.metrics-ico::after 
{
  background-image: url(../ico/svg/metrics.svg);
}
[data-ico="metrics"]::before 
{
  background-image: url(../ico/svg/metrics.svg);
}


.mic-ico::before, 
.mic-ico::after 
{
  background-image: url(../ico/svg/mic.svg);
}
[data-ico="mic"]::before 
{
  background-image: url(../ico/svg/mic.svg);
}


.migrate-ico::before, 
.migrate-ico::after 
{
  background-image: url(../ico/svg/migrate.svg);
}
[data-ico="migrate"]::before 
{
  background-image: url(../ico/svg/migrate.svg);
}


.moon-ico::before, 
.moon-ico::after 
{
  background-image: url(../ico/svg/moon.svg);
}
[data-ico="moon"]::before 
{
  background-image: url(../ico/svg/moon.svg);
}


.money-ico::before, 
.money-ico::after 
{
  background-image: url(../ico/svg/money.svg);
}
[data-ico="money"]::before 
{
  background-image: url(../ico/svg/money.svg);
}


.money-circle-ico::before, 
.money-circle-ico::after 
{
  background-image: url(../ico/svg/money-circle.svg);
}
[data-ico="money-circle"]::before 
{
  background-image: url(../ico/svg/money-circle.svg);
}


.network-ico::before, 
.network-ico::after 
{
  background-image: url(../ico/svg/network.svg);
}
[data-ico="network"]::before 
{
  background-image: url(../ico/svg/network.svg);
}


.network-full-ico::before, 
.network-full-ico::after 
{
  background-image: url(../ico/svg/network-full.svg);
}
[data-ico="network-full"]::before 
{
  background-image: url(../ico/svg/network-full.svg);
}


.nxtcheck-ico::before, 
.nxtcheck-ico::after 
{
  background-image: url(../ico/svg/nxtcheck.svg);
}
[data-ico="nxtcheck"]::before 
{
  background-image: url(../ico/svg/nxtcheck.svg);
}








/*----------------------------------------------------------------------------
* Tier 8 [O, P]
*----------------------------------------------------------------------------*/


.odometer-ico::before, 
.odometer-ico::after 
{
  background-image: url(../ico/svg/odometer.svg);
}
[data-ico="odometer"]::before 
{
  background-image: url(../ico/svg/odometer.svg);
}


.open-ico::before, 
.open-ico::after 
{
  background-image: url(../ico/svg/open-thin.svg);
}
[data-ico="open"]::before 
{
  background-image: url(../ico/svg/open-thin.svg);
}


.operator-ico::before, 
.operator-ico::after 
{
  background-image: url(../ico/svg/operator.svg);
}
[data-ico="operator"]::before 
{
  background-image: url(../ico/svg/operator.svg);
}


.paycheck-ico::before, 
.paycheck-ico::after 
{
  background-image: url(../ico/svg/paycheck.svg);
}
[data-ico="paycheck"]::before 
{
  background-image: url(../ico/svg/paycheck.svg);
}


.percent-ico::before, 
.percent-ico::after 
{
  background-image: url(../ico/svg/percent.svg);
}
[data-ico="percent"]::before 
{
  background-image: url(../ico/svg/percent.svg);
}


.phone-handle-ico::before, 
.phone-handle-ico::after 
{
  background-image: url(../ico/svg/phone-handle.svg);
}
[data-ico="phone-handle"]::before 
{
  background-image: url(../ico/svg/phone-handle.svg);
}


.php-ico::before, 
.php-ico::after 
{
  background-image: url(../ico/svg/php.svg);
}
[data-ico="php"]::before 
{
  background-image: url(../ico/svg/php.svg);
}


.play-ico::before, 
.play-ico::after 
{
  background-image: url(../ico/svg/play.svg);
}
[data-ico="play"]::before 
{
  background-image: url(../ico/svg/play.svg);
}


.plug-ico::before, 
.plug-ico::after 
{
  background-image: url(../ico/svg/plug.svg);
} 
[data-ico="plug"]::before 
{
  background-image: url(../ico/svg/plug.svg);
}


.plus-ico::before, 
.plus-ico::after 
{
  background-image: url(../ico/svg/plus.svg);
}
[data-ico="plus"]::before 
{
  background-image: url(../ico/svg/plus.svg);
}


.plus-circle-ico::before, 
.plus-circle-ico::after 
{
  background-image: url(../ico/svg/plus-circle.svg);
}
[data-ico="plus-circle"]::before 
{
  background-image: url(../ico/svg/plus-circle.svg);
}


.privacy-ico::before, 
.privacy-ico::after 
{
  background-image: url(../ico/svg/privacy.svg);
}
[data-ico="privacy"]::before 
{
  background-image: url(../ico/svg/privacy.svg);
}


.property-ico::before, 
.property-ico::after 
{
  background-image: url(../ico/svg/property.svg);
}
[data-ico="property"]::before 
{
  background-image: url(../ico/svg/property.svg);
}








/*----------------------------------------------------------------------------
* Tier 9 [Q, R]
*----------------------------------------------------------------------------*/

.question-ico::before,
.question-ico::after
{
  background-image: url(../ico/svg/question.svg);
}
[data-ico="question"]::before 
{
  background-image: url(../ico/svg/question.svg);
}

.refund-ico::before,
.refund-ico::after
{
  background-image: url(../ico/svg/refund.svg);
}
[data-ico="refund"]::before 
{
  background-image: url(../ico/svg/refund.svg);
}

.reset-ico::before,
.reset-ico::after
{
  background-image: url(../ico/svg/reset.svg);
}
[data-ico="reset"]::before 
{
  background-image: url(../ico/svg/reset.svg);
}


.responsive-ico::before,
.responsive-ico::after
{
  background-image: url(../ico/svg/responsive.svg);
}
[data-ico="responsive"]::before 
{
  background-image: url(../ico/svg/responsive.svg);
}


.reload-ico::before,
.reload-ico::after
{
  background-image: url(../ico/svg/reload.svg);
}
[data-ico="reload"]::before 
{
  background-image: url(../ico/svg/reload.svg);
}


.rocket-ico::before, 
.rocket-ico::after 
{
  background-image: url(../ico/svg/rocket.svg);
}
[data-ico="rockect"]::before 
{
  background-image: url(../ico/svg/rocket.svg);
}


.rocket-full-ico::before, 
.rocket-full-ico::after 
{
  background-image: url(../ico/svg/rocket-full.svg);
}
[data-ico="rocket-full"]::before 
{
  background-image: url(../ico/svg/rocket-full.svg);
}


.route-ico::before, 
.route-ico::after 
{
  background-image: url(../ico/svg/route.svg);
}
[data-ico="route"]::before 
{
  background-image: url(../ico/svg/route.svg);
}







/*----------------------------------------------------------------------------
* Tier 10 [S, T]
*----------------------------------------------------------------------------*/


.sale-ico::before, 
.sale-ico::after 
{
  background-image: url(../ico/svg/sale.svg);
}
[data-ico="sale"]::before 
{
  background-image: url(../ico/svg/sale.svg);
}


.scope-ico::before, 
.scope-ico::after 
{
  background-image: url(../ico/svg/scope.svg);
}
[data-ico="scope"]::before 
{
  background-image: url(../ico/svg/scope.svg);
}


.shield-ico::before, 
.shield-ico::after 
{
  background-image: url(../ico/svg/shield.svg);
}
[data-ico="shield"]::before 
{
  background-image: url(../ico/svg/shield.svg);
}


.shield-check-ico::before, 
.shield-check-ico::after 
{
  background-image: url(../ico/svg/shield-check.svg);
}
[data-ico="shield-check"]::before 
{
  background-image: url(../ico/svg/shield-check.svg);
}


.search-ico::before, 
.search-ico::after 
{
  background-image: url(../ico/svg/search.svg);
}
[data-ico="search"]::before 
{
  background-image: url(../ico/svg/search.svg);
}


.server-ico::before, 
.server-ico::after 
{
  background-image: url(../ico/svg/server.svg);
}
[data-ico="server"]::before 
{
  background-image: url(../ico/svg/server.svg);
}


.segment-ico::before,
.segment-ico::after
{
  background-image: url(../ico/svg/segment.svg);
}
[data-ico="segment"]::before 
{
  background-image: url(../ico/svg/segment.svg);
}


.share-ico::before,
.share-ico::after
{
  background-image: url(../ico/svg/share.svg);
}
[data-ico="share"]::before 
{
  background-image: url(../ico/svg/share.svg);
}


.share-arrow-ico::before,
.share-arrow-ico::after
{
  background-image: url(../ico/svg/share-arrow.svg);
}
[data-ico="share-arrow"]::before 
{
  background-image: url(../ico/svg/share-arrow.svg);
}


.signin-ico::before, 
.signin-ico::after 
{
  background-image: url(../ico/svg/signin.svg);
}
[data-ico="signin"]::before 
{
  background-image: url(../ico/svg/signin.svg);
}


.signout-ico::before, 
.signout-ico::after 
{
  background-image: url(../ico/svg/signout.svg);
}
[data-ico="signout"]::before 
{
  background-image: url(../ico/svg/signout.svg);
}


.slide-in-ico::before, 
.slide-in-ico::after 
{
  background-image: url(../ico/svg/slide-in.svg);
}
[data-ico="slide-in"]::before 
{
  background-image: url(../ico/svg/slide-in.svg);
}


.slide-out-ico::before, 
.slide-out-ico::after 
{
  background-image: url(../ico/svg/slide-out.svg);
}
[data-ico="slide-out"]::before 
{
  background-image: url(../ico/svg/slide-out.svg);
}


.snippet-ico::before, 
.snippet-ico::after 
{
  background-image: url(../ico/svg/snippet.svg);
}
[data-ico="snippet"]::before 
{
  background-image: url(../ico/svg/snippet.svg);
}


.snippets-ico::before, 
.snippets-ico::after 
{
  background-image: url(../ico/svg/snippets.svg);
}
[data-ico="snippets"]::before 
{
  background-image: url(../ico/svg/snippets.svg);
}


.spray-gun-ico::before, 
.spray-gun-ico::after 
{
  background-image: url(../ico/svg/spray-gun.svg);
}
[data-ico="spray-gun"]::before 
{
  background-image: url(../ico/svg/spray-gun.svg);
}


.stack-ico::before, 
.stack-ico::after 
{
  background-image: url(../ico/svg/stack.svg);
}
[data-ico="stack"]::before 
{
  background-image: url(../ico/svg/stack.svg);
}


.star-ico::before, 
.star-ico::after 
{
  background-image: url(../ico/svg/star.svg);
}
[data-ico="star"]::before 
{
  background-image: url(../ico/svg/stack.svg);
}


.steering-ico::before, 
.steering-ico::after 
{
  background-image: url(../ico/svg/steering.svg);
}
[data-ico="steering"]::before 
{
  background-image: url(../ico/svg/steering.svg);
}


.store-ico::before, 
.store-ico::after 
{
  background-image: url(../ico/svg/store.svg);
}
[data-ico="store"]::before 
{
  background-image: url(../ico/svg/store.svg) !important;
}


.sun-ico::before, 
.sun-ico::after 
{
  background-image: url(../ico/svg/sun.svg);
}
[data-ico="sun"]::before 
{
  background-image: url(../ico/svg/sun.svg);
}


.swap-ico::before, 
.swap-ico::after 
{
  background-image: url(../ico/svg/swap.svg);
}
[data-ico="swap"]::before 
{
  background-image: url(../ico/svg/swap.svg);
}


.tablet-ico::before, 
.tablet-ico::after 
{
  background-image: url(../ico/svg/tablet.svg);
}
[data-ico="tablet"]::before 
{
  background-image: url(../ico/svg/tablet.svg);
}


.ticket-ico::before, 
.ticket-ico::after 
{
  background-image: url(../ico/svg/ticket.svg);
}
[data-ico="ticker"]::before 
{
  background-image: url(../ico/svg/ticket.svg);
}


.tiktok-ico::before, 
.tiktok-ico::after 
{
  background-image: url(../ico/svg/tiktok.svg);
}
[data-ico="tiktok"]::before 
{
  background-image: url(../ico/svg/tiktok.svg);
}


.trash-ico::before, 
.trash-ico::after 
{
  background-image: url(../ico/svg/trash.svg);
}
[data-ico="trash"]::before 
{
  background-image: url(../ico/svg/trash.svg);
}


.truck-ico::before, 
.truck-ico::after 
{
  background-image: url(../ico/svg/truck.svg);
}
[data-ico="truck"]::before 
{
  background-image: url(../ico/svg/truck.svg);
}







/*----------------------------------------------------------------------------
* Tier 11 [U, V]
*----------------------------------------------------------------------------*/


.uiblock-ico::before, 
.uiblock-ico::after 
{
  background-image: url(../ico/svg/uiblock.svg);
}
[data-ico="uiblock"]::before 
{
  background-image: url(../ico/svg/uiblock.svg);
}


.umbrella-ico::before, 
.umbrella-ico::after 
{
  background-image: url(../ico/svg/umbrella.svg);
}
[data-ico="umbrella"]::before 
{
  background-image: url(../ico/svg/umbrella.svg);
}


.unlock-ico::before, 
.unlock-ico::after 
{
  background-image: url(../ico/svg/unlock.svg);
}
[data-ico="unlock"]::before 
{
  background-image: url(../ico/svg/unlock.svg);
}


.user-ico::before, 
.user-ico::after 
{
  background-image: url(../ico/svg/user.svg);
}
[data-ico="user"]::before 
{
  background-image: url(../ico/svg/user.svg);
}


.user-plus-ico::before, 
.user-plus-ico::after 
{
  background-image: url(../ico/svg/user-plus.svg);
}
[data-ico="user-plus"]::before 
{
  background-image: url(../ico/svg/user-plus.svg);
}


.up-trend-ico::before, 
.up-trend-ico::after 
{
  background-image: url(../ico/svg/up-trend.svg);
}
[data-ico="up-trend"]::before 
{
  background-image: url(../ico/svg/up-trend.svg);
}


.van-ico::before, 
.van-ico::after 
{
  background-image: url(../ico/svg/van.svg);
}
[data-ico="van"]::before 
{
  background-image: url(../ico/svg/van.svg);
}


.van1-ico::before, 
.van1-ico::after 
{
  background-image: url(../ico/svg/van_1.svg);
}
[data-ico="van1"]::before 
{
  background-image: url(../ico/svg/van_1.svg);
}


.void-ico::before, 
.void-ico::after 
{
  background-image: url(../ico/svg/void.svg);
}
[data-ico="void"]::before 
{
  background-image: url(../ico/svg/void.svg);
}







/*----------------------------------------------------------------------------
* Tier 12 [W, X]
*----------------------------------------------------------------------------*/


.wallet-ico::before, 
.wallet-ico::after 
{
  background-image: url(../ico/svg/wallet.svg);
}
[data-ico="wallet"]::before 
{
  background-image: url(../ico/svg/wallet.svg);
}


.warn-ico::before, 
.warn-ico::after 
{
  background-image: url(../ico/svg/warn.svg);
}
[data-ico="warn"]::before 
{
  background-image: url(../ico/svg/warn.svg);
}


.x-ico::before, 
.x-ico::after 
{
  background-image: url(../ico/svg/x.svg);
}
[data-ico="x"]::before 
{
  background-image: url(../ico/svg/x.svg);
}






/*----------------------------------------------------------------------------
* Tier 13 [Y, Z]
*----------------------------------------------------------------------------*/











/*----------------------------------------------------------------------------
* Icon Width Properties
*----------------------------------------------------------------------------*/
.logo-ico
{
  width: 100% !important;
  aspect-ratio: 21/4 !important;
}
.logo-ico::before
{
  width: 40% !important;
  background-size: cover !important;
  background-position: 50% 50% !important;
}








/*----------------------------------------------------------------------------
* Step index
*----------------------------------------------------------------------------*/
[data-step] 
{
  height: 100%;
  display: flex;
  font-size: 1rem;
  content: '';
  font-weight: bold;
  aspect-ratio: 1/1;
  border-radius: 100vw;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: transparent;
  border: 3px solid transparent;
}
[data-step]::before 
{
  height: 100%;
  display: flex;
  font-size: 1rem;
  content: '';
  z-index: -1;
  font-weight: bold;
  aspect-ratio: 1/1;
  border-radius: 100vw;
  align-items: center;
  position: absolute;
  flex-direction: column;
  justify-content: center;
}







/*----------------------------------------------------------------------------
* 
*----------------------------------------------------------------------------*/