.homepage-revamp-2021 {
  margin-top: 189px;
}
.homepage-revamp-2021 > *{
  visibility: hidden;
}
.homepage-revamp-2021.loaded > *{
  visibility: visible;
}

.homepage-revamp-2021 >.startload:not(.loadin){
  opacity: 1;
  animation: loadin 0.4s ease-in;
  transform-origin: 0 0;
}

.homepage-revamp-2021 > .loadin {
  opacity: 0;
}
@keyframes loadin{
  0%{
    opacity: 0;
    transform: translate(0 ,100px);
  }
  100%{
    opacity: 1;
    transform: translate(0 ,0);
  }
}

/* add-cart-action */
.homepage-revamp-2021 .actions .add-cart-action {
  display: none;
}

.homepage-revamp-2021 .actions .add-cart-action .add-cart {
  border-radius: 100%;
  background-color: #9d0229;
  color: #ffffff !important;
  box-shadow: 0 2px 8px 0 rgba(95, 30, 47, 0.3);
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homepage-revamp-2021 .actions .add-cart-action .add-cart .icon{
  font-size: 20px;
}

.homepage-revamp-2021 .actions .cart-input {
  display: none;
  align-items: center;
  border-radius: 19px;
  border: solid 0.5px rgba(62, 62, 62, 0.2);
  background-color: #fff;
  padding: 0 3px;
  height: 38px;
  width: 100px;
  justify-content: space-between;
  padding: 0 10px;
}

.homepage-revamp-2021 .actions .cart-input .icon {
  color: #9d0229 !important;
  font-size: 16px;
}

.homepage-revamp-2021 .actions .cart-input input {
  border: 0;
  outline: 0;
  width: 20px;
  font-size: 16px;
  letter-spacing: 0.43px;
  text-align: center;
  color: #3e3e3e !important;
  flex-grow: 1;
  font-weight: 600;
}
/* add-cart-action end */

@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 {
    margin-top: 65px;
  }
  .homepage-revamp-2021 .actions .add-cart-action{
    display: block !important;
  }
}

/* Main Banner */
.homepage-revamp-2021 .main-banner {
  max-width: 100% !important;
  width: 100%;
  padding: 0;
}
.homepage-revamp-2021 .main-banner .swiper-container {
  overflow: visible;
  max-width: 1368px;
}
.homepage-revamp-2021 .main-banner .swiper-wrapper .swiper-slide {
  visibility: hidden;
}
.homepage-revamp-2021 .main-banner .swiper-wrapper .swiper-slide.swiper-slide-active {
  visibility: visible;
}  
.homepage-revamp-2021 .main-banner img {
  width: 100%;
}

.homepage-revamp-2021 .main-banner img.img-mobile {
  display: none;
}

.homepage-revamp-2021 .main-banner .swiper-pagination .swiper-pagination-bullet {
  border: solid 1px #979797;
  opacity: 1;
  background-color: unset;
}

.homepage-revamp-2021 .main-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #bca662;
  border-color: #bca662;
  /* margin: 0 5px; */
}

@media screen and (max-width: 768px) {
  .homepage-revamp-2021 .main-banner img {
    display: none;
  }

  .homepage-revamp-2021 .main-banner img.img-mobile {
    display: block;
  }
}

/* Main Banner (end) */

/* Most Popular */
.homepage-revamp-2021 .most-popular {
  padding: 100px 0 120px;
}

.homepage-revamp-2021 .most-popular .most-popular-content {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  overflow: visible;
  display: flex;
}

