.b-slider-asm {
	background: #f2f2f2;
	padding: 80px 0;
}
.b-slider-asm__content h2 {
	font-weight: 500;
	font-size: 50px;
	line-height: 55px;
	text-align: center;
	color: #2f2f2f;
	margin: 0 0 110px;
}
.b-slider-asm__title h3 {
	font-weight: 700;
	font-size: 35px;
	line-height: 55px;
	color: #b6b4b4;
	position: relative;
}
.b-slider-asm__title p {
	font-size: 28px;
	line-height: 35px;
	margin: 0;
	display: none;
	font-weight: 400;
}
.active.b-slider-asm__title p {
	display: block;
}
.active.b-slider-asm__title h3 {
	color: #ee0c5d;
}
.b-slider-asm__title::before {
	content: "";
	width: 54px;
	height: 54px;
	position: absolute;
	left: 0;
	top: 3px;
	border-radius: 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='61' viewBox='0 0 60 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='29.8009' cy='30.6905' r='28.3009' fill='%23F2F2F2' stroke='%23B6B4B4' stroke-width='3'/%3E%3Ccircle cx='29.8009' cy='30.6908' r='16.3783' fill='%23B6B4B4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 10;
}
.b-slider-asm__title.active::before {
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='61' viewBox='0 0 60 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='29.8009' cy='30.5743' r='28.3009' fill='white' stroke='%23EE0C5D' stroke-width='3'/%3E%3Ccircle cx='29.8009' cy='30.5746' r='16.3783' fill='%23EE0C5D'/%3E%3C/svg%3E");
}

.b-slider-asm__title:not(:last-child)::after {
	content: "";
	position: absolute;
	height: calc(100% + 38px);
	border-left: 3px solid #b6b4b4;
	left: 26px;
	z-index: 9;
	top: 56px;
}

.b-slider-asm__title:last-child::after {
	content: "";
	position: absolute;
	height: 38px;
	border-left: 3px solid #f2f2f2;
	left: 26px;
	z-index: 9;
	top: 56px;
}


.b-slider-asm {
	display: flex;
	flex-direction: column;
	font-family: sans-serif;
}
.b-slider-asm__wrapper {
	display: flex;
	gap: 67px;
}
.b-slider-asm__left {
	width: 42%;
}
.b-slider-asm__titles {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}
.b-slider-asm__title {
	cursor: pointer;
	transition: 0.3s;
	padding-left: 96px;
	position: relative;
}
.b-slider-asm__title:hover,
.b-slider-asm__title.active {
	background-color: #f0f0f0;
	border-left-color: #0073aa;
	font-weight: bold;
}
.b-slider-asm__texts {
	margin-top: 15px;
}
.b-slider-asm__text {
	display: none;
}
.b-slider-asm__text.active {
	display: block;
}
.b-slider-asm__right {
	width: 60%;
	position: relative;
}
.b-slider-asm__image {
	display: none;
	max-width: 100%;
}
.b-slider-asm__image.active {
	display: block;
}
.b-slider-asm__right img {
	height: 463px;
}
@media (min-width: 1440px) and (max-width: 1920px) {
	.b-slider-asm {
		padding: 4.17vw 0;
	}
	.b-slider-asm__content h2 {
		font-size: 2.6vw;
		line-height: 2.86vw;
		margin: 0 0 5.73vw;
	}
	.b-slider-asm__title h3 {
		font-size: 1.82vw;
		line-height: 2.86vw;
	}
	.b-slider-asm__title p {
		font-size: 1.46vw;
		line-height: 1.82vw;
	}
	.b-slider-asm__title::before {
		width: 2.81vw;
		height: 2.81vw;
		top: 0.16vw;
	}
	.b-slider-asm__title:not(:last-child)::after {
		height: calc(100% + 2.98vw);
		border-left: 0.16vw solid #b6b4b4;
		left: 1.35vw;
		top: 2.92vw;
	}

	.b-slider-asm__title:last-child::after {
		height: 2.98vw;
		border-left: 0.16vw solid #f2f2f2;
		left: 1.35vw;
		top: 2.92vw;
	}

	.b-slider-asm__wrapper {
		gap: 3.49vw;
	}
	.b-slider-asm__title {
		padding-left: 5vw;
	}
	.b-slider-asm__texts {
		margin-top: 0.78vw;
	}
	.b-slider-asm__right img {
		height: 24.11vw;
	}
}

