.bannerDigital{
    width: 100%;height: 80vh
}
.bannerDigitalContent{
    position: absolute;top: 0%;left: 0%;background: rgba(0, 0, 0, 0.438);height: 80vh;width: 100%;display: flex;justify-content: center;align-items: center;
}
.bannerDigitalContent h1{
    color: white;font-size: 80px;
}
/* //form */
.formMainContDigital{
    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;
}
.formHeaderContDigital{
    width: 40%;
}
.formHeaderContDigitalA{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 25vh;
}
.formHeaderContDigitalA h2{

    font-weight: 400;
}
.formHeaderContDigital1B{
    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;
}
.formHeaderContDigitalAP{
    font-size: 18px
}
/* <!-- //Content --> */
.digitalsolutionCont{
    background: linear-gradient(180deg, rgba(14, 50, 99, 1) 0%, rgba(25, 178, 181, 1) 100%);height: 70vh;display: flex;flex-direction: row;justify-content: space-around;align-items: center;
}
.digitalsolutionContA{
    width: 47%;
}
.digitalsolutionContB{
    width: 47%;color: #fff;
}

/* //comprehensive */
.compDigitalCont{
    height: 200vh;background: #003b46;display: flex;flex-direction: column;justify-content: space-around;
}
.compDigitalContA{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 20vh;
}
.compDigitalContB{
    height: 80vh;display: flex;flex-direction: row;justify-content: space-around;align-items: center;width: 100%;
}
.cardComp{
    height: 80vh;width: 30%;background: #076d7f;border: none;
}
.cardCompTxt{
    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;
}
.cardComp img{
    height: 44vh;width: 100%
}
.cardCompTxt2{
    height: 45vh;display: flex;flex-direction: column;justify-content: center;align-items: center;
}
/* .<!-- Customlogodesign --> */
.customlogmain{
    background: linear-gradient(29deg, rgba(45, 58, 145, 1) 0%, rgba(148, 60, 164, 1) 100%);height: 100vh;display: flex;flex-direction: column;justify-content: space-around;align-items: center;
}
.customlogoHead{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 20vh
}
.customlogoHead h2{
    font-weight:400
}
.customlogoContA{
    height: 80vh;width: 90%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;
}
.customlogoContA1{
    width: 48%;
}
.customlogoContA2{
    width: 48%;
}

@media screen and (max-width: 650px) {
    .bannerDigital{
        width: 100%;height: auto
    }
    .bannerDigitalContent{
        position: absolute;top: 0%;left: 0%;background: rgba(0, 0, 0, 0.438);height: 28vh;width: 100%;display: flex;justify-content: center;align-items: center;
    }
    .bannerDigitalContent h1{
        color: white;font-size: 28px;
    }

/* //form */
.formMainContDigital{
    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: 20px 0px;
}
.formHeaderContDigital{
    width: 90%;
}
.formHeaderContDigitalA{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: auto;
    padding: 0px 0px 15px;
}
.formHeaderContDigitalA h2{
    font-size: 20px;
    font-weight: 400;
}
.formHeaderContDigital1B{
    width: 90%;height: 72vh;background: rgba(208, 208, 208, 0.599);border-radius: 10px;display: flex;flex-direction: column;justify-content: space-around;align-items: center;
}
.formHeaderContDigitalAP{
    font-size: 12px;
}
/* <!-- //Content --> */
.digitalsolutionCont{
    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;
}
.digitalsolutionContA{
    width: 100%;
}
.digitalsolutionContB{
    width: 90%;color: #fff;
    height: auto;
    padding: 10px 0px 15px;
}

/* //comprehensive */
.compDigitalCont{
    height: 590vh;background: #003b46;display: flex;flex-direction: column;justify-content: space-around;
}
.compDigitalContA{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: auto;
    padding: 15px 0px;
}
.compDigitalContA h2{
    font-size: 13px;
}
.compDigitalContB{
    height: 274vh;display: flex;flex-direction: column;justify-content: space-around;align-items: center;
   
}
.cardComp{
    height: 85vh;width: 90%;background: #076d7f;border: none;
   
}
.cardComp img{
    height: auto;width: 100%
}
.cardCompTxt{
    position: absolute;top: 0%;left: 0%;height: 40vh;background: rgba(0, 0, 0, 0.466);width: 100%;color: white;display: flex;justify-content: center;align-items: center;
  
}
.cardCompTxt2{
    height: 50vh;display: flex;flex-direction: column;justify-content: center;align-items: center;
}
/* .<!-- Customlogodesign --> */
.customlogmain{
    background: linear-gradient(29deg, rgba(45, 58, 145, 1) 0%, rgba(148, 60, 164, 1) 100%);height: 185vh;display: flex;flex-direction: column;justify-content: space-between;align-items: center;
}
.customlogoHead{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 20vh
}
.customlogoHead h2{
 
    font-size: 18px;
}
.customlogoContA{
    height: 175vh;width: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: center;
}
.customlogoContA1{
    width: 90%;
}
.customlogoContA2{
    width: 100%;
}
.navbar-collapse{
    background: #0C0127;
    padding: 20px;
    }
}


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