$delay: 0s;
$step1_mobile: boxdownMobile 1s linear forwards $delay;
$step1: boxdown 1s linear forwards $delay;
$step1_stamp: stampfree 1s ease-in-out forwards $delay + 1;
$step1_bubblegroup: bubblegroup 1s ease-in-out forwards $delay + 1;
$step1_bubble: $delay + 2;

$step2_soccer: stampsoccer 1s ease-in-out forwards $delay + 1;
$step2_helmet: stamphelmet 1s ease-in-out forwards $delay + 2;
$step2_basket: stampbasket 3s linear forwards $delay + 3;

$step3_human: stamphuman 1s ease-in-out forwards $delay + 1;
$step3_square: stampsquare 0.5s ease-in-out forwards $delay + 2;
$step3_bar1: stampbar 0.5s ease-in-out forwards $delay + 2.5;
$step3_bar2: stampbar 0.5s ease-in-out forwards $delay + 3;
$step3_barball1: stampbarball1 4s ease-in-out infinite $delay + 3.5;
$step3_barball2: stampbarball2 4s ease-in-out infinite $delay + 5.5;
$step3_bubblegroup: bubblegroup2 1s ease-in-out forwards $delay + 3.5;

$step4_bar1: stampbar 0.5s ease-in-out forwards $delay + 1;
$step4_bar2: stampbar 0.5s ease-in-out forwards $delay + 1.5;
$step4_bar3: stampbar 0.5s ease-in-out forwards $delay + 2;
$step4_star3: stampsquare 0.5s ease-in-out forwards $delay + 2.5;
$step4_star1: stampsquare 0.5s ease-in-out forwards $delay + 3;
$step4_star2: stampsquare 0.5s ease-in-out forwards $delay + 3.5;
$step4_bubblegroup: bubblegroup2 1s ease-in-out forwards $delay + 3.5;

$step5_tropheu: stamptropheu 2s ease-in-out forwards $delay + 1;
$step5_plate1: stampplate1 0.5s ease-in-out forwards $delay + 3;
$step5_plate2: stampplate2 0.5s ease-in-out forwards $delay + 3;
$step5_bubblegroup: bubblegroup2 1s ease-in-out forwards $delay + 3.5;

