.title-badge-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}

.title-badge-wrapper .badge-heading {
	margin-bottom: 0;
	text-transform: capitalize;
}

.title-badge-wrapper .icon-badge,
.title-badge-wrapper .title-content {
	display: flex;
}

body .title-badge-wrapper {
  margin-bottom: 16px;
}
body .title-badge-wrapper.animate .icon-badge {
  transform: scale(1);
}
body .title-badge-wrapper.animate .badge-heading {
  transform: translate3d(0, 0, 0);
  -webkit-clip-path: inset(0 0 0 0);
  /* reveal the whole text */
  clip-path: inset(0 0 0 0);
  transition-delay: 0.5s;
}
body .title-badge-wrapper .icon-badge {
  transform: scale(0);
  transition: transform 0.3s ease-in;
}
body .title-badge-wrapper .title-content {
  overflow: hidden;
}
body .title-badge-wrapper .badge-heading {
  color: #ffffff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 25.6px;
  transform: translate3d(-80%, 0, 0);
  display: inline-block;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  transition: transform 0.8s cubic-bezier(0, 0.55, 0.45, 1), clip-path 0.8s cubic-bezier(0, 0.55, 0.45, 1);
  will-change: transform;
  white-space: pre-wrap;
  line-height: 1.1;
  overflow: hidden;
}

.black-badge .title-badge-wrapper .badge-heading {
  color: #121212;
}

.black-badge .icon-badge svg path{
  fill: #000000;
}