.header__content{
	position: relative;
}

.logo{
	background-image: url('../images/logo-dark.png');
}

.active{
	color: var(--brand);
}

.navigation__item:hover{
	transition: all 0.5s;
	color: var(--brand);
}

.navigation__item:active{
	transition: all 0.5s;
	color: var(--brand);
}

.title{
	color: var(--brand);
}

.description{
	max-width: 67vw;
}

.jobs__box{
	padding-top: 5.2vw;
	display: flex;
	flex-direction: column;
	gap: 3.47vw;
}

.jobs{
	display: grid;
  justify-content: space-between;
  grid-template-columns: 1fr 1fr;
  gap: 1.74vw;
}

.empty__jobs{
	font-size: 1.25vw;
	line-height: 1.94vw;
	font-family: Montserrat, sans-serif;
	font-weight: 400;
}

.jobs__item {
  display: flex;
  max-width: 43.75vw;
  padding: 2.43vw 6.94vw 2.43vw 2.43vw;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2.08vw;
  border-radius: 20px;
  background: var(--blue-200);
  box-sizing: border-box;
	cursor: pointer;
}

.jobs__text{
	max-width: 34.72vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.74vw;
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.jobs__title{
	font-size: 1.94vw;
  line-height: 2.5vw;
}

.jobs__conditions, .jobs__description{
	font-size: 1.25vw;
  line-height: 1.94vw;
}

.condition__name, .description__title{
	text-transform: uppercase;
}

.btn__light{
	padding: 1.04vw 3.47vw;
  border-radius: 8px;
  border: 1px solid var(--brand-500);
  background: none;
  cursor: pointer;

  color: var(--brand);
  font-family: Montserrat, sans-serif;
  font-size: 1.46vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.22vw;
	transition: all 0.5s;
	outline: 2px solid transparent;
}

.btn__light:hover{
	transition: all 0.5s;
	border: 1px solid var(--brand-600);
}

.btn__light:focus{
	transition: all 0.5s;
	border: 1px solid var(--brand);
	outline: 2px solid var(--brand-400);
}

.btn__light:active{
	transition: all 0.5s;
	border: 1px solid var(--brand);
	background: var(--brand-alpha-7);
}

@media (max-width: 992px) {
	.description{
		max-width: 100%;
	}
	
	.empty__jobs{
		font-size: 1.82vw;
		line-height: 2.83vw;
	}

	.jobs__item {
    padding: 3.53vw 10.09vw 3.53vw 3.53vw;
    gap: 3.03vw;
  }

  .jobs__text {
    gap: 2.52vw;
  }

  .jobs__title {
    font-size: 2.83vw;
    line-height: 3.63vw;
  }

  .jobs__conditions, .jobs__description {
    font-size: 1.82vw;
    line-height: 2.83vw;
  }

  .btn__light {
    padding: 1.51vw 5.05vw;
    font-size: 2.12vw;
    line-height: 3.22vw;
  }
}

@media (max-width: 641px) {
	.hamburger__menu {
		background-image: url('../images/hamburger-dark.svg');
  }

	.hamburger__menu_open{
		background-image: url('../images/hamburger-close.svg');
	}

	.jobs__box{
		padding-top: 8vw;
		gap: 5.33vw;
	}

	.empty__jobs{
		font-size: 4.27vw;
		line-height: 6.4vw;
	}
	
	.jobs{
		grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    gap: 4vw;
	}
	
	.jobs__item {
		max-width: 100%;
    padding: 6.67vw 5.33vw;
    gap: 8vw;
	}
	
	.jobs__text{
		max-width: 100%;
    gap: 4vw;
	}
	
	.jobs__title{
		font-size: 5.33vw;
		line-height: 6.93vw;
	}
	
	.jobs__conditions, .jobs__description{
		font-size: 4.27vw;
		line-height: 6.4vw;
	}
	
	.btn__light{
		padding: 4vw 10.67vw;
		font-size: 4.53vw;
		line-height: 5.33vw;
	}
}