.pc{
    padding:1px;
}
.brand-page {
    /* margin-top: 14rem; */
    width: 108rem;
    margin-top: 80px;
}

.vp-video {
    position: sticky;
    position: -webkit-sticky;
    width: 100%;
    height: 176rem;
    z-index: -99;
    overflow: hidden;
}
.vp-video video{
    /* width:100%;
    height:auto; */
    height: 176rem;
    width: 132%;

}

.video-shadow {
    width: 100%;
    height: 100vh;
    margin-top: -180rem;
    position: fixed;
    background-color: black;
    opacity: 0;
    z-index: -1;
}

.vp-txt-panel {
    /* font-family: OPPOSans-L; */
    font-size: 6.8rem;
    color: #FFFFFF;
    height: 352rem;
    width: 100%;
    z-index: 9;
}

.vp-txt-panel p {
    font-weight: bold;
    width: 90%;
    margin-left: 5%;
    text-align: center;
    line-height: 28rem;
    margin-top: 30rem;
    opacity: 0;
}
.vp-title{
    /* font-family: Rany-Bold; */
    font-size: 8rem;
}
.vp-txt-1{
    line-height: 8rem !important;
    width: 75% !important;
    margin-left: 11% !important;

}
.vp-txt-2{
    line-height: 8rem !important;
    width: 70% !important;
    margin-left: 13% !important;
}
.vp-txt-3{
    line-height: 8rem !important;
    width: 85% !important;
    margin-left: 7% !important;

}
.vp-txt-4{
    line-height: 8rem !important;
    width: 76% !important;
    margin-left: 10% !important;
}
.vp-txt-5{
    line-height: 8rem !important;
    width: 80% !important;
    margin-left: 9% !important;
}
.About-akubela{
    background: #f7f7f7;
    width: 100%;
    height: 79rem;
    padding: 1px;
}
.aa-txt-panel{
   
    width: 60%;
    margin-left: 20%;
    margin-top: 17rem;
}
.aa-title{
    font-size: 4.8rem;
    /* font-family: Rany-Bold; */

}
.aa-txt{
    /* font-family: OPPOSans-L; */
    font-size: 3rem;
    margin-top: 2rem;
}
.brand-panel-2 {
    width: 100%;
    /* height: 108rem; */
    background-color: #FFFFFF;
    z-index: 10;
    margin-top: -7rem;
    padding: 1px;
}

.panel-2-title {
    /* font-family: Rany-Bold; */
    color: #000000;
    font-size: 6rem;
    width: 80%;
    text-align: center;
    margin-left: 10%;
    margin-top: 9rem;
}

.panel-2-family-phone {
    display: flex;
    flex-direction: column;
    width: 60%;
    margin-left: 20%;
    margin-top: 9rem;
}

.family-pc-txt {
    margin-top: 13rem;
    margin-left: 4rem;
    margin-right: 10rem;
}

.family-title {
    /* font-family: Rany-Bold; */
    color: #FA820A;
    line-height: 4.8rem;
    font-size: 3.6rem;
    width: 54rem;
}

.family-txt {
    /* font-family: OPPOSans-L; */
    color: #000000;
    line-height: 4.8rem;
    font-size: 3.6rem;
    width: 59rem;
    margin-top: 3rem;
    margin-bottom: 10rem;
}

.family-img {}

.family-img img {
    width: 57.8rem;
    border-radius: 15px;
    box-shadow: 45px 45px #fa820a;
}

.commu {
    width: 100%;
    /* margin-top: 14rem; */
}

.akubela {
    width: 100%;
    height: 30rem;
    background-color: #ffffff;
    padding: 1px
}

.akubela p {
    /* font-family: Rany-Bold; */
    font-size: 6rem;
    color: #000000;
    line-height: 6rem;
    width: 80%;
    text-align: center;
    margin-left: 10%;
    margin-top: 8rem;
}

.commucation-img {
    width: 100%;
    height: 192rem;
    padding: 1px;
    background-image: url(../../img/phone-brand/Communication.jpg);
    background-size: 100%;
}

.commu-title,
.secuity-title,
.substain-title {
    /* font-family: Roboto-Regular; */
    color: #FFFFFF;
    font-size: 6rem;
    width: 44rem;
    margin-top: 25rem;
    margin-left: 17rem;
}

.commu-txt,
.secuity-txt,
.substain-txt {
    /* font-family: Roboto-Light; */
    color: #FFFFFF;
    font-size: 3.6rem;
    width: 77rem;
    margin-left: 17rem;
    margin-top: 19rem;
    line-height:4.8rem;
}

.secuity {
    width: 100%;
    height: 192rem;
    padding: 1px;
    background-image: url(../../img/phone-brand/Security.jpg);
    background-size: 100%;
}

.substain {
    width: 100%;
    height: 192rem;
    padding: 1px;
    background-image: url(../../img/phone-brand/Sustainability.jpg);
    background-size: 100%;
}
.comm-select{
    display:block !important;
 }
 .page-select{
     display: none !important;
 }