/* START - Page Hero styles */
.page-hero {
	min-height: calc(100vh - 3.75rem);
	padding-block: calc(var(--sectionInnerSpace) * 2) var(--sectionInnerSpace);
	color: var(--white);
	overflow: hidden;
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.page-hero .container {
	position: relative;
	z-index: 2;
}
.page-hero .video-holder {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
.page-hero .video-holder:before,
.page-hero .video-holder:after {
	content: "";
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
}
.page-hero .video-holder:before {
	width: 100%;
	height: 100%;
	background: var(--i2c-black);
	opacity: 0.65;
	z-index: 1;
}
.page-hero .video-holder:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 68.4375rem 44.53125rem 0;
	border-color: var(--i2c-brand-950) transparent transparent transparent;
	filter: blur(20rem);
	transform: translateX(-50%);
	opacity: 0.65;
}
.page-hero .video-holder video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-hero .video-holder .wistia-embed-container {
	height: 100% !important;
	padding: 0 !important;
	overflow: hidden;
}
.page-hero .video-holder .wistia_responsive_wrapper {
	width: auto !important;
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
	aspect-ratio: 1/0.5625;
}
/* design screen 768px and above */
@media (min-width: 768px) {
	.page-hero .section-header { max-width: 35.625rem;}
}
/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
	.page-hero .section-header { max-width: 43.125rem;}
}
/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {
	.page-hero { min-height: calc(100vh - 5.25rem);}
	.page-hero .section-header {
		max-width: 57.3125rem;
		gap: 2rem;
	}
	.page-hero .video-holder .wistia_responsive_wrapper {
		width: 100% !important;
		height: auto !important;
	}
}
/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {
	.page-hero .section-header { max-width: 69rem;}
}
/* END - Page Hero styles */

/* START - section our story 02 styles */
.section-our-story-02 { position: relative;}
.section-our-story-02 .lottie-img {
	width: 16.375rem;
	position: absolute;
	top: calc(-1 * var(--sectionSpace));
	left: 0;
	pointer-events: none;
	display: none;
}
.section-our-story-02 .container {
	display: flex;
	flex-direction: column;
	gap: var(--sectionSpace);
}
.section-our-story-02 .item {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}
.section-our-story-02 .item.item-reverse {
	flex-direction: column-reverse;
}
.section-our-story-02 .image-slider {
	max-width: 25rem;
	margin: 0 auto;
	border-radius: var(--borderRadiusLarge);
	position: relative;
	overflow: hidden;
}
.section-our-story-02 .image-slider:after {
	width: 100%;
	height: 100%;
	content: "";
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, var(--blue) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	pointer-events: none;
}
.section-our-story-02 .image-slider .slick-dots {
	width: 100%;
	padding: 1.5rem;
	justify-content: center;
	position: absolute;
	bottom: 0;
	z-index: 2;
}
.section-our-story-02 .img-holder {
	max-width: 21.8125rem;
	margin: calc(-1 * var(--sectionSpace)) auto 0;
}
/* design screen 768px and above */
@media (min-width: 768px) {
	.section-our-story-02 .lottie-img { display: block;}
	.section-our-story-02 .item { flex-direction: row; gap: 1.5rem;}
	.section-our-story-02 .item .col { width: calc(50% - 0.75rem); }
	.section-our-story-02 .item .col.align-center { display: flex; flex-direction: column; justify-content: flex-start; padding-top: 0;}
	.section-our-story-02 .item.item-reverse { flex-direction: row;	}
	.section-our-story-02 .item .text-box { gap: 1.5rem;}
	.section-our-story-02 .image-slider { max-width: 18.25rem;}
	.section-our-story-02 .img-holder {	max-width: 20rem;}
	.section-our-story-02{ margin-bottom: -4.5rem;}
}
/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
	.section-our-story-02 .lottie-img { width: 26.625rem; top: -7rem; }
	.section-our-story-02 .img-holder {	max-width: 21.875rem;}
	.section-our-story-02 .item .col.align-center { padding-top: 2rem;}
	.section-our-story-02{ margin-bottom: -6.5rem;}
}
/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {
	.section-our-story-02 .lottie-img { width: 31rem; top: -8rem; }
	.section-our-story-02 .container { gap: 10rem;}
	.section-our-story-02 .item .text-box { max-width: 31rem; gap: 2rem;}
	.section-our-story-02 .image-slider { max-width: 24.375rem;}
	.section-our-story-02 .img-holder {	max-width: 30.875rem;}
	.section-our-story-02 .item .col.align-center { padding-top: 3rem;}
	.section-our-story-02{ margin-bottom: -6.5rem;}
}
/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {
	.section-our-story-02 .lottie-img { width: 50rem; top: -13rem; }
	.section-our-story-02 .container { gap: var(--sectionSpace);}
	.section-our-story-02 .item .text-box { max-width: 44.6875rem; gap: 2.75rem;}
	.section-our-story-02 .image-slider { max-width: 35.375rem;}
	.section-our-story-02 .img-holder {	max-width: 43.125rem;}
	.section-our-story-02 .item .col.align-center { padding-top: 5rem;}
	.section-our-story-02{ margin-bottom: -12.5rem;}
}
/* END - section our story 02 styles */

