footer
{
	display: grid;
	position: relative;
	grid-template-columns: 3fr 1fr;
	grid-gap: 1rem;
	background: var(--website-black);
	padding: clamp(1rem, 11dvh, 120px) clamp(1rem, calc(calc(100dvw - 1360px) / 2 ), 400px);
	color: white;
	
	h3
	{
		color: white;
		margin-bottom: 1rem;
	}
	
	section.left
	{
		position: relative;
		z-index: 2;
		
		div.companies
		{
			display: flex;
			flex-wrap: wrap;
			gap: 2rem;
			
			div.company
			{
				*:not(h4)
				{
					padding-left: 1rem;
				}
				
				h4,a
				{
					color: white;
					text-decoration: none;
				}
				
				a:hover
				{
					text-decoration: underline;
				}
			}
		}
	}
	
	section.right
	{
		position: relative;
		z-index: 2;
		
		ul
		{
			list-style-type: none;
			margin-block-start: 0px;
			margin-block-end: 0px;
			padding-inline-start: 1rem;
			
			li
			{
				transform: translateX(0rem);
				line-height: 1.5rem;
				transition: all 250ms ease-in-out;
				
				a
				{
					letter-spacing: 3.5px;
					text-transform: uppercase;
					color: white;
					text-decoration: none;
				}
			}
			
			li:hover
			{
				transform: translateX(-1rem);
			}
		}
	}
}

footer:before
{
	content: '';
	top: 0;
	position: absolute;
	height: 100%;
	width: 65%;
	background-image: linear-gradient(225deg, rgba(77,81,96,.1) 0%, rgba(77,81,96,1) 85%);
	clip-path: polygon(0 0, 100% 0%, 65% 100%, 0% 100%);
	opacity: .5;
}

@media ( width < 1300px )
{
	footer
	{
		grid-template-columns: 1fr 1fr;
	}
}

@media ( width < 800px )
{
	footer
	{
		grid-template-columns: 1fr;
	}
}