/* Icon Base Class */
.hgi:after {
    content: "" !important;
    width: 16px;
    height: 16px;
    display: inline-block !important;
    margin-left: 6px !important;
    transform: translate(-3px, 0px) !important;
    background-color: currentColor !important;
    -webkit-mask: no-repeat center !important;
    mask: no-repeat center !important;
    vertical-align: middle !important;
}

/* Stroke Style Modifier */
.hgi-stroke:after {
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}


/*Icons*/
.hgi-task-add-01:after {
    -webkit-mask-image: url("./../images/icons/iconslist/task-add-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/task-add-01-stroke-rounded.svg") !important;
}

.hgi-cancel-01:after {
    -webkit-mask-image: url("./../images/icons/iconslist/cancel-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/cancel-01-stroke-rounded.svg") !important;
}

.hgi-arrow-down-01:after{
    -webkit-mask-image: url("./../images/icons/iconslist/arrow-down-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/arrow-down-01-stroke-rounded.svg") !important;
}

.hgi-arrow-down-02:after{
    -webkit-mask-image: url("./../images/icons/iconslist/arrow-down-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/arrow-down-02-stroke-rounded.svg") !important;
}

.hgi-time-quarter-pass:after{
    -webkit-mask-image: url("./../images/icons/iconslist/time-quarter-pass-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/time-quarter-pass-stroke-rounded.svg") !important;
}

.hgi-add-01:after{
    -webkit-mask-image: url("./../images/icons/iconslist/plus-sign-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/plus-sign-stroke-rounded.svg") !important;
}

.hgi-more-horizontal:after{
    -webkit-mask-image: url("./../images/icons/iconslist/more-horizontal-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/more-horizontal-stroke-rounded.svg") !important;
}

.hgi-bitcoin-credit-card:after{
    -webkit-mask-image: url("./../images/icons/iconslist/bitcoin-credit-card-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/bitcoin-credit-card-stroke-rounded.svg") !important;
}

.hgi-credit-card-change:after{
    -webkit-mask-image: url("./../images/icons/iconslist/credit-card-change-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/credit-card-change-stroke-rounded.svg") !important;
}

.hgi-credit-card-freeze:after{
    -webkit-mask-image: url("./../images/icons/iconslist/credit-card-freeze-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/credit-card-freeze-stroke-rounded.svg") !important;
}

.hgi-credit-card-accepted:after{
    -webkit-mask-image: url("./../images/icons/iconslist/credit-card-accept-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/credit-card-accept-stroke-rounded.svg") !important;
}

.hgi-credit-card-add:after{
    -webkit-mask-image: url("./../images/icons/iconslist/credit-card-add-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/credit-card-add-stroke-rounded.svg") !important;
}

.hgi-menu-07:after{
    -webkit-mask-image: url("./../images/icons/iconslist/menu-07-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/menu-07-stroke-rounded.svg") !important;
}

.hgi-chart-01:after{
    -webkit-mask-image: url("./../images/icons/iconslist/chart-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/chart-01-stroke-rounded.svg") !important;
}

.hgi-calendar-01:after{
    -webkit-mask-image: url("./../images/icons/iconslist/calendar-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/calendar-01-stroke-rounded.svg") !important;
}

.hgi-more-vertical:after{
    -webkit-mask-image: url("./../images/icons/iconslist/more-vertical-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/more-vertical-stroke-rounded.svg") !important;
}

.hgi-pencil-edit-02:after{
    -webkit-mask-image: url("./../images/icons/iconslist/pencil-edit-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/pencil-edit-02-stroke-rounded.svg") !important;
}

.hgi-credit-card-validation:after{
    -webkit-mask-image: url("./../images/icons/iconslist/credit-card-validation-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/credit-card-validation-stroke-rounded.svg") !important;
}

.hgi-credit-card-defrost::after{
    -webkit-mask-image: url("./../images/icons/iconslist/credit-card-defrost-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/credit-card-defrost-stroke-rounded.svg") !important;
}

.hgi-facebook-02:after{
    -webkit-mask-image: url("./../images/icons/iconslist/facebook-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/facebook-02-stroke-rounded.svg") !important;
}

