body {
  /* background-color: #F8F8F8; */
}

/* .advertisement-photo */
.logo-font,
.classic-products,
.products-list {
  background-color: rgb(248, 248, 248);
  z-index: 1;
}

.advertisement-photo {
  background-color: #ffffff;
}

.log-scroll-bar {
  width: 100%;
  height: 9.11vw;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #FEE34A;
}

.log-scroll-bar-content {
  gap: 13.54vw;
  display: flex;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  justify-content: center;
}

.log-scroll-bar-content {

  animation: scroll 3s linear;

}

.swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiper-slide {
  display: flex;
  align-items: center;
}


#mono-title-ip-swiper.swiper-wrapper {
  transition-timing-function: linear;

  
}

.mono-title-ip {
  width: 26.15vw;
  height: 3.44vw;
  flex-shrink: 0;

  
}

.logo-font {
  padding-top: 3.80vw;
  padding-left: 4.69vw;
  padding-bottom: 3.28vw;
}

.logo-font img {
  width: 7.81vw;
  height: 2.50vw;
}

.classic-products {
  display: flex;
}

.products-left {
  position: relative;
  margin-left: 7.66vw;
}

.products-left img {
  width: 28.39vw;
  /* height: 33.80vw; */
  position: absolute;
  top: 0;
  left: 0;
  /* visibility: hidden; */
  opacity: 0;
  transition: all 0.5s ease;
}

.products-right {
  margin-left: auto;
}

.products-title .title-text {
  color: #FF22B5;
  font-size: 3.02vw;
  font-weight: bold;
}

.products-title .title-mone {

  display: flex;
  color: #000000;
  font-size: 1.09vw;
  padding-left: 0.57vw;
  align-items: center;
  cursor: pointer;
}

.mone-text {
  margin-right: 1.15vw;
}

.mone-arrow {
  width: 1.72vw;
  height: 0.63vw;
}

.products-title {
  padding-left: 13.54vw;
  padding-bottom: 2.86vw;
}

.products-ip-list {

  width: 51.88vw;
  height: 23.7vw;
  /* gap: 4.69vw;
  display: flex; */
  /* border: 0.05vw solid #000000; */
  border-right: none;
  /* padding-right: 1.41vw; */
  background-color: #ffffff;
  justify-content: flex-end;
  border-top-left-radius: 16.41vw;
  border-bottom-left-radius: 16.41vw;
}

.products-ip-swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-left: 8.7vw;
  border-top-left-radius: 16.41vw;
  border-bottom-left-radius: 16.41vw;

  -webkit-user-select: none; /* Chrome, Safari, Opera */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera, Safari, and Firefox */
}

.products-ip-item {
  width: 10.83vw;
  height: 13.07vw;
  transition: all 0.3s ease;
}

.products-ip-item:hover {
  transform: scale(1.2);
}

/* .products-ip-item {
  display: flex;
  align-items: center;
} */

.products-list {
  /* width: 1486px; */

  /* gap: 22px; */
  /* display: flex; */
  overflow: hidden;
  /* margin-top: 106px;
  margin-left: 320px;
  margin-bottom: 113px; */
  /* padding: 5.52vw 0 5.89vw 22.6vw; */
  padding: 5.52vw;

}

.products-list-content {
  /* width: 77.4vw; */
  overflow: hidden;
}


.products-img {
  width: 6.46vw;
  height: 12.55vw;
}

.products-img img {
  width: 100%;
  transition: all 0.2s ease;

}



.products-list-bar {
  /* gap: 22px;
  display: flex; */
  /* overflow: hidden; */
}

.products-item {
  width: 28.96vw;
  height: 16.25vw;
  flex: none;
  display: flex;
  align-items: center;
  border-radius: 1.3vw;
  background-color: #ffffff;
  justify-content: space-around;

  /* cursor: pointer; */

  -webkit-user-select: none; /* Chrome, Safari, Opera */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera, Safari, and Firefox */

}


.products-item:hover .products-img img {
  transform: scale(1.1);
}

.products-details-title {
  /* color: #743DBB; */
  font-size: 1.46vw;
  font-weight: bold;
  padding-bottom: 1.46vw;
}

.products-details-title-1 {
  color: #743DBB;
}

.products-details-title-2 {
  color: #FF8088;
}

.products-details-title-3 {
  color: #90D400;
}

.products-param .param-1 {
  padding-bottom: 0.83vw;
}

.products-param .param-1,
.products-param .param-2 {

  gap: 0.68vw;
  display: flex;
  font-size: 1.30vw;
  align-items: center;

}

.products-param .param-1 img,
.products-param .param-2 img {
  width: 2.86vw;
  height: 0.63vw;
  
}

.products-param {
  padding-bottom: 3.23vw;
}

.products-taste {
  color: #7C7C7C;
  font-size: 1.15vw;
}

.slogan {
  width: 100%;
  height: 6.88vw;
  display: flex;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  background-color: #000000;
}

.slogan img {
  width: 25.16vw;
  height: 2.6vw;
}

/* .slogan svg path {
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  animation: draw 5s forwards;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
} */

.advertisement-photo {
  width: 100%;
  padding: 3.75vw 3.91vw;
}

