@charset "UTF-8";
.risk-rewards-big {
		list-style: none;
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 5px;
		font-size: 16px;
}
@media only screen and (max-width: 684px) {
		.risk-rewards-big li.big {
				margin-top: 15px;
		}
}
@media only screen and (min-width: 685px) {
		.risk-rewards-big {
				grid-template-columns: repeat(2, 1fr);
				align-items: flex-start;
		}
}
.risk-rewards-big li {
		list-style: none;
		margin: 0;
		position: relative;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		padding: 50px 30px;
		overflow: hidden;
}
.risk-rewards-big li.small {
		background: var(--white);
		color: var(--blackgrey);
}
.risk-rewards-big li.small .h3 {
		color: var(--black);
		font-size: 24px;
		margin-bottom: 15px;
}
.risk-rewards-big li.small .text {
		flex: 1 0 auto;
		width: 100%;
		max-width: 16.0625em;
}
.risk-rewards-big li.small .num {
		margin-top: 50px;
}
.risk-rewards-big li.small .num strong {
		display: block;
		margin: 0 0 10px 0;
		color: var(--black);
		font-weight: normal;
		font-size: 44px;
		line-height: 1.2;
}
.risk-rewards-big li.small .num strong:after {
		content: '';
		display: inline-block;
		vertical-align: top;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: var(--green) url("../img/arrows-up.svg") no-repeat 50% 50%;
		background-size: 35% auto;
}
.risk-rewards-big li.big {
		background: var(--dark);
		color: var(--white);
		z-index: 2;
}
.risk-rewards-big li.big > * {
		order: 2;
}
.risk-rewards-big li.big .h3 {
		font-weight: 300;
		font-size: 24px;
		margin-bottom: 20px;
}
.risk-rewards-big li.big .text {
		max-width: 34.888888em;
}
.risk-rewards-big li.big .num {
		order: 1;
		margin-bottom: 50px;
}
@media only screen and (min-width: 1024px) {
		.risk-rewards-big {
				grid-template-columns: repeat(3, 1fr);
				align-items: stretch;
				--distance: 50px;
		}
		.risk-rewards-big li {
				padding: 50px;
		}
		.risk-rewards-big li.small {
				backface-visibility: hidden;
				will-change: transform;
				transform: translate3d(0, 0, 0);
				transition: transform 1s var(--move-timing);
		}
		.risk-rewards-big li.small:nth-child(2) {
				transform: translate3d(0, calc(var(--distance) - var(--distance) * var(--percent)), 0);
		}
		.risk-rewards-big li.small:nth-child(3) {
				transform: translate3d(0, calc(var(--distance) * 2 - var(--distance) * 2 * var(--percent)), 0);
		}
		.risk-rewards-big li.small .h3 {
				font-size: 30px;
		}
		.risk-rewards-big li.small .num {
				margin-top: 100px;
		}
		.risk-rewards-big li.big {
				grid-column-start: 1;
				grid-column-end: 4;
				padding-right: 467px;
				justify-content: center;
				font-size: 18px;
				margin-top: 35px;
				min-height: 370px;
		}
		.risk-rewards-big li.big .h3, .risk-rewards-big li.big .text {
				backface-visibility: hidden;
				transition-property: transform, opacity;
				transition-duration: 1.5s;
				transition-timing-function: var(--move-timing);
				transform: translate3d(0, 0, 0);
		}
		.risk-rewards-big li.big .h3:not(.visible), .risk-rewards-big li.big .text:not(.visible) {
				opacity: 0 !important;
				pointer-events: none !important;
				transform: translate3d(0, 50px, 0);
		}
		.risk-rewards-big li.big .h3 {
				font-size: 2.25rem;
				max-width: 13.888888em;
		}
		.risk-rewards-big li.big .num {
				position: absolute;
				top: 50%;
				right: 50px;
				transform: translate3d(0, -50%, 0);
				margin: 0;
				width: 367px;
				box-shadow: 0 0 0 -2px var(--dark), 0 0 0 -2px var(--dark), 0 0 0 rgba(255, 255, 255, 0.17), 0 0 0 rgba(255, 255, 255, 0.17);
				transition: box-shadow 1s var(--move-timing);
		}
		.risk-rewards-big li.big .num.visible {
				box-shadow: -20px 20px 0 -2px var(--dark), 20px -20px 0 -2px var(--dark), -20px 20px 0 rgba(255, 255, 255, 0.17), 20px -20px 0 rgba(255, 255, 255, 0.17);
		}
}
/*animations*/
@media only screen and (max-width: 1023px) {
		.risk-rewards-big.js_detect-scroll li {
				backface-visibility: hidden;
				transition-property: transform, opacity;
				transition-duration: 1.5s;
				transition-timing-function: var(--move-timing);
				transform: translate3d(0, 0, 0);
				transition-delay: 0.5s;
		}
		.risk-rewards-big.js_detect-scroll:not(.visible) li {
				opacity: 0 !important;
				pointer-events: none !important;
				transform: translate3d(0, var(--distance), 0);
		}
		.risk-rewards-big.js_detect-scroll li:nth-child(1) {
				transition-delay: 0.1s;
		}
		.risk-rewards-big.js_detect-scroll li:nth-child(2) {
				transition-delay: 0.2s;
		}
		.risk-rewards-big.js_detect-scroll li:nth-child(3) {
				transition-delay: 0.3s;
		}
		.risk-rewards-big.js_detect-scroll li:nth-child(4) {
				transition-delay: 0.4s;
		}
}