@charset "UTF-8";
/* CSS Document */

.accordion .wrap {
	background-color: var(--white);
	border-radius: var(--big-radius);
	box-shadow: var(--shadow);
}

.ui-accordion-header {
	cursor: pointer;
	padding: 10px 20px;
	display: grid;
	grid-template-columns: auto 1fr 30px;
    align-items: center;
	margin-top: 20px;
}

.ui-accordion-header .icon {
	background-color: var(--act-primary-light);
	color: var(--white);
	width: 25px;
	height: 25px;
	display: grid;
	align-content: center;
	justify-content: center;
	border-radius: 50%;
}

.ui-accordion-header svg {
	font-size: 18px;
}

.ui-accordion-header-collapsed .icon {
	background-color: var(--act-primary-trans);
	color: var(--act-primary);
}

.ui-accordion-content {
	padding: 10px 20px;
}

@media screen and (max-width: 768px) {
	.ui-accordion-header h3 {
		font-size: 17px;
	}
}