header .container > img {
  transform: rotateY(180deg);
}

/* =============================== header ============*/

header .info .h1A {
  font-size: 40px;
  color: #222222;
  line-height: 70px;
  margin: 12px 0 24px 0;
  font-weight: 400;
}

header .ArrowToA {
  transform: translate(20px, 80px) rotateY(180deg);
}

/* ============== section 4 Arrow =============*/
.sec4 .box-1 .item .arrow11 {
  position: absolute;
  left: 105%;
  width: 150px;
  transform: rotateY(180deg);
}
.sec4 .box-1 .item .arrow22 {
  position: absolute;
  top: 105%;
  height: 80px;
  transform: rotateY(180deg);
}
.sec4 .box-2 .item .arrow33 {
  position: absolute;
  top: 105%;
  left: 0;
  height: 80px;
  transform: rotateY(180deg);
}
.sec4 .box-3 .item .arrow44 {
  position: absolute;
  right: 100%;
  width: 90px;
  transform: rotateY(180deg);
}
@media (max-width: 991px) {
  .sec4 .box-1 .item .arrow11,
  .sec4 .box-1 .item .arrow22,
  .sec4 .box-2 .item .arrow33,
  .sec4 .box-3 .item .arrow44 {
    display: none;
  }
}
@media (max-width: 1199px) {
  .sec4 .box-1 .item .arrow11 {
    width: 60px;
  }
  .sec4 .box-1 .item .arrow22 {
    height: 70px;
  }
  .sec4 .box-2 .item .arrow33 {
    height: 70px;
  }
  .sec4 .box-3 .item .arrow44 {
    width: 80px;
  }
}

/*===================== section 2 ============= */
.sec2 .container .info .pA {
  font-size: 18px;
  color: #636262;
  margin: 0 0 30px 0;
  line-height: 56px;
  max-width: 533px;
}
@media (max-width: 991px) {
  .sec2 .container .info .pA {
    line-height: 32px;
  }
}

/*========================== section 4 ==========*/