.promotion-details {
  .content {
    margin-bottom: 20px;
    display: none;
    .details {
      padding: 10px;
      a {
        font-size: 20px;
        color: #000;
      }
      a:hover {
        color: #000;
      }
    }
  }
  .img {
    text-align: center;
  }
  .bt-loadmore {
    padding-bottom: 30px !important;
    a {
      border: 1px solid #8f1616;
      border-radius: 16px;
      color: #8f1616;
      cursor: pointer;
      img {
        padding-left: 5px;
        max-width: 22px;
        position: relative;
        top: -1px;
      }
    } 
  }
}
.promotion-d {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.img-promotion {
  .text-promotion {
    h3 {
      position: absolute;
      transform: rotate(270deg);
      top: 50%;
      left: -100px;
      color: #9a7141;
      font-weight: 600;
      text-transform: uppercase;
    }
    h3::after {
      content: "";
      background-color: #9a7141;
      width: 60px;
      height: 2px;
      display: block;
      position: absolute;
      bottom: 12px;
      right: -80px;
    }
  }
}

@media (min-width: 767px) {
  .bg-promotion {
    background: linear-gradient(to left, #fff 50%, #fffaf4 50%);
  }
}