body {
  overflow-x: clip; }

.banner .banner-img {
  max-width: 1206px;
  width: 95%;
  position: relative;
  margin-top: 30px;
  text-align: left; }
  .banner .banner-img .big-img, .banner .banner-img .video {
    width: 88%;
    -webkit-clip-path: inset(0px 0px);
    clip-path: inset(0px 0px);
    border-radius: 20px; }
  .banner .banner-img .img-01 {
    width: 32.6%;
    height: auto;
    left: auto;
    right: -41px;
    top: -16%; }

.section-container .section {
  width: 95%;
  justify-content: space-around; }
  .section-container .section .text {
    max-width: 427px; }
  .section-container .section.section-edit-text .text ul li .has-icon .icon {
    transform: translateY(15px); }
  .section-container .section.section-edit-text .text ul li .desc {
    opacity: 1; }
  .section-container .section.section-edit-text .image .img-bg {
    width: 119.5%;
    left: 0;
    bottom: 0; }
  .section-container .section.section-edit-text .image .img {
    width: 138.26%;
    left: 7%;
    bottom: 0; }
  .section-container .section.section-edit-image .text ul li {
    padding-top: 32px; }
  .section-container .section.section-edit-image .image .img, .section-container .section.section-edit-image .image .video {
    width: 131.07%;
    right: 0;
    bottom: 0; }
  .section-container .section.section-edit-split .image .img, .section-container .section.section-edit-split .image .video {
    width: 108%;
    left: 0;
    bottom: 0; }
  .section-container .section.section-edit-split .image .video {
    bottom: -20%; }
.section-container .flex-reverse {
  margin-top: 77px;
  padding-top: 40px; }
.section-container .section-edit-split {
  margin-top: -20px; }

@media screen and (max-width: 1588px) {
  .section-container .section.section-edit-image .image .video {
    width: 108%; } }
@media screen and (max-width: 1220px) {
  .section-container .section.section-edit-image .image .video {
    width: 100%;
    left: -5%;
    bottom: auto;
    transform: translateY(-50%);
    top: 50%; } }
@media screen and (max-width: 1088px) {
  .banner .banner-img .video {
    border-radius: 16px; } }
@media screen and (max-width: 1000px) {
  .banner .banner-img {
    width: 77%; }
    .banner .banner-img .video {
      border-radius: 12px; }

  .section-container {
    padding-bottom: 0; } }
@media screen and (max-width: 800px) {
  .banner .banner-img .big-img, .banner .banner-img .video {
    border-radius: 5px; }

  .banner .slogan {
    line-height: 48.8px; }

  .section-container {
    padding-bottom: 0px; }
    .section-container .section .text {
      max-width: 100%; }
    .section-container .section.section-edit-split .image {
      margin-top: 30px; } }
@media screen and (max-width: 640px) {
  .section-container .section.section-edit-image .image .img, .section-container .section.section-edit-image .image .video {
    bottom: 18px; }

  .section-container .flex-reverse {
    padding-top: 0px; }

  .banner .banner-img {
    width: 93%; }

  .section-feature-list .feature-item a .title {
    font-size: 17px !important; }

  .banner .banner-img .img-01 {
    right: -4px; } }
@media screen and (max-width: 450px) {
  .section-container .section {
    margin-bottom: 70px; }

  .section-container .section .text .desc {
    font-size: 12px; }

  .section-container .section .text ul.has-icon li p.desc {
    font-size: 12px; }

  .section-container .section .text .desc {
    font-size: 12px; }

  .banner .banner-img {
    margin-top: 30px; }

  .banner .desc {
    font-size: 12px; } }

/*# sourceMappingURL=functions-edit.css.map */