.box-section{
  padding: 50px 0px 0px 0px;
  overflow: hidden;
}
.box-section .article-box{
  padding: 2rem;
  font-size: 16px;
  line-height: 20px;
  min-height: 300px;
}

.box-section .color-1{
  background: #008B84;
  color: #fff;
}

.box-section .bg-image{
  background-size: cover;
  background-position: center;
  min-height: 300px;
}
.color-2{
  background-color: #1D70B7;
  color: #fff;
}
.color-3{
  background-color: #F99E47;
  color: #fff;
}
.orange-layout.box-section .color-1{
  background: #ed7a58;
  color: #fff;
}
.orange-layout.box-section .color-2{
  background: #F15B3E;
  color: #fff;
}
.orange-layout.box-section .color-3{
  background: #ed7a58;
  color: #fff;
}
.zigzag-sec .zigzag-div {
    flex-direction: column;
    display: flex;
    justify-content: center;
}
.slider.autoplay.box-section {
    padding-top: 0;
    padding-bottom: 0;
}
.box-section.zigzag-sec .bg-image{
  padding-top: calc(100% * 11/40);
  min-height: auto;
}
@media screen and (max-width: 767px){
  .zigzag-sec .zigzag-div{
    flex-direction: column-reverse;
  }
}