.gap144 {
    gap: 144px;
}
.news-item {
    height: 216px;
    margin: 1.6667vw 0;
}
.news-info {
    width: 22.1875vw;
}
.w756 {
    width: 39.375vw;
}
.padding48 {
    padding: 2.5vw 0;
}
.news-img {
    right: 0;
    bottom: 0;
    height: 26.0417vw;
    width: 26.0417vw;
    opacity: 0;
    visibility: hidden;
}
.news-item:hover .news-img {
    opacity: 1;
    visibility: visible;
}
.section-inner-s {
    width: 69.0625vw;
    margin: 0 auto;
    max-width: 98.5%;
}
.gap4 {
    gap: 4px;
}
.icon2 {
    background: rgba(120, 120, 128, 0.12);
    height: 2.0833vw;
    width: 2.0833vw;
    padding: 0.4167vw;
}
.news-img2 {
    height: 26.0417vw;
}
@media (max-width: 1100px) {
    .section-inner-s {
        width: 92.5vw;
    }
    .icon2 {
        height: 40px;
        width: 40px;
        padding: 8px;
    }
    .news-img2 {
        height: 45vw;
    }
    .news-item {
        width: 100%;
        height: 160px;
    }
    .w756 {
        width: 45vw;
    }
    .news-info {
        width: 14vw;
    }
    .news-img {
        height: 18vw;
        width: 18vw;
    }
}
@media (max-width: 800px) {
    .news-img {
        position: relative;
        opacity: 1;
        visibility: visible;
        width: 25.6vw;
        height: 25.6vw;
        min-width: 25.6vw;
    }
    .news-item .align-end {
        display: none;
    }
    .news-info .flex-col {
        flex-direction: row;
        gap: 4px;
        font-size: 12px;
    }
    .news-info {
        align-items: center;
        justify-content: flex-start;
        gap: 4px;
    }
    .news-info .h2 {
        font-size: 12px;
        font-family: 'Geist';
    }
    .news-item .h3 {
        font-size: 14px;
        font-family: 'Geist';
    }
    .news-item {
        height: 25.6vw;
        gap: 16px;
        padding-bottom: 16px;
        box-sizing: content-box;
        border-bottom: 1px solid rgba(120, 120, 128, 0.16);
        margin: 0 0 16px 0;
    }
    .gap144 {
        gap: 0;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
    }
    .w756 {
        width: 100%;
    }
}
@media (max-width: 600px) {
    .news-img2 {
        height: 65vw;
    }
    .icon2 {
        height: 30px;
        width: 30px;
        padding: 4px;
    }
}