.warp_teaser .swiper-wrapper {
			align-items: center;
		}
		.warp_teaser .teaser_right  {
			flex-direction: column;
			align-items: start;
		}
		.warp_teaser .teaser_right p {
			margin-bottom: 0;
			text-align: left;
		}
		.warp_teaser .bg-white {
			padding: 24px 16px;
		}
		.warp_teaser .swiper-slide {
			padding: 0 16px;
			gap: 8px;
			display: flex;
			height: 100%;
			max-width: 400px;
		}
		.warp_teaser .swiper-slide:after {
			position: absolute;
			content: "";
			width: 1px;
			height: 92px;
			top: 50%;
			transform: translateY(-50%);
			background: #dee2e6;
			left: 1px;

}
		.warp_teaser .swiper-slide-active:after {
			display: none;
}
		.teaser__left {
			margin-right: 8px;
}
		.warp_teaser .swiper-button-next:after {
 content: '';
    position: absolute;

    display: block;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    border: 1px solid #D0D8EC;
    background-image: url('data:image/svg+xml, %3Csvg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.5 1.08984L20.9102 11.5M20.9102 11.5L10.5 21.9102M20.9102 11.5L0.0898145 11.5" stroke="%23004FAC"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;

}
		.warp_teaser .swiper-button-next {
			right: -14px;
		}
		.warp_teaser .swiper-button-prev:after {
content: '';
    position: absolute;
    
    display: block;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    border: 1px solid #D0D8EC;
    background-image: url('data:image/svg+xml, %3Csvg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11.5 21.9102L1.08982 11.5M1.08982 11.5L11.5 1.08979M1.08982 11.5L21.9102 11.5" stroke="%23004FAC"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;

}
		.warp_teaser .swiper-button-prev {
			left: -14px;
		}

.file-upload-wrapper {
		background-color: #004FAC;

}
.upload-box.dragover {
  border: 2px dashed #32a9ff;
  background-color: rgba(255, 255, 255, 0.1);
}

.upload-box {
  max-width: 100%;
  margin: 0 auto;
  padding: 60px;
  transition: background-color 0.3s, border-color 0.3s;
  cursor: pointer;
color: #fff;
}

.icon {
cursor: pointer;
}
.error-message {
background: #fff;
position: absolute;
text-align: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
    .quiz-box {
      border: 1px solid #ccc;
      padding: 40px;
    }
	#quizForm {
	padding-top: 100px;
	}
    .quiz-title {
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 10px;
    }

    .quiz-subtitle {
      font-size: 14px;
      color: #666;
      margin-bottom: 30px;
    }

    .quiz-form h3 {
      font-weight: 700;
      margin-bottom: 10px;
    }

    .form-row {
      display: flex;
      gap: 20px;
      margin-bottom: 20px;
    }

    .form-group {
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    label {
      font-size: 13px;
      margin-bottom: 5px;
    }

    input, select {
      padding: 10px;
      border: none;
      border-bottom: 1px solid #ccc;
      font-size: 14px;
      outline: none;
    }

    .checkbox-group {
      margin: 20px 0;
    }

    .checkbox-group label {
      font-size: 14px;
    }

    .quiz-box .swiper {
      width: 100%;
    }

   .quiz-box .swiper-slide {
      display: flex;
      flex-direction: column;
    }

    .quiz-box .swiper-pagination {
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
    }

    .quiz-box .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      background: #ccc;
      border-radius: 50%;
      margin: 0 6px;
      transition: background 0.3s;
    }

   .quiz-box  .swiper-pagination-bullet-active {
      background: #2293E4;
    }

    .quiz-box .buttons {
      display: flex;
      justify-content: space-between;
      margin-top: 30px;
    }

    .btn {
      background: radial-gradient(34.39% 84.86% at 61.51% 50%, #2293E4 0%, #004FAC 100%);
      color: #fff;
      padding: 14px 28px;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      font-size: 16px;
      font-weight: 700;
      transition: background 0.3s ease;
    }

    .btn:hover,
    .btn:focus-visible {
      background: #32A9FF;
    }

    .btn#nextBtn:hover,
    .btn#nextBtn:focus-visible {
      background: #004FAC;
    }


.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
top: 60px !important;
bottom: auto !important;
}

.back-button {
color: #fff;
font-size: 26px;
padding: 20px 40px;
border: none;
background-color: #004FAC;
}

	/*until*/

	.dostavka-top {

	background-image:url(process.jpg); 
		background-size:cover;
    background-position: right top;
    background-repeat: no-repeat;
		color: #fff;
}

    .register-button {
	  cursor: pointer;
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 20px;
      padding: 30px 40px;
      font-size: 26px;
      text-decoration: none;
      color: #0052cc;
      background: #fff;
      border: none;
      overflow: hidden;
      transition: color 0.3s ease, border-color 0.3s ease;
      z-index: 1;
    }

    .register-button .arrow svg{

		color: #004FAC;
      transition: transform 0.3s ease;
    }

    /* Радиальный градиентный слой */
    .register-button::before {
      content: '';
      position: absolute;
      inset: 0;
	  background: #004FAC;
      background: radial-gradient(30.8% 151.25% at 64.92% 50%, #2293E4 7.69%, #004FAC 100%);
      opacity: 0;
      transform: scale(1.2);
      transition: opacity 0.4s ease, transform 0.4s ease;
      z-index: -1;
    }

    /* Наведение */
    .register-button:hover {
      color: #fff;
      border-color: transparent;
    }

    .register-button:hover::before {
      opacity: 1;
      transform: scale(1);
    }

    .register-button:hover .arrow svg{
		color: #fff;
    }
.register-button.register-button-form {
		color: #fff;
}
    .register-button.register-button-form .arrow svg{

		color: #fff;

    }
.register-button.register-button-form:before {
opacity: 1;
      transform: scale(1);
}
	.grey {
		color: #A2A2A2;
}


	.process h2 {
		position: relative;
		margin: 0;
		padding-left: 100px;
}
	.process h2:before {

		content: "";
		position: absolute;
		width: 80px;
		height: 80px;
		background: #fff;
		padding: 15px;
		background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_223_3800)'%3E%3Cpath d='M9.40234 24.9727C9.40234 32.6609 14.8915 39.1494 22.2284 40.4035V36.1505C17.1741 34.9509 13.4241 30.3708 13.4241 24.9727C13.4241 18.5932 18.5871 13.4678 24.8915 13.4678C31.2502 13.4678 36.3589 18.6478 36.3589 24.9727C36.3589 30.3708 32.5545 34.9509 27.5545 36.1505V40.4035C34.8371 39.1494 40.3806 32.7154 40.3806 24.9727C40.3806 16.3032 33.4784 9.37842 24.8371 9.37842C16.3045 9.37842 9.40234 16.3032 9.40234 24.9727Z' fill='%23AC2742'/%3E%3Cpath d='M27.6087 4.253C37.8261 5.50709 45.7065 14.3402 45.7065 24.9182C45.7065 36.4231 36.413 45.8561 24.9457 45.8561C13.4783 45.8561 4.18478 36.4231 4.18478 24.9182C4.18478 14.3402 12.0652 5.50709 22.2826 4.253V0C9.67391 1.36314 0 11.9411 0 24.9182C0 38.8222 11.1413 50 25 50C38.75 50 50 38.8222 50 24.9182C50 11.9411 40.2174 1.36314 27.7174 0V4.253H27.6087Z' fill='%230063AC'/%3E%3Cpath d='M19.0762 24.9727C19.0762 28.1897 21.6849 30.8069 24.8914 30.8069C28.0979 30.8069 30.7066 28.1897 30.7066 24.9727C30.7066 21.7557 28.0979 19.1385 24.8914 19.1385C21.7392 19.0839 19.0762 21.7557 19.0762 24.9727Z' fill='%230063AC'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_223_3800'%3E%3Crect width='50' height='50' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
		background-position: center center;
		background-repeat: no-repeat;
		border-radius: 50%;
		left: 0;
		filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
		transform-style: preserve-3d;
		z-index: 1; 
		}
	.process h2:after {
	content: "";
    position: absolute;
    height: 102px;
    width: 6px;
    background: url(border.png) repeat-y left top;
    display: block;
    left: 37px;
    top: 5px;
    transform: translateZ(-1px);
}
.custom-ol {
    counter-reset: item; /* Сброс счетчика */
    list-style: none; /* Отключение стандартной нумерации */
    padding-left: 0;
		padding-top: 450px;
	margin-left: 30px;
	margin-top: -380px;
		color: #000;
border-left: 6px solid transparent; /* Ширина левой границы */
    background: url('https://ostec.ru/process/border.png') repeat-y left top; /* Фоновое изображение и повторение по вертикали */
    background-size: 6px 30px; /* Размер изображения: 6px по ширине, 30px по высоте (20px изображение + 10px промежуток) */

}
.custom-ol>li:last-child::after, .custom-ol>li.ended:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -200px;
  width: 100%;
  height: calc(100%);
  background: #fff;

}
.custom-ol>li {
    counter-increment: item; /* Увеличение счетчика */
    position: relative;
    margin: 0 0 70px 95px; /* Отступ для кастомного номера */
		padding: 40px;
background: #FFFFFF;
box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
transform-style: preserve-3d;
}

