.main-article {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    background: #fff;
    padding: 91px 0 0;
    color: #000;
}
.section {
    --a-fs-9: 2.1844660194174758vw;
    --a-fs-10: 2.4271844660194174vw;
    --a-fs-12: 2.912621359223301vw;
    --a-fs-13: 3.155339805825243vw;
    --a-fs-14: 3.398058252427184vw;
    --a-fs-16: 3.8834951456310676vw;
    --a-fs-18: 4.3689320388349516vw;
    --a-fs-20: 4.854368932038835vw;
    --a-fs-22: 5.339805825242718vw;
    --a-fs-24: 5.825242718446602vw;
    --a-fs-26: 6.310679611650485vw;
    --a-fs-28: 6.796116504854369vw;
    --a-fs-30: 7.281553398058252vw;
    --a-fs-32: 7.766990291262135vw;
    --a-fs-34: 8.25242718446602vw;
    --a-fs-42: 10.194174757281553vw;
    --a-fs-54: 13.106796116504854vw;
    --a-fs-58: 14.07766990291262vw;
    --a-fs-62: 15.048543689320387vw;
    --a-fs-84: 20.388349514563106vw;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 16px;
    color: #fff;
    background-color: #000;
    text-align: left;
    line-height: 1.1;
}
.section .section-image {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    width: 100%;
}
.section-color-blue {
    background: linear-gradient(to right, #194E82,#4A80B8,#36899E);
    -webkit-background-clip: text;
    color: transparent;
}
.section-color-blue2 {
    background: linear-gradient(to right, #204AFB,#3BAEFB,#0371FB);
    -webkit-background-clip: text;
    color: transparent;
}
.section-color-red {
    background: linear-gradient(to right, #ED462F,#EF6430,#F6AB39);
    -webkit-background-clip: text;
    color: transparent;
}
.section-color-red2 {
    background: linear-gradient(to right, #EC592F,#EE4A2F,#F39331);
    -webkit-background-clip: text;
    color: transparent;
}
.section-color-yellow {
    background: linear-gradient(to right, #F9CA32, #A3393B);
    -webkit-background-clip: text;
    color: transparent;
}
.section-color-yellow2 {
    background: linear-gradient(to right, #287EB8,#C3393E,#D6B92A);
    -webkit-background-clip: text;
    color: transparent;
}
.section-color-green {
    background: linear-gradient(to right, #2F6A38,#4CA247,#36783A);
    -webkit-background-clip: text;
    color: transparent;
}
.section-color-green2 {
    background: linear-gradient(to right, #3C822C,#46951E,#94B51A);
    -webkit-background-clip: text;
    color: transparent;
}
.section-color-grey {
    background: linear-gradient(to right, #B7B395, #95A3A7,#637099);
    -webkit-background-clip: text;
    color: transparent;
}

.section .section-row {
    display: flex;
    margin: 0 -15px;
}
.section .section-col {
    width: 50%;
    padding: 0 15px;
}
.section-note {
    font-size: 12px;
    color: #9a9a9a;
}

.section-bg-black .section-txt {
    color: #a0a0a0;
}
.section-bg-black .section-txt .section-q ,
.section .section-txt .section-q {
    color: #fff;
}
.section-bg-white {
    color: #000;
    background-color: #fff;
}
.section-bg-white .section-txt {
    color: #545454;
    color: #111;
}
.section-bg-white .section-txt .section-q {
    color: #000;
    font-weight: bold;
}

.section .section-head {
    font-weight: bold;
}
.section .section-subhead {
    padding: .3em 0 0;
}
.section .text-grey {
    color: #9a9a9a;
}
.section .text-uppercase {
    text-transform: uppercase !important;
}

.section .fs-9 {
    font-size: var(--a-fs-9);
}
.section .fs-10 {
    font-size: var(--a-fs-10);
}
.section .fs-12 {
    font-size: var(--a-fs-12);
}
.section .fs-13 {
    font-size: var(--a-fs-13);
}
.section .fs-14 {
    font-size: var(--a-fs-14);
}
.section .fs-16 {
    font-size: var(--a-fs-16);
}
.section .fs-18 {
    font-size: var(--a-fs-18);
}
.section .fs-20 {
    font-size: var(--a-fs-20);
}
.section .fs-22 {
    font-size: var(--a-fs-22);
}
.section .fs-24 {
    font-size: var(--a-fs-24);
}
.section .fs-26 {
    font-size: var(--a-fs-26);
}
.section .fs-28 {
    font-size: var(--a-fs-28);
}
.section .fs-30 {
    font-size: var(--a-fs-30);
}
.section .fs-32 {
    font-size: var(--a-fs-32);
}
.section .fs-34 {
    font-size: var(--a-fs-34);
}
.section .fs-42 {
    font-size: var(--a-fs-42);
}
.section .fs-54 {
    font-size: var(--a-fs-54);
}
.section .fs-58 {
    font-size: var(--a-fs-58);
}
.section .fs-62 {
    font-size: var(--a-fs-62);
}
.section .fs-84 {
    font-size: var(--a-fs-84);
}

@media screen and (min-width: 769px) {
    .section {
        --a-fs-9: .46875vw;
        --a-fs-10: .5208333333333333vw;
        --a-fs-12: .625vw;
        --a-fs-13: .67708333333333336vw;
        --a-fs-14: .7291666666666667vw;
        --a-fs-16: .8333333333333333vw;
        --a-fs-18: .9375vw;
        --a-fs-20: 1.0416666666666666vw;
        --a-fs-22: 1.1458333333333333vw;
        --a-fs-24: 1.25vw;
        --a-fs-26: 1.3541666666666667vw;
        --a-fs-28: 1.4583333333333334vw;
        --a-fs-30: 1.5625vw;
        --a-fs-32: 1.6666666666666666vw;
        --a-fs-34: 1.7708333333333333vw;
        --a-fs-42: 2.1875vw;
        --a-fs-54: 2.8125vw;
        --a-fs-58: 3.0208333333333334vw;
        --a-fs-62: 3.229166666666667vw;
        --a-fs-84: 4.375vw;
    }

    .section .fs-md-9 {
        font-size: var(--a-fs-9);
    }
    .section .fs-md-10 {
        font-size: var(--a-fs-10);
    }
    .section .fs-md-12 {
        font-size: var(--a-fs-12);
    }
    .section .fs-md-13 {
        font-size: var(--a-fs-13);
    }
    .section .fs-md-14 {
        font-size: var(--a-fs-14);
    }
    .section .fs-md-16 {
        font-size: var(--a-fs-16);
    }
    .section .fs-md-18 {
        font-size: var(--a-fs-18);
    }
    .section .fs-md-20 {
        font-size: var(--a-fs-20);
    }
    .section .fs-md-22 {
        font-size: var(--a-fs-22);
    }
    .section .fs-md-24 {
        font-size: var(--a-fs-24);
    }
    .section .fs-md-26 {
        font-size: var(--a-fs-26);
    }
    .section .fs-md-28 {
        font-size: var(--a-fs-28);
    }
    .section .fs-md-30 {
        font-size: var(--a-fs-30);
    }
    .section .fs-md-32 {
        font-size: var(--a-fs-32);
    }
    .section .fs-md-34 {
        font-size: var(--a-fs-34);
    }
    .section .fs-md-42 {
        font-size: var(--a-fs-42);
    }
    .section .fs-md-54 {
        font-size: var(--a-fs-54);
    }
    .section .fs-md-58 {
        font-size: var(--a-fs-58);
    }
    .section .fs-md-62 {
        font-size: var(--a-fs-62);
    }
    .section .fs-md-84 {
        font-size: var(--a-fs-84);
    }
}

.section-intro .section-wrap {
    position: absolute;
    top: 73.6%;
    left: 2%;
    right: 2%;
    text-align: center;
}
.section-intro .section-head {
    opacity: 0;
}
.section-intro .section-txt {
    padding-top: 2.4271844660194174vw;
    line-height: 1.2;
    text-shadow: 0 0 10px rgb(0 0 0 / 60%);
}
.section-intro .section-small {
    padding-top: 2.912621359223301vw;
    line-height: 1.2;
    text-shadow: 0 0 15px rgb(0 0 0 / 60%);
}
.section-intro .section-small span {
    padding: 0 8px;
}

.section-quotes {
    padding: 6% 2%;
    text-align: center;
    color: #9b9b9b;
}
.section-quotes-row {
    display: flex;
    flex-direction: column;
    gap: 6.310679611650485vw;
}
.section-quotes-quote {
    font-weight: bold;
    color: #000;
}

.section-convenience .section-wrap {
    position: absolute;
    top: 18%;
    left: 10%;
    right: 10%;
    text-align: center;
}
.section-convenience .section-head {
    display: none;
}
.section-convenience .section-txt {
    color: #9b9b9b;
    line-height: 1.3;
}

.section-rugged .section-wrap {
    position: absolute;
    top: 3%;
    left: 10%;
    right: 10%;
}
.section-rugged .section-txt {
    padding-top: 7.281553398058252vw;
}
.section-rugged .section-h {
    font-weight: bold;
}
.section-rugged .section-j {
    position: absolute;
    left: 37.8%;
    right: 4%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}
.section-rugged .section-j1 {
    top: 64.8%;
    bottom: 30.2%;
}
.section-rugged .section-j2 {
    top: 71%;
    bottom: 23.9%;
}
.section-rugged .section-j3 {
    top: 77.3%;
    bottom: 17.7%;
}
.section-rugged .section-j4 {
    top: 83.5%;
    bottom: 11.5%;
}
.section-rugged .section-j5 {
    top: 89.8%;
    bottom: 5.2%;
}
.section-rugged .section-note {
    position: absolute;
    bottom: 1.5%;
    left: 3%;
    right: 3%;
    text-align: center;
}

.section-body .section-wrap {
    position: absolute;
    top: 6%;
    left: 10%;
    right: 10%;
}
.section-body .section-txt {
    padding-top: 5.825242718446602vw;
}
.section-body .section-txt hr {
    border-top-color: #000;
    border-width: 1px;
    margin-top: 3.8834951456310676vw;
    margin-bottom: 3.8834951456310676vw;
}

.section-memory .section-wrap {
    position: absolute;
    top: 7%;
    left: 10%;
    right: 10%;
}
.section-memory .section-txt {
    padding-top: 4.854368932038835vw;
}

.section-slot .section-wrap {
    position: absolute;
    top: 62%;
    left: 10%;
    right: 10%;
}
.section-slot .section-txt {
    padding: 3.8834951456310676vw 0 0;
}
.section-slot .section-wrap2 {
    position: absolute;
    top: 15.3%;
    left: 14%;
    right: 42%;
    bottom: 44.9%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-slot .section-wrap2 .section-txt {
    padding: 1.9417475728155338vw 8% 0 0;
}

.section-cpu .section-wrap {
    position: absolute;
    top: 3%;
    left: 10%;
    right: 10%;
}
.section-cpu .section-icon-cpu {
    width: 5.339805825242718vw;
    height: 5.339805825242718vw;
}
.section-cpu .section-txt {
    padding: 3.8834951456310676vw 0 0;
}

.section-camera .section-wrap {
    position: absolute;
    top: 42%;
    left: 9%;
    right: 10%;
    text-align: right;
}
.section-camera .section-txt {
    padding: 3.8834951456310676vw 0 0;
}

.section-display .section-wrap {
    text-align: center;
}
.section-display .section-head {
    position: absolute;
    top: 8%;
    left: 10%;
    right: 10%;
    text-shadow: 1px 2px 6px rgb(0 0 0 / 60%);
}
.section-display .section-txt {
    padding: 0;
    position: absolute;
    top: 91%;
    left: 4%;
    right: 4%;
}

.section-os .section-wrap,
.section-os .section-wrap2 {
    position: absolute;
    top: 4.4%;
    left: 14%;
    right: 18%;
}
.section-os .section-wrap2 {
    top: 46%;
    text-align: right;
}
.section-os .section-txt {
    padding: 2.912621359223301vw 0 0;
}
.section-os .section-note {
    position: absolute;
    left: 14%;
    right: 18%;
    bottom: 27.5%;
    text-align: right;
}

.section-battery .section-wrap {
    position: absolute;
    top: 3%;
    left: 10%;
    right: 10%;
}
.section-battery .section-txt {
    padding: 3.8834951456310676vw 0 0;
}

.section-unlock .section-wrap,
.section-unlock .section-wrap2 {
    position: absolute;
    top: 10.8%;
    left: 46%;
    right: 10.8%;
    bottom: 57.2%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-unlock .section-wrap2 {
    top: 53.3%;
    left: 9.5%;
    right: 47%;
    bottom: 11.8%;
}
.section-unlock .section-txt {
    padding: 1.9417475728155338vw 0 0;
    line-height: 1.1;
}

.section-certified .section-wrap {
    position: absolute;
    top: 15%;
    left: 22%;
    right: 10%;
    text-align: right;
}

.section-network {
    padding: 10% 7%;
}
.section-network .section-row {
    display: block;
    align-items: center;
}
.section-network .section-col {
    width: 100%;
}
.section-network .section-txt {
    padding: 3.8834951456310676vw 0 0;
}
.section-band-box {
    margin-top: 5.825242718446602vw;
    padding: 4.854368932038835vw;
    border-radius: 20px;
    border: 1px solid #111;
    font-size: 12px;
}
.section-bands {
    padding-top: 4.3689320388349516vw;
    display: flex;
    flex-direction: column;
    gap: 3.8834951456310676vw;
}
.section-band-i {
    display: flex;
    gap: 1.9417475728155338vw;
}
.section-band-a {
    width: 25%;
}
.section-band-b {
    width: 73%;
}

@media screen and (min-width: 769px) {
    .section {
        max-width: 1500px;
    }

    .section-intro .section-wrap {
        top: 41%;
        left: 42%;
        right: 11%;
        text-align: right;
    }
    .section-intro .section-head {
        font-size: 20px;
    }
    .section-intro .section-txt {
        padding-top: .625vw;
        font-size: 2.916666667vw;
    }
    .section-intro .section-small {
        padding-top: .2083333333vw;
        font-size: 1.041666667vw;
    }
    .section-intro .section-small span {
        padding: 0 .5208333333333333vw;
    }

    .section-quotes {
        padding: 3% 2%;
    }
    .section-quotes-row {
        flex-direction: row;
        gap: 20px;
    }
    .section-quotes-col {
        width: calc(100% - 20px);
    }

    .section-convenience .section-wrap {
        top: 28%;
        left: 8.3%;
        right: 41%;
        text-align: left;
    }
    .section-convenience .section-head {
        display: block;
    }
    .section-convenience .section-txt {
        padding-top: 1.7708333333333333vw;
        padding-right: 18%;
    }

    .section-rugged .section-wrap {
        top: 7%;
        left: 7%;
        right: 9%;
    }
    .section-rugged .section-txt {
        padding-top: 3.125vw;
        padding-right: 35%;
    }
    .section-rugged .section-j {
        left: 59.5%;
        right: 10%;
        gap: 8px;
    }
    .section-rugged .section-j1 {
        top: 48.6%;
        bottom: 43.9%;
    }
    .section-rugged .section-j2 {
        top: 57.8%;
        bottom: 34.7%;
    }
    .section-rugged .section-j3 {
        top: 67.1%;
        bottom: 25.4%;
    }
    .section-rugged .section-j4 {
        top: 76.4%;
        bottom: 16.1%;
    }
    .section-rugged .section-j5 {
        top: 85.7%;
        bottom: 6.8%;
    }
    .section-rugged .section-note {
        bottom: 2%;
        left: 20%;
        right: 20%;
    }

    .section-body .section-wrap {
        top: 9%;
        left: 11.6%;
        right: 42%;
    }
    .section-body .section-txt {
        padding: 3.125vw 20% 0 0;
    }
    .section-body .section-txt hr {
        border-width: 3px;
        margin-top: 1.6666666666666666vw;
        margin-bottom: 1.6666666666666666vw;
    }

    .section-memory .section-wrap {
        top: 41%;
        left: 12.1%;
        right: 48%;
    }
    .section-memory .section-txt {
        padding: 1.0416666666666666vw 20% 0 0;
    }

    .section-slot .section-wrap {
        top: 66%;
        left: 15%;
        right: 15%;
        text-align: center;
    }
    .section-slot .section-txt {
        padding: 1.0416666666666666vw 15% 0;
    }
    .section-slot .section-wrap2 {
        top: 9%;
        left: 17%;
        right: 42%;
        bottom: 40.2%;
    }
    .section-slot .section-wrap2 .section-txt {
        padding: 2.0833333333333332vw 20% 0 0;
    }

    .section-cpu .section-wrap {
        top: 5%;
        left: 12%;
        right: 12%;
        text-align: center;
    }
    .section-cpu .section-head {
        display: inline-flex;
        align-items: center;
        gap: .8333333333333333vw;
    }
    .section-cpu .section-icon-cpu {
        width: 2.5vw;
        height: 2.5vw;
        margin-top: -.4166666666666667vw;
    }
    .section-cpu .section-txt {
        padding: 1.4583333333333334vw 20% 0;
    }

    .section-camera .section-wrap {
        top: 53%;
        left: 51%;
        right: 8%;
    }
    .section-camera .section-txt {
        padding: 1.4583333333333334vw 0 0;
    }

    .section-display .section-head {
        top: 12%;
        left: 10%;
        right: 10%;
        text-shadow: 2px 6px 3px rgb(0 0 0 / 60%);
    }
    .section-display .section-txt {
        top: 88%;
        left: 10%;
        right: 10%;
    }

    .section-os .section-wrap,
    .section-os .section-wrap2 {
        top: 11.4%;
        left: 5%;
        right: 57%;
        bottom: 54.3%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .section-os .section-wrap2 {
        top: 54.3%;
        left: 54%;
        right: 6%;
        bottom: 11.6%;
    }
    .section-os .section-txt {
        padding: 1.4583333333333334vw 0 0;
    }
    .section-os .section-note {
        left: 54%;
        right: 6%;
        bottom: 8%;
    }

    .section-battery .section-wrap {
        top: 62%;
        left: 10%;
        right: 35%;
    }
    .section-battery .section-txt {
        padding: 1.4583333333333334vw 0 0;
    }

    .section-unlock .section-wrap,
    .section-unlock .section-wrap2 {
        top: 9.3%;
        left: 53%;
        right: 11.7%;
        bottom: 60.7%;
    }
    .section-unlock .section-wrap2 {
        top: 52.3%;
        left: 7.9%;
        right: 59%;
        bottom: auto;
    }
    .section-unlock .section-txt {
        padding: 1.4583333333333334vw 0 0;
    }

    .section-certified .section-wrap {
        top: 17%;
        left: 27%;
        right: 5%;
    }

    .section-network {
        padding: 6% 4%;
    }
    .section-network .section-row {
        display: flex;
        align-items: center;
    }
    .section-network .section-col {
        width: 50%;
    }
    .section-network .section-txt {
        padding: 1.4583333333333334vw 0 0;
        line-height: 1.2;
    }
    .section-band-box {
        padding: 2.0833333333333332vw;
        border-radius: 20px;
    }
    .section-bands {
        padding-top: 1.875vw;
    }
}