.ifx-block {
	position: relative;
	padding: 96px 0;
}

.ifx-block .ifx-block__inner {
	width: min(1200px, calc(100vw - 48px));
	margin: 0 auto;
}

.ifx-home-hero {
	padding-top: 72px;
	padding-bottom: 104px;
}

.ifx-home-hero__content {
	width: min(752px, 100%);
	margin: 0 auto;
	padding-top: 0;
	text-align: left;
	animation: ifx-fade-up 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.ifx-home-hero__eyebrow,
.ifx-solutions-grid__eyebrow,
.ifx-industries-grid__eyebrow,
.ifx-showcase-grid__eyebrow,
.ifx-blog-feed__eyebrow {
	margin: 0 0 14px;
	color: #f47c6c;
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2.42px;
	text-transform: uppercase;
}

.ifx-home-hero__title,
.ifx-split-intro__title,
.ifx-solutions-grid__title,
.ifx-industries-grid__title,
.ifx-showcase-grid__title,
.ifx-blog-feed__title,
.ifx-cta-banner__title {
	margin: 0;
	color: #201b3a;
	font-family: "Poppins", sans-serif;
	font-size: clamp(2.8rem, 5vw, 4.75rem);
	font-weight: 400;
	line-height: 1.1282051282;
	letter-spacing: -0.04em;
}

.ifx-home-hero__title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-size: 78px;
	line-height: 88px;
	letter-spacing: 0;
}

.ifx-home-hero__title-base,
.ifx-home-hero__title-highlight {
	display: block;
}

.ifx-home-hero__title-base {
	color: #2c3858;
}

.ifx-home-hero__title-highlight {
	color: #5b6cff;
}

.ifx-split-intro__title,
.ifx-solutions-grid__title,
.ifx-industries-grid__title,
.ifx-showcase-grid__title,
.ifx-blog-feed__title,
.ifx-cta-banner__title {
	font-size: clamp(2.15rem, 3.3vw, 3.25rem);
}

.ifx-home-hero__text,
.ifx-split-intro__text,
.ifx-solutions-grid__text,
.ifx-industries-grid__text {
	margin-top: 15px;
	color: #6b7795;
	font-size: 16px;
	line-height: 1.56;
	font-family: "Mulish", sans-serif;
	font-weight: 400;
}

.ifx-home-hero__text p,
.ifx-split-intro__text p,
.ifx-solutions-grid__text p,
.ifx-industries-grid__text p {
	margin: 0;
}

.ifx-home-hero__actions {
	display: flex;
	justify-content: flex-start;
	gap: 14px;
	margin-top: 29px;
}

.ifx-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 49px;
	padding: 0 26px;
	border-radius: 999px;
	border: 0;
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.52px;
	text-transform: uppercase;
	transition: background-color 180ms ease, opacity 180ms ease, box-shadow 180ms ease;
}

.ifx-button--primary {
	gap: 10px;
	background: #f47c6c;
	color: #ffffff !important;
	box-shadow: 0 14px 30px -14px rgba(244, 124, 108, 0.7);
}

.ifx-button--primary:hover,
.ifx-button--primary:focus {
	background: #ee6f5f;
}

.ifx-button--primary:visited,
.ifx-button--primary:hover,
.ifx-button--primary:focus,
.ifx-button--primary:active {
	color: #ffffff !important;
}

.ifx-button--text {
	min-height: auto;
	padding: 0;
	background: transparent;
	color: #5b4aa3;
	box-shadow: none;
}

.ifx-button--primary::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 10px;
	background: url("../icons/button-arrow.svg") center / 14px 10px no-repeat;
	flex: 0 0 14px;
	transition: none;
}

.ifx-split-intro {
	padding-top: 96px;
	padding-bottom: 90px;
	background: rgba(245, 247, 251, 0.92);
}

.ifx-split-intro__inner {
	display: grid;
	grid-template-columns: 1fr 1px 1fr;
	align-items: center;
	gap: 28px;
	min-height: 176px;
}

.ifx-split-intro__heading {
	padding-right: 28px;
}

.ifx-split-intro__body {
	padding-left: 28px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ifx-split-intro__inner::before {
	content: "";
	grid-column: 2;
	grid-row: 1;
	width: 1px;
	height: 200px;
	background: #d8dbe8;
	justify-self: center;
}

.ifx-split-intro__title {
	font-size: 40px;
	line-height: 48px;
	letter-spacing: 0;
}

.ifx-split-intro__title-base,
.ifx-split-intro__title-highlight {
	display: inline;
}

.ifx-split-intro__title-base {
	color: #2c3858;
}

.ifx-split-intro__title-highlight {
	color: #5b6cff;
}

.ifx-split-intro__text {
	font-size: 20px;
	line-height: 34px;
	text-align: center;
}

.ifx-logo-grid {
	padding-top: 40px;
	padding-bottom: 86px;
}

.ifx-logo-grid__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	align-items: start;
}

.ifx-logo-grid__card {
	--ifx-logo-accent: #5b6cff;
	width: 266px;
	min-height: 0;
	height: auto;
	box-sizing: border-box;
	padding: 36px 26px;
	border-radius: 14px;
	border: 1px solid #e3e8f1;
	background: #fff;
	box-shadow: none;
	text-decoration: none;
	color: inherit;
	animation: ifx-fade-up 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	justify-self: center;
	align-self: start;
	position: relative;
	overflow: hidden;
	transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.ifx-logo-grid__card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background: var(--ifx-logo-accent);
	opacity: 0;
	transform: scaleX(0.92);
	transform-origin: center;
	transition: opacity 220ms ease, transform 220ms ease;
}

.ifx-logo-grid__logo-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	padding: 10px 0;
	margin: 0;
}

.ifx-logo-grid__logo {
	max-width: 100px;
	max-height: 100px;
	object-fit: contain;
}

.ifx-logo-grid__card-title,
.ifx-solutions-grid__card-title,
.ifx-industries-grid__card-title,
.ifx-showcase-grid__card-title,
.ifx-blog-feed__card-title {
	margin: 0 0 10px;
	color: #201b3a;
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.28;
}

.ifx-logo-grid__card-text,
.ifx-solutions-grid__card-text,
.ifx-industries-grid__card-text,
.ifx-showcase-grid__card-text,
.ifx-blog-feed__excerpt {
	margin: 0;
	color: #6b7795;
	font-size: 13px;
	line-height: 21.45px;
}

.ifx-logo-grid__card-title {
	width: 100%;
	padding-top: 12px;
	padding-bottom: 1px;
	margin: 0;
	text-align: center;
}

.ifx-logo-grid__card-text {
	width: 100%;
	text-align: center;
}

.ifx-logo-grid__card:nth-child(1) {
	--ifx-logo-accent: #5b6cff;
}

.ifx-logo-grid__card:nth-child(2) {
	--ifx-logo-accent: #f47c6c;
}

.ifx-logo-grid__card:nth-child(3) {
	--ifx-logo-accent: #5fc7c1;
}

.ifx-logo-grid__card:nth-child(4) {
	--ifx-logo-accent: #f1b24a;
}

.ifx-solutions-grid {
	padding-top: 96px;
	padding-bottom: 96px;
	background: rgba(245, 247, 251, 0.92);
}

.ifx-solutions-grid .ifx-block__inner {
	width: min(1326px, calc(100vw - 38px));
}

.ifx-solutions-grid__intro,
.ifx-blog-feed__intro {
	max-width: 656px;
	margin: 0 auto 48px;
	text-align: center;
}

.ifx-solutions-grid__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 430px));
	gap: 16px;
	justify-content: center;
	align-items: start;
}

.ifx-solutions-grid__card {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	align-items: start;
	align-self: start;
	justify-self: start;
	gap: 24px;
	width: 100%;
	min-height: 0;
	height: auto;
	box-sizing: border-box;
	padding: 40px 30px;
	position: relative;
	border-radius: 14px;
	border: 1px solid #e1f5ee;
	background: #fff;
	box-shadow: 0 18px 40px -22px rgba(40, 55, 110, 0.18);
	animation: ifx-fade-up 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
	transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.ifx-solutions-grid__icon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
}

.ifx-solutions-grid__icon {
	display: block;
	width: 64px;
	height: 64px;
	max-width: none;
	max-height: none;
	object-fit: contain;
}

.ifx-solutions-grid__link,
.ifx-industries-grid__link,
.ifx-blog-feed__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
	color: #2c3858;
	font-size: 10px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	letter-spacing: 2.2px;
	text-transform: uppercase;
	text-decoration: none;
	transition: color 180ms ease, opacity 180ms ease;
}

.ifx-solutions-grid__link:visited,
.ifx-solutions-grid__link:hover,
.ifx-solutions-grid__link:focus,
.ifx-solutions-grid__link:active {
	color: #2c3858;
	text-decoration: none;
}

.ifx-solutions-grid__link::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 10px;
	flex: 0 0 14px;
	background: url("../icons/solutions-link-arrow.svg") center / 14px 10px no-repeat;
	transition: transform 180ms ease, filter 180ms ease;
}

.ifx-solutions-grid__intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	text-align: center;
}

.ifx-solutions-grid__title {
	padding-top: 1px;
	font-size: 34px;
	font-weight: 600;
	line-height: 40.8px;
	letter-spacing: 0;
}

.ifx-solutions-grid__title-base,
.ifx-solutions-grid__title-highlight {
	display: inline;
}

.ifx-solutions-grid__title-base {
	color: #2c3858;
}

.ifx-solutions-grid__title-highlight {
	color: #5b6cff;
}

.ifx-solutions-grid__text {
	margin-top: 0;
	font-size: 15.5px;
	line-height: 26.35px;
	text-align: center;
}

.ifx-solutions-grid__card-title {
	margin: 0;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.18px;
	line-height: 1.3333333333;
}

.ifx-solutions-grid__card-text {
	margin: 0;
	color: #6b7795;
	width: 280px;
	max-width: 100%;
	font-family: "Mulish", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 23.8px;
}

.ifx-solutions-grid__card-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	min-width: 0;
}

.ifx-solutions-grid__link-label {
	display: inline-flex;
	line-height: 1;
}

.ifx-solutions-grid__link:hover,
.ifx-solutions-grid__link:focus {
	color: #f47c6c;
}

.ifx-industries-grid {
	padding-top: 96px;
	padding-bottom: 96px;
}

.ifx-industries-grid .ifx-block__inner {
	width: min(1364px, calc(100vw - 38px));
}

.ifx-industries-grid__inner {
	display: grid;
	grid-template-columns: 524px 768px;
	justify-content: center;
	align-items: stretch;
	gap: 36px;
}

.ifx-industries-grid__content {
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: stretch;
}

.ifx-industries-grid__intro {
	max-width: 524px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
}

.ifx-industries-grid__cards {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-content: flex-start;
}

.ifx-industries-grid__card {
	--ifx-industries-accent: #5b6cff;
	width: 380px;
	padding: 24px 26px;
	box-sizing: border-box;
	border-radius: 14px;
	border: 1px solid #e3e8f1;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	position: relative;
	overflow: hidden;
	animation: ifx-fade-up 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
	transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.ifx-industries-grid__card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background: var(--ifx-industries-accent);
	opacity: 0;
	transform: scaleX(0.92);
	transform-origin: center;
	transition: opacity 220ms ease, transform 220ms ease;
}

.ifx-industries-grid__icon-wrap {
	display: inline-flex;
	width: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	align-items: center;
	justify-content: center;
}

