.portfolio-header {
	@apply p-6 relative !w-screen;
	box-sizing: border-box;
	margin: 0 calc(50% - 50vw);
	max-width: 100vw !important;
	dispay: block;

	&__cover {
		@apply absolute inset-0 w-full !h-full object-cover;
		z-index: -1;
	}

	&__content {
		@apply relative z-10 flex flex-col;
		min-height: 80vh;
	}
	&__project-details {
		@apply my-auto text-sm;
	}

	&__heading-infos {
		@apply flex items-center justify-between;
		@apply text-xs;
		.project-type {
			@apply my-0 leading-relaxed;
		}
	}

	.client-logo {
		@apply w-72 h-auto object-contain object-center mx-auto block my-12 relative;
	}

	&__innerblocks {
		@apply mx-auto max-w-lg  p-8 rounded-lg text-center text-sm;
	}
}
