html {scroll-behavior: smooth;}

.navbar-brand img {width: 250px;}

.clients-container {  
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    place-content: center;
    gap: 20px 20px;
    grid-auto-flow: row;
    grid-template-areas:
      ". . . ."
      ". . . ."
      ". . . ."
      ". . . ."
      ". . . ."
      ". . . .";
  }

.clients-container .item {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
  
.clients-container .item img {
  width: 100px;
}

.client-Logo {
  width: 300px;
  height: 300px;
}


/* .margin-right {margin-right: 2rem;}  */
.big-imgs {
  scale: .45;
  margin: 0 2rem;
}

/* .customer-logos {
  display: grid;
  grid-template-columns: repeat(22, 1fr);
} */

.hul {
  height: 300px;
  width: 300px;
}

/* .slide {width: 500px;} */

.portfolio-fontFamily {
  font-family: 'Courier New', Courier, monospace, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 2rem;
  color: orange !important;
}



/* custom css for slide  */

/* .slider {
  height: 200px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider .slider-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}

.slider .slide {
  height: 100px;
  width: 200px;
} */

@keyframes scroll {
  0%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(calc(-250px * 7));
  }
}

/* custom css for slide  ends herer */


@media  screen and (max-width:1240px) {
  .client-Logo {
    width: 230px;
  }
  .big-imgs {
    scale: .45;
    margin: 0 2rem;
  }
  
.margin-right {margin-right: 1rem;} 
  
}

@media  screen and (max-width:425px) {
  .client-Logo {
    width: 180px;
    margin-right: .5rem;
  }

  .big-imgs {
    /* scale: .45; */
    margin: 0 .5rem;
  }
  
.margin-right {margin-right: .5rem;} 
  
}











.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  /* width: 960px; */
}

.slider::before,
.slider::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}

/* .slide {
  height: 100px;
  width: 250px;
} */

.logo-slide {
  width: 600px;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}


.portfolio-image-height {
  height: 250px;
}

@media screen and (max-width:426px) {
  .portfolio-image-height {
    height: auto;
  }

  .logo-slide {
    width: 80px;
    height: 80px;
  }
}

.slider-img-height {height: 100px;}
.slider-img-width {
  max-width: 55%;
  object-fit: scale-down;
}

.gold-color {
  background-color: gold;
  color: white;
}
.silver-color {
  background-color: silver;
  color: white;
}

.two-div-container {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.two-div-container .col-md-6 {
  position: relative !important;
  left: 0 !important;
  top: 282px !important;
}

/* .main {
  font-family:Arial;
  width:500px;
  display:block;
  margin:0 auto;
}
.img-wish{text-align: center !important;}
.img-wish img{display: inline;}  */



/* .carousel{
  width:90%;
  margin:0px auto;
} */
/* .slick-slide{ */
  /* margin:10px;
}
.slick-slide img{
  width:100%;
  border: 2px solid #fff;
}
.wrapper .slick-dots li button:before {
  font-size:20px;
  color:white;
} */