.dropdown-list {
	display: flex;
	justify-content: space-between;
}

{#------------ TEXT PART -------------#}

.dropdown-list__text-link {
	margin-top: var(--spacer_24);
	display: block;
}

{#------------ CARDS PART -------------#}

.dropdown-list__list-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: var(--gutter_width_percent);
}

.dropdown-list__list {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--spacer_20);
}

.dropdown-list__list-item {
	padding: var(--spacer_28);
	border-radius: .8rem;
	border: .2rem solid #D6D6D6;
	height: fit-content;
	background-color: var(--white_color);
	transition: background-color var(--default_transiton);
}

.dropdown-list__list-item:hover{
	cursor: pointer;
}

.dropdown-list__list-item-title-container {
	display: flex;
	gap: var(--spacer_8);
	justify-content: space-between;
}

.dropdown-list__list-item-title {
	margin: 0;
}

.dropdown-list__list-item-title-button-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3.2rem;
}

.dropdown-list__list-item-title-button {
	width: 3.2rem;
	height: 3.2rem;
	position: relative;
}

.dropdown-list__list-item-title-button:before{
	content: "";
	background-color: var(--primary_color, #0173FF);
	position: absolute;
	top: 50%;
	left: 0;
	width: 2.5rem;
	height: .2rem;
	transform: translateY(-50%);
	transition: transform var(--default_transition), opacity var(--default_transition);
}

.dropdown-list__list-item--open {
	background-color: var(--accent_color);
}

.dropdown-list__list-item--open .dropdown-list__list-item-title-button:before {
	transform: translatey(-50%) rotate(-90deg);
	opacity: 0;
}

.dropdown-list__list-item-title-button:after {
	content: "";
	display: block;
	background-color: var(--primary_color, #0173FF);
	position: absolute;
	top: 50%;
	left: 0;
	width: 2.5rem;
	height: .2rem;
	transform: translateY(-50%) rotate(90deg);
	transition: transform var(--default_transition), opacity var(--default_transition);
}

.dropdown-list__list-item--open .dropdown-list__list-item-title-button:after {
	transform: translatey(-50%) rotate(0);
}

.dropdown-list__list-item-content--openable {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height var(--default_transition), opacity var(--default_transition);
}

.dropdown-list__list-item--open .dropdown-list__list-item-content--openable {
	max-height: 20rem;
	opacity: 1;
}

.dropdown-list__list-item-caption {
	padding-top: var(--spacer_16);
}

.dropdown-list__list-item-link {
	margin-top: var(--spacer_16);
}

@media (max-width: 1024px) {
	.dropdown-list {
		flex-direction: column;
		gap: var(--spacer_20);
	}
	.dropdown-list__text-container {
    width: 100%;
	}
	.dropdown-list__text-title {
			text-align: center;
	}
	.dropdown-list__text-caption {
			text-align: center;
	}
	.dropdown-list__text-link {
		margin-top: var(--spacer_16);
	}
	.dropdown-list__text-links {
			display: flex;
			gap:  var(--spacer_36);
			flex-flow: wrap;
			justify-content: center;
	}
	.dropdown-list__list-container {
			margin-left: 0;
			width: 100%;
	}
}

@media (max-width: 800px) {
	.dropdown-list__list-container {
    flex-direction: column;
    gap: var(--spacer_20);
  }
}