html,
    body {
      position: relative;
      height: 100%;
      overflow-x: hidden;
    }

    body {
      background: #eee;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;

    }

    body {
      background: #fff;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;
    }



    .swiper {
      width: 70%;
      height: 800px;
    }

    .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      font-weight: bold;
      color: #fff;
    }

    .swiper-slide:nth-child(1n) {
      background-image: url('../img/slider-1.png');
      background-size: cover;
    }

    .swiper-slide:nth-child(2n) {
        background-image: url('../img/slider-2.png');
        background-size: cover;
        

    }

    .swiper-slide:nth-child(3n) {
        background-image: url('../img/slider-3.png');
      background-size: cover;


    }
.swiper{
    margin-left:0px !important;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: red;
  }
  .swiper-pagination-bullet-active {
    background: blue;
  }
.swiper-slide {
  transform: translateX(10px); /* or Y/Z depending on effect */
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -50px !important;
}

span.swiper-pagination-bullet {
  background: #958c8c;
  width: 10px;
  height: 10px;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 70px;
  /* height: 10px; */
  border-radius: 26px;
  background:#A8CE38;
}


.brand-slider .slider {
  width: 50%;
  margin: 100px auto;
}

.brand-slider .slick-slide {
margin: 0px 20px;
}

.brand-slider .slick-slide {
width: 100%;
}

.slick-prev:before,
.slick-next:before {
color: black;
}


.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}

.slick-active {
opacity: .5;
}

.slick-current {
opacity: 1;
}