.article {
	--accent-color: #ff335f;
	padding: 60px 0 40px;
	font-family: Geometria;
}

.article__title {
	margin-bottom: 33px;
	font-size: 34px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.01em;
	color: var(--accent-color);
}

.article__anchors-list {
	margin-bottom: 30px;
	padding-left: 0;
}

.article__anchor-item {
	position: relative;
	padding-left: 30px;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
}

.article__anchor-item:not(:last-child) {
	margin-bottom: 12px;
}

.article__anchor-item::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 12px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--accent-color);
}

.article__desc {
	margin-bottom: 30px;
}

.article__par {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	text-align: justify;
	color: inherit;
}

.article__link {
	text-decoration: underline;
	text-underline-offset: 4px;
	color: var(--accent-color);
}

.article__block {}

.article__block-double {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 36px;
	margin-bottom: 30px;
	padding: 12px;
	color: #302b2b;
	border-radius: 25px;
	background-color: #f4f4f4;
}

.article__block-triple {
	display: grid;
	grid-template-columns: 1fr 400px;
	gap: 30px 12px;
}

.article__subblock {
	padding: 12px;
	color: #545250;
	background-color: #f4f4f4;
	border-radius: 12px;
}

.article__subblock--accent {
	color: #fff;
	background-color: var(--accent-color);
}

.article__subblock--cta {
	grid-row: 1/3;
	grid-column: 2/3;
	padding: 0;
}

.article__block--accent {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 36px;
	margin-bottom: 30px;
	padding: 28px 20px;
	color: #fff;
	border-radius: 25px;
	background-color: var(--accent-color);
}

.article__par.mb-s {
	margin-bottom: 12px;
}

.article__par.mb-m {
	margin-bottom: 18px;
}

.article__block-content {}

/* .article__subtitle {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.03em;
	color: var(--accent-color);
} */

.article__subtitle--accent {
	color: #fff;
}

.article__list {
	margin-bottom: 0;
	padding-left: 0;
}

.article__item {
	position: relative;
	padding-left: 30px;
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
	text-align: justify;
}

.article__item:not(:last-child) {
	margin-bottom: 5px;
}

.article__item::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 12px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: currentColor;
}

.article__block-image {
	display: block;
	width: 100%;
	max-width: 490px;
}

.article__cta {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 30px;
	border-radius: 10px;
}

.article__cta-title {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: initial;
	color: #302b2b;
}

.article__cta-par {
	flex: 1 1 auto;
	margin-bottom: 45px;
	font-size: 16px;
	line-height: 1.56;
	letter-spacing: initial;
	color: var(--accent-color);
}

.article__cta-image-wrap {
	display: flex;
	justify-content: center;
}

.article__cta-image {
	display: block;
	--scale: 1;
	width: calc(var(--scale) * 188px);
	height: calc(var(--scale) * 184px);
}

.article__cta-button {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 320px;
	width: 100%;
	margin: 0 auto;
	padding: 0.9em;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.44;
	letter-spacing: 0.48px;
	white-space: nowrap;
	color: white;
	background-color: var(--accent-color);
	border: 1px solid var(--accent-color);
	border-radius: 8px;
	transition: 150ms ease-in-out;
	cursor: pointer;
}

@media (max-width: 1246px) {
	.article__block-image {
		max-width: 410px;
	}

	.article__block-double {
		gap: 0;
	}

	.article__block-triple {
		grid-template-columns: 1fr 350px;
	}
}

@media (max-width: 1199.98px) {
	.article__block-image {
		position: absolute;
		z-index: -1;
		bottom: 0;
		right: 12px;
		max-width: 290px;
		opacity: 0.3;
	}

	.article__cta-title {
		margin-bottom: 75px;
	}

	/* .article__block-triple {
		grid-template-columns: 1fr 400px;
	}

	.article__subblock--first {
		grid-column: 1/-1;
	}

	.article__subblock--cta {
		grid-column: auto;
		grid-row: auto;
	}

	.article__cta-title {
		margin-bottom: 19px;
	} */
}

@media (max-width: 991.98px) {
	.article__title {
		font-size: 30px;
	}

	.article__anchor-item {
		padding-left: 15px;
	}

	.article__anchor-item::before {
		left: 0;
	}

	.article__anchor-item:not(:last-child) {
		margin-bottom: 8px;
	}

	.article__block-triple {
		grid-template-columns: 100%;
	}

	.article__subblock--cta {
		grid-column: auto;
		grid-row: auto;
	}

	.article__cta-title {
		margin-bottom: 20px;
	}
}

@media (max-width: 767.98px) {
	.article__item {
		font-size: 16px;
		text-align: left;
	}

	.article__block-image {
		max-width: 250px;
	}
}

@media (max-width: 575.98px) {
	.article {
		padding: 40px 0;
	}

	.article__title {
		margin-bottom: 25px;
		font-size: 24px;
	}

	.article__anchor-item {
		font-size: 16px;
	}

	.article__subtitle {
		font-size: 18px;
	}

	.article__block-double {
		padding: 16px;
	}

	.article__par {
		text-align: left;
	}

	.article__item {
		padding-left: 15px;
	}

	.article__item::before {
		top: 10px;
		left: 0;
	}

	.article__cta-title {
		font-size: 18px;
	}

	.article__cta-title,
	.article__cta-par {
		text-align: center;
	}

	.article__cta-button {
		max-width: 290px;
		font-size: 16px;
	}
}

@media (max-width: 479.98px) {
	.article__block-image {
		max-width: 200px;
	}

	.article__cta {
		padding: 20px;
	}
}

.article__cta {
	margin-top:40px;
	display: grid; 
	grid-auto-flow: row dense; 
	grid-template-columns: 1fr 1fr; 
	gap: 0px 0px; 
	grid-template-areas: 
	  "article__cta-title article__cta-image-wrap"
	  "article__cta-par article__cta-btn"; 
	align-items:center;
	background:#f4f4f4;
}
.article__cta-title { grid-area: article__cta-title; }
.article__cta-par { grid-area: article__cta-par; }
.article__cta-image-wrap { grid-area: article__cta-image-wrap; }
.article__cta-btn { grid-area: article__cta-btn; }

.article__cta .article__cta-button{
	color: #ff335f;
    background: #fff;
	max-width:250px;
	border-radius:14px;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.article__cta .article__cta-button:hover{
    color: #fff;
    background: #eb1f4b;
}
@media(max-width:768px){
	.article__cta {
		grid-template-areas: 
		"article__cta-title"
		"article__cta-image-wrap"
		"article__cta-par"
		"article__cta-btn"; 
		grid-template-columns: 1fr;
	}
}

.article-content ul{
	margin-top:20px;
}
.article__subtitle{
	font-weight: 700;
    font-size: 34px;
    line-height: 43px;
    letter-spacing: -1px;
    color: #302b2b;
	margin-top:15px;
	margin-bottom:15px;
}