/* START - Page Hero styles */
.page-hero {
	padding-top: var(--sectionInnerSpace);
	overflow: hidden;
}
/* .page-hero .container { position: relative; } */
.page-hero .section-header {
	position: relative;
	z-index: 3;
	margin-bottom: 2.5rem;
}
.page-hero .breadcrumb { margin-bottom: -0.5rem; }
.page-hero .video-holder {
	max-width: 100%;
	flex-shrink: 0;
	border-radius: var(--borderRadiusLarge);
	position: relative;
	z-index: 2;
}
.page-hero .video-holder .btn-play {
	position: absolute;
	right: 2rem;
	bottom: 1.5rem;
	z-index: 2;
}
.page-hero .video-holder img {
	width: 100%;
	height: auto;
	display: block;
}
.page-hero .video-holder-img { margin-right: -7.6875rem; }
/* design screen 768px and above */
@media (min-width: 768px) {
	.page-hero { padding-top: 1.5rem;}
	.page-hero .container {
		display: flex;
		align-items: flex-start;
		gap: 1.5rem;
	}
	.page-hero .section-header {
		margin: 0;
		flex: 1 1 0;
		max-width: 50%;
	}
	.page-hero .breadcrumb { margin-bottom: -0.75rem; }
	.page-hero .video-holder { flex: 1 1 0;}
	.page-hero .video-holder .btn-play {
		right: 2.5rem;
		bottom: 1.75rem;
	}
}
/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
	.page-hero { padding-top: 1rem;}
	.page-hero .video-holder .btn-play {
		right: 3.25rem;
		bottom: 2.375rem;
	}
}
/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {
	#main{ gap: 6.25rem;}
	.page-hero { padding-top: 4.25rem;}
	.page-hero .breadcrumb { margin-bottom: -1.375rem; }
	.page-hero .video-holder .btn-play {right: 2.5rem; bottom: 2rem;}
	.section-culture-rules{ padding-block: 6.25rem;}
}
/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {
	#main{ gap: 7.5rem;}
	.page-hero { padding-top: 6rem;}
	.page-hero .container { gap: 2rem; }
	.page-hero .section-header .text-xl{ padding-right: 7rem;}
	.page-hero .video-holder .btn-play {
		right: 3.625rem;
		bottom: 3rem;
	}
	.page-hero .video-holder-img { margin-right: -17.9375rem; }
}
/* END - Page Hero styles */

