/* .clientswrapper{
    width: 100vw;
    height: 100vh;
    
} */
.carrerwrapper{
    height: 100%;
    width: 100%;
}

.clients-div{
    width: 100%;
    height: 45%;
    margin: 5% 0 0 0;
}
.cl-ld-pg{
    display: flex;
    height: fit-content;
    justify-content: center;
    width:  100%;
}
#cl-ld-pg-h-tg{
    margin: 7% 0 0 0 ;
    text-align: center;
    /* color:#080c36; */
    color:#063b16;
    text-shadow: 0px 0px 5px #ffffff;
    font-size: 90px;
    font-weight: 700;
    font-family: "KUMBH SANS";
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.9s ease, transform 0.6s ease;
   
}

#cl-ld-pg-h-tg.show{
    opacity: 1;
    transform: translateY(0);
}

#cl-ld-pg-h5-tg{
    color:#063b16;
    font-weight: 600;
    font-size: 17px;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.9s ease, transform 1.1s ease;
   
}

#cl-ld-pg-h5-tg.show{
    opacity: 1;
    transform: translateY(0);
}


.carrers-flowart{
    display: flex;
    height: 100%;
    width: 100%;
}
.carrers-mid{
    justify-content: center;
    display: flex;
    flex-direction: row;
    height: auto;
    width: 100%;
    margin: 4% 0 0 0 ;
    justify-content: space-evenly;

}
.carrer-row{
    display: flex;
    flex-direction: column;
}
.carrers-sub-mid{
    display: flex;
    flex-direction: column;
    height: auto;
    width: 20%;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.9s ease, transform 1.1s ease;
   
}

.carrers-sub-mid.show{
    opacity: 1;
    transform: translateY(0);
}


#car-mid-h2-tg{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "KUMBH SANS";
    font-size: 34px;
    font-weight: 650;
    margin: 5% 0 0 0;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.9s ease, transform 1.1s ease;
   
}

#car-mid-h2-tg.show{
    opacity: 1;
    transform: translateY(0);
}


.ico-div{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #87b194;
    margin: 4% 0 0 0;
    height: 70px;
    width: 70px;
    border-radius: 100% 100% 100% 0   ;

}

#ico{
    font-size: 24px;
}

#car-sub-mid-p-tg{
    width: 98%;
    text-align: justify;
    margin: 7% 0 0 0% ;
    font-family: "KUMBH SANS";
}
#carrers-mid-lower{
    margin-bottom: 4%;
}

.opp{
    display: flex;
    height: 100%;
    width:  100%;
    margin: 0 0 4% 0 ;
    }
.opp-img-div{
    /* height: 40rem; */
    width: 45%;
    border-radius: 0 0 0 30%;
    margin: 8% 0 0 0;
}
    
.opp-text-dd{
    height: fit-content;
    width: 56%;
}
.opp-tx-main{
    margin-top: 1.6%;
    display: flex;
    flex-direction: column;
    /* background-color: rgb(233, 255, 198); */
    height: 100%;
    width: 100%;
    
}
#op-h1-tg{
    width: 18%;
    font-family: "KUMBH SANS";
    font-size: 55px;
    font-weight: 600;
    margin: 2% 0 0 8%;
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 0.9s ease, transform 0.6s ease;
   
}

#op-h1-tg.show{
    opacity: 1;
    transform: translateY(0);
}

.reveal-info{
    height: 33%;
    width: 90%;
    margin-bottom: 1%;

    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.9s ease, transform 0.6s ease;
}

.reveal-info.show{
    opacity: 1;
    transform: translateY(0);
}
.revealinfo-h3-tg, .revealinfo-h2-tg{
    font-family: "kumbh sans";
    font-weight: 600;
    margin: 3% 0 0% 9.6%;
    font-size: 30px;
}
.revealinfo-h3-tg{
    margin: 1% 0 1% 9.6%;
    font-size: 20px;
}
.reveal-para{
    font-family: "kumbh sans";
    font-weight: 400;
    text-align: justify;
    width: 87%;
    margin-left: 9%;
    margin-bottom: 0;
}
.btn-div{
    display: flex;
    justify-content: right;
    height: 30%;
    width: 100%;
}
.applynow{
    background-color: rgba(255, 255, 255, 0);
    border: dashed 2px rgb(26, 83, 8);
    border-color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0% 4% 0 0 ;
    height: 100%;
    width: 20%;
    font-family: "KUMBH SANS";
    font-weight: 600;
    z-index: 0;

}
.applynow:hover{
    transition: 0.2s;
    background-color: #063b16;
    border: none;
    color: white;
    z-index: 0;
}
@media screen and (max-width: 700px){
    .opp,.clients{
        display: none;
    }
    .clients-div{
        margin: 40% 0 0 0;
    }
.carrers-sub-mid{
    text-align: center;
    display: flex;
    flex-direction: column;
    height: auto;
    width: 30%;
    margin:  0% 0 3%;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.9s ease, transform 1.1s ease;
   
}
.fotter-main{
    background-color: white;
    display: block;
}
}