.imgBannerwhats{
    width: 100%;height: 80vh;
}
.imgBannerwhatsA{
    position: absolute;top: 0%;left: 0%;background: rgba(0, 0, 0, 0.616);height: 80vh;width: 100%;display: flex;justify-content: center;align-items: center;
}
.imgBannerwhatsA h1{
    color: rgb(240, 240, 240);font-size: 80px;
}

/* //form */
.formContentMainwhats{
    background: linear-gradient(180deg, rgba(14, 50, 99, 1) 0%, rgba(25, 178, 181, 1) 100%);height: 220vh;
}
.formContentMainwhatsA{
    display: flex;flex-direction: row;justify-content: space-around;align-items: center;height: 70vh
}
.formContentMainwhatsA1{
    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;
}
.formContentMainwhatsA1New{
    display: none;
}
.formContentMainwhatsA2{
    width: 47%;color: #fff;
}
.contentContWhatCloud{
    display: flex;display: flex;flex-direction: row;justify-content: space-around;align-items: center;height: 70vh
}
.contentContWhatCloudA{
    width: 47%;color: #fff;
}
.contentContWhatCloudB{
    width: 47%;
}
.registerMainWhats{
    display: flex;display: flex;flex-direction: row;justify-content: space-around;align-items: center;height: 70vh
}
.registerMainWhatsA{
    width: 47%
}
.registerMainWhatsANew{
    display: none;
}
.registerMainWhatsB{
    width: 47%;color: #fff;
}

/* //content */
.bulkMainContwhats{
    background: linear-gradient(180deg, rgb(223, 225, 230) 0%, rgb(59, 201, 203) 100%);height: 170vh;
}
.bulkContentcontwhats{
    color: #000000;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 25vh;
}
.bulkContentcontwhatsImg{
    display: flex;display: flex;flex-direction: row;justify-content: space-around;align-items: center;height: 70vh
}
.bulkContentcontwhatsImg1{
    width: 47%;
}
.bulkContentcontwhatsImg2{
    width: 47%;color: #000000;
}
.bulkContentcontwhats h2{
    font-weight:400 
}

/* //every */
.everyMainCont{
    display: flex;display: flex;flex-direction: row;justify-content: space-around;align-items: center;height: 70vh
}
.everyMainContA{
    width: 47%;color: #000000;
}
.everyMainContB{
    width: 47%
}


/* <!-- //Content3 --> */
.domesticMainCont{
    background: linear-gradient(180deg, rgba(14, 50, 99, 1) 0%, rgba(25, 178, 181, 1) 100%);height: 160vh;
}
.domesticContentCont{
    color: #ffffff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 25vh;
}
.domesticContentContA{
    display: flex;display: flex;flex-direction: row;justify-content: space-around;align-items: center;height: 70vh
}
.domesticContentCont h2{
    font-weight:400
}
.domesticContentContA1{
    width: 47%
}
.domesticContentContA2{
    width: 47%;color: #fff;font-size: 18px;
}

/* <!-- //action --> */
.actionMainCont{
    display: flex;display: flex;flex-direction: row;justify-content: space-around;align-items: center;height: 70vh
}
.actionMainContA{
    width: 47%;color: #fff;
}
.actionMainContB{
    width: 47%
}


/* //feature */
.featureMaincont{
    background: linear-gradient(180deg, rgba(14, 50, 99, 1) 0%, rgba(25, 178, 181, 1) 100%);
    height: 100vh;
}
.featureMaincontHead{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 25vh;
}
.featureMaincontHead h2{
    font-weight:400
}
.featureMaincontA{
    height: 70vh;display: flex;flex-direction: column;justify-content: space-around;align-items: center;
}
.featureMaincontA1{
    height: 70vh;width: 90%;display: flex;justify-content:space-around;align-items: center;
}
.featureMaincontA11{
    width: 40%;height: 70vh;border: 1px solid #84B0FC;background-color: #0C0127;border-radius: 25px;display: flex;flex-direction: row;justify-content: space-around;align-items: center;
}

.featureMaincontA111{
    width: 90%;height: 60vh;
}