.homepage-revamp-2021 .most-popular .most-popular-content .title {
  font-size: 45px;
  line-height: 1.12;
  letter-spacing: 0.8px;
  color: #bba562 !important;
  z-index: 10;
  min-width: 188px;
  margin-left: -20px;
  margin-right: -27px;
  /* margin-top: 20px; */
}
html:not([lang^="en"]) .homepage-revamp-2021 .most-popular .most-popular-content .title{
  font-size: 50px;
}
.homepage-revamp-2021 .most-popular .most-popular-content .title p {
  margin: 0;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner {
  width: calc(100% - 100px);
  margin: 0 auto;
  position: relative;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-container {
  width: calc(100% - 80px);
  padding-top: 30px;
  margin-top: -30px;
  margin-left: 56px;
  /* overflow-y: visible;
    overflow-x: clip; */
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-container .swiper-wrapper {
  overflow: unset;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items {
  width: 240px;
  /* margin-top: 30px; */
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .item-header {
  padding: 20px 20px 0 20px;
  background-color: #bba56214;
  border-radius: 5px 5px 0 0;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .item-content {
  padding: 0 20px 20px 20px;
  border-radius:  0 0 5px 5px;
  background-color: transparent;
  position: relative;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .item-content::before{
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 172px;
  background-color: #f9f9f9;
  z-index: 0;
  pointer-events: none;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .fav-button {
  position: absolute;
  top: 14px;
  right: 14px;
  box-shadow: 0 5px 8px 0 rgba(85, 74, 42, 0.2);
  color: #bbbbbb !important;
  background-color: #fff;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items p {
  margin: 0;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-slide {
  width: 240px;
  height: auto;
  transition: opacity 0.1s ease-in-out;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-wrapper .swiper-slide-prev {
  opacity: 1 !important;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-button-prev,
.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-button-next {
  width: 40px;
  height: 40px;
  background-size: 20px;
  border-radius: 100%;
  border: #bca662 1.5px solid;
  background-position: center;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-button-prev {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-left-gold.svg');
  left: -20px;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-button-next {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-right-gold.svg');
  right: -20px;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image .image-position .image-content {
  /* display: none;
  align-items: center; */
  justify-content: center;
  /* gap: 24px; */
  /* margin-top: 5px; */
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image .image-position .image-content .image-block {
  display: flex;
  align-items: center;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image .image-position .image-content .image-block .block {
  border-radius: 5px;
  background-color: #bca662;
  color: #ffffff !important;
  padding: 3px 5px;
  margin-right: 5px;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image .image-position .image-content .image-block p {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.24px;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .description {
  margin: 0;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: 0.34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  position: relative;
  z-index: 1;
  height: 96px;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .description > a {
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .description::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: '';
  background-color: #f9f9f9;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items:hover .description {
  color: #3333334C;
}


.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .original-price {
  font-size: 13px;
  letter-spacing: 0.28px;
  text-decoration: line-through;
  color: #666666 !important;
  display: block;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .old-price,
.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .old-price,
.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .old-price {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  line-height: 13.62px;
  letter-spacing: 0.24375000596046448px;
  color: #7B7B7B;
  background-color: #F9F9F9;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .old-price span,
.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .old-price span,
.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .old-price span {
  font-size: 20px;
  line-height: 27.24px;
  letter-spacing: normal;
  text-decoration: line-through;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .saved-price,
.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .saved-price,
.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .saved-price {
  font-size: 12px;
  line-height: 21.6px;
  color: #037B66;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px 4px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.39px;
  color: #9d0229;
}
.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .price.price-fixed {
  color: #3e3e3e;
  /* padding: 9px 0px; */
}
.homepage-revamp-2021 .price {
  color: #9d0229 !important;
}
.homepage-revamp-2021 .price.price-fixed {
  color: #3e3e3e !important;
}
.homepage-revamp-2021 .price.online-exclusive {
  color: #fe7e3a !important;
}
.homepage-revamp-2021 .price.member-exclusive {
  color: #8C7E5C !important;
}
.homepage-revamp-2021 .price .member-tag {
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  color: #ffffff;
  background: linear-gradient(99.97deg, #AF9E73 7.83%, #494230 135.25%);
  border-radius: 2px;
  padding: 2px 4px;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .price span:not(.member-tag) {
  font-size: 14px;
  letter-spacing: 0.3px;
  margin-right: -2px;
}

.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 63px;
  position: relative;
  z-index: 1;
  padding: 0 20px 20px;
  background-color: #f9f9f9;
  flex-grow: 1;
}
.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .actions >div{
  align-self: flex-end;
}
@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .most-popular {
    padding: 60px 0;
  }
  .homepage-revamp-2021 .most-popular .most-popular-content{
    flex-direction: column;
  }
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items:hover .description{
    color: #000000;
  }
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .item-header{
    padding: 12px 12px 0 12px;
  }
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .item-content{
    padding: 0 12px 12px 12px;
  }
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .item-content::before{
    height: 180px;
  }
  .homepage-revamp-2021 .most-popular .most-popular-content .title {
    line-height: 1.14;
    letter-spacing: 0.7px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.44px;
    margin: 0 0 30px 0;
    font-size: 20px;
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-container {
    width: 100%;
    padding: 0;
    margin-top: -10px;
  }
  
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items {
    width: 200px;
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-slide {
    width: 200px;
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-button-prev,
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-button-next {
    display: none;
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image {
    height: 230px;
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image .image-position,
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image .image-position img {
    height: 200px;
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image .image-position .image-content .image-block p {
    font-size: 10px;
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items:hover .image .image-position {
    height: 230px;
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image .image-content > * {
    position: relative;
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image .image-content::before {
    position: absolute;
    top: -23px;
    left: -12px;
    right: -12px;
    bottom: -23px;
    z-index: 0;
    content: '';
    background-color: #f9f9f9;
  }
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .description {
    position: relative;
    padding: 7px 12px 15px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.26px;
    transform: translate(0, -28px);
    height: 54px;
  }
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .old-price {
    margin-bottom: 4px;
  }
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .old-price span,
  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .old-price span,
  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .old-price span {
    font-size: 16px;
    line-height: 21.79px;
  }
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .saved-price,
  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .saved-price,
  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .saved-price {
    line-height: 18px;
  }
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .price {
    line-height: 18px;
  }
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .actions {
    min-height: 54px;
    padding: 0 12px 12px;
    background-color: #f9f9f9;
  }
}

@media screen and (max-width: 768px) {
  .homepage-revamp-2021 .most-popular {
    padding: 40px 0;
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .title {
    font-size: 20px;
    line-height: 1.33;
    letter-spacing: 0.48px;
  }
  html:not([lang^="en"]) .homepage-revamp-2021 .most-popular .most-popular-content .title{
    font-size: 22px;
    line-height: 1.45;
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner {
    width: calc(100% - 40px);
    /* width: 100%; */
    margin-left: 20px;
    /* padding-right: 20px; */
    /* margin-right: 20px; */
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-container {
    width: 100%;
    padding: 0;
    overflow: visible;
    margin-top: -10px;
    margin-left: 0;
    margin-right: 0;
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items,
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-slide {
    width: 180px;
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image .image-position .image-content .image-block .block {
    font-size: 10px;
    letter-spacing: 0.19px;
    width: 20px;
    height: 18px;
  }

  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image .image-position .image-content .image-block p {
    font-size: 10px;
    letter-spacing: 0.2px;
  }
}
/* Most Popular (end) */

/* CCE Banner */
.homepage-revamp-2021 .cce-banner{
  background-color: #FBFAF7;
}
.homepage-revamp-2021 .cce-banner a{
  display: block;
}
.homepage-revamp-2021 .cce-banner .background{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right;
}
.homepage-revamp-2021 .cce-banner .background.img-mobile{
  display: none;
}
@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .cce-banner .background{
    display: none;
  }
  .homepage-revamp-2021 .cce-banner .background.img-mobile{
    display: block;
  }
}
/* CCE Banner (end) */

/* New Arrivals */
.homepage-revamp-2021 .new-arrivals {
  padding: 60px 0 120px;
  position: relative;
}
.homepage-revamp-2021 .new-arrivals .background{
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: -45px;
}
.homepage-revamp-2021 .new-arrivals .background.img-mobile{
  display: none;
}
@media screen and (max-width: 768px) {
  .homepage-revamp-2021 .new-arrivals .background{
    display: none;
  }
  .homepage-revamp-2021 .new-arrivals .background.img-mobile{
    display: block;
    background-position-x: unset;
  }
}
.homepage-revamp-2021 .new-arrivals .title {
  font-size: 40px;
  letter-spacing: 0.9px;
  text-align: center;
  color: #bba562 !important;
  margin-bottom: 80px;
  position: relative;
  z-index: 1;
}

.homepage-revamp-2021 .new-arrivals .banner-container {
  position: relative;
  z-index: 1;
  max-width: 1440px;
  margin: 0 auto;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner {
  overflow: unset;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-wrapper .swiper-slide-prev {
  opacity: 1 !important;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-slide {
  width: 420px;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-button-prev,
.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-button-next {
  width: 50px;
  height: 50px;
  background-size: 25px;
  box-shadow: 0 2px 10px 0 rgb(140 123 71 / 50%);
  border-radius: 100%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  display: none;
}
.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-button-prev:hover,
.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-button-next:hover {
  /* opacity: 0.8; */
}

.homepage-revamp-2021 .new-arrivals .banner-container:hover .new-arrivals-banner .swiper-button-prev,
.homepage-revamp-2021 .new-arrivals .banner-container:hover .new-arrivals-banner .swiper-button-next {
  display: block;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-button-prev {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-left-gold.svg');
  left: -70px;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-button-next {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-right-gold.svg');
  right: -70px;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 180px 240px;
  height: 240px;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items p {
  margin: 0;
}
.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .image-container {
  background-color: #faf8f3;
  border-radius: 5px 0 0 5px;
  position: relative;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .image-container .image {
  width: 132px;
  height: 240px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -66px;
  text-align: center;
  position: absolute;

  -webkit-transition: all 0.3s cubic-bezier(0.47,2.0,0.41,0.8);
  -moz-transition: all 0.3s cubic-bezier(0.47,2.0,0.41,0.8);
  -o-transition: all 0.3s cubic-bezier(0.47,2.0,0.41,0.8);
  transition: all 0.3s cubic-bezier(0.47,2.0,0.41,0.8);
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items:hover .image-container .image {
  bottom: 30px;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .image-container .image img {
  width: auto;
  height: 100%;
  display: initial !important;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container {
  background-color: #ffffff;
  border-radius: 0 5px 5px 0;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .description {
  font-size: 16px;
  letter-spacing: 0.34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items:hover .content-container .description {
  opacity: 0.3;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .image-content {
  display: none;
  align-items: center;
  /* justify-content: space-between; */
  gap: 24px;
  margin-top: 5px;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .image-content .image-block {
  display: flex;
  align-items: center;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .image-content .image-block .block {
  border-radius: 5px;
  background-color: #bca662;
  color: #ffffff !important;
  padding: 3px 5px;
  margin-right: 5px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.24px;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .image-content .image-block p {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.24px;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .original-price {
  font-size: 13px;
  letter-spacing: 0.28px;
  color: #666 !important;
  text-decoration: line-through;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px 4px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.39px;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .price span:not(.member-tag) {
  font-size: 14px;
  letter-spacing: 0.3px;
  margin-right: -2px;
}

.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
}
.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .actions>div{
  align-self: flex-end;
}
.homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items:hover .content-container .image-content {
  display: flex;
}

@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .new-arrivals {
    padding: 22px 0 60px;
  }

  .homepage-revamp-2021 .new-arrivals .title {
    font-size: 18px;
    letter-spacing: 0.44px;
    margin-bottom: 60px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container {
    padding: 0 50px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-slide {
    width: 312px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-slide.no-content {
    display: none;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-button-prev,
  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-button-next {
    display: none;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container:hover .new-arrivals-banner .swiper-button-prev,
  .homepage-revamp-2021 .new-arrivals .banner-container:hover .new-arrivals-banner .swiper-button-next {
    display: none;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items {
    grid-template-columns: 128px 184px;
    height: 150px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .image-container .image {
    width: 95px;
    height: 138px;
    bottom: 30px;
    margin-left: -47.5px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container {
    padding: 16px 20px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .description {
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: 0.26px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .price {
    font-size: 16px;
    letter-spacing: 0.34px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .price span {
    font-size: 12px;
    letter-spacing: 0.26px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .image-container .image {
    bottom: 30px;
  }
  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items:hover .content-container .description {
    opacity: 1;
  }
  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items:hover .content-container .image-content {
    display: flex;
  }
  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .image-content {
    display: flex;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .image-content .image-block .block {
    font-size: 10px;
    letter-spacing: 0.19px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .image-content .image-block p {
    font-size: 10px;
    letter-spacing: 0.2px;
  }
  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .original-price {
    display: block;
  }
  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .actions .add-cart-action {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .homepage-revamp-2021 .new-arrivals {
    padding: 22px 0 40px;
  }

  .homepage-revamp-2021 .new-arrivals .title {
    font-size: 18px;
    letter-spacing: 0.18px;
    margin-bottom: 40px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container {
    padding: 0 20px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-slide {
    width: 312px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-slide.no-content {
    display: none;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-button-prev,
  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .swiper-button-next {
    display: none;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items {
    grid-template-columns: 128px 184px;
    height: 150px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .image-container .image {
    width: 95px;
    height: 138px;
    bottom: 30px;
    margin-left: -47.5px;
  }

  
  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .image-container .image img {
    height: 148px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container {
    padding: 16px 20px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .description {
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: 0.26px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .price {
    font-size: 16px;
    letter-spacing: 0.34px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .price span {
    font-size: 12px;
    letter-spacing: 0.26px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .image-content .image-block .block {
    font-size: 10px;
    letter-spacing: 0.19px;
  }

  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .image-content .image-block p {
    font-size: 10px;
    letter-spacing: 0.2px;
  }
}
/* New Arrivals (end) */

/* Category Banner */
.homepage-revamp-2021 .category {
  padding: 120px 0;
}

.homepage-revamp-2021 .category .category-content {
  max-width: 1440px;
  margin: 0 auto;
}

.homepage-revamp-2021 .category .category-banner {
  position: relative;
}

.homepage-revamp-2021 .category .category-banner .swiper-slide {
  width: 224px;
  height: 140px;
  overflow: hidden;
  border-radius: 5px;
}

.homepage-revamp-2021 .category .category-banner .swiper-wrapper .swiper-slide-prev {
  opacity: 1 !important;
}

.homepage-revamp-2021 .category .category-banner {
  width: 100%;
  margin: 0 auto;
}

.homepage-revamp-2021 .category .category-banner .items {
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 224px;
  width: 100%;
  height: 140px;
  background-size: 100%;
  border-radius: 5px;
  background-position: center;
  transition: background-size 0.2s ease-in-out;
}
.homepage-revamp-2021 .category .category-banner .items:hover{
  background-size: 120%;
}
.homepage-revamp-2021 .category .category-banner .items:hover p{
  /* transition: none; */
  /* transform: scale(0.833333333); */
}

.homepage-revamp-2021 .category .category-banner .items p {
  margin: 0;
  font-size: 20px;
  color: #fff !important;
  letter-spacing: 0.6px;
}

.homepage-revamp-2021 .category .category-banner .swiper-button-prev,
.homepage-revamp-2021 .category .category-banner .swiper-button-next {
  width: 40px;
  height: 40px;
  background-size: 20px;
  border-radius: 100%;
  border: #bca662 1.5px solid;
  background-position: center;
}

.homepage-revamp-2021 .category .category-banner .swiper-button-prev {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-left-gold.svg');
  left: -60px;
}

.homepage-revamp-2021 .category .category-banner .swiper-button-next {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-right-gold.svg');
  right: -60px;
}

@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .category {
    padding: 60px 0;
  }

  .homepage-revamp-2021 .category .category-banner .swiper-container {
    padding: 0 50px;
  }

  .homepage-revamp-2021 .category .category-banner .swiper-slide,
  .homepage-revamp-2021 .category .category-banner .items {
    width: 145px;
    height: 90px;
  }

  .homepage-revamp-2021 .category .category-banner .items p {
    font-size: 14px;
  }

  .homepage-revamp-2021 .category .category-banner .swiper-button-prev,
  .homepage-revamp-2021 .category .category-banner .swiper-button-next {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .homepage-revamp-2021 .category {
    padding: 40px 0;
  }

  .homepage-revamp-2021 .category .category-banner .swiper-container {
    padding: 0 20px;
  }

  .homepage-revamp-2021 .category .category-banner .swiper-slide,
  .homepage-revamp-2021 .category .category-banner .items {
    width: 142px;
    height: 88px;
  }

  .homepage-revamp-2021 .category .category-banner .items p {
    font-size: 14px;
  }
}
/* Category Banner (end) */

/* Promotion */
.homepage-revamp-2021 .promotion {
  padding-bottom: 120px;
}

.homepage-revamp-2021 .promotion .title {
  font-size: 40px;
  letter-spacing: 0.9px;
  text-align: center;
  color: #bba562 !important;
  margin-bottom: 42px;
}

.homepage-revamp-2021 .promotion .promotion-container {
  max-width: 1440px;
  margin: 0 auto;
}

.homepage-revamp-2021 .promotion .promotion-banner {
  overflow: unset;
}
/* .homepage-revamp-2021 .promotion .promotion-banner .swiper-slide:hover ~ .swiper-slide:not(:hover){
  opacity: 0.8;
}
.homepage-revamp-2021 .promotion .promotion-banner .swiper-slide:hover {
  opacity: 1;
} */
.homepage-revamp-2021 .promotion .promotion-banner .swiper-slide {
  width: 384px;
  min-height: 460px;
  transition: all 0.2s ease-in-out;
}

.homepage-revamp-2021 .promotion .promotion-banner .swiper-wrapper .swiper-slide-prev {
  opacity: 1 !important;
}

.homepage-revamp-2021 .promotion .promotion-banner .swiper-button-prev,
.homepage-revamp-2021 .promotion .promotion-banner .swiper-button-next {
  width: 50px;
  height: 50px;
  background-size: 30px;
  box-shadow: 0 2px 10px 0 rgb(187,165,98,20%);
  border-radius: 100%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  display: none;
}

.homepage-revamp-2021 .promotion .promotion-container:hover .promotion-banner .swiper-button-prev,
.homepage-revamp-2021 .promotion .promotion-container:hover .promotion-banner .swiper-button-next {
  display: block;
}

.homepage-revamp-2021 .promotion .promotion-banner .swiper-button-prev {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-left-gold.svg');
  left: -70px;
}

.homepage-revamp-2021 .promotion .promotion-banner .swiper-button-next {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-right-gold.svg');
  right: -70px;
}

.homepage-revamp-2021 .promotion .promotion-banner .items {
  width: 384px;
  min-height: 460px;
  background-color: #f9f9f9;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.homepage-revamp-2021 .promotion .promotion-banner .items:hover img{
  transform: scale(1.05);
}
.homepage-revamp-2021 .promotion .promotion-banner .items:hover a .icon-arrow{
  margin-left: 10px;
}

.homepage-revamp-2021 .promotion .promotion-banner .items img {
  width: 100%;
  transition: all 0.2s ease-in-out;
}
.homepage-revamp-2021 .promotion .promotion-banner .items img.img-mobile {
  display: none;
}
@media screen and (max-width:1024px) {
  .homepage-revamp-2021 .promotion .promotion-banner .items img {
    display: none;
  }
  .homepage-revamp-2021 .promotion .promotion-banner .items img.img-mobile {
    display: block;
  }
}

.homepage-revamp-2021 .promotion .promotion-banner .items p {
  margin: 0;
}

.homepage-revamp-2021 .promotion .promotion-banner .items .content-container {
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  background-color: #f9f9f9;
  position: relative;
  z-index: 2;
  color: #3e3e3e;
}

.homepage-revamp-2021 .promotion .promotion-banner .items .content-container .sub-title {
  font-size: 16px;
  letter-spacing: 0.34px;
}

.homepage-revamp-2021 .promotion .promotion-banner .items .content-container .description {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.27;
  letter-spacing: 0.33px;
  margin: 12px 0 35px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.homepage-revamp-2021 .promotion .promotion-banner .items .content-container .read-more {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.34px;
  color: #bba562 !important;
  display: flex;
  align-items: center;
  gap: 5px;
}

.homepage-revamp-2021 .promotion .promotion-banner .view-all {
  min-height: 460px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-align: center;
  color: #bba562 !important;
  border-radius: 5px;
}

.homepage-revamp-2021 .promotion .promotion-banner .view-all:hover{  
  border: 1px solid #bba562;
}

@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .promotion {
    padding-bottom: 60px;
  }

  .homepage-revamp-2021 .promotion .title {
    font-size: 18px;
    letter-spacing: 0.44px;
    margin-bottom: 23px;
  }

  .homepage-revamp-2021 .promotion .promotion-banner {
    padding: 0 50px;
  }

  .homepage-revamp-2021 .promotion .promotion-banner .swiper-slide {
    width: 234px;
    min-height: 280px;
    height: auto;
  }

  .homepage-revamp-2021 .promotion .promotion-banner .swiper-slide.no-content {
    display: none;
  }

  .homepage-revamp-2021 .promotion .promotion-banner .swiper-button-prev,
  .homepage-revamp-2021 .promotion .promotion-banner .swiper-button-next {
    display: none;
  }

  .homepage-revamp-2021 .promotion .promotion-container:hover .promotion-banner .swiper-button-prev,
  .homepage-revamp-2021 .promotion .promotion-container:hover .promotion-banner .swiper-button-next {
    display: none;
  }

  .homepage-revamp-2021 .promotion .promotion-banner .items {
    width: 234px;
    min-height: 280px;
  }

  .homepage-revamp-2021 .promotion .promotion-banner .items .content-container {
    padding: 16px;
    height: 150px;
  }

  .homepage-revamp-2021 .promotion .promotion-banner .items .content-container .sub-title {
    font-size: 12px;
    letter-spacing: 0.26px;
  }

  .homepage-revamp-2021 .promotion .promotion-banner .items .content-container .description {
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: 0.21px;
    margin: 8px 0 18px 0;
    max-height: 36px;
  }

  .homepage-revamp-2021 .promotion .promotion-banner .items .content-container .read-more {
    font-size: 12px;
    letter-spacing: 0.26px;
  }

  .homepage-revamp-2021 .promotion .promotion-banner .view-all {
    min-height: 100%;
    border: 1px solid #bba562;
    border-radius: 5px;
  }
}

@media screen and (max-width: 768px) {
  .homepage-revamp-2021 .promotion {
    padding-bottom: 40px;
  }

  .homepage-revamp-2021 .promotion .title {
    font-size: 18px;
    letter-spacing: 0.18px;
    margin-bottom: 20px;
  }

  .homepage-revamp-2021 .promotion .promotion-banner {
    padding: 0 20px;
  }

  .homepage-revamp-2021 .promotion .promotion-banner .view-all {
    font-size: 14px;
  }
}
/* Promotion (end) */

/* Events */
.homepage-revamp-2021 .events {
  position: relative;
  padding-top: 140px;
}
.homepage-revamp-2021 .events .background{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.homepage-revamp-2021 .events .background.img-mobile{
  display: none;
}
@media screen and (max-width: 768px) {
  .homepage-revamp-2021 .events .background{
    display: none;
  }
  .homepage-revamp-2021 .events .background.img-mobile{
    display: block;
  }
}

.homepage-revamp-2021 .events .events-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width:1024px) {
  .homepage-revamp-2021 .events .events-container {
    margin-right: 50px;
  }
}
@media screen and (max-width:768px) {
  .homepage-revamp-2021 .events .events-container {
    margin-right: auto;
  }
}

.homepage-revamp-2021 .events .events-container .events-banner {
  width: 630px;
}

.homepage-revamp-2021 .events .events-container .events-banner .swiper-slide {
  width: 100%;
  transition: opacity 0.4s ease-in-out;
  /* opacity: 0 !important; */
}
.homepage-revamp-2021 .events .events-container .events-banner .swiper-slide:not(.swiper-slide-active){
  opacity: 0 !important;
}

.homepage-revamp-2021 .events .events-container .events-banner .swiper-button-prev,
.homepage-revamp-2021 .events .events-container .events-banner .swiper-button-next {
  width: 40px;
  height: 40px;
  background-size: 25px;
  position: unset;
  border-radius: 100%;
  border: #bca662 1.5px solid;
  background-position: center;
}

.homepage-revamp-2021 .events .events-container .events-banner .swiper-button-prev {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-left-gold.svg');
  /* url('../img/0001-homepage-revamp-2021/icon-pre.png'); */
  margin-right: 16px;
}

.homepage-revamp-2021 .events .events-container .events-banner .swiper-button-prev.swiper-button-disabled {
  opacity: 0.2;
  /* background-image: url('../img/0001-homepage-revamp-2021/icon-pre-disabled.png');
  border: #5e5337 1.5px solid; */
}

.homepage-revamp-2021 .events .events-container .events-banner .swiper-button-next {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-right-gold.svg');
  /* url('../img/0001-homepage-revamp-2021/icon-next.png'); */
  
}

.homepage-revamp-2021 .events .events-container .events-banner .swiper-button-next.swiper-button-disabled {
  opacity: 0.2;
  /* background-image: url('../img/0001-homepage-revamp-2021/icon-next-disabled.png');
  border: #5e5337 1.5px solid; */
}

.homepage-revamp-2021 .events .events-container .events-banner .items {
  height: 100%;
  background-color: #ffffff1a;
  color: #ffffff !important;
  padding: 35px 40px;
  height: 360px;
}

.homepage-revamp-2021 .events .events-container .events-banner .items p {
  margin: 0;
}

.homepage-revamp-2021 .events .events-container .events-banner .items .title-container {
  margin-bottom: 30px;
}

.homepage-revamp-2021 .events .events-container .events-banner .items .title-container .title {
  font-size: 40px;
  letter-spacing: 0.9px;
  color: #bba562 !important;
}

.homepage-revamp-2021 .events .events-container .events-banner .items .title-container .buttons {
  height: 40px;
}

.homepage-revamp-2021 .events .events-container .events-banner .items .sub-title {
  font-size: 20px;
  letter-spacing: 0.4px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 56px;
}

.homepage-revamp-2021 .events .events-container .events-banner .items .date {
  font-size: 14px;
  letter-spacing: 0.28px;
}

.homepage-revamp-2021 .events .events-container .events-banner .items .description {
  font-size: 14px;
  letter-spacing: 0.28px;
  opacity: 0.6;
  margin: 16px 0 30px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

}

.homepage-revamp-2021 .events .events-container .events-banner .items .action {
  display: flex;
}

.homepage-revamp-2021 .events .events-container .events-banner .items .action a {
  padding: 10px 25px;
  background-color: #bba661;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.28px;
  border: 1px solid #bba661;
}

.homepage-revamp-2021 .events .events-container .events-banner .items .action a:hover {
  background-color: transparent;
  color: #fff !important;
}

@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .events .events-container .events-banner .items .action a{
    padding: 7px 25px;
  }
  .homepage-revamp-2021 .actions .add-cart-action .add-cart{
    width: 36px;
    height: 36px;
  }
  .homepage-revamp-2021 .actions .add-cart-action .add-cart .icon{
    font-size: 19px;
  }
  .homepage-revamp-2021 .events {
    padding-top: 30px;
  }

  .homepage-revamp-2021 .events .events-container .events-banner {
    width: 500px;
  }

  .homepage-revamp-2021 .events .events-container .events-banner .swiper-button-prev,
  .homepage-revamp-2021 .events .events-container .events-banner .swiper-button-next {
    width: 30px;
    height: 30px;
    background-size: 20px;
  }

  .homepage-revamp-2021 .events .events-container .events-banner .swiper-button-prev {
    margin-right: 14px;
  }

  .homepage-revamp-2021 .events .events-container .events-banner .items {
    background-color: #ffffff1a;
    padding: 20px;
    height: 230px;
  }

  .homepage-revamp-2021 .events .events-container .events-banner .items .title-container {
    margin-bottom: 20px;
  }

  .homepage-revamp-2021 .events .events-container .events-banner .items .title-container .title {
    font-size: 18px;
    letter-spacing: 0.36px;
  }

  .homepage-revamp-2021 .events .events-container .events-banner .items .title-container .buttons {
    height: 30px;
  }

  .homepage-revamp-2021 .events .events-container .events-banner .items .sub-title {
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: 0.28px;
    height: 36px;
  }

  .homepage-revamp-2021 .events .events-container .events-banner .items .date {
    font-size: 10px;
    letter-spacing: 0.28px;
  }

  .homepage-revamp-2021 .events .events-container .events-banner .items .description {
    font-size: 10px;
    letter-spacing: 0.2px;
    margin: 6px 0 16px 0;
    max-height: 32px;
  }
}

@media screen and (max-width: 768px) {
  .homepage-revamp-2021 .events .events-container .events-banner {
    width: 290px;
  }
}
/* Events (end) */

/* Wine Ideas For You */
.homepage-revamp-2021 .wine-ideas {
  margin: 120px 0;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-content {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-bg {
  padding: 60px 120px;
  position: relative;
}
.homepage-revamp-2021 .wine-ideas .wine-ideas-bg .background{
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.homepage-revamp-2021 .wine-ideas .wine-ideas-bg .background.img-mobile{
  display: none;
}
@media screen and (max-width: 768px) {
  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .background{
    display: none;
  }
  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .background.img-mobile{
    display: block;
  }
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-bg .swiper-pagination {
  bottom: 0;
  display: none;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container {
  position: relative;
  z-index: 1;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container .title {
  font-size: 40px;
  letter-spacing: 0.8px;
  text-align: center;
  color: #bba562 !important;
  margin-bottom: 60px;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container .buttons {
  position: absolute;
  top: 30px;
  right: 0;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container .buttons .swiper-button-prev,
.homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container .buttons .swiper-button-next {
  width: 40px;
  height: 40px;
  background-size: 25px;
  position: unset;
  border-radius: 100%;
  border: #bca662 1.5px solid;
  background-position: center;
}

.swiper-button-prev,
.swiper-button-next{
  transition: all 0.2s ease-in-out;
}
.swiper-button-prev:hover{
  background-position-x: calc(50% - 2.5px) !important;
}
.swiper-button-next:hover{
  background-position-x: calc(50% + 2.5px) !important;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container .buttons .swiper-button-prev {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-left-gold.svg');
  /* background-image: url('../img/0001-homepage-revamp-2021/icon-pre.png'); */
  margin-right: 16px;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container .buttons .swiper-button-prev.swiper-button-disabled {
  opacity: 0.2;
  /* background-image: url('../img/0001-homepage-revamp-2021/icon-pre-disabled.png'); */
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container .buttons .swiper-button-next {
  /* background-image: url('../img/0001-homepage-revamp-2021/icon-next.png'); */
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-right-gold.svg');

}

.homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container .buttons .swiper-button-next.swiper-button-disabled {
  opacity: 0.2;
  /* background-image: url('../img/0001-homepage-revamp-2021/icon-next-disabled.png'); */
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner {
  display: grid;
  grid-template-columns: 336px 1fr;
  grid-gap: 22px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width:1024px) {
  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .image-container{
    padding: 0 0 30px;
  }
}
@media screen and (max-width:768px) {
  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .image-container{
    padding: 0 0 20px;
  }
}
.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .image-container img {
  width: 100%;
  border-radius: 5px;
  object-fit: cover;
  height: 100%;
}
.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .image-container img.img-mobile {
  display: none;
}
@media screen and (max-width:1024px) {
  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .image-container img {
    display: none;
  }
  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .image-container img.img-mobile {
    display: block;
  }
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .swiper-container {
  width: 100%;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .swiper-container .swiper-wrapper .swiper-slide-prev {
  opacity: 1 !important;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .swiper-slide {
  height: calc((100% - 22px) / 2);
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items {
  padding: 20px 26px;
  display: flex;
  border-radius: 5px;
  background-color: #ffffff;
  overflow: hidden;
  height: 100%;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items p {
  margin: 0;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .title {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-word;
  font-weight: normal;
  color: #3e3e3e;
}
@media screen and (max-width:1024px) {
  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .description,
  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .title {
    -webkit-line-clamp: 2;
    max-height: 30px;
  }
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .image-content {
  display: none;
  align-items: center;
  margin-top: 5px;
  gap: 12px;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .image-content .image-block {
  display: flex;
  align-items: center;
  white-space: nowrap;
  /* margin-right: 10px; */
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .image-content .image-block .block {
  border-radius: 5px;
  background-color: #bca662;
  color: #ffffff !important;
  padding: 3px 5px;
  margin-right: 5px;
  font-size: 10px;
  width: 31px;
  height: 26px;
  line-height: 18px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .image-content .image-block p {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.24px;
}
.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items:hover .content-container .image-content {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width:1024px) {
  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .image-content {
    display: flex;
  }
  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .image-content .image-block .block {
    font-size: 10px;
    width: 20px;
    height: 18px;
  }
  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .image-content .image-block p {
      font-size: 10px;
  }
  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items:hover .content-container .image-content{
    flex-wrap: unset;
  }
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .original-price {
  font-size: 13px;
  letter-spacing: 0.28px;
  color: #666 !important;
  text-decoration: line-through;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px 4px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.39px;
  color: #9d0229;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .price span:not(.member-tag) {
  font-size: 14px;
  letter-spacing: 0.3px;
  margin-right: -2px;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .product-image {
  display: flex;
  align-items: center;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .product-image img {
  width: 139px;
  height: 200px;
}

.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
}
.homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .actions >div{
  align-self: flex-end;
}

@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .wine-ideas {
    margin: 40px 0;
    padding: 0 50px;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg {
    padding: 30px 60px;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .swiper-container {
    padding-bottom: 30px;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .swiper-pagination {
    display: block;
    width: calc(100% - 120px);
    bottom: 30px;
  }
  
  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .swiper-pagination .swiper-pagination-bullet {
    border: solid 1px #979797;
    opacity: 1;
    background-color: unset;
    margin: 0 5px;
    background-color: rgba(255, 255, 255, 0.7);
  }
  
  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #bca662;
    margin: 0 5px;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container .title {
    font-size: 18px;
    letter-spacing: 0.44px;
    margin-bottom: 24px;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container .buttons {
    display: none !important;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner {
    display: grid;
    grid-template-columns: 90px 1fr;
    grid-gap: 14px;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .swiper-slide {
    height: 100%;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items {
    padding: 10px 16px;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .title {
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: 0.26px;
    margin: 6px 0 8px;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .image-content .image-block {
    display: flex;
    align-items: center;
    /* margin-right: 10px; */
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .price {
    font-size: 16px;
    letter-spacing: 0.34px;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .product-image img {
    width: 84px;
    height: 120px;
  }
}

@media screen and (max-width: 768px) {
  .homepage-revamp-2021 .wine-ideas {
    padding: 0;
  }
  .homepage-revamp-2021 .wine-ideas .wine-ideas-content {
    padding: 0;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg {
    padding: 20px 20px 40px 20px;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container .title {
    font-size: 18px;
    letter-spacing: 0.18px;
    margin-bottom: 20px;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .items {
    grid-template-columns: 1fr;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .items .item.no-for-mobile {
    display: none;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .swiper-container {
    padding-bottom: 20px;
  }

  .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .swiper-pagination {
    display: block;
    width: calc(100% - 40px);
    bottom: 20px;
  }
}
/* Wine Ideas For You (end) */

/* Good Wine for Good Moments */
.homepage-revamp-2021 .good-wine {
  margin-bottom: 130px;
}

.homepage-revamp-2021 .good-wine .good-wine-content {
  max-width: 1440px;
  margin: 0 auto;
}

.homepage-revamp-2021 .good-wine .sub-title {
  font-size: 24px;
  letter-spacing: 0.56px;
  text-align: center;
  color: #bba562 !important;
  line-height: 50px;
}

.homepage-revamp-2021 .good-wine .title {
  font-size: 50px;
  letter-spacing: 1.2px;
  text-align: center;
  color: #bba562 !important;
  margin-bottom: 45px;
  line-height: 1;
}

.homepage-revamp-2021 .good-wine .good-wine-banner .swiper-container {
  padding: 0;
}
@media screen and (max-width:1024px) {
  .homepage-revamp-2021 .good-wine .good-wine-banner .swiper-container {
    overflow: visible;
  }
}

.homepage-revamp-2021 .good-wine .good-wine-banner .swiper-wrapper .swiper-slide-prev {
  opacity: 1 !important;
}

.homepage-revamp-2021 .good-wine .good-wine-banner .swiper-slide {
  width: 188px;
  height: 180px;
}

.homepage-revamp-2021 .good-wine .good-wine-banner {
  /* width: calc(100% - 100px); */
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.homepage-revamp-2021 .good-wine .good-wine-banner .items {
  max-width: 188px;
  width: 100%;
  height: 180px;
}

.homepage-revamp-2021 .good-wine .good-wine-banner .items:hover img{
  transform: scale(1.05);
}
.homepage-revamp-2021 .good-wine .good-wine-banner .items img {
  width: 100%;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.homepage-revamp-2021 .good-wine .good-wine-banner .swiper-button-prev,
.homepage-revamp-2021 .good-wine .good-wine-banner .swiper-button-next {
  width: 40px;
  height: 40px;
  background-size: 25px;
  border-radius: 100%;
  border: #bca662 1.5px solid;
  background-position: center;
}

.homepage-revamp-2021 .good-wine .good-wine-banner .swiper-button-prev {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-left-gold.svg');
  left: -60px;
}

.homepage-revamp-2021 .good-wine .good-wine-banner .swiper-button-next {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-right-gold.svg');
  right: -60px;
}

@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .good-wine {
    margin-bottom: 50px;
  }

  .homepage-revamp-2021 .good-wine .sub-title {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.3px;
    /* margin-bottom: 5px; */
  }

  .homepage-revamp-2021 .good-wine .title {
    font-size: 18px;
    letter-spacing: 0.36px;
    margin-bottom: 20px;
  }

  .homepage-revamp-2021 .good-wine .good-wine-banner .swiper-slide {
    width: 118px;
    height: 118px;
  }

  .homepage-revamp-2021 .good-wine .good-wine-banner {
    width: 100%;
    padding: 0 50px;
  }

  .homepage-revamp-2021 .good-wine .good-wine-banner .items {
    width: 118px;
    height: 118px;
  }

  .homepage-revamp-2021 .good-wine .good-wine-banner .swiper-button-prev,
  .homepage-revamp-2021 .good-wine .good-wine-banner .swiper-button-next {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .homepage-revamp-2021 .good-wine .good-wine-banner {
    padding: 0 20px;
  }
}
/* Good Wine for Good Moments (end) */

/* Wine Blogs */
.homepage-revamp-2021 .wine-blogs {
  padding: 60px 0 100px 0;
  position: relative;
}
.homepage-revamp-2021 .wine-blogs .background{
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.homepage-revamp-2021 .wine-blogs .background.img-mobile{
  display: none;
}
@media screen and (max-width: 768px) {
  .homepage-revamp-2021 .wine-blogs .background{
    display: none;
  }
  .homepage-revamp-2021 .wine-blogs .background.img-mobile{
    display: block;
  }
}

.homepage-revamp-2021 .wine-blogs .wine-blogs-content {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.homepage-revamp-2021 .wine-blogs .title {
  font-size: 40px;
  letter-spacing: 0.9px;
  text-align: center;
  color: #bba562 !important;
  margin-bottom: 60px;
}

.homepage-revamp-2021 .wine-blogs .content-container {
  margin-bottom: 66px;
}

.homepage-revamp-2021 .wine-blogs .content-container .wine-blogs-banner .swiper-container {
  padding: 0 20px;
}

.homepage-revamp-2021 .wine-blogs .content-container .wine-blogs-banner .swiper-slide {
  width: 284px;
}

.homepage-revamp-2021 .wine-blogs .content-container .wine-blogs-banner .swiper-slide.viewAll-slide {
  display: none;
}

.homepage-revamp-2021 .wine-blogs .content-container .wine-blogs-banner .swiper-slide.viewAll-slide .view-all {
  border: 1px solid #bba562;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.27px;
  line-height: normal;
  color: #bba562 !important;
  border-radius: 5px;
}

.homepage-revamp-2021 .wine-blogs .content-container .wine-blogs-banner .swiper-wrapper .swiper-slide-prev {
  opacity: 1 !important;
}

.homepage-revamp-2021 .wine-blogs .content-container .items {
  background-color: #ffffff;
  border-radius: 5px;
  overflow: hidden;
}
.homepage-revamp-2021 .wine-blogs .content-container .items:hover img{
  transform: scale(1.05);
}
.homepage-revamp-2021 .wine-blogs .content-container .items:hover a .icon-arrow{
  margin-left: 10px;
}
.homepage-revamp-2021 .wine-blogs .content-container .items img {
  width: 100%;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 1;
}
.homepage-revamp-2021 .wine-blogs .content-container .items img.img-mobile {
  display: none;
}
@media screen and (max-width:1024px) {
  .homepage-revamp-2021 .wine-blogs .content-container .items img {
    display: none;
  }
  .homepage-revamp-2021 .wine-blogs .content-container .items img.img-mobile {
    display: block;
  }
}

.homepage-revamp-2021 .wine-blogs .content-container .items p {
  margin: 0;
}

.homepage-revamp-2021 .wine-blogs .content-container .items .description-container {
  padding: 28px;
  background-color: #ffffff;
  position: relative;
  z-index: 2;
}

.homepage-revamp-2021 .wine-blogs .content-container .items .description-container .date {
  opacity: 0.6;
  font-size: 13px;
  letter-spacing: 0.3px;
}

.homepage-revamp-2021 .wine-blogs .content-container .items .description-container .description {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.32px;
  margin: 10px 0 20px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 45px;
}

.homepage-revamp-2021 .wine-blogs .content-container .items .description-container .read-more {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #bba562 !important;
  display: flex;
  align-items: center;
  gap: 5px;
}

.homepage-revamp-2021 .wine-blogs .actions {
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage-revamp-2021 .wine-blogs .actions .view-all {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.28px;
  color: #bba661 !important;
  padding: 15px 70px;
  border: solid 1.5px #bba661;
  transition: all 0.3s ease-in-out;
}

.homepage-revamp-2021 .wine-blogs .actions .view-all:hover {
  color: #ffffff !important;
  background-color: #bba661;
}

.homepage-revamp-2021 .services .title {
  font-size: 32px;
  letter-spacing: 0.64px;
  text-align: center;
  color: #bba562;
  margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .services .content{
    padding: 0 50px;
  }

  .homepage-revamp-2021 .wine-blogs .content-container .wine-blogs-banner .swiper-container{
    padding: 0 50px;
  }
  
  .homepage-revamp-2021 .wine-blogs .content-container .wine-blogs-banner .swiper-slide {
    width: 205px;
  }

  .homepage-revamp-2021 .services .content .items .description {
    /* display: none; */
  }

  .homepage-revamp-2021 .wine-blogs {
    padding: 22px 0 42px 0;
    /* margin: 0 !important; */
  }

  .homepage-revamp-2021 .wine-blogs .title {
    font-size: 18px;
    letter-spacing: 0.18px;
    margin-bottom: 20px;
  }

  .homepage-revamp-2021 .services .title {
    font-size: 16px;
    letter-spacing: 0.21px;
    margin-bottom: 20px;
  }

  .homepage-revamp-2021 .wine-blogs .content-container .items .description-container {
    padding: 18px 16px;
  }

  .homepage-revamp-2021 .wine-blogs .content-container .items .description-container .date {
    font-size: 12px;
    letter-spacing: 0.2px;
  }

  .homepage-revamp-2021 .wine-blogs .content-container .items .description-container .description {
    font-size: 12px;
    letter-spacing: 0.24px;
    margin: 5px 0 15px 0;
    height: 35px;
  }

  .homepage-revamp-2021 .wine-blogs .content-container .items .description-container .read-more {
    font-size: 12px;
    letter-spacing: 0.26px;
  }

  .homepage-revamp-2021 .wine-blogs .content-container .wine-blogs-banner .swiper-slide {
    height: auto;
  }
  
}

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

  .homepage-revamp-2021 .wine-blogs .content-container .wine-blogs-banner .swiper-container{
    padding: 0 20px;
  }
  .homepage-revamp-2021 .wine-blogs .content-container .items .description-container .description {
    margin: 5px 0 19px 0;
  }
}
/* Wine Blogs (end) */

/* Services */
.homepage-revamp-2021 .services {
  padding: 0 0 50px;
  max-width: 1240px;
  margin: auto;
}

.homepage-revamp-2021 .services .content {
  display: grid;
  grid-gap: 32px;
  margin: 0 45px;
  grid-template-columns: repeat(4, 1fr);
}

.homepage-revamp-2021 .services .content .items .image {
  width: 145px;
  height: 145px;
  border-radius: 100%;
  background-color: #f8f6ef;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.homepage-revamp-2021 .services .content .items .image img {
  width: 68px;
  height: 68px;
}

.homepage-revamp-2021 .services .content .items .title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.36px;
  text-align: center;
  color: #bba562 !important;
  margin: 24px 0 10px 0;
}

.homepage-revamp-2021 .services .content .items .description {
  font-size: 14px;
  letter-spacing: 0.28px;
  text-align: center;
  color: #666 !important;
}
.homepage-revamp-2021 .services .content .items .description span{
  color: #bba562;
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .services .content .items .image {
    width: 80px;
    height: 80px;
  }

  .homepage-revamp-2021 .services .content .items .image img {
    width: 42px;
    height: 42px;
  }

  .homepage-revamp-2021 .services .content .items .title {
    font-size: 14px;
    letter-spacing: 0.28px;
    margin: 8px 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .homepage-revamp-2021 .services {
    padding: 0 0 40px ;
  }

  .homepage-revamp-2021 .services .content {
    grid-gap: 20px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    padding: 0 20px;
  }

  .homepage-revamp-2021 .services .content .items a {
    display: grid;
    align-items: center;
    gap: 0 8px;
    grid-template-columns: 80px auto;
  }

  .homepage-revamp-2021 .services .content .items a .image {
    grid-row: 1 / -4;
  }

  .homepage-revamp-2021 .services .content .items a .title,
  .homepage-revamp-2021 .services .content .items a .description {
    text-align: left;
    margin: 0 0 4px;
  }

  .homepage-revamp-2021 .services .content .items a >*:last-child {
    margin-bottom: unset;
  }
}
/* Services (end) */

.homepage-revamp-2021 .hot-keywords-bar {
  background: #E4DBC0;
}

.homepage-revamp-2021 .hot-keywords-bar .content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 40px;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.18px;
  padding: 0 9px;
}

.homepage-revamp-2021 .hot-keywords-bar .title {
  font-weight: 700;
  white-space: nowrap;
  /* min-width: 104px; */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin-right: 20px;
}

.homepage-revamp-2021 .hot-keywords-bar .keywords-bar {
  flex: 0 1 auto;
  width: max-content;
  overflow: hidden;
}

.homepage-revamp-2021 .hot-keywords-bar .keywords-bar .swiper-wrapper {
  width: auto;
}

.homepage-revamp-2021 .hot-keywords-bar .keywords-bar .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  /* min-width: 83px; */
  height: 18px;
  width: fit-content;
  padding: 10px;
  font-weight: 400;
  letter-spacing: inherit;
  margin-right: 20px;
}

.homepage-revamp-2021 .hot-keywords-bar .keywords-bar .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0px;
}

@media screen and (min-width: 1025px) {
  .homepage-revamp-2021 .hot-keywords-bar .content,
  .homepage-revamp-2021 .most-popular .most-popular-content,
  .homepage-revamp-2021 .new-arrivals .banner-container,
  .homepage-revamp-2021 .category .category-content,
  .homepage-revamp-2021 .promotion .promotion-container,
  /* .homepage-revamp-2021 .wine-ideas .wine-ideas-content, */
  .homepage-revamp-2021 .good-wine .good-wine-content,
  .homepage-revamp-2021 .events .events-container,
  .homepage-revamp-2021 .wine-blogs .wine-blogs-content{
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1240px;
    margin: auto;
  }
  .homepage-revamp-2021 .hot-keywords-bar .content {
    /* gap: 11px; */
    height: 35px;
    font-size: 14px;
  }
  .homepage-revamp-2021 .hot-keywords-bar .title,
  .homepage-revamp-2021 .hot-keywords-bar .keywords-bar .swiper-wrapper .swiper-slide {
    height: 19px;
    /* min-width: 114px; */
  }
  .homepage-revamp-2021 .wine-blogs .content-container .wine-blogs-banner .swiper-container,
  .homepage-revamp-2021 .promotion{
    padding: 0;
  }
  .homepage-revamp-2021 .promotion .promotion-container{
    margin-bottom: 120px;
  }
  .homepage-revamp-2021 .category,
  .homepage-revamp-2021 .most-popular{
    margin: 0 0 120px;
    padding: 0;
  }
  .homepage-revamp-2021 .main-banner{
    margin-bottom: 120px;
  }
  .homepage-revamp-2021 .new-arrivals,
  .homepage-revamp-2021 .events ,
  .homepage-revamp-2021 .wine-blogs {
    margin: 0 calc(-50vw + 50%) 120px !important;
    max-width: unset !important;
  }
}
@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .main-banner,
  .homepage-revamp-2021 .new-arrivals,
  .homepage-revamp-2021 .events{
    margin-bottom: 40px;
  }
  .homepage-revamp-2021 .wine-blogs {
    margin-bottom: 50px;
  }
  .homepage-revamp-2021 .category,
  .homepage-revamp-2021 .most-popular{
    padding: 0 0 40px;
  }
}

.homepage-revamp-2021 .promotion .promotion-banner .items .content-container .description,
.homepage-revamp-2021 .events .events-container .events-banner .items .sub-title,
.homepage-revamp-2021 .wine-blogs .content-container .items .description-container .description,
.homepage-revamp-2021 .wine-blogs .content-container .items .description-container .read-more {
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  /* .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .price {
    color: #9d0229 !important;
  } */
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .original-price {
    display: block;
  }
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image .image-position {
    height: 230px;
  }
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image .image-position .image-content {
    display: flex;
    opacity: 1;
    transform: translate(0 , 49px);
  }
  .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .actions .add-cart-action {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .image-content,
  .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .image-content{
    gap: 12px;
  }
  
}

/* badget */
.items .item-badget {
  float: left;
  /* margin-top: 20px; */    
  z-index: 2;
  position: relative;
}
.items .item-badget .discount {
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  background-size: 60px 60px;
}
.products .items .item-badget [class*="discount"] {
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  background-size: 60px 60px;
}

[class*="product-tag"] {
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  background-size: 60px 60px;
}
[class*="product-tag-new"] {
  width: 40px;
  height: 24px;
  margin-bottom: 10px;
}

.items .item-badget .bestever {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: solid 1px #bba661;
  background-color: #000;
  font-size: 10px;
  color: #bba661 !important;
  text-align: center;
  line-height: 10px;
  margin-bottom: 10px;
}
.items .item-badget .bestever > div {
  width: 60px;
  height: 60px;
  padding: 16px 0px;
}
.items .item-badget .bestever > div span {
  font-size: 18px;
  line-height: 24px;
  display: block;
}
.items .item-badget .bestever > div span.text-6 {
  font-size: 6px;
  line-height: 6px;
}
.items .item-badget .bestever > div span.text-16 {
  font-size: 16px;
  line-height: 16px;
}
.items .item-badget .exclusive {
  width: 60px;
  height: 60px;
  padding: 16px 0px;
  background-size: cover;
  background: url('../img/0001-plp-revamp/tag-online-exclusive-l.png');
  background-size: cover;
  color: #fff !important;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 10px;
}
.items .item-badget .exclusive-gold {
  background: url('../img/0001-plp-revamp/tag-ww-exclusive-l.png');
  background-size: cover;
}
.items .item-badget .exclusive span {
  display: block;
  font-size: 10px;
  line-height: 10px;
}

.items .item-badget .tag {
  width: 60px;
  height: 60px;
  padding: 8px 0px;
  background-size: cover;
  background: url('../img/0001-plp-revamp/tag-top-seller-l.png');
  background-size: cover;
  font-size: 12px;
  color: #fff !important;
  text-align: center;
  margin-bottom: 10px;
}
.items .item-badget .tag.tag-gold {
  background: url('../img/0001-plp-revamp/tag-best-value-l.png');
  background-size: cover;
}
.items .item-badget .tag span {
  display: block;
}
.items .item-badget .new {
  width: 50px;
  height: 24px;
  padding: 2px 0;
  border-radius: 5px;
  background-color: #000;
  font-size: 14px;
  text-align: center;
  color: #fff !important;
  margin-bottom: 10px;
}

/* item fav btn */
.items .btn-fav {
  width: 28px;
  height: 28px;
  border-radius: 28px;
  object-fit: contain;
  box-shadow: 0 2px 8px 0 rgba(85, 74, 42, 0.15);
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 12;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
}

.items .btn-fav::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("../img/0001-plp-revamp/icon-add-to-fav.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: background-image 0.2s ease-in-out;
}

.items .btn-fav.item-fav::before {
    background-image: url("../img/0001-plp-revamp/icon-add-to-fav-selected.svg");
    animation: popHeart 0.5s ease-in-out;
}

@keyframes popHeart{
    0%{
        transform: scale(0.75);
    }
    50%{
        transform: scale(1.25);
    }
    100%{
        transform: scale(1);
    }
}


.searcher-outside {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -10;
}
.out-of-stock {
  flex-grow: 1;
  padding: 5px 0;
  border-radius: 19px;
  background-color: rgba(102, 102, 102, 0.5);
  font-size: 14px;
  text-align: center;
  color: #fff !important;
  max-width: 110px;
  font-weight: 600;
}

@media screen and (max-width: 1024px) {  
  [class*="product-tag"] {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    background-size: 40px 40px;
  }
  [class*="product-tag-new"] {
      width: 30px;
      height: 18px;
      margin-bottom: 10px;
      background-size: 40px 40px;
  }
  .items .item-badget {
    margin-top: 0px;
  }
  .items .item-badget .exclusive {
    width: 40px;
    height: 40px;
    padding: 12px 0px;
    font-size: 9px;
    line-height: 9px;
    margin-bottom: 10px;
  }
  .items .item-badget .exclusive-gold {
    background: url('../img/0001-plp-revamp/tag-ww-exclusive-l.png');
    background-size: cover;
  }
  .items .item-badget .exclusive span {
    display: block;
    font-size: 7px;
    line-height: 7px;
  }
  .items .item-badget .new {
    width: 32px;
    height: 20px;
    font-size: 10px;
  }

  .items .item-badget .tag {
    width: 40px;
    height: 40px;
    font-size: 8px;
    margin-bottom: 10px;
    padding: 6px 0px;
  }
  .items .item-badget .discount {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    background-size: 40px 40px;
  }
  .products .items .item-badget [class*="discount"] {
      width: 40px;
      height: 40px;
      margin-bottom: 10px;
      background-size: 40px 40px;
  }

  .items .item-badget .bestever {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: solid 1px #bba661;
    background-color: #000;
    font-size: 7px;
    color: #bba661 !important;
    text-align: center;
    line-height: 7px;
    margin-bottom: 10px;
  }
  .items .item-badget .bestever > div {
    width: 40px;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0px;
  }
  .items .item-badget .bestever > div span {
    font-size: 12px;
    line-height: 12px;
    display: block;
  }
  .items .item-badget .bestever > div span.text-16 {
    font-size: 10px;
    line-height: 10px;
  }

  .actions .out-of-stock {
    font-size: 10px;
    max-width: 80px;
  }
}
/* @media screen and (max-width: 768px) {
  .mobile-lang-container {
    bottom: 66px;
  }
  .mobile-lang-container .mobile-lang-header {
    height: 66px;
    margin-bottom: 12px;
    border-radius: 20px 20px 0px 0px;
  }
  .mobile-lang-container {
    bottom: 66px;
    border-radius: 20px 20px 0px 0px;
    height: 200px;
  }
  .mobile-lang-container .mobile-lang-header .mobile-lang-title {
    margin-bottom: 12px;
    border-radius: 20px 20px 0px 0px;
    padding-bottom: 0px;
  }
  .mobile-lang-container .mobile-lang-bottom .mobile-lang-confirm {
    padding: 0px;
    width: 298px;
  }
} */

.swiper-container{
  opacity: 0;
}
.swiper-container.swiper-container-horizontal{
  opacity: 1;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  margin: 0 7.5px !important;
}
@media screen and (max-width:1024px) {
  .swiper-container .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    margin: 0 6px !important;
  }
}

.items .image {
    text-align: center;
    position: relative;
    height: 270px;
    z-index: 1;
}
.items .image img {
    height: 270px;
}
.items .image .image-position {
    position: absolute;
    height: 270px;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: height 0.5s cubic-bezier(0.47,2.0,0.41,0.8);
    -moz-transition: height 0.5s cubic-bezier(0.47,2.0,0.41,0.8);
    -o-transition: height 0.5s cubic-bezier(0.47,2.0,0.41,0.8);
    transition: height 0.5s cubic-bezier(0.47,2.0,0.41,0.8);
}
.items:hover .image .image-position {
    height: 310px;
    /* margin-bottom: -10px; */
}
.items .image .image-position .image-content {
    display: flex;
    align-items: center;
    justify-content: left;
    /* margin-top: 15px; */
    -webkit-transition: opacity 0.5s cubic-bezier(0.47,2.0,0.41,0.8);
    -moz-transition: opacity 0.5s cubic-bezier(0.47,2.0,0.41,0.8);
    -o-transition: opacity 0.5s cubic-bezier(0.47,2.0,0.41,0.8);
    transition: opacity 0.5s cubic-bezier(0.47,2.0,0.41,0.8);
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.items:hover .image .image-position .image-content {
    opacity: 1.0;
    animation: popImageContent  0.4s cubic-bezier(0.47,2.0,0.41,0.8);
}
@keyframes popImageContent{
    0%{
        bottom: 0;
    }
    50%{
        bottom: 5px;
    }
    100%{
        bottom: 0;
    }
}
.items .image .image-position .image-content .image-block {
    display: flex;
    align-items: center;
    margin-right: 10px;
    font-weight: 600;
}
.items .image .image-position .image-content .image-block .block {
    border-radius: 5px;
    background-color: #bca662;
    color: #ffffff;
    /*padding: 3px 5px;*/
    margin-right: 5px;
    font-weight: 600;
    width: 31px;
    height: 26px;
    line-height: 18px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.items .image .image-position .image-content .image-block p {
    margin: 0;
    font-size: 13px;
    letter-spacing: 0.24px;
    color: #3e3e3e;
    font-weight: 600;
}

@media screen and (max-width:1024px) {
  
  .items:hover .image .image-position .image-content{
    animation: none;
  }
}


.homepage-revamp-2021 .most-popular .most-popular-content .title *,
.homepage-revamp-2021 .new-arrivals .title ,
.homepage-revamp-2021 .category .category-banner .items p ,
.homepage-revamp-2021 .promotion .title ,
.homepage-revamp-2021 .cce-banner .cce-info .sub-title,
.homepage-revamp-2021 .cce-banner .cce-info .title,
.homepage-revamp-2021 .events .events-container .events-banner .items .title-container .title ,
.homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container .title ,
.homepage-revamp-2021 .good-wine .sub-title ,
.homepage-revamp-2021 .good-wine .title ,
.homepage-revamp-2021 .wine-blogs .title,
.homepage-revamp-2021 .spirit-brand-banner .banner-container .sprit-header .title *,
.homepage-revamp-2021 .full-width-banner .banner-container .banner-info .banner-name *,
.homepage-revamp-2021 .our-collections .title *,
.homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide .banner-container .banner-info .banner-name *,
.homepage-revamp-2021 .occasions .title *,
.homepage-revamp-2021 .occasions .occasions-swiper .swiper-slide .banner-container .banner-info .banner-name * {
  font-family: "LibreBaskerville";
}

[lang^="zh-Hant"] .homepage-revamp-2021 .most-popular .most-popular-content .title *,
[lang^="zh-Hant"] .homepage-revamp-2021 .new-arrivals .title ,
[lang^="zh-Hant"] .homepage-revamp-2021 .category .category-banner .items p ,
[lang^="zh-Hant"] .homepage-revamp-2021 .promotion .title ,
[lang^="zh-Hant"] .homepage-revamp-2021 .cce-banner .cce-info .sub-title,
[lang^="zh-Hant"] .homepage-revamp-2021 .cce-banner .cce-info .title,
[lang^="zh-Hant"] .homepage-revamp-2021 .events .events-container .events-banner .items .title-container .title ,
[lang^="zh-Hant"] .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container .title ,
[lang^="zh-Hant"] .homepage-revamp-2021 .good-wine .sub-title ,
[lang^="zh-Hant"] .homepage-revamp-2021 .good-wine .title ,
[lang^="zh-Hant"] .homepage-revamp-2021 .wine-blogs .content-container .items .description-container .date ,
[lang^="zh-Hant"] .homepage-revamp-2021 .wine-blogs .title,
[lang^="zh-Hant"] .homepage-revamp-2021 .spirit-brand-banner .banner-container .sprit-header .title *,
[lang^="zh-Hant"] .homepage-revamp-2021 .full-width-banner .banner-container .banner-info .banner-name *,
[lang^="zh-Hant"] .homepage-revamp-2021 .our-collections .title *,
[lang^="zh-Hant"] .homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide .banner-container .banner-info .banner-name *,
[lang^="zh-Hant"] .homepage-revamp-2021 .occasions .title *,
[lang^="zh-Hant"] .homepage-revamp-2021 .occasions .occasions-swiper .swiper-slide .banner-container .banner-info .banner-name * {
  font-family: "NotoSansTC";
  letter-spacing: 2px;
}

[lang^="zh-Hans"] .homepage-revamp-2021 .most-popular .most-popular-content .title *,
[lang^="zh-Hans"] .homepage-revamp-2021 .new-arrivals .title ,
[lang^="zh-Hans"] .homepage-revamp-2021 .category .category-banner .items p ,
[lang^="zh-Hans"] .homepage-revamp-2021 .promotion .title ,
[lang^="zh-Hans"] .homepage-revamp-2021 .cce-banner .cce-info .sub-title,
[lang^="zh-Hans"] .homepage-revamp-2021 .cce-banner .cce-info .title,
[lang^="zh-Hans"] .homepage-revamp-2021 .events .events-container .events-banner .items .title-container .title ,
[lang^="zh-Hans"] .homepage-revamp-2021 .wine-ideas .wine-ideas-bg .title-container .title ,
[lang^="zh-Hans"] .homepage-revamp-2021 .good-wine .sub-title ,
[lang^="zh-Hans"] .homepage-revamp-2021 .good-wine .title ,
[lang^="zh-Hans"] .homepage-revamp-2021 .wine-blogs .content-container .items .description-container .date ,
[lang^="zh-Hans"] .homepage-revamp-2021 .wine-blogs .title,
[lang^="zh-Hans"] .homepage-revamp-2021 .spirit-brand-banner .banner-container .sprit-header .title *,
[lang^="zh-Hans"] .homepage-revamp-2021 .full-width-banner .banner-container .banner-info .banner-name *,
[lang^="zh-Hans"] .homepage-revamp-2021 .our-collections .title *,
[lang^="zh-Hans"] .homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide .banner-container .banner-info .banner-name *,
[lang^="zh-Hans"] .homepage-revamp-2021 .occasions .title *,
[lang^="zh-Hans"] .homepage-revamp-2021 .occasions .occasions-swiper .swiper-slide .banner-container .banner-info .banner-name * {
  font-family: "NotoSansSC";
  letter-spacing: 2px;
}

html:not([lang^="en"]) .homepage-revamp-2021 .actions .cart-input input ,
html:not([lang^="en"]) .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .image .image-position .image-content .image-block p ,
html:not([lang^="en"]) .homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .items .price ,
html:not([lang^="en"]) .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .image-content .image-block .block ,
html:not([lang^="en"]) .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .image-content .image-block p ,
html:not([lang^="en"]) .homepage-revamp-2021 .new-arrivals .banner-container .new-arrivals-banner .items .content-container .price ,
html:not([lang^="en"]) .homepage-revamp-2021 .promotion .promotion-banner .items .content-container .description ,
html:not([lang^="en"]) .homepage-revamp-2021 .promotion .promotion-banner .items .content-container .read-more ,
html:not([lang^="en"]) .homepage-revamp-2021 .promotion .promotion-banner .view-all ,
html:not([lang^="en"]) .homepage-revamp-2021 .events .events-container .events-banner .items .sub-title ,
html:not([lang^="en"]) .homepage-revamp-2021 .events .events-container .events-banner .items .action a ,
html:not([lang^="en"]) .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .image-content .image-block p ,
html:not([lang^="en"]) .homepage-revamp-2021 .wine-ideas .wine-ideas-banner .items .content-container .price ,
html:not([lang^="en"]) .homepage-revamp-2021 .wine-blogs .content-container .wine-blogs-banner .swiper-slide.viewAll-slide .view-all ,
html:not([lang^="en"]) .homepage-revamp-2021 .wine-blogs .content-container .items .description-container .description ,
html:not([lang^="en"]) .homepage-revamp-2021 .wine-blogs .content-container .items .description-container .read-more ,
html:not([lang^="en"]) .homepage-revamp-2021 .wine-blogs .actions .view-all ,
html:not([lang^="en"]) .homepage-revamp-2021 .promotion .promotion-banner .items .content-container .description,
html:not([lang^="en"]) .homepage-revamp-2021 .events .events-container .events-banner .items .sub-title,
html:not([lang^="en"]) .homepage-revamp-2021 .wine-blogs .content-container .items .description-container .description,
html:not([lang^="en"]) .homepage-revamp-2021 .wine-blogs .content-container .items .description-container .read-more ,
html:not([lang^="en"]) .items .image .image-position .image-content .image-block ,
html:not([lang^="en"]) .items .image .image-position .image-content .image-block .block ,
html:not([lang^="en"]) .items .image .image-position .image-content .image-block p {
    font-weight: 500;
}

@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .most-popular .most-popular-content .title {
    gap: 5px;
  }
  [lang^="zh-Hant"] .homepage-revamp-2021 .most-popular .most-popular-content .title,
  [lang^="zh-Hans"] .homepage-revamp-2021 .most-popular .most-popular-content .title{
    gap: 0;
  }
}
.homepage-revamp-2021 .most-popular .most-popular-content .most-popular-banner .swiper-container .swiper-wrapper::after{
  content: "";
  display: block;
  width: 240px;
}
.homepage-revamp-2021 .new-message{
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F9F4E4;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.35px;
  gap: 10px;
}
.homepage-revamp-2021 .new-message .message-container{
  display: flex;
  gap: 20px;
}
.homepage-revamp-2021 .new-message .message-container a{
  text-decoration: underline;
}
.homepage-revamp-2021 .new-message .message-container .rotation{
  position: relative;
  width: 345px;
  overflow: visible;
}
.homepage-revamp-2021 .new-message .message-container .rotation .swiper-slide{
  transition: opacity 0.4s ease-in-out;
  white-space: nowrap;
  position: absolute;
  transform: translateX(0) !important;
}
.homepage-revamp-2021 .new-message .message-container .rotation .swiper-slide:not(.swiper-slide-active){
  animation: wordFadeOut 0.4s ease-in-out 0s;
  opacity: 0 !important;
}
.homepage-revamp-2021 .new-message .message-container .rotation .swiper-slide.swiper-slide-active{
  animation: wordFadeIn 0.4s ease-in-out 0s;
  opacity: 1 !important;
}
@keyframes wordFadeOut {
  0%{left: 0;opacity: 1 !important;}
  100%{left: -20px;opacity: 0 !important;}
}
@keyframes wordFadeIn {
  0%{left: 20px;opacity: 0 !important;}
  100%{left: 0;opacity: 1 !important;}
}
@media screen and (max-width:1024px) {
  .homepage-revamp-2021 .new-message{
    height: 40px;
    font-size: 13px;
  }
  .homepage-revamp-2021 .new-message .message-container .separator{
    display: none;
  }
  .homepage-revamp-2021 .new-message .message-container .rotation{
    display: none;
  }
}
.homepage-revamp-2021 .spirit-brand-banner {
  display: flex;
  flex-direction: column;
  background-color: #000000;
  margin-bottom: 68px;
}
.homepage-revamp-2021 .spirit-brand-banner .banner-container {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(359px, 1fr) 3fr;
  max-width: 1440px;
  margin: auto;
}
.homepage-revamp-2021 .spirit-brand-banner .banner-container .sprit-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 50px;
  padding: 0 51px;
}
.homepage-revamp-2021 .spirit-brand-banner .banner-container .sprit-header .title {
  font-weight: 700;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: 1px;
  color: #000000;
  text-align: center;
}
.homepage-revamp-2021 .spirit-brand-banner .banner-container .sprit-header .title span {
  color: #cdae13;
  font-size: inherit;
  display: inline;
}
.homepage-revamp-2021 .spirit-brand-banner .banner-container .sprit-header .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 24px;
  width: fit-content;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  border: 1px solid #9d0229;
  background-color: #9d0229;
  border-radius: 5px;
}
.homepage-revamp-2021 .spirit-brand-banner .banner-container .sprit-header .btn:hover {
  color: #9d0229;
  background-color: #ffffff;
}
.homepage-revamp-2021 .spirit-brand-banner .banner-container .brand-banner-swiper {
  overflow: hidden;
}
.homepage-revamp-2021 .spirit-brand-banner .banner-container .brand-banner-swiper .swiper-slide {
  width: max(100% / 3, 359px);
  opacity: 1 !important;
}
.homepage-revamp-2021 .spirit-brand-banner .banner-container .brand-banner-swiper .swiper-slide .brand-banner {
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;
  aspect-ratio: 359 / 509;
}
.homepage-revamp-2021 .spirit-brand-banner .banner-container .brand-banner-swiper .swiper-slide .brand-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #00000033;
}
.homepage-revamp-2021 .spirit-brand-banner .banner-container .brand-banner-swiper .swiper-slide .brand-banner .banner-info {
  border: 1px solid #f1e7ca;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 85px;
  padding: 0 8px;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.8px;
  text-align: center;
  color: #f1e7ca;
  position: absolute;
  bottom: 47px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 250px;
  width: 100%;
  z-index: 2;
}
.homepage-revamp-2021 .spirit-brand-banner .banner-container .brand-banner-swiper .swiper-slide .brand-banner .banner-info:hover {
  color: #3e3e3e;
  background-color: #f1e7ca;
}
.homepage-revamp-2021 .spirit-brand-banner .banner-container .brand-banner-swiper .swiper-slide .brand-banner .banner-info .banner-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.homepage-revamp-2021 .spirit-brand-banner .banner-container .brand-banner-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.homepage-revamp-2021 .spirit-brand-banner .brand-logo-swiper {
  max-width: 1440px;
  overflow: hidden;
  padding: 14px 51px 6px;
  margin: auto;
  width: fit-content;
}
.homepage-revamp-2021 .spirit-brand-banner .brand-logo-swiper .swiper-slide {
  width: 145px;
  height: 145px;
}
.homepage-revamp-2021 .spirit-brand-banner .brand-logo-swiper .swiper-slide:last-child {
  margin-right: unset !important;
}
.homepage-revamp-2021 .spirit-brand-banner .brand-logo-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .spirit-brand-banner .banner-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
  }
  .homepage-revamp-2021 .spirit-brand-banner .banner-container .sprit-header {
    padding: 24px 24px 0;
    gap: 16px;
  }
  .homepage-revamp-2021 .spirit-brand-banner .banner-container .sprit-header .title {
    font-size: 18px;
    line-height: 27px;
  }
  .homepage-revamp-2021 .spirit-brand-banner .banner-container .brand-banner-swiper {
    padding: 15px 24px;
    margin: 0 0;
    width: 100%;
  }
  .homepage-revamp-2021 .spirit-brand-banner .banner-container .brand-banner-swiper .swiper-slide {
    width: max(100% / 3 - 8px * 2 / 3, 191px);
  }
  .homepage-revamp-2021 .spirit-brand-banner .banner-container .brand-banner-swiper .swiper-slide.swiper-slide-active {
    box-shadow: 0px 4px 4px 0px #ffffff40;
  }
  .homepage-revamp-2021 .spirit-brand-banner .banner-container .brand-banner-swiper .swiper-slide a {
    aspect-ratio: 191 / 273;
  }
  .homepage-revamp-2021 .spirit-brand-banner .banner-container .brand-banner-swiper .swiper-slide .brand-banner .banner-info {
    height: 60px;
    bottom: 44px;
    font-size: 16px;
    width: calc(100% - 34px);
  }
  .homepage-revamp-2021 .spirit-brand-banner .brand-logo-swiper {
    padding: 24px;
  }
  .homepage-revamp-2021 .spirit-brand-banner .brand-logo-swiper .swiper-slide {
    width: 64px;
    height: 64px;
  }
}
.homepage-revamp-2021 .full-width-banner .banner-container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
}
.homepage-revamp-2021 .full-width-banner .banner-container::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(270.01deg, rgba(255, 255, 255, 0) 53.13%, #e1e1e1 111.34%);
}
.homepage-revamp-2021 .full-width-banner.light .banner-container::after {
    background: linear-gradient(270.01deg, rgba(0, 0, 0, 0) 53.13%, #3e3e3e 111.34%);
}
.homepage-revamp-2021 .full-width-banner .banner-container img {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1440 / 700;
}
.homepage-revamp-2021 .full-width-banner .banner-container .banner-info {
    z-index: 2;
    position: absolute;
    left: 48px;
    bottom: 51px;
    padding: 16px 0;
    color: #000000;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 440px;
}
/* WWHK-8817 [UAT] Homepage layout change phase 3 component light theme text hybris frontend not aligh to app */
/* .homepage-revamp-2021 .full-width-banner.light .banner-container .banner-info {
    color: #ffffff;
} */
.homepage-revamp-2021 .full-width-banner.light .banner-container .banner-info .banner-name,
.homepage-revamp-2021 .full-width-banner.light .banner-container .banner-info .banner-description {
    filter: drop-shadow(0px 4px 4px #00000040);
}
.homepage-revamp-2021 .full-width-banner .banner-container .banner-info .banner-name {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 1px;
}
.homepage-revamp-2021 .full-width-banner .banner-container .banner-info .banner-description {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 1px;
}
.homepage-revamp-2021 .full-width-banner .banner-container .banner-info .banner-link {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 24px;
    width: fit-content;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    border: 1px solid #9d0229;
    background-color: #9d0229;
    min-width: 154px;
    border-radius: 5px;
}
.homepage-revamp-2021 .full-width-banner .banner-container .banner-info .banner-link:hover {
    color: #9d0229;
    background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
    .homepage-revamp-2021 .full-width-banner .banner-container img {
        aspect-ratio: 375 / 230;
    }
    .homepage-revamp-2021 .full-width-banner .banner-container::after {
        background: linear-gradient(180.01deg, rgba(255, 255, 255, 0) 65.9%, #e1e1e1 126.97%);
    }
    .homepage-revamp-2021 .full-width-banner.light .banner-container::after {
        background: linear-gradient(180.01deg, rgba(0, 0, 0, 0) 42.8%, #3e3e3e 111.81%);
    }
    .homepage-revamp-2021 .full-width-banner .banner-container .banner-info {
        left: 0;
        bottom: 0;
        padding: 20px 24px;
    }
    .homepage-revamp-2021 .full-width-banner .banner-container .banner-info .banner-name {
        font-size: 18px;
        line-height: 27px;
    }
    .homepage-revamp-2021 .full-width-banner .banner-container .banner-info .banner-description {
        font-size: 12px;
        line-height: 15.6px;
    }
    .homepage-revamp-2021 .full-width-banner .banner-container .banner-info .banner-link {
        margin-top: 8px;
    }
}
.homepage-revamp-2021 .our-collections {
  max-width: 1440px;
  margin: 0 auto;
  padding: 100px 0 68px 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1440px;
  margin: auto;
}
.homepage-revamp-2021 .our-collections .title {
  font-family: LibreBaskerville;
  font-weight: 400;
  font-size: 40px;
  line-height: 50.4px;
  letter-spacing: 0.8px;
  text-align: center;
}
.homepage-revamp-2021 .our-collections .collections-swiper {
  width: 100%;
  overflow: hidden;
}
.homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: max(100% / 3 - 8px * 2 / 3, 475px);
  opacity: 1 !important;
}
.homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 475 / 600;
}
.homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide .banner-container {
  position: relative;
}
.homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide .banner-container::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180.01deg, rgba(0, 0, 0, 0) 72.33%, #3e3e3e 113.12%);
}
.homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide .banner-container .banner-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #000000;
  z-index: 2;
}
.homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide .banner-container .banner-info .banner-name {
  font-family: LibreBaskerville;
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  letter-spacing: 1px;
}
.homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide .banner-container .banner-info .banner-description {
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 1px;
}
.homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide .banner-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 24px;
  width: fit-content;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  border: 1px solid #9d0229;
  background-color: #9d0229;
  min-width: 154px;
  max-width: 233px;
  border-radius: 5px;
}
.homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide .banner-link:hover {
  color: #9d0229;
  background-color: #ffffff;
}
.homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide .banner-link span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .our-collections {
    padding: 48px 0 0;
  }
  .homepage-revamp-2021 .our-collections .title {
    font-size: 24px;
    line-height: 31.2px;
    letter-spacing: 0px;
  }
  .homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide {
    width: max(100% / 3 - 8px * 2 / 3, 235px);
  }
  .homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide {
    gap: 16px;
  }
  .homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide img {
    aspect-ratio: 235 / 335;
  }
  .homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide .banner-container .banner-info .banner-name {
    font-size: 18px;
    line-height: 27px;
  }
  .homepage-revamp-2021 .our-collections .collections-swiper .swiper-slide .banner-container .banner-info .banner-description {
    font-size: 12px;
    line-height: 15.6px;
  }
}.homepage-revamp-2021 .occasions {
  padding: 68px 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1240px;
  margin: auto;
}
.homepage-revamp-2021 .occasions .title {
  font-family: LibreBaskerville;
  font-weight: 400;
  font-size: 40px;
  line-height: 50.4px;
  letter-spacing: 0.8px;
  text-align: center;
}
.homepage-revamp-2021 .occasions .occasions-swiper-banner {
  position: relative;
  margin: 0 -20px;
  width: calc(100% + 40px);
}
.homepage-revamp-2021 .occasions .occasions-swiper-banner .swiper-button-prev,
.homepage-revamp-2021 .occasions .occasions-swiper-banner .swiper-button-next {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-size: 20px;
  border-radius: 100%;
  border: #bca662 1.5px solid;
  background-position: center;
  background-color: #ffffff;
}
.homepage-revamp-2021 .occasions .occasions-swiper-banner .swiper-button-prev {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-left-gold.svg');
  right: calc(min(100%, 100vw - 40px) - 20px);
  left: unset;
}
.homepage-revamp-2021 .occasions .occasions-swiper-banner .swiper-button-next {
  background-image: url('../img/0001-homepage-revamp-2021/icon-arrow-right-gold.svg');
  left: calc(min(100%, 100vw - 40px) - 20px);
  right: unset;
}
.homepage-revamp-2021 .occasions .occasions-swiper {
  overflow: hidden;
  width: 100%;
}
.homepage-revamp-2021 .occasions .occasions-swiper .swiper-slide {
  position: relative;
  width: fit-content;
  max-width: 229px;
  opacity: 1 !important;
}
.homepage-revamp-2021 .occasions .occasions-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 233 / 225;
  border-radius: 5px;
}
.homepage-revamp-2021 .occasions .occasions-swiper .swiper-slide .banner-container .banner-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 24px;
  color: #ffffff;
  z-index: 2;
}
.homepage-revamp-2021 .occasions .occasions-swiper .swiper-slide .banner-container .banner-info .banner-name {
  font-weight: 400;
  font-size: 28px;
  line-height: 42px;
  text-align: center;
  filter: drop-shadow(0px 2px 10px #000000bf);
}
@media screen and (max-width: 1024px) {
  .homepage-revamp-2021 .occasions {
    padding: 48px 33.5px 0;
  }
  .homepage-revamp-2021 .occasions .title {
    font-size: 24px;
    line-height: 31.2px;
    letter-spacing: 0px;
  }
  .homepage-revamp-2021 .occasions .occasions-swiper-banner {
    margin: unset;
    width: 100%;
  }
  .homepage-revamp-2021 .occasions .occasions-swiper-banner .swiper-button-prev,
  .homepage-revamp-2021 .occasions .occasions-swiper-banner .swiper-button-next {
    display: none;
  }
  .homepage-revamp-2021 .occasions .occasions-swiper {
    padding: unset;
    margin: unset;
  }
  .homepage-revamp-2021 .occasions .occasions-swiper .swiper-wrapper {
    transform: none !important;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
  }
  .homepage-revamp-2021 .occasions .occasions-swiper .swiper-slide {
    max-width: min(calc(50% - 4px), 232px);
    opacity: 1 !important;
  }
  .homepage-revamp-2021 .occasions .occasions-swiper .swiper-slide img {
    aspect-ratio: 150 / 145;
    border-radius: 3.82px;
  }
  .homepage-revamp-2021 .occasions .occasions-swiper .swiper-slide .banner-container .banner-info {
    bottom: 15px;
  }
  .homepage-revamp-2021 .occasions .occasions-swiper .swiper-slide .banner-container .banner-info .banner-name {
    font-size: 16px;
    line-height: 24px;
    filter: drop-shadow(0px 1.55px 7.77px #000000bf);
  }
}