.pro-banner {
    width: 100%;
    height: 98vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.pro-banner h1 {
    color: white;
    font-weight: 800;
    text-shadow: 6px 3px 0 #363b3f;
}

.pro-banner-proName-1 {
    display: inline-block;
    color: white;
    font-size: 40px;
    background-color: #AC2C2D;
    padding: 20px 60px;
    border-radius: 500px;
    font-family: 'Arial', sans-serif;
}

.pro-banner-des-1 {
    width: 60%;
    display: inline-block;
    font-size: 30px;
    color: white;
    border: 2px solid white;
    padding: 10px;
    font-family: 'Arial', sans-serif;
}

.sectionTitle h2 {
    font-size: 50px;
    font-weight: 800;
    font-family: 'Arial', sans-serif;
}

.pro-change {
    position: relative;
}

.pro-change .nav {
    display: inherit !important;
}

.pro-change-2 .nav {
    display: flex !important;
    justify-content: center;
    flex-direction: column;
}
.pro-change-2 .nav-link {
    justify-content: start !important;
}

.pro-change-nav {
    padding-bottom: 20px;
    /*border-bottom: 3px solid #dc3545;*/
    position: relative;
    width: 40%;
    z-index: 1;
}

.pro-change-nav-2 {
    padding-bottom: 20px;
    /*border-bottom: 3px solid #dc3545;*/
    position: relative;
    width: 40%;
    z-index: 1;
}

.pro-change-nav::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(to right, #dc3545, transparent);
    z-index: -1;
}

.pro-change-nav-2::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(to bottom, #dc3545, transparent);
    z-index: -1;
}

.pro-change-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.img-phone {
    display: none;
}

.change-content-item-1 {
    color: #D71418;
    font-family: 'Arial', sans-serif;
    font-size: 45px;
    font-weight: 600;
    line-height: 1;
}

.change-content-item-2 {
    color: #D71418;
    font-family: 'Arial', sans-serif;
    font-size: 25px;
    line-height: 1.2;
}

.pro-change-2 .change-content-item-1 {
    font-size: 35px;
}

.pro-change-2 .change-content-item-2 {
    font-size: 25px;
}

.pro-change-2 .rs-tab-main.tab-style1 .tab-main-wrap .tab-menu-wrapper .nav .nav-link {
    color: white;
}

.section-motor {
    position: relative;
}

.section-motor-content {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-motor-des {
    font-size: 28px;
    color: #D71418;
    font-weight: 600;
    line-height: 1.5;
}

.section-battery {
    /* height: 95vh; */
    overflow: hidden;
    background-color: #131524;
    position: relative;

}

/* .section-battery .col-lg-6 {
    padding: 0 !important;
} */

.section-battery-content {
    position: absolute;
    top: 10%;
    right: 10%;
    /* transform: translateX(-50%); */
}

/* .section-battery-text {
    position: absolute;
    
} */

.section-5 {
    position: relative;
}

.section-5-content {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.section-border {
    position: relative;
}

.section-border-content {
    position: absolute;
    right: 0;
    top: 30%;
    transform: translateY(-50%);
}

.section-8 {
    position: relative;
}

.section-8-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.section-10 {
    position: relative;
}

.section-10-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.section-textTop {
    position: relative;
}

.section-textTop-content {
    position: absolute;
    left: 50%;
    top: 15%;
    transform: translate(-50%, -50%);
}

.section-weight {
    position: relative;
}

.section-weight-content {
    position: absolute;
    top: 10%;
    right: 0;
    /*transform: translate(-50%, -50%);*/
}

.section-motor-2 {
    position: relative;
}

.section-motor-2-content {
    position: absolute;
    right: 0;
    top: 20%;
}

.section-battery-2 {
    position: relative;
}

.section-battery-2-content {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
}

.section-11 {
    position: relative;
}

.section-11-content {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-textRight {
    position: relative;
}

.section-textRight-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-battery-3 {
    position: relative;
}

.section-battery-3-content {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-battery-3 .container-fluid .col-lg-6 {
    padding-left: 10%;
}

.section-17 {
    position: relative;
}

.section-17-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.section-slick{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-slick-content .slick-item{
    margin: 0 25px;
}

@media (max-width: 1212px) {
    .pro-change-content,
    .section-motor-content,
    .section-battery-content,
    .section-5-content,
    .section-border-content,
    .section-8-content,
    .section-10-content,
    .section-weight-content,
    .section-motor-2-content,
    .section-battery-2-content,
    .section-11-content,
    .section-textRight-content,
    .section-textTop-content,
    .section-battery-3-content,
    .section-17-content {
        position: initial;
        transform: translate(0, 0);
    }

    .section-img {
        display: none;
    }

    .img-phone {
        display: block;
    }

    .pro-change-nav {
        width: 100%;
    }

    .pro-change {
        background-color: #CDCDCD;
    }

    .pro-change-2 {
        background-color: #141519;
    }

    .pro-change-content {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .section-motor {
        background-color: #131524;
    }
    .section-motor-content{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-battery {
        background-color: #0D1019;
        padding-top: 50px;
    }

    .section-5 {
        background-color: #D4D4D4;
        padding-bottom: 50px;
    }

    .section-border {
        padding-bottom: 50px;
    }

    .section-8 {
        padding-bottom: 50px;
        background-color: #05060E;
    }

    .section-10 {
        background-color: #CDCDCD;
        padding-bottom: 50px;
    }

    .section-weight {
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #D5E0E4;
    }

    .section-weight-content .sectionTitle h2 {
        font-size: 35px;
    }

    .section-motor-2 {
        background-color: #181B24;
    }

    .section-battery-2 {
        background-color: #131524;
        padding-top: 60px;
    }

    .section-11 {
        background-color: #E3E6EB;
        padding-top: 60px;
    }

    .section-12 {
        background-color: #131524;
        padding-top: 60px;
    }

    .section-14 {
        background-color: #F3F3F3;
        padding-top: 60px;
    }

    .section-battery-3-content {
        background-color: #131524;
        padding-top: 50px;
    }

    .section-15 {
        background-color: #E5E5E5;
        padding-top: 50px;
    }
    .section-17{
        background-color: #DDDDDD;
        padding-bottom: 50px;
    }

}

@media (max-width: 560px) {
    .pro-banner h1 {
        font-size: 48px;
    }
}

@media (max-width: 475px) {
    .rs-tab-main.tab-style1 .tab-main-wrap .tab-menu-wrapper .nav .nav-link {
        font-size: 31px;
    }

    .change-content-item-1 {
        font-size: 32px;
    }

    .pro-banner-des-1 {
        font-size: 19px;
    }
}
@media (max-width:1400px) {
    .section-slick-content .slick-list{
        height: 450px !important;
    } 
}
@media (max-width:1150px) {
    .section-slick-content .slick-list{
        height: 350px !important;
    } 
}
@media (max-width:668px) {
    .section-slick-content .slick-list{
        height: 250px !important;
    } 
}