.sec-box{
  position: relative;
}
.box-block{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.box-head {
  width: 100%;
  max-width: 47.4rem;
  position: sticky;
  top: 13.1rem;
}
.box-list{
  width: 100%;
  max-width: 52.4rem;
}
.box-item{
  margin-bottom: 3.2rem;
  border-radius: 1.6rem;
  background: #fff;
  background: var(--box-bg);
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 3.2rem;
  min-height: 23.4rem;
}
.sec-box-v1 .box-item{
  min-height: 24.2rem;
}
.box-item:last-child{
  margin-bottom: 0;
}
.box-item span{
  display: block;
  font-size: 1.2rem;
  line-height: 120%;
  text-transform: uppercase;
  margin: 0 0 0.8rem;
  color: var(--title-color);
  opacity: 0.7;
}
.box-item .h4{
  margin-bottom: 1.6rem;
}
.box-item .h4:last-child{
  margin-bottom: 0;
}
.box-item .h4 *{
  color: var(--title-color);
}
.box-item p{
  color: var(--text-color);
}
@media(min-width:1200px) and (max-width:1351.98px){
  .box-head {
    max-width: 44.4rem;
  }
  .box-item {
    margin-bottom: 2.8rem;
    padding: 2.8rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .box-head {
    max-width: 40.4rem;
  }
  .box-list {
    max-width: 47.4rem;
  }
  .box-item {
    margin-bottom: 2.4rem;
    padding: 2.4rem;
  }
  .sec-box-v1 .box-item {
    min-height: 23.4rem;
  }
  .box-item .h4 {
    margin-bottom: 1.2rem;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .box-head {
    max-width: 31.4rem;
  }
  .box-list {
    max-width: 35.4rem;
  }
  .box-item {
    margin-bottom: 2.4rem;
    border-radius: 1.2rem;
    padding: 2.4rem;
  }
  .box-item br{
    display: none;
  }
  .box-item .h4 {
    margin-bottom: 1.2rem;
  }
}
@media(max-width:767.98px){
  .box-head {
    width: 100%;
    max-width: 100%;
    position: relative;
    top: 0;
    margin-bottom: 3.2rem;
  }
  .box-list {
    width: 100%;
    max-width: initial;
  }
  .box-list.owl-carousel{
    width: calc(100% + 2.4rem);
  }
  .box-list .owl-stage {
    display: flex;
    flex-wrap: wrap;
  }
  .box-item {
    margin-bottom: 0;
    border-radius: 1.2rem;
    min-height: 24.4rem;
    width: 100%;
    height: 100%;
  }
  .box-list.owl-carousel .box-item{
    width: 32.8rem;
  }
  .sec-box-v1 .box-item {
    min-height: 25.2rem;
  }
  .box-list:not(.owl-carousel) .box-item:nth-child(n + 2){
    margin-top: 2.4rem;
  }
  .box-item .h4 {
    margin-bottom: 1.2rem;
  }
  .box-item br{
    display: none;
  }
  .box-list .owl-nav{
    position: absolute;
    right: 2.4rem;
    bottom: -4.2rem;
  }
}