.hgi-youtube:after{
    -webkit-mask-image: url("./../images/icons/iconslist/youtube-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/youtube-stroke-rounded.svg") !important;
}

.hgi-checkmark-circle-02:after{
    -webkit-mask-image: url("./../images/icons/iconslist/checkmark-circle-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/checkmark-circle-02-stroke-rounded.svg") !important;
}

.hgi-download-01:after{
    -webkit-mask-image: url("./../images/icons/iconslist/download-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/download-01-stroke-rounded.svg") !important;
}

.hgi-upload-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/upload-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/upload-01-stroke-rounded.svg") !important;
}

.hgi-medical-file:after{
    -webkit-mask-image: url("./../images/icons/iconslist/medical-file-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/medical-file-stroke-rounded.svg") !important;
}

.hgi-location-05::after{
    -webkit-mask-image: url("./../images/icons/iconslist/location-05-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/location-05-stroke-rounded.svg") !important;
}

.hgi-delete-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/delete-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/delete-02-stroke-rounded.svg") !important;
}

.hgi-floppy-disk::after{
    -webkit-mask-image: url("./../images/icons/iconslist/floppy-disk-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/floppy-disk-stroke-rounded.svg") !important;
}

.hgi-arrow-up-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/arrow-up-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/arrow-up-01-stroke-rounded.svg") !important;
}

.hgi-arrow-up-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/arrow-up-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/arrow-up-02-stroke-rounded.svg") !important;
}

.hgi-bubble-chat::after{
    -webkit-mask-image: url("./../images/icons/iconslist/bubble-chat-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/bubble-chat-stroke-rounded.svg") !important;
}

.hgi-layer-bring-to-front::after{
    -webkit-mask-image: url("./../images/icons/iconslist/layer-bring-to-front-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/layer-bring-to-front-stroke-rounded.svg") !important;
}

.hgi-customer-support::after{
    -webkit-mask-image: url("./../images/icons/iconslist/customer-support-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/customer-support-stroke-rounded.svg") !important;
}

.hgi-calendar-add-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/calendar-add-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/calendar-add-01-stroke-rounded.svg") !important;
}

.hgi-delivery-box-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/delivery-box-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/delivery-box-02-stroke-rounded.svg") !important;
}

.hgi-eye::after{flopp
    -webkit-mask-image: url("./../images/icons/iconslist/eye-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/eye-stroke-rounded.svg") !important;
}

.hgi-settings-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/settings-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/settings-02-stroke-rounded.svg") !important;
}

.hgi-book-03::after{
    -webkit-mask-image: url("./../images/icons/iconslist/book-03-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/book-03-stroke-rounded.svg") !important;
}

.hgi-invoice-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/invoice-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/invoice-01-stroke-rounded.svg") !important;
}

.hgi-link-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/link-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/link-02-stroke-rounded.svg") !important;
}

.hgi-left-to-right-list-dash::after{
    -webkit-mask-image: url("./../images/icons/iconslist/left-to-right-list-dash-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/left-to-right-list-dash-stroke-rounded.svg") !important;
}

.hgi-left-to-right-list-triangle::after{
    -webkit-mask-image: url("./../images/icons/iconslist/left-to-right-list-triangle-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/left-to-right-list-triangle-stroke-rounded.svg") !important;
}

.hgi-unavailable::after{
    -webkit-mask-image: url("./../images/icons/iconslist/unavailable-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/unavailable-stroke-rounded.svg") !important;
}

.hgi-circle::after{
    -webkit-mask-image: url("./../images/icons/iconslist/circle-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/circle-stroke-rounded.svg") !important;
}

.hgi-package-process-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/package-process-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/package-process-01-stroke-rounded.svg") !important;
}

.hgi-money-send-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/money-send-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/money-send-02-stroke-rounded.svg") !important;
}

.hgi-money-add-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/money-add-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/money-add-02-stroke-rounded.svg") !important;
}

.hgi-money-receive-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/money-receive-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/money-receive-02-stroke-rounded.svg") !important;
}

.hgi-file-attachment::after{
    -webkit-mask-image: url("./../images/icons/iconslist/file-attachment-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/file-attachment-stroke-rounded.svg") !important;
}

