/*
 * Custom overrides added during the HTML -> PHP conversion.
 * The original template used flat-color <img> icons (Figma, Notion, Webflow...)
 * for the "expertise" and "working with" icon grids. Those don't match a
 * WordPress developer's real toolset, so real tech-stack icons are rendered
 * here using the Font Awesome brand set that already ships with the template
 * (WordPress, PHP, Elementor, HTML5, CSS3, JS, React, Git) instead of new
 * image assets. Kept in a separate file so the vendor style.css stays untouched.
 */

.expertise-card .expertise-item .image i {
  font-size: 30px;
  line-height: 1;
  color: var(--black);
}

.working-with-main .items i {
  font-size: 34px;
  line-height: 1;
  color: var(--black);
}

.dark-theme .expertise-card .expertise-item .image i {
  color: var(--dark-theme-light-white);
}

.dark-theme .working-with-main .items i {
  color: var(--dark-theme-light-white);
}

/* Brand-accurate colors for a couple of the most recognizable marks */
.expertise-card .expertise-item .image i.fa-wordpress,
.working-with-main .items i.fa-wordpress {
  color: #21759b;
}

.expertise-card .expertise-item .image i.fa-php,
.working-with-main .items i.fa-php {
  color: #777bb4;
}