body {
	position: relative;
	color: #FFFFFF;
	font-family: Inter;
}

#careers-top {
	background: #24272F;
	padding: 180px 0 0 0;
}

#hero {
	margin: 0 auto;
	max-width: 1150px;
}

#hero h2 {
	color: #FF8540;
	font-family: Roboto Mono;
	font-size: 32px;
	font-weight: 600;
	line-height: 26px;
	letter-spacing: 0.03em;
	margin: 0;
	padding: 0;
	text-align: left;
}

#hero h1 {
	font-size: 32px;
	font-weight: 600;
	line-height: 39px;
	letter-spacing: 0.03em;
	margin: 0;
	padding-top: 20px;
	text-align: left;
}

.photo-column {
	align-items: center;
	display: flex;
	margin: 0 auto;
	max-width: 1700px;
	padding: 100px 0 0 0;
}

.photo-column img {
	max-width: 66vw;
	width: 100%;
}

.photo-column .text {
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0.03em;
	padding: 0 100px 0 60px;
	text-align: left;
}

.values {
	column-gap: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 0 auto;
	max-width: 1150px;
	padding: 70px 0;
}

.value {
	background: #9FAEA8;
	box-shadow: 6px 6px 15px 0px #00000040;
	height: 500px;
	padding: 50px;
}

.value h2 {
	color: #4D9C80;
	font-family: Roboto Mono;
	font-size: 24px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0.03em;
	margin: 0;
	text-align: left;
}

.value h1 {
	font-size: 32px;
	font-weight: 600;
	line-height: 39px;
	letter-spacing: 0.025em;
	margin: 0;
	padding-top: 25px;
	text-align: left;
}

.value p {
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0.03em;
	margin: 0;
	padding-top: 100px;
	text-align: left;
}

#careers-quotes .quote {
	display: none;
}

#careers-quotes .careers-quote1 {
	background-image: url(../images/career-2.webp);
}

#careers-quotes .careers-quote2 {
	background-image: url(../images/career-3.webp);
}

#careers-quotes .careers-quote3 {
	background-image: url(../images/career-4.webp);
}

#roles {
	background: #FF8540;
	padding: 130px 100px;
}

#roles h1 {
	color: #FFFFFF;
	font-family: Inter;
	font-size: 40px;
	font-weight: 700;
	line-height: 48px;
	letter-spacing: 0.025em;
	margin: 0;
	text-align: left;
}

.pills {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0 0 0;
}

.pills li {
	align-items: center;
	border: 1px solid #FFFFFF;
	border-radius: 25px;
	color: #FFFFFF;
	cursor: pointer;
	display: flex;
	height: 50px;
	font-family: Inter;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	list-style-type: none;
	letter-spacing: 0.025em;
	margin: 0 25px 15px 0;
	padding: 0 28px;
	text-align: center;
	vertical-align: middle;
}

.pills li:hover, .pills li.selected {
	background: #FFFFFF;
	color: #FF8540;
}

.jobs {
	border-top: 1px solid #FFFFFF;
}

.jobs a {
	text-decoration: none;
}

.jobs .job:hover .arrow {
	animation: arrow 1s ease-in-out infinite;
}

.jobs .job {
	align-items: center;
	border-bottom: 1px solid #FFFFFF;
	display: flex;
	justify-content: space-between;
	padding: 28px 0;
}

#roles .jobs .no-active-job {
	padding-top: 20px;
}

#roles .jobs .no-active-job a {
	color: white;
}

#roles .jobs .job h1 {
	color: #FFFFFF;
	font-family: Inter;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0.025em;
	margin: 0;
	text-align: left;
}

#roles .jobs .job .info {
	color: #FFFFFF;
	font-family: Inter;
	font-size: 18px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: 0.025em;
	padding: 20px 0 0 0;
	text-align: left;
}

@keyframes arrow {
	0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(10px, 0);
	}
}

#investors {
	background: #24272F;
	padding: 130px 100px;
	width: calc(100% - 200px);
}

.investors-content {
	margin: 0 auto;
	max-width: 1700px;
}

#investors h1 {
	color: #FFFFFF;
	font-family: Inter;
	font-size: 40px;
	font-weight: 700;
	line-height: 48px;
	letter-spacing: 0.025em;
	margin: 0;
	text-align: left;
}

.investor-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	padding-top: 30px;
}

.investor-list a {
	align-items: center;
	display: flex;
	justify-content: center;
}

.investor-list a img {
	max-width: 159px;
}