i[class^="pp-"], i[class*=" pp-"] {
  display: inline-block;
  width: 1em; /* moștenește font-size */
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor; /* moștenește culoarea textului */
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.pp-phone-call{
  -webkit-mask-image: url('./phone-call.svg');
  mask-image: url('./phone-call.svg');
}
.pp-brackets-curly{
  -webkit-mask-image: url('./brackets-curly.svg');
  mask-image: url('./brackets-curly.svg');
}
.pp-window{
  -webkit-mask-image: url('./window.svg');
  mask-image: url('./window.svg');
}
.pp-message-captions{
  -webkit-mask-image: url('./message-captions.svg');
  mask-image: url('./message-captions.svg');
}
.pp-email{
  -webkit-mask-image: url('./email.svg');
  mask-image: url('./email.svg');
}
.pp-placeholder{
  -webkit-mask-image: url('./placeholder.svg');
  mask-image: url('./placeholder.svg');
}
.pp-calendar-schedule{
  -webkit-mask-image: url('./calendar-schedule.svg');
  mask-image: url('./calendar-schedule.svg');
}
.pp-access-granted{
  -webkit-mask-image: url('./access-granted.svg');
  mask-image: url('./access-granted.svg');
}
.pp-bot{
  -webkit-mask-image: url('./bot.svg');
  mask-image: url('./bot.svg');
}
.pp-3d-printing{
  -webkit-mask-image: url('./3d-printing.svg');
  mask-image: url('./3d-printing.svg');
}
.pp-transport{
  -webkit-mask-image: url('./transport.svg');
  mask-image: url('./transport.svg');
}
.pp-microscope{
  -webkit-mask-image: url('./microscope.svg');
  mask-image: url('./microscope.svg');
}
.pp-delivery{
  -webkit-mask-image: url('./delivery.svg');
  mask-image: url('./delivery.svg');
}
.pp-web-development{
  -webkit-mask-image: url('./web-development.svg');
  mask-image: url('./web-development.svg');
}
.pp-3d-printer{
  -webkit-mask-image: url('./3d-printer.svg');
  mask-image: url('./3d-printer.svg');
}
.pp-motherboard{
  -webkit-mask-image: url('./motherboard.svg');
  mask-image: url('./motherboard.svg');
}
.pp-automotive{
  -webkit-mask-image: url('./automotive.svg');
  mask-image: url('./automotive.svg');
}
.pp-sound-editing{
  -webkit-mask-image: url('./sound-editing.svg');
  mask-image: url('./sound-editing.svg');
}
.pp-puzzle{
  -webkit-mask-image: url('./puzzle.svg');
  mask-image: url('./puzzle.svg');
}
.pp-construction{
  -webkit-mask-image: url('./construction.svg');
  mask-image: url('./construction.svg');
}
.pp-image-edit{
  -webkit-mask-image: url('./image-edit.svg');
  mask-image: url('./image-edit.svg');
}
.pp-solutions{
  -webkit-mask-image: url('./solutions.svg');
  mask-image: url('./solutions.svg');
}
.pp-cross-platform{
  -webkit-mask-image: url('./cross-platform.svg');
  mask-image: url('./cross-platform.svg');
}
.pp-generative{
  -webkit-mask-image: url('./generative.svg');
  mask-image: url('./generative.svg');
}
.pp-ai-technology{
  -webkit-mask-image: url('./ai-technology.svg');
  mask-image: url('./ai-technology.svg');
}
.pp-software-application{
  -webkit-mask-image: url('./software-application.svg');
  mask-image: url('./software-application.svg');
}
.pp-test{
  -webkit-mask-image: url('./test.svg');
  mask-image: url('./test.svg');
}
.pp-script{
  -webkit-mask-image: url('./script.svg');
  mask-image: url('./script.svg');
}
.pp-monitoring-system{
  -webkit-mask-image: url('./monitoring-system.svg');
  mask-image: url('./monitoring-system.svg');
}
.pp-temperature-control{
  -webkit-mask-image: url('./temperature-control.svg');
  mask-image: url('./temperature-control.svg');
}
.pp-product-image{
  -webkit-mask-image: url('./product-image.svg');
  mask-image: url('./product-image.svg');
}
.pp-filter{
  -webkit-mask-image: url('./filter.svg');
  mask-image: url('./filter.svg');
}
.pp-brand-image{
  -webkit-mask-image: url('./brand-image.svg');
  mask-image: url('./brand-image.svg');
}
.pp-social-media{
  -webkit-mask-image: url('./social-media.svg');
  mask-image: url('./social-media.svg');
}
.pp-vernier-caliper{
  -webkit-mask-image: url('./vernier-caliper.svg');
  mask-image: url('./vernier-caliper.svg');
}
.pp-conversation{
  -webkit-mask-image: url('./conversation.svg');
  mask-image: url('./conversation.svg');
}.pp-responsibility{
  -webkit-mask-image: url('./responsibility.svg');
  mask-image: url('./responsibility.svg');
}
.pp-solution{
  -webkit-mask-image: url('./solution.svg');
  mask-image: url('./solution.svg');
}
.pp-operational{
  -webkit-mask-image: url('./operational.svg');
  mask-image: url('./operational.svg');
}
.pp-dialog{
  -webkit-mask-image: url('./dialog.svg');
  mask-image: url('./dialog.svg');
}
.pp-continuous-learning{
  -webkit-mask-image: url('./continuous-learning.svg');
  mask-image: url('./continuous-learning.svg');
}
.pp-creative{
  -webkit-mask-image: url('./creative.svg');
  mask-image: url('./creative.svg');
}
.pp-karaoke{
  -webkit-mask-image: url('./karaoke.svg');
  mask-image: url('./karaoke.svg');
}
.pp-music{
  -webkit-mask-image: url('./music.svg');
  mask-image: url('./music.svg');
}
.pp-soundwave{
  -webkit-mask-image: url('./soundwave.svg');
  mask-image: url('./soundwave.svg');
}
.pp-transport-street{
  -webkit-mask-image: url('./transport-street.svg');
  mask-image: url('./transport-street.svg');
}
.pp-business-meeting{
  -webkit-mask-image: url('./business-meeting.svg');
  mask-image: url('./business-meeting.svg');
}
.pp-camping-tent{
  -webkit-mask-image: url('./camping-tent.svg');
  mask-image: url('./camping-tent.svg');
}
.pp-city-tour{
  -webkit-mask-image: url('./city-tour.svg');
  mask-image: url('./city-tour.svg');
}
.pp-contract{
  -webkit-mask-image: url('./contract.svg');
  mask-image: url('./contract.svg');
}
.pp-destination{
  -webkit-mask-image: url('./destination.svg');
  mask-image: url('./destination.svg');
}
.pp-flexi{
  -webkit-mask-image: url('./flexi.svg');
  mask-image: url('./flexi.svg');
}
.pp-flexibility{
  -webkit-mask-image: url('./flexibility.svg');
  mask-image: url('./flexibility.svg');
}
.pp-flights{
  -webkit-mask-image: url('./flights.svg');
  mask-image: url('./flights.svg');
}
.pp-group-excursion{
  -webkit-mask-image: url('./group-excursion.svg');
  mask-image: url('./group-excursion.svg');
}
.pp-monastery{
  -webkit-mask-image: url('./monastery.svg');
  mask-image: url('./monastery.svg');
}
.pp-passengers{
  -webkit-mask-image: url('./passengers.svg');
  mask-image: url('./passengers.svg');
}
.pp-romania{
  -webkit-mask-image: url('./romania.svg');
  mask-image: url('./romania.svg');
}
.pp-seminar{
  -webkit-mask-image: url('./seminar.svg');
  mask-image: url('./seminar.svg');
}
.pp-transport-location{
  -webkit-mask-image: url('./transport-location.svg');
  mask-image: url('./transport-location.svg');
}
.pp-wedding{
  -webkit-mask-image: url('./wedding.svg');
  mask-image: url('./wedding.svg');
}
.pp-certified{
  -webkit-mask-image: url('./certified.svg');
  mask-image: url('./certified.svg');
}
.pp-qr-code{
  -webkit-mask-image: url('./qr-code.svg');
  mask-image: url('./qr-code.svg');
}
.pp-briefcase{
  -webkit-mask-image: url('./briefcase.svg');
  mask-image: url('./briefcase.svg');
}
.pp-toolkit{
  -webkit-mask-image: url('./toolkit.svg');
  mask-image: url('./toolkit.svg');
}
.pp-flask{
  -webkit-mask-image: url('./flask.svg');
  mask-image: url('./flask.svg');
}
.pp-workflow{
  -webkit-mask-image: url('./workflow.svg');
  mask-image: url('./workflow.svg');
}
.pp-information-button{
  -webkit-mask-image: url('./information-button.svg');
  mask-image: url('./information-button.svg');
}