.article__wrap p + p {
    margin-top: 0;
}

.article__wrap .black-text {
	color: #444444;
}

.article__wrap .purple-text {
	color: #7755A0;
}

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

.article__wrap p {
	font-family: "RotonReg", Arial, Helvetica, sans-serif;
}
.article__wrap h1,
.article__wrap h2,
.article__wrap h3,
.article__wrap h4 {
	font-family: 'RotonBol', Arial, Helvetica, sans-serif;
	font-weight: 400;
}

.article__wrap .x-small {
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
}

.article-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	gap: 40px;
}

.article-section {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.article-section--special {
	gap: 0px;
}

.article-section__image {
	position: relative;
	width: 100%;
	height: auto;
	flex-shrink: 0;
}

.article__wrap .article-section__title {
	position: relative;
	font-size: 26px;
	line-height: 30px;
	margin: 0;
	color: #7755a0;
}

.article__wrap .article-section__title--light {
	color: #9D62CA;
}

.article-section__header-container {
	position: relative;
	width: 100%;
	height: fit-content;
	min-height: 182px;

	display: flex;
	align-items: center;
	padding: 24px;
	padding-right: 280px;
	border-radius: 16px;
	background: url('/static/f/med_article/287/header-background.png') no-repeat, linear-gradient(180deg, #8665AA 16.69%, rgba(164, 133, 190, 0.87) 100.9%, #FFFFFF 220.9%);
	background-size: 408px auto;
	background-position: calc(100% + 30px) -90px, center;
}

.article-section__header-container h4 {
	font-size: 20px;
	max-width: 360px;
}

.article-section__sub-header {
	position: relative;
	width: 100%;
	height: fit-content;
	min-height: 213px;

	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 24px;
}

.article-section__sub-header-block {
	position: relative;
	width: 100%;
	height: fit-content;
	min-height: 139px;

	display: flex;
	align-items: center;

	padding: 14px;
	border-radius: 16px;
	background: linear-gradient(271.62deg, rgba(255, 255, 255, 0.702) 2.25%, #C798FF 98.91%);
	border: 1px solid #D4C9E1;
}

.article-section__sub-header h2 {
	padding-left: 228px;
}

.article-section__sub-header p {
	padding-left: 214px;
}

.article-section__sub-header-image {
	position: absolute;
    width: 196px;
    height: auto;
    top: 0px;
    left: 17px;
}

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

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 34px;
	margin-top: 24px;
	border-radius: 20px;
	border: 2px solid #A62351;
}

.article-section__note::before {
	content: "";
	position: absolute;
	width: 74px;
	height: 74px;
	top: -40px;
	left: calc(50% - 37px);
	background: url('/static/f/med_article/287/note-icon.png') no-repeat;
	background-size: 74px auto;
	background-position: center center;
}

.article__wrap .article-section__note-text {
	font-size: 20px;
	color: #A62351;
	text-align: center;
	letter-spacing: -0.035em;
}

.article-section__product-wrapper {
	position: relative;
	width: 100%;
	height: 614px;
	padding: 40px;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;

	background: url('/static/f/med_article/287/product-background.png') no-repeat, linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(238, 239, 244, 0.7) 19%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 0.4) 39%, rgba(238, 239, 244, 0.6) 46%, rgba(238, 239, 244, 0.45) 57%, rgba(238, 239, 244, 0.95) 74%, rgba(238, 239, 244, 0.6) 100%);
	background-size: 100% auto, auto;
    background-position: bottom center, center center;
	margin-top: -5px;
}

.article-section__product {
	position: absolute;
	width: 264px;
	height: auto;
	top: 90px;
	left: 37px;
}

.article-section__product-list {
	position: absolute;
	width: 100%;
	height: fit-content;
	top: 35px;
	right: 0px;

	display: flex;
	flex-direction: column;
	padding-left: 239px;
	padding-right: 40px;
}

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

	display: flex;
	flex-direction: row;
	align-items: center;
}

.article-section__product-bullet {
	position: relative;
	width: 158px;
	height: 158px;
	flex-shrink: 0;
}

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

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

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

	padding: 1px 8px 1px 8px;
	border-radius: 15px 0px 15px 0px;
	background: linear-gradient(180deg, #B37AFD 0%, #7751A8 100%);

	font-family: "RotonReg", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #FFFFFF;
	white-space: nowrap;
}

.article-section__product-label--blue {
	position: absolute;
	top: 509px;
    left: 77px;

	padding: 8px 40px;
	background: linear-gradient(180deg, #0174C4 0%, #012C88 100%);
}

.article-section__gini {
	position: relative;
	width: 100%;
	height: fit-content;
	margin-top: 30px;
	padding-bottom: 118px;
}

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

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;

	filter: drop-shadow(0px 10px 12px rgba(0, 0, 0, 0.22));
	opacity: 0.82;
	background: linear-gradient(90deg, #F1E5FF 100%, rgba(255, 255, 255, 0.701961) 0%);
	border: 1px solid #D4C9E1;
	box-shadow: 0px 10px 6px rgba(0, 0, 0, 0.219608);
	backdrop-filter: blur(21px);
	border-radius: 20px;
	padding: 40px 14px;
}

.article__wrap .article__gini-title {
	position: relative;

	font-family: 'RotonBol';
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
	line-height: 36px;
	text-align: center;
	letter-spacing: -0.02em;
	margin: 0;

	text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.0588235);
}

