button.disabled {
    opacity: 0.5;
}


.row{
  overflow:hidden;
  width:100%;
  position:relative;
}

ul.list{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:32px;
  margin:0;
  padding:0;
  list-style:none;
  transition:transform .5s ease;
  will-change:transform;
}

ul.list li.list--list-item{
  flex:0 0 calc((100% - 64px) / 3);
  max-width:calc((100% - 64px) / 3);
  margin:0;
}

.slider-dots{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:30px;
}

.slider-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#d6d6d6;
  cursor:pointer;
  transition:.3s;
}

.slider-dot.active{
  width:32px;
  border-radius:20px;
  background:#C65D3B;
}

@media(max-width:991px){

  ul.list li.list--list-item{
    flex:0 0 calc((100% - 32px) / 2);
    max-width:calc((100% - 32px) / 2);
  }

}

@media(max-width:767px){

  ul.list li.list--list-item{
    flex:0 0 100%;
    max-width:100%;
  }

}




















.row{
  overflow:hidden;
  width:100%;
}

ul.list{
  display:flex;
  flex-wrap:nowrap;
  gap:32px;
  transition:transform 0.6s ease;
  will-change:transform;
  padding:0;
  margin:0;
}

ul.list li.list--list-item{
  flex-shrink:0;
}

@media(max-width:991px){
  ul.list li.list--list-item{
    flex:0 0 calc(50% - 16px);
    max-width:calc(50% - 16px);
  }
}

@media(max-width:767px){
  ul.list li.list--list-item{
    flex:0 0 100%;
    max-width:100%;
  }
}
.top-content{
  text-align:center;
  margin-bottom:50px;
}

.top-content h2{
/*   font-size:58px; */
  margin-bottom:15px;
}

.Top-Process-description{
  max-width:800px;
  margin:auto;
}

.row{
  overflow:hidden;
  position:relative;
}

ul.list{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:32px;
  transition:transform .6s ease;
  will-change:transform;
}

ul.list li.list--list-item{
  flex:0 0 calc(33.333% - 22px);
  max-width:calc(33.333% - 22px);
}

.slider-dots{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:30px;
}

.slider-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#d8d8d8;
  cursor:pointer;
  transition:.3s;
}

.slider-dot.active{
  background:#C65D3B;
  width:28px;
  border-radius:20px;
}

@media(max-width:991px){
  ul.list li.list--list-item{
    flex:0 0 calc(50% - 16px);
    max-width:calc(50% - 16px);
  }
}
 */
@media(max-width:767px){
  ul.list li.list--list-item{
    flex:0 0 100%;
    max-width:100%;
  }
}