@media screen and (max-width: 650px) {
    .imgBannerwhats{
        width: 100%;height: auto;
    }
    .imgBannerwhatsA{
        position: absolute;top: 0%;left: 0%;background: rgba(0, 0, 0, 0.616);height: 26vh;width: 100%;display: flex;justify-content: center;align-items: center;
    }
    .imgBannerwhatsA h1{
        color: rgb(240, 240, 240);font-size: 30px;
    }

    /* //form */
.formContentMainwhats{
    background: linear-gradient(180deg, rgba(14, 50, 99, 1) 0%, rgba(25, 178, 181, 1) 100%);height: 360vh;
}
.formContentMainwhatsA{
    display: flex;flex-direction: column;justify-content: space-around;align-items: center;height: 166vh
}   
.formContentMainwhatsA1New{
    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;
}
.formContentMainwhatsA1{
    display: none;
}
.formContentMainwhatsA2{
    width: 90%;color: #fff;
}
.formContentMainwhatsA2 h2{
     font-size: 18px;
}
.contentContWhatCloud{
    display: flex;flex-direction: column;justify-content: space-around;align-items: center;height: 93vh
}
.contentContWhatCloudA{
    width: 90%;color: #fff;
}
.contentContWhatCloudB{
    width: 100%;
}
.registerMainWhats{
display: flex;flex-direction: column;justify-content: space-between;align-items: center;height: 80vh
}
.registerMainWhatsANew{
    width: 100%
}
.registerMainWhatsA{
    display: none;
}
.registerMainWhatsB{
    width: 90%;color: #fff;
}
/* //content */
.bulkMainContwhats{
    background: linear-gradient(180deg, rgb(223, 225, 230) 0%, rgb(59, 201, 203) 100%);height: 235vh;
}

.bulkContentcontwhats{
    color: #000000;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 20vh;
}
.bulkContentcontwhats h2{
    font-size: 14px;
    font-weight: bold;
}
.bulkContentcontwhatsImg{
    display: flex;flex-direction: column;justify-content: space-between;align-items: center;height: 105vh;
}
.bulkContentcontwhatsImg1{
    width: 100%;
}
.bulkContentcontwhatsImg2{
    width: 90%;color: #000000;
}
/* //every */
.everyMainCont{
    display: flex;display: flex;flex-direction: column;justify-content: space-around;align-items: center;height: 90vh
}
.everyMainContA{
    width: 90%;color: #000000;
}
.everyMainContB{
    width: 100%
}



/* <!-- //Content3 --> */
.domesticMainCont{
    background: linear-gradient(180deg, rgba(14, 50, 99, 1) 0%, rgba(25, 178, 181, 1) 100%);height: 232vh;
}
.domesticContentCont{
    color: #ffffff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 20vh;
}
.domesticContentCont h2{
    font-weight: bold;
    font-size: 12px;
}
.domesticContentContA{
    display: flex;display: flex;flex-direction: column;justify-content: space-around;align-items: center;height: 122vh
}
.domesticContentContA1{
    width: 100%
}
.domesticContentContA2{
    width: 90%;color: #fff;font-size: 18px;height: 73vh;
}

/* <!-- //action --> */
.actionMainCont{
display: flex;flex-direction: column;justify-content: space-between;align-items: center;height: 60vh
}
.actionMainContA{
    width: 90%;color: #fff;
    height: 68vh;
}
.actionMainContB{
    width: 100%;
    height: auto;
}
/* //feature */
.featureMaincont{
    background: linear-gradient(180deg, rgba(14, 50, 99, 1) 0%, rgba(25, 178, 181, 1) 100%);
    height: 184vh;
}
.featureMaincontHead{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 25vh;
}
.featureMaincontHead h2{
    font-weight:400;
    font-size: 16px;
}
.featureMaincontA{
    height: 110vh;display: flex;flex-direction: column;
    justify-content: space-between;align-items: center;
}
.featureMaincontA1{
    height: 200vh;width: 90%;display: flex;
    flex-direction: column;
    justify-content:space-around;align-items: center;
}
.featureMaincontA11{
    width: 94%;height: 75vh;border: 1px solid #84B0FC;background-color: #0C0127;border-radius: 25px;display: flex;flex-direction: row;justify-content: space-around;align-items: center;
}
.featureMaincontA111{
    width: 90%;height: 64vh;
}
.navbar-collapse{
    background: #0C0127;
    padding: 20px;
    }

}

.modal-backdrop.show {
    z-index: auto;
  }
  
  .modalCss{
    z-index: 99;
  }