/* START - section main content styles */
:root {
	--rightContentGap: 5.875rem;
}
.section-main-content {
	padding-block: var(--sectionInnerSpace);
	background: var(--i2c-brand-25);
	position: relative;
}
.section-main-content .bg-triangle {
	width: 53.8125rem;
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 1;
}
.section-main-content .bg-triangle img {
	width: 100%;
	height: auto;
	display: block;
}
.section-main-content .section-header {
	max-width: 72rem;
	margin-bottom: 7.5rem;
	position: relative;
	z-index: 2;
}
.section-main-content-holder {
	display: flex;
	align-items: flex-start;
	gap: 2.5rem;
	position: relative;
	z-index: 2;
}
.section-main-content .side-nav {
	width: 26rem;
	padding: 0 0.5rem 0 0;
	font-size: var(--fontSizeH5);
	line-height: var(--lineheightH5);
	flex-shrink: 0;
	position: sticky;
	top: 10rem;
}
.section-main-content .side-nav ul {
	display: flex;
	flex-direction: column;
	gap: var(--gutterWidth);
}
.section-main-content .side-nav a {
	display: block;
	color: inherit;
}
.section-main-content .side-nav li.active a,
.section-main-content .side-nav a:where(:hover, :focus-visible) { color: var(--blue);}
.section-main-content .side-nav .indicator {
	width: 2px;
	min-height: 2rem;
	position: absolute;
	top: 0;
	right: 0;
	background: linear-gradient(to bottom, var(--white) 0%, var(--i2c-brand-200) 100%);
	transition: var(--transitionLinear);
}
.section-main-content .content-box {
	padding-right: var(--rightContentGap);
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	flex-grow: 1;
}
.section-main-content .slide-item {
	width: 100%;
	min-height: 32.5rem;
	color: var(--white);
	position: relative;
	overflow: hidden;
	display: flex;
	border-radius: var(--borderRadiusLarge);
	transition: var(--transitionDefault);
	--gradientValue: 0, 8, 35;
}
.section-main-content .slide-item.active,
.section-main-content .slide-item:where(:hover, :focus-within) { width: calc(100% + var(--rightContentGap));}
.section-main-content .slide-item.shadow-primary { --gradientValue: 20, 52, 203;}
.section-main-content .slide-item.shadow-secondary { --gradientValue: 74, 37, 0;}
.section-main-content .slide-item.active .bg-image,
.section-main-content .slide-item:where(:hover, :focus-within) .bg-image { transform: scale(1.1);}
.section-main-content .slide-item .bg-image {
	width: 100%;
	height: 100%;
	background-position: 100% 50%;
	transition: var(--transitionDefault);
	transform: scale(1);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}
