.wrapper-home {
  display: flex;
  padding: 1.8rem var(--section) 0;
  background: #f8f8f8;
}

.wrapper-home>.section-wrapper {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
}

.vertical-menu {
  width: 12.8125rem;
  flex-shrink: 0;
  margin-right: 1.56rem;
}

.box-relative {
  max-width: calc(100% - 12.8125rem - 1.56rem);

  width: 100%;

  flex: 1;
}

.banner-home__slider a,
.banner-home__slider .item {
  display: block;
}

.banner-home__slider img {
  object-fit: cover
}

.banner-home {
  display: block;
  margin-bottom: 1rem;
  padding: 0;
}

.banner-home .banner-bottom {
  width: 100%;
  display: grid;
}

.banner-home__slider {
  margin-bottom: var(--15);
}

.banner-home__bottom {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: var(--15);
}

.banner-home__bottom .image-cover {
  border-radius: var(--10);
}

/* flat-sale */
.flat-sale {
  padding: 1.25rem 0.94rem 1.13rem;
  background-color: var(--theme-color);
  border-radius: 0.625rem;
  margin-bottom: 1rem;
}

.flat-sale .flat-sale--top {
  display: flex;
  gap: 2.06rem;
  align-items: center;
  margin-bottom: 1rem;
  justify-content: space-between;
}

.flat-sale .flat-sale__time {
  display: flex;
  gap: 0.5rem;
  color: #ffe645;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.flat-sale .flat-sale__time .time-item {
  width: 1.875rem;
  height: 1.625rem;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 0.3125rem;
  background: #fcaf17;
}

.flat-sale .title-main h2 {
  margin-bottom: 0;
  color: #ffe645;
}

.flat-sale .title-main h2 img {
  max-width: var(--26);
  vertical-align: -0.3750rem;
  -webkit-animation: zoom-in-out 1500ms infinite;
  -moz-animation: zoom-in-out 1500ms infinite;
  -o-animation: zoom-in-out 1500ms infinite;
  animation: zoom-in-out 1500ms infinite
}

@keyframes zoom-in-out {
  0% {
    transform: scale(0.8, 0.8)
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-8deg)
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1, 1, 1) rotate(8deg)
  }

  40%,
  60%,
  80% {
    transform: scale3d(1, 1, 1) rotate(-8deg)
  }

  100% {
    transform: scale(0.9)
  }
}

.flat-sale .product-small.col {
  padding: 0;
}

/* End flat-sale */
/* home-product */
.home-product {
  padding: 0
}

.home-product .product-category,
.home-news,
.home-image,
.home-customer {
  padding: 1.25rem 0.94rem 1.13rem 0.94rem;
  background-color: #fff;
  border-radius: 0.625rem;
  margin-bottom: 1rem;
}

.home-customer {
  margin-bottom: 0;
}

.home-news {
  padding-right: 0;
}

.home-news .swiper-button {
  top: 25%;
}

.home-product .products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: var(--15);
}

.home-product .product-small.col {
  padding: 0;
}

.home-product .products-grid .product-image {
  grid-column: span 2;
}

.home-product .products-grid .product-image .image-cover {
  padding-top: 61.5% !important;
  border-radius: var(--10);
}

.home-product .product-category.even .product-image {
  grid-column: 3/5;
}

.home-product .product-category.even .product-item:nth-of-type(2),
.home-product .product-category.even .product-item:nth-of-type(3) {
  grid-row: 1/2;
}

.home-product .category-header,
.home-news .home-news__title {
  display: flex;
  margin-bottom: 1rem;
  justify-content: space-between;
}

.home-product .category-header--left {
  display: flex;
  align-items: center;
  flex: 1;
}

.title-main h2,
.title-main-p p {
  color: var(--black);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.home-product .category-title,
.home-news .home-news__title p {
  width: fit-content;
  margin-right: 3rem;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
}

.home-product .category-title a {
  color: #27272a;
}

.home-product .category-title a:hover {
  color: var(--theme-color);
}

.home-product .product-category .cate-child {
  display: flex;
}

.home-product .product-category .cate-child a {
  display: flex;
  padding: 0 1.06rem;
  color: #626364;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
}

.home-product .product-category .cate-child a:before {
  content: "";
  width: 0.0625rem;
  height: 0.9375rem;
  background-color: #dadada;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.home-product .product-category .cate-child a:hover {
  color: var(--theme-color);
}

.home-product .product-category .cate-child a:first-child {
  padding-left: 0;
}

.home-product .product-category .cate-child a:last-child {
  padding-right: 0;
}

.home-product .product-category .cate-child a:last-child:before {
  display: none;
}

.home-product .product-category .category-link,
.home-news .home-news__title a {
  display: flex;
  align-items: center;
  gap: 0.38rem;
  color:  var(--theme-color);
  text-align: right;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
}

.category-link-mb {
  display: none;
}

.home-product .product-category .category-link:before,
.home-news .home-news__title a:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 1px solid var(--theme-color);
  position: absolute;
  bottom: -2px;
  transition: all 0.3s ease;
}

.home-product .product-category .category-link:hover:before,
.home-news .home-news__title a:hover:before {
  width: 100%;
}

