/* перепись article__wrap стилей */
.article__wrap h1, .article__wrap .h1, .article__wrap h2, .article__wrap .h2, .article__wrap h3, .article__wrap .h3, .article__wrap h4, .article__wrap .h4 {
	margin: auto;
}

.article__wrap p+p {
	margin: 0;
}

.article__wrap .x-small {
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
}

.article__wrap .article-section__calendar-day {
	font-size: 30px;
	text-align: center;
	line-height: 17px;
}

.article__wrap h1 {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 124%;
}

.article__wrap h2 {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 36px;
	line-height: 124%;
}

.article__wrap h3 {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 26px;
	line-height: 120%;
}

.article__wrap h4 {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 120%;
	margin: 0;
}

.article__wrap p {
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 145%;
}

.article__wrap .bold {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
}

.article__wrap .small {
	font-family: 'RotonReg', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 145%;
}

.article__wrap .article-section__title {
	font-family: 'RotonBol';
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 110%;
	margin: 0;
	text-align: center;

	color: #00369D;
}

.article__wrap .article-section__step-title {
	font-family: "RotonBol", Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 132%;
	margin: 0;
	color: #FFFFFF;
}

.article__wrap .article-section__note-text {
	font-family: "RotonBol", Arial, sans-serif;
	font-style: normal;
	font-size: 16px;
	color: #444444;
}

.article__wrap .article-section__note-text--red {
	color: #F72723;
} 

.article__wrap .article-section__footer-text {
	font-size: 10px;
	line-height: 140%;
}

.article__wrap .article-section__footer-title {
	font-size: 12px;
	line-height: 140%;
}

@media (max-width: 767px) {
	.article__wrap h1 {
		font-family: 'RotonBol', Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 30px;
		line-height: 124%;
	}

	.article__wrap h2 {
		font-family: 'RotonBol', Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 26px;
		line-height: 124%;
	}

	.article__wrap h3 {
		font-family: 'RotonBol', Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 24px;
		line-height: 120%;
	}

	.article__wrap h4 {
		font-family: 'RotonBol', Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		line-height: 120%;
	}

	.article__wrap p {
		font-size: 16px;
	}
}

/* перепись article__wrap стилей конец */

.blue-text {
	color: #00178E;
}

.article-wrapper {
	position: relative;
	width: 100%;
	height: fit-content;

	display: flex;
	flex-direction: column;
	gap: 40px;
}

.article-section {
	position: relative;
	width: 100%;
	height: fit-content;

	display: flex;
	flex-direction: column;
	gap: 24px;
}

.article-section__header {
	position: relative;
	width: 100%;
	height: 180px;

	padding: 24px 315px 24px 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;

	background-color: #FFFFFF;
	background: url('/static/f/med_instrument/65/img/header-image.png') calc(100% + 42px) -85px/456px auto no-repeat;
	box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.25);
	border-radius: 16px;
}

.article-section__step-block {
	position: relative;
	width: 100%;
	height: fit-content;

	display: flex;
	flex-direction: column;
	padding: 15px;
	gap: 10px;

	border: 2px solid #00178E;
	border-radius: 20px;
}

.article-section__step-block--special {
	border: none;
	display: grid;
	grid-template-columns: 25% 39% 33%;
}

.article-section__step-block--special-1 {
	z-index: 1;
}

.article-section__step-block--special-row {
	grid-template-columns: 1fr 1fr;
	margin-top: -138px;
}

