/* .home-key-projects {
    background: url(../images/other/testimonial-bg.webp) center/cover no-repeat;
    width: 100%;
    height: 100%;
    padding: 60px 0 0;
    height: 620px;
    overflow: hidden;
    margin-bottom: 60px;
}
.home-key-projects {
    width: 100%;
    padding: 60px 0 0;
    height: 620px;
    overflow: hidden;
    margin-bottom: 60px
}
@media (max-width:768px) {
    .home-key-projects {
        height: auto;
    }
  } */

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

.new-slider {
  height: 450px;
  width: 100%;
  display: flex;
  perspective: 1000px;
  position: relative;
  align-items: center;
  overflow: hidden;
}

.box-common {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 1s cubic-bezier(0.68, -0.6, 0.32, 4.6) !important;

  
}

.new-slider [class*="box"] {
  /*   float: left; */
  overflow: hidden;
  border-radius: 20px;
  /* transition: all 1s cubic-bezier(0.68, -0.6, 0.32, 4.6) !important; */
    transition: transform 1s cubic-bezier(0.68, -0.6, 0.32, 1.6), opacity 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) !important;
    /* transition: color 0.4s linear, background-color 0.4s linear; */
    /* transition: transform 0.8s ease, opacity 0.8s ease !important; */
  position: absolute;
  width: 320px;
  height: 430px;
  border-radius: 17px;
  border: 1.585px solid #0092DD;
}
.new-slider [class*="box"]:nth-child(10) {
  transform: scale(0.3) translate(-50%, -50%);
  top: 20%;
  z-index: 1;
  /* object-fit: contain; */
  /* display: none; */
  visibility: hidden;
}
.new-slider [class*="box"]:nth-child(8),
.new-slider [class*="box"]:nth-child(9) {
  transform: scale(0.4) translate(-50%, -50%);
  top: 20%;
  z-index: 1;
  /* object-fit: contain; */
  /* display: none; */
  visibility: hidden;
}
.new-slider [class*="box"]:nth-child(7),
.new-slider [class*="box"]:nth-child(1) {
  transform: scale(0.5) translate(-50%, -50%);
  top: 8.4rem;
  z-index: 1;
  /* object-fit: contain; */
  /* display: none; */
  /* visibility: hidden; */
}

.new-slider [class*="box"]:nth-child(2),
.new-slider [class*="box"]:nth-child(6) {
  transform: scale(0.7) translate(-50%, -50%);
  top: 11.3rem;
  z-index: 2;
}

.new-slider [class*="box"]:nth-child(3),
.new-slider [class*="box"]:nth-child(5) {
  transform: scale(0.85) translate(-50%, -50%);
  top: 13.6rem;
  z-index: 3;
}

.new-slider [class*="box"]:nth-child(4) {
  /* border-color: #c92026; */
  color: #fff;
  transform: scale(1) translate(-50%, -50%);
  top: 16rem;
  z-index: 4;
}

.new-slider [class*="box"]:nth-child(1) {
  left: 4%;
}

.new-slider [class*="box"]:nth-child(2) {
  left: 16%;
}

.new-slider [class*="box"]:nth-child(3) {
  left: 30%;
}

.new-slider [class*="box"]:nth-child(4) {
  left: 50%;
}

.new-slider [class*="box"]:nth-child(5) {
  left: 66%;
}

.new-slider [class*="box"]:nth-child(6) {
  left: 76.8%;
}

.new-slider [class*="box"]:nth-child(7) {
  left: 84%;
}
.new-slider [class*="box"]:nth-child(8) {
  left: 70%;
}
.new-slider [class*="box"]:nth-child(9) {
  left: 70%;
}
.new-slider [class*="box"]:nth-child(10) {
  left: 70%;
}
.new-slider .firstSlide {
  -webkit-animation: firstChild 1s;
  animation: firstChild 1s;
}

/*Animation for buyers landing page slider*/
@-webkit-keyframes firstChild {
  0% {
    left: 100%;
    transform: scale(0.5) translate(-50%, -50%);
  }

  100% {
    left: 0%;
    transform: scale(0.5) translate(-50%, -50%);
  }
}

