.tt-job {
	background-color: #0b163f;
	padding: 33px 40px 45px;
	border-radius: 15px;
	position: relative;
	margin-bottom: 30px;

	&__type {
		color: #d6d5e1;
		font-size: 14px;
		margin-bottom: 8px;

		i {
			margin-right: 5px;
		}
	}

	&__info {
		margin-bottom: 44px;
		padding: 0;
		list-style: none;

		li {
			display: inline-block;
			margin-right: 15px;
			color: #d6d5e1;
			font-size: 14px;

			i {
				margin-right: 5px;
			}
		}
	}

	&__title {
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 8px;

		a {
			color: #fff;
		}
	}

	&__categories {
		position: absolute;
		top: 30px;
		right: 30px;
	}

	&__category {
		background-color: rgba(255, 255, 255, 0.1);
		padding: 6px 25px;
		color: #d6d5e1;
		border-radius: 30px;
		font-size: 13px;
		line-height: 1;
	}

	.btn-outline {
		border-color: rgba(255,255,255,0.402);
		color: #fff;
		padding: 13px 25px;
		line-height: 1;

		&:hover {
			background-color: #fff;
			border-color: #fff;
			color: $color__heading;
		}
	}

	&.job-light {
		background-color: #fff;
		padding: 40px 30px;

		.tt-job__type {
			color: #6c757d;
		}

		.tt-job__title {
			a {
				color: $color__heading;

				&:hover {
					color: $color__theme;
				}
			}
		}

		.tt-job__info {
			li {
				color: #575757;
			}
		}

		.tt-job__category {
			background-color: rgba($color__theme, 0.1);
			color: $color__theme;
		}

		.tt-btn {
			padding: 7px 25px;
		}
	}
}

.job-single {
	padding: 120px 0;
}

.job-information {
	background-color: #f8f9fa;
	padding: 40px;
	border-radius: 15px;
}


h3.job-info-title {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 30px;
}


.job-info-items {
	margin: 0;
	padding: 0;
	list-style: none;

	li {
		display: flex;

		&:not(:last-child) {
			margin-bottom: 22px;
		}

		i {
			margin-right: 15px;
			width: 15px;
			text-align: left;
			color: $color__theme;
			font-size: 15px;
		}
	}

	.info-title {
		font-size: 16px;
		line-height: 1;
		font-weight: 600;
		margin-bottom: 0;
	}

	p {
		font-size: 14px;
		margin-bottom: 0;
	}
}


.job-single {
	h2 {
		font-size: 40px;
	}

	h3 {
		font-size: 20px;
	}

	ul {
		li {
			line-height: 34px;
		}
	}
}

.job-header {
	display: flex;
	text-align: left;

	.job-logo {
		height: 130px;
		width: 130px;
		padding: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #fff;
		border-radius: 15px;
		margin-right: 20px;
	}

	.header-content {
		.single-post-title {
			color: #fff;
			margin-bottom: 0;
		}
	}

	.company-short-description {
		color: #fff;
	}

	.company-info {
		margin: 0;
		padding: 0;
		list-style: none;

		li {
			display: inline-block;
			margin-right: 20px;
			color: #d6d5e1;

			i {
				margin-right: 8px;
			}

			.star-rating {
				display: inline-block;
			}
		}
	}
}

.salary-info {
	background-color: #fff;
	padding: 40px;
	text-align: center;
	border-radius: 15px;

	.salary-title {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 10px;
	}

	.salary {
		font-size: 34px;
		font-weight: 700;
		margin-bottom: 0;
		color: $color__heading;
	}
}

.job-single {
	.wp-block-image {
		img {
			border-radius: 15px;
		}
	}
}

.related-job {
	padding: 115px 0 90px;
	background-color: #f8f9fa;

	.section-heading {
		max-width: 600px;
		margin: 0 auto 60px;
	}
}