.ifx-industries-grid__icon {
	display: block;
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.ifx-industries-grid__title {
	font-size: 34px;
	font-weight: 600;
	line-height: 40.8px;
	letter-spacing: 0;
}

.ifx-industries-grid__title-base,
.ifx-industries-grid__title-highlight {
	display: inline;
}

.ifx-industries-grid__title-base {
	color: #2c3858;
}

.ifx-industries-grid__title-highlight {
	color: #5b6cff;
}

.ifx-industries-grid__text {
	margin-top: 0;
	font-size: 15.5px;
	line-height: 26.35px;
}

.ifx-industries-grid__card-title {
	width: 100%;
	margin: 0;
	padding-bottom: 1px;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.28;
	text-align: center;
}

.ifx-industries-grid__card-text {
	width: 100%;
	margin: 0;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 21.45px;
	text-align: center;
}

.ifx-industries-grid__card--food {
	--ifx-industries-accent: #5b6cff;
}

.ifx-industries-grid__card--financial {
	--ifx-industries-accent: #f47c6c;
}

.ifx-industries-grid__card--events {
	--ifx-industries-accent: #5fc7c1;
}

.ifx-industries-grid__card--retail,
.ifx-industries-grid__card--retailer {
	--ifx-industries-accent: #f1b24a;
}

.ifx-video-reel {
	padding-top: 0;
	padding-bottom: 0;
}

.ifx-video-reel .ifx-block__inner {
	width: min(1200px, calc(100vw - 48px));
}

.ifx-video-reel__frame {
	padding-top: 5px;
}

.ifx-video-reel__media {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #eef2f8;
}

.ifx-video-reel__player,
.ifx-video-reel__poster,
.ifx-video-reel__placeholder,
.ifx-video-reel__embed,
.ifx-video-reel__embed iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
}

.ifx-video-reel__player,
.ifx-video-reel__poster,
.ifx-video-reel__placeholder {
	height: auto;
	object-fit: cover;
}

.ifx-video-reel__embed iframe {
	height: 100%;
	border: 0;
}

.ifx-video-reel__placeholder {
	background: linear-gradient(135deg, #eef2f8 0%, #dde6ff 100%);
}

.ifx-showcase-grid {
	padding-top: 0;
	padding-bottom: 0;
	background: #fff;
}

.ifx-showcase-grid__surface {
	width: min(1296px, calc(100vw - 32px));
	margin: 0 auto;
	box-sizing: border-box;
	padding-left: 96px;
	padding-right: 96px;
	padding-top: 96px;
	padding-bottom: 96px;
	background: rgba(245, 247, 251, 0.92);
}

.ifx-showcase-grid .ifx-block__inner {
	width: min(1104px, calc(100vw - 38px));
}

.ifx-showcase-grid__head {
	display: flex;
	justify-content: flex-start;
	align-items: end;
	margin-bottom: 40px;
}

.ifx-showcase-grid__head-copy {
	width: 560px;
	max-width: 560px;
	padding-right: 94.41px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
}

.ifx-showcase-grid__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-areas:
		"card1 card2 card3"
		"card1 card5 card4"
		"card6 card7 card4";
	gap: 28px 16px;
	align-items: start;
}