.why-play-streaks {
	&.temp {
		background: $color_purple_2;
		position: relative;
		.header {
			padding: 65px 0 54px;
			max-width: 200px;
			margin: 0 auto;
			h2 {
				font-family: $font_secondary;
				font-size: 69px;
				line-height: 69px;
				text-align: center;
				font-style: italic;
				font-weight: normal;
			}
		}
		.line {
			border-top: 1px solid $color_blue;
			// border-bottom: 1px solid $color_blue;
		}
		.topic {
			border: 1px solid $color_blue;
			transform: translate(-37px, -98%) rotate(-13deg);
			background: $color_purple_2;
			z-index: 10;
			margin: 0 auto;
			width: 335px;
			padding: 35px 0 40px;
			opacity: 0;
			.image {
				margin-bottom: 37px;
				height: auto;
				.stamp {
					width: 275.3947px;
					height: 179px;
					position: relative;
					z-index: 10;
					.item {
						position: absolute;
						background-repeat: no-repeat;
						background-size: contain;
					}
					.bg {
						width: 100%;
						height: 100%;
						top: 0;
						left: 0;
					}
					.content {
						width: 170px;
						height: 170px;
						border-radius: 50%;
						overflow: hidden;
					}
					&-l {
						.bg {
							background-image: url('../img/layout/ball-left.svg');
							background-position: left top;
						}
						.content {
							top: 5px;
							left: 3px;
						}
					}
					&-r {
						.bg {
							background-image: url('../img/layout/ball-right.svg');
							background-position: right top;
						}
						.content {
							top: 7px;
							right: 5px;
						}
					}
				}
			}
			.text {
				max-width: 302px;
				margin: 0 auto;
				text-align: center;
				h3 {
					font-family: $font_secondary;
					font-style: normal;
					font-weight: normal;
					color: $color_pink;
					margin-bottom: 12px;
					font-size: 45px;
					line-height: 45px;
				}
				p {
					font-size: 16px;
					line-height: 27px;
				}
			}
		}
		.stamp {
			.bubble-cluster {
				z-index: 10;
				opacity: 0;
				.dot:nth-child(1) {
					width: 10px;
					height: 10px;
				}
				.dot:nth-child(2) {
					width: 7px;
					height: 7px;
				}
				.dot:nth-child(3) {
					width: 4px;
					height: 4px;
				}
				.dot:nth-child(4) {
					width: 9px;
					height: 9px;
				}
				.dot:nth-child(5) {
					width: 7px;
					height: 7px;
				}
				.dot:nth-child(6) {
					width: 6px;
					height: 6px;
				}
			}
			&-free {
				.free {
					width: 144.5931px;
					height: 128.7381px;
					background-image: url('../img/layout/tickets-free.svg');
					top: 20px;
					left: 15px;
					transform: translate(250px, 0);
					z-index: 20;
				}
				.bubble-cluster {
					top: 40px;
					left: 70px;
					z-index: 10;
					transform: translate(250px, 0);
					.dot {
						animation-delay: $step1_bubble;
					}
					.dot:nth-child(1) {
						animation-duration: 6s;
						.img {
							animation-duration: 8s;
						}
					}
					.dot:nth-child(2) {
						left: 13px;
						animation-duration: 4s;
						.img {
							animation-duration: 6s;
						}
					}
					.dot:nth-child(3) {
						left: 30px;
						.img {
							animation-duration: 5s;
						}
					}
					.dot:nth-child(4) {
						left: 32px;
						animation-duration: 5s;
						.img {
							animation-duration: 7s;
						}
					}
					.dot:nth-child(5) {
						left: 52px;
						animation-duration: 3s;
						.img {
							animation-duration: 5s;
						}
					}
					.dot:nth-child(6) {
						left: 62px;
						.img {
							animation-duration: 5s;
						}
					}
				}
			}
			&-easy {
				.soccer-ball {
					width: 124.7px;
					height: 68.4px;
					background-image: url('../img/layout/soccer-ball.svg');
					top: 7px;
					left: 28px;
					transform: translate(-250px, 0);
					z-index: 20;
				}
				.helmet {
					width: 146.05px;
					height: 52.7px;
					background-image: url('../img/layout/helmet2.svg');
					top: 57px;
					left: 15px;
					transform: translate(250px, 0);
					z-index: 30;
				}
				.basket-ball {
					width: 57.5931px;
					height: 58.7381px;
					background-image: url('../img/layout/basket-ball2.svg');
					top: 109px;
					left: 74px;
					transform: translate(0, -250px);
					z-index: 40;
				}
				.bubble-cluster {
					top: 40px;
					right: 70px;
					z-index: 10;
					transform: translate(250px, 0);
					.dot {
						animation-delay: $step1_bubble;
					}
					.dot:nth-child(1) {
						animation-duration: 6s;
						.img {
							animation-duration: 8s;
						}
					}
					.dot:nth-child(2) {
						left: 13px;
						animation-duration: 4s;
					}
					.dot:nth-child(3) {
						left: 30px;
					}
					.dot:nth-child(4) {
						left: 32px;
						animation-duration: 5s;
					}
					.dot:nth-child(5) {
						left: 12px;
						animation-duration: 3s;
					}
					.dot:nth-child(6) {
						width: 15px;
						height: 15px;
						left: 20px;
					}
				}
			}
			&-human {
				.content {
					z-index: 50;
				}
				.human {
					width: 124.39px;
					height: 130.45px;
					background-image: url('../img/layout/human.svg');
					top: 54px;
					left: 22px;
					transform: translate(0, 250px);
					z-index: 20;
				}
				.square {
					width: 61.27px;
					height: 90.9px;
					background-image: url('../img/layout/square.svg');
					top: 40px;
					left: 17px;
					transform: scale(0);
					opacity: 0;
					z-index: 5;
				}
				.bar1 {
					width: 28.48px;
					height: 146.28px;
					background-image: url('../img/layout/bar1.svg');
					top: 17px;
					left: 92px;
					transform: translate(0, 250px);
					z-index: 5;
				}
				.bar2 {
					width: 28.48px;
					height: 146.28px;
					background-image: url('../img/layout/bar2.svg');
					top: 55px;
					left: 126px;
					transform: translate(0, 250px);
					z-index: 5;
				}
				.barball {
					width: 11.25px;
					height: 11.25px;
					background-image: url('../img/layout/bar-ball.svg');
					transform: scale(0);
					opacity: 0;
					z-index: 6;
					&.barball1 {
						top: 25px;
						left: 100px;
					}
					&.barball2 {
						top: 64px;
						left: 134px;
					}
				}
				.bubble-cluster {
					top: 40px;
					left: 100px;
					z-index: 0;
					opacity: 0;
					.dot {
						animation-delay: $step1_bubble;
					}
					.dot:nth-child(1) {
						animation-duration: 6s;
						.img {
							animation-duration: 8s;
						}
					}
					.dot:nth-child(2) {
						left: 13px;
						animation-duration: 4s;
					}
					.dot:nth-child(3) {
						left: 30px;
					}
					.dot:nth-child(4) {
						left: 32px;
						animation-duration: 5s;
					}
					.dot:nth-child(5) {
						left: 12px;
						animation-duration: 3s;
					}
					.dot:nth-child(6) {
						width: 15px;
						height: 15px;
						left: 20px;
					}
				}
			}
			&-win {
				.content {
					z-index: 50;
				}
				.bar1 {
					width: 37.07px;
					height: 73.07px;
					background-image: url('../img/layout/bar1_1.svg');
					top: 107px;
					left: 20px;
					transform: translate(0, 250px);
				}
				.bar2 {
					width: 37.38px;
					height: 92.5px;
					background-image: url('../img/layout/bar2_1.svg');
					top: 90px;
					left: 68px;
					transform: translate(0, 250px);
				}
				.bar3 {
					width: 36.4px;
					height: 58.52px;
					background-image: url('../img/layout/bar3.svg');
					top: 123px;
					left: 117px;
					transform: translate(0, 250px);
				}
				.star1 {
					width: 38.54px;
					height: 38.97px;
					background-image: url('../img/layout/star1.svg');
					top: 62px;
					left: 19px;
					transform: scale(0);
					opacity: 0;
				}
				.star2 {
					width: 64.21px;
					height: 64.95px;
					background-image: url('../img/layout/star2.svg');
					top: 20px;
					left: 54px;
					transform: scale(0);
					opacity: 0;
				}
				.star3 {
					width: 39.54px;
					height: 39.97px;
					background-image: url('../img/layout/star3.svg');
					top: 78px;
					left: 116px;
					transform: scale(0);
					opacity: 0;
				}
				.bubble-cluster {
					top: 40px;
					z-index: 0;
					opacity: 0;
					.dot {
						animation-delay: $step1_bubble;
						.coin1 {
							background: url('../img/layout/coin1.svg') no-repeat left top;
							background-size: contain;
						}
						.coin2 {
							background: url('../img/layout/coin2.svg') no-repeat left top;
							background-size: contain;
						}
					}
					&.cluster1 {
						left: 132px;
						.dot:nth-child(1) {
							animation-duration: 6s;
							.img {
								animation-duration: 8s;
							}
						}
						.dot:nth-child(2) {
							left: 13px;
							animation-duration: 4s;
						}
						.dot:nth-child(3) {
							left: 30px;
						}
						.dot:nth-child(4) {
							left: 32px;
							animation-duration: 5s;
						}
						.dot:nth-child(5) {
							left: 12px;
							animation-duration: 3s;
						}
						.dot:nth-child(6) {
							width: 26.26px;
							height: 26.26px;
							left: 20px;
							.img {
								animation-duration: 8s;
							}
						}
					}
					&.cluster2 {
						left: 198px;
						.dot:nth-child(1) {
							width: 25.65px;
							height: 25.65px;
							animation-duration: 5s;
							.img {
								animation-duration: 8s;
							}
						}
						.dot:nth-child(2) {
							left: 13px;
							animation-duration: 3s;
						}
						.dot:nth-child(3) {
							left: 30px;
						}
						.dot:nth-child(4) {
							left: 32px;
							animation-duration: 4s;
						}
						.dot:nth-child(5) {
							left: 12px;
							animation-duration: 2s;
						}
						.dot:nth-child(6) {
							left: 20px;
						}
					}
				}
			}
			&-unique {
				.tropheu {
					width: 108.22px;
					height: 108.22px;
					background-image: url('../img/layout/tropheu.svg');
					top: 18px;
					left: 33px;
					z-index: 10;
					transform: translate(250px, 0) rotate(180deg);
				}
				.plate1 {
					width: 66.86px;
					height: 66.86px;
					background-image: url('../img/layout/plate1.svg');
					top: 81px;
					left: 71px;
					z-index: 8;
					transform: translate(-20px, -50px);
					opacity: 0;
				}
				.plate2 {
					width: 48.7px;
					height: 48.7px;
					background-image: url('../img/layout/plate2.svg');
					top: 97px;
					left: 34px;
					z-index: 5;
					transform: translate(37px, -70px);
					opacity: 0;
				}
				.bubble-cluster {
					top: 40px;
					left: 74px;
					z-index: 0;
					//transform: translate(250px, 0);
					.dot {
						animation-delay: $step1_bubble;
						.star1 {
							background: url('../img/layout/star-purple.svg') no-repeat left top;
							background-size: contain;
						}
						.star2 {
							background: url('../img/layout/star-pink.svg') no-repeat left top;
							background-size: contain;
						}
					}
					.dot:nth-child(1) {
						width: 22.41px;
						height: 22.42px;
						animation-duration: 6s;
						.img {
							animation-duration: 8s;
						}
					}
					.dot:nth-child(2) {
						left: 13px;
						animation-duration: 4s;
					}
					.dot:nth-child(3) {
						left: 30px;
					}
					.dot:nth-child(4) {
						left: 32px;
						animation-duration: 5s;
					}
					.dot:nth-child(5) {
						left: 12px;
						animation-duration: 3s;
					}
					.dot:nth-child(6) {
						width: 15.8px;
						height: 15.8px;
						left: 54px;
						.img {
							animation-duration: 8s;
						}
					}
				}
			}
		}
		.line-1,
		.line-3,
		.line-5 {
			.image {
				text-align: right;
				img,
				.stamp {
					margin: 0 0 0 auto;
				}
			}
		}
		.line-1 {
			.topic {
				z-index: 10;
			}
		}
		.line-2 {
			.topic {
				z-index: 9;
			}
		}
		.line-3 {
			.topic {
				z-index: 8;
			}
		}
		.line-4 {
			.topic {
				z-index: 7;
			}
		}
		.line-5 {
			border-bottom: 1px solid $color_blue;
			.topic {
				z-index: 6;
			}
		}
		.line.view {
			.topic {
				animation: $step1_mobile;
			}
			.stamp {
				&-free {
					.free {
						animation: $step1_stamp;
					}
					.bubble-cluster {
						animation: $step1_bubblegroup;
					}
				}
				&-easy {
					.soccer-ball {
						animation: $step2_soccer;
					}
					.helmet {
						animation: $step2_helmet;
					}
					.basket-ball {
						animation: $step2_basket;
					}
					.bubble-cluster {
						animation: $step1_bubblegroup;
					}
				}
				&-human {
					.human {
						animation: $step3_human;
					}
					.square {
						animation: $step3_square;
					}
					.bar1 {
						animation: $step3_bar1;
					}
					.bar2 {
						animation: $step3_bar2;
					}
					.barball1 {
						animation: $step3_barball1;
					}
					.barball2 {
						animation: $step3_barball2;
					}
					.bubble-cluster {
						animation: $step3_bubblegroup;
					}
				}
				&-win {
					.bar1 {
						animation: $step4_bar1;
					}
					.bar2 {
						animation: $step4_bar2;
					}
					.bar3 {
						animation: $step4_bar3;
					}
					.star1 {
						animation: $step4_star1;
					}
					.star2 {
						animation: $step4_star2;
					}
					.star3 {
						animation: $step4_star3;
					}
					.bubble-cluster {
						animation: $step4_bubblegroup;
					}
				}
				&-unique {
					.tropheu {
						animation: $step5_tropheu;
					}
					.plate1 {
						animation: $step5_plate1;
					}
					.plate2 {
						animation: $step5_plate2;
					}
					.bubble-cluster {
						animation: $step5_bubblegroup;
					}
				}
			}
		}
		@include media-breakpoint-up(md) {
			padding: 310.5px 0 0 0;
			.text-carousel {
				width: 100%;
				height: 78px;
				overflow: hidden;
				position: absolute;
				top: 122.89px;
				left: 0;
				.animation-text {
					font-family: $font_secondary;
					font-size: 75px;
					line-height: 78px;
					white-space: nowrap;
					display: flex;
					align-items: center;
					position: absolute;
					top: 0;
					left: -2046px;
					animation: moveRight4 5s linear infinite;
					.logo {
						width: 36px;
						margin: 0 50px;
					}
				}
			}
			.line {
				display: flex;
				border-right: 1px solid $color_blue;
			}
			.column {
				display: flex;
				flex-direction: column;
				position: relative;
				width: 103.7px;
				height: 312.3px;
				.block {
					width: 100%;
					height: 0;
					padding-top: 100%;
					border: 1px solid $color_blue;
					border-bottom: none;
					border-right: none;
					position: relative;
					&.block1 {
						border-top: none;
					}
					img {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
					.win {
						margin-top: 2px;
					}
					.picks {
						margin-top: 6px;
					}
					.tenisball {
						margin-left: -19px;
					}
				}
				&.bw-r {
					.block {
						border-right: 1px solid $color_blue;
					}
				}
			}
			.topic {
				width: calc(100% - 207.4px);
				height: 312.3px;
				display: flex;
				align-items: center;
				padding: 0 30px;
				.image {
					margin: 0;
					margin-right: 10.95px;
					.stamp {
						width: 243.65px;
						height: 158.3667px;
						.content {
							width: 148px;
							height: 148px;
						}
					}
				}
				.text {
					width: auto;
					text-align: left;
					max-width: none;
					margin: 0;
					h3 {
						font-size: 50px;
						line-height: 50px;
					}
				}
			}
			.stamp {
				&-free {
					.free {
						width: 127.9259px;
						height: 113.8985px;
						top: 17px;
						left: 13px;
					}
				}
				&-easy {
					.soccer-ball {
						width: 114.7px;
						height: 63.4px;
						top: 4px;
						left: 23px;
					}
					.helmet {
						width: 131.05px;
						height: 46.7px;
						top: 48px;
						left: 14px;
					}
					.basket-ball {
						width: 49.5931px;
						height: 50.7381px;
						top: 95px;
						left: 66px;
					}
				}
				&-human {
					.human {
						width: 104.39px;
						height: 108.45px;
						top: 48px;
						left: 22px;
					}
					.square {
						width: 50.27px;
						height: 73.9px;
						top: 34px;
						left: 16px;
					}
					.bar1 {
						width: 23.48px;
						height: 124.28px;
						top: 14px;
						left: 81px;
					}
					.bar2 {
						width: 23.48px;
						height: 124.28px;
						top: 49px;
						left: 111px;
					}
					.barball {
						width: 9.25px;
						height: 9.25px;
						&.barball1 {
							top: 22px;
							left: 88px;
						}
						&.barball2 {
							top: 57px;
							left: 118px;
						}
					}
					.bubble-cluster {
						top: 40px;
						left: 90px;
					}
				}
				&-win {
					.bar1 {
						width: 33.07px;
						height: 64.07px;
						top: 95px;
						left: 15px;
					}
					.bar2 {
						width: 33.38px;
						height: 80.5px;
						top: 80px;
						left: 58px;
					}
					.bar3 {
						width: 33.4px;
						height: 51.52px;
						top: 109px;
						left: 101px;
					}
					.star1 {
						width: 32.54px;
						height: 32.97px;
						top: 57px;
						left: 16px;
					}
					.star2 {
						width: 60.21px;
						height: 60.95px;
						top: 17px;
						left: 45px;
					}
					.star3 {
						width: 35.54px;
						height: 35.97px;
						top: 69px;
						left: 100px;
					}
					.bubble-cluster {
						top: 40px;
						z-index: 0;
						&.cluster1 {
							left: 114px;
							.dot:nth-child(6) {
								width: 25.26px;
								height: 25.26px;
								left: 20px;
							}
						}
						&.cluster2 {
							left: 176px;
							.dot:nth-child(1) {
								width: 23.65px;
								height: 23.65px;
								animation-duration: 5s;
							}
						}
					}
				}
				&-unique {
					.tropheu {
						width: 94.22px;
						height: 94.22px;
						top: 16px;
						left: 28px;
					}
					.plate1 {
						width: 59.86px;
						height: 59.86px;
						top: 70px;
						left: 64px;
					}
					.plate2 {
						width: 42.7px;
						height: 42.7px;
						top: 85px;
						left: 30px;
					}
					.bubble-cluster {
						left: 69px;
					}
				}
			}
			.line-1,
			.line-3,
			.line-5 {
				.image {
					text-align: left;
					margin-right: 11px;
					img {
						margin: 0 0 0 0;
					}
				}
				.text {
					width: calc(100% - 254.65px);
				}
			}
			.line-2,
			.line-4 {
				.topic {
					padding-left: 13.14px;
				}
				.image {
					margin-right: 47px;
				}
				.text {
					width: calc(100% - 287.65px);
				}
			}
			.line-3 {
				.topic {
					width: calc(100% - 207.4px);
				}
				.text {
					max-width: 391.63px;
				}
			}
			.line-4 {
				.text {
					max-width: 320.51px;
				}
			}
			.line-5 {
				.text {
					max-width: 308.88px;
				}
			}
			.line.view {
				.topic {
					animation: $step1;
				}
			}
		}
		@include media-breakpoint-up(lg) {
			.topic {
				width: calc(100% - 311.1px);
				padding: 0 45.73px;
				.text {
					.mobile {
						display: none;
					}
				}
			}
		}
		@include media-breakpoint-up(xl) {
			padding: 513px 0 0 0;
			.text-carousel {
				height: 103px;
				top: 209px;
				.animation-text {
					font-size: 100px;
					line-height: 103px;
					left: -2353px;
					animation: moveRight5 5s linear infinite;
					.logo {
						width: 48px;
						margin: 0 55px;
					}
				}
			}
			.column {
				width: 149px;
				height: 449px;
			}
			.topic {
				width: calc(100% - 596px);
				height: 449px;
				padding: 0 67px;
				.image {
					.stamp {
						width: 357px;
						height: 232.0415px;
						.content {
							width: 221px;
							height: 221px;
						}
					}
				}
				.text {
					h3 {
						font-size: 59px;
						line-height: 59px;
					}
					p {
						font-size: 22px;
						line-height: 35px;
					}
				}
			}
			.stamp {
				&-free {
					.free {
						width: 187.4391px;
						height: 166.8859px;
						top: 26px;
						left: 21px;
					}
				}
				&-easy {
					.bubble-cluster {
						top: 40px;
						right: 87px;
					}
					.soccer-ball {
						width: 164.7px;
						height: 89.4px;
						top: 12px;
						left: 35px;
					}
					.helmet {
						width: 192.05px;
						height: 67.7px;
						top: 75px;
						left: 21px;
					}
					.basket-ball {
						width: 73.61px;
						height: 74.45px;
						top: 145px;
						left: 96px;
					}
				}
				&-human {
					.human {
						width: 164.39px;
						height: 167.45px;
						top: 69px;
						left: 31px;
					}
					.square {
						width: 80.27px;
						height: 115.9px;
						top: 52px;
						left: 25px;
					}
					.bar1 {
						width: 36.48px;
						height: 190.28px;
						top: 24px;
						left: 122px;
					}
					.bar2 {
						width: 35.78px;
						height: 190.28px;
						top: 75px;
						left: 166px;
					}
					.barball {
						width: 14.25px;
						height: 14.25px;
						&.barball1 {
							top: 35px;
							left: 132px;
						}
						&.barball2 {
							top: 86px;
							left: 177px;
						}
					}
					.bubble-cluster {
						left: 140px;
					}
				}
				&-win {
					.content {
						z-index: 50;
					}
					.bar1 {
						width: 50.07px;
						height: 101.07px;
						top: 141px;
						left: 24px;
					}
					.bar2 {
						width: 50.38px;
						height: 125.5px;
						top: 119px;
						left: 87px;
					}
					.bar3 {
						width: 50.4px;
						height: 79.52px;
						top: 163px;
						left: 150px;
					}
					.star1 {
						width: 52.54px;
						height: 49.97px;
						top: 83px;
						left: 22px;
					}
					.star2 {
						width: 87.21px;
						height: 82.95px;
						top: 27px;
						left: 68px;
					}
					.star3 {
						width: 52.54px;
						height: 49.97px;
						top: 103px;
						left: 148px;
					}
					.bubble-cluster {
						&.cluster1 {
							left: 179px;
							.dot:nth-child(6) {
								width: 36.26px;
								height: 36.26px;
								left: 20px;
							}
						}
						&.cluster2 {
							left: 258px;
							.dot:nth-child(1) {
								width: 35.65px;
								height: 35.65px;
							}
						}
					}
				}
				&-unique {
					.tropheu {
						width: 144.22px;
						height: 144.22px;
						top: 25px;
						left: 40px;
					}
					.plate1 {
						width: 96.86px;
						height: 96.86px;
						top: 100px;
						left: 83px;
					}
					.plate2 {
						width: 63.7px;
						height: 63.7px;
						top: 129px;
						left: 44px;
					}
					.bubble-cluster {
						top: 40px;
						left: 74px;
						.dot:nth-child(1) {
							width: 29.41px;
							height: 29.42px;
						}
						.dot:nth-child(6) {
							width: 19.8px;
							height: 19.8px;
							left: 54px;
						}
					}
				}
			}
			.line-1,
			.line-3,
			.line-5 {
				.image {
					text-align: left;
					margin-right: 27px;
				}
				.text {
					width: calc(100% - 384px);
				}
			}
			.line-2,
			.line-4 {
				.topic {
					padding: 0 16px 0 26px;
				}
				.image {
					margin-right: 67px;
				}
				.text {
					width: calc(100% - 424px);
				}
			}

			.line-2 {
				.text {
					max-width: 380px;
				}
			}
			.line-3 {
				.topic {
					width: calc(100% - 298px);
				}
				.text {
					max-width: 574px;
				}
			}
			.line-4 {
				.text {
					max-width: 470px;
				}
			}
			.line-5 {
				.text {
					max-width: 453px;
				}
			}
		}
		@include media-breakpoint-up(xxl) {
			.topic {
				width: calc(100% - 745px);
			}
			.line-3 {
				.topic {
					width: calc(100% - 596px);
				}
			}
		}
	}
}
@keyframes moveRight4 {
	from {
		left: -2046px;
	}
	to {
		left: -1473px;
	}
}
@keyframes moveRight5 {
	from {
		left: -2353px;
	}
	to {
		left: -1613px;
	}
}
@keyframes boxdownMobile {
	0% {
		transform: translate(-37px, -98%) rotate(-13deg);
		opacity: 0;
	}
	50% {
		transform: translate(-11px, -38%) rotate(8deg);
		opacity: 1;
	}
	99% {
		transform: translate(0, 0) rotate(0);
		border-color: rgba($color_blue, 1);
	}
	100% {
		transform: translate(0, 0) rotate(0);
		border-top-color: rgba($color_blue, 0);
		border-bottom-color: rgba($color_blue, 0);
		opacity: 1;
	}
}
@keyframes boxdown {
	0% {
		transform: translate(-37px, -98%) rotate(-13deg);
		opacity: 0;
	}
	50% {
		transform: translate(-11px, -38%) rotate(8deg);
		opacity: 1;
	}
	99% {
		transform: translate(0, 0) rotate(0);
		border-color: rgba($color_blue, 1);
	}
	100% {
		transform: translate(0, 0) rotate(0);
		border-color: rgba($color_blue, 0);
		opacity: 1;
	}
}

@keyframes stampfree {
	0% {
		transform: translate(250px, 0);
	}
	100% {
		transform: translate(0, 0);
	}
}
@keyframes stampsoccer {
	0% {
		transform: translate(-250px, 0);
	}
	100% {
		transform: translate(0, 0);
	}
}
@keyframes stamphelmet {
	0% {
		transform: translate(250px, 0);
	}
	100% {
		transform: translate(0, 0);
	}
}
@keyframes stampbasket {
	0% {
		transform: translate(0, -250px);
	}
	25% {
		transform: translate(0, 0) rotate(0deg);
	}
	30% {
		transform: translate(-16px, 3px) rotate(-28deg);
	}
	50% {
		transform: translate(-56px, -7px) rotate(-68deg);
	}
	65% {
		transform: translate(-16px, 3px) rotate(-28deg);
	}
	75% {
		transform: translate(0, 0) rotate(0deg);
	}
	100% {
		transform: translate(-16px, 3px) rotate(-28deg);
	}
}
@keyframes bubblegroup {
	0% {
		transform: translate(250px, 0);
		opacity: 0;
	}
	99% {
		transform: translate(0, 0);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}
@keyframes stamphuman {
	0% {
		transform: translate(0, 250px);
	}
	100% {
		transform: translate(0, 0);
	}
}
@keyframes stampsquare {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes stampbar {
	0% {
		transform: translate(0, 250px);
	}
	100% {
		transform: translate(0, 0);
	}
}
@keyframes stampbarball1 {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	20% {
		transform: scale(1);
		opacity: 1;
	}
	60% {
		transform: scale(1);
		opacity: 1;
	}
	80% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(0);
		opacity: 0;
	}
}
@keyframes stampbarball2 {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	20% {
		transform: scale(1);
		opacity: 1;
	}
	60% {
		transform: scale(1);
		opacity: 1;
	}
	80% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(0);
		opacity: 0;
	}
}
@keyframes bubblegroup2 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes stamptropheu {
	0% {
		transform: translate(250px, 0) rotate(180deg);
	}
	100% {
		transform: translate(0, 0) rotate(0deg);
	}
}
@keyframes stampplate1 {
	0% {
		transform: translate(-20px, -50px);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}
@keyframes stampplate2 {
	0% {
		transform: translate(37px, -70px);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}
