/* Material Design Icons (Apache-2.0), scoped to the Equipment mega menu. */
.pxl-mega-menu .elementor-element-b74cfaa,
.pxl-mega-menu .elementor-element-52655d2,
.pxl-mega-menu .elementor-element-bbc6089,
.pxl-mega-menu .elementor-element-8506865,
.pxl-mega-menu .elementor-element-1fda8c9,
.pxl-mega-menu .elementor-element-b9f365f {
  --equipment-icon-size: 55px;
}

.pxl-mega-menu .elementor-element-b74cfaa .pxl-item--icon,
.pxl-mega-menu .elementor-element-52655d2 .pxl-item--icon,
.pxl-mega-menu .elementor-element-bbc6089 .pxl-item--icon,
.pxl-mega-menu .elementor-element-8506865 .pxl-item--icon,
.pxl-mega-menu .elementor-element-1fda8c9 .pxl-item--icon,
.pxl-mega-menu .elementor-element-b9f365f .pxl-item--icon {
  flex: 0 0 var(--equipment-icon-size);
  width: var(--equipment-icon-size);
  height: var(--equipment-icon-size);
  min-width: var(--equipment-icon-size);
  align-items: center;
  justify-content: center;
}

.pxl-mega-menu .elementor-element-b74cfaa .pxl-item--icon i,
.pxl-mega-menu .elementor-element-52655d2 .pxl-item--icon i,
.pxl-mega-menu .elementor-element-bbc6089 .pxl-item--icon i,
.pxl-mega-menu .elementor-element-8506865 .pxl-item--icon i,
.pxl-mega-menu .elementor-element-1fda8c9 .pxl-item--icon i,
.pxl-mega-menu .elementor-element-b9f365f .pxl-item--icon i {
  display: none;
}

.pxl-mega-menu .elementor-element-b74cfaa .pxl-item--icon::after,
.pxl-mega-menu .elementor-element-52655d2 .pxl-item--icon::after,
.pxl-mega-menu .elementor-element-bbc6089 .pxl-item--icon::after,
.pxl-mega-menu .elementor-element-8506865 .pxl-item--icon::after,
.pxl-mega-menu .elementor-element-1fda8c9 .pxl-item--icon::after,
.pxl-mega-menu .elementor-element-b9f365f .pxl-item--icon::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(86deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
  -webkit-mask: var(--equipment-icon) center / contain no-repeat;
  mask: var(--equipment-icon) center / contain no-repeat;
  transition: background-image .3s ease;
}

.pxl-mega-menu .elementor-element-b74cfaa { --equipment-icon: url('../img/equipment-icons/mobile-crane.svg'); }
.pxl-mega-menu .elementor-element-52655d2 { --equipment-icon: url('../img/equipment-icons/crawler-crane.svg'); }
.pxl-mega-menu .elementor-element-bbc6089 { --equipment-icon: url('../img/equipment-icons/ready-equipment-trucks.svg?v=2'); }
.pxl-mega-menu .elementor-element-8506865 { --equipment-icon: url('../img/equipment-icons/heavy-lift.svg'); }
.pxl-mega-menu .elementor-element-1fda8c9 { --equipment-icon: url('../img/equipment-icons/heavy-transport.svg'); }
.pxl-mega-menu .elementor-element-b9f365f { --equipment-icon: url('../img/equipment-icons/ready-equipment-trucks.svg?v=2'); }

/* The local public-domain source contains the matching bucket truck on the left and crane truck on the right. */
.pxl-mega-menu .elementor-element-bbc6089 .pxl-item--icon::after {
  -webkit-mask-position: left center;
  -webkit-mask-size: auto 100%;
  mask-position: left center;
  mask-size: auto 100%;
}

.pxl-mega-menu .elementor-element-b9f365f .pxl-item--icon::after {
  -webkit-mask-position: right center;
  -webkit-mask-size: auto 100%;
  mask-position: right center;
  mask-size: auto 100%;
}

.pxl-mega-menu .pxl-icon-box8 .pxl-item-inner:hover .pxl-item--icon::after {
  background-image: linear-gradient(86deg, #fff 0%, #fff 100%);
}