/* START - section culture rules styles */
.section-culture-rules {
	padding-block: 4rem;
	position: relative;
	overflow: hidden;
}
.section-culture-rules:before {
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-width: 0 51.90625rem 79.75rem;
	border-color: transparent transparent var(--i2c-brand-700);
	filter: blur(13.75rem);
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-19.375%);
	pointer-events: none;
}
.section-culture-rules .container {
	position: relative;
	z-index: 2;
}
.section-culture-rules .section-header { margin-bottom: 2.5rem; }
.culture-rules-slider .slide {
	width: 18.375rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.culture-rules-slider .img-holder {
	width: 100%;
	border-radius: var(--borderRadiusLarge);
	overflow: hidden;
	flex-shrink: 0;
}
.culture-rules-slider .img-holder img {
	width: 100%;
	height: auto;
	display: block;
}
.culture-rules-slider .icon-holder {
	width: 2.5rem;
	padding: 0.25rem;
	aspect-ratio: 1/1;
	background: var(--i2c-brand-25);
	border: 1px solid var(--light-blue);
	border-radius: 0.625rem;
	display: none;
}
.culture-rules-slider .icon-holder img {
	width: 1.5rem;
	height: auto;
	display: block;
}
.culture-rules-slider .text-xl { color: var(--i2c-brand-200); }
/* design screen 768px and above */
@media (min-width: 768px) {
	.section-culture-rules .section-header {
		padding-inline: 2.75rem;
		margin-bottom: 3rem;
	}
	.culture-rules-slider .slideset { gap: 1.5rem;}
	.culture-rules-slider .slide {
		width: 34.5rem;
		flex-direction: row;
		align-items: center;
		gap: 1.5rem;
	}
	.culture-rules-slider .img-holder {	width: 50.766%;	}
	.culture-rules-slider .icon-holder {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
	.section-culture-rules { padding-block: var(--sectionInnerSpaceLarge);}
	.section-culture-rules .section-header { padding-inline: 3rem;}
	.culture-rules-slider .slide { width: 41.6875rem;}
	.culture-rules-slider .img-holder {	width: 53.3733%;}
	.culture-rules-slider .slide .text { gap: 1.5rem;}
	.culture-rules-slider .icon-holder {
		width: 3.5rem;
		border-radius: 0.875rem;
	}
	.culture-rules-slider .icon-holder img { width: 2.1875rem;}
}
/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {
	.section-culture-rules .section-header {
		padding-inline: 6.5rem;
		margin-bottom: 3.75rem;
	}
	.culture-rules-slider.scroll-slider:not(.scroll-slider-initiated),
	.culture-rules-slider.scroll-slider-initiated .slideset { gap: 4.625rem;}
	.culture-rules-slider .slide {
		width: 49.6875rem;
		gap: 2.5rem;
	}
	.culture-rules-slider .img-holder {	width: 58.4905%;}
	.culture-rules-slider .icon-holder {
		width: 4rem;
		border-radius: 1rem;
	}
	.culture-rules-slider .icon-holder img { width: 2.5rem;}
}
/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {
	.section-culture-rules .section-header {
		padding-inline: 12.25rem;
		margin-bottom: 5rem;
	}
	.culture-rules-slider.scroll-slider:not(.scroll-slider-initiated),
	.culture-rules-slider.scroll-slider-initiated .slideset { gap: 5rem;}
	.culture-rules-slider .slide {
		width: 65.3125rem;
		gap: 3.5rem;
	}
	.culture-rules-slider .img-holder {	width: 60%;}
}
/* END - section culture rules styles */

/* START - section innovation styles */
.section-innovation { overflow: hidden; }
.section-innovation .section-header { margin-bottom: 2.5rem; }
.innovation-slider .slick-list {
	max-width: 15rem;
	margin-inline: auto;
	overflow: visible;
}
.innovation-slider:not(.slick-slider),
.innovation-slider .slick-track {
	display: flex;
	gap: 1.5rem;
}
.innovation-slider .slide { width: 15rem;}
.innovation-slider .img-holder {
	border-radius: var(--borderRadiusLarge);
	overflow: hidden;
	padding: 2px;
}
.innovation-slider .img-holder img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: calc(var(--borderRadiusLarge) - 8px);
}
.innovation-slider .slick-dots {
	padding-top: 3rem;
	justify-content: center;
}
/* design screen 768px and above */
@media (min-width: 768px) {
	.section-innovation .section-header { margin-bottom: 2rem; }
	.innovation-slider .slick-list { max-width: 13.875rem; }
	.innovation-slider:not(.slick-slider),
	.innovation-slider .slick-track { gap: 1.625rem;}
	.innovation-slider .slide { width: 10.125rem;}
	.innovation-slider .slick-dots { padding-top: 2.5rem;}
	.innovation-slider .slick-list{margin-inline: -22rem 0;}
}
/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
	.section-innovation .section-header { margin-bottom: 3rem; }
	.innovation-slider { overflow: hidden; }
	.innovation-slider .slick-list { max-width: 18.3125rem; }
	.innovation-slider:not(.slick-slider),
	.innovation-slider .slick-track { gap: 1.5rem;}
	.innovation-slider .slide { width: 10.375rem;}
	.innovation-slider .slick-dots { padding-top: 3rem;}
	.innovation-slider .slick-list{margin-inline: -27rem 0;}
}
/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {
	.section-innovation .section-header { margin-bottom: 3.25rem; }
	.innovation-slider .slick-list { max-width: 24.375rem; }
	.innovation-slider:not(.slick-slider),
	.innovation-slider .slick-track { gap: 1.6875rem;}
	.innovation-slider .slide { width: 14.063rem;}
	.innovation-slider .slick-dots { padding-top: 3.25rem;}
	.innovation-slider .slick-list{margin-inline: -22rem 0;}
}
/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {
	.section-innovation{ padding-block: 5rem;}
	.section-innovation .section-header { margin-bottom: 5rem; }
	.innovation-slider .slick-list{margin-inline: -17.1875rem 0;}
	.innovation-slider .slick-list { max-width: 29.125rem; }
	.innovation-slider:not(.slick-slider),
	.innovation-slider .slick-track { gap: 1.5rem;}
	.innovation-slider .slide { width: 20.875rem;}
	.innovation-slider .slick-dots { padding-top: 5rem;}
}
/* END - section innovation styles */

/* START - section cta-band styles */
section.cta-band {
	padding-block: 5rem;
	background-color: var(--i2c-brand-800);
	overflow: hidden;
}
section.cta-band:before {
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-width: 0 11.625rem 17.875rem;
	border-color: transparent transparent var(--i2c-brand-600);
	filter: blur(1.5rem);
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	opacity: 0.4;
	pointer-events: none;
}
section.cta-band h2 { font-weight: var(--fontWeightMedium);}
.cta-band.cta-band-lottie{ color: #ffffff;}
section.cta-band  .btn.btn-primary{ background: transparent; border-color: #ffffff;}
section.cta-band  .btn.btn-primary:where(:hover, :focus) { color: var(--text-primary); background: var(--white);}
/* design screen 768px and above */
@media (min-width: 768px) {
	section.cta-band {
		padding-block: 5rem;
		background-size: cover;
		background-position: center;
		overflow: hidden;
	}
	section.cta-band:before { display: none;}
	section.cta-band .cta-band-content {
		max-width: 28rem;
		margin-inline: auto;
	}
}
/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
	section.cta-band { padding-block: var(--sectionInnerSpaceLarge);}
	section.cta-band .cta-band-content { max-width: 34.125rem;}
}
/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {
	section.cta-band .cta-band-content { max-width: 42.875rem;}
}
/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {
	section.cta-band .cta-band-content { max-width: 56rem;}
}
@media (max-width: 991px) {
	.cta-band.cta-band-lottie{padding-block: 2.9rem; }
}
/* END - section cta-band styles */