.topic-info {
	padding-top: 80px;
	padding-left: 28px;

	@include breakpoint(0 576px) {
		padding-top: 40px;
		padding-left: 0;
	}

	&:not(:first-child) {
		margin-left: 150px;
	}

	&__title {
		position: relative;
		font-size: 18px;
		font-weight: normal;
		color: #666666;
		margin-bottom: 14px;

		&:after {
			position: absolute;
			content: '';
			top: -29px;
			left: 150px;
			color: #666666;
			border-right: 1px solid #666666;
			height: 80px;
			transform: rotate(90deg);
		}

		@include breakpoint(0 576px) {
			font-size: 18px;
			line-height: 1.67;

			&:after {
				top: 0px;
				left: 40px;
			}
		}
	}

	&__description {
		font-weight: normal;
		letter-spacing: normal;
		color: #2f4f7e;
		position: relative;
		top: -54px;
		left: 220px;

		p {
			font-size: 40px;
			line-height: 1.4;
		}

		@include breakpoint(0 576px) {
			font-size: 14px;
			letter-spacing: 1.8px;
			position: unset;
			margin-top: 30px;

			p {
				font-size: 22px;
				line-height: 1.36;
			}
		}
	}

	@include breakpoint(0 576px) {
		&:not(:first-child) {
			margin-left: 0;
			margin-top: 30px;
		}
	}
}
