/*
--------------------------------------
Items
--------------------------------------
*/

.list-item__container {
	display: flex;
	gap: 10px;
	font-family: var(--e-global-typography-primary-font-family);
}

/*
--------------------------------------
Item
--------------------------------------
*/

.list__items {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

/*
--------------------------------------
Item -- common style
--------------------------------------
*/

.list__container:not(.list__container--primary) {
	border-radius: 7px;
	padding: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));

	.list__title-text {
		font-family: "Pluto Sans Medium" ! important;
		font-size: 19px;
		font-weight: 700;
		text-transform: uppercase;
	}

	/*Title element*/

	.list__title {
		padding-bottom: 10px;
		margin-bottom: 1em;
	}

	.list-item__title-text {
		font-weight: 600;
	}

}

/*
--------------------------------------
Item -- primary
--------------------------------------
*/

.list__container.list__container--primary {

	/*Title */

	.list-item__title-text {
		font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
		font-weight: 700;
		color: var(--e-global-color-primary);
	}
}

/*
--------------------------------------
Item -- secondary
--------------------------------------
*/

.list__container.list__container--secondary {
	background: #fff;

	/*Title element*/

	.list__title {
		border-bottom: 1px solid #DCDCDC;
	}

}

/*
--------------------------------------
Item -- tertiary
--------------------------------------
*/

.list__container.list__container--tertiary {

	background: var(--e-global-color-secondary);

	.list__title-text,
	.list-item__title-text {
		color: #fff;
	}

	/*Title element*/

	.list__title {
		border-bottom: 1px solid #414080;
	}

}