section.logos
{
	display: block;
	position: relative;
	padding-left: clamp(1rem, 10dvw, 900px);
	padding-right: clamp(1rem, 10dvw, 900px);
	
	.swiper-slide
	{
		a
		{
			display: flex;
			justify-content: center;
			
			img
			{
				max-width: 12rem;
				object-fit: contain;
				object-position: center;
				height: 100%;
				max-height: 10rem;
				aspect-ratio: 4/3;
			}
		}
	}
	
	.swiper-buttons
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
		
		div
		{
			display: flex;
			justify-content: center;
			align-items: center;
			color: var(--verduyn-blue);
			cursor: pointer;
			padding: .5rem .75rem;
			background: rgba(255,255,255,.67);
			transition: all 250ms ease-in-out;
		}
		
		div:hover
		{
			background: rgba(255,255,255,1);
		}
		
		div.previous
		{
			padding-left: 1.5rem;
			clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
		}
		
		div.next
		{
			padding-right: 1.5rem;
			clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
		}
	}
}