.haiwode-solution-read{
    padding: calc(var(--container-gap) / 2) 0 var(--container-gap) 0;
}
.haiwode-solution-read .solution-tabs{
    display: grid;
    grid-template-columns: repeat(4,1fr);
}
.solution-tabs .solution-tabs-item{
    border: 1px solid #FFF;
    background: var(--second-color);
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.solution-tabs .solution-tabs-item.active{
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: linear-gradient(90deg, #FC3D2D 0%, #C52316 100%);
}
.solution-tabs-item .solution-tabs-title{
    color: #FFF;
    font-family: var(--font-semiBold-family);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5; /* 150% */
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.solution-tabs-item img{
    width: 40px;
    aspect-ratio: 1;
    object-fit: cover;
}
.haiwode_case_read_content{
    margin-top: var(--container-gap);
}
.haiwode_case_read_content .social-medias{
    margin: 0 !important;
    align-items: center;
    gap: 5px;
}
.haiwode_case_read_content .social-medias li{
    width: 21px;
    aspect-ratio: 1;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.haiwode_case_read_content_title {
  font-family: var(--font-semiBold-family);
  font-size: var(--font-36);
  font-weight: 600;
  line-height: 1.388;
  color: #111;
}

.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 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;
  transition: all 0.5s;
}
.haiwode_case_read_content_prev{
    margin-top: 30px;
}

.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: #555;
  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: #111;
}

@media screen and (max-width: 1200px) {
    .haiwode-solution-read .solution-tabs{
        grid-template-columns: repeat(2,1fr);
    }
    .solution-tabs-item .solution-tabs-title{
        font-size: 20px;
    }
}
@media screen and (max-width: 768px) {
    .haiwode-solution-read .solution-tabs{
        grid-template-columns: repeat(1,1fr);
    }
    .solution-tabs .solution-tabs-item{
        padding: 20px;
    }
}