.home-product .product-category .category-link svg,
.home-news .home-news__title a svg {
  width: var(--15);
  height: var(--15);
  transition: all 0.3s;
}
.home-product .product-category .category-link svg path,
.home-news .home-news__title a svg path{
  fill:var(--theme-color)
}
.home-news .home-news__title {
  padding-right: 0.94rem;
}

.home-news .swiper-button.swiper-next {
  right: 0;
}

.home-news .image-cover {
  border-radius: 0.5rem 0.5rem 0 0;
}

.home-news .box .box-text {
  border-radius: 0 0 0.5rem 0.5rem;
  border: 1px solid #f5f5fa;
  border-top: 0;
  padding: 0.87rem 1.19rem 1.75rem;
}

.home-news .swiper-slide {
  height: auto;
}

.home-news .swiper {
  padding-bottom: 2.15rem;
}

.home-news .swiper-pagination {
  bottom: 0;
}

.home-news .box-blog-post .post-title a {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: #27272a;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}

.home-news .box-blog-post .post-title a:hover {
  color: var(--theme-color);
}

.home-news .box-blog-post .post-title {
  padding-bottom: 0.75rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #dadada;
}

.home-news .box-blog-post .post-excerpt {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin: 0;
}

/* End home-product */
/* home-image */
.home-image__title {
  text-align: center;
}

.home-image .swiper-wrapper {
  padding-bottom: 2rem;
}

.home-image .swiper-pagination {
  bottom: 0;
}

/* End home-image */
/* home-customer */
.home-customer__list {
  padding-right: 1px;
}

.home-customer .image-cover {
  padding-top: 67%;
}

.home-customer .swiper-pagination {
  bottom: 0;
}

.home-customer .image-cover img {
  object-fit: contain;
  padding: 1rem;
}

.home-customer .home-customer__item {
  border: 0.5px solid #dadada;
  border-right: 0.5px solid #fff;
}

.home-customer .swiper-wrapper {
  padding-bottom: 2rem;
}

/* End home-customer */

@media screen and (min-width: 768px) {

  .home-customer .swiper-slide:nth-last-of-type(1) .home-customer__item,
  .home-customer .swiper-slide:nth-last-of-type(7) .home-customer__item {
    border-right: 1px solid #dadada;
  }

  .home-customer .swiper-slide.selected .home-customer__item {
    border-top: 0;
  }
}

@media screen and (max-width: 767.98px) {
  .flat-sale .title-main h2{
    font-size:var(--20)
  }
  .home-customer .swiper-slide.selected .home-customer__item {
    border-top: 0;
  }

  .home-customer .swiper-slide:nth-last-of-type(1) .home-customer__item,
  .home-customer .swiper-slide:nth-last-of-type(3) .home-customer__item {
    border-right: 1px solid #dadada;
  }

  .wrapper-home>.section-wrapper {
    flex-direction: column;
  }

  .wrapper-home .vertical-menu {
    display: none;
  }

  .box-relative {
    max-width: 100%;
  }

  #header {
    height: 4.375rem;
  }

  .banner-home .swiper-pagination {
    bottom: 0;
  }

  .banner-home__bottom {
    grid-gap: var(--12);
    display: grid;
    grid-template-rows: 1fr;
    overflow: auto;
    justify-content: start;
    grid-template-columns: repeat(4, 43%);
    padding-bottom: 25px;
    margin-bottom: -25px;
    width: calc(100% + 1rem);
    margin-right: -1rem;
  }

  .banner-home__bottom .item {
    scroll-snap-type: x mandatory;
  }

  .flat-sale {
    padding: 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .flat-sale .flat-sale--top {
    gap: 1rem;
    justify-content: space-between;
  }

  .flat-sale .flat-sale__time {
    gap: 0.3rem;
  }

  .home-product .product-category,
  .home-news,
  .home-image,
  .home-customer {
    padding: 1rem;
  }

  .home-news .swiper-button.swiper-next {
    right: -1.0938rem;
  }

  .home-news .home-news__title {
    padding-right: 0;
  }

  .home-product .product-category {
    border-radius: 0;
  }

  .category-link-mb {
    display: flex;
    margin: 1rem 0;
    justify-content: center;
  }

  #wrapper .category-link-mb a {
    width: fit-content;
  }

  .home-product .category-header--left {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-product .category-header--right {
    display: none;
  }

  .home-product .category-title,
  .home-news .home-news__title p {
    margin-right: 0;
    margin-bottom: 0.7rem;
    font-size: 20px;
  }

  .home-news .home-news__title p {
    margin-bottom: 0;
  }

  .home-product .products-grid {
    /* display: flex; */
    /* flex-direction: column; */
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--12);
  }

  .home-product .products-grid .product-image {
    grid-column: span 2;
  }

  .home-product {
  }

  .product-small.box .add-to-cart-button {
    display: none;
  }

  .home-product .product-category.even .product-image {
    grid-column: span 2;
  }

  .home-product .product-category.even .product-item:nth-of-type(2),
  .home-product .product-category.even .product-item:nth-of-type(3) {
    grid-row: unset;
  }

  .product-small.box {
    padding: 0.5rem;
  }

  .product-small.box .box-text--bottom {
    padding: 0.5rem;
  }
}