.ifx-showcase-grid__card {
	overflow: hidden;
	position: relative;
	background: #eef2f8;
	border: 1px solid #e3e8f1;
	border-radius: 14px;
	text-decoration: none;
	color: inherit;
	animation: ifx-fade-up 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
	transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.ifx-showcase-grid__card--1 {
	grid-area: card1;
}

.ifx-showcase-grid__card--2 {
	grid-area: card2;
}

.ifx-showcase-grid__card--3 {
	grid-area: card3;
}

.ifx-showcase-grid__card--4 {
	grid-area: card4;
}

.ifx-showcase-grid__card--5 {
	grid-area: card5;
}

.ifx-showcase-grid__card--6 {
	grid-area: card6;
}

.ifx-showcase-grid__card--7 {
	grid-area: card7;
}

.ifx-showcase-grid__card--1,
.ifx-showcase-grid__card--4 {
	grid-row: span 2;
}

.ifx-showcase-grid__card-media {
	position: relative;
}

.ifx-showcase-grid__image,
.ifx-showcase-grid__image--placeholder {
	width: 100%;
	aspect-ratio: 357 / 240;
	display: block;
	background: linear-gradient(135deg, #dde6ff 0%, #faece7 100%);
	object-fit: cover;
}

.ifx-showcase-grid__card--1 .ifx-showcase-grid__image,
.ifx-showcase-grid__card--1 .ifx-showcase-grid__image--placeholder,
.ifx-showcase-grid__card--4 .ifx-showcase-grid__image,
.ifx-showcase-grid__card--4 .ifx-showcase-grid__image--placeholder {
	aspect-ratio: 357 / 504;
}

.ifx-showcase-grid__chip {
	position: absolute;
	top: 17px;
	left: 17px;
	display: inline-flex;
	padding: 5px 10px 6px;
	background: rgba(255, 255, 255, 0.85);
	border-radius: 6px;
	color: #6b7795;
	font-family: "Poppins", sans-serif;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 1.62px;
	line-height: 1;
	text-transform: uppercase;
	opacity: 0;
	transform: translate3d(0, -6px, 0);
	transition: opacity 180ms ease, transform 220ms ease;
	pointer-events: none;
}

.ifx-showcase-grid__overlay {
	position: absolute;
	left: 1px;
	right: 1px;
	bottom: 0;
	padding: 20px 22px 24px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1px;
	background: linear-gradient(180deg, rgba(28, 40, 75, 0) 0%, rgba(28, 40, 75, 0.82) 100%);
	opacity: 0;
	transform: translate3d(0, 10px, 0);
	transition: opacity 180ms ease, transform 240ms ease;
	pointer-events: none;
}

.ifx-showcase-grid__image,
.ifx-blog-feed__thumb img {
	transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.ifx-showcase-grid__tag {
	color: rgba(255, 255, 255, 0.7);
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-showcase-grid__card-title {
	margin: 0;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25;
}

.ifx-showcase-grid__card:hover .ifx-showcase-grid__chip,
.ifx-showcase-grid__card:hover .ifx-showcase-grid__overlay,
.ifx-showcase-grid__card:focus-visible .ifx-showcase-grid__chip,
.ifx-showcase-grid__card:focus-visible .ifx-showcase-grid__overlay {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.ifx-showcase-grid__actions {
	display: flex;
	justify-content: center;
	padding-top: 40px;
}

.ifx-showcase-grid__title {
	width: 432px;
	max-width: 432px;
	font-size: 34px;
	font-weight: 600;
	line-height: 40.8px;
	letter-spacing: 0;
}

.ifx-showcase-grid__title-base,
.ifx-showcase-grid__title-highlight {
	display: inline;
}

.ifx-showcase-grid__title-base {
	color: #2c3858;
}

.ifx-showcase-grid__title-highlight {
	color: #5b6cff;
}

.ifx-showcase-grid__sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.ifx-blog-feed {
	padding-top: 96px;
	padding-bottom: 96px;
}

.ifx-blog-feed .ifx-block__inner {
	width: min(1144px, calc(100vw - 64px));
}

.ifx-blog-feed__intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	margin: 0 auto 50px;
	text-align: center;
}

.ifx-blog-feed__title {
	font-family: "Poppins", sans-serif;
	font-size: 34px;
	font-weight: 600;
	line-height: 40.8px;
	letter-spacing: 0;
}

.ifx-blog-feed__title-base,
.ifx-blog-feed__title-highlight {
	display: inline;
}

.ifx-blog-feed__title-base {
	color: #2c3858;
}

.ifx-blog-feed__title-highlight {
	color: #5b6cff;
}

.ifx-blog-feed__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 360px));
	gap: 32px;
	justify-content: center;
	align-items: stretch;
}

.ifx-blog-feed__card {
	width: 360px;
	height: 100%;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0 6px 18px -10px rgba(40, 55, 110, 0.18);
	border: 1px solid #e1f5ee;
	border-radius: 14px;
	overflow: hidden;
	animation: ifx-fade-up 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
	display: flex;
	flex-direction: column;
	transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.ifx-blog-feed__thumb {
	position: relative;
	display: block;
	width: 100%;
	height: 202px;
	text-decoration: none;
}

.ifx-blog-feed__thumb img,
.ifx-blog-feed__thumb-placeholder {
	width: 100%;
	height: 202px;
	display: block;
	background: linear-gradient(151deg, #f7f6f2 0%, #fbeaf0 100%);
	object-fit: cover;
}

.ifx-blog-feed__category {
	position: absolute;
	top: 14px;
	left: 14px;
	display: inline-flex;
	padding: 4px 10px 5px;
	background: #fff;
	border-radius: 6px;
	color: #f47c6c;
	font-family: "Poppins", sans-serif;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 1.62px;
	line-height: 1.2;
	text-transform: uppercase;
	pointer-events: none;
}

.ifx-blog-feed__body {
	flex: 1 1 auto;
	padding: 24px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.ifx-blog-feed__meta {
	display: flex;
	gap: 12px;
	margin: 0;
	color: #9aa3bb;
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 1.8px;
	line-height: 1.2;
	text-transform: uppercase;
}

.ifx-blog-feed__meta-separator {
	opacity: 0;
}

.ifx-blog-feed__card-title a {
	color: inherit;
	text-decoration: none;
	position: relative;
	z-index: 2;
}

.ifx-blog-feed__card-title {
	margin: 0;
	width: 100%;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 17px;
	font-weight: 600;
	line-height: 22.95px;
}

.ifx-blog-feed__excerpt {
	margin: 0;
	width: 100%;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 22.1px;
}

.ifx-blog-feed__link {
	margin-top: auto;
	color: #2c3858;
	position: relative;
	z-index: 2;
}

.ifx-blog-feed__link:visited,
.ifx-blog-feed__link:active {
	color: #2c3858;
	text-decoration: none;
}

.ifx-blog-feed__link:hover,
.ifx-blog-feed__link:focus {
	color: #f47c6c;
	text-decoration: none;
}

.ifx-blog-feed__link::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 10px;
	flex: 0 0 14px;
	background: url("../icons/solutions-link-arrow.svg") center / 14px 10px no-repeat;
	transition: transform 180ms ease, filter 180ms ease;
}

.ifx-cta-banner {
	background: #fff;
	padding-top: 96px;
	padding-bottom: 128px;
}

.ifx-cta-banner--bg-gray {
	background: rgba(245, 247, 251, 0.92);
}

.ifx-cta-banner__panel {
	max-width: 656px;
	margin: 0 auto;
	text-align: center;
	animation: ifx-fade-up 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
}

.ifx-cta-banner__title {
	margin: 0;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 48px;
	font-weight: 400;
	line-height: 58px;
	letter-spacing: 0;
}

.ifx-cta-banner__actions {
	display: flex;
	justify-content: center;
	margin-top: 0;
}

.ifx-showcase-hero {
	margin-top: calc(-1 * (var(--ifx-header-height) + var(--ifx-admin-bar-height)));
	padding-top: 60px;
	padding-top: calc(60px + var(--ifx-header-height) + var(--ifx-admin-bar-height));
	padding-bottom: 104px;
	background: rgba(245, 247, 251, 0.92);
}

.ifx-showcase-hero__panel {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}

.ifx-showcase-hero__eyebrow {
	margin: 0;
	color: #f47c6c;
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2.42px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-showcase-hero__title {
	width: 900px;
	max-width: 900px;
	margin: 0;
	padding-top: 1px;
	padding-bottom: 0.585px;
	text-align: center;
	font-family: "Poppins", sans-serif;
	font-size: 54px;
	font-weight: 600;
	line-height: 59.4px;
	letter-spacing: -1.08px;
}

.ifx-showcase-hero__title-base,
.ifx-showcase-hero__title-highlight {
	display: inline;
}

.ifx-showcase-hero__title-base {
	color: #2c3858;
}

.ifx-showcase-hero__title-highlight {
	color: #5b6cff;
}

.ifx-showcase-hero__text {
	width: 680px;
	max-width: 680px;
	padding-top: 4px;
	padding-bottom: 16px;
	margin: 0;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 16.5px;
	font-weight: 400;
	line-height: 28px;
	text-align: center;
}

.ifx-showcase-hero__text p {
	width: 670px;
	max-width: 670px;
	margin: 0 auto;
}

.ifx-showcase-hero__stats {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 48px;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 24px;
}

.ifx-showcase-hero__stat {
	width: 116px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}

.ifx-showcase-hero__stat-value,
.ifx-showcase-hero__stat-label {
	margin: 0;
}

.ifx-showcase-hero__stat-value {
	padding: 1px 0;
	font-family: "Poppins", sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.24px;
}

.ifx-showcase-hero__stat-label {
	padding-bottom: 1px;
	color: #9aa3bb;
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 2.2px;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.ifx-showcase-hero__stat--coral .ifx-showcase-hero__stat-value {
	color: #f47c6c;
}

.ifx-showcase-hero__stat--blue .ifx-showcase-hero__stat-value {
	color: #5b6cff;
}

.ifx-showcase-hero__stat--teal .ifx-showcase-hero__stat-value {
	color: #5fc7c1;
}

.ifx-showcase-hero__stat--ink .ifx-showcase-hero__stat-value {
	color: #2c3858;
}

.ifx-portfolio-grid {
	padding-top: 0;
	padding-bottom: 96px;
	background: rgba(245, 247, 251, 0.92);
}

.ifx-portfolio-grid__filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 8px;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 170px;
	transform: none;
	margin-bottom: 30px;
}

.ifx-portfolio-grid__filter {
	padding: 10px 19px 11px;
	border: 1px solid transparent;
	border-radius: 999px;
	background: transparent;
	color: #6b7795;
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1.98px;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 180ms ease, color 180ms ease;
}

.ifx-portfolio-grid__filter.is-active {
	background: #2c3858;
	color: #ffffff;
}

.ifx-portfolio-grid__masonry {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	align-items: start;
}

.ifx-portfolio-grid__column {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ifx-portfolio-grid__source {
	display: none;
}

.ifx-portfolio-grid__card {
	display: flex;
	flex-direction: column;
	border: 1px solid #e3e8f1;
	border-radius: 14px;
	background: #ffffff;
	overflow: hidden;
	box-shadow: 0 6px 18px -10px rgba(40, 55, 110, 0.18);
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.ifx-portfolio-grid__card--animate {
	animation: ifx-portfolio-grid-card-in 620ms cubic-bezier(0.22, 1, 0.36, 1) both;
	animation-delay: var(--ifx-card-delay, 0ms);
}

.ifx-portfolio-grid__media {
	position: relative;
	width: 100%;
	background: #eef2f8;
	overflow: hidden;
}

.ifx-portfolio-grid__media--tall {
	height: 403.93px;
}

.ifx-portfolio-grid__media--medium {
	height: 288.52px;
}

.ifx-portfolio-grid__media--short {
	height: 201.96px;
}

.ifx-portfolio-grid__image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
}

.ifx-portfolio-grid__media > .ifx-portfolio-grid__image {
	width: 100%;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	object-position: center;
}

.ifx-portfolio-grid__image--placeholder {
	background: linear-gradient(135deg, #eaf0ff 0%, #fde6e1 100%);
}

.ifx-portfolio-grid__badge {
	position: absolute;
	top: 14px;
	left: 14px;
	padding: 5px 10px 6px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.92);
	color: #6b7795;
	font-family: "Poppins", sans-serif;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 1.62px;
	line-height: 1;
	text-transform: uppercase;
	pointer-events: none;
}

.ifx-portfolio-grid__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 7.4px;
	padding: 22px 24px 24px;
}

.ifx-portfolio-grid__crumb {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding-bottom: 1px;
	color: #9aa3bb;
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-portfolio-grid__crumb-dot {
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #9aa3bb;
	flex: 0 0 4px;
}

.ifx-portfolio-grid__card-title {
	margin: 0;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 23.76px;
	letter-spacing: -0.18px;
}

.ifx-portfolio-grid__card-text {
	margin: 0;
	padding-top: 1.865px;
	padding-bottom: 0.535px;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 13.5px;
	font-weight: 400;
	line-height: 22.28px;
}

.ifx-portfolio-grid__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 24px;
	position: relative;
	z-index: 2;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 2.2px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-portfolio-grid__link::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 10px;
	flex: 0 0 14px;
	background: url("../icons/solutions-link-arrow.svg") center / 14px 10px no-repeat;
	transition: transform 180ms ease, filter 180ms ease;
}

.ifx-portfolio-grid__footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	padding-top: 24px;
}

.ifx-portfolio-grid__load-more {
	width: auto;
	cursor: pointer;
}

.ifx-portfolio-grid__load-more[hidden] {
	display: none !important;
}

.ifx-portfolio-grid__counter {
	margin: 0;
	padding-bottom: 1px;
	color: #9aa3bb;
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 1.98px;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
}

.ifx-portfolio-grid__empty {
	padding: 32px 0 12px;
	text-align: center;
}

.ifx-portfolio-grid__empty-title,
.ifx-portfolio-grid__empty-text {
	margin: 0;
}

.ifx-portfolio-grid__empty-title {
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.1;
}

.ifx-portfolio-grid__empty-text {
	margin-top: 12px;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 15px;
	line-height: 25.5px;
}

.ifx-product-hero {
	--ifx-product-accent: #5b6cff;
	--ifx-product-accent-soft: rgba(91, 108, 255, 0.14);
	--ifx-product-accent-soft-2: rgba(244, 124, 108, 0.14);
	--ifx-product-bg: rgba(245, 247, 251, 0.92);
	margin-top: calc(-1 * (var(--ifx-header-height) + var(--ifx-admin-bar-height)));
	padding-top: calc(96px + var(--ifx-header-height) + var(--ifx-admin-bar-height));
	padding-bottom: 88px;
	background: var(--ifx-product-bg);
}

.ifx-product-hero--agentic-ai {
	--ifx-product-accent: #f47c6c;
	--ifx-product-accent-soft: rgba(244, 124, 108, 0.16);
	--ifx-product-accent-soft-2: rgba(241, 178, 74, 0.16);
}

.ifx-product-hero--shopify {
	--ifx-product-accent: #5fc7c1;
	--ifx-product-accent-soft: rgba(95, 199, 193, 0.16);
	--ifx-product-accent-soft-2: rgba(91, 108, 255, 0.14);
}

.ifx-product-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 500px;
	align-items: stretch;
	gap: 36px;
	justify-content: space-between;
}

.ifx-product-hero__copy {
	max-width: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ifx-product-hero__eyebrow,
.ifx-product-services__eyebrow,
.ifx-product-methodology__eyebrow,
.ifx-product-projects__eyebrow,
.ifx-product-methodology__step-eyebrow {
	margin: 0 0 14px;
	color: var(--ifx-product-accent);
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2.42px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-product-hero__title,
.ifx-product-services__title,
.ifx-product-methodology__title,
.ifx-product-projects__title {
	margin: 0;
	font-family: "Poppins", sans-serif;
	font-size: 58px;
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: 0;
}

.ifx-product-hero__title {
	max-width: none;
}

.ifx-product-hero__title-base,
.ifx-product-services__title-base,
.ifx-product-methodology__title-base,
.ifx-cta-banner__title-base,
.ifx-product-projects__title-base {
	color: #2c3858;
	display: inline;
}

.ifx-product-hero__title-highlight,
.ifx-product-services__title-highlight,
.ifx-product-methodology__title-highlight,
.ifx-product-projects__title-highlight {
	color: var(--ifx-product-accent);
	display: inline;
}

.ifx-cta-banner__title-highlight {
	color: #5b6cff;
	display: inline;
}

.ifx-product-hero__text,
.ifx-product-services__text,
.ifx-product-methodology__text,
.ifx-product-projects__text {
	margin-top: 18px;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
}

.ifx-product-hero__text p,
.ifx-product-services__text p,
.ifx-product-methodology__text p,
.ifx-product-projects__text p {
	margin: 0;
}

.ifx-product-hero__actions {
	margin-top: 28px;
	display: flex;
	justify-content: flex-start;
}

.ifx-product-hero__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.ifx-product-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border: 1px solid #e3e8f1;
	border-radius: 999px;
	background: #ffffff;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1.32px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-product-hero__badge-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--ifx-product-accent);
	flex: 0 0 8px;
}

.ifx-product-hero__visual {
	position: relative;
	width: 500px;
	height: 500px;
	min-height: 500px;
	align-self: start;
	flex-shrink: 0;
	border: 1px solid #e3e8f1;
	border-radius: 18px;
	overflow: hidden;
	background: linear-gradient(134.98deg, #eaf0ff 0%, #fde6e1 100%);
}

.ifx-product-hero__visual > .ifx-product-hero__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	max-width: none;
	object-fit: cover;
	object-position: center;
	z-index: 1;
}

.ifx-product-hero__visual-surface {
	position: absolute;
	inset: 0;
	background: linear-gradient(134.98deg, #eaf0ff 0%, #fde6e1 100%);
}

.ifx-product-hero__blob {
	position: absolute;
	border-radius: 50%;
	filter: blur(25px);
	opacity: 0.55;
}

.ifx-product-hero__blob--1 {
	width: 280px;
	height: 280px;
	top: -40px;
	left: -40px;
	background: var(--ifx-product-accent);
}

.ifx-product-hero__blob--2 {
	width: 300px;
	height: 300px;
	right: -50px;
	bottom: -50px;
	background: #f47c6c;
}

.ifx-product-hero__blob--3 {
	display: none;
}

.ifx-product-hero--agentic-ai .ifx-product-hero__blob--2 {
	background: #f1b24a;
}

.ifx-product-hero--shopify .ifx-product-hero__blob--2 {
	background: #5b6cff;
}

.ifx-product-services {
	--ifx-product-accent: #5b6cff;
	padding-top: 96px;
	padding-bottom: 96px;
	background: #ffffff !important;
}

.ifx-product-services .ifx-block__inner {
	width: min(calc(100vw - 64px), 1200px);
}

.ifx-product-services--agentic-ai {
	--ifx-product-accent: #f47c6c;
}

.ifx-product-services--shopify {
	--ifx-product-accent: #5fc7c1;
}

.ifx-product-services__intro,
.ifx-product-methodology__intro,
.ifx-product-projects__intro {
	max-width: 760px;
	margin: 0 auto 56px;
	text-align: center;
}

.ifx-product-services__title,
.ifx-product-methodology__title,
.ifx-product-projects__title {
	font-size: 33px;
	font-weight: 600;
	line-height: 40.8px;
	letter-spacing: -0.34px;
}

.ifx-product-services .ifx-product-services__grid {
	display: grid;
	width: 100%;
	max-width: 1128px;
	margin: 0 auto;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: 340px;
	justify-content: center;
	column-gap: 24px;
	row-gap: 24px;
}

.ifx-product-services .ifx-product-services__card {
	width: 100% !important;
	max-width: 360px;
	height: 340px !important;
	min-height: 340px !important;
	padding: 36px 30px;
	border: 1px solid #e3e8f1;
	border-radius: 14px;
	background: #f5f7fb !important;
	box-shadow: none;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 9.2px;
	transition: border-color 220ms ease, background-color 220ms ease, box-shadow 220ms ease;
	box-sizing: border-box;
	justify-self: stretch;
	position: relative;
}

.ifx-product-services__hover-blob {
	position: absolute;
	right: -40px;
	bottom: -40px;
	width: 120px;
	height: 120px;
	border-radius: 60px;
	opacity: 0;
	background: url("../icons/product-services-hover-blob.svg") center / cover no-repeat;
	transition: opacity 220ms ease;
	pointer-events: none;
}

.ifx-product-services__icon-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: #e3e8f1;
	flex-shrink: 0;
}

.ifx-product-services__icon {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.ifx-product-services__icon-placeholder {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--ifx-product-accent);
}

.ifx-product-services__card-title-wrap,
.ifx-product-services__card-text-wrap {
	width: 100%;
}

.ifx-product-services__card-title-wrap {
	padding-top: 13.8px;
	padding-bottom: 1px;
}

.ifx-product-services__card-title {
	margin: 0;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.18px;
}

.ifx-product-services__card-text {
	margin: 0;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 23.1px;
}

.ifx-product-services__card-action {
	width: 100%;
	margin-top: auto;
	padding-top: 8.8px;
	padding-bottom: 1px;
	opacity: 0;
	transition: opacity 220ms ease;
}

.ifx-product-services__card-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 2.2px;
	line-height: 1;
	text-transform: uppercase;
	color: #5b6cff;
}

.ifx-product-services__card-link::after {
	content: "";
	width: 12px;
	height: 9px;
	background: currentColor;
	-webkit-mask: url("../icons/solutions-link-arrow.svg") center / 12px 9px no-repeat;
	mask: url("../icons/solutions-link-arrow.svg") center / 12px 9px no-repeat;
}

.ifx-product-services__card--2 .ifx-product-services__card-link,
.ifx-product-services__card--5 .ifx-product-services__card-link {
	color: #5fc7c1;
}

.ifx-product-services__card--3 .ifx-product-services__card-link,
.ifx-product-services__card--6 .ifx-product-services__card-link {
	color: #f47c6c;
}

.ifx-product-services__card--4 .ifx-product-services__card-link {
	color: #f1b24a;
}

.ifx-product-services__text {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}

.ifx-product-services__text p {
	max-width: 469px;
	margin-left: auto;
	margin-right: auto;
}

.ifx-product-methodology {
	--ifx-product-accent: #5b6cff;
	--ifx-product-bg: rgba(245, 247, 251, 0.92);
	padding-top: 96px;
	padding-bottom: 96px;
	background: var(--ifx-product-bg);
}

.ifx-product-methodology--agentic-ai {
	--ifx-product-accent: #f47c6c;
}

.ifx-product-methodology--shopify {
	--ifx-product-accent: #5fc7c1;
}

.ifx-product-methodology__steps {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

.ifx-product-methodology__step {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
	gap: 80px;
}

.ifx-product-methodology__step--reverse .ifx-product-methodology__copy {
	order: 2;
}

.ifx-product-methodology__step--reverse .ifx-product-methodology__visual {
	order: 1;
}

.ifx-product-methodology__copy {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 0;
}

.ifx-product-methodology__step-ghost {
	width: 100%;
	opacity: 0.18;
}

.ifx-product-methodology__number {
	color: #5b6cff;
	font-family: "Poppins", sans-serif;
	font-size: 80px;
	font-weight: 600;
	line-height: 80px;
	letter-spacing: -3.2px;
}

.ifx-product-methodology__body {
	padding-top: 0;
	width: 100%;
}

.ifx-product-methodology__step-eyebrow {
	margin: 0;
	color: #5b6cff;
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 2.42px;
	text-transform: uppercase;
}

.ifx-product-methodology__step-title {
	margin: 0;
	padding-top: 11px;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 37.5px;
	letter-spacing: -0.3px;
}

.ifx-product-methodology__step-text {
	margin: 0;
	padding-top: 16px;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 15px;
	line-height: 25.5px;
}

.ifx-product-methodology__checklist {
	margin: 0;
	padding: 22px 0 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ifx-product-methodology__checklist li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none !important;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 14px;
	line-height: 1.2;
}

.ifx-product-methodology__checklist li::before,
.ifx-product-methodology__checklist li::marker {
	content: none !important;
	display: none !important;
}

.ifx-product-methodology__check-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 11px;
	height: 11px;
	margin-top: 4px;
	background: transparent;
	border-radius: 0;
	flex: 0 0 11px;
}

.ifx-product-methodology__check-icon img {
	display: block;
	width: 11px;
	height: 11px;
	max-width: none;
}

.ifx-product-methodology__check-text {
	display: block;
	padding-top: 0;
}

.ifx-product-methodology__visual {
	aspect-ratio: 528 / 422.39;
	border: 1px solid rgba(227, 232, 241, 0.82);
	border-radius: 14px;
	overflow: hidden;
	position: relative;
	background-clip: padding-box;
}

.ifx-product-methodology__image {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.ifx-product-methodology__placeholder {
	position: relative;
	height: 100%;
	min-height: 422px;
}

.ifx-product-methodology__shape {
	position: absolute;
	display: block;
}

.ifx-product-methodology__visual--1,
.ifx-product-methodology__visual--3 {
	background: linear-gradient(134.97deg, #eaf0ff 0%, #fde6e1 100%);
}

.ifx-product-methodology__visual--2 {
	background: linear-gradient(134.97deg, #fde6e1 0%, #fbeed5 100%);
}

.ifx-product-methodology__visual--1 .ifx-product-methodology__shape--1,
.ifx-product-methodology__visual--3 .ifx-product-methodology__shape--1 {
	left: 7.54%;
	top: 9.38%;
	width: 34.97%;
	height: 43.75%;
	border-radius: 50%;
	background: rgba(91, 108, 255, 0.18);
}

.ifx-product-methodology__visual--1 .ifx-product-methodology__shape--2 {
	right: 7.54%;
	bottom: 9.37%;
	width: 45%;
	height: 56.26%;
	border-radius: 50%;
	background: rgba(244, 124, 108, 0.18);
}

.ifx-product-methodology__visual--1 .ifx-product-methodology__shape--3 {
	left: 35.01%;
	top: 43.75%;
	width: 34.97%;
	height: 25%;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.7);
}

.ifx-product-methodology__visual--2 .ifx-product-methodology__shape--1 {
	left: 15.03%;
	top: 18.75%;
	width: 26.99%;
	height: 62.5%;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.7);
}

.ifx-product-methodology__visual--2 .ifx-product-methodology__shape--2 {
	right: 15.03%;
	bottom: 18.75%;
	width: 27.46%;
	height: 43.75%;
	border-radius: 12px;
	background: rgba(91, 108, 255, 0.34);
}

.ifx-product-methodology__visual--2 .ifx-product-methodology__shape--3 {
	right: 23.03%;
	top: 16.25%;
	width: 14%;
	height: 17.5%;
	border-radius: 50%;
	background: rgba(241, 178, 74, 0.7);
}

.ifx-product-methodology__visual--3 {
	background: linear-gradient(134.97deg, #e3e8f1 0%, #eaf0ff 100%);
}

.ifx-product-methodology__visual--3 .ifx-product-methodology__shape--1 {
	left: 12.54%;
	top: 18.75%;
	width: 24.97%;
	height: 25%;
	border-radius: 10px;
	background: rgba(91, 108, 255, 0.25);
}

.ifx-product-methodology__visual--3 .ifx-product-methodology__shape--2 {
	right: 7.54%;
	top: 15.62%;
	width: 25%;
	height: 31.25%;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.75);
}

.ifx-product-methodology__visual--3 .ifx-product-methodology__shape--3 {
	left: 0;
	right: 0;
	bottom: 0;
	height: 43.75%;
	background: rgba(95, 199, 193, 0.35);
	border-radius: 38% 62% 0 0 / 18% 18% 0 0;
}

.ifx-product-projects {
	--ifx-product-accent: #5b6cff;
	padding-top: 96px;
	padding-bottom: 96px;
	background: #ffffff;
}

.ifx-product-projects--agentic-ai {
	--ifx-product-accent: #f47c6c;
}

.ifx-product-projects--shopify {
	--ifx-product-accent: #5fc7c1;
}

.ifx-product-projects__rows {
	display: flex;
	flex-direction: column;
	gap: 64px;
}

.ifx-product-projects__row {
	display: grid;
	grid-template-columns: minmax(0, 632px) minmax(0, 1fr);
	align-items: start;
	column-gap: 44px;
	row-gap: 18px;
}

.ifx-product-projects__row--reverse {
	grid-template-columns: minmax(0, 1fr) minmax(0, 451.33px);
}

.ifx-product-projects__row--reverse .ifx-product-projects__copy {
	order: 1;
}

.ifx-product-projects__row--reverse .ifx-product-projects__visual {
	order: 2;
	justify-self: end;
}

.ifx-product-projects__visual {
	width: 100%;
	position: relative;
	display: block;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid #e3e8f1;
	background: #eef2f8;
	height: 442.25px;
	min-height: 0;
}

.ifx-product-projects__visual > .ifx-product-projects__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100% !important;
	display: block;
	max-width: none;
	object-fit: cover;
	object-position: center;
}

.ifx-product-projects__placeholder {
	position: relative;
	height: 100%;
}

.ifx-product-projects__shape {
	position: absolute;
	display: block;
}

.ifx-product-projects__copy {
	padding-top: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	width: 100%;
	align-self: start;
}

.ifx-product-projects__row--default .ifx-product-projects__copy {
	max-width: 460px;
}

.ifx-product-projects__meta {
	margin: 0;
	padding-bottom: 1px;
	color: #9aa3bb;
	font-family: "Poppins", sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2.64px;
	line-height: 1.2;
	text-transform: uppercase;
}

.ifx-product-projects__project-title {
	margin: 0;
	padding-top: 10px;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 35px;
}

.ifx-product-projects__project-text {
	margin: 0;
	padding-top: 14px;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 15px;
	line-height: 25.5px;
}

.ifx-product-projects__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 12px 0 0;
	list-style: none;
}

.ifx-product-projects__tags li {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border: 0;
	border-radius: 6px;
	background: #eef2f8;
	color: #6b7795;
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 1.6px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-product-projects__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 2.2px;
	line-height: 1;
	text-transform: uppercase;
	transition: color 180ms ease;
}

.ifx-product-projects__link::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 10px;
	flex: 0 0 14px;
	background: url("../icons/solutions-link-arrow.svg") center / 14px 10px no-repeat;
	transition: transform 180ms ease, filter 180ms ease;
}