@media (min-width: 992px) and (max-width: 1440px) {
	.b-slider-asm {
		padding: 3.89vw 0;
	}
	.b-slider-asm__content h2 {
		font-size: 2.43vw;
		line-height: 3.82vw;
		margin: 0 0 3.19vw;
	}
	.b-slider-asm__title h3 {
		font-size: 2.08vw;
		line-height: 3.82vw;
	}
	.b-slider-asm__title p {
		font-size: 1.39vw;
		line-height: 1.88vw;
	}
	.b-slider-asm__title::before {
		width: 2.5vw;
		height: 2.5vw;
		top: 0.69vw;
	}
	.b-slider-asm__title:not(:last-child)::after {
		height: calc(100% + 6.56vw);
		border-left: 0.21vw solid #b6b4b4;
		left: 1.11vw;
		top: 3.19vw;
	}
	.b-slider-asm__title:last-child::after {
		height: 3.56vw;
		border-left: 0.21vw solid #f2f2f2;
		left: 1.11vw;
		top: 3.19vw;
	}
	.b-slider-asm__wrapper {
		gap: 4.65vw;
	}
	.b-slider-asm__title {
		padding-left: 4.51vw;
	}
	.b-slider-asm__texts {
		margin-top: 1.04vw;
	}
	.b-slider-asm__right img {
		height: 32.15vw;
	}
}

@media (max-width: 991px) {
	.b-slider-asm {
		padding: 8vw 0;
	}
	.b-slider-asm__content h2 {
		font-size: 5.87vw;
		line-height: 7.73vw;
		margin: 0 0 3.73vw;
	}
	.b-slider-asm__title h3 {
		font-size: 4.8vw;
		line-height: 14.67vw;
		color: #ee0c5d;
	}
	.b-slider-asm__title p {
		font-size: 4.27vw;
		line-height: 5.07vw;
		display: block;
	}
	.b-slider-asm__title::before {
		width: 2.93vw;
		height: 2.93vw;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.b-slider-asm__title:not(:last-child)::after {
		height: 0.27vw;
		border-left: none;
		left: calc(50% + 1.33vw);
		top: 1.33vw;
		width: 100%;
		border-top: 0.27vw solid #ee0c5d;
	}
	.b-slider-asm__wrapper {
		gap: 5.33vw;
		flex-direction: column-reverse;
	}
	.b-slider-asm__title {
		padding-left: 16vw;
		display: inline-block;
		white-space: normal;
		vertical-align: top;
		text-align: center;
		background-image: url("data:image/svg+xml,%3Csvg width='56' height='16' viewBox='0 0 56 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55.7071 8.70711C56.0976 8.31658 56.0976 7.68342 55.7071 7.29289L49.3431 0.928932C48.9526 0.538408 48.3195 0.538408 47.9289 0.928932C47.5384 1.31946 47.5384 1.95262 47.9289 2.34315L53.5858 8L47.9289 13.6569C47.5384 14.0474 47.5384 14.6805 47.9289 15.0711C48.3195 15.4616 48.9526 15.4616 49.3431 15.0711L55.7071 8.70711ZM0 8V9H55V8V7H0V8Z' fill='%23EE0C5D'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 14.93vw;
		padding-bottom: 13.33vw;
		padding-top: 1.33vw;
		padding-right: 16vw;
	}
	.b-slider-asm__texts {
		margin-top: 4vw;
	}
	.b-slider-asm__right,
	.b-slider-asm__left {
		width: 100%;
	}
	.b-slider-asm__titles {
		white-space: nowrap;
		display: block;
		overflow-y: auto;
	}
	.b-slider-asm__left {
		width: calc(100% + 10.67vw);
	}
    .b-slider-asm__title::before {
        background-image: url("data:image/svg+xml,%3Csvg width='60' height='61' viewBox='0 0 60 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='29.8009' cy='30.5743' r='28.3009' fill='white' stroke='%23EE0C5D' stroke-width='3'/%3E%3Ccircle cx='29.8009' cy='30.5746' r='16.3783' fill='%23EE0C5D'/%3E%3C/svg%3E");
    }

	.b-slider-asm__content .b-slider-asm__image img {
		height: 100%;
		width: 100%;
		object-fit: contain;
	}
	
	.b-slider-asm__image {
		height: 50vw;
	}
}
