.section-product {
  padding-bottom: 40px;
}
.section-product .block-title {
  margin-bottom: 30px;
}
.section-product .block-title .title {
  font-size: 40px;
  color: var(--text_color_two);
}

.item-product {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}

.list-product .item-product a {
  overflow: hidden;
}

.item-product .img-wrap {
  height: 250px;
  margin-bottom: 30px;
  overflow: hidden;
}

/* .list-product .img-wrap img{
    transition: transform 0.5s ease;
}

.list-product .img-wrap img:hover{
    transform: scale(1.08);
} */

/* .item-product{
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    margin-bottom: 32px;
}

.item-product:hover{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.item-product::before{
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 80%);
    background: radial-gradient(ellipse at center,rgb(255 255 255 / 35%) 0%,rgb(255 255 255 / 0%) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform,opacity;
    transition-property: transform,opacity;
}

.item-product:hover::before{
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
} */

.info-product {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  text-align: center;
  background: rgba(255, 255, 255, 0.65);
  padding: 10px 10px;
  transform: translateY(45px);
  transition: 0.5s;
  opacity: 0;
}

.item-product:hover .info-product {
  transform: translateY(0);
  transition: 0.5s;
  opacity: 1;
}

.info-product .name-product {
  font-size: 16px;
  font-weight: 600;
}
.info-product:hover {
  background-color: #000 !important;
  color: var(--text_color_two) !important;
}
.item-product:hover .info-product {
  background-color: var(--text_color_two);
  color: #000;
}

/* 
.item-product:hover .info-product .name-product{
    color: #fff;
} */

.btn-xemthem {
  text-align: center;
  display: block;
  margin-top: 20px;
}

.btn-xemthem a {
  background-color: #9db7c9;
  border-radius: 5px;
  font-weight: 400;
  color: var(--text_color_two);
  font-size: 16px;
  padding: 12px;
  border: none;
  transition: all 0.4s ease-in-out;
}

.des-product {
  text-align: center;
  margin-bottom: 10px;
}
.des-product .des-name {
  text-transform: uppercase;
  color: var(--text_color_two);
  margin-bottom: 25px;
}

.des-product .btn-view {
  border: 1px solid var(--text_color_two);
  border-radius: 5px;
  padding: 5px 20px;
}
