.sliderMaincontWeb{
    width: 100%;
    height: 80vh;
}
.sliderContweb{
    height: 80vh;
    background: linear-gradient(29deg, rgba(45, 58, 145, 1) 0%, rgba(148, 60, 164, 1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.sliderContweb1{
    width: 50%;
    float: left;
    color: white;
}
.sliderContweb1A{
    width: 100%;
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.sliderContweb2{
    width: 45%;float: right;
}
.sliderContweb1A h2{
    font-weight:400 ;color:#0f9b0f;
}
.sliderContweb1A1{
    line-height: 30px;
    font-size: 20px;
    color: #fff
}
.sliderContweb1A button{
    border: none;background-color: rgb(255, 170, 0);border-radius: 5px;padding: 8px;color: white;font-weight: bold;
}


/* //form */
.formContweb{
    background: linear-gradient(180deg, rgba(19, 0, 49, 1) 0%, rgba(13, 57, 101, 1) 100%);
    height: 82vh;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.formContHeadweb{
    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;
}
.formContHeadwebNew{
    display: none;
}
.formContContenweb{
    width: 40%
}

.formContContenweb h2{
    font-weight:400 ;
}


/* //service */
.serviceMainContWeb{
    height: 85vh;
    background: #fff8e7
}
.serviceContWeb{
    width: 100%;height: 25vh;display: flex;flex-direction: column;justify-content: center;align-items: center;
}
.serviceContWeb h2{
    font-weight:400 ;
    color: rgb(255, 170, 0)
}
.serviceContWebcontent{
    height: 30vh;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    font-weight: bold;
}
.serviceContWebcontent1{
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #ffc665;
    display: flex;
    align-items: center;
}


/* //ourProcess */
.ourprocessMaincont{
    height: 70vh;
    background: #003b46;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ourprocessHeader{
    width: 100%;
    height: 25vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ourprocessHeader h2{
    font-weight:400 ;
    color: #fff8e7;
}
.ourprocessContent{
    width: 100%;
    height: 13vh;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.box1A{
    width: 30%;background-color: #fff8e7;height: 8vh;display: flex;justify-content: center;align-items: center;color: #003b46;
}
.box1B{
    width: 15%;background-color: #fff8e7;height: 8vh;display: flex;justify-content: center;align-items: center;color: #003b46;
}
.box1C{
    width: 18%;background-color: #fff8e7;height: 8vh;display: flex;justify-content: center;align-items: center;color: #003b46;
}
.box1D{
    width: 22%;background-color: #fff8e7;height: 8vh;display: flex;justify-content: center;align-items: center;color: #003b46;
}
.ourprocessContent2{
    width: 100%;height: 13vh;display: flex;flex-direction: row;justify-content: space-around;
}
.box2A{
    width: 16%;background-color: #fff8e7;height: 8vh;display: flex;justify-content: center;align-items: center;color: #003b46;
}
.box2B{
    width: 16%;background-color: #fff8e7;height: 8vh;display: flex;justify-content: center;align-items: center;color: #003b46;
}
.box2C{
    width: 19%;background-color: #fff8e7;height: 8vh;display: flex;justify-content: center;align-items: center;color: #003b46;
}
.box2D{
    width: 18%;background-color: #fff8e7;height: 8vh;display: flex;justify-content: center;align-items: center;color: #003b46;
}
.ourprocessContent3{
    width: 100%;height: 13vh;display: flex;flex-direction: row;justify-content: space-around;
}
.box3A{
    width: 13%;background-color: #fff8e7;height: 8vh;display: flex;justify-content: center;align-items: center;color: #003b46
}
.box3B{
    width:20%;background-color: #fff8e7;height: 8vh;display: flex;justify-content: center;align-items: center;color: #003b46;
}

/* //types */
.typeMainCont{
    height: 70vh;
    background: linear-gradient(180deg, rgba(14, 50, 99, 1) 0%, rgba(25, 178, 181, 1) 100%);display: flex;justify-content: center;align-items: center;
}
.typeMainContA{
    height: 70vh;width: 90%;display: flex;justify-content:space-around;align-items: center;
}
.typeMainContA1{
    width: 30%;height: 60vh;border: 1px solid #84B0FC;background-color: #0C0127;border-radius: 25px;display: flex;flex-direction: row;justify-content: space-around;align-items: center;
}
.typeMainContA11{
    width: 90%;height: 40vh
}
.typeMainContA11 p{
    color: white;font-size: 18px;
}


/* content4 */
.costMainCont{
    background: #fff8e7;height: 100vh
}
.costheaderCont{
    width: 100%;height: 25vh;display: flex;flex-direction: column;justify-content: center;align-items: center;
}
.costMainContentCont{
    width: 100%;display: flex;justify-content: center;align-items: center;
}
.costMainContentCont ul{
    width: 80%;font-size: 18px;
}
.costheaderCont h2{
    font-weight:400 ;color: #02022e;
}
@media screen and (max-width: 650px) {
    .sliderMaincontWeb{
        width: 100%;
        height: auto;
    }
    .sliderContweb{
        height: 45vh;
        background: linear-gradient(29deg, rgba(45, 58, 145, 1) 0%, rgba(148, 60, 164, 1) 100%);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sliderContweb1A{
        width: 100%;
        height: 25vh;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }
    .sliderContweb1A h2{
        font-weight:200 ;color: rgb(255, 170, 0);
        font-size: 15px;
    }
    .sliderContweb1A img{
       width: 30vw;
    }
    .sliderContweb1A1{
        line-height: 15px;
        font-size: 10px;
        color: #fff
    }
    .sliderContweb1A button{
        border: none;background-color: rgb(255, 170, 0);border-radius: 5px;padding: 3px;color: white;font-weight: bold;
    }

    /* //form */
.formContweb{
    background: linear-gradient(180deg, rgba(19, 0, 49, 1) 0%, rgba(13, 57, 101, 1) 100%);
    height: 110vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.formContHeadwebNew{
    width: 90%;height:64vh;background: rgba(208, 208, 208, 0.599);border-radius: 10px;display: flex;flex-direction: column;justify-content: space-around;align-items: center;
}
.formContHeadweb{
  display: none;
}
.formContContenweb{
    width: 90%
}
.formContContenweb h2{
    font-size: 17px;
    font-weight: bold;
}

/* //service */
.serviceMainContWeb{
    height: 160vh;
    background: #fff8e7
}
.serviceContWeb{
    width: 100%;
    height: 18vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.serviceContWeb h2{
    font-weight:bold;
    font-size: 15px;
    color: rgb(255, 170, 0)
}
.serviceContWebcontent{
    height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    font-weight: bold;
}
.serviceContWebcontent1{
   width: 90%;
   height: 8vh;
   border-radius: 0%;
    background: #ffc665;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* //ourProcess */
.ourprocessMaincont{
    height: 120vh;
    background: #003b46;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ourprocessHeader{
    width: 100%;
    height: 15vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ourprocessHeader h2{
    font-size: 15px;
    font-weight: bold;
}
.ourprocessContent{
    width: 100%;
    height: 45vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;

}
.box1A ,.box1B ,.box1C ,.box1D ,.box2A ,.box2B ,.box2C ,.box2D ,.box3A ,.box3B{
    width: 90%;background-color: #fff8e7;height: 8vh;display: flex;justify-content: center;align-items: center;color: #003b46;
}
.ourprocessContent2{
    width: 100%;height: 45vh;display: flex;flex-direction: column;justify-content: space-around;
    align-items: center;
}
.ourprocessContent3{
    width: 100%;height: 22vh;display: flex;flex-direction: column;justify-content: space-around;
    align-items: center;
}


/* //types */
.typeMainCont{
    height: 140vh;
    background: linear-gradient(180deg, rgba(14, 50, 99, 1) 0%, rgba(25, 178, 181, 1) 100%);
}
.typeMainContA{
    height: 130vh;width: 90%;display: flex;
    flex-direction: column;justify-content:space-around;align-items: center;
}
.typeMainContA1{
    width: 95%;height: 70vh;border: 1px solid #84B0FC;background-color: #0C0127;border-radius: 25px;display: flex;justify-content: center;align-items: center;
}
.typeMainContA11{
    width: 90%;height: 38vh
}
.typeMainContA11 p{
    color: white;font-size: 16px;
}

/* content4 */
.costMainCont{
    background: #fff8e7;height: 220vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.costheaderCont{
    width: 90%;height: 40vh;display: flex;flex-direction: column;justify-content: center;align-items: center;
}
.costMainContentCont{
    width: 100%;display: flex;justify-content: center;align-items: center;
}
.costMainContentCont ul{
    width: 94%;font-size: 18px;
}
.costheaderCont h2{
    color: #02022e;
    font-size: 18px;
    font-weight: bold;
}
.navbar-collapse{
    background: #0C0127;
    padding: 20px;
    }
}


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