.yawei-text-pic-4 {
  padding: 80px 0;
  background-color: #f8f8f8;
  text-align: center;
}
.yawei-text-pic-4 .container {
  max-width: 1820px;
}

.yawei-text-pic-4 .section-header {
  margin-bottom: 60px;
}

.yawei-text-pic-4 .section-title {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.15;
  color: #060606;
  margin-bottom: 15px;
}

.yawei-text-pic-4 .section-subtitle {
  font-family: Arimo, sans-serif;
  font-size: 30px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #060606;
}

.yawei-text-pic-4 .swiper-container {
  overflow: hidden;
  padding-bottom: 50px; /* Space for pagination */
}

.yawei-text-pic-4 .swiper-wrapper {
  align-items: flex-end; /* Align columns to the bottom */
}

.yawei-text-pic-4 .swiper-slide {
  height: auto;
  text-align: center;
}

.yawei-text-pic-4 .slide-col {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 20px;
}

.yawei-text-pic-4 .slide-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
}

.yawei-text-pic-4 .slide-image {
  flex-grow: 1;
  overflow: hidden;
  min-height: 0;
  border-radius: 10px;
}

.yawei-text-pic-4 .slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.yawei-text-pic-4 .slide-title {
  font-size: 16px;
  color: #555;
  flex-shrink: 0;
  margin-top: 15px;
}

.yawei-text-pic-4 .swiper-pagination {
  position: absolute;
  left: 0;
  bottom: 722px;
  z-index: 10;
  transform: none;
  text-align: center;
}

.yawei-text-pic-4 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #C4C4C4;
  opacity: 1;
  border-radius: 50%;
  margin: 0 10px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.yawei-text-pic-4 .swiper-pagination-bullet-active {
  background-color: #F4541D;
}
.yawei-text-pic-4 .container{
  position: relative;
}

/* Responsive Styles */

/* DESKTOP - 5 columns */
@media (min-width: 1500px) and (max-width: 1920px) {
  /* 1,5 tallest */
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+1),
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+5) {
    height: 722px;
  }
  /* 2,4 medium */
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+2),
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+4) {
    height: 630px;
  }
  /* 3 shortest */
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+3) {
    height: 580px;
  }
  /* Proportions */
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+1) .slide-link:nth-child(1),
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+5) .slide-link:nth-child(1) { height: calc(30% - (20px * 0.3)); }
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+1) .slide-link:nth-child(2),
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+5) .slide-link:nth-child(2) { height: calc(70% - (20px * 0.7)); }

  .yawei-text-pic-4 .swiper-slide:nth-child(5n+2) .slide-link:nth-child(1),
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+4) .slide-link:nth-child(1) { height: calc(45% - (20px * 0.45)); }
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+2) .slide-link:nth-child(2),
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+4) .slide-link:nth-child(2) { height: calc(55% - (20px * 0.55)); }

  .yawei-text-pic-4 .swiper-slide:nth-child(5n+3) .slide-link:nth-child(1),
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+3) .slide-link:nth-child(2) { height: calc(50% - (20px * 0.5)); }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  .yawei-text-pic-4 .swiper-pagination {
    bottom: 500px;
  }
 /* 1,5 tallest */
 .yawei-text-pic-4 .swiper-slide:nth-child(5n+1),
 .yawei-text-pic-4 .swiper-slide:nth-child(5n+5) {
   height: 500px;
 }
 /* 2,4 medium */
 .yawei-text-pic-4 .swiper-slide:nth-child(5n+2),
 .yawei-text-pic-4 .swiper-slide:nth-child(5n+4) {
   height: 450px;
 }
 /* 3 shortest */
 .yawei-text-pic-4 .swiper-slide:nth-child(5n+3) {
   height: 400px;
 } 
 /* Proportions */
 .yawei-text-pic-4 .swiper-slide:nth-child(5n+1) .slide-link:nth-child(1),
 .yawei-text-pic-4 .swiper-slide:nth-child(5n+5) .slide-link:nth-child(1) { height: calc(30% - (20px * 0.3)); }
 .yawei-text-pic-4 .swiper-slide:nth-child(5n+1) .slide-link:nth-child(2),
 .yawei-text-pic-4 .swiper-slide:nth-child(5n+5) .slide-link:nth-child(2) { height: calc(70% - (20px * 0.7)); }

 .yawei-text-pic-4 .swiper-slide:nth-child(5n+2) .slide-link:nth-child(1),
 .yawei-text-pic-4 .swiper-slide:nth-child(5n+4) .slide-link:nth-child(1) { height: calc(45% - (20px * 0.45)); }
 .yawei-text-pic-4 .swiper-slide:nth-child(5n+2) .slide-link:nth-child(2),
 .yawei-text-pic-4 .swiper-slide:nth-child(5n+4) .slide-link:nth-child(2) { height: calc(55% - (20px * 0.55)); }

 .yawei-text-pic-4 .swiper-slide:nth-child(5n+3) .slide-link:nth-child(1),
 .yawei-text-pic-4 .swiper-slide:nth-child(5n+3) .slide-link:nth-child(2) { height: calc(50% - (20px * 0.5)); }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .yawei-text-pic-4 .swiper-pagination {
    bottom: 400px;
  }
  /* 1,5 tallest */
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+1),
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+5) {
    height: 400px;
  }
  /* 2,4 medium */
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+2),
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+4) {
    height: 360px;
  }
  /* 3 shortest */
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+3) {
    height: 320px;
  }

  /* Proportions */
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+1) .slide-link:nth-child(1),
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+5) .slide-link:nth-child(1) { height: calc(30% - (20px * 0.3)); }
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+1) .slide-link:nth-child(2),
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+5) .slide-link:nth-child(2) { height: calc(70% - (20px * 0.7)); }

  .yawei-text-pic-4 .swiper-slide:nth-child(5n+2) .slide-link:nth-child(1),
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+4) .slide-link:nth-child(1) { height: calc(45% - (20px * 0.45)); }
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+2) .slide-link:nth-child(2),
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+4) .slide-link:nth-child(2) { height: calc(55% - (20px * 0.55)); }

  .yawei-text-pic-4 .swiper-slide:nth-child(5n+3) .slide-link:nth-child(1),
  .yawei-text-pic-4 .swiper-slide:nth-child(5n+3) .slide-link:nth-child(2) { height: calc(50% - (20px * 0.5)); }
}

