* {
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
}

html, body {
	margin: 0px;
	height: 100%;
	background: #F8FAFC;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
}

a {
	text-decoration: none;
}

.nav {
	display: flex;
	height: 54px;
	justify-content: center;
	background: rgba(255, 97, 38, 1);
	position: fixed;
	width: 100%;
	z-index: 4;
}

.nav .wrapper {
	display: flex;
	padding: 0px 16px;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.nav .side-menu {
	display: flex;
	padding-bottom: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	width: 150px;
	cursor: pointer;
}

@media screen and (max-width: 600px) {
	.nav .side-menu {
		width: 50px;
	}
}

.nav .trailing-icon {
	color: #EBEFF5;
	text-align: center;
	font-family: Font Awesome Five Pro Regular;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.nav .logo-wrapper {
	display: flex;
	padding-bottom: 0px;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	width: 150px;
}

.nav .logo {
	display: flex;
	width: 111.429px;
	height: 30px;
	padding-bottom: 0px;
	justify-content: center;
	align-items: flex-end;
	gap: 5.143px;
}

.nav .menu {
	display: flex;
	height: 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

@media screen and (max-width: 600px) {
	.nav .menu {
		width: 50px;
	}
}

.nav .menu-link {
	display: flex;
	padding: 4px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 6px;
	background: #FF6126;
	color: #FFEFE9;
	text-align: center;
	font-family: Nunito Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
}

.nav .menu-link .trailing-icon {
	color: #EBEFF5;
	text-align: center;
	font-family: Font Awesome Five Pro Regular;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.nav .menu-link:hover {
	background: #E65722;
	color: #FFD8C9;
}

.nav .menu-link:active {
	background: #BF491D;
	color: #FFC0A8;
}

.nav .menu .dropdown {
	border-radius: 6px;
	background: #FF6126;
	color: #FFEFE9;
	box-shadow: 0px 4px 6px -1px rgba(2, 6, 23, 0.10), 0px 2px 4px -2px rgba(2, 6, 23, 0.10);
	position: absolute;
	min-width: 80px;
	border: 1px solid #E65722;
	display: none;
}

.nav .menu .language-selector.active .dropdown {
	display: block;
}

.nav .menu .dropdown .dropdown-item {
	padding: 8px 16px;
	border-radius: 4px;
	text-align: left;
	font-family: Nunito Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	color: inherit;
	display: block;
	cursor: pointer;
}

.nav .menu .dropdown .dropdown-item:hover {
	background: #E65722;
	color: #FFD8C9;
}

.nav .menu .dropdown .dropdown-item:active {
	background: #BF491D;
	color: #FFC0A8;
}

@media screen and (max-width: 991px) {
	.nav .menu > *:not(:last-child) {
		display: none;
	}
}

.left-menu {
	width: 400px;
	height: 100vh;
	background-color: #FFF;
	color: #FF6126;
	position: fixed;
	top: 0;
	left: -400px;
	transition: right 0.3s ease;
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 4px 6px -1px rgba(52, 90, 153, 0.2);
	z-index: 3;
}

.left-menu-item {
	font-family: Nunito Sans;
	font-size: 18px;
	font-weight: 600;
	line-height: 32px;
	text-align: center;
	color: #FF6126;
	height: 50px;
}

.main-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 24px 16px;
}

.top-spaceing {
	padding-top: 120px !important;
}

.main-container .grid {
	display: flex;
	gap: 16px 16px;
	align-self: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
	flex-direction: column;
	max-width: 1280px;
}

.grid .section {
	display: flex;
	padding: 16px;
	gap: 8px;
	flex: 1 0 0;
	align-self: stretch;
	flex-direction: column;
	align-items: center;
}

.box-container {
	display: flex;
	gap: 20px;
	padding-top: 40px;
}

.box {
	width: 300px;
	box-shadow: 0px 4px 6px -1px rgba(52, 90, 153, 0.2), 0px 2px 4px -2px rgba(52, 90, 153, 0.2);
	padding: 16px 24px 24px 24px;
	border-radius: 6px;
	background: white;
}

.page-title {
	font-family: Nunito Sans;
	font-size: 30px;
	font-weight: 900;
	line-height: 36px;
	text-align: center;
}

.general-text {
	font-family: Nunito Sans;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
}

.box-text {
	font-family: Nunito Sans;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
}

.box-title {
	font-family: Nunito Sans;
	font-size: 18px;
	font-weight: 800;
	line-height: 20px;
	text-align: left;
	padding-bottom: 20px;
}

.box-icon {
	font-family: Font Awesome Five Pro Regular;
	font-size: 24px;
	font-weight: 300;
	text-align: center;
	width: 48px;
	height: 48px;
	border-radius: 6px;
	line-height: 48px;
	position: relative;
	top: -40px;
	box-shadow: 4px 0px 6px -1px rgba(52, 90, 153, 0.2), -4px 0px 6px -1px rgba(52, 90, 153, 0.2);
}

.sub-title {
	font-family: Nunito Sans;
	font-size: 18px;
	font-weight: 900;
	line-height: 28px;
	text-align: left;
}

.full-width-container {
	width: 100%;
}

.full-width-container .grid {
	display: flex;
	gap: 16px 16px;
	align-self: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
	flex-direction: column;
}

.info-box-container {
	display: flex;
	gap: 128px;
	padding: 40px;
}

.info-box {
	display: flex;
	flex-direction: row;
	gap: 24px;
}

.info-box-icon {
	font-family: Font Awesome Five Pro Regular;
	font-size: 24px;
	font-weight: 300;
	text-align: center;
	width: 48px;
	height: 48px;
	border-radius: 6px;
	line-height: 48px;
}

.info-box-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.info-box-title {
	font-family: Nunito Sans;
	font-size: 18px;
	font-weight: 800;
	line-height: 20px;
	text-align: left;
}

.text-slider {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
}

.text-slider-mask {
	max-width: 700px;
	margin: 0 auto;
	overflow: scroll;
	scrollbar-width: none;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.text-slides-container {
	display: flex;
	flex-direction: row;
}
}

.text-slides {
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center;
}

.text-slider .button {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 42px;
	background: #CCD6E6;
	color: #2F518A;
	cursor: pointer;
	width: 35px;
	height: 35px;
}

.text-slider .button .icon {
	text-align: center;
	font-family: Font Awesome Five Pro Regular;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.text-slide {
	width: 700px;
}

.text-slide-title {
	font-family: Nunito Sans;
	font-size: 30px;
	font-weight: 900;
	line-height: 36px;
	text-align: center;
	padding: 16px;
}

.text-slide-text {
	font-family: Nunito Sans;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
}

.text-slide-signature {
	font-family: Nunito Sans;
	font-size: 16px;
	line-height: 24px;
	color: #274473;
	text-align: right;
	font-style: italic;
	font-weight: bold;
}

.text-slider-dots {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 10px;
	padding: 16px;
}

.text-slider-dots .dot {
	width: 9px;
	height: 9px;
	border-radius: 100%;
}

.white {
	color: #FFF;
}

.primary-100 {
	background: #EBEFF5;
}

.primary-400 {
	color: #718CB8;
}

.primary-500 {
	color: #345A99;
}

.blue-700 {
	color: #274473;
}

.warning-100 {
	color: #FEF3C7;
}

.warning-400 {
	color: #FBBF24;
}

.warning-500 {
	color: #F59E0B;
}

.secondary-100 {
	color: #FFEFE9;
}

.secondary-400 {
	color: #FF9067;
}

.secondary-500 {
	color: #FF6126;
}

.info-100 {
	color: #E0F2FE;
}

.info-400 {
	color: #38BDF8;
}

.info-500 {
	color: #0EA5E9;
}

.success-100 {
	color: #D1FAE5;
}

.success-400 {
	color: #34D399;
}

.success-500 {
	color: #10B981;
}

.neutral-200 {
	color: #E2E8F0;
}

.white-b {
	background: #FFF;
}

.primary-100-b {
	background: #EBEFF5;
}

.primary-400-b {
	background: #718CB8;
}

.primary-500-b {
	background: #345A99;
}

.blue-700-b {
	background: #274473;
}

.warning-100-b {
	background: #FEF3C7;
}

.warning-400-b {
	background: #FBBF24;
}

.warning-500-b {
	background: #F59E0B;
}

.secondary-100-b {
	background: #FFEFE9;
}

.secondary-400-b {
	background: #FF9067;
}

.secondary-500-b {
	background: #FF6126;
}

.info-100-b {
	background: #E0F2FE;
}

.info-400-b {
	background: #38BDF8;
}

.info-500-b {
	background: #0EA5E9;
}

.success-100-b {
	background: #D1FAE5;
}

.success-400-b {
	background: #34D399;
}

.success-500-b {
	background: #10B981;
}

.neutral-200-b {
	background: #E2E8F0;
}

.footer-bar {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	align-self: stretch;
	background: #345A99;
	box-shadow: 0px 2px 4px 0px rgba(52, 90, 153, 0.10) inset;
	position: relative;
	border-top: 6px solid #FF6126;
}

.footer-bar .menu {
	display: flex;
	padding: 20px 0px;
	align-items: center;
	gap: 16px;
	flex-direction: column;
}

@media screen and (min-width: 992px) {
	.footer-bar .menu {
		flex-direction: row;
		align-items: flex-start;
	}
}

.footer-bar .menu-link {
	display: flex;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 6px;
	background: #345A99;
	color: #EBEFF5;
	text-align: center;
	font-family: Nunito Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.footer-bar .menu-link:hover {
	background: #2F518A;
	color: #CCD6E6;
}

.footer-bar .menu-link:active {
	background: #274473;
	color: #AEBDD6;
}

.bottom-bar {
	display: flex;
	padding: 16px 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	align-self: stretch;
	border-top: 2px solid #1F365C;
	background: #274473;
}

.bottom-bar .p {
	color: #718CB8;
	text-align: center;
	font-family: Nunito Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

#content {
	width: 100%;
	flex: 1;
}

.index-container {
	width: 100%;
	height: 100%;
	background: linear-gradient(65.33deg, rgba(255, 97, 38, 0.7) 0%, rgba(255, 97, 38, 0.8) 20%, rgba(255, 97, 38, 0.9) 40%, #FF6126 60%), url(/images/tjobs-banner.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.center-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	height: 300px;
}

.center-logo img {
	width: 300px;
}

.motto {
	text-align: end;
}

.motto-blue {
	text-align: end;
	font-family: Nunito Sans;
	font-size: 40px;
	font-weight: 400;
	line-height: 40px;
	color: #345A99;
}

.motto-white {
	font-family: Nunito Sans;
	font-size: 40px;
	font-style: italic;
	font-weight: 900;
	line-height: 40px;
	text-align: center;
	color: #FFF;
}

.center-slogan {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.white-slogan {
	font-family: Nunito Sans;
	font-size: 36px;
	font-style: italic;
	font-weight: 900;
	line-height: 40px;
	text-align: center;
	color: #FFF;
}

.blue-slogan {
	font-family: Nunito Sans;
	font-size: 36px;
	font-style: italic;
	font-weight: 900;
	line-height: 40px;
	text-align: center;
	color: #345A99;
}

.side-panel {
	width: 320px;
	height: 100vh;
	background-color: #F8FAFC;
	color: #fff;
	position: fixed;
	top: 0;
	right: -400px;
	transition: right 0.3s ease;
	padding: 16px;
	z-index: 5;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.close-side-panel {
	color: black;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	font-family: Font Awesome Five Pro Regular;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	background: #d1d1d1;
	width: 24px;
	height: 24px;
	border-radius: 30px;
}

.prefix {
	width: 60% !important;
}

.step {
	padding-bottom: 20px;
	font-family: Nunito Sans;
	font-size: 12px;
	font-weight: 900;
	line-height: 20px;
	text-align: center;
	color: #94A3B8;
}

.blue-step-title {
	font-family: Nunito Sans;
	font-size: 30px;
	font-weight: 700;
	line-height: 36px;
	text-align: center;
	color: #345A99;
	padding-bottom: 10px;
}

.orange-step-title {
	font-family: Nunito Sans;
	font-size: 30px;
	font-style: italic;
	font-weight: 900;
	line-height: 36px;
	text-align: left;
	color: #FF6126;
}

.orange-step-title-normal {
	font-family: Nunito Sans;
	font-size: 30px;
	font-weight: 700;
	line-height: 36px;
	text-align: center;
	color: #FF6126;
}

.description {
	font-family: Nunito Sans;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	color: #64748B;
	padding-bottom: 10px;
}

.description-small {
	font-family: Nunito Sans;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-align: center;
	color: #64748B;
	padding-bottom: 10px;
}

.input-group {
	margin-bottom: 15px;
	position: relative;
	display: flex;
	gap: 16px;
	justify-content: center;
}

.checkboxes {
	margin-bottom: 15px;
	position: relative;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.input-group .input-icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #EBEFF5;
	text-align: center;
	font-family: Font Awesome Five Pro Regular;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.input-group input {
	width: 100%;
	padding: 10px 10px 10px 40px;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-sizing: border-box;
	font-family: Nunito Sans;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	outline: none;
	background: #FFF;
	box-shadow: 0px 2px 4px 0px rgba(2, 6, 23, 0.05) inset;
	color: #94A3B8;
}

.input-group input.invalid {
	border: 1px solid #FF6126;
}

.input-group select.invalid {
	border: 1px solid #FF6126;
}

.input-group textarea.invalid {
	border: 1px solid #FF6126;
}

.input-group select {
	padding: 6px;
	outline: none;
	width: 100%;
	display: flex;
	padding: 4px 12px;
	align-items: center;
	align-self: stretch;
	border-radius: 6px;
	border: 1px solid #CBD5E1;
	background: #FFF;
	box-shadow: 0px 2px 4px 0px rgba(2, 6, 23, 0.05) inset;
	color: #94A3B8;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.input-group textarea {
	outline: none;
	width: 100%;
	resize: none;
	padding: 4px 12px;
	align-self: stretch;
	border-radius: 6px;
	border: 1px solid #CBD5E1;
	background: #FFF;
	box-shadow: 0px 2px 4px 0px rgba(2, 6, 23, 0.05) inset;
	color: #94A3B8;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.next-button {
	background: linear-gradient(90deg, #FF6126 0%, #E65722 100%);
	box-shadow: 0px 4px 6px -1px rgba(191, 73, 29, 0.20), 0px 2px 4px -2px rgba(191, 73, 29, 0.20);
	cursor: pointer;
	border-radius: 6px;
	padding: 8px 24px;
	display: flex;
	justify-content: center;
	gap: 10px;
	color: #FFEFE9;
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.hide {
	display: none;
}

.next-button:hover {
	background: #BF491D;
	color: #FFC0A8;
}

.button-icon {
	color: #FFEFE9;
	text-align: center;
	font-family: "Font Awesome Five Pro Regular";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.invisible-step {
	display: none;
}


.jobs-container {
	display: flex;
	max-width: 1280px;
	min-height: 774px;
	padding: 24px 16px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
	margin: auto;
}

.jobs-header-container {
	display: flex;
	padding-left: 16px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}

.jobs-title {
	color: #345A99;
	font-family: "Nunito Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
}

.job-list-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.sort-button {
	display: flex;
	padding: 2px 8px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 6px;
	background: #CCD6E6;
	color: #2F518A;
	cursor: pointer;
}

.sort-button:hover {
	background: #AEBDD6;
	color: #274473;
}

.sort-button:active {
	background: #718CB8;
	color: #1F365C;
}

.sort-button-icon {
	text-align: center;
	font-family: "Font Awesome Five Pro Regular";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.sort-button-label {
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
}

.filter-button {
	display: flex;
	padding: 4px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 6px;
	background: linear-gradient(90deg, #FF6126 0%, #E65722 100%);
	box-shadow: 0px 4px 6px -1px rgba(191, 73, 29, 0.20), 0px 2px 4px -2px rgba(191, 73, 29, 0.20);
	color: #FFEFE9;
	cursor: pointer;
}

.filter-button:hover {
	background: #BF491D;
	color: #FFC0A8;
}

.filter-button:active {
	background: #993A17;
	color: #FF9067;
}

.filter-button-icon {
	text-align: center;
	font-family: "Font Awesome Five Pro Regular";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.filter-button-label {
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.job-grid {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 16px;
	align-self: stretch;
	flex-wrap: wrap;
	border-radius: 8px;
}

.job-card {
	display: flex;
	min-width: 300px;
	padding: 16px 16px 12px 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0px 1px 2px -1px rgba(2, 6, 23, 0.10), 0px 1px 3px 0px rgba(2, 6, 23, 0.10);
}

.job-card-details {
	display: flex;
	min-width: 250px;
	padding-bottom: 4px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.job-card-detail-title {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
}

.job-card-profession {
	color: #345A99;
	font-family: "Nunito Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
}

.job-card-specialization {
	color: #64748B;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.job-card-detail-middle {
	display: flex;
	align-items: center;
	gap: 4px;
}

.job-card-salary {
	display: flex;
	padding: 1px 6px;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
	border-radius: 10px;
	background: #FFEFE9;
	color: #E65722;
	font-family: "Nunito Sans";
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	line-height: 15px;
}

.job-card-payment {
	display: flex;
	padding: 1px 6px;
	justify-content: center;
	align-items: flex-start;
	border-radius: 10px;
	background: #E0F2FE;
	color: #0284C7;
	font-family: "Nunito Sans";
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	line-height: 15px;
}

.job-card-detail-footer {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}

.job-card-footer-line {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 6px;
}

.job-card-footer-line-icon {
	width: 16px;
	height: 16px;
	color: #64748B;
	text-align: center;
	font-family: "Font Awesome Five Pro Regular";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.job-card-footer-line-label {
	display: flex;
	padding: 0px;
	justify-content: center;
	align-items: center;
	gap: 0px;
	color: #64748B;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.job-card-actions {
	display: flex;
	min-width: 250px;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.share-button {
	display: flex;
	height: 28px;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	flex: 1 0 0;
	border-radius: 6px;
	background: #E2E8F0;
	color: #475569;
	cursor: pointer;
}

.share-button:hover {
	background: #CBD5E1;
	color: #334155;
}

.share-button:active {
	background: #94A3B8;
	color: #1E293B;
}

.share-button-icon {
	text-align: center;
	font-family: "Font Awesome Five Pro Regular";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.share-button-label {
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.apply-button {
	display: flex;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	flex: 1 0 0;
	border-radius: 6px;
	background: linear-gradient(90deg, #345A99 0%, #274473 102.25%);
	box-shadow: 0px 4px 6px -1px rgba(52, 90, 153, 0.20), 0px 2px 4px -2px rgba(52, 90, 153, 0.20);
	color: #EBEFF5;
	cursor: pointer;
}

.apply-button:hover {
	background: #274473;
	color: #AEBDD6;
}

.apply-button:active {
	background: #192C4B;
	color: #718CB8;
}

.apply-button-icon {
	text-align: center;
	font-family: "Font Awesome Five Pro Regular";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.apply-button-label {
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.orange-apply-button {
	display: flex;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	flex: 1 0 0;
	border-radius: 6px;
	background: linear-gradient(90deg, #FF6126 0%, #E65722 100%);
	box-shadow: 0px 4px 6px -1px rgba(191, 73, 29, 0.20), 0px 2px 4px -2px rgba(191, 73, 29, 0.20);
	color: #FFEFE9;
	cursor: pointer;
}

.orange-apply-button:hover {
	background: #BF491D;
	color: #FFC0A8;
}

.orange-apply-button:active {
	background: #993A17;
	color: #FF9067;
}

.orange-apply-button-icon {
	text-align: center;
	font-family: "Font Awesome Five Pro Regular";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.orange-apply-button-label {
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.disabled-apply-button {
	display: flex;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	flex: 1 0 0;
	border-radius: 6px;
	background: #f2f3f3;
	color: #b7bcc5;
	cursor: pointer;
}

.disabled-apply-button-icon {
	text-align: center;
	font-family: "Font Awesome Five Pro Regular";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.disabled-apply-button-label {
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.detail-button {
	display: flex;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	flex: 1 0 0;
	border-radius: 6px;
	background: #CCD6E6;
	color: #2F518A;
	cursor: pointer;
}

.detail-button:hover {
	background: #AEBDD6;
	color: #274473;
}

.detail-button:active {
	background: #718CB8;
	color: #1F365C;
}

.detail-button-label {
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.detail-button-icon {
	text-align: center;
	font-family: "Font Awesome Five Pro Regular";
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.share-dropdown {
	display: none;
	width: 125px;
	padding: 4px;
	border-radius: 6px;
	border: 1px solid #F1F5F9;
	background: #FFF;
	box-shadow: 0px 4px 6px -1px rgba(2, 6, 23, 0.10), 0px 2px 4px -2px rgba(2, 6, 23, 0.10);
	position: absolute;
}

.share-dropdown-item {
	display: flex;
	padding: 2px 6px;
	align-items: flex-start;
	gap: 10px;
	border-radius: 4px;
	color: #475569;
	cursor: pointer;
	font-family: Nunito Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	color: inherit;
	width: 100%;
}

.share-dropdown-item:hover {
	background: #E65722;
	color: #FFD8C9;
}

.share-dropdown-item:active {
	background: #BF491D;
	color: #FFC0A8;
}

.share-dropdown-button.active .share-dropdown {
	display: block;
}

.job-detail-header {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.job-detail-header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}

.job-detail-header .title {
	color: #345A99;
	text-align: center;
	font-family: Nunito Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.job-detail-header .actions {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}

.job-detail-header .close {
	display: flex;
	padding: 2px 8px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 9999px;
	background: #E2E8F0;
	cursor: pointer;
}

.job-detail-header .close:hover {
	background: #CBD5E1;
	color: #334155;
	animation: pulse 0.2s;
}

.job-detail-header .close:active {
	background: #94A3B8;
	color: #1E293B;
	animation: pulse 0.2s;
}

.job-detail-header .trailing-icon {
	color: #475569;
	text-align: center;
	font-family: Font Awesome Five Pro Regular;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.job-detail-heading {
	display: flex;
	padding: 0px 0px;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
}

.job-detail-heading .quick-details {
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 1 0 0;
}

.job-detail-heading .quick-details .info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex: 1 0 0;
}

.info .profession {
	display: flex;
	padding: 0px;
	justify-content: center;
	align-items: center;
	gap: 0px;
}

.info .profession .label {
	color: #345A99;
	font-family: Nunito Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}

.job-quick-details {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 8px 16px;
	align-self: stretch;
	flex-wrap: wrap;
}

.job-quick-details .start-date {
	display: flex;
	align-items: center;
	gap: 6px;
}

.job-quick-details .start-date .leading-icon {
	width: 15px;
	height: 15px;
	color: #64748B;
	text-align: center;
	font-family: Font Awesome Five Pro Regular;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 15px;
}

.job-quick-details .start-date .label {
	color: #64748B;
	text-align: center;
	font-family: Nunito Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.packages {
	padding: 16px 16px 16px 16px;
	margin-top: 32px;
	background: white;
	box-shadow: 0px 4px 6px -1px rgba(52, 90, 153, 0.2), 0px 2px 4px -2px rgba(52, 90, 153, 0.2);
	border-radius: 6px;
}

.packages-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 26px;
	align-items: center;
	border-bottom: 1px solid #AEBDD6;
}

.packages-row:last-child {
	border-bottom: none;
}

.package {
	width: 240px;
	padding: 10px;
}

.package-icon {
	width: 34px;
	height: 34px;
	background: #EBEFF5;
	font-family: Font Awesome Five Pro Regular;
	font-size: 18px;
	font-weight: 300;
	line-height: 34px;
	text-align: center;
	color: #718CB8;
}

.package-text {
	padding-bottom: 10px;
	padding-top: 10px;
}

.package-name {
	font-family: Nunito Sans;
	font-size: 18px;
	font-weight: 800;
	line-height: 20px;
	text-align: left;
	color: #345A99;
}

.package-detail {
	font-family: Nunito Sans;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	color: #718CB8;
}

.package-subscribe-button {
	background: linear-gradient(90deg, #FF6126 0%, #E65722 100%);
	box-shadow: 0px 4px 6px -1px rgba(191, 73, 29, 0.20), 0px 2px 4px -2px rgba(191, 73, 29, 0.20);
	cursor: pointer;
	border-radius: 20px;
	padding: 8px 24px;
	display: flex;
	justify-content: center;
	gap: 10px;
	color: #FFEFE9;
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.package-subscribe-button:hover {
	background: #BF491D;
	color: #FFC0A8;
}

.subscribe-button-icon {
	color: #FFEFE9;
	text-align: center;
	font-family: "Font Awesome Five Pro Regular";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.subscribe-button-text {
	font-family: Nunito Sans;
	font-size: 16px;
	font-weight: 600;
	line-height: 28px;
	text-align: center;
	color: #FFEFE9;
}
.service-name {
	font-family: Nunito Sans;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	text-align: left;
	color: #334155;
}

.service-details {
	font-family: Nunito Sans;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	color: #64748B;
}

.service-value {
	font-family: Nunito Sans;
	font-size: 18px;
	font-weight: 800;
	line-height: 18px;
	text-align: left;
	color: #345A99;
}

.service-value-mention {
	font-family: Nunito Sans;
	font-size: 12px;
	font-weight: 800;
	line-height: 16px;
	text-align: left;
	color: #345A99;
}

.service-value-sub-mention {
	font-family: Nunito Sans;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	color: #94A3B8;
}

.included-icon {
	width: 34px;
	height: 34px;
	font-family: Font Awesome Five Pro Regular;
	font-size: 18px;
	font-weight: 300;
	line-height: 36px;
	text-align: center;
	color: #34D399;
	background: #D1FAE5;
	border-radius: 20px;
}

.not-included-icon {
	width: 34px;
	height: 34px;
	font-family: Font Awesome Five Pro Regular;
	font-size: 18px;
	font-weight: 300;
	line-height: 36px;
	text-align: center;
	color: #F87171;
	background: #FEE2E2;
	border-radius: 20px;
}

.custom-checkbox {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: fit-content;
	background: #ccd6e6;
	padding: 5px 15px 5px 35px;
	border-radius: 10px;
	color: #2f518a;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.custom-checkbox:has(input:checked) {
	background: #2f518a;
	color: white;
}

.custom-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.custom-checkbox-checkmark {
	position: absolute;
	top: -1px;
	left: 0;
	height: 12px;
	width: 12px;
	background-color: #ccd6e6;
	border-radius: 15px;
	margin-top: 5px;
	margin-left: 10px;
	margin: 10px;
	border: 1px solid #2f518a;
	border-radius: 15px;
}

.custom-checkbox input:checked ~ .custom-checkbox-checkmark {
	background-color: #2f518a;
	border-color: white;
}

.custom-checkbox-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.custom-checkbox input:checked ~ .custom-checkbox-checkmark:after {
	display: block;
}

.custom-checkbox .custom-checkbox-checkmark:after {
	left: 4px;
	top: -1px;
	width: 3px;
	height: 7px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width: 1024px) {
	.info-box-container {
		gap: 30px;
	}
}

@media screen and (max-width: 700px) {
	.box-container {
		gap: 50px;
		flex-direction: column;
	}

	.info-box-container {
		gap: 30px;
		padding: 0;
		flex-direction: column;
	}

	.text-slider-mask {
		max-width: 300px;
	}

	.text-slide {
		width: 300px;
	}

	.center-slogan {
		top: 20%;
	}

	.mobile-spacer-w-50 {
		width: 50px;
	}

	.nav .side-menu {
		display: none;
	}

	.side-panel {
		min-height: 100vh;
	}

	/*#content {
		min-height: 100vh;
	}*/

	.center-logo {
		position: relative;
	}

	.center-slogan {
		position: relative;
	}
}

@media screen and (min-width: 700px) {
	.footer-bar {
		z-index: 2;
	}

	.mobile-spacer-w-50 {
		display: none;
	}
}

/* Public profile */
.profile-container {
	display: flex;
	max-width: 1280px;
	min-height: 774px;
	padding: 24px 16px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
	margin: auto;
}

.profile-title {
	display: flex;
	padding-left: 16px;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	color: #345A99;
	font-family: "Nunito Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
}

.profile-coulumns {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	flex-wrap: wrap;
}

.profile-column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	flex: 1 0 0;
	align-self: stretch;
}

.profile-section {
	display: flex;
	padding: 16px;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
	align-self: stretch;
	border-radius: 6px;
	background: #FFF;
	box-shadow: 0px 1px 2px -1px rgba(2, 6, 23, 0.10), 0px 1px 3px 0px rgba(2, 6, 23, 0.10);
}

.profile-section-title-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
}

.profile-section-title {
	color: #345A99;
	font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.profile-section-details {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
}

.profile-detail-row {
	display: flex;
	align-items: center;
	gap: 16px;
}

.profile-detail-row-icon {
	display: flex;
	width: 34px;
	height: 34px;
	padding: 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0;
	color: #718CB8;
	text-align: center;
	font-family: "Font Awesome Five Pro Regular";
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 18px;
	border-radius: 6px;
	background: #EBEFF5;
}

.profile-detail-row-label {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	color: #345A99;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.profile-detail-row-double-label {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
}

.profile-detail-row-small-label {
	color: #94A3B8;
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.name-avatar-container {
	display: flex;
	height: 64px;
	align-items: center;
	align-content: center;
	gap: 16px;
	flex-wrap: wrap;
}

.avatar {
	width: 64px;
	height: 64px;
	position: relative;
}

.pie {
	--p: 20;
	--b: 2px;
	--c: darkred;
	--w: 64px;
	width: var(--w);
	aspect-ratio: 1;
	position: relative;
	display: inline-grid;
	margin: 5px;
	place-content: center;
	font-size: 25px;
	font-weight: bold;
	font-family: sans-serif;
}

.pie:before,
.pie:after {
	content: "";
	position: absolute;
	border-radius: 50%;
}

.pie:before {
	inset: 0;
	background: radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
	-webkit-mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
	mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}

.pie:after {
	inset: calc(50% - var(--b)/2);
	background: var(--c);
	transform: rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}

.avatar-thumb {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 50px;
	position: absolute;
	top: 7px;
	left: 7px;
}

#parent {
	position: absolute;
	width: 74px;
	height: 74px;
	border-radius: 50%;
	transform: rotate(var(--a));
	top: 0;
}

#child {
	position: absolute;
	transform: rotate(var(--a));
	/*left: 15px;*/
	left: 28px;
	border-radius: 16px;
	padding: 4px;
	color: #FFF;
	font-family: "Nunito Sans";
	font-size: 7px;
	font-style: normal;
	font-weight: 700;
}

.percent-green {
	background: #10B981;
}

.percent-orange {
	background: #F59E0B;
}

.percent-red {
	background: #EF4444;
}

.profile-detail-row-name-label {
	color: #FF6126;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
}

.profile-detail-row-age-label {
	color: #345A99;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
}

.monogramm-wrapper {
	width: 60px;
	height: 60px;
	border-radius: 50px;
	position: absolute;
	top: 7px;
	left: 7px;
	background: #CBD5E1;
}

.profile-monogramm {
	color: #475569;
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 60px;
}

strong {
	font-weight: bold;
}

.edit-experience-button {
	display: flex;
	padding: 2px 8px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 6px;
	background: #CCD6E6;
	cursor: pointer;
}

.edit-experience-button-icon {
	color: #2F518A;
	text-align: center;
	font-family: "Font Awesome Five Pro Regular";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.edit-experience-button-label {
	color: #2F518A;
	text-align: center;
	font-family: "Nunito Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.edit-experience-button:hover {
	background: #AEBDD6;
	color: #274473;
}

.edit-experience-button:active {
	background: #718CB8;
	color: #1F365C;
}

.modal-layer {
	display: none;
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}

.side-panel-wrap {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	max-width: 720px;
	transform: translateX(100%);
	transition: .3s ease-out;
}

.side-panel-wrap.visible {
	transform: translateX(0%);
}

.job-side-panel {
	display: flex;
	max-width: 720px;
	height: 100%;
	padding: 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	background: #FFF;
	overflow: auto;
}

.job-detail-header {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.job-detail-header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}

.job-detail-header .title {
	color: #345A99;
	text-align: center;
	font-family: Nunito Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.job-detail-header .actions {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}

.job-detail-header .close {
	display: flex;
	padding: 2px 8px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 9999px;
	background: #E2E8F0;
	cursor: pointer;
}

.job-detail-header .close:hover {
	background: #CBD5E1;
	color: #334155;
	animation: pulse 0.2s;
}

.job-detail-header .close:active {
	background: #94A3B8;
	color: #1E293B;
	animation: pulse 0.2s;
}

.job-detail-header .trailing-icon {
	color: #475569;
	text-align: center;
	font-family: Font Awesome Five Pro Regular;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.job-detail-heading {
	display: flex;
	padding: 0px 0px;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
}

.job-detail-heading .quick-details {
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 1 0 0;
}

.job-detail-heading .quick-details .info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex: 1 0 0;
}

.info .profession {
	display: flex;
	padding: 0px;
	justify-content: center;
	align-items: center;
	gap: 0px;
}

.info .profession .label {
	color: #345A99;
	font-family: Nunito Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}

.job-quick-details {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 8px 16px;
	align-self: stretch;
	flex-wrap: wrap;
}

.job-quick-details .start-date {
	display: flex;
	align-items: center;
	gap: 6px;
}

.job-quick-details .start-date .leading-icon {
	width: 15px;
	height: 15px;
	color: #64748B;
	text-align: center;
	font-family: Font Awesome Five Pro Regular;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 15px;
}

.job-quick-details .start-date .label {
	color: #64748B;
	text-align: center;
	font-family: Nunito Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.job-detail-tabs {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	align-self: stretch;
	margin-bottom: 60px;
	height: 100%;
}

.job-detail-tabs .navigation {
	display: flex;
	padding: 0px 16px;
	align-items: center;
	gap: 16px;
	align-self: stretch;
}

.job-detail-tabs .navigation .wrapper {
	display: flex;
	padding: 4px 8px;
	align-items: center;
	gap: 0px;
	border-bottom: 3px solid transparent;
	cursor: pointer;
}

.job-detail-tabs .navigation .wrapper.active {
	display: flex;
	padding: 4px 8px;
	align-items: center;
	gap: 0px;
	border-bottom: 3px solid #345A99;
}

.job-detail-tabs .navigation .wrapper.active .label {
	color: #345A99;
	text-align: center;
	font-family: Nunito Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.job-detail-tabs .navigation .wrapper .label {
	color: #64748B;
	text-align: center;
	font-family: Nunito Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}

.job-detail-tabs .tab-content {
	display: flex;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
	align-self: stretch;
	border-top: 1px solid #F1F5F9;
	background: #FFF;
}

.job-detail-tabs .tab-content .job-criteria-columns {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 24px 40px;
	align-self: stretch;
	flex-wrap: wrap;
}

.job-detail-tabs .tab-content .job-criteria-columns .job-criteria-details {
	display: flex;
	min-width: 260px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.job-detail-tabs .tab-content .job-criteria-columns .job-criteria-details .job-criteria-detail {
	display: flex;
	align-items: center;
	gap: 16px;
}

.job-detail-tabs .tab-content .job-criteria-columns .job-criteria-details .job-criteria-detail .aside {
	display: flex;
	width: 34px;
	height: 34px;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	border-radius: 6px;
	background: #EBEFF5;
}

.job-detail-tabs .tab-content .job-criteria-columns .job-criteria-details .job-criteria-detail .aside .leading-icon {
	color: #718CB8;
	text-align: center;
	font-family: Font Awesome Five Pro Regular;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 18px;
}

.job-detail-tabs .tab-content .job-criteria-columns .job-criteria-details .job-criteria-detail .content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
}

.job-detail-tabs .tab-content .job-criteria-columns .job-criteria-details .job-criteria-detail .content .label {
	color: #94A3B8;
	text-align: center;
	font-family: Nunito Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.job-detail-tabs .tab-content .job-criteria-columns .job-criteria-details .job-criteria-detail .content .value {
	color: #345A99;
	font-family: Nunito Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.job-detail-tabs .tab-content .job-description {
	align-self: stretch;
	color: #475569;
	text-align: justify;
	font-family: Nunito Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}

.job-detail-tabs .tab-content .job-criteria-gallery {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
}

.job-detail-tabs .tab-content .job-criteria-gallery img.photo {
	max-width: 100px;
	height: 64px;
	object-fit: cover;
}

@media screen and (max-width: 500px) {
	.side-panel-wrap {
		width: 100%;
	}
}

@media screen and (max-width: 1279px) {
	.job-grid {
		justify-content: center;
	}
}

.job-detail-actions {
	display: flex;
	flex-direction: row;
	gap: 8px;
}

.slogan {
	color: #FFEFE9;
	text-align: center;
	font-family: Nunito Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
}

.slogan a {
	color: inherit;
}