/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 03 2022 | 16:24:03 */
.marquee-left{
 	position: relative;
 	width: 100vw;
 	max-width: 100%;
  	height: 150px;
	overflow-x: hidden;
	border-bottom: 1.5px solid black;
}
	.marquee-left .marquee__inner {
	  	position: absolute;
		white-space: nowrap;
		will-change: transform;
		animation: marquee-left 180s linear infinite;
		height: 100%;
		display: flex;
	}
		.marquee-left .marquee__inner div {
			font-size: 5.25rem;
			display: flex;
			text-transform: uppercase;
			align-items: center;
		}

#our-clients {
    /*overflow-x: hidden;*/
	/* Removed as it was conflicting with the ticker */
	position:relative;
	z-index: 300;
	padding:15px 0 25px 0;
}
	.row.client-logos {
		justify-content: space-around;
		flex-wrap: nowrap;
	}
	.client-logos.top {
		transform: translateX(-100px);
	}
	.client-logos.bottom {
		transform: translateX(100px);
	}
		.client-logos img {
			filter: grayscale(100%);
			margin: 0 1.5vw;
			    height: 5.7vw;
   			 width: auto;
		}

@keyframes marquee-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media screen and (max-width:700px) {
	.show-mob .client-logos img {
		height: 12vw;
	}
	.marquee__inner svg {
		height: auto;
		width: 25px;
	}
	.marquee-left .marquee__inner div {
		font-size: 2.25rem;
	}
	.marquee-left {
		height: 80px;
	}
}