.ifx-product-projects__visual--1 .ifx-product-projects__placeholder {
	background: linear-gradient(135deg, #eaf0ff 0%, #fde6e1 100%);
}

.ifx-product-projects__visual--1 .ifx-product-projects__shape--1 {
	left: 56%;
	top: 5.65%;
	width: 40%;
	height: 57.2%;
	border-radius: 50%;
	background: rgba(91, 108, 255, 0.3);
}

.ifx-product-projects__visual--1 .ifx-product-projects__shape--2 {
	left: 6%;
	top: 54.29%;
	width: 36%;
	height: 51.5%;
	border-radius: 50%;
	background: rgba(244, 124, 108, 0.25);
}

.ifx-product-projects__visual--1 .ifx-product-projects__shape--3 {
	left: 32%;
	top: 28.54%;
	width: 44%;
	height: 42.9%;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.75);
}

.ifx-product-projects__row--2 .ifx-product-projects__visual,
.ifx-product-projects__visual--2 {
	height: 315.33px;
}

.ifx-product-projects__visual--2 .ifx-product-projects__placeholder {
	background: linear-gradient(135deg, #fbeed5 0%, #dde6ff 100%);
}

.ifx-product-projects__visual--2 .ifx-product-projects__shape--1 {
	left: 19.9%;
	top: 17.08%;
	width: 23.9%;
	height: 65.83%;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.75);
}

