.sales_banner {
  background: url(../img/sales-banner.jpg) no-repeat center / cover;
}
.sales_banner .flex {
  min-height: 1040px;
}
.sales_banner .head {
  max-width: 650px;
  padding-top: 5.9%;
}
.sales_banner .head p {
  color: var(--title_color);
  opacity: 0.8;
  line-height: 27px;
  max-width: 521px;
  margin-top: 20px;
}
.sales_banner .head .button_more {
  margin-top: 40px;
}
.sales_main {
  margin-top: -160px;
  padding-bottom: 175px;
}
.sales_main ul {
  display: grid;
  gap: 34px 2.7869%;
  grid-template-columns: repeat(2, 1fr);
}
.sales_main ul li {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  padding: 22px 22px 47px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 488px;
}
.sales_main ul li .img {
  height: 198px;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 22px;
}
.sales_main ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sales_main ul li h2 {
  color: var(--title_color);
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin: 0 5.1%;
}
.sales_main ul li p {
  color: var(--title_color);
  opacity: 0.8;
  line-height: 27px;
  margin: 20px 5.1% 0;
}
.sales_main ul li .button_r {
  margin: 50px 5.1% 0;
}