.main-icon::before {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    /*background-color: currentColor;*/
    opacity: 0.7;
}
.home-icon::before {
    mask-image: url("../images/home.svg");
    -webkit-mask-image: url("../images/home.svg");
}
.sick-icon::before {
    content: url('/images/sick.svg');
    margin-left: 5px;
}
.csv-icon::before {
    content: url('/images/home.svg'); /* Path to your icon */
    margin-left: 5px;
}
.patient-icon::before {
    content: url('/images/patient.svg');
    margin-left: 5px;
}
.new-icon::before {
    content: url('/images/New-Icon.svg');
    margin-left: 5px;
}
.edit-icon::before {
    content: url('/images/Edit-Icon.svg');
    margin-left: 5px;
}
.delete-icon::before {
    content: url('/images/Delete-Icon.svg');
    margin-left: 5px;
}
.customization-icon::before {
    content: url('/images/customization-Icon.svg');
    margin-left: 5px;
}
.studnt-icon::before {
    content: url('/images/student.svg');
    margin-left: 5px;
}
.universityutudent-icon::before {
    content: url('/images/universitystudent.svg');
    margin-left: 5px;
}
.family-icon::before {
    content: url('/images/family.svg');
    margin-left: 5px;
}
.graduatestudent-icon::before {
    content: url('/images/graduatestudent.svg');
    margin-left: 5px;
}
.dashboard-icon::before {
    content: url('/images/dashboard.svg');
    margin-left: 5px;
}
.donations-icon::before {
    content: url('/images/donations.svg');
    margin-left: 5px;
}
.branchdonation-icon::before {
    content: url('/images/branchdonation.svg');
    margin-left: 5px;
}
.payment-type-icon::before {
    content: url('/images/payment-type.svg');
    margin-left: 5px;
}
.websitedonation-icon::before {
    content: url('/images/websitedonation.svg');
    margin-left: 5px;
}
.channeldonation-icon::before {
    content: url('/images/channeldonation.svg');
    margin-left: 5px;
}
.aids-icon::before {
    content: url('/images/aids.svg');
    margin-left: 5px;
}
.aidsbymonths-icon::before {
    content: url('/images/aidsbymonths.svg');
    margin-left: 5px;
}
.aidsbytypes-icon::before {
    content: url('/images/aidsbytypes.svg');
    margin-left: 5px;
}
.aidsbynationlity-icon::before {
    content: url('/images/aidsbynationlity.svg');
    margin-left: 5px;
}
.management-icon::before {
    content: url('/images/management.svg');
    margin-left: 5px;
}
.users-icon::before {
    content: url('/images/users.svg');
    margin-left: 5px;
}
.roles-icon::before {
    content: url('/images/roles.svg');
    margin-left: 5px;
}
.claims-icon::before {
    content: url('/images/claims.svg');
    margin-left: 5px;
}
.user-permission-icon::before {
    content: url('/images/user-permission.svg');
    margin-left: 5px;
}
.group-permission-icon::before {
    content: url('/images/group-permission.svg');
    margin-left: 5px;
}
.save-icon::before {
    content: url('/images/save.svg');
    margin-left: 5px;
}
.first-icon::before {
    content: url('/images/first.svg');
    margin-left: 5px;
}
.previous-icon::before {
    content: url('/images/previous.svg');
    margin-left: 5px;
}
.last-icon::before {
    content: url('/images/last.svg');
    margin-left: 5px;
}
.next-icon::before {
    content: url('/images/next.svg');
    margin-left: 5px;
}
.new-icon::before {
    content: url('/images/new.svg');
    margin-left: 5px;
}