/* START - section our story 03 styles */
.section-our-story-03 {
	padding-block: 2.5rem 7.375rem;
	position: relative;
	overflow: hidden;
}
.section-our-story-03:before {
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-width: 59.1875rem 38.5rem 0;
	border-color: var(--i2c-brand-900) transparent transparent transparent;
	filter: blur(13.75rem);
	mix-blend-mode: soft-light;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateX(-50%);
	pointer-events: none;
}
.section-our-story-03 .container {
	position: relative;
	z-index: 2;
}
.section-our-story-03 .section-header { gap: 1.5rem;}
.section-our-story-03 .img-holder {
	width: 4.875rem;
	margin: 6px auto 0;
}
.section-our-story-03 .lottie-img {
	width: 100%;
	aspect-ratio: 1;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(90deg);
}
/* design screen 768px and above */
@media (min-width: 768px) {
	.section-our-story-03 { padding-block: 4rem;}
	.section-our-story-03:before { left: 25%;}
	.section-our-story-03 .container {
		display: flex;
		align-items: center;
		gap: 3.75rem;
	}
	.section-our-story-03 .section-header {
		max-width: 48.335%;
		flex-grow: 1;
		margin: 0;
		gap: 2rem;
	}
	.section-our-story-03 .img-holder {
		width: 9rem;
		margin: 0;
		flex-shrink: 0;
	}
	.section-our-story-03 .lottie-img {
		width: 140%;
		top: 50%;
		left: 50%;
		transform: translate(0.5%, -52%);
	}
}
/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
	.section-our-story-03 { padding-block: 5rem;}
	.section-our-story-03:before { left: 0;}
	.section-our-story-03 .container { gap: 8.9375rem;}
	.section-our-story-03 .section-header {
		max-width: 40.40948%;
		margin-left: 2.5rem;
	}
	.section-our-story-03 .img-holder { width: 10.25rem;}
	.section-our-story-03 .lottie-img {
		width: 125%;
		transform: translate(3.7%, -52%);
	}
}
/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {
	.section-our-story-03 { padding-block: 6.25rem;}
	.section-our-story-03 .container { gap: 11.6875rem;}
	.section-our-story-03 .section-header {
		max-width: 40.5228%;
		margin-left: 6.5rem;
		gap: 2.5rem;
	}
	.section-our-story-03 .img-holder { width: 14.125rem;}
	.section-our-story-03 .lottie-img {
		width: 135%;
		transform: translate(6.3%, -43%);
	}
}
/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {
	.section-our-story-03 { padding-block: 11.5625rem;}
	.section-our-story-03 .container { gap: 11.6875rem;}
	.section-our-story-03 .section-header {
		max-width: 40.51136%;
		margin-left: 9.3125rem;
	}
	.section-our-story-03 .img-holder { width: 19.6875rem;}
	.section-our-story-03 .lottie-img {
		width: 128.1875rem;
		transform: translate(4.3%, -52%);
	}
}
/* END - section our story 03 styles */

