html[data-page="biller"] .c-partnerBanner .gradientText,
html[data-page="customers"] .c-partnerBanner .gradientText,
html[data-page="operating-units"] .c-partnerBanner .gradientText,
html[data-page="products"] .c-partnerBanner .gradientText,
html[data-page="tsp"] .c-partnerBanner .gradientText {
	-webkit-text-fill-color: #fff0;
	-webkit-box-decoration-break: clone
}

.c-quickLinks__title {
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -.6px
}

.c-quickLinks .c-btn__text,
.c-solutions__itemSubheading {
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: -.68px
}

.c-differenceBetweenBouAndCou__itemHeading,
.c-responsibilities__itemText {
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: -.8px
}

.c-categories__subtitle,
.c-partnerBanner__subheading,
.c-responsibilities__tab,
.c-solutions__subheading,
.c-whatsNew__itemHeading {
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -1px
}

.c-solutions__itemHeading {
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -1.5px
}

.c-categories__title,
.c-differenceBetweenBouAndCou__heading,
.c-responsibilities__heading,
.c-solutions__heading,
.c-whatsNew__heading,
html[data-page="operating-units"] .section__heading {
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -2px
}

.c-partnerBanner__heading {
	font-size: 60px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -3.6px;
	text-align: center
}

.c-solutions__itemTag {
	font-size: 12px;
	line-height: 100%;
	font-weight: 400
}

.c-whatsNew__itemSubheading,
.c-whatsNew__subheading {
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: -.6px
}

.c-differenceBetweenBouAndCou__itemText,
.c-differenceBetweenBouAndCou__tab {
	font-size: 20px;
	line-height: 120%;
	letter-spacing: -.8px
}

:root {
	--w-1col: calc(var(--containerWidth) / 4 - 20px * (4 - 1) / 4)
}

.c-partnerBanner__lottie {
	position: absolute;
	left: 0
}

html[data-page="biller"] .c-partnerBanner,
html[data-page="customers"] .c-partnerBanner,
html[data-page="operating-units"] .c-partnerBanner,
html[data-page="tsp"] .c-partnerBanner {
	width: var(--viewportWidth);
	margin-left: calc(0px - var(--leftMargin));
	overflow: hidden
}

