.list {
	&__title {
		font-size: 48px;
		font-weight: bold;
		line-height: 1.35;
		color: #2f4f7e;
		margin-bottom: 30px;
	}
	&__item {
		display: flex;
		align-items: center;
		font-size: 20px;
		line-height: 3.65;
		letter-spacing: 2px;
		color: #2f4f7e;
		text-transform: uppercase;
		cursor: pointer;
		&::after {
			content: '';
			width: 34px;
			height: 34px;
			background: url('../img/layout/arrow-up.svg') no-repeat center;
			background-size: 10px;
			border-radius: 17px;
			border: 2px solid #f8a7b9;
			margin-left: 25px;
			transform: rotate(180deg);
			transition: 0.3s ease-in-out;
		}
		&.--open {
			&::after {
				transform: rotate(0deg);
				transition: 0.3s ease-in-out;
			}
		}
	}
	&__description {
		overflow: hidden;
		max-width: 850px;
		max-height: 0px;
		transition: 0.3s ease-in-out;
		padding-bottom: 0;
		line-height: 2;
		&.--open {
			max-height: 500px;
			padding-bottom: 45px;
			transition: 0.3s ease-in-out;
		}
	}
	@include breakpoint(0 576px) {
		&__title {
			font-size: 20px;
			line-height: 1.5;
			margin-bottom: 15px;
		}
		&__item {
			font-size: 12px;
			line-height: 6;
			letter-spacing: 1.2px;
		}
		&__description {
			line-height: 1.5;
			&.--open {
				max-height: 500px;
				padding-bottom: 20px;
				transition: 0.3s ease-in-out;
			}
		}
	}
}
