.highlight-bar__component {
	 color: #ffffff;
	 background: #007abc;
}
 .highlight-bar__eyebrow {
	 text-transform: uppercase;
	 font-size: 14px;
	 font-weight: 500;
	 font-family: 'MetLifeCircular', 'Arial', 'Helvetica', 'sans-serif';
	 line-height: normal;
	 letter-spacing: 2px;
	 text-align: center;
	 padding: 0 16px;
}
 .highlight-bar__content {
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 padding: 0 16px;
}
 .highlight-bar__card-content {
	 margin-top: 32px;
}
 .highlight-bar__card-content--wrapper {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 padding-left: 24px;
	 padding-right: 0;
}
 .highlight-bar__card-content--wrapper:first-child {
	 padding-left: 16px;
}
 .highlight-bar__card-content--title {
	 text-align: center;
	 overflow-wrap:break-word;

}
 .highlight-bar__card-content--description {
	 text-align: center;
	 width: 192px;
}
 @media screen and  (max-width: 767px){
	 .highlight-bar__component {
		 padding: 64px 0;
	}
	 .highlight-bar__card-content {
		 padding: 0;
	}
	 .highlight-bar__card-content--wrapper {
		 padding-left: 0;
	}
	 .highlight-bar__card-content--wrapper:not(:first-child) {
		 margin-top: 24px;
	}
	.highlight-bar__card-content--wrapper:first-child {
	 padding-left: 0;
}
	 .highlight-bar__eyebrow {
		 padding: 0;
	}
}
 @media screen and (min-width: 768px) and (max-width: 1023px){
	 .highlight-bar__component {
		 padding: 80px 0;
	}
	 .highlight-bar__eyebrow {
		 padding: 0 16px;
	}
	 .highlight-bar__card-content {
		 padding: 0;
	}
	 .highlight-bar__card-content--wrapper-four-items:nth-last-of-type(1), .highlight-bar__card-content--wrapper-four-items:nth-last-of-type(2) {
		 margin-top: 24px;
	}
	 .highlight-bar__card-content--wrapper-four-items {
		 padding: 0;
	}
	 .highlight-bar__card-content--wrapper-three-items {
		 margin-top: 0;
		 margin-bottom: 24px;
		 padding-left: 0;
	}
	 .highlight-bar__card-content--wrapper-three-items:last-child {
		 margin-bottom: 0;
		 margin-left: auto;
		 margin-right: auto;
	}
     .highlight-bar__card-content--description {
	    text-align: center;
	    width: 240px;
}
}
 @media screen and (min-width: 1024px) {
	 .highlight-bar__component {
		 padding: 80px 16px;
	}
}