html[data-page="tsp"] .c-partnerBanner .gradientText {
	background: linear-gradient(120deg, #ffe7e4 0, #6981d3 20%);
	background-clip: text;
	-webkit-background-clip: text
}

@media only screen and (min-width:768px) and (max-width:1024px) {

	html[data-page="biller"] .c-partnerBanner,
	html[data-page="tsp"] .c-partnerBanner {
		height: 450px !important
	}

	html[data-page="tsp"] .c-partnerBanner__lottie {
		width: 100% !important;
		height: calc(37300vw / 1438) !important;
		margin-left: 0 !important
	}
}

@media (max-width:1023px) {
	.c-partnerBanner__lottie {
		bottom: 0;
		width: 100%
	}

	html[data-page="tsp"] .c-partnerBanner__lottie {
		bottom: 20px;
		width: 600px;
		height: 200px;
		margin-left: calc(0px - (600px - var(--viewportWidth)) / 2)
	}
}

@media screen and (min-width:1024px) and (max-width:1437px) {
	html[data-page="tsp"] .c-partnerBanner__lottie {
		width: 1438px;
		height: 373px;
		margin-left: calc(0px - (1438px - var(--viewportWidth)) / 2)
	}
}

@media screen and (min-width:1438px) {
	html[data-page="tsp"] .c-partnerBanner__lottie {
		width: 100%;
		height: calc(37300vw / 1438)
	}
}

html[data-page="biller"] .c-partnerBanner .gradientText {
	background: -webkit-linear-gradient(-15deg, #fec355 2%, #f6523c 99%);
	background-clip: text;
	-webkit-background-clip: text
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	html[data-page="biller"] .c-partnerBanner__lottie {
		width: 100% !important;
		height: calc(46100vw / 1440) !important;
		margin-left: 0 !important
	}

	html[data-page="operating-units"] .c-partnerBanner {
		height: 450px !important
	}
}

@media (max-width:1023px) {
	html[data-page="biller"] .c-partnerBanner__lottie {
		bottom: 20px;
		width: 600px;
		height: 200px;
		margin-left: calc(0px - (600px - var(--viewportWidth)) / 2)
	}
}

html[data-page="operating-units"] .c-partnerBanner .gradientText {
	background: linear-gradient(92deg, #3c67b1 56.92%, #ffd099 88.02%);
	background-clip: text;
	-webkit-background-clip: text
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	html[data-page="operating-units"] .c-partnerBanner__lottie {
		width: 100% !important;
		height: calc(50200vw / 1440) !important;
		margin-left: 0 !important
	}
}

@media (max-width:1023px) {
	html[data-page="operating-units"] .c-partnerBanner__lottie {
		bottom: 30px;
		width: 600px;
		height: 200px;
		margin-left: calc(0px - (600px - var(--viewportWidth)) / 2)
	}

	html[data-page="customers"] .c-partnerBanner {
		height: 440px
	}
}

@media screen and (min-width:1024px) and (max-width:1439px) {
	html[data-page="biller"] .c-partnerBanner__lottie {
		width: 1440px;
		height: 461px;
		margin-left: calc(0px - (1440px - var(--viewportWidth)) / 2)
	}

	html[data-page="operating-units"] .c-partnerBanner__lottie {
		width: 1440px;
		height: 502px;
		margin-left: calc(0px - (1440px - var(--viewportWidth)) / 2)
	}
}

@media screen and (min-width:1440px) {
	html[data-page="biller"] .c-partnerBanner__lottie {
		width: 100%;
		height: calc(46100vw / 1440)
	}

	html[data-page="operating-units"] .c-partnerBanner__lottie {
		width: 100%;
		height: calc(50200vw / 1440)
	}
}

html[data-page="customers"] .c-partnerBanner .gradientText {
	background: linear-gradient(120deg, #f1d25f 0, #49d3cd 100%);
	background-clip: text;
	-webkit-background-clip: text
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	html[data-page="customers"] .c-partnerBanner {
		height: 400px !important
	}

	html[data-page="customers"] .c-partnerBanner__lottie {
		width: 100% !important;
		height: calc(40000vw / 1434) !important;
		margin-left: 0 !important
	}
}

@media (max-width:1023px) {
	html[data-page="customers"] .c-partnerBanner__lottie {
		bottom: 30px;
		width: 600px;
		height: 200px;
		margin-left: calc(0px - (600px - var(--viewportWidth)) / 2)
	}
}

@media screen and (min-width:1024px) and (max-width:1433px) {
	html[data-page="customers"] .c-partnerBanner__lottie {
		width: 1434px;
		height: 400px;
		margin-left: calc(0px - (1434px - var(--viewportWidth)) / 2)
	}
}

@media screen and (min-width:1434px) {
	html[data-page="customers"] .c-partnerBanner__lottie {
		width: 100%;
		height: calc(40000vw / 1434)
	}
}

html[data-page="products"] .c-partnerBanner {
	padding-top: 80px;
	height: auto
}

html[data-page="products"] .c-partnerBanner .gradientText {
	padding-bottom: 8px;
	background: linear-gradient(120deg, #4b71f3 0, #4dfcf6 100%);
	background-clip: text;
	-webkit-background-clip: text
}

html[data-page="products"] .c-partnerBanner__subheading {
	margin-top: 22px;
	color: #1e1e1c
}

.c-partnerBanner {
	padding-top: 50px;
	height: 72vh;
	max-height: 642px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative
}

.c-partnerBanner__subheading {
	margin-top: 30px;
	text-align: center
}

.c-partnerBanner__btn {
	margin-top: 30px
}

.c-quickLinks {
	display: flex;
	gap: 15px
}

@media (max-width:1023px) {
	html[data-page="products"] .c-partnerBanner {
		padding-top: 50px
	}

	html[data-page="products"] .c-partnerBanner__heading {
		max-width: 320px
	}

	html[data-page="products"] .c-partnerBanner__subheading {
		max-width: 320px;
		margin-top: 12px
	}

	.c-partnerBanner {
		padding-top: 30px;
		height: 511px
	}

	.c-partnerBanner__heading {
		font-size: 40px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -2px
	}

	.c-partnerBanner__subheading {
		margin-top: 20px;
		font-size: 17px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -.68px;
		color: #5f5f5f
	}

	.c-partnerBanner__btn {
		margin-top: 20px
	}

	.c-quickLinks {
		gap: 15px;
		flex-direction: column;
		opacity: 0;
		transform: translate3d(0, 30px, 0)
	}

	.c-quickLinks.animateIn {
		opacity: 1;
		transform: translateZ(0);
		transition-property: opacity, transform;
		transition-duration: 0.5s, 1.2s;
		transition-timing-function: linear, cubic-bezier(.19, 1, .22, 1)
	}

	.c-quickLinks__title {
		opacity: 1;
		transform: translateZ(0);
		transition: opacity, transform
	}
}

@media (max-width:1023px) and (prefers-reduced-motion) {
	.c-quickLinks.animateIn {
		transition-duration: 0s
	}
}

.c-quickLinks__title {
	color: #757575
}

.c-quickLinks__list {
	display: flex;
	align-items: center;
	gap: 10px
}

.c-quickLinks .c-btn {
	padding: 15px 20px
}

.c-whatsNew.animateIn .c-whatsNew__itemImg {
	opacity: 1;
	transform: scale(1.1);
	transition: opacity 0.8s cubic-bezier(.19, 1, .22, 1), transform 0.8s cubic-bezier(.19, 1, .22, 1)
}

.c-whatsNew__heading,
html[data-page="operating-units"] .section__heading {
	color: #1e1e1c;
	text-align: center
}

.c-whatsNew__subheading {
	margin-top: 20px;
	color: #5f5f5f;
	text-align: center
}

.c-whatsNew__list {
	margin-top: 30px;
	display: flex;
	gap: 20px;
	overflow-x: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.c-whatsNew__list::-webkit-scrollbar {
	display: none
}

.c-whatsNew__item {
	flex-shrink: 0;
	flex-basis: calc(var(--w-1col) * 2 + 20px * 1);
	display: flex;
	gap: 20px;
	border-radius: 20px;
	border: 1px solid #dadada
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.c-whatsNew__item {
		flex-basis: 45% !important
	}
}

@media (max-width:1023px) {
	.c-quickLinks__list {
		margin-left: -20px;
		padding: 0 20px;
		width: var(--viewportWidth);
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none
	}

	.c-quickLinks__list::-webkit-scrollbar {
		display: none
	}

	.c-quickLinks__list [class*="anim-stagger-"] {
		opacity: 1;
		transform: translateZ(0);
		transition: opacity, transform
	}

	.c-quickLinks .c-btn__text {
		font-size: 15px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -.6px
	}

	.c-whatsNew.animateIn .c-whatsNew__itemImg {
		transform: scale(1)
	}

	.c-whatsNew__heading {
		font-size: 30px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.5px
	}

	.c-whatsNew__subheading {
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		letter-spacing: -.6px;
		max-width: 270px;
		margin: 20px auto 0
	}

	.c-whatsNew__list {
		margin-top: 15px;
		margin-left: -20px;
		padding: 0 20px;
		width: var(--viewportWidth)
	}

	.c-whatsNew__item {
		flex-direction: column;
		align-items: stretch;
		flex-basis: calc(100% - 20px);
		overflow: hidden;
		gap: 20px !important
	}
}

@media (min-width:767px) and (max-width:1023px) {
	.c-whatsNew__item {
		flex-basis: calc(50% - 20px / 2)
	}
}

.c-whatsNew__itemImgWrapper {
	padding-top: calc(24000% / 670);
	position: relative;
	overflow: hidden;
	border-radius: 20px 0 0 20px;
	height: 230px
}

.c-whatsNew__itemImg {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.c-whatsNew__itemContent {
	flex: 1;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 20px
}

.c-whatsNew__itemHeading svg {
	position: relative;
	top: 4px
}

.c-whatsNew__itemSubheading {
	margin-top: 10px;
	color: #828282;
	max-width: 265px
}

.c-whatsNew .comingSoon__ctas {
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px
}

.c-differenceBetweenBouAndCou__tabList {
	margin-top: 30px;
	display: flex;
	gap: 20px;
	border-bottom: 1px solid #dadada
}

.c-differenceBetweenBouAndCou__tab {
	display: block;
	padding-bottom: 10px;
	color: #828282;
	position: relative;
	border-bottom: 1px solid #fff0
}

.c-differenceBetweenBouAndCou__tab[aria-selected="true"] {
	border-color: #1e1e1c;
	color: #1e1e1c
}

.c-differenceBetweenBouAndCou__list {
	padding-top: 10px
}

.c-differenceBetweenBouAndCou__list>:not(:last-child) {
	border-bottom: 1px solid #dadada
}

.c-differenceBetweenBouAndCou__item {
	padding: 20px 0
}

.c-differenceBetweenBouAndCou__itemHeading {
	padding-bottom: 10px
}

.c-differenceBetweenBouAndCou__itemLink {
	margin-top: 20px
}

.c-categories,
.c-categories__tabContent,
html[data-page="operating-units"] .-ouBenefits .-ouBenefitsSlider,
html[data-page="operating-units"] .-whatsNew .-whatsNewListSlider {
	position: relative
}

.c-categories [role="tabpanel"] {
	display: none
}

.c-categories [role="tabpanel"][aria-expanded="true"] {
	display: flex
}

.c-categories__row {
	gap: 20px;
	margin-top: 30px;
	position: relative;
	display: flex;
	z-index: 2
}

.c-categories__titleWrap,
.c-solutions,
.c-solutions__heading {
	text-align: center
}

.c-categories__subtitle {
	max-width: 390px;
	text-align: center;
	margin: 15px auto 0
}

.c-categories__comingSoon {
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: -.6px;
	color: #5f5f5f;
	margin-top: 10px
}

.c-categories__tabs {
	overflow: hidden;
	border-radius: 15px;
	background: #ff6d59;
	padding: 40px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.c-categories__nav {
	display: flex;
	flex-direction: column;
	gap: 40px
}

.c-categories__navLink button {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	opacity: .6
}

.c-categories__navLink button:hover,
.c-categories__navLink button[aria-selected="true"] {
	opacity: 1
}

.c-categories__navTxtWrap {
	display: flex;
	width: 100%;
	align-items: flex-start;
	gap: 20px;
	text-align: left
}

.c-categories__navTxtWrap svg {
	flex-shrink: 0;
	width: 25px;
	height: 25px
}

.c-categories__navText {
	font-size: 25px;
	font-style: normal;
	line-height: 100%;
	letter-spacing: -1px;
	font-weight: 400;
	color: #fff
}

.c-categories__tabPane {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto auto;
	grid-auto-flow: column;
	gap: 20px
}

@media (min-width:1024px) {

	html[data-page="customers"] .c-partnerBanner__lottie,
	html[data-page="tsp"] .c-partnerBanner__lottie {
		top: 100px
	}

	html[data-page="biller"] .c-partnerBanner__lottie {
		top: 50px
	}

	html[data-page="operating-units"] .c-partnerBanner__lottie {
		top: 30px
	}

	.c-quickLinks {
		align-items: center;
		justify-content: center
	}

	.c-whatsNew__itemImgWrapper {
		flex: 1
	}

	.c-categories__tabs {
		flex-shrink: 0;
		width: var(--w-1col)
	}

	.c-categories__tabPane {
		display: flex;
		align-content: flex-start;
		height: 520px;
		flex-wrap: wrap
	}
}

.c-categories__tabPane.rtl-transdition {
	animation: 0.4s forwards fadeIn;
	opacity: 0
}

.c-responsibilities .c-relatedQuestions,
.c-responsibilities__item {
	animation-name: fadeInUp10;
	animation-duration: 0.6s;
	animation-fill-mode: backwards;
	animation-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.c-categories__tabPaneIcon {
	transition: 0.3s cubic-bezier(.39, .575, .565, 1)
}

.c-categories__tabPaneList {
	display: flex;
	min-width: calc(295px - 0px);
	width: 370px;
	height: 250px;
	padding: 20px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex-shrink: 0;
	border-radius: 15px;
	border: 1px solid rgb(248 114 96 / .3)
}

@media (max-width:1023px) {
	.c-whatsNew__itemImgWrapper {
		border-radius: 0;
		padding-top: 0;
		height: 240px
	}

	.c-whatsNew__itemContent {
		padding: 0 20px 20px;
		min-height: calc(202px - 20px)
	}

	.c-whatsNew__itemHeading svg {
		top: 4px
	}

	.c-whatsNew__itemSubheading {
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		letter-spacing: -.6px
	}

	.c-categories__title,
	.c-differenceBetweenBouAndCou__heading {
		font-size: 30px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.5px
	}

	.c-differenceBetweenBouAndCou__tabList {
		margin-top: 20px
	}

	.c-differenceBetweenBouAndCou__tab {
		font-weight: 400;
		font-size: 17px;
		line-height: 120%;
		letter-spacing: -.68px
	}

	.c-differenceBetweenBouAndCou__list {
		padding-top: 0
	}

	.c-differenceBetweenBouAndCou__itemHeading {
		font-size: 17px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -.68px
	}

	.c-differenceBetweenBouAndCou__itemText {
		font-weight: 400;
		font-size: 17px;
		line-height: 120%;
		letter-spacing: -.68px;
		padding-right: 40px
	}

	.c-categories [role="tabpanel"] {
		display: flex;
		flex-direction: column
	}

	.c-categories [role="tabpanel"][aria-expanded="true"] {
		flex-direction: column;
		visibility: visible;
		transform: translateX(0)
	}

	.c-categories__row {
		margin-top: 25px;
		flex-direction: column;
		overflow: hidden;
		gap: 0
	}

	.c-categories__subtitle {
		margin-top: 5px;
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -.8px
	}

	.c-categories__tabs {
		padding: 50px 20px
	}

	.c-categories__navLink button {
		opacity: 1
	}

	.c-categories__navTxtWrap {
		gap: 10px
	}

	.c-categories__tabPane {
		gap: 0;
		position: absolute;
		top: 0;
		transform: translateX(100%);
		visibility: hidden;
		background: #fff;
		overflow: hidden;
		border-radius: 15px;
		border: 1px solid #fdd5cf;
		width: 100%;
		height: 100%;
		overflow-y: auto
	}

	.c-categories__tabPane.rtl-transdition {
		transition: 0.2s linear;
		opacity: 1
	}

	.c-categories__tabPaneIcon {
		height: 30px;
		width: 30px
	}

	.c-categories__tabPaneList {
		width: 100%;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		gap: 10px;
		border-radius: 0;
		border: 0;
		border-bottom: 1px solid rgb(248 114 96 / .3);
		height: 64px
	}

	.c-categories__tabPaneList:last-child {
		border-bottom: 0
	}
}

.c-categories__tabPaneList.-backToCategory {
	display: none
}

.c-categories__tabPaneList:focus {
	outline: #0094ff solid 1px;
	outline-offset: 5px
}

.c-categories__tabPaneFooter,
.c-categories__tabPaneHead {
	width: 100%
}

.c-categories__tabPaneText {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: -.8px
}

.c-categories__tabPaneText svg {
	flex-shrink: 0;
	margin-left: 5px;
	margin-bottom: 3px
}

.c-categories__contentWrap {
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.c-categories__contentWrap::-webkit-scrollbar {
	display: none
}

.c-categories .c-categories__btnWrap {
	display: none !important;
	position: absolute;
	left: calc(50% - 44px);
	bottom: -60px;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: space-between
}

.c-categories .c-categories__btnWrap .c-categories__scrollNextBtn svg {
	position: relative;
	right: -1px
}

.c-categories .c-categories__scrollBtn {
	display: flex;
	width: 36px;
	height: 36px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 40px;
	border: 1px solid var(--greys-stroke-grey, #dadada);
	background: #fff
}

.c-categories .c-categories__scrollBtn.-disabled,
html[data-page="operating-units"] .-whatsNew .-disabled {
	opacity: .3;
	pointer-events: none
}

.c-categories .c-categories__scrollPrevBtn {
	position: relative;
	left: 0
}

.c-categories .c-categories__scrollNextBtn {
	position: relative;
	right: 0
}

.c-categories__tabContent:hover .c-categories__btnWrap,
html[data-page="operating-units"] .-ouBenefits .-ouBenefitsSlider:hover .ou__benefitsBtnWrap,
html[data-page="operating-units"] .-whatsNew .-whatsNewListSlider:hover .whatsNew__benefitsBtnWrap {
	opacity: 1;
	visibility: visible
}

.c-categories .-overflowAuto {
	overflow: hidden;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.c-categories .-overflowAuto::-webkit-scrollbar {
	display: none
}

.c-categories .-overflowAuto .-scrollery {
	overflow: auto
}

.c-categories .c-categories__tabPaneListNxtBtn,
.c-categories .c-categories__tabPaneListPrevBtn,
html[data-page="operating-units"] #billerOUsResponsibilitiesTabRelatedQuestions,
html[data-page="operating-units"] #customerOUsResponsibilitiesTabRelatedQuestions {
	display: none
}

body.usingMouse .c-categories__tabPaneList,
body.usingTouch .c-categories__tabPaneList {
	outline: 0
}

[data-page="customers"] .c-categories__scrollBtn {
	border-color: #70dcd8
}

[data-page="customers"] .c-categories__scrollBtn path {
	stroke: #70dcd8
}

[data-page="customers"] .c-categories__tabs {
	background-color: #70dcd8 !important
}

[data-page="customers"] .c-categories__tabPane,
[data-page="customers"] .c-categories__tabPaneList {
	border-color: rgb(112 220 216 / .3) !important
}

[data-page="customers"] .c-categories__tabPaneIcon {
	color: #70dcd8
}

[data-page="customers"] .c-categories__tabPaneIcon path {
	stroke: currentColor
}

[data-page="customers"] .-backToCategory {
	background-color: #70dcd8
}

[data-page="operating-units"] .c-categories__scrollBtn {
	border-color: #ff894f
}

[data-page="operating-units"] .c-categories__scrollBtn path {
	stroke: #ff894f
}

[data-page="operating-units"] .-backToCategory,
[data-page="operating-units"] .c-categories__tabs {
	background-color: #ff894f
}

[data-page="operating-units"] .c-categories__tabPaneList {
	border-color: rgb(255 137 79 / .3)
}

[data-page="operating-units"] .c-categories__tabPaneIcon {
	color: #ff894f
}

[data-page="operating-units"] .c-categories__tabPaneIcon path {
	stroke: currentColor
}

[data-page="solutions"] .c-categories__scrollBtn {
	border-color: #61c0f5
}

[data-page="solutions"] .c-categories__scrollBtn path {
	stroke: #61c0f5
}

[data-page="solutions"] .-backToCategory,
[data-page="solutions"] .c-categories__tabs {
	background-color: #61c0f5
}

.c-solutions.-billers .c-solutions__itemTag,
[data-page="biller"] .-backToCategory,
[data-page="biller"] .c-categories__tabs {
	background-color: #f87260
}

[data-page="solutions"] .c-categories__tabPaneList {
	border-color: rgb(97 192 245 / .3)
}

[data-page="solutions"] .c-categories__tabPaneIcon {
	color: #61c0f5
}

[data-page="solutions"] .c-categories__tabPaneIcon path {
	stroke: currentColor
}

[data-page="biller"] .c-categories__scrollBtn {
	border-color: #f87260
}

[data-page="biller"] .c-categories__scrollBtn path {
	stroke: #f87260
}

[data-page="biller"] .c-categories__tabPaneList {
	border-color: rgb(248 114 96 / .3)
}

[data-page="biller"] .c-categories__tabPaneIcon {
	color: #f87260
}

[data-page="biller"] .c-categories__tabPaneIcon path {
	stroke: currentColor
}

.c-responsibilities__tabList {
	display: flex;
	gap: 30px;
	border-bottom: 1px solid #dadada
}

.c-responsibilities__tab {
	display: block;
	padding-bottom: 10px;
	position: relative;
	border-bottom: 2px solid #fff0;
	bottom: -1px
}

@media (hover:hover) {
	.c-differenceBetweenBouAndCou__tab:hover {
		border-color: #1e1e1c;
		color: #1e1e1c
	}

	.c-categories__tabPaneList:hover {
		border-color: #f87260
	}

	[data-page="customers"] .c-categories__tabPaneList:hover {
		border-color: #70dcd8 !important
	}

	[data-page="operating-units"] .c-categories__tabPaneList:hover {
		border-color: #ff894f !important
	}

	[data-page="solutions"] .c-categories__tabPaneList:hover {
		border-color: #61c0f5 !important
	}

	[data-page="biller"] .c-categories__tabPaneList:hover {
		border-color: #f87260 !important
	}

	.c-responsibilities__tab:hover#billerOUsResponsibilitiesTab,
	.c-responsibilities__tab:hover#billerOUsTab {
		border-color: #ff894f
	}

	.c-responsibilities__tab:hover#customerOUsResponsibilitiesTab,
	.c-responsibilities__tab:hover#customerOUsTab {
		border-color: #ff894f
	}
}

.c-responsibilities__tab[aria-selected="true"]#billerOUsResponsibilitiesTab,
.c-responsibilities__tab[aria-selected="true"]#billerOUsTab,
.c-responsibilities__tab[aria-selected="true"]#customerOUsResponsibilitiesTab,
.c-responsibilities__tab[aria-selected="true"]#customerOUsTab,
html[data-page="operating-units"] .c-categories__tabContent .c-categories__scrollBtn,
html[data-page="operating-units"] .c-responsibilities__tab:hover,
html[data-page="operating-units"] .c-responsibilities__tab[aria-selected="true"] {
	border-color: #ff894f
}

.c-responsibilities__list {
	padding-top: 50px;
	display: flex;
	flex-direction: column;
	gap: 40px
}

.c-responsibilities .c-responsibilities__list>:first-child {
	animation-delay: 30ms
}

.c-responsibilities .c-responsibilities__list>:nth-child(2) {
	animation-delay: 60ms
}

.c-responsibilities .c-responsibilities__list>:nth-child(3) {
	animation-delay: 90ms
}

.c-responsibilities .c-responsibilities__list>:nth-child(4) {
	animation-delay: 120ms
}

.c-responsibilities .c-responsibilities__list>:nth-child(5) {
	animation-delay: 150ms
}

.c-responsibilities .c-responsibilities__list>:nth-child(6) {
	animation-delay: 180ms
}

.c-responsibilities .c-responsibilities__list>:nth-child(7) {
	animation-delay: 210ms
}

.c-responsibilities .c-responsibilities__list>:nth-child(8) {
	animation-delay: 240ms
}

.c-responsibilities .c-responsibilities__list>:nth-child(9) {
	animation-delay: 270ms
}

.c-responsibilities .c-responsibilities__list>:nth-child(10) {
	animation-delay: 0.3s
}

.c-responsibilities .c-responsibilities__list>:nth-child(11) {
	animation-delay: 330ms
}

.c-responsibilities .c-responsibilities__list>:nth-child(12) {
	animation-delay: 360ms
}

.c-responsibilities__item {
	display: flex;
	align-items: center;
	gap: 20px
}

.c-responsibilities__itemIcon {
	width: 30px
}

.c-responsibilities .c-relatedQuestions {
	margin-top: 30px
}

.c-solutions__subheading {
	max-width: 661px;
	margin: 20px auto 0;
	text-align: center
}

.c-solutions .anim-pathContainer {
	position: absolute;
	z-index: -1;
	left: 0;
	width: 1920px !important;
	height: 163px
}

@media (max-width:1023px) {
	.c-categories__tabPaneList.-backToCategory {
		display: flex;
		gap: 5px;
		position: sticky;
		top: 0;
		left: 0;
		width: 100%;
		padding: 25px 20px;
		background: #ff6d59;
	}

	.c-categories__tabPaneList.-backToCategory .c-categories__tabPaneHead {
		display: flex;
		align-items: center
	}

	.c-categories__tabPaneList.-backToCategory .c-categories__tabPaneHead path {
		stroke: #fff
	}

	.c-categories__tabPaneList.-backToCategory .c-categories__tabPaneText {
		font-size: 15px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -.6px;
		color: #fff
	}

	.c-categories__tabPaneList:focus {
		outline: 0
	}

	.c-categories__tabPaneHead {
		width: auto
	}

	.c-categories__tabPaneFooter {
		width: 100%
	}

	.c-categories__tabPaneText {
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -.8px;
		align-items: center
	}

	.c-categories__tabPaneText svg {
		height: 18px;
		width: 18px;
		margin-bottom: 0
	}

	.c-categories .c-categories__btnWrap {
		display: none !important
	}

	.c-categories__tabContent {
		position: unset
	}

	.c-categories .-overflowAuto .-scrollery {
		overflow-y: auto
	}

	.c-categories .-overflowAuto .-scrollery::-webkit-scrollbar {
		width: 4px;
		padding-top: 50%;
		padding-bottom: 50%
	}

	.c-categories .-overflowAuto .-scrollery::-webkit-scrollbar-track {
		background: 0 0
	}

	.c-categories .-overflowAuto .-scrollery::-webkit-scrollbar-thumb {
		background: #444;
		border-radius: 30px
	}

	.c-categories .-showList .c-categories__tabPaneList:not(.-backToCategory):nth-of-type(-n+8),
	.c-categories .c-categories__tabPaneList:not(.-backToCategory):nth-child(n+8) {
		display: none
	}

	.c-categories .-showList .c-categories__tabPaneList:not(.-backToCategory):nth-child(n+8) {
		display: flex
	}

	.c-categories .-nxtPrevPagination {
		margin-top: auto;
		border-top: 1px solid;
		border-color: inherit;
		top: -1px;
		position: relative
	}

	.c-categories .-nxtPrevPagination .c-categories__tabPaneListNxtBtn,
	.c-categories .-nxtPrevPagination .c-categories__tabPaneListPrevBtn {
		padding: 20px;
		height: 64px
	}

	.c-categories .-nxtPrevPagination .c-categories__tabPaneListNxtBtn .c-categories__tabPaneFooter,
	.c-categories .-nxtPrevPagination .c-categories__tabPaneListPrevBtn .c-categories__tabPaneFooter {
		width: auto;
		margin: auto;
		height: 100%
	}

	.c-categories .-nxtPrevPagination .c-categories__tabPaneListNxtBtn .c-categories__tabPaneFooter .c-categories__tabPaneText svg,
	.c-categories .-nxtPrevPagination .c-categories__tabPaneListPrevBtn .c-categories__tabPaneFooter .c-categories__tabPaneText svg {
		height: 15px;
		top: 1px;
		margin: 0 5px;
		position: relative
	}

	.c-responsibilities__heading {
		font-size: 30px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.5px;
		max-width: 216px
	}

	.c-responsibilities__tabList {
		margin-top: 30px;
		gap: 20px
	}

	.c-responsibilities__tab {
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -.8px
	}

	.c-responsibilities__list {
		padding-top: 30px
	}

	.c-responsibilities__item svg,
	.c-responsibilities__itemIcon {
		width: 25px;
		height: auto
	}

	.c-responsibilities__itemText {
		font-size: 17px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -.68px;
		padding-right: 40px
	}

	.c-solutions {
		margin-left: -20px;
		width: var(--viewportWidth)
	}

	.c-solutions__heading {
		max-width: 310px;
		margin: 0 auto;
		font-size: 30px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.5px
	}

	.c-solutions__subheading {
		margin-top: 10px;
		padding: 0 20px;
		max-width: 310px;
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -.8px
	}

	.c-solutions .anim-pathContainer {
		left: 0;
		min-width: unset !important;
		width: 1101px !important;
		height: 149px
	}

	.c-solutions .c-solutions__list>:first-child .anim-pathContainer,
	.c-solutions .c-solutions__list>:nth-child(13) .anim-pathContainer,
	.c-solutions .c-solutions__list>:nth-child(5) .anim-pathContainer,
	.c-solutions .c-solutions__list>:nth-child(9) .anim-pathContainer {
		left: 0
	}

	.c-solutions .c-solutions__list>:nth-child(10) .anim-pathContainer,
	.c-solutions .c-solutions__list>:nth-child(14) .anim-pathContainer,
	.c-solutions .c-solutions__list>:nth-child(2) .anim-pathContainer,
	.c-solutions .c-solutions__list>:nth-child(6) .anim-pathContainer {
		left: calc(0px - 264px - 15px)
	}

	.c-solutions .c-solutions__list>:nth-child(11) .anim-pathContainer,
	.c-solutions .c-solutions__list>:nth-child(15) .anim-pathContainer,
	.c-solutions .c-solutions__list>:nth-child(3) .anim-pathContainer,
	.c-solutions .c-solutions__list>:nth-child(7) .anim-pathContainer {
		left: calc(0px - (264px + 15px) * 2)
	}

	.c-solutions .c-solutions__list>:nth-child(12) .anim-pathContainer,
	.c-solutions .c-solutions__list>:nth-child(16) .anim-pathContainer,
	.c-solutions .c-solutions__list>:nth-child(4) .anim-pathContainer,
	.c-solutions .c-solutions__list>:nth-child(8) .anim-pathContainer {
		left: calc(0px - (264px + 15px) * 3)
	}
}

.c-solutions__list {
	margin-top: 40px;
	display: flex;
	gap: 20px;
	text-align: left
}

.c-solutions__item {
	flex-shrink: 0;
	width: var(--w-1col);
	padding-top: 15px
}

.c-solutions__itemInner {
	height: 375px;
	padding: 30px 40px 30px 30px;
	border-radius: 15px;
	border: 1px solid #dadada;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	position: relative;
	contain: paint;
	overflow: hidden
}

.c-solutions__itemNote {
	font-size: 13px;
	line-height: 110%;
	font-weight: 400;
	letter-spacing: -.52px;
	margin-top: -5px;
	color: #5f5f5f
}

.c-solutions__itemTag {
	position: absolute;
	top: 0;
	left: 30px;
	z-index: 1;
	padding: 0 10px;
	height: 25px;
	display: flex;
	align-items: center;
	border-radius: 25px;
	background-color: #1e1e1c
}

.c-solutions__itemSubheading {
	color: #5f5f5f
}

.c-solutions__seeAllBtn {
	display: inline-flex;
	margin: 30px auto 0
}

.c-solutions .c-solutions__itemInner .c-btn {
	margin-top: 5px
}

.c-solutions .c-externalLinkArrow__container .c-externalLinkArrow {
	top: 0
}

.c-solutions.-billers .anim-pathContainer,
.c-solutions.-ou .anim-pathContainer,
.c-solutions.-tsp .anim-pathContainer {
	top: unset;
	bottom: 0
}

.c-solutions.-billers .c-solutions__itemInner,
html[data-page="operating-units"] .c-solutions__itemInner {
	border-color: rgb(248 114 96 / .3)
}

.c-solutions.-tsp .c-solutions__item,
.c-solutions.-tsp .c-solutions__itemInner {
	border-color: #d2d9f2
}

.c-solutions.-tsp .c-solutions__itemTag {
	background-color: #bdccff;
	color: #1e1e1c
}

.c-solutions.-ou .c-solutions__item {
	border-color: rgb(247 147 30 / .3)
}

.c-solutions.-solutions .anim-pathContainer {
	top: calc(375px - 147px)
}

.c-solutions.-solutions .c-solutions__item {
	border-color: #bdccff
}

.c-solutions.-solutions .c-solutions__itemTag {
	background-color: #bdccff
}

.c-solutions.-solutions .c-solutions__subheading {
	max-width: 730px
}

.c-faqs__faqContent h2,
.c-solutions__itemSubheading {
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: -.68px
}

.c-faqs__faqHeading button,
.c-impact__cardHeading {
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: -.8px
}

.c-faqs__heading,
.c-impact__heading,
.c-solutions__heading,
.c-categories__title,
.c-whatsNew__heading {
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -2px
}

.c-faqs__faqContent ul li,
.c-faqs__faqContent p,
.c-faqs__faqContent {
	font-weight: 400;
	font-size: 17px;
	line-height: 120%;
	letter-spacing: -.68px
}

.c-faqs {
	display: flex;
	flex-direction: column;
	gap: 20px
}

@media (max-width:1023px) {
	.c-faqs {
		flex-direction: column;
		align-items: stretch;
		gap: 30px
	}
}

.c-faqs__heading {
	width: 100%;
	text-align: center
}

@media (max-width:1023px) {
	.c-faqs__heading {
		width: 100%;
		text-align: center;
		font-size: 30px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.5px
	}
}

.c-faqs__list {
	flex: 1
}

@media (max-width:1023px) {
	.c-faqs__list {
		border-top: 1px solid #dadada;
		margin-top: 0
	}
}

@media (min-width:1024px) {
	.c-faqs__list {
		max-width: 610px;
		margin-left: auto;
		margin-right: auto
	}
}

.c-faqs__faq {
	border-bottom: 1px solid #dadada
}

.c-faqs__faq:last-child {
	border-bottom: none
}

.c-faqs__faqHeading button {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 20px 0;
	text-align: left
}

.c-faqs__faqHeading button:focus {
	outline: 1px solid #0094ff;
	outline-offset: 5px
}

@media (max-width:1023px) {
	.c-faqs__faqHeading button {
		font-size: 17px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -.68px
	}
}

.c-faqs__faqHeading button svg {
	flex-shrink: 0;
	margin-left: 8%;
	height: 26px;
	width: 26px
}

@media (max-width:1023px) {
	.c-faqs__faqHeading button svg {
		width: auto;
		height: 25px
	}
}

.c-faqs__faqHeading button[aria-expanded="true"] svg path:last-child {
	opacity: 0
}

.c-faqs__faqContent {
	line-height: 140%;
	padding-right: 15%;
	height: 0;
	overflow: hidden;
	transition-timing-function: ease-out;
	transition-duration: 0.15s;
	color: #828282
}

@media (max-width:1023px) {
	.c-faqs__faqContent {
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		letter-spacing: -.6px
	}
}

@media (max-width:1023px) {
	.c-faqs__faqContent h2 {
		font-size: 17px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -.68px
	}
}

.c-faqs__faqContent h2+p {
	margin-top: 5px
}

@media (max-width:1023px) {
	.c-faqs__faqContent p {
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		letter-spacing: -.6px
	}
}

.c-faqs__faqContent p+h2 {
	margin-top: 20px
}

.c-faqs__faqContent ul {
	list-style: initial;
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 20px 0
}

@media (max-width:1023px) {
	.c-faqs__faqContent ul li {
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		letter-spacing: -.6px
	}
}

.c-faqs__faqContent::after {
	content: "";
	display: block;
	padding-bottom: 20px
}

body.usingMouse .c-faqs__faq button {
	outline: none
}

.c-faqs {
	margin-top: 140px
}

@media (max-width:1023px) {
	.c-faqs {
		margin-top: 60px
	}
}

.c-getStartedSticky {
	opacity: 0;
	transform: translateY(30px);
	display: none
}

.c-getStartedSticky.animateIn {
	opacity: 1;
	transform: translateZ(0);
	transition-property: opacity, transform;
	transition-duration: 0.5s, 1.2s;
	transition-timing-function: linear, cubic-bezier(.19, 1, .22, 1)
}

html[data-page="operating-units"] .c-benefits,
html[data-page="operating-units"] .c-cardLink,
html[data-page="operating-units"] .c-categories,
html[data-page="operating-units"] .c-getStartedForm,
html[data-page="operating-units"] .c-howItWorks,
html[data-page="operating-units"] .c-responsibilities,
html[data-page="operating-units"] .c-solutions,
html[data-page="operating-units"] .c-whatsNew {
	margin-top: 100px
}

html[data-page="operating-units"] .c-responsibilities[data-selected-tab="billerOUsResponsibilitiesTab"]~#billerOUsResponsibilitiesTabRelatedQuestions,
html[data-page="operating-units"] .c-responsibilities[data-selected-tab="customerOUsResponsibilitiesTab"]~#customerOUsResponsibilitiesTabRelatedQuestions {
	display: block
}

@media (min-width:1024px) {
	.c-categories__tabPaneList {
		flex-shrink: 0;
		width: calc(100% / 4 - 20px * 3 / 4);
		min-width: unset
	}

	.c-categories__contentWrap,
	.c-responsibilities__lhs,
	.c-responsibilities__rhs {
		flex: 1
	}

	.c-categories+.c-relatedQuestions {
		margin-top: 50px !important
	}

	.c-categories+.customSolution {
		margin-top: 100px !important
	}

	.c-responsibilities {
		display: flex;
		gap: 20px
	}

	.c-solutions .anim-pathContainer {
		width: calc(var(--w-1col) * 4 + 20px * 3 + 60px)
	}

	.c-solutions .c-solutions__list>:nth-child(8n+1) .anim-pathContainer.isEvenRow,
	.c-solutions .c-solutions__list>:nth-child(8n+2) .anim-pathContainer.isEvenRow,
	.c-solutions .c-solutions__list>:nth-child(8n+3) .anim-pathContainer.isEvenRow,
	.c-solutions .c-solutions__list>:nth-child(8n+4) .anim-pathContainer.isEvenRow,
	.c-solutions .c-solutions__list>:nth-child(8n+5) .anim-pathContainer.isOddRow,
	.c-solutions .c-solutions__list>:nth-child(8n+6) .anim-pathContainer.isOddRow,
	.c-solutions .c-solutions__list>:nth-child(8n+7) .anim-pathContainer.isOddRow,
	.c-solutions .c-solutions__list>:nth-child(8n+8) .anim-pathContainer.isOddRow {
		visibility: hidden
	}

	.c-solutions .c-solutions__list>:nth-child(4n+1) .anim-pathContainer {
		left: calc(0px - (20px + var(--w-1col)) * (1 - 1))
	}

	.c-solutions .c-solutions__list>:nth-child(4n+2) .anim-pathContainer {
		left: calc(0px - (20px + var(--w-1col)) * (2 - 1))
	}

	.c-solutions .c-solutions__list>:nth-child(4n+3) .anim-pathContainer {
		left: calc(0px - (20px + var(--w-1col)) * (3 - 1))
	}

	.c-solutions .c-solutions__list>:nth-child(4n+4) .anim-pathContainer {
		left: calc(0px - (20px + var(--w-1col)) * (4 - 1))
	}

	.c-solutions__list {
		justify-content: start;
		flex-wrap: wrap
	}

	.c-solutions__list[data-item-count="3"] {
		justify-content: center
	}

	.c-solutions__item {
		margin-top: -15px
	}

	.c-solutions.-tsp .anim-pathContainer {
		width: calc(var(--w-1col) * 3 + 20px * 2 + 60px) !important
	}

	html[data-page="operating-units"] .c-responsibilities[data-selected-tab="billerOUsResponsibilitiesTab"]~#billerOUsResponsibilitiesTabRelatedQuestions,
	html[data-page="operating-units"] .c-responsibilities[data-selected-tab="customerOUsResponsibilitiesTab"]~#customerOUsResponsibilitiesTabRelatedQuestions {
		display: flex
	}
}

html[data-page="operating-units"] .c-relatedQuestions {
	margin-top: 50px
}

html[data-page="operating-units"] .c-whatsNew__subheading {
	margin-top: 10px
}

html[data-page="operating-units"] .c-whatsNew__item {
	flex-basis: 572px
}

html[data-page="operating-units"] .-whatsNew .-whatsNewList {
	flex-wrap: nowrap;
	overflow: auto;
	overflow-y: hidden;
	padding-left: var(--leftMargin);
	margin-left: calc(0px - var(--leftMargin));
	width: var(--viewportWidth);
	padding-right: var(--leftMargin);
	max-width: none;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	scrollbar-width: none;
	-ms-overflow-style: none
}

html[data-page="operating-units"] .-whatsNew .-whatsNewList::-webkit-scrollbar {
	display: none
}

html[data-page="operating-units"] .-whatsNew .whatsNew__benefitsBtnWrap {
	transition: 0.3s ease-in-out;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	pointer-events: none
}

html[data-page="operating-units"] .-whatsNew .whatsNew__benefitsBtn {
	pointer-events: auto;
	display: flex;
	width: 50px;
	height: 50px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 40px;
	border: 1px solid var(--greys-stroke-grey, #dadada);
	background: #fff;
	box-shadow: 0 2px 4px 0 rgb(0 0 0 / .1)
}

html[data-page="operating-units"] .-ouBenefits .ou__benefitsPrevBtn,
html[data-page="operating-units"] .-whatsNew .whatsNew__benefitsPrevBtn {
	position: relative;
	left: 10px
}

html[data-page="operating-units"] .-ouBenefits .ou__benefitsNextBtn,
html[data-page="operating-units"] .-whatsNew .whatsNew__benefitsNextBtn {
	position: relative;
	right: 10px
}

html[data-page="operating-units"] .-ouBenefits .c-benefits__list {
	flex-wrap: nowrap;
	overflow: auto;
	overflow-y: hidden;
	max-width: 1320px;
	display: flex;
	align-items: flex-start;
	gap: 80px;
	scrollbar-width: none;
	-ms-overflow-style: none
}

html[data-page="operating-units"] .-ouBenefits .c-benefits__list::-webkit-scrollbar {
	display: none
}

html[data-page="operating-units"] .-ouBenefits .ou__benefitsBtnWrap {
	transition: 0.3s ease-in-out;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between
}

html[data-page="operating-units"] .-ouBenefits .ou__benefitsBtn {
	display: flex;
	width: 50px;
	height: 50px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 40px;
	border: 1px solid var(--greys-stroke-grey, #dadada);
	background: #fff;
	box-shadow: 0 2px 4px 0 rgb(0 0 0 / .1)
}

html[data-page="operating-units"] .-ouBenefits .-disabled {
	opacity: .3
}

html[data-page="operating-units"] .c-scrollIndicator {
	position: relative;
	margin-top: 30px
}

html[data-page="operating-units"] [data-draggable="true"] [data-dragging="false"] {
	cursor: grab
}

html[data-page="operating-units"] [data-draggable="true"] [data-dragging="true"] {
	cursor: grabbing
}

html[data-page="operating-units"] .whatsNew__carouselBtnWrap {
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: 15px
}

@media (max-width:1023px) {
	.c-solutions__list {
		margin-top: 15px;
		padding: 0 20px 1px;
		overflow-x: scroll;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
		gap: 15px
	}

	.c-solutions__list::-webkit-scrollbar {
		display: none
	}

	.c-solutions__item {
		width: 264px
	}

	.c-solutions__itemInner {
		padding: 30px 30px 30px 20px
	}

	.c-solutions__itemTag {
		left: 20px
	}

	.c-solutions__itemHeading {
		font-size: 25px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1px
	}

	.c-solutions__seeAllBtn {
		margin-top: 30px
	}

	.c-solutions.-solutions .c-solutions__subheading {
		max-width: unset
	}

	.c-getStartedSticky {
		display: block;
		position: sticky;
		z-index: 21;
		bottom: -1px;
		margin-left: calc(0px - var(--leftMargin));
		width: var(--viewportWidth);
		margin-top: 24px;
		margin-bottom: -20px
	}

	.c-getStartedSticky__btn {
		background-color: #eb5945;
		width: 100%;
		display: flex;
		padding: 20px 10px;
		justify-content: center;
		align-items: center;
		gap: 10px
	}

	.c-getStartedSticky__btnText {
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -.8px;
		color: #fff
	}

	.c-getStartedSticky__btn.-ou-bg {
		background-color: #ed763c
	}

	.c-getStartedSticky__btn.-dev-bg {
		background-color: #4462c6
	}

	html[data-page="operating-units"] main {
		padding-top: calc(var(--h-header))
	}

	html[data-page="operating-units"] .section__heading {
		font-size: 30px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.5px
	}

	html[data-page="operating-units"] .c-benefits,
	html[data-page="operating-units"] .c-cardLink,
	html[data-page="operating-units"] .c-categories,
	html[data-page="operating-units"] .c-footer,
	html[data-page="operating-units"] .c-getStartedForm,
	html[data-page="operating-units"] .c-howItWorks,
	html[data-page="operating-units"] .c-responsibilities,
	html[data-page="operating-units"] .c-solutions,
	html[data-page="operating-units"] .c-whatsNew {
		margin-top: 60px
	}

	html[data-page="operating-units"] .c-relatedQuestions {
		margin-top: 40px
	}

	html[data-page="operating-units"] .c-whatsNew__item {
		flex-basis: 100%
	}

	html[data-page="operating-units"] .-whatsNew .-whatsNewList {
		gap: 20px
	}

	html[data-page="operating-units"] .-ouBenefits .ou__benefitsBtnWrap,
	html[data-page="operating-units"] .-whatsNew .whatsNew__benefitsBtnWrap {
		display: none
	}

	html[data-page="operating-units"] .-ouBenefits .c-benefits__list {
		gap: 30px
	}

	html[data-page="operating-units"] .whatsNew__carouselBtnWrap {
		margin-top: 30px;
		justify-content: flex-start;
		display: none
	}
}

html[data-page="operating-units"] .whatsNew__carouselBtn {
	display: flex;
	height: 36px;
	width: 36px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 40px;
	border: 1.5px solid var(--partners-flat-bo-us, #ff894f)
}

html[data-page="operating-units"] .whatsNew__carouselNextBtn svg {
	position: relative;
	left: 1px
}

html[data-page="operating-units"] .whatsNew__carousel .-disabled {
	opacity: .2
}