.careers-3 {
	-webkit-font-smoothing: initial;
	font-size: 16px;
	line-height: 1.5;
}

.careers-3 h1,
.careers-3 h2,
.careers-3 h3,
.careers-3 h4 {
	font-family: "Roboto Slab", serif;
	font-weight: 700;
	margin: 0 0 16px;
	color: #111827;
}

.careers-3 h1,
.careers-3 .level-1 {
	font-size: 48px;
	line-height: 1;
}

.careers-3 h2,
.careers-3 .level-2 {
	font-size: 36px;
	line-height: calc(2.5 / 2.25);
}

.careers-3 h3,
.careers-3 .level-3 {
	line-height: 1.2;
	font-size: 30px;
}

.careers-3 h4,
.careers-3 .level-4 {
	font-size: 24px;
	line-height: calc(2 / 1.5);
}

.careers-3 h5,
.careers-3 .level-5 {
	font-size: 20px;
	line-height: calc(1.75 / 1.25);
}

.careers-3 h6,
.careers-3 .level-6 {
	font-size: 18px;
	line-height: calc(1.75 / 1.125);
}

.careers-3 .heading-light {
	color: #ffffff;
}

.careers-3 .heading-accent {
	color: #28a647;
}

.careers-3 .heading-muted {
	color: #6b7280;
}

.careers-3 .heading-tight {
	margin-bottom: 8px;
}

.careers-3 .heading-normal {
	margin-bottom: 16px;
}

.careers-3 .heading-loose {
	margin-bottom: 24px;
}

@media (max-width: 1023px) {
	.careers-3 h1 {
		font-size: 40px;
	}

	.careers-3 h2 {
		font-size: 36px;
	}

	.careers-3 h3 {
		font-size: 24px;
	}

	.careers-3 h4 {
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	.careers-3 h1 {
		font-size: 30px;
	}

	.careers-3 h2 {
		font-size: 30px;
	}
}

/* ------------------------------------------------------------ *\
	Text Helpers
\* ------------------------------------------------------------ */

.text-xs {
	font-size: 12px;
	line-height: calc(1 / 0.75);
}

.text-sm {
	font-size: 14px;
	line-height: calc(1.25 / 0.875);
}

.text-base {
	font-size: 16px;
	line-height: 1.5;
}

.text-lg {
	font-size: 18px;
	line-height: calc(1.75 / 1.125);
}

.text-xl {
	font-size: 20px;
	line-height: calc(1.75 / 1.25);
}

.text-2xl {
	font-size: 24px;
	line-height: calc(2 / 1.5);
}

.text-3xl {
	font-size: 30px;
	line-height: 1.2;
}

.text-4xl {
	font-size: 36px;
	line-height: calc(2.5 / 2.25);
}

.text-5xl {
	font-size: 48px;
	line-height: 1;
}

.text-6xl {
	font-size: 60px;
	line-height: 1;
}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.careers-3 .shell {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 32px;
}

@media (max-width: 1279px) {
	.careers-3 .shell {
		max-width: 1024px;
	}
}

@media (max-width: 1023px) {
	.careers-3 .shell {
		max-width: 768px;
		padding: 0 24px;
	}
}

@media (max-width: 767px) {
	.careers-3 .shell {
		max-width: 640px;
		padding: 0 16px;
	}
}

/* ------------------------------------------------------------ *\
    Card (Base)
\* ------------------------------------------------------------ */

.careers-3 .card-secondary {
	background: #ffffff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .12);
	transition: box-shadow .2s ease;
	height: 100%;
	display: block;
	text-decoration: none;
}

.careers-3 .card-secondary:hover {
	box-shadow: 0 20px 40px rgba(0, 0, 0, .15);
}

.careers-3 .card-secondary .card__image {
	position: relative;
	padding-top: 75%;
	overflow: hidden;
}

.careers-3 .card-secondary .card__image img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}

.careers-3 .card-secondary:hover .card__image img {
	transform: scale(1.05);
}

.careers-3 .card-secondary .card__content {
	padding: 24px;
}

.careers-3 .card-secondary .card__label {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #28a647;
	margin-bottom: 4px;
}

.careers-3 .card-secondary .card__meta {
	list-style: none;
	padding: 0;
	margin: 0 0 24px 0;
}

.careers-3 .card-secondary .card__meta li {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 16px;
	color: #374151;
}

.careers-3 .card-secondary h3 {
	font-size: 24px;
	margin-bottom: 16px;
}

.careers-3 .card-secondary h4 {
	font-size: 24px;
	margin-bottom: 8px;
}

.careers-3 .card-secondary p {
	font-size: 14px;
	color: #374151;
	margin-bottom: 16px;
}

@media (max-width: 767px) {
	.careers-3 .card-secondary h4 {
		font-size: 20px;
	}
}

/* ------------------------------------------------------------ *\
    Card - Career
\* ------------------------------------------------------------ */

.careers-3 .card-secondary--career {
	border-radius: 12px;
	cursor: pointer;
}

.careers-3 .card-secondary--career .card__content {
	padding: 20px;
}

.careers-3 .card-secondary--career h3 {
	font-size: 18px;
	margin-bottom: 8px;
}

/* ------------------------------------------------------------ *\
    Card - Benefit
\* ------------------------------------------------------------ */

.careers-3 .card-secondary--benefit {
	border: 2px solid #e5e7eb;
	padding: 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: none;
	transition: border-color .3s;
}

.careers-3 .card-secondary--benefit:hover {
	border-color: #33b44a;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
}

.careers-3 .card-secondary--benefit .card__icon {
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 12px;
}

.careers-3 .card-secondary--benefit .card__icon svg {
	width: 28px;
	height: 28px;
	color: #33b44a;
}

.careers-3 .card-secondary--benefit h3 {
	font-size: 16px;
	margin-bottom: 8px;
	font-family: 'Muli', sans-serif;
	line-height: calc(20 / 16);
}

.careers-3 .card-secondary--benefit p {
	font-size: 12px;
	line-height: calc(19.5 / 12);
	font-family: 'Muli', sans-serif;
}

.careers-3 .card-secondary--benefit p:last-child {
	margin-bottom: 0;
}

/* ------------------------------------------------------------ *\
    Card - CTA
\* ------------------------------------------------------------ */

