/* Add this to your CSS file */

/* Font Awesome 5.15.3 */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');

/* Example usage */
.fa-home {
  color: #333;
}

.fa-user {
  color: #f00;
}

.fa-envelope {
  color: #00f;
}

.fa-phone {
  color: #0f0;
}

.fa-search {
  color: #ff0;
}

.fa-edit {
  color: #0ff;
}

.fa-trash {
  color: #f00;
}

.fa-plus {
  color: #0f0;
}

.fa-minus {
  color: #f00;
}

.fa-times {
  color: #00f;
}

.fa-check {
  color: #0f0;
}

.fa-arrow-left {
  color: #333;
}

.fa-arrow-right {
  color: #333;
}

.fa-arrow-up {
  color: #333;
}

.fa-arrow-down {
  color: #333;
}

.fa-caret-left {
  color: #333;
}

.fa-caret-right {
  color: #333;
}

.fa-caret-up {
  color: #333;
}

.fa-caret-down {
  color: #333;
}

.fa-home {
  color: #333;
}

.fa-user {
  color: #f00;
}

.fa-envelope {
  color: #00f;
}

.fa-phone {
  color: #0f0;
}

.fa-search {
  color: #ff0;
}

.fa-edit {
  color: #0ff;
}

.fa-trash {
  color: #f00;
}

.fa-plus {
  color: #0f0;
}

.fa-minus {
  color: #f00;
}

.fa-times {
  color: #00f;
}

.fa-check {
  color: #0f0;
}

.fa-arrow-left {
  color: #333;
}

.fa-arrow-right {
  color: #333;
}

.fa-arrow-up {
  color: #333;
}

.fa-arrow-down {
  color: #333;
}

.fa-caret-left {
  color: #333;
}

.fa-caret-right {
  color: #333;
}

.fa-caret-up {
  color: #333;
}

.fa-caret-down {
  color: #333;
}

.fa-address-book {
  color: #333;
}

.fa-address-card-o {
  color: #333;
}

.fa-address-book-open {
  color: #333;
}

.fa-address-book-open-o {
  color: #333;
}

.fa-align-center {
  color: #333;
}

.fa-align-justify {
  color: #333;
}

.fa-align-left {
  color: #333;
}

.fa-align-right {
  color: #333;
}

.fa-allergies {
  color: #333;
}

.fa-ambulance {
  color: #333;
}

.fa-american-sign-language-interpreting {
  color: #333;
}

.fa-anchor {
  color: #333;
}

/* And so on... */

/* You can continue adding more icon classes as needed */