.hgi-maps-location-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/maps-location-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/maps-location-02-stroke-rounded.svg") !important;
}

.hgi-entering-geo-fence::after{
    -webkit-mask-image: url("./../images/icons/iconslist/entering-geo-fence-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/entering-geo-fence-stroke-rounded.svg") !important;
}

.hgi-heart-add::after{
    -webkit-mask-image: url("./../images/icons/iconslist/heart-add-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/heart-add-stroke-rounded.svg") !important;
}

.hgi-flag-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/flag-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/flag-02-stroke-rounded.svg") !important;
}

.hgi-git-pull-request-draft::after{
    -webkit-mask-image: url("./../images/icons/iconslist/git-pull-request-draft-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/git-pull-request-draft-stroke-rounded.svg") !important;
}

.hgi-signature::after{
    -webkit-mask-image: url("./../images/icons/iconslist/signature-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/signature-stroke-rounded.svg") !important;
}

.hgi-progress-04::after{
    -webkit-mask-image: url("./../images/icons/iconslist/progress-04-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/progress-04-stroke-rounded.svg") !important;
}

.hgi-container-truck-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/container-truck-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/container-truck-01-stroke-rounded.svg") !important;
}

.hgi-cash-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/cash-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/cash-02-stroke-rounded.svg") !important;
}

.hgi-checkmark-badge-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/checkmark-badge-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/checkmark-badge-02-stroke-rounded.svg") !important;
}

.hgi-remove-circle::after{
    -webkit-mask-image: url("./../images/icons/iconslist/remove-circle-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/remove-circle-stroke-rounded.svg") !important;
}

.hgi-star::after{
    -webkit-mask-image: url("./../images/icons/iconslist/star-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/star-stroke-rounded.svg") !important;
}

.hgi-court-law::after{
    -webkit-mask-image: url("./../images/icons/iconslist/court-law-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/court-law-stroke-rounded.svg") !important;
}

.hgi-menu-square::after{
    -webkit-mask-image: url("./../images/icons/iconslist/menu-square-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/menu-square-stroke-rounded.svg") !important;
}

.hgi-edit-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/edit-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/edit-01-stroke-rounded.svg") !important;
}

.hgi-arrow-right-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/arrow-right-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/arrow-right-02-stroke-rounded.svg") !important;
}

.hgi-search-list-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/search-list-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/search-list-01-stroke-rounded.svg") !important;
}

.hgi-arrow-right-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/arrow-right-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/arrow-right-01-stroke-rounded.svg") !important;
}

.hgi-arrow-left-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/arrow-left-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/arrow-left-01-stroke-rounded.svg") !important;
}

.hgi-camera-03::after{
    -webkit-mask-image: url("./../images/icons/iconslist/camera-03-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/camera-03-stroke-rounded.svg") !important;
}

.hgi-user::after{
    -webkit-mask-image: url("./../images/icons/iconslist/user-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/user-stroke-rounded.svg") !important;
}

.hgi-security-warning::after{
    -webkit-mask-image: url("./../images/icons/iconslist/security-warning-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/security-warning-stroke-rounded.svg") !important;
}

.hgi-route-03::after{
    -webkit-mask-image: url("./../images/icons/iconslist/route-03-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/route-03-stroke-rounded.svg") !important;
}

.hgi-time-quarter::after{
    -webkit-mask-image: url("./../images/icons/iconslist/time-quarter-pass-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/time-quarter-pass-stroke-rounded.svg") !important;
}

.hgi-alert-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/alert-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/alert-02-stroke-rounded.svg") !important;
}

.hgi-add-team-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/add-team-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/add-team-02-stroke-rounded.svg") !important;
}

.hgi-curvy-right-direction::after{
    -webkit-mask-image: url("./../images/icons/iconslist/curvy-right-direction-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/curvy-right-direction-stroke-rounded.svg") !important;
}

.hgi-incognito::after{
    -webkit-mask-image: url("./../images/icons/iconslist/incognito-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/incognito-stroke-rounded.svg") !important;
}

.hgi-android::after{
    -webkit-mask-image: url("./../images/icons/iconslist/android-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/android-stroke-rounded.svg") !important;
}

