.values_v2-section {
	display: flex;
	min-height: 100vh;
	background: url('/local/templates/alpha_main/imgs/Background.png') no-repeat center center/cover;
	color: #fff;
	overflow: hidden;

	.values_v2-sidebar {
		width: 320px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 40px 0 40px 40px;
		margin-right: 140px;
		@media screen and (width <= 780px) {
			width: auto;
			padding: 20px 0 20px 20px;
			margin-right: -60px;
		}

		> .big_btn {
			@media screen and (width <= 780px) {
				display: none;
			}
		}

		.values_v2-btn {
			background: none;
			border: 1px solid #fff;
			color: #fff;
			font-size: 18px;
			padding: 8px 17px;
			border-radius: 6px;
			position: relative;
			cursor: pointer;
			width: 100%;
			max-width: max-content;
			height: 40px;
			text-align: left;
			text-wrap:nowrap;

			.dot {
				display: inline-block;
				width: 8px;
				height: 8px;
				background: #d9003c;
				border-radius: 50%;
				margin-left: 8px;
			}
		}
	}

	.values_v2-content {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		gap: 48px;
		position: relative;
		margin-top: 36px;
		margin-bottom: 40px;
		@media screen and (width <= 780px) {
			margin-top: 76px;
			margin-left: -100px;
		}

		.values_v2_content__header{
			display:flex;
			gap:10px;
			flex-direction:column;
			.values_v2_content__header_title{
				font-weight: 600;
				font-size: clamp(24px,3vw,42px);
				line-height: 44.1px;
				letter-spacing: -3px;
				color:white;
			}
			.values_v2_content__header_desc{
				color:white;
				font-weight: 400;
				font-size: 20px;
				line-height: 24px;
				letter-spacing: -0.2px;
				margin-bottom:50px;
			}
			.values_v2_content__header_tags{
				display:flex;
				gap:10px;
				flex-flow:row wrap;
				align-items:flex-start;
				>span{
					border-radius:10px;
					border: 1px solid #FFFFFF4D;
					padding:5.30px 9px;
					color:white;
					font-weight: 400;
					font-size: 16px;
					line-height: 19.2px;
					letter-spacing: -0.16px;
				}
			}
		}

		.value-block {
			position: relative;
			margin-left: 160px;
			display: block;
			@media screen and (width <= 780px) {
				margin-left: 40px;
			}

			&::before {
				content: " ";
				height: 220px;
				display: block;
				width: 1px;
				background: white;
				position: absolute;
				left: -160px;
				@media screen and (width <= 780px) {
					background: #d31c21;
					left: -20px;
					height: 176px;
				}
			}

			.number {
				position: absolute;
				left: -190px;
				top: 10px;
				font-weight: 400;
				font-size: 18px;
				line-height: 21.6px;
				letter-spacing: -0.18px;
				@media screen and (width <= 780px) {
					left: -50px;
					top: 0;
				}
			}

			> h2 {
				color: white;
				font-weight: 600;
				font-size: clamp(24px,3vw,42px);
				line-height: 44.1px;
				letter-spacing: -0.42px;
				@media screen and (width <= 780px) {
					position: relative;
					top: -20px;
				}
			}

			.values_v2-btn {
				background: none;
				border: 1px solid #fff;
				color: #fff;
				font-size: 18px;
				padding: 8px 17px;
				border-radius: 6px;
				position: relative;
				cursor: pointer;
				width: 100%;
				max-width: max-content;
				height: 40px;
				text-align: left;
				text-wrap:nowrap;
				position: relative;
				left: -580px;

				.dot {
					display: inline-block;
					width: 8px;
					height: 8px;
					background: #d9003c;
					border-radius: 50%;
					margin-left: 8px;
				}
			}
		}
	}
}
