body{}
.hdr{
    background: transparent !important;
}
.nmlg{}
.lgo{
    color: #31de79;
}
.hme{
    margin-left: 17rem !important;
    color: #31de79 !important;
}
.hdt{
    margin-left: 2rem;
}
.hdt:hover{
    border-bottom: 2px solid #31de79;
    transition: .2s;
}
.bim{
    margin-top: -73px;
    animation: sld infinite 5s;
    height: 41rem;
}

@keyframes sld{

    0% {
        background: url(../images/bg_1.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    100% {
        background: url(../images/bg_2.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

}
.wlc{
    color: #31de79;
    letter-spacing: 2px;
}
.sld{
    width: 71%;
    margin-left: 8rem;
    margin-top: 3.5rem;
}
.ftt{
    transform: rotate(-90deg);
    margin-left: -4rem;
    position: absolute;
    margin-top: 14.7rem;
    color: gray;
    letter-spacing: 5px;
}
.sld h3{
    font-weight: 350;
    font-size: 2.5rem;
    margin-top: 1.5rem;
}
.impr{
    font-weight: 700;
}
.sltx{
    font-size: 1.32rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.bntn{
    background: linear-gradient(45deg, #9ff669, #31de79);
    color: white;
    padding: 0.9rem;
    border-radius: 28px;
    width: 32%;
    font-size: 18px;
}
.bntn:hover{
    color: white;
}
.service, .accoumplishments{
    background: #f7f7f7;
}
.srhd{
    background: #31de79;
    font-size: 1.5rem;
    width: 26%;
    padding-top: 4rem;
    margin-left: 9rem;
    padding-left: 2rem;
    height: 40rem;
    position: absolute;
}
.srtx a:hover{
    color: white;
    font-weight: 600;
    transition: 1s;
    font-size: 1.7rem;
}
.srcn{}
.srtx{
    margin-top: 25px;
    color: #f0ebeb;
}
.srtx a{
    color: #f0ebeb;
    text-decoration: none;
    margin-left: 26px;
    transition: 1s;
}
.busi, .rsrc, .dta, .uid, .uxd, .tch, .crt{
    margin-left: 38rem;
    width: 100%;
    margin-top: 6rem;
}
.rsrc, .dta, .uid, .uxd, .tch, .crt{
    display: none;
}
.busi h3, .rsrc h3, .dta h3, .uid h3, .uxd h3, .tch h3, .crt h3{
    font-weight: 450;
    font-size: 2.5rem;
}
.busi i, .rsrc i, .dta i, .uid i, .uxd i, .tch i, .crt i{
    font-size: 4rem;
    color: #31de79;;
}
.busi p, .rsrc p, .dta p, .uid p, .uxd p, .tch p, .crt p{
    font-size: 17px;
    margin-top: 2rem !important;
    color: gray;
}
.srbt{
    margin-bottom: 5rem;
}
.research{
    background: url(../images/bg_3.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 30rem;
}
.rarch{

}
.rarch a{
    text-decoration: none;
}
.rstxt{
}
.rstxt h2{
    color: #31de79;
    margin-left: 3rem;
    padding-top: 1.5rem;
}
.rstxt i{
    color: #31de79;
    position: absolute;
    margin-left: 1rem;
    font-size: 1.5rem;
    margin-top: -1rem;
}
.rstxt p{
    color: black;
    padding-bottom: 1.5rem;
    margin-left: 3rem;
}
.gle{

}
.mrs{
    margin-top: 1px !important;
}
.rsc{
    margin-bottom: -15px;
}
.mrsc{
    background: #ffffffe6;
    width: 70%;
    margin-left: 17.15rem;
    margin-top: -14px;
    transition: 1s;
}
.mrsc:hover{
    margin-left: 160px;
    width: 83.04%;
    transition: 1s;
}

.acmpl{}
.acmpl h5{
    color: #31de79;
    font-weight: 400;
    letter-spacing: 3px;
    margin-top: 4rem;
    margin-bottom: 1rem;
}
.acmpl h3{
    letter-spacing: 2px;
    font-size: 2.5rem;
    margin-bottom: 1.3rem;
    font-weight: 400;
}
.acmpl p{
    font-size: 19px;
    color: gray;
    letter-spacing: 1px;
}
.ocrsl{
    margin-top: 3rem;
    margin-bottom: 3rem;
    margin-left: 1rem;
    margin-right: -2rem;
}
.ocrsl img{
    width: 85% !important;
    height: 21rem;
}
.ocrsl img:hover{

}
.welcome{

}
.wlcm{}
.wlcm h6{
    color: #31de79;
    font-weight: 400;
    letter-spacing: 1px;
    margin-top: 4rem;
    margin-left: 4rem;
}
.abim{
    height: 40rem;
}
.wlcm h4{
    margin-left: 4rem;
    font-size: 2.5rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    letter-spacing: 1px;
}
.wlcm p{
    margin-left: 4rem;
    color: gray;
}
.yrsexp{
    background: #31de79;
    padding-left: 6rem;
    padding-top: 1rem;
    width: 70%;
    margin-left: -6rem;
    margin-top: 3rem;
}
.yrsexp h4{
    margin-top: 0.2rem;
}
.yrsexp h5{
    padding-bottom: 1.5rem;
    margin-top: -26px !important;
    margin-left: 4rem;
    font-weight: 400;
    letter-spacing: 2px;
}
.staffs{

}
.sthd{}
.sthd h3{
    letter-spacing: 2px;
    font-size: 2.5rem;
    margin-bottom: 1.3rem;
    font-weight: 400;
    margin-top: 3rem;
}
.sthd p{
    font-size: 19px;
    color: gray;
    letter-spacing: 1px;
    width: 63%;
    margin-left: 14rem;
}
.stfp{
}
.stpc{
    width: 33%;
    margin-left: 4rem;
    margin-bottom: 3.5rem;
    margin-top: 2rem;
}
.stpc h5{
    font-weight: 400;
    letter-spacing: 2px;
    margin-left: 27px;
    margin-top: 2rem;
}
.stpc p{
    font-size: 15px;
    color: #31de79;
    margin-left: 17px;
    letter-spacing: 1px;
}
.cpsw{
    margin-left: 13px !important;
}
.stim{
    height: 150px;
    width: 150px;
    border-radius: 50%;
}
.scon{
    letter-spacing: 8px;
    color: #1b272e;
    transition: 1s;
}
.scon:hover{
    color: #31de79;
    transition: 1s;
}
.scn{
    margin-left: 33px;
}
.cn{
    margin-left: 25px;
}
.gmwd{
    margin-left: 24px !important;
}
.review{
    background: #31de79;
}
.hpy{
    letter-spacing: 2px;
    padding-top: 3rem;
    font-size: 2rem;
    margin-bottom: 7rem;
}
.clnt{
    background: white;
    width: 30%;
    margin-left: 1.5rem;
    border-radius: 5px;
    margin-bottom: 4.5rem;
}
.clnt h4{
    text-align: center;
    font-weight: 400;
    color: #4b4343;
    margin-bottom: 2rem;
}
.clnt p{
    padding: 32px;
    margin-top: 4rem;
    color: gray;
    font-size: 20px;
    text-align: center;
}
.rvim{
    height: 130px;
    width: 130px;
    border-radius: 50%;
}
.rvwi{
    margin-left: 7.5rem;
    position: absolute;
    margin-top: -4rem;
}
.rvwi img{
    border: 4px solid #31de79;
}
.rvm{
    margin-left: 14.5rem;
}
.vim{
    margin-left: 14.5rem;
}
.blogs{
    background: #f9f9f9;
}
.blog{}
.blog h3{
    letter-spacing: 2px;
    font-size: 2.5rem;
    margin-bottom: 1.3rem;
    font-weight: 400;
    margin-top: 3rem;
}
.blog p{
    font-size: 19px;
    color: gray;
    letter-spacing: 1px;
    width: 63%;
    margin-left: 14rem;
}
.blcd{
    margin-bottom: 4rem;
    margin-top: 2rem;
}
.blcd img{
    height: 19rem;
}
.blcd h4{
    letter-spacing: 2px;
    margin-top: 1.5rem;
    font-weight: 400;
}
.blcd p{
    margin-left: 0px;
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.blcd button{
    background: linear-gradient(45deg, #9ff669, #31de79);
    color: white;
    padding: 0.6rem;
    border-radius: 23px;
    width: 40%;
    font-size: 16px;
}

.blbn{
    background: #31de79;
    width: 14%;
    padding-bottom: 0.5px;
    margin-left: 24px;
    position: absolute;
    margin-top: 32px;
}
.dt{
    color: white !important;
    margin-left: 1rem !important;
    font-size: 3rem !important;
}
.yr{
    color: white !important;
    margin-left: 5rem !important;
    margin-top: -4.55rem !important;
}
.mn{
    color: white !important;
    margin-left: 5rem !important;
    margin-top: -1.5rem !important;
}
.blb{
    margin-left: 24.3rem !important;
}
.lbn{
    margin-left: 47rem !important;
}
.contact{
    background: #f9f9f9;
}
.cnta{}
.cnta h3{
    letter-spacing: 2px;
    font-size: 2.5rem;
    margin-bottom: 1.3rem;
    font-weight: 400;
    margin-top: 3rem;
}
.cnta p{
    font-size: 19px;
    color: gray;
    letter-spacing: 1px;
    width: 63%;
    margin-left: 14rem;
}
.prnm{
    background: #31de79;
    width: 89%;
    padding-bottom: 0.5px;
    position: absolute;
    margin-top: -3.63rem;
    z-index: 2;
}
.prnm:hover{

}
.jct{
    color: white !important;
    text-align: center;
    margin-top: 12px;
    font-size: 20px !important;
}

.frm{
    margin-left: 6rem;
    margin-top: 2.5rem;
}
.frm input{
    width: 90%;
    margin-top: 10px;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid gray;
}
.frm button{
    background: linear-gradient(45deg, #9ff669, #31de79);
    color: white;
    padding: 0.8rem;
    border-radius: 23px;
    width: 40%;
    font-size: 19px;
    margin-top: 1rem;
}
.msgg{
    height: 7rem !important;
}
.msgg::placeholder{
 
}
.map{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.footer{
    height: 24rem;
}
.fter{
    background: linear-gradient(#161a29d6, #141825de);
    height: 100%;
}
.ftnd{
    margin-top: 5rem;
}
.lgcn{
    color: #9fb1b6;
}
.fttxt{
    font-size: 2rem;
    position: absolute;
    margin-left: 0.5rem;
}
.fhd{
    font-weight: 500;
    font-size: 1.5rem !important;
    color: white;
}
.ftnd ul li{
    list-style: none;
    margin-left: 4rem;
    line-height: 2rem;
}
.ftnd ul li a{
    color: #9fb1b6;
    text-decoration: none;
}
.ftnd ul li a:hover{
    color: #31de79;
    font-size: 1.2rem;
    transition: 1.3s;
}
.ftad{
    color: #31de79;
    margin-left: 4rem;
}
.enl{
    margin-left: 5.1rem;
}
.dsn{
    margin-top: 1rem;
    border-top: 1px solid;
    padding: 0.6rem;
}
.end{
    font-size: 1.6rem;
    margin-top: 10px;
    margin-right: 10px;
    transition: 1s;
    color: #31de79;
}
.end:hover{
    color: white;
    transition: 1s;
}

.gtmdl{
    background: #31de79;
}
.msg{
    padding: 20px;
    margin-bottom: 1rem;
}
.cnct{
    padding: 10px;
}
.mdsb{
    background: linear-gradient(45deg, #9ff669, #31de79);
    color: white;
    padding: 0.35rem;
    border-radius: 6px;
    width: 20%;
    font-size: 18px;
}
.mdsb:hover{
    background: #1b272e;
    transition: 1s;
}



@media only screen and (min-width:320px) and (max-width:425px){
    .hme {
        margin-left: 2rem !important;
    }
    .pgmb {
        margin-top: 3rem;
    }
    .wlc{
        margin-left: -83px;
    }
    .ftt p{
        margin-left: -49px;
        margin-top: -36px;
    }
    .sld h3{
        margin-left: -46px;
        margin-top: 4rem;
    }
    .sltx{
        display: none;
    }
    .bim{
        display: none;
    }

    .bntn{
        width: 50%;
        margin-left: -14px;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .busi{
        margin-left: 19px;
        width: 90%;
        text-align: center;
    }
    .service{
        margin-top: 4rem;
    }
    .srhd{
        display: none;
    }
    .research{
        height: 34rem;
    } 
    .mrsc{
        margin-left: 2.2rem;
        width: 85%;
    }  
    .ocrsl{
        
        height: 41.9rem;
        margin-bottom: -23rem;
        margin-left: 0rem;
        margin-right: 6px;

    }
    .ocrsl img {
        width: 100% !important;
        height: 14rem;
    }
    .prnm{
        width: 94%;
    }
    .jct{
        font-size: 17px !important;
    }
    .abim {
        height: 35rem;
    }
    .wlcm {
        text-align: center;
        margin-left: -33px;
    }
    .yrsexp {
        padding-left: 0rem;
        width: 100%;
        margin-left: 2rem;
    }
    .yrsexp h4, .yrsexp h5 {
        margin-left: 0px;
    }
    .blog p {
        width: 80%;
        margin-left: 35px;
    }
    .blbn{
        width: 47%;
    }
    .blcd p{
        margin-left: 0px !important;
    }
    .blb {
        margin-left: 1.5rem !important;
        margin-top: 44.7rem !important;
    }
    .lbn {
        margin-left: 1.5rem !important;
        margin-top: 87.3rem !important;
    }
    .sthd p{
        width: 100%;
        margin-left: 0px !important;
        font-size: 12px;
    }
    .stfp {
        display: inline !important;
    }
    .stpc{
        margin-left: 6rem !important;
    }
    .cpsw {
        margin-left: 0px !important;
        font-size: 12px !important;
    }
    .cn, .scn {
        margin-left: -1px !important;
    }
    .stim{
        margin-left: -4px !important;
    }
    .stpc h5{
        font-size: 12px !important;
        margin-left: 13px;
    }
    .cnta p {
        width: 90%;
        margin-left: 1.5rem;
    }
    .clnt {
        width: 90%;
        margin-left: 1rem;
        margin-bottom: 5rem;
    }
    .rvm, .vim {
        margin-left: 0rem;
        margin-top: 19rem;
    }
    .map iframe{
        width: 100%;
        height: 20rem;
    }
    .frm {
        margin-left: 1rem;
    }
    .frm button {
        width: 50%;
        margin-left: 3.5rem;
        margin-bottom: 1.3rem;
    }
    .nmlg {
        margin-left: 7rem;
    }
    .lgcn {
        text-align: center;
    }
    .end {
        margin-right: -53px;
        margin-left: 5rem;
    }
    .footer {
        height: 69rem;
    }
    .ftnd ul li {
        margin-left: 6.5rem;
    }
    .enl, .ftad {
        margin-left: 0rem;
    }
    .fhd{
        margin-top: -2rem;
    }
    .mrsc:hover{
        margin-left: 30px;
        transition: 2s;
    }
    
}


@media only screen and (min-width:426px) and (max-width:768px){
    .hme {
        margin-left: 2rem !important;
    }
    .pgmb {
        margin-top: 4rem;
    }
    .bim{
        display: none;
    }
    .sld {
        width: 100%;
        margin-left: 8rem;
    }
    .bntn{
        width: 38%;
        margin-top: 2rem;
    }
    .wlc{
        margin-top: 4.2rem;
    }
    .sltx{
        display: none;
    }
    .busi{
        margin-left: 229px;
        text-align: center;
    }
    .busi h3{
        font-size: 1.9rem;
    }
    .service{
        margin-top: 4rem;
        width: 100%;
    }
    .srhd{
        display: none;
    }
    .ftt{
        margin-top: 11.7rem;
    }
    .sld h3{
        margin-top: 2.5rem;
    }
    .srbt {
        width: 80% !important;
    }
    .mrsc{
        margin-left: -2.8rem;
    }
    .research{
        height: 35rem;
    }
    .ocrsl{
        height: 41.9rem;
        margin-bottom: -23rem;
        margin-left: 0rem;
        margin-right: 0rem;
    }
    .ocrsl img {
        width: 98% !important;
        height: 18rem;
    }
    .prnm{
        width: 98%;
        margin-top: -54px;    
    }
    .jct{
        font-size: 17px !important;
    }
    .yrsexp {
        padding-left: 7rem;
        width: 100%;
        margin-left: -8.5rem;    
    }
    .yrsexp h4, .yrsexp h5 {
        margin-left: 0px;
    }
    .blog p{
        width: 100%;
        margin-left: 0px;
        font-size: 18px;
    }
    .blcd button{
        width: 90%;
    }
    .blbn{
        width: 23%;
    }
    .blb{
        margin-left: 15.5rem !important;
    }
    .lbn{
        margin-left: 29.5rem !important;
    }
    .stpc {
        margin-left: 0px;
    }
    .stpc p {
        font-size: 11px;
        margin-left: 30px;
    }
    .gmwd {
        margin-left: 41px !important;
    }
    .cn {
        margin-left: 21px;
    }
    .rvim {
        margin-left: -61px;
    }
    .rvm {
        margin-left: 103px !important;
    }
    .vim {
        margin-left: 103px !important;
    }
    .clnt p {
        padding: 10px;
    }
    .cnta p {
        width: 100%;
        margin-left: 0px;
    }
    .map iframe{
        width: 100%;
        height: 25rem;
    }
    .frm {
        margin-left: 1rem;
        margin-top: 1.5rem;
    }
    .frm button {
        width: 60%;
        margin-left: 2.8rem;
    }
    .ftnd {
        margin-top: 3rem;
    }
    .ftnd ul li {
        margin-left: 0rem;
    }
    .end{
        margin-top: 0px;
    }
    .fhd{
        margin-left: -18px;
    }
    .ftad {
        margin-left: 0rem;
    }
    .enl {
        margin-left: 1.1rem;
    }    
     
}


@media only screen and (min-width:769px) and (max-width:1024px){
    .hme {
        margin-left: 6rem !important;
    }
    .pgcn{
        margin-top: 0rem !important;
    }
    .bntn {
        width: 45%;
    }
    .srhd {
        width: 29%;
        margin-left: 7rem;
    }
    .busi, .rsrc, .dta, .uid, .uxd, .tch, .crt {
        margin-left: 31rem;
    }
    .mrsc {
        margin-left: 13rem;
    }
    .research {
        height: 35.6rem;
    }
    .prnm {
        width: 89.6%;
    }
    .yrsexp {
        padding-left: 2rem;
        margin-top: 2rem;
    }
    .blog p {
        margin-left: 0rem;
    }
    .blbn {
        width: 18%;
    }
    .blb{
        margin-left: 20.5rem !important;
    }
    .lbn{
        margin-left: 39.5rem !important;
    }
    
    .blp{
        margin-left: 11rem !important;
    }
    .blcd h4 {
        font-size: 22px;
    }    
    .blcd button {   
        padding: 0.8rem;
        width: 50%;
    }
    .cpsw {
        font-size: 19px;
    }
    .stpc {
        margin-left: 3rem;
    }
    .stpc p {
        font-size: 11.5px;
        margin-left: 29px;
    }
    .gmwd {
        margin-left: 35px !important;
    }
    .rvim {
        margin-left: -26px;
    }
    .rvm {
        margin-left: 11rem !important;
    }
    .vim {
        margin-left: 11rem !important;
    }
    .cnta p {
        margin-left: 10rem;
    }
    .map iframe{
        width: 100%;
    }
    .frm {
        margin-left: 1rem;
        margin-top: 2.5rem;
    }  

    .frm button {
        width: 41%;
        margin-left: 6rem;
    }
    .ftnd ul li {
        margin-left: 2.5rem;
    }
    .ftad {
        margin-left: 2.5rem;
    }
    .enl {
        margin-left: 3.5rem;
    }
    
}