.ns-icon{
    position: relative;
    width: 24px;
    height: 24px;
    display: block;
}
.ns-icon::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--black);
    width: 100%;
    height: 100%;
    mask-size: contain !important;
    transition: all 0.4s;
}
.ns-icon-notification::before{
    mask: url('../../../public/assets/ns-icons/icon-notification.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/icon-notification.svg') no-repeat center;
}
.ns-icon-arrow-right::before{
    mask: url('../../../public/assets/ns-icons/icon-arrow-right.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/icon-arrow-right.svg') no-repeat center;
}
.ns-icon-arrow-down::before{
    mask: url('../../../public/assets/ns-icons/icon-arrow-down.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/icon-arrow-down.svg') no-repeat center;
}
.ns-icon-arrow-up::before{
    mask: url('../../../public/assets/ns-icons/icon-arrow-up.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/icon-arrow-up.svg') no-repeat center;
}
.ns-icon-user::before{
    mask: url('../../../public/assets/ns-icons/icon-user.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/icon-user.svg') no-repeat center;
}
.ns-icon-dashboard::before{
    mask: url('../../../public/assets/ns-icons/dashboard-icon.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/dashboard-icon.svg') no-repeat center;
}
.ns-icon-calendar::before{
    mask: url('../../../public/assets/ns-icons/calendar-icon.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/calendar-icon.svg') no-repeat center;
}
.ns-icon-search::before{
    mask: url('../../../public/assets/ns-icons/search-icon.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/search-icon.svg') no-repeat center;
}
.ns-icon-filter::before{
    mask: url('../../../public/assets/ns-icons/filter-icon.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/filter-icon.svg') no-repeat center;
}
.ns-icon-event-calender::before{
    mask: url('../../../public/assets/ns-icons/event-calender-icon.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/event-calender-icon.svg') no-repeat center;
}
.ns-icon-location::before{
    mask: url('../../../public/assets/ns-icons/location-icon.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/location-icon.svg') no-repeat center;
}
.ns-icon-verified::before{
    mask: url('../../../public/assets/ns-icons/verified-icon.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/verified-icon.svg') no-repeat center;
}
.ns-icon-clock::before{
    mask: url('../../../public/assets/ns-icons/icon-clock.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/icon-clock.svg') no-repeat center;
}
.ns-icon-share::before{
    mask: url('../../../public/assets/ns-icons/icon-share.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/icon-share.svg') no-repeat center;
}
.ns-icon-eye-open::before{
    mask: url('../../../public/assets/ns-icons/eye-open-icon.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/eye-open-icon.svg') no-repeat center;
}
.ns-icon-eye-close::before{
    mask: url('../../../public/assets/ns-icons/eye-close-icon.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/eye-close-icon.svg') no-repeat center;
}
.ns-icon-coupon-code::before{
    mask: url('../../../public/assets/ns-icons/icon-coupon-code.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/icon-coupon-code.svg') no-repeat center;
}

.ns-icon-edit-profile::before{
    mask: url('../../../public/assets/ns-icons/edit-profile.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/edit-profile.svg') no-repeat center;
}

.ns-icon-change-password::before{
    mask: url('../../../public/assets/ns-icons/change-password.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/change-password.svg') no-repeat center;
}

.ns-icon-change-language::before{
    mask: url('../../../public/assets/ns-icons/change-language.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/change-language.svg') no-repeat center;
}

.ns-icon-karma-pointhistory::before{
    background-image: url("../../../public/assets/ns-icons/icon-karma-points.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent !important;
    background-size: contain;
}

.ns-icon-term-condition::before{
    mask: url('../../../public/assets/ns-icons/google-docs.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/google-docs.svg') no-repeat center;
}

.ns-icon-impressum::before{
    mask: url('../../../public/assets/ns-icons/shield-Impressum.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/shield-Impressum.svg') no-repeat center;
}

.ns-icon-impressum::before{
    mask: url('../../../public/assets/ns-icons/shield-Impressum.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/shield-Impressum.svg') no-repeat center;
}

.ns-icon--delete::before{
    mask: url('../../../public/assets/ns-icons/delete-ac.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/delete-ac.svg') no-repeat center;
}

.ns-icon-profile-edit{
    mask: url('../../../public/assets/ns-icons/camera-profile.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/camera-profile.svg') no-repeat center;
}
.ns-modal-delete-icon::before{
    mask: url('../../../public/assets/ns-icons/ns-delete-icon.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/ns-delete-icon.svg') no-repeat center;
}
.ns-icon-cross::before{
    mask: url('../../../public/assets/ns-icons/ns-icon-cross.svg') no-repeat center;
    -webkit-mask: url('../../../public/assets/ns-icons/ns-icon-cross.svg') no-repeat center;
}