@keyframes firstChild {
  0% {
    left: 100%;
    transform: scale(0.5) translate(-50%, -50%);
  }

  100% {
    left: 0%;
    transform: scale(0.5) translate(-50%, -50%);
  }
}

@media (max-width: 1200px) {
  .new-slider [class*="box"] {
    width: 300px;
  }
  .new-slider [class*="box"]:nth-child(4) {
    top: 18rem;
  }
  .new-slider [class*="box"]:nth-child(3),
  .new-slider [class*="box"]:nth-child(5) {
    top: 15.4rem;
  }
  .new-slider [class*="box"]:nth-child(2),
  .new-slider [class*="box"]:nth-child(6) {
    top: 12.8rem;
  }
  .new-slider [class*="box"]:nth-child(7),
  .new-slider [class*="box"]:nth-child(1) {
    top: 9.4rem;
  }
}

@media (max-width: 991px) {
  .new-slider [class*="box"] {
    width: 220px;
    height: 320px;
  }
  .new-slider {
    height: 360px;
  }
  .new-slider [class*="box"]:nth-child(4) {
    top: 16rem;
  }
  .new-slider [class*="box"]:nth-child(3),
  .new-slider [class*="box"]:nth-child(5) {
    top: 14rem;
  }
  .new-slider [class*="box"]:nth-child(2),
  .new-slider [class*="box"]:nth-child(6) {
    top: 12rem;
  }
  .new-slider [class*="box"]:nth-child(7),
  .new-slider [class*="box"]:nth-child(1) {
    top: 9.2rem;
  }
}

@media (max-width: 767.4px) {
  .new-slider [class*="box"] {
    width: 200px;
    height: 100%;
  }

  .new-slider {
    height: 450px;
  }

  .new-slider [class*="box"]:nth-child(4) {
    left: 45%;
  }

  .new-slider [class*="box"]:nth-child(5) {
    left: 62%;
  }

  .new-slider [class*="box"]:nth-child(6) {
    left: 76%;
  }

  .new-slider [class*="box"]:nth-child(7) {
    left: 75%;
  }

  .new-slider [class*="box"]:nth-child(1) {
    left: 2%;
  }

  .new-slider [class*="box"]:nth-child(2) {
    left: 5%;
  }
}

@media (max-width: 450px) {
  .new-slider [class*="box"] {
    width: 150px;
    height: 100%;
  }

  .new-slider {
    height: 300px;
  }

  .new-slider [class*="box"]:nth-child(6),
  .new-slider [class*="box"]:nth-child(7) {
    left: 75%;
  }
}

.new-slide.mobile {
  height: 750px;
  width: 100%;
  display: flex;
  perspective: 1000px;
  position: relative;
  align-items: center;
  overflow: hidden;
  z-index: 1;
}