/* START - section timeline styles */
.section-timeline {
	margin-block: calc(-1 * var(--sectionSpace));
	padding-block: var(--sectionSpace);
	overflow: hidden;
}
.section-timeline .container {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}
.section-timeline .section-header {
	margin: 0;
	gap: 0.5rem;
}
.timeline-list {
	height: 6.25rem;
	position: relative;
	cursor: grab;
}
.timeline-list.dragging {
	cursor: grabbing;
}
.timeline-list:before {
	width: 100vw;
	height: 0.25rem;
	content: "";
	background: var(--light-blue);
	position: absolute;
	top: 1.375rem;
	left: 50%;
	transform: translateX(-50%);
}
.timeline-list ul {
	width: max-content;
	font-size: var(--fontSizeExtraLarge);
	line-height: var(--lineheightExtraLarge);
	font-weight: var(--fontWeightNormal);
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 11.25rem;
	will-change: transform;
}
.timeline-list ul li {
	min-width: 6.25rem;
	padding: 4.5rem 0 0;
	position: relative;
	display: flex;
	justify-content: center;
}
.timeline-list ul li:before {
	width: 1.5rem;
	height: 1.5rem;
	content: "";
	background: var(--white);
	box-shadow: 0 0.125rem 0.5rem rgba(153, 198, 255, 0.4);
	border-radius: 50%;
	position: absolute;
	top: 0.75rem;
	left: -5.625rem;
}
.timeline-list ul button {
	padding: 0;
	display: block;
	text-align: center;
	border: none;
	background: none;
	font-weight: 300;
	font-size: var(--fontSizeExtraLarge);
}
.timeline-list ul li.active button:before,
.timeline-list ul li button:where(:hover, :focus-visible):before {
	background: var(--white);
	border: 0.75rem solid var(--orange);
	box-shadow: none;
}
.timeline-list ul button:before {
	width: 2.5rem;
	height: 2.5rem;
	content: "";
	background: var(--blue);
	border: 0.75rem solid var(--white);
	box-shadow: 0 0.125rem 0.5rem rgba(153, 198, 255, 0.4);
	border-radius: 50%;
	position: absolute;
	top: 0.25rem;
	left: 50%;
	transform: translateX(-50%);
}
.timeline-content:not(.slick-slider) .timeline-item ~ .timeline-item { display: none; }
.timeline-content {
	border: 1px solid var(--i2c-brand-100);
	border-radius: var(--borderRadiusLarge);
	box-shadow: 0 1.125rem 1.75rem -1.25rem rgba(153, 198, 255, 0.3);
}
.timeline-content .slick-track {
	display: flex;
	gap: 1.75rem;
}
.timeline-content .slick-track:before,
.timeline-content .slick-track:after { display: none;}
.timeline-item.slick-slide {
	width: calc(100vw - var(--gutterWidth) * 2);
	cursor: grab;
}
.timeline-item .slide {
	padding: 1.4375rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.timeline-item .img-holder {
	aspect-ratio: 1/0.928315;
	border-radius: var(--borderRadiusLarge);
	position: relative;
	overflow: hidden;
	transition: var(--transitionDefault);
}
.timeline-item .img-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--borderRadiusLarge);
	position: absolute;
	top: 0;
	left: 0;
}
.timeline-item .badge {
	padding: 0.25rem 0.8125rem;
	font-size: 0.875rem;
	line-height: 1.2857;
	font-weight: var(--fontWeightNormal);
	color: var(--blue);
	border: 1px solid var(--i2c-brand-100);
	border-radius: 10rem;
	margin-bottom: 0.5rem;
}
.timeline-item .slick-dots {
	width: 100%;
	padding-top: 1.5rem;
	justify-content: center;
}
/* design screen 768px and above */
@media (min-width: 768px) {
	.section-timeline .section-header { gap: 1rem;}
	.section-timeline .container { gap: 4rem;}
	.timeline-item.slick-slide {
		height: auto;
	}
	.timeline-item .slide { flex-direction: row; align-items: center; }
	.timeline-item .img-holder {
		width: 20.25rem;
		flex-shrink: 0;
		aspect-ratio: 1/0.790123;
	}
	.timeline-item .text { flex-grow: 1;}
}
/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
	.section-timeline { --containerWidth: 48.125rem; }
	.section-timeline .container { align-items: center; }
	.timeline-list,
	.timeline-content { width: 100%;}
	.timeline-item.slick-slide { width: var(--containerWidth);}
	.timeline-item .slide { gap: 2rem; }
	.timeline-item .img-holder {
		width: 21.5625rem;
		aspect-ratio: 1/0.7913;
	}
}
/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {
	.section-timeline { --containerWidth: 63.5rem; }
	.section-timeline .container { gap: 6.25rem;}
	.timeline-item .slide { padding: 1.9375rem; gap: 3rem; }
	.timeline-item .img-holder {
		width: 28.25rem;
		aspect-ratio: 1/0.7986725;
	}
	.timeline-item .badge {
		padding: 0.4375rem 1.1875rem;
		font-size: var(--fontSizeLarge);
		line-height: var(--lineheightLarge);
	}
}
/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {
	.section-timeline { --containerWidth: 91.375rem;}
	.timeline-item .slide { padding: 2.9375rem; gap: 3.5rem; }
	.timeline-item .img-holder {
		width: 40.9375rem;
		aspect-ratio: 1/0.793893;
	}
	.timeline-item .text { gap: 1.5rem;}
	.timeline-item .badge { margin-bottom: 1rem;}
}
/* END - section timeline styles */