.section-main-content .slide-item .bg-image:before {
	width: 150%;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	background: linear-gradient(to right, rgba(var(--gradientValue), 1) 0%,  rgba(var(--gradientValue), 0.85) 40%, rgba(var(--gradientValue), 0) 100%);
	transition: var(--transitionLinear);
}
.section-main-content .slide-item.active .bg-image:before,
.section-main-content .slide-item:where(:hover, :focus-within) .bg-image:before {
	width: 100%;
}
.section-main-content .slide-item .content {
	width: 100%;
	padding: 3.5rem;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	align-items: flex-start;
	position: relative;
	z-index: 2;
}
.section-main-content .slide-item h3 {
	color: inherit;
}
.section-main-content .slide-item .text-xl {
	max-width: 34.625rem;
	flex-grow: 1;
}
.section-main-content .slide-item .btn-link {
	color: var(--white);
	overflow: hidden;
	white-space: nowrap;
	position: static;
}
.section-main-content .slide-item .btn-link span {
	max-width: 120px;
	overflow: hidden;
	transition: var(--transitionLinear);
}
.section-main-content .slide-item:not(.active, :focus-within, :hover) .btn-link { gap: 0;}
.section-main-content .slide-item:not(.active, :focus-within, :hover) .btn-link span { max-width: 0;}
.section-main-content .slide-item .btn-link:before {
	width: 100%;
	height: 100%;
	content: "";
	border-radius: var(--borderRadiusLarge);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.section-main-content .slide-item .cursor-follow {
	box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
	transition: transform 0.15s ease-out;
	pointer-events: none;
	position: absolute;
	top: 3rem;
	left: 3rem;
	z-index: 99;
	display: none;
}

.section-main-content .slide-item.active + .info-box,
.section-main-content .slide-item:where(:hover, :focus-within) + .info-box { margin-right: calc(-1 * var(--rightContentGap));}
.section-main-content .info-box {
	display: flex;
	justify-content: flex-end;
	gap: 2.5rem;
	transition: var(--transitionLinear);
	margin-right: 0;
}
.section-main-content .info-box .text {
	padding: 3.5rem;
	background: var(--light-blue);
	border-radius: var(--borderRadiusLarge);
	flex-grow: 1;
}
.section-main-content .info-box .h6 { font-weight: var(--fontWeightLight);}
.section-main-content .info-box .btn-holder { flex-shrink: 0;}
.section-main-content .info-box .btn.btn-tile {
	width: 26rem;
	min-height: 17.75rem;
}
@media (min-width: 1365px) and (max-width: 1600px){
	.section-main-content.vas{
		padding-block: 80px !important
	}
}
@media (max-width: 1600px) {
	.section-main-content { --rightContentGap: 3.5rem; }
	.section-main-content .section-header { max-width: 57.125rem; }
	.section-main-content-holder { gap: 1.5rem; }
	.section-main-content .side-nav { width: 18rem; }
	.section-main-content .slide-item { min-height: 25rem; }
	.section-main-content .slide-item .content { gap: 1.5rem;}
	.section-main-content .slide-item .text-xl { max-width: 30.375rem; }
	.section-main-content .info-box .btn.btn-tile { width: 18.25rem; min-height: 15.75rem; }
}
@media (max-width: 1199px) {
	.section-main-content { --rightContentGap: 5rem; }
	.section-main-content .bg-triangle { display: none;}
	.section-main-content .section-header { max-width: 48rem; margin-bottom: 2.5rem; }
	.section-main-content-holder { gap: 2.5rem; }
	.section-main-content .content-box { gap: 1.5rem; }
	.section-main-content .side-nav { width: 10.75rem; }
	.section-main-content .slide-item { min-height: 21rem; border-radius: var(--borderRadiusDefault) }
	.section-main-content .slide-item .content { padding: 3rem; gap: 1rem; }
	.section-main-content .slide-item .text-xl { max-width: 25rem; }
	.section-main-content .slide-item:not(.active, :focus-within, :hover) .btn-link { gap: 0.75rem;}
	.section-main-content .slide-item:not(.active, :focus-within, :hover) .btn-link span { max-width: none;}
	.section-main-content .info-box { gap: 1.5rem; }
	.section-main-content .info-box .text { padding: 3rem;}
	.section-main-content .info-box .btn.btn-tile { width: 13.0625rem; min-height: 14rem; }
}
@media (max-width: 991px) {
	.section-main-content { --rightContentGap: 2.5rem; }
	.section-main-content .slide-item { min-height: 18.25rem; border-radius: var(--borderRadiusDefault); }
	.section-main-content .slide-item .bg-image { background-position: 90% 50%; }
	.section-main-content .slide-item .content { padding: 2.5rem;}
	.section-main-content .slide-item .text-xl { max-width: 16.125rem; }
	.section-main-content .info-box { flex-direction: column; }
	.section-main-content .info-box .text { padding: 2.5rem;}
	.section-main-content .info-box .btn.btn-tile { width: 100%; min-height: 7.5rem; }
	.section-main-content .info-box .btn.btn-tile br { display: none; }
}
@media (max-width: 767px) {
	.section-main-content { --rightContentGap: 0; }
	.section-main-content .section-header { margin-bottom: 2.5rem; }
	.section-main-content .side-nav { display: none; }
	.section-main-content .content-box { gap: 1rem; }
	.section-main-content .slide-item { min-height: 15rem; border-radius: var(--borderRadiusDefault); }
	.section-main-content .slide-item .content { padding: 1.5rem; }
	.section-main-content .slide-item .text-xl { max-width: 12rem; }
	.section-main-content .info-box .text { padding: 2.5rem;}
}
/* END - section main content styles */
.cta-band { --containerSmallWidth: var(--containerWidth); }