.tmpl-single-champion {
	.champion {
		display: flex;
		flex-direction: column;

		gap: 64px;
		& + .champion {
			padding-top: 112px;
		}
		@include media-min($large) {
			flex-direction: row;
			justify-content: space-between;
		}
	}
	.image-container {
		margin-bottom: 46px;
	}
	.content {
		max-width: 864px;
		color: #fff;
		font-weight: 300;
		font-size: 16px;
		.title {
			font-weight: 700;
			font-size: 32px;
			line-height: 1.4;
			margin-bottom: 24px;
			@include media-min($medium) {
				font-size: 48px;
			}
		}
        .intro{
            a {
                text-decoration: underline;
                color: #DC150B;
            }
        }
	}
	.info {
		margin-top: 60px;
		display: flex;
		gap: 32px;
		font-weight: 400;
		color: #8b96a2;
		@include media-min($medium) {
            gap: 64px;
		}
		@include media-min($large) {
            gap: 100px;
		}
		.item {
			position: relative;
			padding-left: 30px;
			font-size: 16px;
			font-weight: 500;
			line-height: 22px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			b {
				font-weight: 500;
				color: #fff;
				display: block;
				margin-top: 10px;
			}

			&::before {
				content: "";
				height: 80%;
				position: absolute;
				left: 0;
				top: 0;
				bottom: 0;
				margin: auto;
				background-color: #dc150b;
				width: 14px;
				border-radius: 6px;
			}
		}
	}
}