.vnedr-header{
	height: 560px;
	background: url(/bitrix/templates/new_redesign/images/pages/bitrix24/vnedrenie/back.png) center no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	position: relative;
}
.vnedr-title{
	width: 70%;
	margin-top: auto !important;
	margin-bottom: 150px !important;
}
.vnedr-header .vn-icon02{
	position: absolute;
	left: calc(235px + (330 - 235) * ((100vw - 1920px) / (2560 - 1920)));
	bottom: 0px;
	height: 300px;
}
.vnedr-header .vn-icon01{
	position: absolute;
	right: calc(530px + (1070 - 530) * ((100vw - 1920px) / (2560 - 1920)));
	top: 0px;
	height: 260px;
}
.vnedr-header .buy-btn{
	width: auto;
	padding: 10px 30px;
}
@media screen and (min-width: 2560px){
	.vnedr-title{
		width: 60%;
	}
	.vnedr-header .vn-icon02{
		left: calc(455px + (565 - 455) * ((100vw - 2560px) / (3072 - 2560)));
	}
	.vnedr-header .vn-icon01{
		right: calc(950px + (1365 - 950) * ((100vw - 2560px) / (3072 - 2560)));
	}
}
@media screen and (max-width: 1625px) and (min-width: 1300px){
	.vnedr-header .vn-icon01{
		right: calc(470px + (760 - 470) * ((100vw - 1300px) / (1625 - 1300)));
	}
}
@media screen and (max-width: 1300px){
	.vnedr-header .vn-icon02,
	.vnedr-header .vn-icon01{
		display: none;
	}
}
.info-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	align-items: stretch;
	position: relative;
	z-index: 2;
    gap: 60px;
    width: 100%;
    margin: 60px auto 60px;
}
.info-block{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	align-content: flex-start;
	width: calc(385px + (550 - 385) * ((100vw - 400px) / (1920 - 400)));
    background: rgba(255, 255, 255, 89%);
    box-shadow: 5px 2px 40px #5F64C255;
    border-radius: 18px;
	overflow: hidden;
}
.info-block-top{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 0px auto 30px;
}
.info-block-title{
   font-size: 1.7rem;
   width: 100%;
   font-weight: 600;
   line-height: 1.2;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.info-block-icon{
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 15px 30px;
    width: 30%;
    height: auto;
	background: #EEA041;
	border-radius: 18px 0px 18px 0px;
	filter: drop-shadow(5px 2px 20px #5F64C255);
}
.info-block-content{
    width: 100%;
    font-size: 1.3rem;
	padding: 0px 30px 30px;
}
.buy-btn{
    width: 95%;
    padding: 10px 0px;
    border-radius: 15px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s, color 0.3s !important;
    box-sizing: border-box;
	border: none;
}
.buy-btn.orange{
    color: #fff;
    background: #EEA041;
}
.buy-btn.orange:hover{
    color: #EEA041;
    outline: 3px solid #EEA041;
    outline-offset: -3px;
    background: transparent;
}
.buy-btn.white{
    color: #EEA041;
    outline: 3px solid #EEA041;
    outline-offset: -3px;
    background: #fff;
}
.buy-btn.white:hover{
    color: #fff;
    background: #EEA041;
}
.buy-btn.blue{
    color: #fff;
    background: #757ABB;
}
.buy-btn.blue:hover{
	color: #757ABB;
    outline: 3px solid #757ABB;
    outline-offset: -3px;
    background: #fff;
}
.blue-text{
    color: #313DA5;
}
.white-text{
	color: #fff;
}
.wh-blue-text{
	color: #AAFFFE;
}
.gray-text{
	color: #ACACAC;
}
.shadow{
	filter: drop-shadow(0px 8px 15px #1F2872dd);
}
.count{
    font-size: 5rem;
	line-height: 1.1;
}
.etap{
	background: #E6EBF7aa;
	padding: 50px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.etap ol{
  list-style: none;
  padding: 0;
  margin: -90px 0px 50px;
  counter-reset: item;
  display: grid;
  gap: 120px 0px;
  grid-template-columns: 1fr 1fr; /* Две колонки */
  grid-auto-rows: 120px; /* Высота строк */
}

.etap li{
  position: relative;
  display: flex;
  height: 100%;
  padding-top: 10px;
  margin-bottom: 120px;
  font-weight: bold;
  text-transform: uppercase;
  align-items: flex-start;
}
/* Нечётные элементы (правая колонка) */
.etap li:nth-child(odd) {
  grid-column: 2;
  grid-row: span 1;
  border-radius: 10px 0px 0px 10px;
  transform: translateY(120px);
  padding-right: 25%;
  padding-left: 20px;
  background-image: linear-gradient(to right, #4F61DBad, #fff0);
}
/* Чётные элементы (левая колонка) */
.etap li:nth-child(even) {
  grid-column: 1;
  justify-content: flex-start;
  border-radius: 0px 10px 10px 0px;
  grid-row: span 1;
  background-image: linear-gradient(to left, #4F61DBad, #fff0);
  padding-left: 25%;
  padding-right: 20px;
}
.etap li:nth-child(odd)::before {
  left: 10px;
  margin-right: 40px;
}
.etap li:nth-child(even)::before {
  right: 10px;
  margin-left: 40px;
}
.etap li:nth-child(even) .left,
.etap li:nth-child(odd) .left{
	font-size: 100px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
}
.etap li:nth-child(even) .right,
.etap li:nth-child(odd) .left{
	margin-right: 10px;
}
.etap li:nth-child(even) .right,
.etap li:nth-child(odd) .right{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.etap li .pod-zag{
	font-size: 2rem;
	font-weight: bold;
	margin-top: 10px;
}
.etap li p{
	font-weight: 400;
}
.etap li:nth-child(even){
	flex-direction: row-reverse;
}
.etap .buy-btn{
	width: auto;
	padding: 10px 30px;
}
.under-text{
	text-align: center;
	font-size: 1.5rem;
	margin: 20px 0px;
}
.main-zagolovok{
	margin: 40px 30px;
	font-size: 4rem;
	text-transform: uppercase;
	text-wrap: balance;
	width: 80%;
}
.zagolovok{
	width: 100%;
	margin: 40px 0px;
	text-align: center;
	font-size: 3rem;
	text-transform: uppercase;
	text-wrap: balance;
}
.partner-grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	justify-content: center;
	gap: 60px 40px;
	width: 80%;
	justify-self: center;
	margin: 60px 10px;
}
.partner-block{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 600;
}
.partner-icon{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80%;
	margin-bottom: 20px;
}
.partner-block p{
	width: 80%;
	text-wrap: pretty;
}
.bitrix-24{
	font-size: 6rem;
}
.filt-shadow{
	filter: drop-shadow(0px 7px 6px rgba(31, 40, 114, 0.6));
}
@media screen and (max-width: 1500px){
	.etap li:nth-child(even){
		text-wrap: pretty;
		padding-left: 12%;
	}
	.etap li:nth-child(odd){
		text-wrap: pretty;
		padding-right: 12%;
	}
}
@media screen and (max-width: 1300px){
	.etap ol{
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		margin: 20px 0px;
	}
	.etap li:nth-child(odd),
	.etap li:nth-child(even){
		flex-direction: row;
    	padding-left: 20px;
		padding-right: 0;
		width: 90%;
		margin: 0px auto 20px;
		height: fit-content;
		transform: none;
    	background-image: linear-gradient(to right, #4F61DBad, #fff0);
		border-radius: 10px 0px 0px 10px;
	}
	.etap li:nth-child(odd) p,
	.etap li:nth-child(even) p{
		margin-bottom: 20px;
		font-size: 1.3rem;
	}
	.etap li:nth-child(even) .right{
		margin-left: 10px;
	}
	.partner-block{
		width: 100%;
		justify-content: flex-start;
	}
	.vnedr-title{
		width: 90%;
		padding: 0;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		text-align: center;
		align-items: center;
		align-content: center;
		margin: auto !important;
	}
}
@media screen and (max-width: 768px){
	.etap li:nth-child(even) .left, .etap li:nth-child(odd) .left {
		font-size: 65px;
		line-height: 1.1;
	}
	.partner-grid{
		display: flex;
		flex-wrap: wrap;
	}
	.vn-icon02, .vn-icon01{
		display: none;
	}
	.vnedr-header{
		height: 300px;
	}
	.main-zagolovok{
		margin: 10px 0px 30px;
		width: 95%;
		text-wrap: balance;
	}
	.vnedr-title h1{
		font-size: 2.8rem !important;
	}
	.bitrix-24{
		font-size: 3.9rem;
	}
	.partner-block{
		width: 80%;
		font-size: 1.2rem;
	}
	.info-block{
		width: 100%;
	}
	.partner-grid{
		gap: 35px 0px;
	}
	.partner-icon{
		width: 70%;
	}
}