.dashboard-inner header {
	padding-bottom:	30px;
}
.dashboard-inner h1 {
	line-height:	1.212;
	font-size:		44px;
	color:			var(--mono);
	font-family:	var(--bold);
	padding-bottom:	40px;
}
.dashboard-inner header p {
	line-height:	1.6;
	font-size:		16px;
	padding-bottom:	10px;
}
.dashboard-inner h2 {
	color:			var(--light-blue);
	padding:		30px 0;
	font-family:	var(--semibold);
	font-size:		24px;
}
.pension-box {
	background:		var(--light-blue);
	border-radius:	15px;
	padding:		18px;
	position:		relative;
	margin-bottom:	24px;
}
.pension-box .label-field {
	color:			var(--soft-yellow);
	display:		flex;
	flex-direction:	column;
}
.pension-box .label,
.pension-box .field {
	word-wrap:		break-word;
	font-size:		14px;
}
.pension-box .label {
	line-height:	1;
	font-family:	var(--regular);
	padding-bottom:	6px;
}
.pension-box .field {
	font-size:		24px;
	font-family:	var(--semibold);
	padding-bottom:	21px;
	line-height:	24px;
}
.pension-box .plan-details {
	display:		flex;
	flex-direction:	row;
	flex-wrap:		wrap;
	width:			228px;
	gap:			6px 0;
	padding-top:	1px;
}
.pension-box .plan-details .label,
.pension-box .plan-details .field {
	line-height:	21px;
	font-size:		14px;
}
.pension-box .plan-details .label-field {
	width:			114px;
}
.pension-box .plan-details .label {
	padding-bottom:	0;
}
.pension-box .plan-details .field {
	padding-bottom:	0;
}
.pension-box .more-details {
	position:			absolute;
	right:				17px;
	top:				22px;
}
/*.pension-box .btn {
	background:			var(--secondary);
	color:				var(--charcoal);
	padding:			8px 15px;
	font-size:			14px;
	font-family:		var(--semibold);
	line-height:		17.5px;
	word-break:			break-word;
	box-shadow:			0px 0px 7px rgba(0, 0, 0, 0.25);
	border-radius:		5px;
	text-align:			center;
	gap:				10px;
	display:			inline-flex;
	width:				87px;
	font-family:		var(--normal);
}
.pension-box .btn:hover {
	background:			var(--default);
	color:				var(--sky-blue);
}*/
.pension-box .top-first {
	max-width:		calc( 100% - 150px );
}

@media all and (min-width:700px) {
	.dashboard-inner {
		padding-top:	36px;
	}
	.pension-box .more-details {
		top:			auto;
		bottom:			22px;
	}
	.pension-box .plan-details {
		width:			470px;
    	gap:			6px 3px;
	}
	.pension-box .top-second {
		position:		absolute;
		right:			20px;
		top:			17px;
		text-align:		right;
	}
	.pension-box .btn {
		width:			auto;
	}
}

@media all and (min-width:1230px) {
	.dashboard-inner {
		padding:		64px 0 0;
		margin:			0 auto;
		max-width:		1276px;
	}
	.dash-section {
		display:		flex;
		justify-content:space-between;
		flex-direction:	row;
	}
	.dash-section header {
		width:			413px;
	}
	.dash-section .pension-boxes {
		width:			738px;
		margin:			0 auto;
	}
}