.consulting-hero {
	position: relative;
	
	.consulting-hero__overlay {
		position: relative;
		max-height: 940px;
		overflow: hidden;
		display: flex;
		justify-content: center;
		
		@media (max-width: 990px) {
			max-height: 100%;
		}

		&:after {
			content: '';
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			bottom: 0;
			background: linear-gradient(180deg, rgba(238, 230, 227, 0) 0%, rgba(238, 230, 227, 0.1) 45.95%, rgba(238, 230, 227, 0.7) 69.03%, rgba(238, 230, 227, 0.8) 75.47%, #EEE6E3 100%);
			
			@media (max-width: 990px) {
				z-index: 1;
			}
		}

		&:before {
			content: '';
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			bottom: 0;
			background: #4C303A80;
			
			@media (max-width: 990px) {
				z-index: 1;
			}
		}
		
		.wp-post-image {
			@media (max-width: 990px) {
				width: 100%;
				height: auto;
				position: absolute;
			}
		}
		
		.consulting-hero__content {
			position: absolute;
			bottom: 80px;
			margin: auto;
			max-width: var(--max-width);
			width: 100%;
			z-index: 1;
			
			@media (max-width: 1790px) {
				padding-left: 60px;
				margin-right: 40px;
				padding-right: 630px;
			}
			
			@media (max-width: 1300px) {
				padding-right: 50%;
			}
		
			@media (max-width: 990px) {
				padding-right: 0;
				position: relative;
				z-index: 10;
				top: 0;
				margin-top: 30px;
				margin-bottom: 22px;
			}
			
			.consulting-hero__icon {
				padding: 20px;
				display: inline-block;
				margin-bottom: 15px;
				border-radius: 50%;
				background: #4C303A;
				
				@media (max-width: 990px) {
					margin-bottom: 20px;
					padding: 12px;
				}
				
				&:before {
					content: '';
					width: 40px;
					height: 40px;
					display: block;
					background: url("../img/ion_people-outline.svg");
					background-repeat: no-repeat;
	
					@media (max-width: 990px) {
						width: 24px;
						height: 24px;
						background-size: 24px;
					}
				}
				
				&.icon-img {
					img {
						width: 40px;
						height: 40px;
						display: block;
					}
					
					&:before {
						display: none;
					}
				}
			}
			
			h1 {
				font-family: Crimson Text;
				font-weight: 400;
				font-size: 90px;
				line-height: 90%;
				letter-spacing: 0%;
				color: #0F0D12;
				margin-bottom: 40px;
				max-width: 860px;
				
				@media (max-width: 990px) {
					font-size: 40px;
					margin-bottom: 20px;
				}
			}
			
			p {
				font-family: Figtree;
				font-weight: 400;
				font-size: 20px;
				line-height: 140%;
				letter-spacing: 0%;
				color: #0F0D12;
				max-width: 860px;
				
				@media (max-width: 990px) {
					font-size: 16px;
				}
			}
		}
		
		&.training {
			.consulting-hero__content {
				.consulting-hero__icon {
					background: #8C9A9E;
				}
			}
			
			&:after {
				background: linear-gradient(180deg, rgba(232, 235, 236, 0) 0%, rgba(232, 235, 236, 0.1) 54.65%, rgba(232, 235, 236, 0.8) 64.66%, rgba(232, 235, 236, 0.95) 69.93%, #E8EBEC 100%);
			}

			&:before {
				background: #8C9A9E80;
			}
		}
		
		&.enterprise {
			.consulting-hero__content {
				.consulting-hero__icon {
					background: #C2A8B6;
				}
			}

			&:after {
				background: linear-gradient(180deg, rgba(244, 238, 241, 0) 0%, rgba(244, 238, 241, 0.1) 54.65%, rgba(244, 238, 241, 0.8) 64.66%, rgba(244, 238, 241, 0.95) 69.93%, #F4EEF1 100%);
			}

			&:before {
				background: #C2A8B680;
			}
		}
		
		&.communication {
			.consulting-hero__content {
				.consulting-hero__icon {
					background: #995E74;
				}
			}

			&:after {
				background: linear-gradient(180deg, rgba(235, 223, 227, 0) 0%, rgba(235, 223, 227, 0.1) 54.65%, rgba(235, 223, 227, 0.8) 64.66%, rgba(235, 223, 227, 0.95) 69.93%, #EBDFE3 100%);
			}

			&:before {
				background: #995E7480;
			}
		}
	}
	
	.consulting-container {
		position: absolute;
		top: 0;
		width: 100%;
		align-items: center;
		display: flex;
		height: 100%;
		
		@media (max-width: 990px) {
			position: relative;
			margin-top: 20px;
			margin-bottom: 20px;
		}
		
		.container {
			display: flex;
			gap: 120px;
			width: 100%;
			max-width: 1720px;
			margin: auto;
			
			@media (max-width: 1790px) {
				margin-left: 40px;
				margin-right: 40px;
			}
			
			@media (max-width: 990px) {
				gap: 20px;
				margin-left: 20px;
				margin-right: 20px;
			}
		}
		
		.consulting-hero__content {
			margin-top: auto;
			max-width: 860px;
			margin-left: auto;
			width: 100%;
			
			@media (max-width: 990px) {
				display: none;
			}
		}
		
		.consulting-featured {
			display: flex;
			flex-flow: column;
			gap: 20px;
			max-width: 580px;
			width: 100%;
			position: relative;
			
			@media (max-width: 990px) {
				max-width: 100%;
				gap: 10px;
			}
			
			.consulting-featured__item {
				background: #FFFFFF;
				padding: 10px;
				
				@media (max-width: 620px) {
					padding-right: 0;
					padding-left: 0;
				}
				
				.img {
					float: left;
					margin-right: 20px;
					width: 160px;
					height: 160px;
					inset: 0;
					overflow: hidden;
					
					img {
						height: 100%;
						object-fit: cover;
					}
					
					@media (max-width: 990px) {
						width: 100px;
						height: 100px;
					}
				}
				
				.consulting-featured__text {
					display: flex;
					flex-flow: column;
					
					h3 {
						font-family: Figtree;
						font-weight: 500;
						font-size: 24px;
						line-height: 120%;
						letter-spacing: 0%;
						color: #0F0D12;
						
						@media (max-width: 990px) {
							font-size: 20px;
						}
					}
					
					p {
						font-family: Figtree;
						font-weight: 400;
						font-size: 16px;
						line-height: 140%;
						letter-spacing: 0%;
						color: #0F0D12;
						
						@media (max-width: 990px) {
							font-size: 16px;
						}
					} 
				}
			}
		}
	}
}

.what-we-do {
	background: #4C303A;
	
	.what-we-do__container {
		display: flex;
		gap: 60px;
		width: 100%;
		padding: 170px 0;
		max-width: 1800px;
		margin: auto;
		
		@media (max-width: 1400px) {
			flex-flow: column;
			padding: 40px 0;
		}
		
		.what-we-do__content {
			max-width: 520px;
			margin-left: auto;
			
			@media (max-width: 1640px) {
				margin-left: 40px;
			}
		
			@media (max-width: 1400px) {
				max-width: 100%;
				margin-right: 40px;
			}
			
			h2 {
				font-family: Crimson Text;
				font-weight: 400;
				font-size: 60px;
				line-height: 100%;
				letter-spacing: 0%;
				color: #ffffff;
				margin-bottom: 40px;
				
				@media (max-width: 990px) {
					font-size: 40px;
				}
			}
			
			p {
				font-family: Figtree;
				font-weight: 400;
				font-size: 20px;
				line-height: 140%;
				letter-spacing: 0%;
				color: #ffffff;
				
				@media (max-width: 990px) {
					font-size: 16px;
				}
				
				br {
					margin-bottom: 40px;
				}
			}
		}
		
		.featured-projects {
			display: flex;
			gap: 20px;
			position: relative;
			margin-right: 40px;
		
			@media (max-width: 1400px) {
				margin-left: 40px;
			}
			
			@media (max-width: 990px) {
				flex-flow: column;
			}
			
			.featured-project {
				max-width: 480px;
				width: 100%;
				position: relative;
		
				@media (max-width: 1400px) {
					max-width: calc(50% - 10px);
				}
		
				@media (max-width: 990px) {
					max-width: 100%;
				}
				
				.featured-project__overlay {
					display: flex;
					justify-content: center;
					overflow: hidden;
					max-height: 1024px;
					position: relative;
					
					@media (max-width: 1400px) {
						max-height: 500px;
					}
				
					@media (max-width: 990px) {
						max-height: 204px;
					}
					
					&:before {
						content: '';
						width: 100%;
						height: 100%;
						display: block;
						position: absolute;
						bottom: 0;
						background: linear-gradient(180deg, rgba(15, 13, 18, 0) 0%, rgba(15, 13, 18, 0.1) 54.65%, rgba(15, 13, 18, 0.6) 64.66%, rgba(15, 13, 18, 0.8) 78.31%, #0F0D12 100%);
					}
					
					img {
						object-fit: cover;
					}
				}
				
				.featured-project__info {
					position: absolute;
					bottom: 0;
					margin: 0 40px 50px 40px;
				
					@media (max-width: 990px) {
						margin: 0 12px 12px 12px;
					}
					
					h3 {
						font-family: Crimson Text;
						font-weight: 400;
						font-size: 40px;
						line-height: 110.00000000000001%;
						letter-spacing: 0%;
						color: #ffffff;
				
						@media (max-width: 990px) {
							font-size: 24px;
						}
					}
					
					p {
						font-family: Figtree;
						font-weight: 400;
						font-size: 20px;
						line-height: 140%;
						letter-spacing: 0%;
						color: #ffffff;
				
						@media (max-width: 990px) {
							font-size: 16px;
						}
					}
				}
			}
		}
	}
}

.consulting-hero__overlay.consulting-swiper {
	position: relative;
    height: 940px;
	
	@media (max-width: 990px) {
		height: 100%;
	}
	
	&:after {
		display: none;
	}

	&:before {
		display: none;
	}

	.swiper {
		width: 100%;
		height: 100%;
		
		
		.swiper-pagination {
			@media (max-width: 990px) {
				display: none;
			}
		}
	}
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
	
	.swiper-container {
		position: absolute;
		bottom: 0;
		width: 100%;
		z-index: 1;
		
		@media (max-width: 990px) {
			position: relative;
		}
		
		.container {
			max-width: var(--max-width);
			margin: 100px auto 80px auto;
			
			@media (max-width: 1480px) {
				margin: 100px 40px 80px 40px;
			}
			
			@media (max-width: 1790px) {
				margin-right: 40px;
				padding-right: 630px;
			}
			
			@media (max-width: 990px) {
				padding-right: 0;
				position: relative;
				z-index: 10;
				top: 0;
				margin-top: 30px;
				margin-bottom: 22px;
			}
			
			@media (max-width: 620px) {
				margin-right: 20px;
				margin-left: 20px;
			}
			
			.category {
				font-family: Figtree;
				font-weight: 700;
				font-size: 16px;
				line-height: 16px;
				letter-spacing: 0px;
				text-transform: uppercase;
				color: #FFFFFF;
				padding: 8px 16px;
				width: max-content;
			}
			
			.title {
				font-family: Figtree;
				font-weight: 400;
				font-size: 40px;
				line-height: 120%;
				letter-spacing: 0%;
				color: #0F0D12;
				margin-top: 40px;
				margin-bottom: 32px;
				max-width: 860px;
				
				 @media (max-width: 990px) {
					font-size: 40px;
					margin-bottom: 20px;
				}
			}
			
			.text {
				font-family: Figtree;
				font-weight: 400;
				font-size: 24px;
				line-height: 140%;
				letter-spacing: 0%;
				color: #0F0D12;
				max-width: 860px;
				
				@media (max-width: 990px) {
					font-size: 16px;
				}
			}
		}
	}
}

.swiper-slide {
	&:after {
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		bottom: 0;
			
		@media (max-width: 990px) {
			
		}
	}

	&:before {
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		bottom: 0;

		@media (max-width: 990px) {
			
		}
	}
	
	&.consulting {
		.swiper-container {
			.container {
				.category {
					background: #4C303A;
				}
			}
		}

		&:after {
			background: linear-gradient(180deg, rgba(238, 230, 227, 0) 0%, rgba(238, 230, 227, 0.1) 45.95%, rgba(238, 230, 227, 0.7) 69.03%, rgba(238, 230, 227, 0.8) 75.47%, #EEE6E3 100%);
		}

		&:before {
			background: #4C303A80;
		}
	}

	&.training {
		.swiper-container {
			.container {
				.category {
					background: #8C9A9E;
				}
			}
		}
			
		&:after {
			background: linear-gradient(180deg, rgba(232, 235, 236, 0) 0%, rgba(232, 235, 236, 0.1) 54.65%, rgba(232, 235, 236, 0.8) 64.66%, rgba(232, 235, 236, 0.95) 69.93%, #E8EBEC 100%);
		}

		&:before {
			background: #8C9A9E80;
		}
	}

	&.enterprise {
		.swiper-container {
			.container {
				.category {
					background: #C2A8B6;
				}
			}
		}

		&:after {
			background: linear-gradient(180deg, rgba(244, 238, 241, 0) 0%, rgba(244, 238, 241, 0.1) 54.65%, rgba(244, 238, 241, 0.8) 64.66%, rgba(244, 238, 241, 0.95) 69.93%, #F4EEF1 100%);
		}

		&:before {
	  		background: #C2A8B680;
		}
	}

	&.communication {
		.swiper-container {
			.container {
				.category {
					background: #995E74;
				}
			}
		}

		&:after {
			background: linear-gradient(180deg, rgba(235, 223, 227, 0) 0%, rgba(235, 223, 227, 0.1) 54.65%, rgba(235, 223, 227, 0.8) 64.66%, rgba(235, 223, 227, 0.95) 69.93%, #EBDFE3 100%);
		}

		&:before {
			background: #995E7480;
		}
	}
	
	img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		
		@media (max-width: 990px) {
			position: absolute;
		}
	}
}

.consulting-container-swiper {
	z-index: 1;
	width: 100%;
	max-width: 600px;
	right: 81px;
			
	@media (max-width: 1790px) {
		right: 0;
	}
	
	.container {
		.consulting-hero__content {
			margin-left: 0;
		}
	}
}

.section-page__filters {
	max-width: var(--max-width);
	margin: 150px auto 80px;
	
	@media (max-width: 1480px) {
		margin: 60px 40px 20px 40px;
	}
	
	@media (max-width: 990px) {
		margin: 60px 20px 20px 20px;
	}
	
	.page-filters__row {
		display: flex;
		justify-content: space-between;
		
		@media (max-width: 1480px) {
			flex-flow: column;
			gap: 20px;
		}
		
		.page-filters__col {
			display: flex;
			gap: 40px;
			align-items: center;
			
			&:first-child {
				width: 66%;
			}
			
			@media (max-width: 1480px) {
				justify-content: right;
			}
			
			@media (max-width: 990px) {
				gap: 20px;
			}
			
			.select {
				position: relative;
				width: 100%;
				max-width: 440px;
				
				@media (max-width: 1480px) {
					width: 50%;
				}
				
				select {
					border: 1px solid #4C303A;
					background: none;
					padding: 9px 44px;
					font-family: Figtree;
					font-weight: 500;
					font-size: 24px;
					line-height: 120%;
					letter-spacing: 0%;
					color: #4C303A;
					appearance: none;
					-webkit-appearance: none;
					-moz-appearance: none;
					width: 100%;
			
					@media (max-width: 990px) {
						font-size: 20px;
						padding: 11px 44px;
					}
			
					@media (max-width: 620px) {
						font-size: 20px;
						padding: 11px;
					}
				}
				
				&:after {
					content: "";
					position: absolute;
					top: 0;
					right: 0;
					width: 48px;
					height: 100%;
					background: #573642;
					pointer-events: none;
				}
				
				.category-select__arrow {
					position: absolute;
					top: 50%;
					right: 17px;
					width: 12px;
					height: 12px;
					border-right: 2px solid #fff;
					border-bottom: 2px solid #fff;
					transform: translateY(-65%) rotate(45deg);
					pointer-events: none;
					z-index: 2;
				}
			}
			
			.page-filters__col--fixed {
				position: relative;
				width: 100%;
				max-width: 440px;
				
				@media (max-width: 1480px) {
					width: 50%;
				}
				
				.search-input {
					input {
						border: 1px solid #4C303A;
						background: none;
						padding: 9px 44px;
						font-family: Figtree;
						font-weight: 500;
						font-size: 24px;
						line-height: 120%;
						letter-spacing: 0%;
						color: #4C303A;
						appearance: none;
						-webkit-appearance: none;
						-moz-appearance: none;
						width: 100%;
						
						@media (max-width: 990px) {
							font-size: 20px;
							padding: 11px 44px;
						}
						
						@media (max-width: 620px) {
							padding: 11px;
						}
					}
					
					&:after {
						content: "";
						position: absolute;
						top: 0;
						right: 0;
						width: 48px;
						height: 100%;
						background: #573642;
						pointer-events: none;
					}
					
					.category-select__arrow {
						position: absolute;
						width: 48px;
						z-index: 2;
						cursor: pointer;
						height: 100%;
						display: block;
						top: 0;
						right: 0;
						
						svg {
							top: 32%;
							right: 12px;
							position: absolute;
						}
					}
				}
			}
			
			.show-vacancies {
				font-family: Figtree;
				font-weight: 400;
				font-size: 20px;
				line-height: 140%;
				letter-spacing: 0%;
				color: #777;
				margin-right: 48px;
				
				@media (max-width: 990px) {
					font-size: 16px;
				}
			}
			
			.input--page {
				display: flex;
				gap: 8px;

				label {
					padding: 12px;
					background: #F2F5F4;
					font-family: Figtree;
					font-weight: 500;
					font-size: 24px;
					line-height: 120%;
					letter-spacing: 0%;
					color: #8C9A9E;
					cursor: pointer;
					
					@media (max-width: 990px) {
						font-size: 16px;
					}
					
					input {
						display: none;
					}
					
					&:has(input[selected="selected"]) {
						background: #573642;
						color: #fff;
					}
				}
			}
		}
	}
}