.training {
	> .container {
		padding-block: var(--clamp-40-20);
	}

	> .container > .content {
		display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--clamp-30-10);
        align-items: center;
		padding-inline: var(--clamp-30-10);
        padding-block: var(--clamp-40-10);
        border-radius: var(--clamp-30-10);
        background-color: var(--white-v2);

		.info {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: var(--clamp-30-10);
		}

		.title {
			max-width: 520px;
			font-size: var(--clamp-48-28);
			font-weight: 800;
			line-height: 1.1;
			color: var(--black);
		}

		.description {
			max-width: 560px;
			font-size: var(--clamp-16-12);
			font-weight: 400;
			line-height: 1.45;
			color: var(--black);
		}

		.images {
			display: grid;
			grid-template-columns: 1.55fr 0.85fr;
			height: 100%;
			gap: var(--clamp-30-10);
		}

		.image {
			display: block;
			width: 100%;
			height: 100%;

			border-radius: var(--clamp-20-10);
			object-fit: cover;
		}
	}
}

@media (max-width: 999px) {
	.training {
		> .container > .content {
			grid-template-columns: 1fr;

			.title {
				max-width: none;
			}

			.description {
				max-width: none;
			}

			.images {
				grid-template-columns: 1fr 1fr;
			}
		}
	}
}

@media (max-width: 575px) {
	.training {
		> .container > .content {
			
			.images {
				grid-template-columns: 1fr;
			}

			.image {
				aspect-ratio: 16 / 7;
			}
		}
	}
}