.page-contact {
  padding-left: 18px !important;
}

.timeline_desc{font-weight: 400;font-size: 18px;line-height: 130%;}
.timeline {
  --uiTimelineMainColor: var(--timelineMainColor, #222);
  --uiTimelineSecondaryColor: var(--timelineSecondaryColor, #fff);
  border-left: var(--timelineLineWidth, 3px) solid var(--timelineLineBackgroundColor, var(--uiTimelineMainColor));
  display: var(--timelineDisplay, grid);
  grid-row-gap: var(--timelineGroupsGap, 2rem);
  height: calc(100% - 45px);
  --timelineMainColor: #4557bb;
}

.timeline__year {
  --timePadding: var(--timelineYearPadding, .5rem 1.5rem);
  --timeColor: var(--uiTimelineSecondaryColor);
  --timeBackgroundColor: var(--uiTimelineMainColor);
  --timeFontWeight: var(--timelineYearFontWeight, 400);
}

.time {
  padding: var(--timePadding, .25rem 1.25rem .25rem);
  background-color: var(--timeBackgroundColor, #f0f0f0);
  font-size: var(--timeFontSize, .75rem);
  font-weight: var(--timeFontWeight, 700);
  text-transform: var(--timeTextTransform, uppercase);
  color: var(--timeColor, currentColor);
}
.time {
  display: inline-flex;
  height: 40px;
  width: 40px;
  padding: 0;
  justify-content: center;
  align-content: center;
  align-items: center;
  font-size: 18px;
  border-radius: 10px;
}

.timeline__cards {
	padding-bottom: .25rem;
	display: flex;
	align-items: center;
	position: relative;
	margin-left: -21px;
}

.page-contact_zakaz_item::before {
content: "";
width: 27px;
height: 3px;
position: absolute;
top: calc(50% - 1px);
left: 37px;
z-index: -1;
background-color: #4557bb;
}


.timeline__card {
  display: flex;
  width: 100%;
}

.timeline__card2 {
  display: flex;
  align-content: center;
  align-items: center;
  padding:30px;
  margin-left: 27px;
}

.timeline__card .page-contact_zakaz_item_text{padding-left:20px; font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;}

.timeline__card .page-contact_zakaz_item_text span{color:#5E25FF;}