:root {
  --insur-gray: #797979;
  --insur-gray-rgb: 121, 121, 121;
  --insur-base: #92278f;
  --insur-base-rgb: 146, 39, 143;
  --insur-black: #191c1e;
  --insur-black-rgb: 25, 28, 30;
  --insur-primary: #92278f;
  --insur-primary-rgb: 146, 39, 143;
}

/* Prisiljavamo tvoje postojeće klase da koriste Font Awesome */
/*
.services-five__icon span,
.services-five__hover-content-icon span {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  display: inline-block !important;
  width: auto !important; 
  height: auto !important;
}
*/

/* Mapiramo tvoje klase na Font Awesome kodove */
.insur-three-icon-car:before {
  content: "\f1b9" !important;
}
.insur-three-icon-home:before {
  content: "\f015" !important;
}
.insur-three-icon-house:before {
  content: "\f21a" !important;
} /* Brod */
.insur-three-icon-cardiogram:before {
  content: "\f487" !important;
}
.insur-three-icon-id-card:before {
  content: "\f0c0" !important;
}

/* 1. Uklanjamo stare ikonice */
[class^="insur-three-icon-"]:before,
[class*=" insur-three-icon-"]:before {
  content: none !important;
}

/* 2. Centrira span koji drži Font Awesome ikonicu */
.services-five__icon span,
.services-five__hover-content-icon span {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100%;
  height: 100%;
}

/* 3. Definisanje boje i veličine za Font Awesome ikone */
.services-five__icon span i {
  font-size: 30px !important;
  color: #ffffff !important; /* Bijela boja */
  display: block !important;
}

.brand-one img:hover {
  filter: grayscale(0%) !important;
  opacity: 1 !important;
  cursor: pointer;
}