/* Hero */
.employer__inner {
	display: flex;
  	align-items: center;
  	position: relative;
  	padding-top: 7.9rem;
}

.employer__inner .employer__dots-hero {
	position: absolute;
  	right: 0;
  	top: 0;
  	background-image: url("../img/employer-dots-hero.svg");
  	background-position: center center;
  	background-size: cover;
  	background-repeat: no-repeat;
  	width: 29.4rem;
  	height: 21.6rem;
  	margin-right: -21rem;
  	margin-top: 7rem;
}

.employer__hero__img {
	max-width: 70%;
}

.employer__img-wrapper {
	position: relative;
}

.employer__img-wrapper img {
	position: relative;
  	z-index: 1;
}

.employer__img-wrapper .dots_big-employer {
	background-image: url("../img/Dots 6.svg");
  	background-repeat: no-repeat;
  	background-size: cover;
  	background-position: center center;
  	position: absolute;
  	left: -7vw;
  	top: 50%;
  	max-width: 38.7rem;
  	width: 100%;
  	height: 114%;
  	opacity: 0.5;
  	z-index: 0;
}

@media only screen and (max-width: 1199px) {
	.employer__inner {
    	flex-direction: column;
    	padding-top: 12rem;
  	}
}

@media only screen and (max-width: 1600px) {
	.employer__img-wrapper {
    	margin: 0 auto;
    	max-width: 70%;
  	}
}

@media only screen and (max-width: 1350px) {
	.employer__img-wrapper {
    	max-width: 65%;
  	}
}

@media only screen and (max-width: 1199px) {
	.employer__img-wrapper {
    	margin-bottom: 5rem;
    	max-width: 35%;
  	}
}

@media only screen and (max-width: 768px) {
	.employer__img-wrapper {
    	max-width: 45%;
  	}
}

@media only screen and (max-width: 599px) {
	.employer__img-wrapper {
    	max-width: 50%;
  }
}

@media only screen and (max-width: 499px) {
	.employer__img-wrapper {
    	max-width: 100%;
  }
}

@media only screen and (max-width: 1199px) {
	.employer__col {
    	width: 100%;
  }
}

.employer__col-rgt h1 {
	font-size: 4rem;
  	margin-bottom: 3rem;
}

@media only screen and (max-width: 1440px) {
	.employer__col-rgt h1 {
    	margin-bottom: 2.5rem;
  }
}

.employer__col-rgt p {
	margin-bottom: 3.8rem;
}

@media only screen and (max-width: 767px) {
	.employer__col-rgt p {
    	font-size: 1.6rem;
  }
}

.employer__subtitle {
	display: block;
  	margin-bottom: 2.8rem;
  	color: var(--orange);
}

@media only screen and (max-width: 1440px) {
	.employer__subtitle {
    	margin-bottom: 2.4rem;
  }
}

@media only screen and (max-width: 499px) {
	.employer__subtitle {
    	margin-bottom: 3.4rem;
  }
}

.employer__btns {
	display: flex;
  	align-items: center;
}

@media only screen and (max-width: 768px) {
	.employer__btns {
    	flex-direction: column;
  }
}

.employer__btn {
	display: block;
  	margin-right: 7rem;
  	padding: 1.1rem 3.1rem;
  	min-width: 31.8rem;
  	text-align: center;
  	border: 2px solid var(--orange);
  	border-radius: 3.2rem;
  	color: var(--orange);
}

@media only screen and (max-width: 767px) {
	.employer__btn {
    	margin-right: 0;
    	margin-bottom: 2.18rem;
    	padding-top: 1.6rem;
    	padding-bottom: 1.6rem;
    	font-weight: 700;
    	font-size: 1.5rem;
  	}
}

.employer__btn:hover {
	background-color: var(--orange);
  	color: var(--white);
}

@media only screen and (max-width: 1199px) {
	.deliver-services__container {
    	max-width: 156.4rem;
  	}
}

.employer__logo {
	max-width: 45%;
}

