.b-article__category-drugs {
	margin-top: 24px;
	margin-left: -2px;
	margin-right: -2px;
}

.b-article__category-drugs .slick-list {
	padding-bottom: 50px !important;
}

.b-article__category-drugs .slick-track {
	display: flex;
	align-items: center;
	/* height: 260px; */
	transition: opacity 0.200s;
}
.b-article__category-drugs .slick-track.start {
	opacity: 0 !important;
}
.b-article__category-drugs .slick-track.end {
	opacity: 1 !important;
}


.category-drugs__item.slick-slide {
	width: 194px;
	height: 238px !important;
	margin: 0px 6px;
	padding: 12px 12px 0px;
	border-radius: 24px;
	box-shadow: 0 1px 3px 0 rgba(168, 164, 164, 0.1), 0 5px 5px 0 rgba(168, 164, 164, 0.09), 0 12px 7px 0 rgba(168, 164, 164, 0.05), 0 21px 8px 0 rgba(168, 164, 164, 0.01), 0 33px 9px 0 rgba(168, 164, 164, 0);
}
.category-drugs__item.slick-current.slick-slide {
	width: 292px;
	height: 260px !important;
	padding: 20px 16px 0px;
}
.category-drugs__item--a {
	background: linear-gradient(180deg, #edffe3 0%, #e5ffd7 100%);
}
.category-drugs__item--b {
	background: linear-gradient(180deg, #fff9e0 0%, #fff7d3 100%);
}
.category-drugs__item--c {
	background: linear-gradient(180deg, #fff0f1 0%, #ffdfe1 100%);
}
.category-drugs__item--d {
	background: linear-gradient(180deg, #ffdce7 0%, #ffbfc3 100%);
}
.category-drugs__item--x {
	background: linear-gradient(180deg, #ffb6c9 0%, #ffa8ad 100%);
}

.category-drugs__title {
	font-family: RotonReg, Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 17px;
	color: #27388a;
}
.category-drugs__item.slick-current .category-drugs__title {
	font-size: 16px;
	line-height: 22px;
}
.category-drugs__text {
	margin-top: 6px;
	font-family: RotonReg, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #404040;
}
.category-drugs__item.slick-current .category-drugs__text {
	font-size: 12px;
	line-height: 17px;
}


.b-article__category-drugs .slick-dots {
	display: flex;
	flex-wrap: nowrap;
}

.b-article__category-drugs .slick-dots li {
	position: relative;
	width: calc(100% / 5);
	height: 9px;
	margin: 0;
}
.b-article__category-drugs .slick-dots li:nth-child(1) {background: #e2ffc5;}
.b-article__category-drugs .slick-dots li:nth-child(2) {background: #ffffc5;}
.b-article__category-drugs .slick-dots li:nth-child(3) {background: #ffe6e8;}
.b-article__category-drugs .slick-dots li:nth-child(4) {background: #ffc6cb;}
.b-article__category-drugs .slick-dots li:nth-child(5) {background: #ffa0a9;}

.b-article__category-drugs .slick-dots li button {
	width: 100%;
	height: 100%;
	border-radius: 0;
	background-color: transparent;
}
.b-article__category-drugs .slick-dots li button:hover {
	-webkit-transform: scale(0);
	transform: scale(0);
	background-color: transparent;
}
.b-article__category-drugs .slick-dots li.slick-active button,
.b-article__category-drugs .slick-dots li.slick-active button:hover {
	-webkit-transform: scale(0);
	transform: scale(0);
	background-color: transparent;
	cursor: default;
}

.b-article__category-drugs .slick-dots li.slick-active::before {
	content: '';
	position: absolute;
	top: -21px;
	left: 50%;
	transform: translateX(-50%);
	width: 16px;
	height: 13px;
	background: transparent;
	filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.1)) drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.14));

}
.b-article__category-drugs .slick-dots li:nth-child(1).slick-active::before {background-image: url('/static/f/article/1498/img/polygon-1.svg');}
.b-article__category-drugs .slick-dots li:nth-child(2).slick-active::before {background-image: url('/static/f/article/1498/img/polygon-2.svg');}
.b-article__category-drugs .slick-dots li:nth-child(3).slick-active::before {background-image: url('/static/f/article/1498/img/polygon-3.svg');}
.b-article__category-drugs .slick-dots li:nth-child(4).slick-active::before {background-image: url('/static/f/article/1498/img/polygon-4.svg');}
.b-article__category-drugs .slick-dots li:nth-child(5).slick-active::before {background-image: url('/static/f/article/1498/img/polygon-5.svg');}

@media screen and (max-width: 767px) {
	.b-article__category-drugs .slick-list {
		margin-right: -18px;
	}
	.category-drugs__item.slick-slide {
		width: 204px;
		height: auto !important;
		padding: 12px 12px 12px;
		border-radius: 16px;
	}
	.category-drugs__item.slick-current.slick-slide {
		width: 278px;
		height: auto !important;
		padding: 24px 16px 24px;
	}
}