.containers{
  width:100vw;
  height:80vh;
  display:flex;
  justify-content:center;
  align-items:center;
}
.sliders {
  height: 500px;
  /*width:100vw;*/
  display: flex;
  perspective: 1000px;
  position: relative;
  align-items:center;
}
.box1{      background:url('/assets/images/primary/primary1.webp');
  background-size:cover;
  background-position:center center;}
.box2{
background:url('/assets/images/primary/primary2.webp');
  background-size:cover;
  background-position:center center;}
.box3{
background:url('/assets/images/primary/primary3.webp');
  background-size:cover;
  background-position:center center;}
.box4{
background:url('/assets/images/primary/primary4.webp');
  background-size:cover;
  background-position:center center;}
.box5{
background:url('/assets/images/primary/primary5.webp');
  background-size:cover;
  background-position:center center;}
.box6{
background:url('/assets/images/primary/primary6.webp');
  background-size:cover;
  background-position:center center;}

.sliders [class*="box"] {
/*   float: left; */
  overflow: hidden;
  border-radius:20px;
  transition: all 1s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    position:absolute;
}
.sliders [class*="box"]:nth-child(7),
.sliders [class*="box"]:nth-child(1) {
  width: 100vh;
  height: 60vh;
  transform: scale(0.2) translate(-50%,-50%);
  top: 10%;
  z-index:1;
}
.sliders [class*="box"]:nth-child(2),
.sliders [class*="box"]:nth-child(6) {
  width: 100vh;
  height: 60vh;
  transform: scale(0.4) translate(-50%,-50%);
  top: 20%;
  z-index:2;
}
.sliders [class*="box"]:nth-child(3),
.sliders [class*="box"]:nth-child(5) {
  width: 100vh;
  height: 60vh;
  transform: scale(0.6) translate(-50%,-50%);
  top: 30%;
  z-index:3;
}
.sliders [class*="box"]:nth-child(4) {
  width: 60vw;
  height: 60vh;
  border-color: #c92026;
  color: #fff;
  transform: scale(1) translate(-50%,-50%);
  top: 50%;
  z-index:4;
}
.sliders [class*="box"]:nth-child(1){
  left:-13%;}
.sliders [class*="box"]:nth-child(2){
  left:-5%;}
.sliders [class*="box"]:nth-child(3){
  left:10%;}
.sliders [class*="box"]:nth-child(4){
  left:50%;}
.sliders [class*="box"]:nth-child(5){
  left:71%;}
.sliders [class*="box"]:nth-child(6){
  left:85%;}
.sliders [class*="box"]:nth-child(7){
  left:100%;}
.sliders .firstSlide {
    -webkit-animation:  firstChild 1s;
    animation:  firstChild 1s;
}
/*Animation for buyers landing page sliders*/
@-webkit-keyframes firstChild {
    0% {left:100%; transform: scale(0.2) translate(-50%,-50%);}
    100% {left: -13%; transform: scale(0.2) translate(-50%,-50%);}
}
@keyframes firstChild {
   0% {left:100%; transform: scale(0.2) translate(-50%,-50%);}
    100% {left: -13%; transform: scale(0.2) translate(-50%,-50%);}
}