.sec0 {}
.sec0i0 {}
/* logo */
.sec0e0 {
    top: 200px;
}
.sec0e0i0 {}
.sec0e0t1 {}
.sec0e1 {}
.sec0e1i0 {}
.sec1 {
    background: #fff;
}
.sec1e0 {
    padding-bottom: 86px;
}
.sec1e0i0 {}
.sec1e0i1 {}
.sec1e0t0 {
    transform: translateX(-330px);
    top: 300px;
    width: 460px;
}
.sec1e0t1 {}
.sec1e1 {
    padding-top: 36px;
}
.sec1e1t0 {
    transform: translateX(295px);
    top: 480px;
    width: 500px;
}
.sec1e1i0 {}
.sec1e1i1 {}
.sec1e1t1 {}
.sec2 {}
.sec2i0 {}
.sec2t0 {
    transform: translateX(-270px);
    top: 100px;
    width: 470px;
}
.sec2t1 {}
.sec3 {
    background: #fff;
}
.sec3e0 {    margin-top: 80px;}
.sec3e0i0 {
    z-index: 1;
    top:0;
}
.sec3e0i1 {}
.sec3e0t0 {
    transform: translateX(310px);
    top: 420px;
    width: 530px;
}

.sec3e1t0 {
    transform: translateX(-330px);
    top: 285px;
    width: 455px;
}

.sec3e2{
    margin-top: 84px;
    margin-bottom: 32px;
}

.sec3e2t0 {
    transform: translateX(210px);
    top: 200px;
    width: unset;
}

.sec3e2t0 .blu-pg-sec-ttl {
    margin-bottom: 40px;
    margin-left: 48px;
}
.sec3e2t0 .blu-pg-sec-subttl {
    font-size: 1.6rem !important;
    margin-bottom: 16px;
    margin-top: 0px;
}

.sec3e2t0 > .feature {
    display: flex;
    align-items: start;
}

.sec3e2t0 > .feature > .col-1 {
    width: 180px;
    text-align: center;
}

.sec3e2t0 > .feature > .col-2 {
    width: 480px;
}

.sec3e2t0 .feature p {
    margin-top: 8px;
    margin-bottom: 48px;
    font-size: 1.4rem;
}

.sec3e2t0 > .battery img {
    margin-top: 10px;
    height: 55px;
}

.sec3e2t0 > .dependable img {
    margin-top: 10px;
    height: 70px;
}
.sec3e2t0 > .sos img {
    margin-top: 10px;
    height: 70px;
}



/* mobile */
.sec4 {}
.sec4e0i0 {bottom: 0;}
.sec4t1 {}
.sec4e1 {
    z-index: 1;
    top: 100px;
}
.sec4e1t1 {}
.sec4e1i0 {}
.sec4e1t2 {}
.sec4i0 {}
.sec5 {
    background: #fff;
}
.sec5e0 {
    margin-top: 48px;
}
.sec5e0i0 {
    z-index: 2;
    bottom: 0px;
}
.sec5e0t0 {
    top: 20px;
    width: 240px;
}
.sec5e0i1 {}
.sec5e0t1 {}
.sec5e1 {}
.sec5e1t0 {
    padding-top: 50px;
    width: 330px;
    padding-bottom: 30px;
}
.sec5e1t1 {}
.sec5e1i0 {
    padding-top: 12px;
}
.sec6 {}
.sec6t0 {
    top: 60px;
    width: 280px;
}
.sec6i0 {}
.sec6t1 {}
.sec6i1 {}
.sec7 {
    background: #fff;
}
.sec7t0 {
    padding-bottom: 60px;
    width: 290px;
}
.sec7e0 {
    padding: 48px 0px;
}
.sec7e0i0 {}
.sec7e0t1 {}

.sec7e0t0 {
    top: 80px;
    width: 290px;
}

.sec7e0t0 p {
    width: 253px;
}

.sec7t1 {
    padding-top: 60px;
    width: 280px;
}

.sec7t1 .blu-pg-sec-ttl {
    margin-bottom: 32px;
}

.sec7t1 .feature {
    margin-bottom: 22px;
}

.sec7t1 .feature p {
    margin-top: 2px;
}





@media (max-width: 1400px) {
    .sec0e0 {
        top: 9ch;
    }
    .sec1e0t0 {
        transform: translateX(-220px);
        top: 180px;
        width: 300px;
    }
   
    .sec1e0 {
        padding-bottom: 36px;
        padding-top: 72px;
    }

    .sec1e1 {
        padding-top: 56px;
        padding-bottom: 80px;
    }
    .sec1e1t0 {
        transform: translateX(200px);
        top: 360px;
        width: 351px;
    }
    .sec2t0 {
        transform: translateX(-180px);
        top: 80px;
        width: 320px;
    }
    .sec3e0 {

    }
    .sec3e0t0 {
        transform: translateX(220px);
        top: 240px;
        width: 320px;
    }

    .sec3e1 {
        padding-top: 70px;
    }

    .sec3e1t0 {
        transform: translateX(-220px);
        top: 340px;
        width: 270px;
    }

    .sec3e2 {
        margin-top: 95px;
        margin-bottom: 32px;
    }

    .sec3e2t0 {
        transform: translate(120px);
        top: 70px;
        width: unset;
    }

    .sec3e2t0 .blu-pg-sec-subttl {
        font-size: 1.2rem !important;
        font-weight:500;
    }

    .sec3e2t0 .blu-pg-sec-ttl {
        margin-bottom: 32px;
        margin-left: 36px;
    }

    .sec3e2t0 > .feature {
        display: flex;
        align-items: start;
    }
    
    .sec3e2t0 > .feature > .col-1 {
        width: 140px;
        text-align: center;
    }
    
    .sec3e2t0 > .feature > .col-2 {
        width: 320px;
    }
    
    .sec3e2t0 .feature p {
        margin-top: 2px;
        margin-bottom: 26px;
        font-size: 1.0rem;
    }
    
    .sec3e2t0 > .battery img {
        margin-top: 10px;
        height: 45px;
    }
    
    .sec3e2t0 > .dependable img {
        margin-top: 10px;
        height: 55px;
    }
    .sec3e2t0 > .sos img {
        margin-top: 10px;
        height: 55px;
    }
}

@media (max-width: 980px) {
    .red p {
        font-weight: 600;
    }

    .blu-sec-specs .row li {
        font-weight: 500;
    }
}