/* перепись article__wrap стилей */
.article__wrap {
	min-width: 0;
}

.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%;
	margin: 0;
}

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

.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: 130%;
}

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

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

.article__wrap .small {
	font-size: 16px;
	line-height: 130%;
}

.article__wrap .text-centered {
	text-align: center;
}

.article__wrap .text-italic {
	font-style: italic;
}

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

.article__wrap .green-text {
	color: #00CE57;
}

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

.article__wrap .white-text {
	color: #FFFFFF;
}

@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 .article-section__green-title {
		font-size: 24px;
	}
}

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

.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: 40px;
}

.article-section--footer {
	gap: 14px;
}

.article-section__footer-list {
	position: relative;
	margin: 0;
	padding-left: 18px;
	font-size: 14px;
}

.article-section__content {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.article-section__button {
	position: relative;
	width: 236px;
	height: 53px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;

	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 130%;
	text-align: center;
	color: #FFFFFF;

	background: #00CE57;
	border-radius: 30px;
	padding-left: 20px;
	padding-right: 20px;
	flex-shrink: 0;
	text-decoration: none;
	user-select: none;
	border: 3px solid #00CE57;
	outline: none;
	transition: all 0.15s ease-in-out;
}

.article-section__button:hover {
	background: #001689;
	border-color: #001689;
}

.article-section__table {
	width: 100%;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 12px
}

.article-section__table-scroll {
	-webkit-overflow-scrolling: touch;
	width: 100%;
	overflow-x: auto;
	scroll-behavior: smooth;
	display: block;
}

.article-section__table-wrap {
	width: max-content;
	border: 1px solid #33CB66;
	border-radius: 20px;
}

@media (max-width: 992px) {
	.article-section__table-wrap {
		width: 100%;
		min-width: max-content;
	}
}

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

	display: grid;
	grid-template-columns: 178px 150px 160px 150px 160px;
	border-bottom: 1px solid #33CB66;
}

@media (max-width: 992px) {
	.article-section__table-row {
		grid-template-columns: 204px 176px 186px 176px 186px;
	}
}

@media (max-width: 992px) {
	.article-section__table-row {
		grid-template-columns: 178px 150px 160px 150px 160px;
	}
}

.article-section__table-row:first-child {
	border-radius: 20px 20px 0px 0px;
}

.article-section__table-row:last-child {
	border-bottom: none;
	border-radius: 0px 0px 20px 20px;
}

.article-section__table-row--heading {
	background: rgba(51, 203, 102, 0.1);
}

.article-section__table-cell {
	position: relative;
	width: 100%;
	height: auto;

	display: flex;
	flex-direction: column;
	gap: 14px;

	border-right: 1px solid #33CB66;
	padding: 9px 9px 10px;
	word-break: break-word;
}

.article-section__table-cell:first-child {
	border-radius: 20px 0px 0px 0px;
}

.article-section__table-cell:last-child {
	border-radius: 0px 20px 0px 0px;
	border-right: none;
}

.article-section__table-cell--watch-wide {
	grid-column: span 3;
}

.article-section__qote {
	border: 1px solid #33CB66;
	background: #FFFFFF;
	position: relative;
	width: 100%;
	height: fit-content;
	min-height: 63px;

	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: 20px;
	padding: 18px 17px 19px;
}

@media (max-width: 559px) {
	.article-section__qote {
		padding: 14px;
	}
}

.article-section__qote:before,
.article-section__qote:after {
	content: "";
	width: 23px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
}

