.our-clients{
    padding: 45px 0;
}
.our-clients .our-clients__container{
    display: flex;
    gap: 80px;
}
.our-clients .text-side {
    width: 60%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.our-clients .text-side .content{
    width: 364px;
    position: relative;
}
.our-clients .text-side .body{
    max-width: 70%;
    margin: 0 auto;
}
.our-clients .heading-underline {
    position: relative;
}
.our-clients .heading-underline svg{
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.our-clients .text-side .arrow{
    position: absolute;
    bottom: -50px;
    right: -37px;
}
.our-clients img.bkg-logo{
    position: absolute;
}
.our-clients .logos-side {
    width: 40%;
    max-height: 677px;
}
.our-clients .logo-columns {
    display: flex;
    gap: 45px;
    height: 100%;
}
.our-clients .logo-marquee:before {
    content: '';
    height: 100px;
    width: 100%;
    position: absolute;
    background: linear-gradient(to bottom, #ffffff, transparent);
    z-index: 2;
    top:0;
}
.our-clients .logo-marquee:after {
    content: '';
    height: 100px;
    width: 100%;
    position: absolute;
    background: linear-gradient(to top, #ffffff, transparent);
    z-index: 2;
    bottom: 0;
}
.our-clients .logo-marquee {
    height: 100%;
    overflow: hidden;
    flex: 1;
    position: relative;
}
.our-clients img{
  filter: grayscale(1);  
}
.logo-track-clients {
    gap: 10px;
}

@media only screen and (max-width:991px) {
.our-clients .our-clients__container {
    flex-direction: column;
        overflow: hidden;
}
	.our-clients .logos-side {
    width: 100% !important;
}
	.our-clients .text-side {
		width: 100%;
	}
	.our-clients .text-side .arrow {
    bottom: -76px;
    right: 0;
    left: 0;
}
}