/* TABLET - 3 columns */
@media (min-width: 768px) and (max-width: 1023px) {
  .yawei-text-pic-4 .swiper-pagination {
    bottom: 620px;
  }
  /* 1,3 tall */
  .yawei-text-pic-4 .swiper-slide:nth-child(3n+1),
  .yawei-text-pic-4 .swiper-slide:nth-child(3n+3) {
    height: 600px;
  }
   /* 2 short */
  .yawei-text-pic-4 .swiper-slide:nth-child(3n+2) {
    height: 550px;
  }
  
  .yawei-text-pic-4 .slide-link:nth-child(1) { height: calc(50% - (20px * 0.5)); }
  .yawei-text-pic-4 .slide-link:nth-child(2) { height: calc(50% - (20px * 0.5)); }
}

/* MOBILE - 2 columns */
@media (max-width: 767px) {
  .yawei-text-pic-4 .swiper-slide {
    height: auto;
  }
  /* .yawei-text-pic-4 .slide-link:nth-child(1) { height: calc(50% - (20px * 0.5)); }
  .yawei-text-pic-4 .slide-link:nth-child(2) { height: calc(50% - (20px * 0.5)); }
  .yawei-text-pic-4 .swiper-pagination {
    margin-bottom: 0;
  } */
  .yawei-text-pic-4 .swiper-pagination {
    position: relative;
    margin-bottom: -20px;
    bottom: 15px;
  }

  .yawei-text-pic-4 .section-title {
    font-size: 20px;
    text-align: left;
  }
  .yawei-text-pic-4 .section-subtitle {
    font-size: 18px;
    text-align: left;
  }
  .yawei-text-pic-4 .swiper-container {
    padding-bottom: 30px; /* Space for pagination */
  }
  .yawei-text-pic-4 .section-header{
    margin-bottom: 26px;
  }
  .yawei-text-pic-4{
    padding: 30px 0;
  }
  .yawei-text-pic-4 .slide-col{
    flex-direction: row;
    gap: 10px;
  }
  .yawei-text-pic-4 .slide-link{
    width: calc(50% - 5px);
    aspect-ratio: 1/1;
    height: auto !important;
    overflow: hidden;
  }
}

@media (max-width: 480px) {
  .yawei-text-pic-4 .swiper-slide {
    width: 100%; /* 1 item per row */
  }
}