.bannerAndroid{
    width: 100%;
    height: 80vh
}
.bannerAndroid1{
    position: absolute;top: 0%;left: 0%;background: rgba(0, 0, 0, 0.579);height: 80vh;width: 100%;display: flex;justify-content: center;align-items: center;
}
.bannerAndroid1 h1{
    color: white;
    font-size: 80px
}
/* //Android */
.fomrContMainAndroid{
    background: linear-gradient(180deg, rgba(19, 0, 49, 1) 0%, rgba(13, 57, 101, 1) 100%);
    height: 80vh;
    display: flex;flex-direction: row;justify-content: space-around;align-items: center;
}
.fontContHeadAndroid{
    width: 40%;
}
.formContAndroid{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 25vh;
}
.fontContContentAndorid{
    width: 40%;height: 68vh;background: rgba(208, 208, 208, 0.599);border-radius: 10px;display: flex;flex-direction: column;justify-content: space-around;align-items: center
}

/* //content */
.contMainAndroid{
    background: linear-gradient(180deg, rgba(14, 50, 99, 1) 0%, rgba(25, 178, 181, 1) 100%);height: 60vh;display: flex;justify-content: space-around;align-items: center;
}
.contContAndroid1{
    width: 45%;height: 50vh
}
.contContAndroid2{
    width: 45%; height: 50vh;color: #fff
}
.contContAndroid1 img{
    width: 90%;height: auto;
}

/* //content */
.contMainAndoridwe{
    background-color: rgb(130, 90, 119);height: 60vh;display: flex;justify-content: space-around;align-items: center;
}
.contHeaderAndroiddwe{
    width: 45%; height: 50vh;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;
}
.contContentAndroiddwe{
    width: 45%;height: 50vh;
}

.contContentAndroiddwe img{
    width: 90%;height: auto;
}

/* //content3 */
.cont3MainAndroid{
    height: 200vh;background: #003b46;display: flex;flex-direction: column;justify-content: space-around;
}
.cont3headerAndroid{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 20vh;
}
.cont3headerAndroid h2{
    font-weight:400
}
.cont3MaincontAnd{
    height: 80vh;display: flex;flex-direction: row;justify-content: space-around;align-items: center;
}

.cardCont3And{
    height: 80vh;width: 30%;background: #076d7f;border: none
}
.cardCont3AAnd{
    position: absolute;top: 0%;left: 0%;height: 44vh;background: rgba(0, 0, 0, 0.466);width: 100%;color: white;display: flex;justify-content: center;align-items: center;
}
@media screen and (max-width: 650px) {
    .bannerAndroid{
        width: 100%;
        height: auto    
    }
    .bannerAndroid1{
        position: absolute;top: 0%;left: 0%;background: rgba(0, 0, 0, 0.579);height: 30vh;width: 100%;display: flex;justify-content: center;align-items: center;
    }
    .bannerAndroid1 h1{
        color: white;
        font-size: 25px
    }
    /* //Android */
.fomrContMainAndroid{
    background: linear-gradient(180deg, rgba(19, 0, 49, 1) 0%, rgba(13, 57, 101, 1) 100%);
    height: auto;
    display: flex;flex-direction: column;justify-content: space-around;align-items: center;
    padding: 0px 0px 15px;
}
.fontContHeadAndroid{
    width: 90%;
}
.formContAndroid{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: auto;
    padding: 20px 0px;
}
.fontContContentAndorid{
    width: 90%;height: 70vh;background: rgba(208, 208, 208, 0.599);border-radius: 10px;display: flex;flex-direction: column;justify-content: space-around;align-items: center
}

/* * //content */ 
.contMainAndroid{
    background: linear-gradient(180deg, rgba(14, 50, 99, 1) 0%, rgba(25, 178, 181, 1) 100%);
    height: auto;display: flex;flex-direction: column;justify-content: space-between;align-items: center;
}
.contContAndroid1 img{
    width: 100%;height: auto;
}
.contContAndroid1{
    width: 100%;height: auto
}
.contContAndroid2{
    width: 90%; height: auto;color: #fff;
    padding: 10px 0px;
}


/* //content */
.contMainAndoridwe{
    background-color: rgb(130, 90, 119);height: auto;display: flex;flex-direction: column;justify-content: space-around;align-items: center;
}
.contHeaderAndroiddwe{
    width: 90%; height: auto;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;
    padding: 10px 0px;
}
.contContentAndroiddwe{
    width: 100%;height: auto;
}
.contContentAndroiddwe img{
    width: 100%;height: auto;
}
.cardCont3B{
    height: 45vh;display: flex;flex-direction: column;justify-content: center;align-items: center;
}


/* //content3 */
.cont3MainAndroid{
    height: auto;background: #003b46;display: flex;flex-direction: column;justify-content: space-around;
}
.cont3headerAndroid{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: auto;
    padding: 18px 0px;
}
.cont3headerAndroid h2{
    font-size: 17px;
    font-weight: 500;
}
.cont3MaincontAnd{
    height: 230vh;display: flex;flex-direction: column;justify-content: space-around;align-items: center;
  
}

.cardCont3And{
    height: 73vh;width: 90%;background: #076d7f;border: none;
}
.cardCont3AAnd{
    position: absolute;top: 0%;left: 0%;height: 35vh;background: rgba(0, 0, 0, 0.466);width: 100%;color: white;display: flex;justify-content: center;align-items: center;
}

.cardCont3BAnd{
    height: 60vh;display: flex;flex-direction: column;justify-content: center;align-items: center;
}
.navbar-collapse{
    background: #0C0127;
    padding: 20px;
    }
}
.modal-backdrop.show {
    z-index: auto;
}
.modalCss{
   z-index: 99;
}