.profile {
	margin: 0 auto;
	max-width: 1276px;
	padding: 40px 0;
}
.profile-accordion-parent {
	padding:0;
	max-width:480px;
	text-align: center;
}
.profile-accordion span {
	display:flex;
	gap:20px;;
	padding-bottom:15px;
}
.profile-accordion a {
	color: var(--text-blue);
	text-decoration: underline;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0px;
}
.profile header {
	padding-bottom:	15px;
}
.profile h1 {
	/*padding-bottom:		20px;
	font-weight:		normal;*/

	line-height:		1.212;
	font-size:			44px;
	color:				var(--mono);
	font-family:		var(--bold);
}
#submit_beneficiaries_btn {
	display:none;
}
#submit_beneficiaries_btn.shown {
	display:block;
}
.profile header p {}
.profile-blocks {
}
.profile-blocks .inner-blocks,
.profile-blocks .inner-first,
.profile-blocks .inner-last {
	display:			flex;
	gap:				18px;
	flex-direction:		column;
}
.profile-block {
	background:			var(--another-grey);
	border-radius:		7px;
	padding:			15px;
	display:			flex;
	gap:				8px;
	line-height:		1.5;
	flex-direction:		column;
}
.profile-block span
.profile-block input,
.profile-block textarea {
	font-size:			15px;
	line-height:		24px;
	color:				var(--default-text);
	font-family:		var(--regular);
}
.profile-block strong,
.profile-block label {
	font-weight:		normal;
	font-family:		var(--semibold);
	font-size:			15px;
	line-height:		24px;
}
.profile-blocks .edit-profile {
	padding-top:		20px;
}
/*.profile-blocks .btn-primary {
	background:			var(--sky-blue);
	border-radius:		5px;
	box-shadow:			0px 0px 7px 0px #00000040;
	color:				var(--default);
	font-size:			21px;
	font-weight:		600;
	height:				50.92px;
	letter-spacing:		-0.03em;
	line-height:		50.92px;
	text-align:			center;
	padding:			0 24px;
	display:			inline-block;
	transition:			all 0.2s ease;
	margin-top:			8px;
}
.profile-blocks .btn-primary:hover {
	background:			var(--default);
	color:				var(--sky-blue);
}*/
.profile .preferences {
	padding-top:50px;
}
.profile .preferences header {}
.profile h2 {
	font-weight:normal;
	font-family:var(--semibold);
	padding-bottom:15px;
}
.profile .preferences header p {}

.profile .preference-grid {
	display:		flex;
	gap:			20px;
	flex-direction: column;
}
.profile .preference {
	border-radius:10px;
	background:var(--another-blue);
	padding:15px;
}
.profile h3 {
	font-weight:normal;
	font-family:var(--semibold);
	padding-bottom:10px;
}
.profile .preference p {
}
.profile .preference .edit-line {
	padding-top:		20px;
}
.profile .preference .btn-primary {
	background:			var(--sky-blue);
	border-radius:		5px;
	box-shadow:			0px 0px 7px 0px #00000040;
	color:				var(--default);
	font-size:			21px;
	font-weight:		600;
	height:				50.92px;
	letter-spacing:		-0.03em;
	line-height:		50.92px;
	text-align:			center;
	padding:			0 24px;
	display:			inline-block;
	transition:			all 0.2s ease;
	margin-top:			8px;
}
.profile .preference .btn-primary:hover {
	background:			var(--default);
	color:				var(--sky-blue);
}
@media all and (min-width:768px) {
	.profile-blocks .inner-first,
	.profile-blocks .inner-last {
		flex-direction:row;
		flex-wrap:nowrap;
	}
	.profile-blocks .inner-first .profile-block {
		width:calc(33% - 8px);
		min-width:calc(33% - 8px);
		max-width:calc(33% - 8px);
	}
	.profile-blocks .inner-last .profile-block {
		width:calc(50% - 9px);
		min-width:calc(50% - 9px);
		max-width:calc(50% - 9px);
	}
	.preferences header {
		text-align:center;
	}
}
@media all and (min-width:768px) {
	.profile .preference-grid {
		flex-wrap:wrap;
		flex-direction:row;
	}
	.profile .preference {
		min-width:calc(50% - 10px);
		max-width:calc(50% - 10px);
		width:calc(50% - 10px);
	}
}
@media all and (min-width:960px) {
	.profile .preference {
		min-width:calc(25% - 15px);
		max-width:calc(25% - 15px);
		width:calc(25% - 15px);
	}
	.profile-blocks .inner-blocks {
		flex-direction:row;
	}
	.profile-blocks .inner-first {
		flex-direction:column;
		width:33%;
	}
	.profile-blocks .inner-first .profile-block,
	.profile-blocks .inner-last .profile-block {
		min-width:100%;
		max-width:100%;
		width:100%;
	}
	.profile-blocks .inner-last {
		flex-direction:column;
		width:calc(66% - 20px);
	}
	.profile-blocks .inner-last .profile-block:last-child {
		min-height:190px;
	}
}