@media (max-width: 768px) {
	.employer__logo {
    	width: 75%;
  	}
}

/* Services List */
.deliver-services__inner {
	position: relative;
	padding: 22.4rem 0 9.6rem;
}

.deliver-services__inner .deliver__services-dots {
	position: absolute;
  	right: 0;
  	top: 0;
  	width: 47.6rem;
  	height: 38.3rem;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	background-image: url("../img/employer-dots-hero2.svg");
  	margin-right: -28rem;
  	margin-top: -2rem;
  	z-index: 0;
}

@media only screen and (max-width: 1440px) {
	.deliver-services__inner {
    	padding-top: 11.2rem;
  	}
}

@media only screen and (max-width: 1199px) {
	.deliver-services__inner {
    	padding-top: 5.45rem;
    	padding-bottom: 4.6rem;
  	}
}

.deliver-services__inner h2 {
	position: relative;
  	z-index: 1;
  	max-width: 100rem;
  	font-size: 4rem;
  	margin-bottom: 5rem;
}

@media only screen and (max-width: 1199px) {
	.deliver-services__inner h2 {
    	margin-bottom: 4rem;
  	}
}

.deliver-services__list {
	margin-bottom: 8.1rem;
  	list-style: none;
  	padding: 0;
}

@media only screen and (max-width: 1199px) {
	.deliver-services__list {
    	margin-bottom: 4.1rem;
  	}
}

.deliver-services__item {
	padding-left: 2.4rem;
  	position: relative;
}

@media only screen and (max-width: 768px) {
	.deliver-services__item {
    	padding-left: 1.2rem;
  	}
  	.deliver-services__item span {
    	font-size: 1.3rem;
  	}
}

.deliver-services__item:not(.deliver-services__item:last-child) {
	margin-bottom: 1rem;
}

.deliver-services__item::before {
	content: "";
  	display: block;
  	position: absolute;
  	left: 0;
  	top: 1rem;
  	width: 1.5rem;
  	height: 1.5rem;
  	background-color: var(--green);
  	border-radius: 0;
}	

@media only screen and (max-width: 768px) {
	.deliver-services__item::before {
    	top: 1.4rem;
    	width: 1rem;
    	height: 1rem;
  	}
}

.deliver-services__btn {
	display: inline-block;
  	padding: 0.7rem 2rem;
  	min-width: 15.2rem;
  	text-align: center;
  	border: 0.1rem solid var(--orange);
  	border-radius: 3.2rem;
  	background-color: var(--orange);
  	color: var(--white);
  	font-weight: 500;
}

@media only screen and (max-width: 1199px) {
	.deliver-services__btn {
    	font-weight: 700;
  	}
}

@media only screen and (max-width: 768px) {
	.deliver-services__btn {
    	padding: 1rem 2rem;
    	font-size: 1.5rem;
  	}
}

.deliver-services__btn:hover {
	background-color: var(--green);
  	border-color: var(--green);
  	color: var(--white);
}

.deliver-services__content {
	display: flex;
}

@media only screen and (max-width: 1199px) {
	.deliver-services__content {
    	flex-direction: column;
  	}
}

.deliver-services__col-lft {
	margin-right: auto;
}

@media only screen and (max-width: 1199px) {
	.deliver-services__col-lft {
    	margin-bottom: 6rem;
    	margin-right: 0;
  	}
}

@media only screen and (max-width: 1199px) and (max-width: 768px) {
	.deliver-services__col-lft {
    	margin-bottom: 2rem;
  	}
}

.deliver-services__col-rgt {
	position: relative;
}

@media only screen and (max-width: 1199px) {
	.deliver-services__wrapper {
    	position: relative;
    	margin: 0 auto;
    	padding: 0 5rem;
    	max-width: 100%;
  	}
	.deliver-services__wrapper .slider__nav .arrow__nav::before {
    	filter: brightness(0) saturate(100%) invert(96%) sepia(8%) saturate(57%)
      	hue-rotate(170deg) brightness(93%) contrast(88%);
  	}
}