.hgi-windows-new::after{
    -webkit-mask-image: url("./../images/icons/iconslist/windows-new-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/windows-new-stroke-rounded.svg") !important;
}

.hgi-chrome::after{
    -webkit-mask-image: url("./../images/icons/iconslist/chrome-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/chrome-stroke-rounded.svg") !important;
}

.hgi-microsoft::after{
    -webkit-mask-image: url("./../images/icons/iconslist/microsoft-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/microsoft-stroke-rounded.svg") !important;
}

.hgi-auto-conversations::after{
    -webkit-mask-image: url("./../images/icons/iconslist/auto-conversations-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/auto-conversations-stroke-rounded.svg") !important;
}

.hgi-help-circle::after{
    -webkit-mask-image: url("./../images/icons/iconslist/help-circle-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/help-circle-stroke-rounded.svg") !important;
}

.hgi-24-hours-clock::after{
    -webkit-mask-image: url("./../images/icons/iconslist/24-hours-clock-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/24-hours-clock-stroke-rounded.svg") !important;
}

.hgi-file-export::after{
    -webkit-mask-image: url("./../images/icons/iconslist/file-export-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/file-export-stroke-rounded.svg") !important;
}

.hgi-notebook-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/notebook-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/notebook-02-stroke-rounded.svg") !important;
}

.hgi-garbage-truck::after{
    -webkit-mask-image: url("./../images/icons/iconslist/garbage-truck-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/garbage-truck-stroke-rounded.svg") !important;
}

.hgi-delivery-delay-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/delivery-delay-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/delivery-delay-01-stroke-rounded.svg") !important;
}

.hgi-folder-details-reference::after{
    -webkit-mask-image: url("./../images/icons/iconslist/folder-details-reference-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/folder-details-reference-stroke-rounded.svg") !important;
}

.hgi-computer-activity::after{
    -webkit-mask-image: url("./../images/icons/iconslist/computer-activity-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/computer-activity-stroke-rounded.svg") !important;
}

.hgi-chart-average::after{
    -webkit-mask-image: url("./../images/icons/iconslist/chart-average-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/chart-average-stroke-rounded.svg") !important;
}

.hgi-transaction-history::after{
    -webkit-mask-image: url("./../images/icons/iconslist/transaction-history-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/transaction-history-stroke-rounded.svg") !important;
}

.hgi-invoice::after{
    -webkit-mask-image: url("./../images/icons/iconslist/invoice-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/invoice-stroke-rounded.svg") !important;
}

.hgi-information-circle::after {
    -webkit-mask-image: url("./../images/icons/iconslist/information-circle-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/information-circle-stroke-rounded.svg") !important;
}

.hgi-chart-up::after {
    -webkit-mask-image: url("./../images/icons/iconslist/chart-up-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/chart-up-stroke-rounded.svg") !important;
}

.hgi-trade-up::after{
    -webkit-mask-image: url("./../images/icons/iconslist/trade-up-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/trade-up-stroke-rounded.svg") !important;
}

.hgi-trade-down::after {
    -webkit-mask-image: url("./../images/icons/iconslist/trade-down-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/trade-down-stroke-rounded.svg") !important;
}

.hgi-filter::after{
    -webkit-mask-image: url("./../images/icons/iconslist/filter-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/filter-stroke-rounded.svg") !important;
}

.hgi-bookmark-add-01::after {
    -webkit-mask-image: url("./../images/icons/iconslist/bookmark-add-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/bookmark-add-01-stroke-rounded.svg") !important;
}

.hgi-search-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/search-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/search-01-stroke-rounded.svg") !important;
}

.hgi-drag-03::after{
    -webkit-mask-image: url("./../images/icons/iconslist/drag-03-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/drag-03-stroke-rounded.svg") !important;
}

.hgi-image-upload::after{
    -webkit-mask-image: url("./../images/icons/iconslist/image-upload-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/image-upload-stroke-rounded.svg") !important;
}

.hgi-file-upload::after{
    -webkit-mask-image: url("./../images/icons/iconslist/file-upload-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/file-upload-stroke-rounded.svg") !important;
}