.article__wrap .article-section__gini-text {
	position: relative;

	font-family: 'RotonReg';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	color: #000000;
	padding: 0px 30px;
}

.article-section__gini-background {
	position: absolute;
	bottom: -70px;
    left: calc(50% - 258px);

	font-style: normal;
	font-weight: 700;
	font-size: 300px;
	line-height: 388px;

	text-align: center;
	letter-spacing: -0.02em;
	pointer-events: none;
	color: #7755A0;

	opacity: 0.33;
	text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.0588235);
}

.article-section__gini-checkmark {
	position: absolute;
	width: 73px;
	height: 73px;
	top: -39px;
    left: calc(50% - 36px);
}

@media (max-width: 1139px) {
	.article-section__product-list {
		padding-left: 169px;
    	padding-right: 20px;
	}

	.article-section__product-item {
		transform: scale(0.8) translateX(40px);
	}
}

@media (max-width: 1024px) {
	.article-section__gini-background {
		transform: scale(0.9);
	}
}

@media (max-width: 992px) {
	.article-section__product-list {
		padding-left: 239px;
    	padding-right: 40px;
		align-items: center;
	}

	.article-section__product-item {
		transform: none;
	}

	.article-section__gini-background {
		transform: none;
	}
}

@media (max-width: 768px) {

	.article-section__header-container {
		padding-right: 215px;
		background-position: calc(100% + 100px) -90px, center;
	}

	.article-section__product-wrapper {
		height: 476px;
	}

	.article-section__product {
		width: 194px;
		top: 90px;
		left: 17px;
	}

	.article-section__product-list {
        padding-left: 120px;
        padding-right: 10px;
        align-items: center;
        top: 0px;
        transform: scale(0.8) translate(50px, -30px);
    }

	.article-section__product-label--blue {
		top: 379px;
        left: 19px;
        transform: scale(0.7) translate(2px, 5px);
	}

	.article-section__gini-background {
		transform: scale(0.8);
	}
}

@media (max-width: 559px) {
	.article-section__header-container {
		padding-right: 145px;
		background-position: calc(100% + 170px) -90px, center;
	}

	.article-section__product-wrapper {
        height: 400px;
    }

	.article-section__product {
        width: 164px;
        top: 90px;
        left: 7px;
    }

	.article-section__product-list {
        padding-left: 30px;
        transform: scale(0.7) translate(80px, -80px);
    }

	.article-section__product-label--blue {
        top: 325px;
        left: -4px;
        transform: scale(0.5) translate(3px, 5px);
    }

	.article-section__gini-background {
        transform: scale(0.65);
    }

	
	.article-section__note-block {
		padding: 0;
	}

}

@media (max-width: 459px) {
	.article-section__header-container {
		padding-right: 24px;
		background: linear-gradient(180deg, #8665AA 16.69%, rgba(164, 133, 190, 0.87) 100.9%, #FFFFFF 220.9%);
	}

	.article-section__sub-header-block {
		min-height: 186px;
	}

	.article-section__sub-header-image {
		width: 156px;
		height: auto;
		top: calc(50% - 80px + 30px);
	}

	.article-section__sub-header h2 {
		padding-left: 14px;
		padding-right: 14px;
	}

	.article-section__sub-header p {
		padding-left: 169px;
	}

	.article-section__note {
		padding: 24px;
	}

	.article-section__product-wrapper {
        height: 350px;
    }

	.article-section__product {
        width: 154px;
        top: 55px;
        left: 7px;
    }

	.article-section__product-list {
        width: 110%;
        padding-left: 0px;
        transform: scale(0.55) translate(140px, -170px);
    }

	.article-section__product-label--blue {
        top: 275px;
        left: -11px;
        transform: scale(0.5) translate(3px, 5px);
    }

	.article-section__gini {
		padding-bottom: 80px;
	}

	.article-section__gini-background {
		bottom: -120px;
        transform: scale(0.55);
    }
}

@media (max-width: 389px) {
	.article-section__sub-header-block {
		padding-top: 189px;
	}

	.article-section__sub-header-image {
        top: calc(50% - 80px + -22px);
        left: calc(50% - 78px);
    }

	.article-section__sub-header p {
        padding-left: 0;
    }

	.article-section__product-wrapper {
        height: 300px;
    }

	.article-section__product {
        width: 134px;
        top: 60px;
        left: 5%;
    }

	.article-section__product-list {
        width: calc(250px + 35%);
        top: -100px;
        right: -80px;
        transform: scale(0.45) translate(0px, -80px);
    }

	.article-section__product-label--blue {
        top: 250px;
        left: -12px;
        transform: scale(0.45) translate(-4px, 5px);
    }

	.article-section__gini {
		padding-bottom: 60px;
	}

	.article-section__gini-background {
		bottom: -135px;
        transform: scale(0.4);
    }
}