@media only screen and (max-width: 768px) {
	.deliver-services__wrapper {
    	max-width: 100%;
    	padding: 0;
  	}
}

@media only screen and (max-width: 1199px) {
	.deliver-services__wrapper .slick-list {
    	overflow: visible;
  	}
}

@media only screen and (max-width: 599px) {
	.deliver-services__wrapper .slick-list {
    	overflow: hidden;
  	}
}

.deliver-services__wrapper .arrow__prev {
	left: -2.2rem;
}

.deliver-services__wrapper .arrow__next {
	right: -2.2rem;
}

.deliver-services__cards {
	display: grid;
  	grid-template-columns: repeat(2, 35.8rem);
  	grid-column-start: 2;
  	gap: 3.2rem;
  	list-style: none;
  	padding: 0;
}

.deliver-services__cards .slick-track {
	display: flex;
	align-items: center;
}

.deliver-services__cards .home__hero .hero__slider__items .slick-list {
	display: flex;
}

@media only screen and (max-width: 1199px) {
	.deliver-services__cards {
    	display: block;
  	}
}

@media only screen and (max-width: 599px) {
	.deliver-services__cards {
    	margin-left: -3rem;
    	margin-right: -3rem;
  	}
}

.deliver-services__cards-item {
	padding: 3.2rem 2.8rem;
  	min-height: 24.8rem;
  	border-radius: 1rem;
  	box-shadow: var(--box-shadow);
}

@media only screen and (max-width: 1199px) {
	.deliver-services__cards-item {
    	margin: 0 1.5rem;
    	padding: 0;
    	min-height: auto;
  	}
}

@media only screen and (max-width: 599px) {
	.deliver-services__cards-item {
    	margin: 3rem;
  	}
}

.deliver-services__cards-item:nth-child(odd) {
	position: relative;
  	top: 3rem;
}

@media only screen and (max-width: 1199px) {
	.deliver-services__cards-item:nth-child(odd) {
    	position: static;
    	top: 0;
  	}
}

.deliver-services__cards-item a {
	display: block;
  	width: 100%;
  	height: 100%;
}

@media only screen and (max-width: 1199px) {
	.deliver-services__cards-item a {
    	padding: 3.2rem 2.8rem;
    	padding-bottom: 2.5rem;
    	min-height: 24.8rem;
    	border-radius: 1rem;
  	}
}

.deliver-services__cards-item h3 {
	font-size: 2.4rem;
	font-weight: 600;
}

@media only screen and (max-width: 599px) {
	.deliver-services__cards-item h3 {
    	font-size: 2.2rem;
  	}
}

.deliver-services__cards-item h3, .deliver-services__cards-item p {
	margin-bottom: 1rem;
}

.deliver-services__cards-item p {
	font-size: 1.3rem;
	color: var(--quotes);
}

.cards-list {
	margin-bottom: 1rem;
  	list-style: none;
  	padding: 0;
}

.cards-list__item {
	line-height: 1;
}

.cards-list__item:not(.cards-list__item:last-child) {
	margin-bottom: 1rem;
}

.cards-list__item span {
	padding-left: 2rem;
	position: relative;
	font-size: 1.4rem;
  	line-height: 1;
  	color: var(--quotes);
}

.cards-list__item:not(.cards-list__item:last-child).lh-2 {
	margin-bottom: 0;
}

.cards-list__item.lh-2 {
	line-height: 1.65;
}

@media only screen and (max-width: 599px) {
	.cards-list__item span {
    	font-size: 1.2rem;
  	}
}

.cards-list__item span::before {
	content: "";
  	display: block;
  	position: absolute;
  	top: 0.5rem;
  	width: 1rem;
  	height: 1rem;
  	border-radius: 0;
  	background-color: var(--quotes);
}

