.section1 {}
.section1 .section1-wrap {
    position: relative;
    height: 880px;
}
.section1 .section1-wrap .text-wrap {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.section1 .section1-wrap .text-wrap > h1 {
    font-size: 50px;
    font-weight: 700;
    color: #fff;

}
.section1 .section1-wrap .text-wrap > p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding-top: 20px;
    opacity: 0.5;
}
.section1 .section1-wrap .section1-background-image {
    background-image: url('../../image/business/connectivity/section1-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.section1 .section1-wrap .section1-opacity {
    background-color: #00142C;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section2 {}
.section2 .section2-wrap {
    padding: 120px 0;
}
.section2 .section2-wrap .text-wrap {
    text-align: center;
}
.section2 .section2-wrap .text-wrap > h1 {
    font-size: 30px;
    font-weight: 700;
    color: #000;
}
.section2 .section2-wrap .text-wrap > p {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    padding-top: 45px;
}
.section2 .section2-wrap .content {
    padding-top: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1400px;
    margin: 0 auto;
}
.section2 .section2-wrap .content .item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    border: 1px solid #bbb;
    background-color: #fff;
    margin-right: -30px;
}

.section2 .section2-wrap .content .item {
    text-align: center;
}
.section2 .section2-wrap .content .item h1 > p {
    padding-top: 20px;
    font-size: 15px;
    color: #666;
}

/* Section3 */
.section3 {}
.section3 .section3-wrap {
    padding: 120px 0;
    background-color: #f7f7f7;
}
.section3 .section3-wrap > h1 {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    text-align: center;
}
.section3 .section3-wrap .content {
    padding-top: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 1400px;
    margin: 0 auto;
    column-gap: 40px;
    row-gap: 116px;
}
.section3 .section3-wrap .content .item {}
.section3 .section3-wrap .content .item > h1 {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    padding-top: 30px;
}
.section3 .section3-wrap .content .item > p {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    padding-top: 10px;
}
.section2 .section2-wrap .content .item > h1 {font-weight: 500;}
@media all and (max-width: 1400px) {.section3 .section3-wrap .content {max-width: 90%;}}
@media all and (max-width: 1024px) {

    .section1 .section1-wrap {height: 300px;}
    .section1 .section1-wrap .section1-background-image {background-image: url('../../image/business/connectivity/m-section1-bg.jpg');}
    .section1 .section1-wrap .section1-opacity {display: none;}
    .section1 .section1-wrap .text-wrap {width: 100%;padding: 0 24px;}
    .section1 .section1-wrap .text-wrap > p {display: none;}
    .section1 .section1-wrap .text-wrap > h1 {font-size: 30px; text-align: left;}

    .section2 .section2-wrap {padding: 70px 24px;}
    .section2 .section2-wrap .text-wrap > h1 {text-align: left;font-size: 24px;}
    .section2 .section2-wrap .text-wrap > p {font-size: 15px;text-align: left;}
    .section2 .section2-wrap .content {padding-top: 50px;}
    .section2 .section2-wrap .content {flex-wrap: wrap;justify-content: start;}
    .section2 .section2-wrap .content .item {width: 103px;height: 103px;margin-right: -15px;margin-top: -15px;}
    .section2 .section2-wrap .content .item > h1 {font-size: 15px;font-weight: 500;text-align: center;}

    .section3 .section3-wrap {padding: 70px 24px;}
    .section3 .section3-wrap > h1 {font-size: 24px;text-align: left;}
    .section3 .section3-wrap .content {grid-template-columns: 1fr;padding-top: 40px;max-width:none;}
    .section3 .section3-wrap .content .item > h1 {padding-top: 20px;font-size: 16px;}
    .section3 .section3-wrap .content .item > p {font-size: 15px;}
}