.hgi-menu-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/menu-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/menu-01-stroke-rounded.svg") !important;
}

.hgi-approximately-equal-circle::after{
    -webkit-mask-image: url("./../images/icons/iconslist/approximately-equal-circle-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/approximately-equal-circle-stroke-rounded.svg") !important;
}

.hgi-shopping-bag-add::after{
    -webkit-mask-image: url("./../images/icons/iconslist/shopping-bag-add-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/shopping-bag-add-stroke-rounded.svg") !important;
}

.hgi-tags::after{
    -webkit-mask-image: url("./../images/icons/iconslist/tags-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/tags-stroke-rounded.svg") !important;
}

.hgi-coupon-percent::after{
    -webkit-mask-image: url("./../images/icons/iconslist/coupon-percent-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/coupon-percent-stroke-rounded.svg") !important;
}

.hgi-gift::after{
    -webkit-mask-image: url("./../images/icons/iconslist/gift-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/gift-stroke-rounded.svg") !important;
}

.hgi-rupee-shield::after{
    -webkit-mask-image: url("./../images/icons/iconslist/rupee-shield-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/rupee-shield-stroke-rounded.svg") !important;
}

.hgi-grid::after{
    -webkit-mask-image: url("./../images/icons/iconslist/grid-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/grid-stroke-rounded.svg") !important;
}

.hgi-user-dollar::after{
    -webkit-mask-image: url("./../images/icons/iconslist/user-dollar-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/user-dollar-stroke-rounded.svg") !important;
}

.hgi-setting-06::after{
    -webkit-mask-image: url("./../images/icons/sidebar/setting-06-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/sidebar/setting-06-stroke-rounded.svg") !important;
}

.hgi-pencil-ruler::after{
    -webkit-mask-image: url("./../images/icons/iconslist/pencil-ruler-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/pencil-ruler-stroke-rounded.svg") !important;
}

.hgi-dollar-circle::after{
    -webkit-mask-image: url("./../images/icons/iconslist/dollar-circle-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/dollar-circle-stroke-rounded.svg") !important;
}

.hgi-shield-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/shield-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/shield-01-stroke-rounded.svg") !important;
}

.hgi-filter-vertical::after{
    -webkit-mask-image: url("./../images/icons/iconslist/filter-vertical-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/filter-vertical-stroke-rounded.svg") !important;
}

.hgi-package-moving::after{
    -webkit-mask-image: url("./../images/icons/iconslist/package-moving-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/package-moving-stroke-rounded.svg") !important;
}

.hgi-layers-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/layers-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/layers-01-stroke-rounded.svg") !important;
}

.hgi-discount-tag-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/discount-tag-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/discount-tag-02-stroke-rounded.svg") !important;
}

.hgi-taxes::after{
    -webkit-mask-image: url("./../images/icons/iconslist/taxes-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/taxes-stroke-rounded.svg") !important;
}

.hgi-book-01::after{
    -webkit-mask-image: url("./../images/icons/iconslist/book-01-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/book-01-stroke-rounded.svg") !important;
}

.hgi-folder-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/folder-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/folder-02-stroke-rounded.svg") !important;
}

.hgi-invoice-02::after{
    -webkit-mask-image: url("./../images/icons/iconslist/invoice-02-stroke-rounded.svg") !important;
    mask-image: url("./../images/icons/iconslist/invoice-02-stroke-rounded.svg") !important;
}

/* Use background-image for colored SVGs */
.hgi-excel-file::after {
    content: "" !important;
    width: 24px;
    height: 24px;
    display: inline-block !important;
    margin-left: 6px !important;
    transform: translate(-3px, 0px) !important;
    background-image: url("./../images/icons/iconslist/xls.svg") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    vertical-align: middle !important;
    /* Remove mask properties */
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background-color: transparent !important;
}

.hgi-pdf-file::after {
    content: "" !important;
    width: 24px;
    height: 24px;
    display: inline-block !important;
    margin-left: 6px !important;
    transform: translate(-3px, 0px) !important;
    background-image: url("./../images/icons/iconslist/pdf.svg") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    vertical-align: middle !important;
    /* Remove mask properties */
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background-color: transparent !important;
}