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

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    &.icon-cross:before {
        content: "\e911";
    }

    &.icon-dots-three-horizontal:before {
        content: "\e917";
    }

    &.icon-dots-three-vertical:before {
        content: "\e91a";
    }

    &.icon-address:before {
        content: "\e900";
    }

    &.icon-area-graph:before {
        content: "\e901";
    }

    &.icon-calendar:before {
        content: "\e902";
    }

    &.icon-certified:before {
        content: "\e903";
    }

    &.icon-chat:before {
        content: "\e904";
    }

    &.icon-checkmark:before {
        content: "\e905";
    }

    &.icon-clock:before {
        content: "\e906";
    }

    &.icon-cog:before {
        content: "\e907";
    }

    &.icon-compass:before {
        content: "\e908";
    }

    &.icon-emoji-happy:before {
        content: "\e909";
    }

    &.icon-envelope:before {
        content: "\e90a";
    }

    &.icon-graduation-cap:before {
        content: "\e90b";
    }

    &.icon-guage:before {
        content: "\e90c";
    }

    &.icon-heart:before {
        content: "\e90d";
    }

    &.icon-home:before {
        content: "\e90e";
    }

    &.icon-location:before {
        content: "\e90f";
    }

    &.icon-lock:before {
        content: "\e910";
    }

    &.icon-paper-plane:before {
        content: "\e912";
    }

    &.icon-people:before {
        content: "\e913";
    }

    &.icon-plus:before {
        content: "\e914";
    }

    &.icon-price-ribbon:before {
        content: "\e915";
    }

    &.icon-star:before {
        content: "\e916";
    }

    &.icon-tools:before {
        content: "\e918";
    }

    &.icon-truck:before {
        content: "\e919";
    }

    &.icon-search:before {
        content: "\e986";
    }

    &.icon-eye:before {
        content: "\e9ce";
    }

    &.icon-eye-blocked:before {
        content: "\e9d1";
        }
        

    }