.box-common {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.new-slide.mobile [class*="box"] {
  /*   float: left; */
  overflow: hidden;
  border-radius: 10px;
  /* transition: all 1s cubic-bezier(0.68, -0.6, 0.32, 1.6); */
  position: absolute;
  width: 280px;
  height: 100%;
}
.new-slide.mobile [class*="box"]:nth-child(10) {
  transform: scale(0.3) translate(-50%, -50%);
  top: 20%;
  z-index: 1;
  /* object-fit: contain; */
  /* display: none; */
  visibility: hidden;
}
.new-slide.mobile [class*="box"]:nth-child(8),
.new-slide.mobile [class*="box"]:nth-child(9) {
  transform: scale(0.4) translate(-50%, -50%);
  top: 20%;
  z-index: 1;
  /* object-fit: contain; */
  /* display: none; */
  visibility: hidden;
}
.new-slide.mobile [class*="box"]:nth-child(7),
.new-slide.mobile [class*="box"]:nth-child(1) {
  transform: scale(0.5) translate(-50%, -50%);
  top: 20%;
  z-index: 1;
  /* object-fit: contain; */
  /* display: none; */
  visibility: hidden;
}

.new-slide.mobile [class*="box"]:nth-child(2),
.new-slide.mobile [class*="box"]:nth-child(6) {
  transform: scale(0.6) translate(-50%, -50%);
  top: 25%;
  z-index: 2;
  visibility: hidden;
}

.new-slide.mobile [class*="box"]:nth-child(3),
.new-slide.mobile [class*="box"]:nth-child(5) {
  transform: scale(0.7) translate(-50%, -50%);
  top: 30%;
  z-index: 3;
}

.new-slide.mobile [class*="box"]:nth-child(4) {
  border-color: #c92026;
  color: #fff;
  transform: scale(0.8) translate(-50%, -50%);
  top: 34%;
  z-index: 4;
}

.new-slide.mobile [class*="box"]:nth-child(1) {
  left: 2%;
}

.new-slide.mobile [class*="box"]:nth-child(2) {
  left: 5%;
}

.new-slide.mobile [class*="box"]:nth-child(3) {
  left: 16%;
}

.new-slide.mobile [class*="box"]:nth-child(4) {
  left: 47%;
}

.new-slide.mobile [class*="box"]:nth-child(5) {
  left: 65%;
}

.new-slide.mobile [class*="box"]:nth-child(6) {
  left: 81%;
}

.new-slide.mobile [class*="box"]:nth-child(7) {
  left: 80%;
}
.new-slide.mobile [class*="box"]:nth-child(8) {
  left: 70%;
}
.new-slide.mobile [class*="box"]:nth-child(9) {
  left: 70%;
}
.new-slide.mobile [class*="box"]:nth-child(10) {
  left: 70%;
}
.new-slide.mobile .firstSlide {
  -webkit-animation: firstChild 1s;
  animation: firstChild 1s;
}

/*Animation for buyers landing page slider*/
@-webkit-keyframes firstChild {
  0% {
    left: 100%;
    transform: scale(0.5) translate(-50%, -50%);
  }

  100% {
    left: 0%;
    transform: scale(0.5) translate(-50%, -50%);
  }
}

@keyframes firstChild {
  0% {
    left: 100%;
    transform: scale(0.5) translate(-50%, -50%);
  }

  100% {
    left: 0%;
    transform: scale(0.5) translate(-50%, -50%);
  }
}

@media (max-width: 1200px) {
  .new-slide.mobile [class*="box"] {
    width: 300px;
  }
  .new-slide.mobile {
    height: 580px;
  }
}

@media (max-width: 991px) {
  .new-slide.mobile [class*="box"] {
    width: 250px;
    height: 300px;
  }
}

@media (max-width: 767.4px) {
  .new-slide.mobile [class*="box"] {
    width: 200px;
    height: 100%;
  }

  .new-slide.mobile {
    height: 265px;
  }

  .new-slide.mobile [class*="box"]:nth-child(4) {
    left: 44%;
  }

  .new-slide.mobile [class*="box"]:nth-child(5) {
    left: 69%;
  }

  .new-slide.mobile [class*="box"]:nth-child(6) {
    left: 76%;
  }

  .new-slide.mobile [class*="box"]:nth-child(7) {
    left: 75%;
  }

  .new-slide.mobile [class*="box"]:nth-child(1) {
    left: 2%;
  }

  .new-slide.mobile [class*="box"]:nth-child(2) {
    left: 5%;
  }
}

@media (max-width: 450px) {
  .new-slide.mobile [class*="box"] {
    width: 160px;
    height: 100%;
  }

  .new-slide.mobile {
    height: 200px;
  }

  .new-slide.mobile [class*="box"]:nth-child(6),
  .new-slide.mobile [class*="box"]:nth-child(7) {
    left: 77%;
  }
}

.home-key-projects {
  padding: 20px 0;
  text-align: center;
}

.new-slider,
.new-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  overflow: hidden;
}

.box-common {
  width: 220px;
  height: 300px;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.firstSlide {
  transform: scale(1.15);
  opacity: 1;
  z-index: 2;
}

/* Responsive */
.banner-web {
  display: block;
}

.banner-mobile {
  display: none;
}

@media (max-width: 767.4px) {
  .banner-web {
    display: none;
  }
  .banner-mobile {
    display: block;
  }
  .home-key-projects{
  padding: 0;
}
}