html,body {
  font-size: 16px;
}
.header, .header img {
  width: 100%;
}
.content, .content img.bg {
  width: 100%;
}
.content {
  position: relative;
}
.content .btn {
  position: absolute;
  top: 50%;
  left: 65%;
  transform: translateY(-50%);
  width: 13%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.content .btn:hover {
  transform: scale(1.1) translateY(-50%);;
}
.img_btn_box {
  display: flex;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
}

.left_btn, .right_btn {
  width: 50%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  /* height: 100%; */
}
.left_btn:hover ,.right_btn:hover {
  transform: scale(1.1);
}

.active {
  background-color: #729dec;
  color: #fff;
}