/* --- SKILLS & QUALIFICATIONS --- */
body.loggedin.session {
/*	.form__skills .skills-form { */
           .skills-form {
		display: grid;
		gap: var(--gap);
		padding-top: var(--p);
		width: 100%;
		max-width: var(--maxwlg);

		.form-group {
			margin: 0;
		}

		.information {
			display: flex;
			flex-flow: row wrap;
			gap: var(--gap-sm);
			row-gap: var(--gap-xs);
		}
		.information .form-group:has(label[for="FirstName"]),
		.information .form-group:has(label[for="LastName"]) {
			width: calc(50% - (var(--gap-sm) / 2));
		}
		.information .form-group:has(label[for="Phone"]) {
			width: calc(40% - (var(--gap-sm) / 2));
		}
		.information .form-group:has(label[for="Email"]) {
			width: calc(60% - (var(--gap-sm) / 2));
		}
/* .technical { */
		.trs-fld-grp {
			display: grid;
    		grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-sm) - var(--gap-sm)),100%), 1fr));
    		align-items: start;
    		align-content: start;
			gap: var(--gap-sm);
			row-gap: var(--gap-xs);

			.checkbox {
				margin: 0;
			}
		}

		> div h4,
		.technical .checkbox-details {
			grid-column: 1 / -1;
			flex: 1 0 100%;
		}
		.technical .checkbox-details {
			margin-top: var(--p-sm);
			display: grid;
			grid-template-columns: 1fr 7fr;
			gap: var(--gap-sm);
		}
		& .checkbox-details {
			transition: .5s;
		}
	}
}

@media (max-width: 680px) {
	body.loggedin.session .form__skills .skills-form {
		.information .form-group:has(label[for="FirstName"]),
		.information .form-group:has(label[for="LastName"]),
		.information .form-group:has(label[for="Phone"]) ,
		.information .form-group:has(label[for="Email"]) {
			width: 100%;
		}
	}
}