.ifx-product-projects__visual--2 .ifx-product-projects__shape--2 {
	left: 38.88%;
	top: 34.26%;
	width: 15.72%;
	height: 31.49%;
	border-radius: 50%;
	background: rgba(241, 178, 74, 0.5);
}

.ifx-product-projects__visual--2 .ifx-product-projects__shape--3 {
	left: 50.54%;
	top: 29.88%;
	width: 22.76%;
	height: 40.49%;
	border-radius: 14px;
	background: rgba(91, 108, 255, 0.26);
}

.ifx-product-projects__visual--3 .ifx-product-projects__placeholder {
	background: #fde6e1;
}

.ifx-product-projects__visual--3 .ifx-product-projects__shape--1 {
	left: 12%;
	top: 17.09%;
	width: 34%;
	height: 48.63%;
	border-radius: 50%;
	background: rgba(91, 108, 255, 0.55);
}

.ifx-product-projects__visual--3 .ifx-product-projects__shape--2 {
	left: 54%;
	top: 28.54%;
	width: 34%;
	height: 48.63%;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.75);
}

.ifx-product-projects__visual--3 .ifx-product-projects__shape--3 {
	left: 77.98%;
	top: 5.65%;
	width: 16%;
	height: 22.89%;
	border-radius: 50%;
	background: rgba(241, 178, 74, 0.4);
}

.ifx-product-projects__intro {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}

.ifx-product-projects__title {
	max-width: 860px;
	width: 100%;
	margin: 0;
	padding-top: 1px;
	text-align: center;
	font-family: "Poppins", sans-serif;
	font-size: 34px;
	font-weight: 600;
	line-height: 40.8px;
	letter-spacing: 0;
	text-wrap: balance;
}

.ifx-product-projects__title-base,
.ifx-product-projects__title-highlight {
	display: inline;
}

.ifx-product-projects__text {
	width: 560px;
	max-width: 560px;
	margin-top: 0;
	text-align: center;
	font-family: "Mulish", sans-serif;
	font-size: 15.5px;
	font-weight: 400;
	line-height: 26.35px;
	letter-spacing: 0;
	text-wrap: normal;
}

.ifx-product-projects__text p {
	width: 556px;
	max-width: 556px;
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	line-height: 26.35px;
	text-wrap: normal;
}

.ifx-product-projects__row--2 {
	align-items: start;
}

.ifx-product-projects__row--2 .ifx-product-projects__visual {
	height: 315.33px;
}

.ifx-logo-grid__card:nth-child(2),
.ifx-solutions-grid__card:nth-child(2),
.ifx-industries-grid__card:nth-child(2),
.ifx-showcase-grid__card:nth-child(2),
.ifx-blog-feed__card:nth-child(2) {
	animation-delay: 80ms;
}

.ifx-logo-grid__card:nth-child(3),
.ifx-solutions-grid__card:nth-child(3),
.ifx-industries-grid__card:nth-child(3),
.ifx-showcase-grid__card:nth-child(3),
.ifx-blog-feed__card:nth-child(3) {
	animation-delay: 140ms;
}

.ifx-logo-grid__card:nth-child(4),
.ifx-industries-grid__card:nth-child(4),
.ifx-showcase-grid__card:nth-child(4) {
	animation-delay: 200ms;
}

@media (hover: hover) and (pointer: fine) {
	.ifx-solutions-grid__card:hover,
	.ifx-logo-grid__card:hover,
	.ifx-showcase-grid__card:hover,
	.ifx-blog-feed__card:hover {
		transform: translateY(-3px);
	}

	.ifx-logo-grid__card:hover,
	.ifx-industries-grid__card:hover {
		border-color: #d7e0f0;
		box-shadow: 0 18px 36px -26px rgba(40, 55, 110, 0.18);
	}

	.ifx-logo-grid__card:hover::before,
	.ifx-logo-grid__card:focus-visible::before {
		opacity: 1;
		transform: scaleX(1);
	}

	.ifx-industries-grid__card:hover::before,
	.ifx-industries-grid__card:focus-visible::before {
		opacity: 1;
		transform: scaleX(1);
	}

	.ifx-solutions-grid__card:hover,
	.ifx-showcase-grid__card:hover,
	.ifx-blog-feed__card:hover,
	.ifx-product-services__card:hover {
		border-color: transparent;
		box-shadow: 0 18px 40px -22px rgba(40, 55, 110, 0.18);
	}

	.ifx-product-services__card:hover .ifx-product-services__hover-blob,
	.ifx-product-services__card:focus-within .ifx-product-services__hover-blob,
	.ifx-product-services__card:hover .ifx-product-services__card-action,
	.ifx-product-services__card:focus-within .ifx-product-services__card-action {
		opacity: 1;
	}

	.ifx-portfolio-grid__filter:not(.is-active):hover,
	.ifx-portfolio-grid__filter:not(.is-active):focus-visible {
		color: #5b6cff;
	}

	.ifx-portfolio-grid__card:hover,
	.ifx-portfolio-grid__card:focus-within {
		border-color: rgba(227, 232, 241, 0);
		box-shadow: 0 24px 60px -20px rgba(40, 55, 110, 0.16);
		transform: translate3d(0, -2px, 0);
	}

	.ifx-solutions-grid__link:hover::after,
	.ifx-blog-feed__link:hover::after,
	.ifx-product-projects__link:hover::after,
	.ifx-portfolio-grid__link:hover::after {
		transform: translateX(3px);
	}

	.ifx-solutions-grid__link:hover::after,
	.ifx-solutions-grid__link:focus-visible::after {
		filter: brightness(0) saturate(100%) invert(69%) sepia(58%) saturate(1844%) hue-rotate(316deg) brightness(97%) contrast(98%);
	}

	.ifx-blog-feed__link:hover::after,
	.ifx-blog-feed__link:focus-visible::after {
		filter: brightness(0) saturate(100%) invert(69%) sepia(58%) saturate(1844%) hue-rotate(316deg) brightness(97%) contrast(98%);
	}

	.ifx-product-projects__link:hover,
	.ifx-product-projects__link:focus-visible,
	.ifx-portfolio-grid__link:hover,
	.ifx-portfolio-grid__link:focus-visible {
		color: #f47c6c;
	}

	.ifx-product-projects__link:hover::after,
	.ifx-product-projects__link:focus-visible::after,
	.ifx-portfolio-grid__link:hover::after,
	.ifx-portfolio-grid__link:focus-visible::after {
		filter: brightness(0) saturate(100%) invert(69%) sepia(58%) saturate(1844%) hue-rotate(316deg) brightness(97%) contrast(98%);
	}

	.ifx-showcase-grid__card:hover .ifx-showcase-grid__image,
	.ifx-blog-feed__card:hover .ifx-blog-feed__thumb img {
		transform: scale(1.035);
	}
}

.ifx-button:focus-visible,
.ifx-solutions-grid__link:focus-visible,
.ifx-blog-feed__link:focus-visible,
.ifx-product-projects__link:focus-visible,
.ifx-portfolio-grid__link:focus-visible,
.ifx-showcase-grid__card:focus-visible,
.ifx-blog-feed__card:focus-visible {
	outline: 2px solid #5b6cff;
	outline-offset: 3px;
}

