.split-promotional {
	& .split-promotional-wrapper {
		max-width: 1156px;
		margin: 0 auto;
		padding-top: 40px;
		padding-bottom: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		
		> div {
			position: relative;
		}
			
		> div:first-child {
			transform: translateY(-28px);
            margin-right: 126px;
		}
		
		> div:last-child {
			text-align: center;
		  	border-radius: 12px;
		  	border: 2px solid #771A77;
		  	background: rgba(210, 214, 218, 0.15);
		  	padding: 32px 39px;
		  	box-sizing: border-box;
		  	width: 383px;
			
			& img {
				display: block;
				border-radius: 12px;
				box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
				margin: 0 auto 40px auto;
			}
			
			& h3 {
				color: #343A40;
				font-size: 28px;
				font-weight: 700;
				line-height: 1.2;
				margin-bottom: 12px;
			}
			
			& p {
				font-size: 16px;
				line-height: 1.5;
				letter-spacing: 0.08px;
                max-width: 254px;
                margin-left: auto;
                margin-right: auto;
			}
			
			& .btn {
				&::after { 
					content: '';
					mask: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 3.31066C9.58579 3.31066 9.25 3.64645 9.25 4.06066L9.25 14.2708L5.22703 10.2478C4.93414 9.95495 4.45926 9.95495 4.16637 10.2478C3.87348 10.5407 3.87348 11.0156 4.16637 11.3085L9.46967 16.6118C9.76256 16.9047 10.2374 16.9047 10.5303 16.6118L15.8336 11.3085C16.1265 11.0156 16.1265 10.5407 15.8336 10.2478C15.5407 9.95495 15.0659 9.95495 14.773 10.2478L10.75 14.2708L10.75 4.06066C10.75 3.64645 10.4142 3.31066 10 3.31066Z" fill="white"/></svg>');
					background-color: currentColor;
					width: 20px;
					height: 20px;
					display: inline-block;
					vertical-align: middle;
					margin-left: 5px;
					transform: rotate(-130deg);
				}
				&:is(:hover, :focus, :focus-visible)::after {
					transform: rotate(-130deg) translate(0px, 2px);
				}
			}
		}
  	}
	
	& .infographic {
		position: absolute;
		height: 456px;
		min-height: 456px;
		width: 456px;
		min-width: 456px;
		right: -120px;
		top: -50px;
		object-fit: contain;
		object-position: top right;
	}
	
	& .split-promotional-text {
		position: relative;


		& .eyebrow-text {
			line-height: 1.2;
			letter-spacing: -0.18px;
			max-width: 502px;
		}

		& h2 {
			font-size: 62px;
			font-style: italic;
			line-height: 1.2;
			letter-spacing: -0.31px;
			font-weight: 500;
			max-width: 502px;
		}

		& p {
			font-size: 36px;
			font-style: italic;
			line-height: 1.5;
			font-weight: 400;
			max-width: 502px;
		}
		
		p.promo-small-text {
			font-size: 11px;
			font-style: unset;
			margin-top: 160px;
			max-width: 570px;
		}
	}
}

@media (max-width: 1134px) {
	.split-promotional {
		.split-promotional-wrapper {
			align-items: flex-start;
			max-width: 800px;
			
			> div:first-child {
				transform: translateY(80px);
                margin-right: unset;
			}
		}
		& .split-promotional-text {
			& h2 {
				font-size: 32px;
				max-width: 336px;
			}
			& p {
				font-size: 18px;
				max-width: 336px;
			}
			p.promo-small-text {
				max-width: 570px;
			}
		}
		
		& .infographic {
			min-width: 300px;
			min-height: 300px;
			width: 308px;
			height: 308px;
			left: 75px;
			top: -26px;
		}
	}
}

@media (max-width: 860px) {
	.split-promotional {
		& .split-promotional-wrapper {
			flex-direction: column;
			justify-content: flex-start;
			align-items: flex-start;
			max-width: 383px;
			margin: 0 auto;
			
			> div:first-child {
				transform: unset;
				padding-bottom: 56px;
			}
			
			> div:last-child {
				width: 100%;
				max-width: 383px;
			}
		}
	}
}

@media (max-width: 404px) {
	.split-promotional {
        & .split-promotional-wrapper {
			> div:last-child {
				padding-left: 12px;
				padding-right: 12px;
			}
		}
	}
}