body header.header {
  transition: 0.5s;
  padding-top: 20px;
}

header.header[class*="fixed-header"] {
  transition: 0.5s;
  background: rgb(0 0 0);
  padding-top: 0px;
  box-shadow: 0px 0px 10px 0px #454545;
}

.banner-title h2 span{
  text-shadow: 1px 1px 5px #2d2d2d;
  background: linear-gradient(#00000000 70%,#b9874c 30%);
}

#item-1742280367132 ul{
  border: 1px solid #b8a99a;
  border-radius: 6px;
  background-color: #ffffff;
}

.content-title h3:after{
  content:'';
  display: block;
  width: 10%;
  height: 3px;
  margin-top: 20px;
  background-color:#b9874c;
}

.content-title h1:after{
  content:'';
  display: block;
  width: 10%;
  height: 3px;
  background-color:#b9874c;
  margin: 0 auto;
  margin-top: 20px;
}

.box span::before{
  content: '';
  position: absolute;
  width: 330px;
  height: 70px;
  top: -60%;
  transform: 0.3s;
  opacity: 0.9;
  border-radius: 6px;
  background: rgba(185, 135, 76, 1);
  transform-origin: left;
  animation: LeftToRight 3s;
  z-index: -1;
}

.box span:hover::before{
    transform: scaleX(1);
}

@keyframes LeftToRight{
    from{
        transform: scaleX(0);
    }
    to{
        transform: scaleX(1);
    }
}