.post-jobs {
	background: -webkit-gradient(linear,left top,left bottom,from(#0d76bd),to(#073b5f));
  	background: -webkit-linear-gradient(top, #0d76bd 0%, #073b5f 100%);
  	background: -o-linear-gradient(top, #0d76bd 0%, #073b5f 100%);
  	background: linear-gradient(180deg, #0d76bd 0%, #073b5f 100%);
  	-webkit-clip-path: polygon(25% 0, 29% 4%, 100% 4%, 100% 70%, 100% 100%, 30% 100%, 0 100%, 0 0);
  	clip-path: polygon(25% 0, 29% 4%, 100% 4%, 100% 70%, 100% 100%, 30% 100%, 0 100%, 0 0);
  	-webkit-background-size: cover;
  	background-size: cover;
}

@media only screen and (max-width: 768px) {
	.post-jobs {
    	-webkit-clip-path: polygon(47% 0, 50% 4%, 100% 4%, 100% 70%, 100% 100%, 30% 100%, 0 100%, 0 0);
    	clip-path: polygon(47% 0, 50% 4%, 100% 4%, 100% 70%, 100% 100%, 30% 100%, 0 100%, 0 0);
  	}
}

@media only screen and (max-width: 599px) {
	.post-jobs {
    	clip-path: polygon(46% 0, 50% 2%, 100% 2%, 100% 70%, 100% 100%, 30% 100%, 0 100%, 0 0);
  	}
  	.post-jobs__inner {
    	padding: 8.6rem 0 6.6rem;
  	}
}

.post-jobs__inner {
	padding: 25.8rem 0 18rem;
}

@media only screen and (max-width: 1199px) {
	.post-jobs__inner {
    	padding: 13.6rem 0 6.6rem;
  	}
}

.post-jobs__content {
	padding: 3.2rem;
  	max-width: 136.4rem;
  	border-radius: 1rem;
  	background-color: var(--white);
}

@media only screen and (max-width: 1024px) {
	.post-jobs__content {
    	padding: 1rem 0.77rem 6.2rem;
  	}
}

.post-jobs__img-wrapper {
	padding-top: 41.25%;
  	height: 100%;
  	background-size: cover;
  	background-position: center;
  	background-repeat: no-repeat;
  	border-radius: 1rem;
  	margin-bottom: 2.5rem;
  	max-height: 52.8rem;
  	overflow: hidden;
}

@media only screen and (max-width: 1024px) {
	.post-jobs__img-wrapper {
    	max-height: 25.9rem;
  	}
}

@media only screen and (max-width: 768px) {
	.post-jobs__img-wrapper {
    	max-height: 100%;
    	margin-bottom: 6.2rem;
    	min-height: 13.2rem;
  }
}

.post-jobs__subtitle {
	display: block;
  	margin-bottom: 0.9rem;
  	color: var(--orange);
}

@media only screen and (max-width: 1024px) {
	.post-jobs__text {
    	padding: 0 1.23rem;
  	}
}

.post-jobs__text h2 {
	font-size: 4rem;
	margin-bottom: 1.8rem;
}

@media only screen and (max-width: 1024px) {
	.post-jobs__text h2 {
    	font-size: 3.6rem;
  	}
}

.post-jobs__text p {
	margin-bottom: 1.6rem;
  	font-size: 1.6rem;
  	font-weight: 400;
}

.post-jobs__text p span {
	display: block;
}

@media only screen and (max-width: 1024px) {
	.post-jobs__text p span {
    	display: initial;
  	}
}

.post-jobs__text p span {
	margin-bottom: 2rem;
}

@media only screen and (max-width: 1024px) {
	.post-jobs__text p span {
    	margin-bottom: 0;
  	}
}

/* CTA Banner */
.solutions__banner {
	background-color: var(--orange);
}

.solutions__banner .btn__white:hover {
	color: var(--orange);
}

.solutions__banner h2 {
	font-size: 2.4rem;
	color: var(--white);
}

@media only screen and (max-width: 1024px) {
	.solutions__banner h2 {
    	margin-bottom: 3.65rem;
    	font-weight: 500;
  	}
}

.solutions__banner h2 span {
	font-weight: 700;
}

.solutions__banner a {
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	height: 5rem;
  	min-width: 27rem;
  	line-height: 1;
}

.solutions__banner a:hover {
	color: var(--orange);
}

@media only screen and (max-width: 1024px) {
	.solutions__banner .banner__wrapper {
    	align-items: flex-start;
    	flex-direction: column;
  	}
}

.solutions__content {
	padding: 14.5rem 0 16.8rem;
  	position: relative;
  	background-position: 0 -17rem;
  	background-repeat: no-repeat;
  	background-size: cover;
}

@media only screen and (max-width: 1024px) {
	.solutions__content {
    	background-position: center 0;
  	}
}

@media only screen and (max-width: 768px) {
	.solutions__content {
    	padding: 5.4rem 0 1.7rem;
  	}
}

.solutions__content::before {
	content: "";
  	display: block;
  	position: absolute;
  	left: 0;
  	top: 0;
  	z-index: 2;
  	opacity: 0.3;
  	width: 100%;
  	height: 100%;
  	background-color: var(--white);
}

.solutions__inner {
	position: relative;
	z-index: 3;
}

.solutions__inner a {
	display: block;
  	margin-bottom: 2.7rem;
}

.solutions__inner h2 {
	font-size: 4rem;
  	max-width: 56rem;
}

@media only screen and (max-width: 1024px) {
	.solutions__inner h2 {
    	font-size: 2.4rem;
  	}
}

/* Top Bar */
.employer__nav-wrapper {
	position: relative;
  	background-color: var(--blue-dark);
}

@media only screen and (max-width: 1199px) {
	.employer__nav-wrapper {
		display: flex;
		align-items: center;
    	justify-content: center;
    	position: fixed;
    	z-index: 10;
    	width: 100%;
  	}
}

.employer__dropdown-btn {
	display: none;
  	padding: 2.4rem 3.3rem 2.4rem;
  	position: relative;
  	font-size: 1.8rem;
  	line-height: 1;
  	font-weight: 600;
  	color: var(--white);
}

@media only screen and (max-width: 1199px) {
	.employer__dropdown-btn {
    	padding: 0;
    	height: 40px;
    	width: 40px;
    	text-align: center;
    	margin: 0 auto;
  	}
}

.employer__dropdown-btn::after {
	content: "";
  	display: block;
  	position: absolute;
  	right: 0;
  	top: 50%;
  	left: 0;
  	margin: 0 auto;
  	width: 1.6rem;
  	height: 1rem;
  	background-image: url("../img/arr-employer-menu.svg");
  	background-position: center;
  	background-repeat: no-repeat;
  	-webkit-background-size: cover;
  	background-size: cover;
  	transform: translateY(-50%);
}

.employer__dropdown-btn--active::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
  	-ms-transform: translateY(-50%) rotate(180deg);
  	transform: translateY(-50%) rotate(180deg);
}

@media only screen and (max-width: 1199px) {
	.employer__dropdown-btn {
    	display: block;
  	}
}

.employer__list {
	display: flex;
  	align-items: center;
  	justify-content: center;
}

@media only screen and (max-width: 1199px) {
	.employer__list {
    	flex-direction: column;
    	position: absolute;
    	top: 100%;
    	left: 0;
    	width: 100%;
    	background-color: var(--blue-dark);
    	opacity: 0;
    	visibility: hidden;
    	transition-duration: 0.3s;
  }
	.employer__list--active {
    	opacity: 1;
    	visibility: visible;
  }
}

.employer__item a {
	display: block;
  	padding: 1.2rem 1rem;
  	color: var(--white);
  	font-size: 1.6rem;
}

.employer__item a:hover {
	font-weight: 700;
}

.employer__item:not(.employer__item:last-child) {
	margin-right: 7.2rem;
}

@media only screen and (max-width: 1199px) {
	.employer__item:not(.employer__item:last-child) {
    	margin-right: 0;
  	}
}