.careers-3 .card-secondary--cta {
	padding: 32px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.careers-3 .card-secondary--cta a+a {
	margin-top: 12px;
}

.careers-3 .card-secondary--cta p {
	font-size: 13px;
	font-weight: 700;
	color: #28a647;
	margin-bottom: 32px;
}

@media (max-width: 767px) {
	.careers-3 .card-secondary--cta p {
		font-size: 12px;
	}
}

/* ------------------------------------------------------------ *\
	Card Secondary Event
\* ------------------------------------------------------------ */

.careers-3 .card-secondary--event:hover {
	box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.careers-3 .card-secondary--event .card__image {
	padding-top: 75%;
}

.careers-3 .card-secondary--event .card__label {
	margin-bottom: 0;
}

.careers-3 .card-secondary--event h3 {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 24px;
	line-height: calc(2 / 1.5);
	color: #101828;
	margin-bottom: 16px;
}

.careers-3 .card-secondary--event .card__meta {
	display: grid;
	gap: 12px;
	margin-bottom: 24px;
}

.careers-3 .card-secondary--event .card__meta li {
	gap: 12px;
	color: #374151;
}

.careers-3 .card-secondary--event .card__meta li::before {
	content: "";
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
}

.careers-3 .card-secondary--event .card__meta li:first-child::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2328a647' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.careers-3 .card-secondary--event .card__meta li:last-child::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2328a647' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
}

.careers-3 .card-secondary--event a {
	display: inline-block;
	color: #28a647;
	font-weight: 700;
	transition: color 150ms;
	text-decoration: none;
}

.careers-3 .card-secondary--event a:hover {
	color: #239339;
}

/* ------------------------------------------------------------ *\
	Card Secondary Path
\* ------------------------------------------------------------ */

.careers-3 .card-secondary--path {
	border: 2px solid #33b44a;
	border-radius: 12px;
	padding: 24px;
	text-align: center;
	cursor: pointer;
	width: 100%;
}

.careers-3 .card-secondary--path:hover {
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.careers-3 .card-secondary--path .card__icon {
	width: 48px;
	height: 48px;
	background: #33b44a;
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px;
	transition: background 150ms;
}

.careers-3 .card-secondary--path:hover .card__icon {
	background: #2a9a3d;
}

.careers-3 .card-secondary--path .card__icon span {
	color: #ffffff;
	font-weight: 700;
}

.careers-3 .card-secondary--path h3 {
	font-size: 18px;
	line-height: calc(27 / 18);
	color: #101828;
	text-align: center;
	margin-bottom: 8px;
}

.careers-3 .card-secondary--path .card__content {
	padding: 0;
}

.careers-3 .card-secondary--path p {
	font-size: 14px;
	line-height: calc(1.25 / 0.875);
	color: #33b44a;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.careers-3 .card-secondary--path {
		width: 100%;
		padding: 20px;
		position: relative;
		z-index: 10;
	}

	.careers-3 .card-secondary--path .card__icon {
		width: 56px;
		height: 56px;
		margin: 0 0 0 0;
		flex-shrink: 0;
	}

	.careers-3 .card-secondary--path {
		display: flex;
		align-items: center;
		gap: 16px;
		text-align: left;
	}

	.careers-3 .card-secondary--path .card__content {
		flex: 1;
		text-align: left;
	}

	.careers-3 .card-secondary--path h3 {
		font-size: 18px;
		line-height: calc(1.25 / 1.125);
		text-align: left;
		margin-bottom: 4px;
	}

	.careers-3 .card-secondary--path p {
		font-size: 14px;
		line-height: calc(1.25 / 0.875);
		text-align: left;
	}

	.careers-3 .card-secondary--path:active {
		box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
		transform: scale(0.98);
	}
}

/* ------------------------------------------------------------ *\
	Card Secondary Article
\* ------------------------------------------------------------ */

.careers-3 .card-secondary--article {
	border: 2px solid oklch(92.8% .006 264.531);
	box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
	transition: all .3s ease;
	text-align: left;
}

.careers-3 .card-secondary--article:hover {
	border-color: #33b44a;
	box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}

.careers-3 .card-secondary--article .card__image {
	display: none;
	padding-top: 0;
	height: 192px;
}

.careers-3 .card-secondary--article .card__image img {
	height: 100%;
	object-position: center;
}

.careers-3 .card-secondary--article .card__content {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.careers-3 .card-secondary--article .card__tag span {
	display: inline-block;
	align-self: flex-start;
	background: #c6b186;
	color: #101828;
	font-size: 12px;
	line-height: calc(1 / .75);
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 9999px;
	margin-bottom: 16px;
}

.careers-3 .card-secondary--article h3 {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.25;
	color: #101828;
	margin-bottom: 0;
	transition: color .15s ease;
}

.careers-3 .card-secondary--article:hover h3 {
	color: #33b44a;
}

@media (min-width: 768px) {
	.careers-3 .card-secondary--article .card__image {
		display: block;
	}
}

/* ------------------------------------------------------------ *\
	Card Secondary Video
\* ------------------------------------------------------------ */

.careers-3 .card-secondary--video {
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	background: rgb(0 0 0 / 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
}

.careers-3 .card-secondary--video .card__inner {
	text-align: center;
	color: #ffffff;
	padding: 16px;
}

.careers-3 .card-secondary--video svg {
	width: 48px;
	height: 48px;
	margin: 0 auto 8px;
	color: rgba(255, 255, 255, 0.8);
	display: flex;
}

.careers-3 .card-secondary--video .card__title {
	font-size: 14px;
	line-height: calc(1.25 / 0.875);
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 0;
}

.careers-3 .card-secondary--video .card__meta {
	font-size: 12px;
	line-height: calc(1 / 0.75);
	color: rgba(255, 255, 255, 0.8);
	margin-top: 4px;
}

/* ------------------------------------------------------------ *\
	Card Secondary Video Article
\* ------------------------------------------------------------ */

.careers-3 .card-secondary--video-article {
	border: 2px solid rgba(255, 255, 255, .2);
	box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1);
	transition: all .3s ease;
	display: block;
	text-decoration: none;
	text-align: left;
}

.careers-3 .card-secondary--video-article:hover {
	border-color: #33b44a;
	box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
}

.careers-3 .card-secondary--video-article .card__image {
	padding-top: 56.25%;
	background: oklch(92.8% .006 264.531);
}

.careers-3 .card-secondary--video-article .card__overlay {
	position: absolute;
	inset: 0;
	background: rgb(0 0 0 / .3);
	display: flex;
	align-items: center;
	justify-content: center;
}

.careers-3 .card-secondary--video-article .card__play {
	width: 64px;
	height: 64px;
	background: rgb(255 255 255 / .9);
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color .3s ease;
}

.careers-3 .card-secondary--video-article:hover .card__play {
	background: #33b44a;
}

.careers-3 .card-secondary--video-article .card__play svg {
	width: 32px;
	height: 32px;
	color: #33b44a;
	margin-left: 4px;
	transition: color .3s ease;
}

.careers-3 .card-secondary--video-article:hover .card__play svg {
	color: #ffffff;
}

.careers-3 .card-secondary--video-article .card__content {
	padding: 20px;
}

.careers-3 .card-secondary--video-article h3 {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 18px;
	line-height: calc(1.75 / 1.125);
	color: #101828;
	margin-bottom: 8px;
	transition: color .15s ease;
}

.careers-3 .card-secondary--video-article:hover h3 {
	color: #33b44a;
}

.careers-3 .card-secondary--video-article p {
	font-size: 14px;
	line-height: calc(1.25 / .875);
	color: #39393A;
	margin-bottom: 0;
}

/* ------------------------------------------------------------ *\
    Cards (Base)
\* ------------------------------------------------------------ */

.careers-3 .cards-secondary {
	display: grid;
	gap: 32px;
	list-style: none;
	padding: 0;
	margin: 0;
}

/* ------------------------------------------------------------ *\
    Cards - Career
\* ------------------------------------------------------------ */

.careers-3 .cards-secondary--career {
	grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1023px) {
	.careers-3 .cards-secondary--career {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 639px) {
	.careers-3 .cards-secondary--career {
		grid-template-columns: 1fr;
	}
}

/* ------------------------------------------------------------ *\
    Cards - Benefit
\* ------------------------------------------------------------ */

.careers-3 .cards-secondary--benefit {
	grid-template-columns: repeat(6, 1fr);
	gap: 8px;
}

@media (max-width: 1023px) {
	.careers-3 .cards-secondary--benefit {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 767px) {
	.careers-3 .cards-secondary--benefit {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* ------------------------------------------------------------ *\
    Cards - Events
\* ------------------------------------------------------------ */

.careers-3 .cards-secondary--events {
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 767px) {
	.careers-3 .cards-secondary--events {
		grid-template-columns: 1fr;
	}
}

/* ------------------------------------------------------------ *\
    Cards - Videos
\* ------------------------------------------------------------ */

.careers-3 .cards-secondary--videos {
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

ƒ@media (max-width: 1023px) {
	.careers-3 .cards-secondary--videos {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.careers-3 .cards-secondary--videos {
		grid-template-columns: repeat(1fr);
	}
}


/* ------------------------------------------------------------ *\
    Cards - CTA / Articles / Videos
\* ------------------------------------------------------------ */

.careers-3 .cards-secondary--cta,
.careers-3 .cards-secondary--articles {
	grid-template-columns: repeat(3, 1fr);
}



@media (max-width: 767px) {

	.careers-3 .cards-secondary--cta,
	.careers-3 .cards-secondary--articles,
	.careers-3 .cards-secondary--videos {
		grid-template-columns: 1fr;
	}
}

/* ------------------------------------------------------------ *\
    Cards - Videos
\* ------------------------------------------------------------ */

.careers-3 .cards-secondary--videos-grid {
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 767px) {
	.careers-3 .cards-secondary--videos-grid {
		grid-template-columns: 1fr;
	}
}

/* ------------------------------------------------------------ *\
	Path Line (Desktop)
\* ------------------------------------------------------------ */

.careers-3 .section-path .section__line {
	position: absolute;
	left: -32px;
	top: 100px;
	width: calc(100% + 64px);
	height: 240px;
	pointer-events: none;
	z-index: 0;
}

.careers-3 .section-path .section__line svg {
	width: 100%;
	height: 100%;
}

/* ------------------------------------------------------------ *\
	Cards Path
\* ------------------------------------------------------------ */

.careers-3 .cards-secondary-path {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 40px;
	position: relative;
	z-index: 10;
	margin-top: -160px;
	list-style: none;
}

/* ------------------------------------------------------------ *\
	Mobile Path
\* ------------------------------------------------------------ */

.careers-3 .cards-secondary-path--mobile {
	display: none;
}

@media (max-width: 1279px) {
	.careers-3 .cards-secondary-path {
		max-width: 896px;
		margin: 0 auto;
	}
}

@media (max-width: 1023px) {
	.careers-3 .cards-secondary-path {
		max-width: 656px;
		margin: 0 auto;
	}
}

@media (max-width: 767px) {
	.careers-3 .cards-secondary-path {
		display: none;
	}

	.careers-3 .section__line {
		display: none;
	}

	.careers-3 .cards-secondary-path--mobile {
		display: block;
		position: relative;
	}

	.careers-3 .cards-secondary-path--mobile li {
		list-style: none;
		position: relative;
	}

	.careers-3 .cards-secondary-path--mobile li+li {
		margin-top: 0;
	}

	.careers-3 .cards-secondary-path--mobile li:last-child::after {
		display: none;
	}

	.careers-3 .timeline-connector {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 12px;
		padding-bottom: 12px;
		position: relative;
		z-index: 10;
	}

	.careers-3 .timeline-connector .timeline-connector__line {
		height: 12px;
		width: 2px;
		border-left: 2px dashed rgba(51, 180, 74, 0.4);
	}

	.careers-3 .timeline-connector svg {
		width: 20px;
		height: 20px;
		margin-top: -4px;
		margin-bottom: -4px;

		stroke: #33b44a;
		stroke-width: 2.5;
		fill: none;
		stroke-linecap: round;
		stroke-linejoin: round;
	}
}

/* ------------------------------------------------------------ *\
	Btn
\* ------------------------------------------------------------ */

.careers-3 .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 12px 24px;
	border-radius: 6px;
	background: #28a647;
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	transition: all .2s ease;
	min-width: unset;
	width: 100%;
	height: unset;
	min-height: 50px;
	line-height: 1.5;
	font-size: 16px;
}

.careers-3 .btn:hover {
	background: #239339;
}

.careers-3 .btn--small {
	padding: 8px 16px;
	min-height: 36px;
	font-size: 14px;
	font-weight: 500;
}

.careers-3 .btn--outline {
	background: transparent;
	border: 2px solid #28a647;
	color: #28a647;
}

.careers-3 .btn--outline:hover {
	background: #28a647;
	color: #ffffff;
}

/* ------------------------------------------------------------ *\
	Section Head
\* ------------------------------------------------------------ */

.careers-3 .section-head {
	text-align: center;
	margin-bottom: 64px;
}

.careers-3 .section-head .section__title {
	position: relative;
	display: inline-block;
}

.careers-3 .section-head .section__title h2 {
	font-size: 48px;
	margin-bottom: 24px;
}

.careers-3 .section-head .section__accent {
	position: absolute;
	left: 50%;
	bottom: -4px;
	transform: translateX(-50%);
	width: 160px;
	height: 4px;
	background: #28a647;
}

.careers-3 .section-head .section__subtitle {
	font-size: 20px;
	font-weight: 800;
	color: #28a647;
	letter-spacing: .05em;
	margin-top: 16px;
}

/* responsive */

@media (max-width:1023px) {

	.careers-3 .section-head .section__title h2 {
		font-size: 36px;
	}

}

@media (max-width:767px) {

	.careers-3 .section-head {
		margin-bottom: 48px;
	}

	.careers-3 .section-head .section__title h2 {
		font-size: 30px;
	}

	.careers-3 .section-head .section__subtitle {
		font-size: 18px;
	}

}

/* ------------------------------------------------------------ *\
	Hero
\* ------------------------------------------------------------ */

.careers-3 .hero {
	position: relative;
	height: 480px;
	overflow: hidden;
}

.careers-3 .hero .hero__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.careers-3 .hero .hero__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .4);
}

.careers-3 .hero .hero__content {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 0 16px 48px;
}

.careers-3 .hero .hero__search {
	width: 100%;
	max-width: 672px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 25px 50px rgba(0, 0, 0, .25);
	display: flex;
	align-items: center;
	padding: 12px 16px;
}

.careers-3 .hero .hero__input {
	flex: 1;
	border: 0;
	outline: none;
	font-size: 16px;
	color: #374151;
}

.careers-3 .hero .hero__input::placeholder {
	color: #9ca3af;
}

.careers-3 .hero .hero__icon {
	width: 24px;
	height: 24px;
	color: #28a647;
	flex-shrink: 0;
}

@media (max-width: 1023px) {

	.careers-3 .hero {
		height: 480px;
	}

}

@media (max-width: 767px) {

	.careers-3 .hero {
		height: 400px;
	}

	.careers-3 .hero .hero__content {
		padding-bottom: 32px;
	}
}

/* ------------------------------------------------------------ *\
	Hero Inner
\* ------------------------------------------------------------ */

.careers-3 .hero--inner {
	height: 320px;
}

.careers-3 .hero--inner .hero__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.careers-3 .hero--inner .hero__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.careers-3 .hero--inner .hero__overlay {
	background: linear-gradient(to right, rgba(0, 0, 0, .6), rgba(0, 0, 0, .4));
}

.careers-3 .hero--inner .hero__content {
	align-items: center;
	padding: 0 16px;
	text-align: center;
}

.careers-3 .hero--inner .hero__content h1 {
	font-size: 60px;
	color: #ffffff;
	max-width: 896px;
}

@media (max-width: 1023px) {

	.careers-3 .hero--inner {
		height: 320px;
	}

	.careers-3 .hero--inner .hero__content h1 {
		font-size: 48px;
	}

}

@media (max-width: 767px) {

	.careers-3 .hero--inner {
		height: 280px;
	}

	.careers-3 .hero--inner .hero__content h1 {
		font-size: 36px;
	}

}

/* ------------------------------------------------------------ *\
	Nav Main
\* ------------------------------------------------------------ */

.careers-3 .nav-main {
	background: #fff;
	border-bottom: 1px solid #e5e7eb;
}

.careers-3 .nav-main .shell {
	position: relative;
}

.careers-3 .nav-main .nav__body {
	display: flex;
	align-items: center;
	gap: 32px;
	padding: 16px 0;
	overflow-x: auto;
}

.careers-3 .nav-main .nav__link {
	font-size: 16px;
	font-weight: 700;
	color: #374151;
	text-decoration: none;
	white-space: nowrap;
	transition: color .15s ease;
}

.careers-3 .nav-main .nav__link:hover {
	color: #28a647;
}

.careers-3 .nav-main .nav__link--active {
	color: #6b7280;
}

@media (max-width: 767px) {

	.careers-3 .nav-main .nav__body {
		gap: 16px;
		padding-right: 80px;
	}

	.careers-3 .nav-main .shell::after {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 64px;
		background: linear-gradient(to left, #fff, transparent);
		pointer-events: none;
	}

}

/* ------------------------------------------------------------ *\
	Section Gradient
\* ------------------------------------------------------------ */

.careers-3 .section-gradient {
	padding: 96px 0;
	background: linear-gradient(to right, #ebebeb, #fff);
}

.careers-3 .section-gradient .section__inner {
	max-width: 832px;
	margin: 0 auto;
	text-align: center;
}

.careers-3 .section-gradient .section__head {
	position: relative;
	display: inline-block;
	margin-bottom: 32px;
}

.careers-3 .section-gradient .section__title h1 {
	margin: 0;
}

.careers-3 .section-gradient .section__accent {
	position: absolute;
	left: 50%;
	bottom: -8px;
	transform: translateX(-50%);
	width: 160px;
	height: 4px;
	background: #28a647;
}

.careers-3 .section-gradient .section__body p {
	font-size: 18px;
	line-height: 1.625;
	color: #374151;
	margin-top: 32px;
}

@media (max-width: 1023px) {

	.careers-3 .section-gradient {
		padding: 80px 0;
	}

	.careers-3 .section-gradient .section__title h1 {
		font-size: 36px;
	}

}

@media (max-width: 767px) {

	.careers-3 .section-gradient {
		padding: 48px 0;
	}

	.careers-3 .section-gradient .section__title h1 {
		font-size: 30px;
	}

	.careers-3 .section-gradient .section__accent {
		width: 128px;
	}

	.careers-3 .section-gradient .section__body p {
		font-size: 16px;
	}

}

/* ------------------------------------------------------------ *\
	Section Careers
\* ------------------------------------------------------------ */

.careers-3 .section-careers {
	position: relative;
	padding: 96px 0;
	background: linear-gradient(to bottom, #101828, #1e2939);
	overflow: hidden;
}

.careers-3 .section-careers .section__inner {
	position: relative;
	z-index: 10;
}

.careers-3 .section-careers .section__background {
	position: absolute;
	inset: 0;
	opacity: .1;
	pointer-events: none;
}

.careers-3 .section-careers .section__background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.careers-3 .section-careers .section__head {
	text-align: center;
	margin-bottom: 48px;
}

.careers-3 .section-careers .section__head h2 {
	font-family: "Roboto Slab", serif;
	font-size: 48px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 16px;
}

.careers-3 .section-careers .section__head p {
	max-width: 768px;
	margin: 0 auto;
	font-size: 18px;
	color: rgba(255, 255, 255, .9);
}

.careers-3 .section-careers .section__foot {
	margin-top: 80px;
	text-align: center;
}

.careers-3 .section-careers .section__foot h3 {
	font-family: "Roboto Slab", serif;
	font-size: 30px;
	font-weight: 700;
	color: rgba(255, 255, 255, .9);
	margin-bottom: 48px;
}

@media (max-width: 1023px) {
	.careers-3 .section-careers .section__head h2 {
		font-size: 36px;
	}
}

@media (max-width: 767px) {

	.careers-3 .section-careers {
		padding: 48px 0;
	}

	.careers-3 .section-careers .section__head h2 {
		font-size: 30px;
	}
}

.careers-3 .section-benefits {
	padding: 96px 0;
	background: #fff;
}

.careers-3 .section-benefits .section__head {
	text-align: center;
	margin-bottom: 64px;
}

.careers-3 .section-benefits .section__title {
	position: relative;
	display: inline-block;
}

.careers-3 .section-benefits .section__title h2 {
	font-size: 48px;
	margin-bottom: 24px;
}

.careers-3 .section-benefits .section__accent {
	position: absolute;
	left: 50%;
	bottom: -4px;
	transform: translateX(-50%);
	width: 160px;
	height: 4px;
	background: #28a647;
}

@media (max-width: 1023px) {
	.careers-3 .section-benefits .section__title h2 {
		font-size: 36px;
	}
}

@media (max-width: 767px) {

	.careers-3 .section-benefits {
		padding: 48px 0;
	}

	.careers-3 .section-benefits .section__title h2 {
		font-size: 30px;
	}
}

.careers-3 .section-events {
	padding: 96px 0;
	background: linear-gradient(to right, #ebebeb, #ffffff);
}

.careers-3 .section-events .section__head {
	text-align: center;
	margin-bottom: 64px;
}

.careers-3 .section-events .section__head h2 {
	font-size: 48px;
	margin-bottom: 16px;
}

.careers-3 .section-events .section__head p {
	font-size: 20px;
	font-weight: 800;
	color: #28a647;
	letter-spacing: .05em;
}

.careers-3 .section-events .section__body {
	max-width: 1152px;
	margin: 0 auto;
}

/* responsive */

@media (max-width: 1023px) {

	.careers-3 .section-events {
		padding: 80px 0;
	}

	.careers-3 .section-events .section__head h2 {
		font-size: 36px;
	}

}

@media (max-width: 767px) {

	.careers-3 .section-events {
		padding: 48px 0;
	}

	.careers-3 .section-events .section__head h2 {
		font-size: 30px;
	}

	.careers-3 .section-events .section__head p {
		font-size: 18px;
	}

}

/* ------------------------------------------------------------ *\
	Section Training
\* ------------------------------------------------------------ */

.careers-3 .section-training {
	position: relative;
	padding: 96px 0;
	overflow: hidden;
}

.careers-3 .section-training .section__background {
	position: absolute;
	inset: 0;
}

.careers-3 .section-training .section__background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.careers-3 .section-training .section__overlay {
	position: absolute;
	inset: 0;
	background: #28a647;
	mix-blend-mode: multiply;
}

.careers-3 .section-training .section__head {
	text-align: center;
	margin-bottom: 48px;
	position: relative;
}

.careers-3 .section-training .section__head h2 {
	font-size: 48px;
	color: #ffffff;
}

.careers-3 .section-training .section__body {
	position: relative;
	max-width: 896px;
	margin: 80px auto 0;
}

.careers-3 .section-training .section__box {
	position: relative;
	display: flex;
}

.careers-3 .section-training .section__badge-wrapper {
	position: absolute;
	top: -48px;
	left: 50%;
	transform: translateX(-50%);
	width: 128px;
	height: 128px;
	z-index: 10;
}

.careers-3 .section-training .section__badge {
	background: #ffffff;
	border-radius: 50%;
	padding: 8px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
}

.careers-3 .section-training .section__badge img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.careers-3 .section-training .section__grid {
	display: flex;
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0 25px 50px rgba(0, 0, 0, .25);
}

.careers-3 .section-training .section__col {
	width: 50%;
	padding: 80px 32px 32px;
}

.careers-3 .section-training .section__col--alt {
	background: #f9fafb;
}

.careers-3 .section-training .section__col h3 {
	color: #28a647;
	margin-bottom: 16px;
}

.careers-3 .section-training .section__col p {
	font-size: 14px;
	color: #374151;
	margin-bottom: 16px;
}

.careers-3 .section-training .section__highlight {
	font-size: 18px;
	font-weight: 800;
	color: #28a647;
}

.careers-3 .section-training .section__list {
	list-style: none;
	padding: 0;
	margin: 0 0 24px 0;
}

.careers-3 .section-training .section__list svg {
	width: 20px;
	height: 20px;
	color: #16a34a;
	flex-shrink: 0;
}

.careers-3 .section-training .section__list li {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 14px;
	color: #374151;
	margin-bottom: 12px;
}

.careers-3 .section-training .section__note {
	background: #dcfce7;
	border: 1px solid #bbf7d0;
	border-radius: 8px;
	padding: 16px;
}

.careers-3 .section-training .section__note p {
	font-size: 14px;
	color: #166534;
	font-weight: 700;
	margin-bottom: 8px;
}

/* responsive */

@media (max-width: 1023px) {

	.careers-3 .section-training {
		padding: 80px 0;
	}

	.careers-3 .section-training .section__grid {
		flex-direction: column;
	}

	.careers-3 .section-training .section__col {
		width: 100%;
	}

	.careers-3 .section-training .section__head h2 {
		font-size: 36px;
	}
}

@media (max-width: 767px) {

	.careers-3 .section-training {
		padding: 48px 0;
	}

	.careers-3 .section-training .section__head h2 {
		font-size: 30px;
	}

	.careers-3 .section-training .section__badge {
		width: 96px;
		height: 96px;
		top: -32px;
	}

	.careers-3 .section-training .section__col {
		padding: 64px 20px 20px;
	}

}

/* ------------------------------------------------------------ *\
	Section CTA
\* ------------------------------------------------------------ */

.careers-3 .section-cta {
	padding: 96px 0;
	background: linear-gradient(to right, #ebebeb, #ffffff);
}

.careers-3 .section-cta .section__head {
	text-align: center;
	margin-bottom: 48px;
}

.careers-3 .section-cta .section__head h2 {
	font-size: 48px;
}

.careers-3 .section-cta .section__body {
	max-width: 1152px;
	margin: 0 auto;
}

@media (max-width: 1023px) {

	.careers-3 .section-cta {
		padding: 80px 0;
	}

	.careers-3 .section-cta .section__head h2 {
		font-size: 36px;
	}

}

@media (max-width: 767px) {

	.careers-3 .section-cta {
		padding: 48px 0;
	}

	.careers-3 .section-cta .section__head h2 {
		font-size: 30px;
	}

}

/* ------------------------------------------------------------ *\
	Section Base
\* ------------------------------------------------------------ */

.careers-3 .section-base {
	padding: 96px 0;
	background: linear-gradient(to right, #ebebeb, #ffffff);
}

.careers-3 .section-base .section__inner {
	max-width: 832px;
	margin: 0 auto;
}

.careers-3 .section-base .section__inner--size-1 {
	max-width: 1152px;
	margin: 0 auto;
}

.careers-3 .section-base .section__inner--size-2 {
	max-width: 896px;
	margin: 0 auto;
}

.careers-3 .section-base .section__head {
	text-align: center;
	margin-bottom: 24px;
}

.careers-3 .section-base .section__title {
	position: relative;
	display: inline-block;
}

.careers-3 .section-base .section__title h2 {
	margin-bottom: 24px;
	text-transform: none;
	letter-spacing: 0;
	font-variation-settings: normal;
}

.careers-3 .section-base .section__accent {
	position: absolute;
	left: 50%;
	bottom: -4px;
	transform: translateX(-50%);
	width: 160px;
	height: 4px;
	background: #28a647;
}

.careers-3 .section-base .section__body {
	max-width: 896px;
	margin: 0 auto;
	text-align: center;
}

.careers-3 .section-base .section__body--size-1 {
	max-width: 1152px;
}

.careers-3 .section-base .section__body {
	font-size: 18px;
	line-height: 1.625;
	color: #39393A;
	margin-bottom: 16px;
}

.careers-3 .section-base .section__body p:last-child {
	margin-bottom: 0;
}

/* responsive */

@media (max-width: 1023px) {

	.careers-3 .section-base {
		padding: 80px 0;
	}

	.careers-3 .section-base .section__title h1 {
		font-size: 36px;
	}
}

@media (max-width: 767px) {

	.careers-3 .section-base {
		padding: 48px 0;
	}

	.careers-3 .section-base .section__head {
		margin-bottom: 24px;
	}

	.careers-3 .section-base .section__title h1 {
		font-size: 30px;
	}

	.careers-3 .section-base .section__accent {
		width: 128px;
	}

	.careers-3 .section-base .section__body p {
		font-size: 16px;
	}

}

/* ------------------------------------------------------------ *\
	Section Base
\* ------------------------------------------------------------ */

.careers-3 .section-base--white {
	background: #fff;
}

/* ------------------------------------------------------------ *\
	Section Dark Modifier
\* ------------------------------------------------------------ */

.careers-3 .section-base--dark {
	background: linear-gradient(to right, #101828, #1e2939);
}

.careers-3 .section-base--dark .section__head h2 {
	color: #ffffff;
}

.careers-3 .section-base--dark .section__head p {
	color: #ffffff;
	max-width: 768px;
	margin: 0 auto;
}

.careers-3 .section-base--dark .section__body,
.careers-3 .section-base--dark .section__inner {
	max-width: none;
}

/* ------------------------------------------------------------ *\
	Section Base Video
\* ------------------------------------------------------------ */

.careers-3 .section-base--video-feature .section__head h2 {
	margin-bottom: 48px;
}

.careers-3 .video-feature {
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	overflow: hidden;
	background: rgb(255 255 255 / 0.1);
	box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
	margin-bottom: 48px;
	/* Edit */
	/* display: flex; */
	align-items: center;
	justify-content: center;
}

.careers-3 .video-feature__inner {
	text-align: center;
	color: #ffffff;
}

.careers-3 .video-feature__play {
	width: 80px;
	height: 80px;
	background: rgb(255 255 255 / 0.9);
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px;
	transition: background 300ms;
}

.careers-3 .video-feature:hover .video-feature__play {
	background: #33b44a;
}

.careers-3 .video-feature__play svg {
	width: 40px;
	height: 40px;
	color: #33b44a;
	margin-left: 4px;
	transition: color 300ms;
}

.careers-3 .video-feature:hover .video-feature__play svg {
	color: #ffffff;
}

.careers-3 .video-feature__title {
	font-size: 18px;
	line-height: calc(1.75 / 1.125);
	font-weight: 700;
	color: #ffffff;
}

.careers-3 .video-feature__meta {
	font-size: 14px;
	line-height: calc(1.25 / 0.875);
	color: rgba(255, 255, 255, 0.8);
	margin-top: 8px;
}

@media (max-width: 1023px) {
	.careers-3 .section-base--video-feature .section__head h2 {
		font-size: 36px;
		line-height: 40px;
	}
}

@media (max-width: 767px) {
	.careers-3 .section-base--video-feature .section__head h2 {
		font-size: 30px;
		line-height: 36px;
	}
}

/* ------------------------------------------------------------ *\
	Section Path
\* ------------------------------------------------------------ */

.careers-3 .section-path {
	padding: 96px 0;
	background: #ffffff;
}

.careers-3 .section-path .section__inner {
	max-width: 1152px;
	margin: 0 auto;
	position: relative;
}

.careers-3 .section-path .section__grid {
	position: relative;
	margin: 0 auto;
	max-width: 1088px;
	margin-top: -160px;
}

.careers-3 .section-path .section__note {
	font-size: 14px;
	line-height: calc(20 / 14);
	text-align: center;
	margin-top: 32px;
}

@media (max-width: 1279px) {
	.careers-3 .section-path .section__grid {
		max-width: 896px;
	}
}

@media (max-width: 1023px) {
	.careers-3 .section-path .section__grid {
		max-width: 656px;
	}

	.careers-3 .section-path {
		padding: 80px 0;
	}
}

@media (max-width: 767px) {
	.careers-3 .section-path .section__grid {
		margin-top: 0;
	}

	.careers-3 .section-path {
		padding: 48px 0;
	}
}

/* ------------------------------------------------------------ *\
	Section Table
\* ------------------------------------------------------------ */

.careers-3 .section-table {
	background-color: #ffffff;
	padding-top: 96px;
	padding-bottom: 96px;
}

.careers-3 .section-table .section__inner {
	max-width: 1152px;
	margin-left: auto;
	margin-right: auto;
}

.careers-3 .section-table .section__head {
	text-align: center;
	margin-bottom: 48px;
}

.careers-3 .section-table .section__head h2 {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 1;
	color: #101828;
}

.careers-3 .section-table .section__body {
	text-align: left;
}

.careers-3 .section-table .section__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 48px;
	align-items: flex-start;
	margin-bottom: 48px;
}

.careers-3 .section-table .section__content {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.careers-3 .section-table .section__content p {
	font-size: 18px;
	line-height: calc(1.75 / 1.125);
	color: #39393A;
}

.careers-3 .section-table .section__media .media {
	aspect-ratio: 4 / 3;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.careers-3 .section-table .section__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.careers-3 .section-table .section__caption {
	margin-top: 12px;
	text-align: center;
	font-size: 14px;
	line-height: calc(1.25 / 0.875);
	color: oklch(55.1% .027 264.364);
	font-style: italic;
}

.careers-3 .section-table .section__table {
	margin-top: 48px;
}

@media (max-width: 1023px) {
	.careers-3 .section-table {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.careers-3 .section-table .section__head h2 {
		font-size: 36px;
		line-height: calc(2.5 / 2.25);
	}

	.careers-3 .section-table .section__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

@media (max-width: 767px) {
	.careers-3 .section-table {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.careers-3 .section-table .section__head h2 {
		font-size: 30px;
		line-height: 1.2;
	}

	.careers-3 .section-table .section__content p {
		font-size: 16px;
		line-height: 1.5;
	}
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.careers-3 .table {
	width: 100%;
	background-color: #ffffff;
	border-collapse: collapse;
}

.careers-3 .section-table .section__table {
	overflow-x: auto;
	border-radius: 8px;
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.careers-3 .table thead tr {
	background-image: linear-gradient(to right, #101828, #1e2939);
}

.careers-3 .table th {
	padding: 16px 24px;
	text-align: left;
	color: #ffffff;
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 18px;
	line-height: calc(1.75 / 1.125);
}

.careers-3 .table th:first-child {
	border-right: 1px solid rgb(255 255 255 / 0.1);
}

.careers-3 .table tbody tr {
	transition: background-color 150ms;
}

.careers-3 .table tbody tr:hover {
	background-color: oklch(98.5% .002 247.839);
}

.careers-3 .table tbody tr:not(:last-child) {
	border-bottom: 1px solid oklch(92.8% .006 264.531);
}

.careers-3 .table td {
	padding: 12px 24px;
	color: #39393A;
	font-size: 16px;
	line-height: 1.5;
}

.careers-3 .table td:first-child {
	border-right: 1px solid oklch(92.8% .006 264.531);
}

@media (max-width: 767px) {

	.careers-3 .table th,
	.careers-3 .table td {
		padding: 12px 16px;
	}
}

/* ------------------------------------------------------------ *\
	Carousel
\* ------------------------------------------------------------ */

.careers-3 .carousel {
	position: relative;
}

.careers-3 .carousel__slide {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .12);
}

/* ------------------------------------------------------------ *\
	Owl Controls (REAL elements, not pseudo)
\* ------------------------------------------------------------ */

.careers-3 .carousel .owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .9);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
	transition: background .2s ease;
}

.careers-3 .carousel .owl-nav button:hover {
	background: #ffffff;
}

.careers-3 .carousel .owl-nav .owl-prev {
	left: 16px;
}

.careers-3 .carousel .owl-nav .owl-next {
	right: 16px;
}

/* IMPORTANT: real arrows, no ::after */

.careers-3 .carousel .owl-nav svg {
	width: 24px;
	height: 24px;
	stroke: #111827;
}

/* dots */

.careers-3 .carousel .owl-dots {
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
}

.careers-3 .carousel .owl-dots button {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .6);
	transition: all .3s ease;
}

.careers-3 .carousel .owl-dots .active {
	width: 32px;
	background: #ffffff;
}

/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

@media (max-width: 1023px) {

	.careers-3 .section--carousel .section__head h2 {
		font-size: 36px;
	}

}

@media (max-width: 767px) {

	.careers-3 .section--carousel {
		padding: 48px 0;
	}

	.careers-3 .section--carousel .section__head h2 {
		font-size: 30px;
	}

}

/* ------------------------------------------------------------ *\
	Section Split
\* ------------------------------------------------------------ */

.careers-3 .section-split {
	background-color: #fff;
	padding-top: 96px;
	padding-bottom: 96px;
}

.careers-3 .section-split .section__inner {
	max-width: 1152px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: center;
}

.careers-3 .section-split .section__image {
	order: 1;
}

.careers-3 .section-split .section__image {
	aspect-ratio: 16 / 10;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	background-color: oklch(92.8% .006 264.531);
	display: flex;
	align-items: center;
	justify-content: center;
}

.careers-3 .section-split .section__image--square {
	aspect-ratio: 1;
}

.careers-3 .section-split .section__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.careers-3 .section-split .section__content {
	order: 2;
	line-height: 1.625;
	font-size: 18px;
}

.careers-3 .section-split .section__content p+p {
	margin-top: 16px;
}

.careers-3 .section-split h3 {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 36px;
	line-height: calc(40 / 36);
	color: #28a647;
	margin-bottom: 24px;
}

@media (max-width: 1023px) {
	.careers-3 .section-split {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.careers-3 .section-split .section__inner {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.careers-3 .section-split .section__image {
		order: 2;
	}

	.careers-3 .section-split .section__content {
		order: 1;
	}

	.careers-3 .section-split h3 {
		font-size: 30px;
		line-height: calc(36 / 30);
	}
}

@media (max-width: 767px) {
	.careers-3 .section-split {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.careers-3 .section-split h3 {
		font-size: 24px;
		line-height: calc(32 / 24);
	}

	.careers-3 .section-split p {
		font-size: 16px;
		line-height: calc(26 / 16);
	}
}

/* ------------------------------------------------------------ *\
	Section Split Reversed
\* ------------------------------------------------------------ */

.careers-3 .section-split--reversed .section__content {
	order: 0;
}

/* ------------------------------------------------------------ *\
	Section Split Grey
\* ------------------------------------------------------------ */

.careers-3 .section-split--grey {
	background: #ebebeb;
}

/* ------------------------------------------------------------ *\
	Section Large
\* ------------------------------------------------------------ */

.careers-3 .section-large {
	background-image: linear-gradient(to right, #ebebeb, #ffffff);
	padding-top: 96px;
	padding-bottom: 96px;
}

.careers-3 .section-large .section__head {
	text-align: center;
	margin-bottom: 32px;
}

.careers-3 .section-large .shell {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 32px;
	padding-right: 32px;
}

.careers-3 .section-large .section__inner {
	max-width: 1152px;
	margin-left: auto;
	margin-right: auto;
}

.careers-3 .section-large .section__video {
	margin-bottom: 48px;
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	overflow: hidden;
	background-color: oklch(21% .034 264.665);
	/* Edit */
	/* display: flex; */
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.careers-3 .section-large .section__video-inner {
	text-align: center;
	color: #ffffff;
	padding: 32px;
}

.careers-3 .section-large .section__video-inner svg {
	width: 80px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	color: rgba(255, 255, 255, 0.6);
}

.careers-3 .section-large .section__video-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 8px;
	color: #fff;
}

.careers-3 .section-large .section__video-subtitle {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
}

.careers-3 .section-large .section__content {
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 48px;
}

.careers-3 .section-large p {
	font-size: 18px;
	line-height: 28px;
	color: oklch(37.3% .034 259.733);
}

.careers-3 .section-large .section__content p+p {
	margin-top: 24px;
}

.careers-3 .section-large strong,
.careers-3 .section-large span {
	font-weight: 700;
	color: #28a647;
}

@media (max-width: 1023px) {
	.careers-3 .section-large {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.careers-3 .section-large .shell {
		padding-left: 24px;
		padding-right: 24px;
	}
}

@media (max-width: 767px) {
	.careers-3 .section-large {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.careers-3 .section-large .shell {
		padding-left: 16px;
		padding-right: 16px;
	}

	.careers-3 .section-large p {
		font-size: 16px;
		line-height: 26px;
	}
}


/* ------------------------------------------------------------ *\
	Link Block
\* ------------------------------------------------------------ */

.careers-3 .link-block {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 20px;
	background-color: #ffffff;
	border: 2px solid oklch(92.8% .006 264.531);
	border-radius: 8px;
	transition-property: all;
	transition-duration: 300ms;
	text-align: left;
	text-decoration: none;
}

.careers-3 .link-block+.link-block {
	margin-top: 16px;
}

.careers-3 .link-block:hover {
	border-color: #33b44a;
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.careers-3 .link-block .link__icon {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	background-image: linear-gradient(to bottom right, #33b44a, #2a9a3d);
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.careers-3 .link-block .link__icon svg,
.careers-3 .link-block .link__icon img {
	width: 24px;
	height: 24px;
	color: #ffffff;
}

.careers-3 .link-block .link__content {
	flex: 1;
}

.careers-3 .link-block .link__content h3 {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	margin-bottom: 4px;
	transition-property: color;
	transition-duration: 150ms;
}

.careers-3 .link-block:hover .link__content h3 {
	color: #33b44a;
}

.careers-3 .link-block .link__content p {
	font-size: 14px;
	color: #364153;
	font-style: italic;
	line-height: calc(1.25/.875);
}

.careers-3 .link-block .link__arrow {
	flex-shrink: 0;
	margin-top: 4px;
}

.careers-3 .link-block .link__arrow svg {
	width: 20px;
	height: 20px;
	color: oklch(70.7% .022 261.325);
	transition-property: color;
	transition-duration: 150ms;
}

.careers-3 .link-block:hover .link__arrow svg {
	color: #33b44a;
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.careers-3 .slider {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.careers-3 .slider__clip {
	width: 100%;
	height: 100%;
}

.careers-3 .slider__slides,
.careers-3 .slider__slide {
	height: 100%;
}

.careers-3 .slider__actions button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 9999px;
	background-color: rgba(255, 255, 255, 0.9);
	color: oklch(21% .034 264.665);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	transition-property: all;
	transition-duration: 150ms;
	border: none;
	z-index: 10;
}

.careers-3 .slider__actions button:hover {
	background-color: #ffffff;
}

.careers-3 .slider__prev {
	left: 16px;
}

.careers-3 .slider__next {
	right: 16px;
}

.careers-3 .slider__actions svg {
	width: 24px;
	height: 24px;
}

.careers-3 .slider__dots {
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
}

.careers-3 .slider__dot {
	width: 10px;
	height: 10px;
	border-radius: 9999px;
	background-color: rgba(255, 255, 255, 0.6);
	transition-property: all;
	transition-duration: 300ms;
}

.careers-3 .slider__dot:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

.careers-3 .slider__dot.is-active {
	background-color: #ffffff;
	width: 32px;
}

/* ------------------------------------------------------------ *\
	Modal
\* ------------------------------------------------------------ */

.careers-3 .modal {
	position: fixed;
	inset: 0;
	z-index: 50;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: none;
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
	max-width: 672px;
	width: 100%;
	max-height: 90vh;
	overflow-y: auto;
}

.careers-3 .modal::backdrop {
	background-color: rgb(0 0 0 / 0.5);
}

.careers-3 .box {
	position: relative;
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);

	overflow-y: auto;
	padding: 48px;
}

.careers-3 .box .box__close {
	color: oklch(55.1% .027 264.364);
	transition-property: color;
	transition-duration: 150ms;
	border: none;
	appearance: none;
	background: none;
}

.careers-3 .box .box__close:hover {
	color: oklch(37.3% .034 259.733);
}

.careers-3 .box .box__header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 16px;
}

.careers-3 .box .box__title {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #33b44a;
	margin-bottom: 4px;
}

.careers-3 .box .box__rate {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	color: #101828;
}

.careers-3 .box .box__body {
	display: grid;
	gap: 16px;
}

.careers-3 .box .box__section-title {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	color: #101828;
	margin-bottom: 8px;
	font-size: 16px;
	line-height: calc(24 / 16);
}

.careers-3 .box .box__list {
	display: grid;
}

.careers-3 .box .box__list-item {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 14px;
	color: #39393A;
	line-height: calc(20 / 14);
}

.careers-3 .box .box__list-item+.box__list-item {
	margin-top: 4px;
}

.careers-3 .box .box__list-item::before {
	content: "•";
	color: #33b44a;
	flex-shrink: 0;
	font-size: 14px;
}

.careers-3 .box .box__highlight {
	background-image: linear-gradient(to right, rgba(51, 180, 74, 0.1), rgba(198, 177, 134, 0.1));
	border: 2px solid #33b44a;
	border-radius: 8px;
	padding: 12px;
	font-size: 14px;
	line-height: calc(20 / 14);
	font-weight: 700;
	color: #101828;
}

@media (max-width: 767px) {
	.careers-3 .modal {
		max-width: 90%;
	}

	.careers-3 .box .box__content {
		padding: 40px 24px;
	}

	.careers-3 .box .box__title {
		font-size: 20px;
		line-height: calc(28 / 20);
	}

	.careers-3 .box .box__rate {
		font-size: 18px;
		line-height: calc(24 / 18);
	}
}

/* ------------------------------------------------------------ *\
	Animation Classes
\* ------------------------------------------------------------ */

.reveal,
.reveal-small,
.reveal-left {
	opacity: 0;
	will-change: transform, opacity;
	transition:
		opacity 0.8s cubic-bezier(.4, 0, .2, 1),
		transform 0.8s cubic-bezier(.4, 0, .2, 1);
}

.reveal {
	transform: translateY(30px);
}

.reveal-small {
	transform: translateY(20px);
}

.reveal-left {
	transform: translateX(-30px);
}

.reveal-right {
	transform: translateX(30px);
}

.reveal-scale {
	opacity: 0;
	transform: scale(0.8);
	transform-origin: center center;
	transition:
		opacity 0.8s cubic-bezier(.4, 0, .2, 1),
		transform 0.8s cubic-bezier(.4, 0, .2, 1);
}

.reveal-scale.active {
	opacity: 1;
	transform: scale(1);
	transition:
		opacity 0.8s cubic-bezier(.4, 0, .2, 1),
		transform 0.8s cubic-bezier(.4, 0, .2, 1);
}

.reveal.active,
.reveal-small.active,
.reveal-left.active,
.reveal-right.active {
	opacity: 1;
	transform: translate(0, 0);
	transition:
		opacity 0.8s cubic-bezier(.4, 0, .2, 1),
		transform 0.8s cubic-bezier(.4, 0, .2, 1);
}

/* ------------------------------------------------------------ *\
	Image Full
\* ------------------------------------------------------------ */

.careers-3 .image-full img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* New CSS */
.hero__search svg { cursor: pointer; }
.card-secondary--path h3 + p,
.cards-secondary--cta h4 + p { text-transform: uppercase; }
.card-secondary--video a { text-decoration: none; }