.header .firstNav {
    background-color: #000;
}
.header .secondNav {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 5px #fff;
}

.header.show, .header.hidden {
    background-color: #FFFFFF;
}

.header .secondNav .title {
    color: #000;
}

.header .secondNav .nav-link {
    border-radius: 0;
}

.header .secondNav .title.actived {
    border-radius: 0;
    border-bottom: 1px solid;
}

.header .secondNav .nav-link:hover {
    border-radius: 0;
    border-bottom: 1px solid;
}

.list {
    margin-top: clamp(19.7265625px, 5.260416666666667vw, 101.0px);
    padding: 0;
}

.content {
    gap: clamp(6.25px, 1.6666666666666667vw, 32.0px);
}

.card {
    width: clamp(67.96875px, 18.125vw, 348.0px);
    border-radius: clamp(5.46875px, 1.4583333333333335vw, 28.0px);
}

.card .card-img {
    width: 100%;
    height: clamp(48.63281250000001px, 12.96875vw, 249.0px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: clamp(5.46875px, 1.4583333333333335vw, 28.0px) clamp(5.46875px, 1.4583333333333335vw, 28.0px) 0 0;
}

.card .card-body {
    width: 100%;
    height: clamp(33.0078125px, 8.802083333333334vw, 169.0px);
    padding: clamp(4.296875px, 1.1458333333333335vw, 22.0px);
}

.card .card-body h3{
    font-family: PingFang-Light;
    font-size: clamp(2.5390625px, 0.6770833333333334vw, 13.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #707070 !important;
    text-align: right;
    margin-bottom: clamp(3.69140625px, 0.984375vw, 18.9px);
}

.card .card-body h2{
    font-family: PingFang-Medium;
    font-size: clamp(3.3203125px, 0.8854166666666667vw, 17.0px);
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    color: #0E1126;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card .card-body p {
    font-family: PingFang-Light;
    font-size: clamp(2.1484375px, 0.5729166666666667vw, 11.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0E1126;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.detail.customPadding {
    padding-top: clamp(52.34375px, 13.958333333333334vw, 268.0px);
}

.detail .titleGroup h1 {
    font-family: PingFang-Bold;
    font-size: clamp(8.59375px, 2.291666666666667vw, 44.0px);
    font-weight: 600;
    line-height: normal;
    text-align: left;
    letter-spacing: normal;
    color: #000000;
}

.detail .titleGroup p {
    font-family: PingFang-Regular;
    font-size: clamp(4.6875px, 1.25vw, 24.0px);
    font-weight: 600;
    line-height: normal;
    text-align: left;
    letter-spacing: normal;
    color: #000000;
}

.detail .titleGroup .image {
    width: 100%;
    padding-top: 50%;
    border-radius: 1rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}