@keyframes ifx-fade-up {
	from {
		opacity: 0;
		transform: translate3d(0, 18px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes ifx-portfolio-grid-card-in {
	from {
		opacity: 0;
		transform: translate3d(0, 22px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@media (max-width: 1240px) {
	.ifx-product-services .ifx-product-services__grid {
		grid-template-columns: repeat(2, minmax(320px, 360px));
		grid-auto-rows: 340px;
		max-width: 744px;
	}

	.ifx-product-services .ifx-block__inner {
		width: min(calc(100vw - 48px), 1200px);
	}

	.ifx-product-methodology__step,
	.ifx-product-methodology__step--reverse,
	.ifx-product-projects__row,
	.ifx-product-projects__row--reverse {
		grid-template-columns: 1fr;
	}

	.ifx-product-methodology__step--reverse .ifx-product-methodology__copy,
	.ifx-product-projects__row--reverse .ifx-product-projects__copy {
		order: 2;
	}

	.ifx-product-methodology__step--reverse .ifx-product-methodology__visual,
	.ifx-product-projects__row--reverse .ifx-product-projects__visual {
		order: 1;
	}

	.ifx-solutions-grid__cards {
		grid-template-columns: repeat(2, minmax(0, 430px));
	}

	.ifx-portfolio-grid__masonry {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ifx-blog-feed__grid {
		grid-template-columns: repeat(2, minmax(0, 360px));
		justify-content: center;
	}

	.ifx-industries-grid__inner {
		grid-template-columns: 1fr;
	}

	.ifx-industries-grid__content {
		padding-top: 0;
		padding-left: 0;
	}
}

@media (max-width: 1024px) {
	.ifx-product-hero__grid {
		grid-template-columns: 1fr;
	}

	.ifx-product-hero__copy {
		max-width: none;
	}

	.ifx-product-hero__visual {
		max-width: 520px;
		width: 100%;
		height: auto;
		margin: 0 auto;
		min-height: 320px;
	}

	.ifx-logo-grid__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ifx-showcase-grid__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas: none;
	}

	.ifx-showcase-hero__title {
		width: 100%;
		max-width: 900px;
		font-size: 48px;
		line-height: 52.8px;
	}

	.ifx-showcase-hero__text {
		width: 100%;
		max-width: 680px;
	}

	.ifx-showcase-hero__text p {
		width: 100%;
		max-width: 670px;
	}

	.ifx-showcase-grid__card--1,
	.ifx-showcase-grid__card--4 {
		grid-row: auto;
	}
}

@media (max-width: 767px) {
	.ifx-product-hero {
		margin-top: calc(-1 * (var(--ifx-header-height) + var(--ifx-admin-bar-height)));
		padding-top: calc(72px + var(--ifx-header-height) + var(--ifx-admin-bar-height));
		padding-bottom: 72px;
	}

	.ifx-block {
		padding: 72px 0;
	}

	.ifx-block .ifx-block__inner {
		width: min(calc(100vw - 32px), 1200px);
	}

	.ifx-home-hero {
		padding-top: 64px;
		padding-bottom: 80px;
	}

	.ifx-home-hero__title,
	.ifx-split-intro__title,
	.ifx-solutions-grid__title,
	.ifx-industries-grid__title,
	.ifx-showcase-grid__title,
	.ifx-showcase-hero__title,
	.ifx-blog-feed__title,
	.ifx-cta-banner__title,
	.ifx-product-hero__title,
	.ifx-product-services__title,
	.ifx-product-methodology__title,
	.ifx-product-projects__title {
		font-size: clamp(2rem, 9vw, 2.8rem);
	}

	.ifx-product-hero__title {
		line-height: 1.08;
	}

	.ifx-product-hero__grid,
	.ifx-product-services__grid,
	.ifx-product-methodology__step,
	.ifx-product-projects__row {
		grid-template-columns: 1fr;
	}

	.ifx-product-hero__visual {
		min-height: 320px;
		height: auto;
	}

	.ifx-product-hero__image {
		min-height: 320px;
	}

	.ifx-product-services .ifx-product-services__grid {
		gap: 16px;
		max-width: 100%;
	}

	.ifx-product-services .ifx-block__inner {
		width: min(calc(100vw - 32px), 1200px);
	}

	.ifx-product-services__card {
		width: 100%;
		min-height: 0;
		height: auto;
		padding: 30px 24px;
	}

	.ifx-product-services__icon-chip {
		width: 48px;
		height: 48px;
	}

	.ifx-product-services__icon {
		width: 22px;
		height: 22px;
	}

	.ifx-product-methodology__copy {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.ifx-product-methodology__body {
		padding-top: 0;
	}

	.ifx-product-methodology__number {
		font-size: 48px;
	}

	.ifx-product-methodology__visual,
	.ifx-product-projects__visual {
		min-height: 240px;
	}

	.ifx-home-hero__content {
		padding-top: 0;
	}

	.ifx-home-hero__actions {
		flex-direction: column;
		align-items: flex-start;
	}

	.ifx-button {
		width: 100%;
	}

	.ifx-home-hero__actions .ifx-button {
		width: auto;
		max-width: 100%;
	}

	.ifx-split-intro__inner {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.ifx-split-intro__inner::before {
		display: none;
	}

	.ifx-split-intro__heading,
	.ifx-split-intro__body {
		padding: 0;
	}

	.ifx-split-intro__title {
		font-size: clamp(2rem, 7vw, 2.5rem);
		line-height: 1.2;
	}

	.ifx-split-intro__text {
		font-size: 18px;
		line-height: 1.7;
	}

	.ifx-logo-grid__grid,
	.ifx-showcase-grid__cards,
	.ifx-blog-feed__grid {
		grid-template-columns: 1fr;
	}

	.ifx-showcase-hero {
		margin-top: calc(-1 * (var(--ifx-header-height) + var(--ifx-admin-bar-height)));
		padding-top: 56px;
		padding-top: calc(56px + var(--ifx-header-height) + var(--ifx-admin-bar-height));
		padding-bottom: 72px;
	}

	.ifx-showcase-hero__panel {
		gap: 16px;
	}

	.ifx-showcase-hero__title {
		max-width: 100%;
		letter-spacing: -0.6px;
	}

	.ifx-showcase-hero__text,
	.ifx-showcase-hero__text p {
		max-width: 100%;
		width: 100%;
	}

	.ifx-showcase-hero__stats {
		flex-wrap: wrap;
		gap: 24px 20px;
	}

	.ifx-showcase-hero__stat {
		width: calc(50% - 10px);
	}

	.ifx-portfolio-grid {
		padding-bottom: 72px;
	}

	.ifx-portfolio-grid__filters {
		width: 100%;
		justify-content: center;
		padding-left: 0;
		transform: none;
		margin-bottom: 24px;
	}

	.ifx-portfolio-grid__masonry {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.ifx-portfolio-grid__column {
		gap: 16px;
	}

	.ifx-portfolio-grid__media--tall,
	.ifx-portfolio-grid__media--medium,
	.ifx-portfolio-grid__media--short {
		height: auto;
		aspect-ratio: 16 / 10;
	}

	.ifx-portfolio-grid__body {
		padding: 20px 18px 20px;
	}

	.ifx-portfolio-grid__card-title {
		font-size: 17px;
		line-height: 22.5px;
	}

	.ifx-portfolio-grid__card-text {
		font-size: 13px;
		line-height: 21px;
	}

	.ifx-solutions-grid__cards {
		grid-template-columns: 1fr;
	}

	.ifx-product-services__grid {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
	}

	.ifx-industries-grid__cards {
		display: grid;
		grid-template-columns: 1fr;
	}

	.ifx-industries-grid__card {
		width: 100%;
	}

	.ifx-solutions-grid__card {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.ifx-solutions-grid .ifx-block__inner {
		width: min(calc(100vw - 32px), 1326px);
	}

	.ifx-showcase-grid__head {
		margin-bottom: 28px;
	}

	.ifx-video-reel .ifx-block__inner {
		width: min(calc(100vw - 32px), 1200px);
	}

	.ifx-showcase-grid__surface {
		width: min(calc(100vw - 32px), 1296px);
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 72px;
		padding-bottom: 72px;
		overflow: hidden;
	}

	.ifx-showcase-grid .ifx-block__inner {
		width: 100%;
	}

	.ifx-showcase-grid__head-copy,
	.ifx-showcase-grid__title {
		width: 100%;
		max-width: 100%;
		padding-right: 0;
	}

	.ifx-showcase-grid__cards {
		grid-template-columns: 1fr;
		gap: 16px;
		width: 100%;
		justify-items: stretch;
	}

	.ifx-showcase-grid__card,
	.ifx-showcase-grid__card--1,
	.ifx-showcase-grid__card--2,
	.ifx-showcase-grid__card--3,
	.ifx-showcase-grid__card--4,
	.ifx-showcase-grid__card--5,
	.ifx-showcase-grid__card--6,
	.ifx-showcase-grid__card--7 {
		grid-area: auto;
		grid-row: auto;
		width: 100%;
		max-width: 100%;
	}

	.ifx-showcase-grid__image,
	.ifx-showcase-grid__image--placeholder,
	.ifx-showcase-grid__card--1 .ifx-showcase-grid__image,
	.ifx-showcase-grid__card--1 .ifx-showcase-grid__image--placeholder,
	.ifx-showcase-grid__card--4 .ifx-showcase-grid__image,
	.ifx-showcase-grid__card--4 .ifx-showcase-grid__image--placeholder {
		aspect-ratio: 16 / 10;
	}

	.ifx-showcase-grid__chip,
	.ifx-showcase-grid__overlay {
		opacity: 1;
		transform: none;
	}

	.ifx-showcase-grid__actions {
		justify-content: center;
		padding-top: 28px;
	}

	.ifx-showcase-grid__actions .ifx-button {
		width: auto;
		max-width: 100%;
	}

	.ifx-product-projects {
		padding-bottom: 16px;
	}

	.ifx-product-projects__tags {
		gap: 6px;
	}

	.ifx-product-projects__tags li {
		font-size: 9px;
		letter-spacing: 1.3px;
	}
}

.ifx-portfolio-single {
	background: #ffffff;
	color: #2c3858;
	box-sizing: border-box;
	overflow-x: clip;
}

.ifx-portfolio-single-page .ifx-canvas-main {
	padding-top: 0;
}

.ifx-portfolio-single *,
.ifx-portfolio-single *::before,
.ifx-portfolio-single *::after {
	box-sizing: border-box;
}

.ifx-portfolio-single .ifx-block__inner {
	width: min(1200px, 100vw);
	margin: 0 auto;
	padding-left: 32px;
	padding-right: 32px;
}

.ifx-portfolio-single__hero {
	padding-top: calc(var(--ifx-header-height) + var(--ifx-admin-bar-height));
	padding-bottom: 60px;
	background: rgba(245, 247, 251, 0.92);
}

.ifx-portfolio-single__breadcrumb {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 56px;
	padding-top: 24px;
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 2.2px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-portfolio-single__breadcrumb-link {
	color: #9aa3bb;
	padding-bottom: 1px;
}

.ifx-portfolio-single__breadcrumb-sep {
	opacity: 0.5;
	color: #9aa3bb;
	padding-bottom: 1px;
}

.ifx-portfolio-single__breadcrumb-current {
	color: #2c3858;
	padding-bottom: 1px;
}

.ifx-portfolio-single__hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 523px) minmax(0, 549px);
	justify-content: space-between;
	align-items: start;
	gap: 64px;
	min-height: 615px;
}

.ifx-portfolio-single__hero-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
	gap: 10px;
	padding-top: 96px;
}

.ifx-portfolio-single__eyebrow {
	margin: 0;
	color: #5b6cff;
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2.42px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-portfolio-single__section-eyebrow {
	margin: 0;
	color: #f47c6c;
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2.42px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-portfolio-single__title {
	margin: 18px 0 0;
	font-family: "Poppins", sans-serif;
	font-size: 46px;
	font-weight: 600;
	line-height: 51.52px;
	letter-spacing: 0;
}

.ifx-portfolio-single__title-base,
.ifx-portfolio-single__title-highlight {
	display: inline;
}

.ifx-portfolio-single__title-base {
	color: #2c3858;
}

.ifx-portfolio-single__title-highlight {
	color: #5b6cff;
}

.ifx-portfolio-single__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
}

.ifx-portfolio-single__chips li {
	padding: 5px 10px;
	border-radius: 6px;
	background: #eef2f8;
	color: #6b7795;
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 1.6px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-portfolio-single__lead {
	margin: 11.38px 0 0;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 27.2px;
}

.ifx-portfolio-single__hero-media {
	position: relative;
	width: 100%;
	height: 615px;
	min-height: 615px;
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid #e3e8f1;
	background: #eef2f8;
	box-shadow: none;
}

.ifx-portfolio-single__hero-image,
.ifx-portfolio-single__hero-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ifx-portfolio-single__hero-media > img.ifx-portfolio-single__hero-image {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover;
	object-position: center;
}

.ifx-portfolio-single__hero-placeholder {
	background: linear-gradient(134.97deg, #eaf0ff 0%, #fde6e1 100%);
}

.ifx-portfolio-single__facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: start;
	column-gap: 40px;
	row-gap: 20px;
	margin-top: 24px;
	padding: 30px 36px;
	border-radius: 14px;
	border: 1px solid #e3e8f1;
	background: #ffffff;
	box-shadow: 0 6px 18px -10px rgba(40, 55, 110, 0.18);
}

.ifx-portfolio-single__fact {
	min-height: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.ifx-portfolio-single__fact-label {
	margin: 0 0 6px;
	color: #9aa3bb;
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 2.2px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-portfolio-single__fact-value {
	margin: 0;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.25;
}

.ifx-portfolio-single__story,
.ifx-portfolio-single__media,
.ifx-portfolio-single__related {
	padding-top: 96px;
	padding-bottom: 96px;
}

.ifx-portfolio-single__media {
	background: #ffffff;
}

.ifx-portfolio-single__section-head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	margin: 0 auto 48px;
	max-width: 840px;
	text-align: center;
}

.ifx-portfolio-single__section-title {
	margin: 0;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 34px;
	font-weight: 600;
	line-height: 40.8px;
}

.ifx-portfolio-single__story-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 40px;
}

.ifx-portfolio-single__story--structured .ifx-block__inner {
	display: flex;
	flex-direction: column;
	gap: 53.99px;
}

.ifx-portfolio-single__story--structured .ifx-portfolio-single__section-head {
	gap: 15px;
	margin: 0 auto;
	max-width: 100%;
}

.ifx-portfolio-single__story--structured .ifx-portfolio-single__section-title {
	max-width: 720px;
}

.ifx-portfolio-single__story--structured .ifx-portfolio-single__story-grid {
	grid-template-columns: repeat(2, minmax(0, 560px));
	justify-content: space-between;
	align-items: start;
	gap: 16px;
}

.ifx-portfolio-single__story-column {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.ifx-portfolio-single__story--structured .ifx-portfolio-single__story-column {
	padding: 32px 32px 30px;
	border: 1px solid #e3e8f1;
	border-radius: 14px;
	background: #f5f7fb;
	gap: 0;
}

.ifx-portfolio-single__story-column p {
	margin: 0;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 27.2px;
}

.ifx-portfolio-single__story--structured .ifx-portfolio-single__story-column p:not(.ifx-portfolio-single__card-label) {
	font-size: 14.5px;
	line-height: 24.65px;
}

.ifx-portfolio-single__story--structured .ifx-portfolio-single__card-label {
	margin: 0 0 6.8px;
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2.42px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-portfolio-single__story--structured .ifx-portfolio-single__card-label--challenge {
	color: #f47c6c;
}

.ifx-portfolio-single__story--structured .ifx-portfolio-single__card-label--approach {
	color: #5b6cff;
}

.ifx-portfolio-single__column-title {
	margin: 0 0 14px;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 28.6px;
}

.ifx-portfolio-single__story--structured .ifx-portfolio-single__column-title {
	margin-bottom: 6.8px;
}

.ifx-portfolio-single__bullet-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 10px 0 0;
	list-style: none;
	color: #2c3858;
	font-family: "Mulish", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 23.1px;
}

.ifx-portfolio-single__story--structured .ifx-portfolio-single__bullet-list {
	padding-top: 10.2px;
	gap: 9px;
}

.ifx-portfolio-single__bullet-list li {
	position: relative;
	padding-left: 22px;
}

.ifx-portfolio-single__bullet-list li::before {
	content: "";
	position: absolute;
	top: 8px;
	left: 3px;
	width: 8px;
	height: 8px;
	border-radius: 2px;
	transform: rotate(45deg);
	background: #f47c6c;
}

.ifx-portfolio-single__story-column:last-child .ifx-portfolio-single__bullet-list li::before {
	background: #5b6cff;
}

.ifx-portfolio-single__built,
.ifx-portfolio-single__outcomes {
	padding-top: 72px;
	padding-bottom: 96px;
}

.ifx-portfolio-single__built {
	background: rgba(245, 247, 251, 0.92);
}

.ifx-portfolio-single__built-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 560px));
	justify-content: space-between;
	align-items: start;
	gap: 56px;
}

.ifx-portfolio-single__built .ifx-block__inner {
	display: flex;
	flex-direction: column;
	gap: 55.99px;
}

.ifx-portfolio-single__built .ifx-portfolio-single__section-head {
	gap: 15px;
	margin: 0 auto;
	max-width: 100%;
}

.ifx-portfolio-single__built .ifx-portfolio-single__section-title {
	max-width: 980px;
}

.ifx-portfolio-single__built-media {
	position: relative;
	margin-top: 56px;
	border: 1px solid #e3e8f1;
	border-radius: 14px;
	overflow: hidden;
	background: linear-gradient(141deg, #eaf0ff 0%, #fde6e1 100%);
	min-height: 452px;
}

.ifx-portfolio-single__built-image,
.ifx-portfolio-single__built-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 452px;
	object-fit: cover;
}

.ifx-portfolio-single__built-placeholder {
	position: relative;
	background: linear-gradient(141deg, #eaf0ff 0%, #fde6e1 100%);
}

.ifx-portfolio-single__built-placeholder::before,
.ifx-portfolio-single__built-placeholder::after {
	content: "";
	position: absolute;
	left: 10%;
	right: 10%;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.78);
}

.ifx-portfolio-single__built-placeholder::before {
	top: 13%;
	height: 24%;
}

.ifx-portfolio-single__built-placeholder::after {
	bottom: 13%;
	height: 19%;
}

.ifx-portfolio-single__built-media--placeholder::before,
.ifx-portfolio-single__built-media--placeholder::after {
	content: "";
	position: absolute;
	z-index: 1;
}

.ifx-portfolio-single__built-media--placeholder::before {
	right: 16%;
	top: 40%;
	width: 20%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: rgba(244, 124, 108, 0.34);
}

.ifx-portfolio-single__built-media--placeholder::after {
	left: 10%;
	top: 44%;
	width: 34%;
	height: 16%;
	border-radius: 12px;
	background: rgba(91, 108, 255, 0.22);
}

.ifx-portfolio-single__built-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 11px;
	max-width: 528px;
}

.ifx-portfolio-single__copy-kicker {
	margin: 0;
	color: #5b6cff;
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2.42px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-portfolio-single__copy-text,
.ifx-portfolio-single__section-copy {
	margin: 0;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 25.5px;
}

.ifx-portfolio-single__built-copy .ifx-portfolio-single__column-title {
	margin-bottom: 0;
	font-size: 24px;
	line-height: 31.2px;
}

.ifx-portfolio-single__built-copy .ifx-portfolio-single__copy-text {
	padding-top: 3px;
}

.ifx-portfolio-single__feature-list {
	display: grid;
	gap: 8px;
	width: 100%;
	margin-top: 8px;
}

.ifx-portfolio-single__feature-item {
	display: flex;
	align-items: start;
	gap: 16px;
	padding: 18px 20px;
	border: 1px solid #e3e8f1;
	border-radius: 12px;
	background: #ffffff;
	min-height: 115px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.ifx-portfolio-single__feature-icon {
	flex: 0 0 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 10px;
	background: #eef0ff;
}

.ifx-portfolio-single__feature-icon img {
	display: block;
	width: 18px;
	height: 18px;
}

.ifx-portfolio-single__feature-item:nth-child(2) .ifx-portfolio-single__feature-icon {
	background: #fde6e1;
}

.ifx-portfolio-single__feature-item:nth-child(3) .ifx-portfolio-single__feature-icon {
	background: #dff5f3;
}

.ifx-portfolio-single__feature-copy {
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 3.3px;
}

.ifx-portfolio-single__feature-item h4 {
	margin: 0;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.4;
}

.ifx-portfolio-single__feature-item p {
	margin: 0;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 13.5px;
	font-weight: 400;
	line-height: 21.6px;
}

.ifx-portfolio-single__media {
	background: #ffffff;
}

.ifx-portfolio-single__media-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 24px;
	align-items: start;
}

.ifx-portfolio-single__media-composition {
	display: flex;
	flex-direction: column;
	gap: 18px;
	width: 100%;
}

.ifx-portfolio-single__media-top {
	display: grid;
	grid-template-columns: minmax(0, 1.92fr) minmax(280px, 0.88fr);
	gap: 24px;
	align-items: start;
	width: 100%;
}

.ifx-portfolio-single__media-top > .ifx-portfolio-single__media-item,
.ifx-portfolio-single__media-side > .ifx-portfolio-single__media-item,
.ifx-portfolio-single__media-bottom > .ifx-portfolio-single__media-item {
	grid-column: auto;
}

.ifx-portfolio-single__media-side {
	display: grid;
	gap: 18px;
	align-content: start;
	width: 100%;
}

.ifx-portfolio-single__media-side--count-1 {
	grid-template-rows: 1fr;
}

.ifx-portfolio-single__media-side--count-2 {
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

.ifx-portfolio-single__media-bottom {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	width: 100%;
}

.ifx-portfolio-single__media-bottom--count-1 {
	grid-template-columns: minmax(0, 1fr);
}

.ifx-portfolio-single__media-bottom--count-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ifx-portfolio-single__media-item {
	grid-column: span 4;
	display: block;
	width: 100%;
	max-width: none;
	align-self: start;
	margin: 0;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid #e3e8f1;
	background: #ffffff;
	box-shadow: 0 18px 40px -22px rgba(40, 55, 110, 0.18);
}

.ifx-portfolio-single__media-item--featured {
	grid-column: span 8;
}

.ifx-portfolio-single__media-frame {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9.25;
	overflow: hidden;
	background: #ffffff;
}

.ifx-portfolio-single__media-frame--featured {
	aspect-ratio: 16 / 8.9;
}

.ifx-portfolio-single__media-side--count-1 .ifx-portfolio-single__media-frame--side {
	height: 100%;
	min-height: 320px;
	aspect-ratio: auto;
}

.ifx-portfolio-single__media-side--count-2 .ifx-portfolio-single__media-frame--side {
	aspect-ratio: 16 / 9;
}

.ifx-portfolio-single__media-frame--bottom {
	aspect-ratio: 16 / 8.95;
}

.ifx-portfolio-single__media-image,
.ifx-portfolio-single__media-video,
.ifx-portfolio-single__media-placeholder {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	background: #ffffff;
}

.ifx-portfolio-single__media-embed {
	position: absolute;
	inset: 0;
	background: #ffffff;
}

.ifx-portfolio-single__media-embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.ifx-portfolio-single__media-grid--count-1 .ifx-portfolio-single__media-item {
	grid-column: 1 / -1;
}

.ifx-portfolio-single__media-grid--count-1 .ifx-portfolio-single__media-frame {
	aspect-ratio: 16 / 8.9;
}

.ifx-portfolio-single__media-grid--count-2 .ifx-portfolio-single__media-item {
	grid-column: span 6;
}

.ifx-portfolio-single__media-grid--count-2 .ifx-portfolio-single__media-frame {
	aspect-ratio: 16 / 8.95;
}

.ifx-portfolio-single__related {
	padding-top: 104px;
	background: #f5f7fb;
}

.ifx-portfolio-single__section-title-base,
.ifx-portfolio-single__section-title-highlight {
	display: inline;
}

.ifx-portfolio-single__section-title-base {
	color: #2c3858;
}

.ifx-portfolio-single__section-title-highlight {
	color: #5b6cff;
}

.ifx-portfolio-single__outcome-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.ifx-portfolio-single__outcomes .ifx-block__inner {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

.ifx-portfolio-single__outcomes .ifx-portfolio-single__section-head {
	gap: 14px;
	margin: 0 auto;
	max-width: 100%;
}

.ifx-portfolio-single__outcomes .ifx-portfolio-single__section-title {
	max-width: 820px;
	padding-top: 1px;
}

.ifx-portfolio-single__outcomes .ifx-portfolio-single__section-copy {
	max-width: 560px;
	text-align: center;
	font-size: 15.5px;
	line-height: 26.35px;
}

.ifx-portfolio-single__outcome-card {
	position: relative;
	min-height: 216px;
	padding: 32px 28px;
	border: 1px solid #e3e8f1;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 6px 18px -10px rgba(40, 55, 110, 0.18);
	overflow: hidden;
}

.ifx-portfolio-single__outcome-card::after {
	content: "";
	position: absolute;
	right: -6px;
	bottom: -18px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #eef0ff;
	opacity: 0.7;
	z-index: 0;
}

.ifx-portfolio-single__outcome-value,
.ifx-portfolio-single__outcome-label,
.ifx-portfolio-single__outcome-text {
	margin: 0;
	position: relative;
	z-index: 1;
}

.ifx-portfolio-single__outcome-value {
	color: #5b6cff;
	font-family: "Poppins", sans-serif;
	font-size: 42px;
	font-weight: 600;
	line-height: 42px;
}

.ifx-portfolio-single__outcome-label {
	margin-top: 4.7px;
	color: #9aa3bb;
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1.98px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-portfolio-single__outcome-text {
	margin-top: 14px;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 13.5px;
	font-weight: 400;
	line-height: 22.28px;
}

.ifx-portfolio-single__outcome-card:nth-child(2)::after {
	background: #fde6e1;
}

.ifx-portfolio-single__outcome-card:nth-child(3)::after {
	background: #dff5f3;
}

.ifx-portfolio-single__outcome-card:nth-child(2) .ifx-portfolio-single__outcome-value {
	color: #f47c6c;
}

.ifx-portfolio-single__outcome-card:nth-child(3) .ifx-portfolio-single__outcome-value {
	color: #5fc7c1;
}

.ifx-portfolio-single__quote {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 58px 56px 48px;
	border: 1px solid #e3e8f1;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 6px 18px -10px rgba(40, 55, 110, 0.18);
	text-align: center;
	position: relative;
	display: block;
	quotes: none;
}

.ifx-portfolio-single__quote::before,
.ifx-portfolio-single__quote::after {
	content: none !important;
	display: none !important;
}

.ifx-portfolio-single__quote > * {
	float: none;
	width: auto;
	display: block;
}

.ifx-portfolio-single__quote-text {
	position: relative;
	width: min(890px, 100%);
	margin: 0 auto;
	padding-left: 34px;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 22px;
	font-weight: 500;
	line-height: 31.9px;
	text-align: left;
}

.ifx-portfolio-single__quote-content {
	display: inline;
}

.ifx-portfolio-single__quote-mark {
	display: inline;
	color: #f47c6c;
	font-family: "Poppins", sans-serif;
	font-size: 60px;
	font-weight: 600;
	line-height: 0;
	vertical-align: baseline;
}

.ifx-portfolio-single__quote-mark--open {
	position: absolute;
	left: 0;
	top: 6px;
	margin: 0;
	transform: none;
}

.ifx-portfolio-single__quote-mark--close {
	position: relative;
	margin-left: 2px;
	top: 0.22em;
	transform: none;
}

.ifx-portfolio-single__quote-meta {
	display: block;
	width: min(856px, calc(100% - 34px));
	max-width: 856px;
	margin: 14px auto 0;
	padding-left: 17px;
	color: #9aa3bb;
	font-family: "Poppins", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 1.92px;
	line-height: 1.4;
	text-transform: uppercase;
	text-align: left;
}

.ifx-portfolio-single__quote-meta cite {
	font-style: normal;
	font-weight: 600;
}

.ifx-portfolio-single__quote-meta span::before {
	content: " \00b7  ";
}

.ifx-portfolio-single__cta {
	padding-top: 72px;
}

.ifx-portfolio-single__related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	padding-top: 24px;
}

.ifx-portfolio-single__related-card {
	display: flex;
	flex-direction: column;
	border: 1px solid #e3e8f1;
	border-radius: 14px;
	background: #ffffff;
	overflow: hidden;
	box-shadow: 0 6px 18px -10px rgba(40, 55, 110, 0.18);
}

.ifx-portfolio-single__related-media {
	position: relative;
	height: 230px;
	background: #eef2f8;
	overflow: hidden;
}

.ifx-portfolio-single__related-image,
.ifx-portfolio-single__related-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ifx-portfolio-single__related-placeholder {
	position: relative;
	background: linear-gradient(134.97deg, #eaf0ff 0%, #fde6e1 100%);
	overflow: hidden;
}

.ifx-portfolio-single__related-placeholder--1 {
	background:
		linear-gradient(180deg, #dff5f3 0 53%, rgba(95, 199, 193, 0.5) 53% 100%),
		linear-gradient(135deg, #dff5f3 0%, #eef2f8 100%);
}

.ifx-portfolio-single__related-placeholder--1::before,
.ifx-portfolio-single__related-placeholder--2::before,
.ifx-portfolio-single__related-placeholder--3::before,
.ifx-portfolio-single__related-placeholder--1::after,
.ifx-portfolio-single__related-placeholder--2::after,
.ifx-portfolio-single__related-placeholder--3::after {
	content: "";
	position: absolute;
	display: block;
}

.ifx-portfolio-single__related-placeholder--1::before {
	top: 36px;
	right: 36px;
	width: 72px;
	height: 72px;
	background: rgba(255, 255, 255, 0.75);
}

.ifx-portfolio-single__related-placeholder--2 {
	background: linear-gradient(135deg, #fbeed5 0%, #dde6ff 100%);
}

.ifx-portfolio-single__related-placeholder--2::before {
	top: 43px;
	left: 72px;
	width: 216px;
	height: 144px;
	background: rgba(255, 255, 255, 0.75);
}

.ifx-portfolio-single__related-placeholder--2::after {
	top: 76px;
	left: 140px;
	width: 80px;
	height: 80px;
	background: rgba(241, 178, 74, 0.5);
}

.ifx-portfolio-single__related-placeholder--3 {
	background: linear-gradient(135deg, #eaf0ff 0%, #fde6e1 100%);
}

.ifx-portfolio-single__related-placeholder--3::before {
	top: 14px;
	right: 22px;
	width: 130px;
	height: 130px;
	background: rgba(91, 108, 255, 0.3);
}

.ifx-portfolio-single__related-placeholder--3::after {
	left: 29px;
	bottom: -7px;
	width: 115px;
	height: 115px;
	background: rgba(244, 124, 108, 0.25);
}

.ifx-portfolio-single__related-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 240px;
	padding: 22px 24px 24px;
	gap: 8px;
}

.ifx-portfolio-single__related-meta {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding-bottom: 1px;
}

.ifx-portfolio-single__related-meta-item {
	color: #9aa3bb;
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-portfolio-single__related-meta-dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #9aa3bb;
	flex: 0 0 4px;
}

.ifx-portfolio-single__related-title {
	margin: 0;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 23.76px;
}

.ifx-portfolio-single__related-text {
	margin: 0;
	color: #6b7795;
	font-family: "Mulish", sans-serif;
	font-size: 13.5px;
	font-weight: 400;
	line-height: 22.28px;
}

.ifx-portfolio-single__related-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 24px;
	color: #2c3858;
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 2.2px;
	line-height: 1;
	text-transform: uppercase;
}

.ifx-portfolio-single__related-link::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 10px;
	flex: 0 0 14px;
	background: url("../icons/solutions-link-arrow.svg") center / 14px 10px no-repeat;
}

.ifx-portfolio-single__related .ifx-block__inner {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.ifx-portfolio-single__related .ifx-portfolio-single__section-head {
	gap: 14px;
	margin: 0 auto;
	max-width: 100%;
}

.ifx-portfolio-single__related .ifx-portfolio-single__section-title {
	padding-top: 1px;
	max-width: 760px;
}

.ifx-portfolio-single__related .ifx-portfolio-single__section-copy {
	max-width: 560px;
	text-align: center;
	font-size: 15.5px;
	line-height: 26.35px;
}

@media (max-width: 1024px) {
	.ifx-portfolio-single__hero-grid,
	.ifx-portfolio-single__story-grid,
	.ifx-portfolio-single__related-grid,
	.ifx-portfolio-single__built-grid,
	.ifx-portfolio-single__outcome-grid {
		grid-template-columns: 1fr;
	}

	.ifx-portfolio-single__hero-media {
		height: 420px;
		min-height: 420px;
	}

	.ifx-portfolio-single__facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ifx-portfolio-single__built-media,
	.ifx-portfolio-single__built-image,
	.ifx-portfolio-single__built-placeholder {
		min-height: 360px;
	}

	.ifx-portfolio-single__built-media {
		margin-top: 24px;
	}

	.ifx-portfolio-single__media-item,
	.ifx-portfolio-single__media-item--featured {
		grid-column: span 6;
	}

	.ifx-portfolio-single__media-top,
	.ifx-portfolio-single__media-bottom {
		grid-template-columns: 1fr;
	}

	.ifx-portfolio-single__media-side {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: none;
	}

	.ifx-portfolio-single__media-side--count-1 {
		grid-template-columns: 1fr;
	}

	.ifx-portfolio-single__media-side--count-1 .ifx-portfolio-single__media-frame--side {
		min-height: 0;
		aspect-ratio: 16 / 9;
	}

	.ifx-portfolio-single__quote {
		padding: 52px 36px 40px;
	}

	.ifx-portfolio-single__quote-text,
	.ifx-portfolio-single__quote-meta {
		max-width: 100%;
	}

	.ifx-portfolio-single__quote-mark {
		font-size: 56px;
	}

	.ifx-portfolio-single__quote-text {
		padding-left: 28px;
	}

	.ifx-portfolio-single__quote-mark--open {
		top: 2px;
	}

	.ifx-portfolio-single__quote-meta {
		padding-left: 12px;
	}
}

@media (max-width: 767px) {
	.ifx-portfolio-single__hero {
		padding-top: calc(var(--ifx-header-height) + var(--ifx-admin-bar-height));
		padding-bottom: 56px;
	}

	.ifx-portfolio-single .ifx-block__inner {
		padding-left: 16px;
		padding-right: 16px;
	}

	.ifx-portfolio-single__breadcrumb {
		margin-bottom: 24px;
	}

	.ifx-portfolio-single__hero-grid {
		gap: 28px;
		min-height: 0;
	}

	.ifx-portfolio-single__hero-copy {
		padding-top: 0;
	}

	.ifx-portfolio-single__title {
		font-size: 40px;
		line-height: 44px;
		letter-spacing: 0;
	}

	.ifx-portfolio-single__column-title {
		font-size: 24px;
		line-height: 30px;
	}

	.ifx-portfolio-single__quote {
		padding: 44px 24px 32px;
	}

	.ifx-portfolio-single__lead {
		font-size: 16px;
		line-height: 27px;
	}

	.ifx-portfolio-single__hero-media {
		height: 280px;
		min-height: 280px;
	}

	.ifx-portfolio-single__built,
	.ifx-portfolio-single__outcomes {
		padding-top: 72px;
	}

	.ifx-portfolio-single__built-media {
		margin-top: 0;
	}

	.ifx-portfolio-single__facts,
	.ifx-portfolio-single__media-grid,
	.ifx-portfolio-single__related-grid,
	.ifx-portfolio-single__outcome-grid {
		grid-template-columns: 1fr;
	}

	.ifx-portfolio-single__media-item,
	.ifx-portfolio-single__media-item--featured {
		grid-column: span 12;
	}

	.ifx-portfolio-single__media-top,
	.ifx-portfolio-single__media-side,
	.ifx-portfolio-single__media-bottom {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.ifx-portfolio-single__media-composition,
	.ifx-portfolio-single__media-top,
	.ifx-portfolio-single__media-side,
	.ifx-portfolio-single__media-bottom,
	.ifx-portfolio-single__media-item {
		width: 100%;
	}

	.ifx-portfolio-single__media-side--count-1 .ifx-portfolio-single__media-frame--side,
	.ifx-portfolio-single__media-frame--featured,
	.ifx-portfolio-single__media-frame--bottom {
		aspect-ratio: 16 / 10;
		min-height: 0;
	}

	.ifx-portfolio-single__media-frame--side {
		aspect-ratio: 16 / 10;
	}

	.ifx-portfolio-single__media-side .ifx-portfolio-single__media-item,
	.ifx-portfolio-single__media-bottom .ifx-portfolio-single__media-item {
		width: 100% !important;
		max-width: none !important;
		flex: 0 0 auto;
	}

	.ifx-portfolio-single__story,
	.ifx-portfolio-single__media,
	.ifx-portfolio-single__related {
		padding-top: 72px;
		padding-bottom: 72px;
	}

	.ifx-portfolio-single__section-head {
		margin-bottom: 32px;
	}

	.ifx-portfolio-single__section-title {
		font-size: 28px;
		line-height: 34px;
	}

	.ifx-portfolio-single__quote-meta {
		text-align: center;
	}

	.ifx-portfolio-single__quote-mark {
		font-size: 44px;
	}

	.ifx-portfolio-single__quote-text {
		padding-left: 20px;
	}

	.ifx-portfolio-single__quote-mark--open {
		top: 0;
	}

	.ifx-portfolio-single__quote-mark--close {
		margin-left: 2px;
		top: 0.18em;
	}

	.ifx-portfolio-single__quote-meta {
		width: 100%;
		padding-left: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ifx-home-hero__content,
	.ifx-logo-grid__card,
	.ifx-solutions-grid__card,
	.ifx-industries-grid__card,
	.ifx-showcase-grid__card,
	.ifx-blog-feed__card,
	.ifx-cta-banner__panel,
	.ifx-product-services__card,
	.ifx-portfolio-single__related-card {
		animation: none !important;
	}

	.ifx-button,
	.ifx-button--primary::after,
	.ifx-solutions-grid__link,
	.ifx-solutions-grid__link::after,
	.ifx-blog-feed__link,
	.ifx-blog-feed__link::after,
	.ifx-showcase-grid__chip,
	.ifx-showcase-grid__overlay,
	.ifx-showcase-grid__image,
	.ifx-blog-feed__thumb img,
	.ifx-portfolio-single__related-link::after {
		transition: none !important;
		transform: none !important;
	}
}