.icon-dashboard {
    background-image: url('path_to_dashboard_icon.png');
    width: 24px;
    height: 24px;
}
.icon-profile {
   
    background-image: url('path_to_profile_icon.png');
    width: 24px;
    height: 24px;
}
.icon-dropdown {
    background-image: url('path_to_dropdown_icon.png');
    width: 24px;
    height: 24px;
}
.icon-wrapper-alt {
  width: 40px; /* Adjust width and height as needed */
  height: 40px;
  background-color: #f0f0f0; /* Background color */
  display: flex;
  justify-content: center;
  align-items: center;
}

.rounded-circle {
  border-radius: 50%; /* Create a circular shape */
}

.icon-notification {
  /* Add styles for your notification bell icon */
}
.icon-notification {
  font-size: 24px; /* Adjust icon size */
  color: #333; /* Adjust icon color */
}
.icon {
    /* Styles common to all icons */
    display: inline-block;
    width: 20px; /* Adjust as needed */
    height: 20px; /* Adjust as needed */
    background-image: url('path/to/icon-sprite.png'); /* Replace with actual image path */
    background-size: cover; /* Adjust as needed */
}

.icon.car-parking {
    /* Specific styles for car parking icon */
    background-position: 0 0; /* Adjust to position the car parking icon within the sprite */
}

/* Add more specific icon classes and styles as needed */
.icon-house-rent {
  /* Add styles to display the house rent icon */
  display: inline-block;
  width: 24px; /* Adjust the width as needed */
  height: 24px; /* Adjust the height as needed */
  background-image: url('rent.png'); /* Replace with the actual path to your icon */
  background-size: cover; /* Adjust as needed */
  /* Add any additional styles such as padding, margins, etc. */
}