/* START - section trust styles */
.section-trust-content {
	padding: 2.5rem 1.5rem;
	border-radius: var(--borderRadiusLarge);
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	background-image: url('../../images/pages/our-story/our-story-agility-bg.webp');
	background-size: cover;
	background-position: center;
}
/* .section-trust-content:after {
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-width: 51.1875rem 33.3125rem 0;
	border-color: var(--i2c-brand-950) transparent transparent transparent;
	filter: blur(16.5625rem);
	position: absolute;
	top: 9%;
	left: 0;
	transform: translateX(-50%);
	mix-blend-mode: soft-light;
	pointer-events: none;
	display: none;
} */
.section-trust .section-header {
	margin: 0;
	flex-grow: 1;
	position: relative;
	z-index: 2;
}
.section-trust .lottie-img {
	flex-shrink: 0;
	position: relative;
	z-index: 2;
	margin-bottom: -2.5rem;
}
/* design screen 768px and above */
@media (min-width: 768px) {
	.section-trust-content { padding: 3rem;	}
	/* .section-trust-content:after { display: block;} */
	.section-trust .section-header { max-width: 18.6875rem;}
	.section-trust .lottie-img {
		width: 26.875rem;
		margin: 0;
		position: absolute;
		top: 50%;
		right: -5.8125rem;
		transform: translateY(-50%);
	}
	.d-block-sm{ display: none;}
}
/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
	.section-trust-content {
		padding: var(--sectionInnerSpaceLarge);
		gap: 4.375rem;
	}
	.section-trust .section-header { max-width: 24.3125rem;}
	.section-trust .lottie-img { right: -2.565rem;}
}
/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {
	.section-trust-content { gap: 6.875rem;}
	/* .section-trust-content:after {
		top: 15%;
		left: 40%;
	} */
	.section-trust .section-header { max-width: 33.5625rem;}
	.section-trust .lottie-img {
		width: 31.5625rem;
		right: -3rem;
	}
}
/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {
	/* .section-trust-content:after {
		border-width: 57.75rem 37.59375rem 0;
		top: 7%;
		left: 76%;
	} */
	.section-trust .section-header { max-width: 43rem;}
	.section-trust .lottie-img {
		width: 40.9375rem;
		right: 0;
	}

}
/* END - section trust styles */

.section-our-story-02 .item .text-box{ justify-content: center; align-items: center;}
.item.item-reverse .col:last-child{ display: flex;}
section.cta-band  {
	--containerSmallWidth: var(--containerWidth);
	background-image: url('../../images/pages/our-story/bg-cta-band.webp');
	background-size: cover;
	background-position: center;
	color: var(--white);
}
section.cta-band  .btn.btn-primary{ background: transparent; border-color: var(--white);}
section.cta-band  .btn.btn-primary:where(:hover, :focus) { color: var(--text-primary); background: var(--white);}

@media (min-width: 768px) {
	.cta-band .cta-band-content {
		max-width: 68ch;
		margin-inline: auto;
	}
}
@media (min-width: 992px) {
	.cta-band .cta-band-content { max-width: 86ch;}
}
@media (min-width: 1200px) {
	.cta-band .cta-band-content { max-width: 85ch;}
}
@media (max-width: 1600px){
.page-hero
{
 	max-height: 636px;
    min-height: unset;
}
}
@media (max-width: 1200px){
.page-hero
{
 	max-height: 560px;
}
}
@media (max-width: 991px) {
.page-hero
{
	max-height: 450px;
}
}
@media (min-width: 991px) and (max-width: 1200px) {
  .page-hero .video-holder .wistia_responsive_wrapper {
    width: 100% !important;
    height: auto !important;
  }
}
@media (max-width: 767px) {
.page-hero
{
	min-height: 596px !important;
    max-height: unset;
}
}