.haiwode_case_read {
  padding: var(--component-gap) 0 0;
}

.haiwode_case_read_content_title {
  font-family: var(--font-semiBold-family);
  font-size: var(--font-36);
  font-weight: 600;
  line-height: 1.388;
  color: var(--title-text-color);
}

.haiwode_case_read_content_media {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.haiwode_case_read_content_media span {
  font-size: var(--font-16);
  font-weight: 400;
  line-height: 1.625;
  color: #666;
}

.haiwode_case_read_content_media .social-medias {
  margin: 0 !important;
  align-items: center;
  gap: 5px;
}

.haiwode_case_read_content_media .social-medias li {
  width: 21px;
  aspect-ratio: 1;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.haiwode_case_read_content_media a {
  width: 22px;
  aspect-ratio: 1/1;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.haiwode_case_read_content_media a:nth-child(2) {
  background: #4267B5;
}

.haiwode_case_read_content_media a:nth-child(3) {
  background: #000000;
}

.haiwode_case_read_content_media a:nth-child(4) {
  background: #0076B3;
}

.haiwode_case_read_content_media a:nth-child(5) {
  background: #CB2026;
}

.haiwode_case_read_content_media a img {
  width: 12px;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.haiwode_case_read_content_content {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 24px 0 32px;
  margin-top: 27px;
}

.haiwode_case_read_content_content p {
  min-height: 20px;
  font-family: var(--font-family) !important;
  color: var(--text-color) !important;
  font-size: var(--font-16) !important;
  font-weight: 400 !important;
  line-height: 1.625 !important;
}

.haiwode_case_read_content_content li {
  list-style: disc;
  margin-left: 30px;
}

.haiwode_case_read_content_content img {
  border-radius: 15px;
}

.haiwode_case_read_content_prev,
.haiwode_case_read_content_next {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.haiwode_case_read_content_prev_icon,
.haiwode_case_read_content_next_icon {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #C52316;
}

.haiwode_case_read_content_prev:hover .haiwode_case_read_content_prev_icon,
.haiwode_case_read_content_next:hover .haiwode_case_read_content_next_icon,
.haiwode_case_read_content_prev.active .haiwode_case_read_content_prev_icon,
.haiwode_case_read_content_next.active .haiwode_case_read_content_next_icon {
  background: linear-gradient(90deg, #FC3D2D 0%, #C52316 100%);
}

.haiwode_case_read_content_prev_icon i,
.haiwode_case_read_content_next_icon i {
  font-size: 18px;
  color: #C52316;
}

.haiwode_case_read_content_prev:hover .haiwode_case_read_content_prev_icon i,
.haiwode_case_read_content_next:hover .haiwode_case_read_content_next_icon i,
.haiwode_case_read_content_prev.active .haiwode_case_read_content_prev_icon i,
.haiwode_case_read_content_next.active .haiwode_case_read_content_next_icon i {
  color: #fff;
}

.haiwode_case_read_content_prev_title,
.haiwode_case_read_content_next_title {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}

.haiwode_case_read_content_prev_title b,
.haiwode_case_read_content_next_title b {
  font-size: var(--font-16);
  font-weight: 400;
  line-height: 1.625;
  color: var(--text-color);
  height: calc(var(--font-16) * 1.625);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.haiwode_case_read_content_prev_title span,
.haiwode_case_read_content_next_title span {
  font-size: var(--font-16);
  font-weight: 400;
  line-height: 1.625;
  color: var(--title-text-color);
}


.haiwode_related_case {
  padding-top: var(--component-gap);
  background: #F8F8F8;
  margin-top: var(--component-gap);
}

.haiwode_related_case .container {
  position: relative;
}

.haiwode_related_case .section-title {
  color: #003365;
  text-align: center;
  font-family: Inter;
  font-size: var(--font-50);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.haiwode_related_case .section-line {
  width: 60px;
  height: 5px;
  background: var(--primary-color);
  margin: 26px auto;
}

.haiwode_related_case .section-description {
  color: #333;
  text-align: center;
  font-size: var(--font-20);
  font-weight: 400;
  line-height: 150%;
  margin-top: 20px;
}

/* .haiwode_related_case_list {
  margin-top: var(--component-gap);
} */
 .haiwode_related_case_list .swiper-wrapper{
  padding: var(--gap-80) 0 var(--container-gap) 0;
 }

.haiwode_related_case_item {
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
}

.haiwode_related_case_item:hover {
  filter: drop-shadow(0 6px 12px rgba(48, 73, 91, 0.15));
}


.haiwode_related_case_item_img {
  position: relative;
}

.haiwode_related_case_item_img_main {
  width: 100%;
  aspect-ratio: 514 / 292;
  object-fit: cover;
}

.haiwode_related_case_item_img_logo {
  position: absolute;
  bottom: calc(15 / 300 * 100%);
  left: calc(15 / 520 * 100%);
  width: calc(120 / 520 * 100%);
  max-width: 120px;
  aspect-ratio: 3 / 1;
  border-radius: 8px;
  background: #FFF;
  object-fit: cover;
  text-align: center;
}

.haiwode_related_case_item_img_logo img {
  width: calc(96 / 120 * 100%);
  max-width: 96px;
  aspect-ratio: 96/37;
  object-fit: cover;
}

.haiwode_related_case_item_content {
  padding: 30px 35px 36px 30px;

}

.haiwode_related_case_item_title {
  color: #313131;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 137.5%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  min-height: calc(32px * 1.375 * 2);
}

.haiwode_related_case_item:hover .haiwode_related_case_item_title,
.haiwode_related_case_item:hover .haiwode_related_case_item_more {
  color: #003365;
}

.haiwode_related_case_item_desc {
  color: #666;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-top: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  min-height: calc(30px * 3);
}

.haiwode_related_case_item_more {
  color: #313131;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-top: 52px;
}

.haiwode_related_case .swiper-button-prev,
.haiwode_related_case .swiper-button-next {
  top: 50%;
}

.haiwode_related_case .swiper-button-prev::after,
.haiwode_related_case .swiper-button-next::after {
  color: #fff !important;
}

.haiwode_related_case .swiper-button-prev {
  border: 1px solid #003365 !important;
  background: #003365 !important;
}

.swiper-button-prev:hover,
.swiper-button-next:hover,
.swiper-button-prev.active,
.swiper-button-next.active {
  border: 1px solid var(--color-primary) !important;
  background: linear-gradient(90deg, #FC3D2D 0%, #C52316 100%) !important;
}

.swiper-button-prev:hover:after,
.swiper-button-next:hover:after,
.swiper-button-prev.active:after,
.swiper-button-next.active:after {
  color: #fff !important;
}

.haiwode_related_case .swiper-button-prev {
  transform: translateX(-230%);
}

.haiwode_related_case .swiper-button-next {
  transform: translateX(230%);
  background: linear-gradient(90deg, #FC3D2D 0%, #C52316 100%);
}

.haiwode_related_case_item:hover .haiwode_related_case_item_title {
  color: #003365;
  ;
}

@media screen and (max-width: 1660px) {
  .haiwode_related_case .swiper-button-prev {
    transform: translateX(-100%);
  }

  .haiwode_related_case .swiper-button-next {
    transform: translateX(100%);
  }
}

@media screen and (max-width: 1500px) {
  .haiwode_related_case .swiper-button-prev {
    transform: translateX(-130%);
  }

  .haiwode_related_case .swiper-button-next {
    transform: translateX(130%);
  }
}

@media screen and (max-width: 1280px) {
  .haiwode_related_case .swiper-button-prev {
    transform: translateX(-100%);
  }

  .haiwode_related_case .swiper-button-next {
    transform: translateX(100%);
  }
}

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

@media screen and (max-width: 992px) {
  .haiwode_case_read_content_content img {
    width: 100% !important;
    object-fit: cover !important;
  }

  .haiwode_case_read_content_prev_icon,
  .haiwode_case_read_content_next_icon {
    width: 24px;
    height: 24px;
  }

  .haiwode_case_read_content_prev_icon i,
  .haiwode_case_read_content_next_icon i {
    font-size: 14px;
  }
}

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

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

  .haiwode_related_case_item_img,
  .haiwode_related_case_item_content {
    margin: 0 auto;
  }

  .haiwode_related_case .swiper-button-prev {
    transform: translateX(0);
  }

  .haiwode_related_case .swiper-button-next {
    transform: translateX(0);
  }
}