main.careers {
	--border: 1px solid var(--main-stroke);

	.section-spacing {
		padding: var(--spacing-2) 0 var(--spacing-4);
	}
}

.job-position-list-section {

	.section-content {
		display: flex;
		width: 95%;
		max-width: 1512px;
		margin: 0 auto;
		justify-content: center;
	}

	@media screen and (max-width: 1200px) {
		.elements-3 {
			flex-direction: column;
			align-items: center;
		}

		.elements-3 .job-item {
			border-left: var(--border);
		}

		.elements-3 .job-item:not(:first-of-type) {
			border-top: none;
		}

		
	}

	@media screen and (max-width: 1400px) {
		.elements-4 {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
		}

		.elements-4 .job-item {
			padding: var(--spacing-2) var(--spacing-3) !important;
			border-bottom: none;
		}

		.elements-4 .job-item:nth-child(3) {
			border-left: var(--border);
			border-bottom: var(--border);
		}

		.elements-4 .job-item:nth-child(4) {
			border-bottom: var(--border);
		}
	}

	@media screen and (max-width: 768px) {

		.section-content {
			width: 100%;
		}
		.elements-4, .elements-2 {
			display: grid;
			grid-template-columns: 1fr;
		}

		.elements-2 .job-item:first-of-type {
			border-bottom: none;
		}

		.elements-2 .job-item {
			border-left: var(--border);
		}

		.elements-4 .job-item {
			border: none;
		}

		.elements-4 .job-item {
			border-bottom: var(--border);
			border-right: var(--border);
		}

		.elements-4 .job-item:first-of-type {
			border-left: var(--border);
			border-top: var(--border);
		}

		.elements-4 .job-item:nth-child(2n){
			border-left: var(--border);
		}
	}

	.job-item {
		width: 100%;
		border-right: var(--border);
		border-top: var(--border);
		border-bottom: var(--border);
		padding: var(--spacing-3) var(--spacing-4);
		background-color: var(--color-white);
	}

	.elements-4 .job-item {
			padding: var(--spacing-2);
	}

	.job-heading {
		display: flex;
		justify-content: space-between;
	}

	.job-name {
		font-size: var(--font-size-h4);
		font-weight: var(--font-weight-semiBold);
		text-transform: uppercase;
		margin-bottom: var(--spacing-1);
	}

	.job-address {
		display: flex;
		align-items: center;
		gap: var(--spacing-1);
		font-size: var(--font-size-text);
		font-weight: var(--font-weight-regular);
		margin-bottom: var(--spacing-2);

		svg {
			width: 16px;
			height: 16px;
		}
	}

	.job-info {
		text-transform: uppercase;
		font-size: var(--font-size-text);
		font-weight: var(--font-weight-regular);

		span {
			font-weight: var(--font-weight-semiBold);
		}
	}

	.job-item:first-of-type {
		border-left: var(--border);
	}

	.accordion__summary span {
		text-transform: uppercase;
		font-size: var(--font-size-text);
		position: relative;
		display: block;
	}

	.accordion__summary span:after {
		content: "";
		position: absolute;
		right: 0;
		bottom: calc(var(--spacing-1) / -2);
		transform: translateY(-50%);
		width: 100%;
		height: 1px;
		background-color: var(--main-primary);
		transition: all 0.3s ease-in-out;
	}

	.accordion__summary:hover span:after {
		background-color: var(--main-inverted-primary);
	}

	.prose p {
		font-weight: var(--font-weight-regular);
		font-size: var(--font-size-text);
	}

	.button {
		height: 44px;
		padding: 0 var(--spacing-4);
		display: flex;
		align-items: center;
		width: fit-content;
		color: var(--main-inverted-primary);
		background-color: var(--main-primary);
	}

	.elements-4 .button {
		padding: 0 var(--spacing-1);
	}

	.button:hover {
		background-color: var(--main-inverted-primary);
		color: var(--main-primary);
		border: 1px solid var(--main-primary);
	}
}