.article-section__qote:before {
	background-image: url("data:image/svg+xml,%3Csvg width='23' height='18' viewBox='0 0 23 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.135 0.97501C5.785 0.368343 6.435 0.0650101 7.085 0.0650101C7.735 0.0216732 8.255 0.195005 8.645 0.585007C9.07833 0.975006 9.295 1.47334 9.295 2.08001C9.295 2.68667 8.97 3.29334 8.32 3.90001C7.23666 4.98334 6.435 5.98001 5.915 6.89001C5.43833 7.75668 5.09166 8.75334 4.875 9.88001L4.355 7.73501C5.87166 7.73501 7.085 8.16834 7.995 9.03501C8.94833 9.90168 9.425 11.0717 9.425 12.545C9.425 13.9317 8.99166 15.08 8.125 15.99C7.30166 16.8567 6.13166 17.29 4.615 17.29C3.14166 17.29 1.99333 16.8133 1.17 15.86C0.389997 14.8633 -2.86102e-06 13.6067 -2.86102e-06 12.09C-2.86102e-06 10.66 0.173331 9.31668 0.519998 8.06001C0.909997 6.76001 1.47333 5.52501 2.21 4.35501C2.99 3.18501 3.965 2.05834 5.135 0.97501ZM17.81 0.97501C18.46 0.368343 19.11 0.0650101 19.76 0.0650101C20.41 0.0216732 20.93 0.195005 21.32 0.585007C21.7533 0.975006 21.97 1.47334 21.97 2.08001C21.97 2.68667 21.645 3.29334 20.995 3.90001C19.9117 4.98334 19.11 5.98001 18.59 6.89001C18.1133 7.75668 17.7667 8.75334 17.55 9.88001L17.03 7.73501C18.5467 7.73501 19.76 8.16834 20.67 9.03501C21.6233 9.90168 22.1 11.0717 22.1 12.545C22.1 13.9317 21.6667 15.08 20.8 15.99C19.9767 16.8567 18.8067 17.29 17.29 17.29C15.8167 17.29 14.6683 16.8133 13.845 15.86C13.065 14.8633 12.675 13.6067 12.675 12.09C12.675 10.66 12.8483 9.31668 13.195 8.06001C13.585 6.76001 14.1483 5.52501 14.885 4.35501C15.665 3.18501 16.64 2.05834 17.81 0.97501Z' fill='%2300CE57'/%3E%3C/svg%3E%0A");
	left: -1px;
	top: -1px;
}

.article-section__qote:after {
	background-image: url("data:image/svg+xml,%3Csvg width='23' height='18' viewBox='0 0 23 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.28997 16.38C3.63997 16.9867 2.98997 17.3117 2.33997 17.355C1.7333 17.355 1.2133 17.16 0.779971 16.77C0.389971 16.38 0.194971 15.8817 0.194971 15.275C0.194971 14.6684 0.519971 14.0617 1.16997 13.455C2.29664 12.3717 3.0983 11.375 3.57497 10.465C4.09497 9.55502 4.44164 8.55836 4.61497 7.47502L5.06997 9.62002C3.5533 9.62002 2.3183 9.18669 1.36497 8.32002C0.454971 7.45336 -2.90871e-05 6.28335 -2.90871e-05 4.81002C-2.90871e-05 3.38002 0.433304 2.23169 1.29997 1.36502C2.16664 0.455023 3.33664 2.28882e-05 4.80997 2.28882e-05C6.32664 2.28882e-05 7.47497 0.498356 8.25497 1.49502C9.0783 2.44836 9.48997 3.70502 9.48997 5.26502C9.48997 6.69502 9.29497 8.03836 8.90497 9.29502C8.5583 10.5517 7.99497 11.765 7.21497 12.935C6.43497 14.105 5.45997 15.2534 4.28997 16.38ZM16.965 16.38C16.315 16.9867 15.665 17.3117 15.015 17.355C14.4083 17.355 13.8883 17.16 13.455 16.77C13.065 16.38 12.87 15.8817 12.87 15.275C12.87 14.6684 13.195 14.0617 13.845 13.455C14.9716 12.3717 15.7733 11.375 16.25 10.465C16.77 9.55502 17.1166 8.55836 17.29 7.47502L17.745 9.62002C16.2283 9.62002 14.9933 9.18669 14.04 8.32002C13.13 7.45336 12.675 6.28335 12.675 4.81002C12.675 3.38002 13.1083 2.23169 13.975 1.36502C14.8416 0.455023 16.0116 2.28882e-05 17.485 2.28882e-05C19.0016 2.28882e-05 20.15 0.498356 20.93 1.49502C21.7533 2.44836 22.165 3.70502 22.165 5.26502C22.165 6.69502 21.97 8.03836 21.58 9.29502C21.2333 10.5517 20.67 11.765 19.89 12.935C19.11 14.105 18.135 15.2534 16.965 16.38Z' fill='%2300CE57'/%3E%3C/svg%3E%0A");
	right: -3px;
	bottom: -1px;
}


.article-section__checklist {
	border-radius: 20px;
	border: 1px solid #00178E;
	background: #F2F4FF;
	display: flex;
	flex-direction: column;
	gap: 11px;
	padding: 20px;
}

@media (max-width: 559px) {
	.article-section__checklist {
		padding: 14px;
	}
}

.article-section__checklist-row {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.article-section__checklist-row[data-count] {
	position: relative;
	padding-left: 45px;
}

.article-section__checklist-row[data-count]:before {
	content: attr(data-count);
	width: 35px;
	height: 35px;
	background: #00178E;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 145%;
	color: #FFFFFF;
	position: absolute;
	left: auto;
	top: 0;
	margin-left: -45px;
}