@font-face {
		font-family: Cabin;
		src: url(fonts/Cabin-Regular.ttf);
	}

	* {
		box-sizing: border-box;
	}

	html {
		font-size: 100%;
	}

	body {
		margin: 0;
		padding: 55px 30px 40px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.25rem;
		line-height: 1.5;
	}

	.container {
		margin: 0 auto;
		max-width: 1100px;
	}

	.logo-mees {
		width: 185px;
	}

	.logo-mees img {
		max-width: 100%;
	}

	.logo-accessXchange {
		width: 148px;
		margin: 0 auto;
	}

	.logo-accessXchange img {
		display: block;
		max-width: 100%;
	}

	/* Headings */
	h1, h2, h3, h4 {
		margin: 0;
		padding: 0;
	}

	h1 {
		font-family: Cabin;
		font-size: 5rem;
		font-weight: 400;
		text-align: center;
		margin: 0.3em 0 0.67em;
	}

	h2 {
		font-family: Cabin;
		font-size: 2.25rem;
		font-weight: 400;
		margin-bottom: 30px;
	}

	h3 {
		font-family: Cabin;
		font-size: 1.75rem;
		font-weight: 400;
		margin: 1em 0;
	}

	h4 {
		font-family: Cabin;
		font-size: 1.75rem;
		font-weight: 400;
	}

	/* Tabs */
	.modules-container {
		margin-top: 40px;
	}

	.nav-tabs {
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
		border: 1px solid #f1f2f2;
	}

	.nav-tabs li {
		width: 50%;
		text-align: center;
		background-color: #bfbfbf;
	}

	.nav-tabs li:hover {
		background: #ffffff;
	}

	.tab-link {
		display: inline-block;
		width: 100%;
		padding: 11px 0;
		color: #0a4c51;
		border-top: 3px solid transparent;
		text-decoration: none;
	}

	/* ✅ Fixed (no nesting) */
	.nav-tabs li.active {
		background-color: #ffffff;
	}

	.nav-tabs li.active .tab-link {
		border-top: 3px solid #0a4c51;
	}

	.nav-tabs li.active:hover .tab-link {
		border-color: #932439;
	}

	/* Modules */
	.module-list {
		list-style: none;
		margin: 0;
		padding: 15px;
		border: 1px solid #f1f2f2;
	}

	.module-item::after {
		margin: 10px 0;
		display: block;
		height: 6px;
		width: 100%;
		content: "";
		background: radial-gradient(
			ellipse at 50% -50%,
			rgba(0,0,0,.5) 0,
			rgba(255,255,255,0) 65%
		);
	}

	.module-button {
		display: inline-block;
		background-color: #0a4c51;
		color: #ffffff;
		padding: 13px 29px;
		text-transform: uppercase;
		font-family: Cabin;
		font-size: 0.875rem;
		text-decoration: none;
	}

	/* Footer */
	.footer {
		margin-top: 100px;
	}

	.footer ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: space-between;
	}

	.footer ul li img {
		max-width: 165px;
	}

	/* Utility */
	.hidden {
		display: none;
	}

	.nav-secondary {
		display: none;
	}

	/* Mobile */
	@media (max-width: 768px) {

		/* Hide the first nav's second tab */
		.modules-container > .nav:first-of-type li:nth-child(2) {
			display: none;
		}

		/* Show the second nav */
		.nav-secondary {
			display: block;
		}

		/* Stack tabs full width */
		.nav-tabs {
			flex-direction: column;
		}

		.nav-tabs li {
			width: 100%;
		}
	}