.icon {
  font-family: 'GeneraliIcons';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*SHARE*/
.icon-share::before {
  content: "\e936";
  color: #c21b17;
}
.icon-close::before {
  font-family: 'GeneraliIcons';
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e913";
  color: #c21b17;
}

.icon-download::before {
  content: "\e918";
  color: #c21b17;
}
.icon-star-filled:before {
  content: "\e93a";
  color: #c21b17;
}

.icon-home::after {
  content: "\e91f";
  color: #6f7072;
}
.icon-separator::after {
  content:'\e910';
  color: #6f7072;
}
.icon-arrow-right::after {
  content: '\e910';
  font-size: 1.5rem;
  font-weight: 700;
  color: #c21b17;
}
.icon-arrow-left::after {
  content: '\e90f';
  font-size: 1.5rem;
  font-weight: 700;
  color: #c21b17;
}
.icon-bullet::after {
  content:'\e970';
  font-size: 1.5rem;
  font-weight: 700;
  color: #c21b17;
}

.icon-link-external::before {
  content: "\e920"; /* Replace with the correct Unicode for the external link icon */
  font-size: 1.25rem;
  font-weight: normal;
  color: #c21b17; /* Use the desired color for the external link icon */
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.icon-arrow-down::after {
  content: "\e90e"; /* Replace with the correct Unicode for the external link icon */
  font-size: 1.25rem;
  font-weight: normal;
  color: #c21b17; /* Use the desired color for the external link icon */
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.icon-arrow-up::after {
  content: "\e911"; /* Replace with the correct Unicode for the external link icon */
  font-size: 1.25rem;
  font-weight: normal;
  color: #c21b17; /* Use the desired color for the external link icon */
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.icon--search::before {
  content: "\e933"; /* Replace with the correct Unicode for the external link icon */
  font-size: 1.25rem;
  font-weight: normal;
  color: #ffffff; /* Use the desired color for the external link icon */
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}