.article-section__step-block--row {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.article-section__step-row {
	position: relative;
	width: 100%;
	height: fit-content;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}

.article-section__step-row--title {
	gap: 8px;
	grid-column: 1 / -1;
}

.article-section__step-row--title-3 {
	max-width: 140px;
}

.article-section__point-sign {
	position: relative;
	width: fit-content;
	height: fit-content;
	min-height: 25px;

	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 8px;
}

.article-section__point-img {
	position: relative;
	min-width: 23px;
	min-height: 23px;
}

.article-section__point-list {
	margin: 0;
	padding-left: 18px;
}

.article-section__point-list li::marker {
	color: #00178E;
}

.article-section__step-title {
	position: relative;
	width: fit-content;
	
	font-family: "RotonBol", Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 132%;
	margin: 0;

	color: #FFFFFF;
	
	background: linear-gradient(114.28deg, #00178E 25.03%, #B3BFFF 210.75%);
	border-radius: 49px;
	padding: 1px 13px 1px 12px;
}

.article-section__step-column {
	position: relative;
	width: auto;
	height: fit-content;

	display: flex;
	flex-direction: column;
	gap: 15px;
}

.step-border {
	position: absolute;
	width: 100%;
	height: 100%;

	display: flex;
	flex-direction: column;
}

.step-border--2 {
	flex-direction: column-reverse;
}

.step-border__top {
	position: relative;
	width: 100%;
	height: calc(100% - 122px);
	border-radius: 20px 20px 0px 20px;
    border: 2px solid #00178E;
    margin-bottom: -2px;
}

.step-border__top--2 {
	border-radius: 0px 20px 20px 20px;
	margin-top: -2px;
	margin-bottom: 0;
}

.step-border__top::before {
	content: "";
	position: absolute;
	right: 0;
	background: #FFFFFF;
	width: calc(100% - 30px);
    height: calc(100% + 2px);
    border-radius: 30px 30px 0px 0px;
}

.step-border__top--2::before {
	width: calc(100% - 40px);
    top: -2px;
    left: 0;
    right: unset;
    border-radius: 0px 0px 30px 30px;
}

.step-border__bottom-wrapper {
	position: relative;
	width: 100%;
	height: 122px;

	display: flex;
	flex-direction: row;
}

.step-border__bottom-left {
	position: relative;
	width: 199px;
	height: 100%;
	border-radius: 0px 20px 0px 20px;
    border: 2px solid #00178E;
    border-left: none;
    border-bottom: none;
    margin-right: -2px;
	transform: scaleX(.9) scaleY(.8);
    transform-origin: right top;
}

.step-border__bottom-left--2 {
	width: 187px;
    border-radius: 20px 20px 30px 0px;
    border-right: 2px solid #00178E;
    border-left: 2px solid #00178E;
    transform: none;
    transform-origin: left top;
}

.step-border__bottom-left--2::before {
	content: "";
	position: absolute;
	right: 0;
	background: #FFFFFF;
	width: calc(100% - 30px);
    height: 100%;
	border-radius: 0px 30px 0px 0px;
}

.step-border__bottom-right {
	position: relative;
	width: calc(100% - 197px);
	height: 100%;
	border-radius: 30px 0px 20px 20px;
    border: 2px solid #00178E;
    border-top: none;
}

.step-border__bottom-right--2 {
	width: calc(100% - 187px);
	border-right: none;
    border-radius: 0px 0px 0px 20px;
    transform: scaleY(0.8) scalex(0.96);
    transform-origin: left bottom;
}

.step-border__bottom-right::before {
	content: "";
    position: absolute;
    top: -10px;
    left: 0;
    background: #FFFFFF;
    width: 30px;
    height: 50%;
    border-radius: 30px 30px 0px 0px;
}

.step-border__bottom-right--2::before {
	content: none;
}

.article-section__note {
	position: relative;
	width: fit-content;
	height: fit-content;

	padding: 11px;
	margin-left: 13px;
	box-sizing: border-box;
	background: #FFDEDD;
	border: 2px solid #F72723;
	border-radius: 20px;
}

.article-section__note--row {
	width: 100%;
}

.article-section__note-icon {
	position: absolute;
	left: -15px;
	top: calc(50% - 24px);
}

.article-section__note-list {
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding-left: 30px;
}

.article-section__note-list li::before {
	content: "";
	position: absolute;
	width: 11px;
	height: 11px;
	left: 12px;
    margin-top: 8px;
	border-radius: 11px;
	background: #F72723;
}

.article-section__note-text {
	position: relative;
	font-family: "RotonBol", Arial, sans-serif;
	font-style: normal;
	font-size: 16px;
	color: #444444;
}

.article-section__note-text--red {
	color: #F72723;
}

.article-section__step-line {
	position: relative;
	width: 100%;
	height: 1px;
	grid-column: 1 / -1;
	background: #00178E;
}

.article-section__footer-text {
	font-size: 10px;
	line-height: 140%;
}

.article-section__footer-title {
	font-size: 12px;
	line-height: 140%;
}

@media (max-width: 1279px) {
	.article-section__header {
		padding: 24px 255px 24px 24px;
		background: url('/static/f/med_instrument/65/img/header-image.png') calc(100% + 95px) -85px/456px auto no-repeat;
	}

	.article-section__step-block--special {
		grid-template-columns: 31% 32% 33%;
	}

	.article-section__step-block--special-row {
    	grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 659px) {
	.article-section__step-block--special {
		grid-template-columns: 1fr;
		border: 2px solid #00178E
	}

	.step-border {
		display: none;
	}

	.article-section__step-block--special-row {
		grid-template-columns: 1fr;
		margin-top: unset;
	}

	.article-section__step-row--title-3 {
    	max-width: 270px;
	}

	.article-section__step-block--row {
    	grid-template-columns: 1fr;
	}

	.article-section__header {
		padding: 24px 168px 24px 24px;
        background: url('/static/f/med_instrument/65/img/header-image.png') calc(100% + 76px) -10px / 304px auto no-repeat;
	}
}

@media (max-width: 559px) {

	.article-wrapper {
		gap: 24px;
	}

	.article-section {
		gap: 14px;
	}

	.article-section__header {
		padding: 24px;
		background: none;
	}
}

@media (max-width: 390px) {
	.article-section__step-block {
		padding: 8px
	}
}