@media only screen and (min-width: 1401px ) {
*, ::after, ::before {
  box-sizing: border-box;
}

.test {
  height: 80px;
}

.our-clients {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0px 0;
}
.our-clients .section-heading {
  color: #fff;
}
.our-clients .section-heading:after {
  width: 90px;
  background: #fff;
}
.our-clients__body {
  position: relative;
  height: 100%;
  padding: 0px 0;
}
.our-clients__body:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: calc(100% + 200px);
  height: 100%;
  margin-left: -100px;
}

.infinity-carousel {
  --c-height: 80px;
  position: relative;
  width: calc(100% + 60vw);
  margin-left: -60vw;
  height: var(--c-height);
}
.infinity-carousel#carousel-second {
  margin-top: 20px;
}
.infinity-carousel__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 200px;
  height: var(--c-height);
  margin: 0;
  padding: 0 10px;
  border-radius: 6px;
  transition: 0.4s;
}
.infinity-carousel__slide > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 4px 10px;
  height: var(--c-height);
  background: #fff;
  border-radius: 6px;
}
.infinity-carousel__slide img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}


@media screen and (max-width: 480px) {
  .infinity-carousel {
    --c-height: 70px;
  }

  .infinity-carousel__slide {
    width: 250px;
  }
}

/**-----------------**/


*, ::after, ::before {
  box-sizing: border-box;
}

.test2 {
  height: 80px;
}

.our-clients2 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0px 0;
}
.our-clients2 .section-heading2 {
  color: #fff;
}
.our-clients2 .section-heading2:after {
  width: 90px;
  background: #fff;
}
.our-clients__body2 {
  position: relative;
  height: 100%;
  padding: 0px 0;
}
.our-clients__body2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: calc(100% + 200px);
  height: 100%;
  margin-left: -100px;
}

.infinity-carousel2 {
  --c-height: 80px;
  position: relative;
  width: calc(100% + 60vw);
  margin-left: -60vw;
  height: var(--c-height);
}
.infinity-carousel2#carousel-second2 {
  margin-top: 20px;
}
.infinity-carousel__slide2 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 200px;
  height: var(--c-height);
  margin: 0;
  padding: 0 10px;
  border-radius: 6px;
  transition: 0.4s;
}
.infinity-carousel__slide2 > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 4px 10px;
  height: var(--c-height);
  background: #fff;
  border-radius: 6px;
}
.infinity-carousel__slide2 img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}


@media screen and (max-width: 480px) {
  .infinity-carousel2 {
    --c-height: 70px;
  }

  .infinity-carousel__slide2 {
    width: 250px;
  }
}

/**------------------**/

*, ::after, ::before {
  box-sizing: border-box;
}

.test3 {
  height: 80px;
}

.our-clients3 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0px 0;
}
.our-clients3 .section-heading3 {
  color: #fff;
}
.our-clients3 .section-heading3:after {
  width: 90px;
  background: #fff;
}
.our-clients__body3 {
  transform:rotate(180deg);
  position: relative;
  height: 100%;
  padding: 0px 0;
}
.our-clients__body3:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: calc(100% + 200px);
  height: 100%;
  margin-right: -100px;
}

.infinity-carousel3 {
  --c-height: 80px;
  position: relative;
  width: calc(100% + 60vw);
  margin-right: -60vw;
  height: var(--c-height);
}
.infinity-carousel3#carousel-second3 {
  margin-top: 20px;
}
.infinity-carousel__slide3 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 200px;
  height: var(--c-height);
  margin: 0;
  padding: 0 10px;
  border-radius: 6px;
  transition: 0.4s;
}
.infinity-carousel__slide3 > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 4px 10px;
  height: var(--c-height);
  background: #fff;
  border-radius: 6px;
}
.infinity-carousel__slide3 img {
  transform:rotate(180deg);
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}


@media screen and (max-width: 480px) {
  .infinity-carousel3 {
    --c-height: 70px;
  }

  .infinity-carousel__slide3 {
    width: 250px;
  }
}

}




























