.header {
    background-color: #000;
}

.localService h1 {
    font-family: PingFang-Bold;
    font-size: clamp(11.71875px, 3.125vw, 60.0px);
    font-weight: bold;
    line-height: clamp(17.578125px, 4.6875vw, 90.0px);
    letter-spacing: normal;
    color: #000000;
    margin-bottom: clamp(24.609375px, 6.5625vw, 126.0px);
}

.localService p{
    font-family: PingFang-Light;
    font-size: clamp(3.515625px, 0.9375vw, 18.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: clamp(11.1328125px, 2.96875vw, 57.0px);
}

.localService .contentGroup a {
    font-family: PingFang-Light;
    font-size: clamp(3.90625px, 1.0416666666666667vw, 20.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    border-radius: clamp(7.8125px, 2.0833333333333335vw, 40.0px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.localService .contentGroup a.downloadApp {
    color: #FFFFFF;
    background: linear-gradient(177deg, #FF346D -5%, #FF081F 127%), #FF3535;
    width: clamp(40.4296875px, 10.78125vw, 207.0px);
    height: clamp(12.109375000000002px, 3.229166666666667vw, 62.0px);
    margin-right: clamp(5.859375px, 1.5625vw, 30.0px);
}

.localService .contentGroup a.business {
    color: #FF1028;
    background: #FFF5F6;
    border: 1px solid #FF2643;
    width: clamp(30.859375px, 8.229166666666668vw, 158.0px);
    height: clamp(12.109375000000002px, 3.229166666666667vw, 62.0px);
}

.localService .left {
    margin-right: clamp(5.859375px, 1.5625vw, 30.0px);
    width: clamp(104.4921875px, 27.864583333333336vw, 535.0px);
}

.localService .right {
    width: clamp(122.85156249999999px, 32.76041666666667vw, 629.0px);
    height: clamp(94.7265625px, 25.260416666666668vw, 485.0px);
}

.localService .right img {
    width: 100%;
}


.overview h2 {
    font-family: PingFang-Bold;
    font-size: clamp(8.59375px, 2.291666666666667vw, 44.0px);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #000000;
}

.overview p {
    font-family: PingFang-Light;
    font-size: clamp(4.296875px, 1.1458333333333335vw, 22.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: clamp(6.8359375px, 1.8229166666666667vw, 35.0px);
}

.overview .titleGroup {
    margin-bottom: clamp(21.6796875px, 5.78125vw, 111.0px);
}

.overview .left {
    margin-right: clamp(14.84375px, 3.9583333333333335vw, 76.0px);
}

.overview .left .titleGroup {
    margin-bottom: 0;
    width: clamp(87.5px, 23.333333333333336vw, 448.0px);
}

.overview .right img {
    width: clamp(116.796875px, 31.145833333333336vw, 598.0px);
    height: clamp(91.9921875px, 24.53125vw, 471.0px);
}

.category h2 {
    font-family: PingFang-Bold;
    font-size: clamp(8.59375px, 2.291666666666667vw, 44.0px);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #000000;
}

.category p {
    font-family: PingFang-Light;
    font-size: clamp(4.296875px, 1.1458333333333335vw, 22.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.category .titleGroup {
    margin-bottom: clamp(21.6796875px, 5.78125vw, 111.0px);
}

.category svg {
    display: none;
}

.category .contentGroup .item {
    position: relative;
    width: clamp(60.7421875px, 16.197916666666668vw, 311.0px);
    height: clamp(59.375px, 15.833333333333334vw, 304.0px);
    background-color: #f7f6fb;
    border-radius: 12% 35% 12% 12%;
    padding-left: clamp(8.3984375px, 2.2395833333333335vw, 43.0px);
    padding-right: clamp(1.953125px, 0.5208333333333334vw, 10.0px);
    padding-bottom: clamp(11.328125px, 3.0208333333333335vw, 58.0px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.category .contentGroup .item img {
    position: absolute;
    top: -10%;
    left: 0%;
    width: clamp(25.390625px, 6.770833333333334vw, 130.0px);
}

.category .contentGroup .lineGroup:first-child {
    margin-bottom: clamp(16.40625px, 4.375vw, 84.0px);
}

.category .contentGroup .lineGroup:first-child .item:nth-child(2) {
    margin: 0  clamp(8.984375px, 2.3958333333333335vw, 46.0px);
}

.category .contentGroup .lineGroup:nth-child(2) .item:first-child {
    margin-right: clamp(8.984375px, 2.3958333333333335vw, 46.0px);
}

.category .contentGroup h3 {
    font-family: PingFang-Regular;
    font-size: clamp(5.46875px, 1.4583333333333335vw, 28.0px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: clamp(3.125px, 0.8333333333333334vw, 16.0px);
}

.category .contentGroup p {
    font-family: PingFang-Light;
    font-size: clamp(3.125px, 0.8333333333333334vw, 16.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: clamp(14.6484375px, 3.90625vw, 75.0px);
}
