/* pe_title_iconboxes_cta_lite - icon card grid on bg image. Scoped .pe_tibc. */
.pe_tibc.centerh2_4iconh3desc_cta {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.pe_tibc .iconh3desc_items {
	border-radius: var(--border_radius_2);
	position: relative;
	z-index: 0;
}
.pe_tibc .iconh3desc_items:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #fff;
	z-index: -1;
	border-radius: var(--border_radius_2);
}
/* equal-height cards regardless of copy length.
   The card markup carries Bootstrap's m-auto (margin:auto !important); on a flex
   item auto margins absorb the free space instead of stretching, which is what
   left each box its own height. Zero out the vertical halves (!important is
   required to beat the utility) and let the card fill the column. */
.pe_tibc .tibc_grid { align-items: stretch; }
.pe_tibc .tibc_grid > .col {
	display: flex;
	align-items: stretch;
}
.pe_tibc .tibc_grid > .col > .iconh3desc_items {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	height: 100%;
}
.pe_tibc .iconh3desc_items {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.pe_tibc .iconh3desc_items p { margin-bottom: 0; }
/* icon band: fixed 70px so oversized uploads (the Caspi mascot) can't blow out the
   card AND every title starts at the same y regardless of icon size. object-fit
   keeps the artwork undistorted inside the reserved box. */
.pe_tibc .iconh3desc_items img {
	height: 70px;
	max-height: 70px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	object-position: center;
	margin-left: auto;
	margin-right: auto;
	flex: 0 0 auto;
}
/* per-card link: card foot, only present when both subfields are filled.
   Matches the CUSTOMER STORIES treatment - uppercase, underlined text, chevron
   outside the underline (border-bottom on the label span, not the anchor). */
.pe_tibc .tibc_item_link {
	margin-top: auto;
	padding-top: 20px;
	align-self: center;
	font-family: var(--latobold);
	font-size: var(--fs-16);
	line-height: 1.45;
	text-transform: uppercase;
	color: var(--pe_blue);
	text-decoration: none;
}
.pe_tibc .tibc_item_link .tibc_link_text { border-bottom: 1px solid var(--pe_blue); }
.pe_tibc .tibc_item_link:hover .tibc_link_text,
.pe_tibc .tibc_item_link:focus .tibc_link_text { border-bottom-color: transparent; }
/* chevron: own glyph rule so it survives a brand-lite purge of .link_arrow */
.pe_tibc .tibc_link_arrow {
	display: inline-block;
	margin-left: 5px;
	font: normal normal normal 1em/1 icomoon;
}
.pe_tibc .tibc_link_arrow:before { content: "\f27f"; }
/* bottom CTA - own geometry: the legacy btn-cerulean/btn-xl helpers are NOT in the
   lite CSS stack, so the button carries its own box here */
.pe_tibc .tibc_cta_btn {
	display: inline-block;
	width: auto;
	font-family: var(--latobold);
	font-size: var(--fs-16);
	line-height: 1;
	text-transform: uppercase;
	padding: 14px 30px;
	border-radius: var(--border_radius_2);
	text-decoration: none;
}