.custom-ol>li::before {
    content: "0" counter(item) ""; /* Добавление нуля перед числом */
    position: absolute;
    left: -125px;
    top: 25px;
    font-weight: bold;
		font-size: 30px;
		width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: center;
    color: #fff;
		border-radius: 50%;
		background-color: #0063AC;
		box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.25);


}

	.custom-ol>li::after {
		content: "";
		position: absolute;
		width: 170px;
		height: 1px;
		background: #006BB1;
		display: block;
	left: -125px;
    top: 55px;
  transform: translateZ(-1px);

}
	.custom-ol>li img {

		max-width: 100%;
		object-fit: cover;
}

	.process ul {
		font-size: 18px;
		padding-left: 15px;
}
	.process ul li{

		list-style-type: disc;
}
.process table {
border: 1px solid #A2A2A2;
max-width: 100%;
    font-size: 18px;
}

.process table td, .process table th {
border: 1px solid #A2A2A2;
}
.process table td:first-child, .process table td:last-child {
text-align: center;
}
.process table .not {
text-align: left !important;
}
.process table th {
color: #004FAC;
padding: 20px 25px;
}

.process table td {
padding: 10px 20px; 
}

.process table .bold {
font-weight: bold;
}
	.end {
	position: relative;
    margin: 60px 0 0px 130px;
    padding: 16px 25px 0 40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
    transform-style: preserve-3d;
}
	.end:before {

		content: "";
		position: absolute;
		width: 80px;
		height: 80px;
		background: #fff;
		padding: 15px;
		background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_226_3910)'%3E%3Cpath d='M34.5795 13.1289L20.0897 27.6217L15.39 22.922L10.7788 27.5302L15.4785 32.2299L20.1202 36.8716L24.7284 32.2604L39.2212 17.7706L34.5795 13.1289Z' fill='%23AC2742'/%3E%3Cpath d='M25 0C11.1929 0 0 11.1929 0 25C0 38.8071 11.1929 50 25 50C38.807 50 50 38.8071 50 25C50 11.1929 38.807 0 25 0ZM25 5.43213C35.807 5.43213 44.5648 14.1957 44.5648 25C44.5648 35.8044 35.807 44.5648 25 44.5648C14.1929 44.5648 5.43517 35.8044 5.43517 25C5.43521 14.1957 14.1929 5.43213 25 5.43213Z' fill='%230063AC'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_226_3910'%3E%3Crect width='50' height='50' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
		background-position: center center;
		background-repeat: no-repeat;
		border-radius: 50%;
		left: -135px;
		top: 15px;
		filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
		transform-style: preserve-3d;
		z-index: 1; 
}

	.end:after {
		content: "";
		position: absolute;
		width: 170px;
		height: 1px;
		background: #006BB1;
		display: block;
	left: -125px;
    top: 55px;
  transform: translateZ(-1px);

	}
	.prize-animations {
		align-items: flex-end;
}
	.prize-animations div {
		flex-grow: 0;
		width: 30%;
		position: relative;
		transition: .6s ease;
padding-top: 100px;
min-height: 342px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
	.prize-animations div:hover {
		flex-grow: 1;
		width: 35%;

}
.prize-animations div .lock {
		position: absolute;
		top: 0px;
		left: 0;
font-weight: bold;
color: #004FAC;
font-size: 24px;
}

.prize-animations div .lock span {
font-size: 32px;
}

	.prize-animations div h4{
		color: #000;
		position: absolute;
		top: 50px;
		left: 0;
}
	.prize-animations div h4+span {
		display: block;
		position: absolute;
		top: 70px;
		font-size: 24px;
		left: 0;
color: #000;
}
	.prize-animations div img{
    width: 80%;
    margin-left: auto;
display: block;
}
.accordeon-toggle {
align-items: center;
justify-content: center;
height: 2px;
    background: linear-gradient(to right, #a8cce8, #a8cce8);
    margin-top: 80px;
}
.btn-show-more {

  border: none;
background-color: transparent;
  cursor: pointer;

}
.custom-ol li.hidden {
  display: none;
}
@media (max-width: 776px) {
	.dostavka-top {
    background-position: center top;
}
    .custom-ol>li, .end {
        margin: 0 0 50px 0;
padding-top: 60px;
    }
		.custom-ol>li::before {
			left: -65px;
}
		.custom-ol>li::after {
			display: none;
}

		.process h2:after {
			height: 250px;
}
	.prize-animations {
flex-wrap: wrap;
row-gap: 40px;
}
	.prize-animations div {
width: 100%;
    padding-top: 60px;
    min-height: 285px;
}
	.form-row {
flex-wrap: wrap;
}
}

	@media (max-width: 476px) {
		.process h2 {
			text-align: left;
			padding: 0;
}
		.process h2:before, .process h2:after, .end:after {
			display: none;
}
		.custom-ol {
			background: none;
			padding-bottom: 0;
			margin-left: 0;
}
		.custom-ol>li {
			margin: 80px 0;
}
    .custom-ol>li::before, .end:before {
        left: 50%;
			transform: translateX(-50%);
				top: -45px;
    }
		.dostavka-more .left {
			width: 100%;
			padding: 20px;
}
		.dostavka-more::before {
			background-size: cover;
}
}