.advertisement-photo-item-1 {
  display: flex;
  margin-right: 1.35vw;
  margin-bottom: 1.41vw;
}

.advertisement-photo-item-1 div {
  overflow: hidden;
}

.advertisement-photo-item-1 div:first-child {
  width: 25.99vw;
  height: 30.68vw;

  margin: 0 1.41vw 0 0;

}

.advertisement-photo-item-1 div:last-child {
  width: 21.04vw;
  height: 30.68vw;

  /* margin: 0 0.63vw 0 0; */
}

.advertisement-photo-item-1 img {
  width: 100%;
  height: 100%;
}

.advertisement-photo-item-x1 {
  display: flex;
}

.advertisement-photo-item-2 {
  display: flex;
  /* padding-bottom: 0.63vw; */
  margin-right: 1.35vw;
  margin-bottom: 1.35vw;
}

.advertisement-photo-item-2 div:first-child {
  width: 18.70vw;
  height: 18.18vw;
  overflow: hidden;
  margin-right: 1.41vw;
}

.advertisement-photo-item-2 div:last-child {
  width: 28.28vw;
  height: 18.18vw;
  overflow: hidden;
  /* padding-right: 0.63vw; */
}

.advertisement-photo-item-2 img {
  width: 100%;
  height: 100%;
}


.x1y2 .advertisement-photo-item {
  display: flex;
  flex-direction: column;

}

.advertisement-photo-item-x2 {
  display: flex;
  /* padding-bottom: 0.63vw; */
  margin-bottom: 1.72vw;
}

/* .advertisement-photo-item-x2 :first-child {
  width: 686px;
  height: 588px;
  padding-right: 12px;
} */

.advertisement-photo-item-x2 div {
  width: 32.34vw;
  height: 27.76vw;
  flex: none;
  /* padding-right: 0.63vw; */
  margin-right: 1.38vw;
}

.advertisement-photo-item-x2 div:nth-child(2) {
  width: 32.45vw;
  height: 27.76vw;
}

.advertisement-photo-item-x2 :last-child {
  width: 24.74vw;
  height: 27.76vw;
  margin-right: 0;
}

.advertisement-photo-item-x2 .advertisement-photo-img img {
  width: 100%;
  height: 100%;
}

.advertisement-photo-img {
  overflow: hidden;
}


.advertisement-photo-img img {
  cursor: pointer;
  transition: transform 0.5s ease;

}

.advertisement-photo-img img:hover {
  transform: scale(1.5);
}



/* .advertisement-photo-item-3 img {
  padding-bottom: 12px;
} */

.advertisement-photo-item-3 div:first-child {

  width: 42.55vw;
  height: 20.05vw;

  overflow: hidden;
  margin-bottom: 1.51vw;

}

.advertisement-photo-item-3 div:last-child {
  width: 42.60vw;
  height: 28.70vw;
}

.advertisement-photo-item-3 img {
  width: 100%;
  height: 100%;
}

.advertisement-photo-item-x3 {
  display: flex;
}

.advertisement-photo-item-x3y1 {
  display: flex;
  /* padding-right: 12px; */
  flex-direction: column;
  margin-right: 1.38vw;
}

.advertisement-photo-item-x3y1 div:first-child {
  width: 32.34vw;
  height: 18.02vw;
  margin-bottom: 1.35vw;
  /* padding-right: 0.63vw; */
}

.advertisement-photo-item-x3y1 div:last-child {
  width: 32.34vw;
  height: 20.05vw;
  /* padding-right: 0.63vw; */
}

.advertisement-photo-item-x3y1 img {
  width: 100%;
  height: 100%;
}

/* .advertisement-photo-item-x3y2 {
  padding-right: 12px;
} */

.advertisement-photo-item-x3y2 div {
  width: 32.45vw;
  height: 39.43vw;
  /* padding-right: 0.63vw; */
  margin-right: 1.38vw;
}

.advertisement-photo-item-x3y2 div img {
  width: 100%;
  height: 100%;
}

.advertisement-photo-item-x3y3 {
  display: flex;
  flex-direction: column;
}

/* .advertisement-photo-item-x3y3 div:first-child {
  padding-bottom: 12px;
} */

.advertisement-photo-item-x3y3 div:first-child {
  width: 24.74vw;
  height: 12.81vw;
  margin-bottom: 1.30vw;
}

.advertisement-photo-item-x3y3 div:last-child {
  width: 24.74vw;
  height: 25.31vw;
}

.advertisement-photo-item-x3y3 img {
  width: 100%;
  height: 100%;
}
.mexiwave .char {
  -webkit-animation: wave 1s calc(var(--char-index) * 0.2s) ease infinite;
          animation: wave 1s calc(var(--char-index) * 0.2s) ease infinite;
}
@-webkit-keyframes wave {
  50% {
    transform: translate(0, -8%);
  }
}
@keyframes wave {
  50% {
    transform: translate(0, -8%);
  }
}

.promotional-video {
  width: 100%;
  position: sticky;
  top: 4.66vw;
  z-index: -1;

}

#promotionalVideo {
  width: 100%;
  display: block;
  object-fit: cover;
}