.sec-flex-benefit {
  background: #F3F3F3;
}
.sec-flex-benefit .flex-box-container {
  width: 1440px;
  margin: 0 auto;
  border-radius: 16px;
}
@media screen and (max-width: 1440px) {
  .sec-flex-benefit .flex-box-container {
    width: calc(100% - 30px);
  }
}

.box-benefit-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 24px;
}
.box-benefit-items .item {
  padding: 32px 16px;
  background: #fff;
  text-align: center;
  width: calc(25% - 18px);
  -webkit-transition: all 0.2s ease-out 0.05s;
  transition: all 0.2s ease-out 0.05s;
  border-radius: 12px;
}
.box-benefit-items .item span img {
  width: 100%;
  height: 100%;
}
.box-benefit-items .item div {
  margin: 20px 0 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #000;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .box-benefit-items .item div {
    font-size: 18px;
    line-height: 23px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 540px) {
  .box-benefit-items .item div {
    font-size: 14px;
    line-height: 19px;
  }
}
.box-benefit-items .item p {
  font-weight: 400;
  font-size: 16px;
  color: #000;
  margin: 4px 0 0;
  line-height: 24px;
}
@media screen and (max-width: 540px) {
  .box-benefit-items .item p {
    font-size: 14px;
    line-height: 19px;
  }
}
.box-benefit-items .item.item__1 span, .box-benefit-items .item.item__2 span, .box-benefit-items .item.item__3 span, .box-benefit-items .item.item__4 span {
  background-size: 54px 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 6px 25px 0px rgba(30, 215, 96, 0.08);
          box-shadow: 0px 6px 25px 0px rgba(30, 215, 96, 0.08);
}
@media screen and (max-width: 1114px) {
  .box-benefit-items .item.item__1 span, .box-benefit-items .item.item__2 span, .box-benefit-items .item.item__3 span, .box-benefit-items .item.item__4 span {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 768px) {
  .box-benefit-items .item.item__1 span, .box-benefit-items .item.item__2 span, .box-benefit-items .item.item__3 span, .box-benefit-items .item.item__4 span {
    width: 85px;
    height: 85px;
    background-size: 40px 40px;
  }
}
@media screen and (max-width: 540px) {
  .box-benefit-items .item.item__1 span, .box-benefit-items .item.item__2 span, .box-benefit-items .item.item__3 span, .box-benefit-items .item.item__4 span {
    width: 62px;
    height: 62px;
    background-size: 27px !important;
  }
}
@media screen and (max-width: 820px) {
  .box-benefit-items .item.item__1, .box-benefit-items .item.item__2, .box-benefit-items .item.item__3, .box-benefit-items .item.item__4 {
    width: 48%;
  }
}
@media screen and (max-width: 540px) {
  .box-benefit-items .item.item__1, .box-benefit-items .item.item__2, .box-benefit-items .item.item__3, .box-benefit-items .item.item__4 {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 540px) {
  .box-benefit-items .item {
    padding: 24px 16px;
  }
}
@media screen and (max-width: 768px) {
  .box-benefit-items {
    gap: 16px;
  }
}/*# sourceMappingURL=sales-criteria.css.map */