@media only screen and (min-width: 769px) and (max-width: 1400px) {
  *, ::after, ::before {
    box-sizing: border-box;
  }
  
  .test {
    height: 80px;
  }
  
  .our-clients {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0px 0;
  }
  .our-clients .section-heading {
    color: #fff;
  }
  .our-clients .section-heading:after {
    width: 90px;
    background: #fff;
  }
  .our-clients__body {
    position: relative;
    height: 100%;
    padding: 0px 0;
  }
  .our-clients__body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: calc(100% + 200px);
    height: 100%;
    margin-left: -100px;
  }
  
  .infinity-carousel {
    --c-height: 80px;
    position: relative;
    width: calc(100% + 60vw);
    margin-left: -60vw;
    height: var(--c-height);
  }
  .infinity-carousel#carousel-second {
    margin-top: 20px;
  }
  .infinity-carousel__slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 200px;
    height: var(--c-height);
    margin: 0;
    padding: 0 10px;
    border-radius: 6px;
    transition: 0.4s;
  }
  .infinity-carousel__slide > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 4px 10px;
    height: var(--c-height);
    background: #fff;
    border-radius: 6px;
  }
  .infinity-carousel__slide img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  
  @media screen and (max-width: 480px) {
    .infinity-carousel {
      --c-height: 70px;
    }
  
    .infinity-carousel__slide {
      width: 250px;
    }
  }
  
  /**-----------------**/
  
  
  *, ::after, ::before {
    box-sizing: border-box;
  }
  
  .test2 {
    height: 80px;
  }
  
  .our-clients2 {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0px 0;
  }
  .our-clients2 .section-heading2 {
    color: #fff;
  }
  .our-clients2 .section-heading2:after {
    width: 90px;
    background: #fff;
  }
  .our-clients__body2 {
    position: relative;
    height: 100%;
    padding: 0px 0;
  }
  .our-clients__body2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: calc(100% + 200px);
    height: 100%;
    margin-left: -100px;
  }
  
  .infinity-carousel2 {
    --c-height: 80px;
    position: relative;
    width: calc(100% + 60vw);
    margin-left: -60vw;
    height: var(--c-height);
  }
  .infinity-carousel2#carousel-second2 {
    margin-top: 20px;
  }
  .infinity-carousel__slide2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 200px;
    height: var(--c-height);
    margin: 0;
    padding: 0 10px;
    border-radius: 6px;
    transition: 0.4s;
  }
  .infinity-carousel__slide2 > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 4px 10px;
    height: var(--c-height);
    background: #fff;
    border-radius: 6px;
  }
  .infinity-carousel__slide2 img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  
  @media screen and (max-width: 480px) {
    .infinity-carousel2 {
      --c-height: 70px;
    }
  
    .infinity-carousel__slide2 {
      width: 250px;
    }
  }
  
  /**------------------**/
  
  *, ::after, ::before {
    box-sizing: border-box;
  }
  
  .test3 {
    height: 80px;
  }
  
  .our-clients3 {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0px 0;
  }
  .our-clients3 .section-heading3 {
    color: #fff;
  }
  .our-clients3 .section-heading3:after {
    width: 90px;
    background: #fff;
  }
  .our-clients__body3 {
    transform:rotate(180deg);
    position: relative;
    height: 100%;
    padding: 0px 0;
  }
  .our-clients__body3:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: calc(100% + 200px);
    height: 100%;
    margin-right: -100px;
  }
  
  .infinity-carousel3 {
    --c-height: 80px;
    position: relative;
    width: calc(100% + 60vw);
    margin-right: -60vw;
    height: var(--c-height);
  }
  .infinity-carousel3#carousel-second3 {
    margin-top: 20px;
  }
  .infinity-carousel__slide3 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 200px;
    height: var(--c-height);
    margin: 0;
    padding: 0 10px;
    border-radius: 6px;
    transition: 0.4s;
  }
  .infinity-carousel__slide3 > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 4px 10px;
    height: var(--c-height);
    background: #fff;
    border-radius: 6px;
  }
  .infinity-carousel__slide3 img {
    transform:rotate(180deg);
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  
  @media screen and (max-width: 480px) {
    .infinity-carousel3 {
      --c-height: 70px;
    }
  
    .infinity-carousel__slide3 {
      width: 250px;
    }
  }
  
  }
























  @media only screen and (min-width: 320px) and (max-width: 768px) {
  *, ::after, ::before {
    box-sizing: border-box;
  }
  
  .test {
    height: 80px;
  }
  
  .our-clients {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0px 0;
  }
  .our-clients .section-heading {
    color: #fff;
  }
  .our-clients .section-heading:after {
    width: 150px;
    background: #fff;
  }
  .our-clients__body {
    position: relative;
    height: 100%;
    padding: 0px 0;
  }
  .our-clients__body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: calc(100% + 200px);
    height: 100%;
    margin-left: -100px;
  }
  
  .infinity-carousel {
    --c-height: 80px;
    position: relative;
    width: calc(100% + 60vw);
    margin-left: -60vw;
    height: var(--c-height);
  }
  .infinity-carousel#carousel-second {
    margin-top: 20px;
  }
  .infinity-carousel__slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 200px;
    height: var(--c-height);
    margin: 0;
    padding: 0 10px;
    border-radius: 6px;
    transition: 0.4s;
  }
  .infinity-carousel__slide > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 4px 10px;
    height: var(--c-height);
    background: #fff;
    border-radius: 6px;
  }
  .infinity-carousel__slide img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  
  @media screen and (max-width: 480px) {
    .infinity-carousel {
      --c-height: 70px;
    }
  
    .infinity-carousel__slide {
      width: 250px;
    }
  }
  
  /**-----------------**/
  
  
  *, ::after, ::before {
    box-sizing: border-box;
  }
  
  .test2 {
    height: 80px;
  }
  
  .our-clients2 {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0px 0;
  }
  .our-clients2 .section-heading2 {
    color: #fff;
  }
  .our-clients2 .section-heading2:after {
    width: 90px;
    background: #fff;
  }
  .our-clients__body2 {
    position: relative;
    height: 100%;
    padding: 0px 0;
  }
  .our-clients__body2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: calc(100% + 200px);
    height: 100%;
    margin-left: -100px;
  }
  
  .infinity-carousel2 {
    --c-height: 80px;
    position: relative;
    width: calc(100% + 60vw);
    margin-left: -60vw;
    height: var(--c-height);
  }
  .infinity-carousel2#carousel-second2 {
    margin-top: 20px;
  }
  .infinity-carousel__slide2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 200px;
    height: var(--c-height);
    margin: 0;
    padding: 0 10px;
    border-radius: 6px;
    transition: 0.4s;
  }
  .infinity-carousel__slide2 > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 4px 10px;
    height: var(--c-height);
    background: #fff;
    border-radius: 6px;
  }
  .infinity-carousel__slide2 img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  
  @media screen and (max-width: 480px) {
    .infinity-carousel2 {
      --c-height: 70px;
    }
  
    .infinity-carousel__slide2 {
      width: 250px;
    }
  }
  
  /**------------------**/
  
  *, ::after, ::before {
    box-sizing: border-box;
  }
  
  .test3 {
    height: 80px;
  }
  
  .our-clients3 {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0px 0;
  }
  .our-clients3 .section-heading3 {
    color: #fff;
  }
  .our-clients3 .section-heading3:after {
    width: 90px;
    background: #fff;
  }
  .our-clients__body3 {
    transform:rotate(180deg);
    position: relative;
    height: 100%;
    padding: 0px 0;
  }
  .our-clients__body3:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: calc(100% + 200px);
    height: 100%;
    margin-right: -100px;
  }
  
  .infinity-carousel3 {
    --c-height: 80px;
    position: relative;
    width: calc(100% + 60vw);
    margin-right: -60vw;
    height: var(--c-height);
  }
  .infinity-carousel3#carousel-second3 {
    margin-top: 20px;
  }
  .infinity-carousel__slide3 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 200px;
    height: var(--c-height);
    margin: 0;
    padding: 0 10px;
    border-radius: 6px;
    transition: 0.4s;
  }
  .infinity-carousel__slide3 > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 4px 10px;
    height: var(--c-height);
    background: #fff;
    border-radius: 6px;
  }
  .infinity-carousel__slide3 img {
    transform:rotate(180deg);
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  
  @media screen and (max-width: 480px) {
    .infinity-carousel3 {
      --c-height: 70px;
    }
  
    .infinity-carousel__slide3 {
      width: 250px;
    }
  }
  
  }