body{
    background: 
    #000000
    80%

}
.backvideo{
    position:fixed;
    /* right:0; */
    bottom:0;
    /* left:0; */
    top:0;
    z-index:-1;
    min-width:100%;
    /* min-height:100%; */
    /* background-repeat: no-repeat; */
    /* background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll; */
}
#background{
    position: absolute;
width: 1510px;
height:920px;
left:5px;
top:0px;
opacity:1;
}

#temp{
position: absolute;
width: 1510px;
/* height: 872px; */
left:5px;
top:0px;
}

#smart{
    position: absolute;
width: 220px;
height: 86px;
left: 100px;
top: 17px;
}

#home{
    position: absolute;
width: 60px;
height: 30px;
left: 623px;
top: 45px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
/* identical to box height */
text-decoration: none;

color: #FFFFFF;

}

#Services{
    position: absolute;
width: 86px;
height: 30px;
left: 715px;
top: 45px;

font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 30px;
/* identical to box height */
text-decoration: none;

/* Gray 1 */
color: #333333;


}

#OurWork{

    position: absolute;
width: 92px;
height: 30px;
left: 826px;
top: 45px;
text-decoration: none;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
/* identical to box height */


color: #FFFFFF;

}

#whiteline{
    position: absolute;
width: 156px;
height: 62.58px;
left: 1250px;
top: 29px;

color:#FFFFFF;

background: url(whiteline.png);
}

#Contact{
    position: absolute;
    width: 60px;
    height: 30px;
    left:30px;
    top: 20px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size:17px;
    line-height: 30px;
    /* identical to box height */
    text-decoration: none;
    
    color: #FFFFFF;

}
#Contact:hover{
    text-shadow:0px 0px 11px #F26A42;
    color:#000000
}
#Contact2:hover{
    text-shadow:0px 0px 11px #F26A42;
    color:#000000
}
#ui{
    position: absolute;
width: 704px;
height: 125px;
left: 378px;
top: 247px;

font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 107.678px;
line-height: 162px;

color: #333333;

}
#para1{
    position: absolute;
width: 834px;
height: 72px;
left: 303px;
top: 501px;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 36px;
text-align: center;
color: #333333;
}

#whiteline2{
    position: absolute;
    width: 196.5px;
    height: 79px;
    left: 658px;
    top: 680px;
    color:  #FFFFFF;
    background: url(whiteline2.png);  
}
#Contact2{
    position: absolute;
    width: 113px;
    height: 30px;
    left: 44px;
    top: 28px;
    text-decoration: none;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height */
    
    
    color: #FFFFFF;
    
}

/* -------------------------div 2---------------------------------------------------------------------------------------------- */
#p1{
    position: absolute;
width: 1209px;
height: 288px;
left: 116px;
top: 990px;

font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 64px;
line-height: 96px;
text-align: center;
color: rgba(255, 255, 255, 0.8);
}

#img1{
    position: absolute;
left:150px;
right: 0%;
top:1500px;
bottom: 0%;

}
#img2{
    position: absolute;
left:450px;
right: 0%;
top:1500px;
bottom: 0%;
}
#img3{
    position: absolute;
left:740px;
right: 0%;
top:1500px;
bottom: 0%;
}
#img4{
    position: absolute;
left:1050px;
right: 0%;

top:1500px;
bottom: 0%;
}
#img5{
    position: absolute;
left:1340px;
right: 0%;

top:1500px;
bottom: 0%;
}

#Empathise{
    position: absolute;
    width: 133px;
    height: 36px;
    left: 111px;
    top: 1541px;
    
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    /* identical to box height */
    
    text-align: justify;
    
    color: #F26A42; 
}

#Define{
    position: absolute;
width: 93px;
height: 42px;
left: 448px;
top:  1541px;

font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 42px;
/* identical to box height */

text-align: justify;

color: #F26A42;

}
#Ideate{
    position: absolute;
width: 93px;
height: 42px;
left: 734px;
top:  1541px;

font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 42px;
/* identical to box height */

text-align: justify;

color: #F26A42;

}

#Design{
    position: absolute;
width: 100px;
height: 42px;
left: 1030px;
top:  1541px;

font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 42px;
/* identical to box height */

text-align: justify;

color: #F26A42;
}

#Test{
    position: absolute;
    width: 61px;
    height: 42px;
    left: 1330px;
    top: 1541px;
    
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 42px;
    /* identical to box height */
    
    text-align: justify;
    
    color: #F26A42;
     
}

#Desk{
    position: absolute;
width: 201px;
height: 151px;
left: 75px;
top: 1590px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 40px;
/* or 200% */

text-align: center;
letter-spacing: 0.05em;

color: #FFFFFF;
}

#User{
    position: absolute;
width: 217px;
height: 160px;
left: 380px;
top: 1590px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 40px;
/* or 200% */

text-align: center;
letter-spacing: 0.05em;

color: #FFFFFF;

}
#Card{
    position: absolute;
width: 205px;
height: 100px;
left: 680px;
top: 1590px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height:40px;
/* or 100% */

text-align: center;
letter-spacing: 0.05em;

color: #FFFFFF;
}
#Low{
    position: absolute;
width: 127px;
height: 150px;
left: 1010px;
top: 1590px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 25px;
/* or 150% */

text-align: center;
letter-spacing: 0.05em;

color: #FFFFFF;

}
#Usability{
    position: absolute;
width: 125px;
height: 150px;
left: 1299px;
top: 1590px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 25px;
/* or 150% */

text-align: center;
letter-spacing: 0.05em;

color: #FFFFFF;

}


/* div3--------------------------------------------------------------------------------------------------------------------------------------- */
#mlap
{position: absolute;
width: 683px;
height: 1099px;
left: 0px;
top: 1980px;
}
#p3{
    position: absolute;
width: 616px;
height: 384px;
left: 760px;
top: 1890px;

font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 64px;
line-height: 96px;

color: rgba(255, 255, 255, 0.8);

}
#p4{
    position: absolute;
width: 628px;
height: 88px;
left: 760px;
top: 2380px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 32px;

color: #FFFFFF;
}
#p5{
    position: absolute;
width: 628px;
height: 209px;
left: 760px;
top: 2511px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;

color: #FFFFFF;

}
#p6{
    position: absolute;
width: 628px;
height: 147px;
left: 760px;
top: 2744px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;

color: #FFFFFF;
}
#p7{
    position: absolute;
width: 346px;
height: 39px;
left: 760px;
top: 2915px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;

color: #FFFFFF;


}

#viewwork{
    background:url(vww.png);
    position: absolute;
width: 196.5px;
height: 79px;
left: 763px;
top: 2999px;
color:  #FFFFFF;


}
#vw{
    position: absolute;
width: 109px;
height: 30px;
left:50px;
top:25px;
text-decoration: none;
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 30px;
/* identical to box height */


color: #FFFFFF;

}
#vw:hover{
    text-shadow:0px 0px 11px #F26A42;
    color:#F26A42;
}

/* div4------------------------------------------------------------------------------------------------------------- */
#p8{
    position: absolute;
width: 892px;
height: 96px;
left: 278px;
top:3190px;
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 64px;
line-height: 96px;
/* identical to box height */


color: rgba(255, 255, 255, 0.8);

}
#p9{
    position: absolute;
width: 1000px;
height: 63px;
left: 209px;
top: 3350px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
text-align: center;

color: #FFFFFF;

}
#bp{
background: url(bp.png);
position: absolute;
width: 233px;
height: 94px;
left: 610px;
top: 3450px;

/* background: #F26A42; */
}
#bp1{
    position: absolute;
    width: 180px;
    height: 30px;
    left:29px;
    top: 33px;
    text-decoration: none;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height */
    
    
    color: #FFFFFF;
}
#bp1:hover{
box-shadow:1px 1px 100px 21px #F26A42;
}
/* div5------------------------------------------------------------------------------------------------------------- */
#div5{
    box-sizing: border-box;

position: absolute;
width: 1240px;
height: 519px;
left: 130px;
top: 3693px;
border: 1px solid #F26A42;
}

#smart2{
    position: absolute;
width: 356px;
height: 140px;
left: 70px;
top:20px;
background: url(smart2.png);
}

#add{
    position: absolute;
width: 331px;
height: 108px;
left: 850px;
top:60px;

font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 36px;

color: #FFFFFF;

    
}
#pn{
    position: absolute;
width: 230px;
height: 36px;
left: 850px;
top: 205px;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 36px;
color: #FFFFFF;
}
#phone{
    position: absolute;
    left: 64%;
    right: 33.12%;
    top:45%;
    bottom: 4.25%;
    
    /* background: #F26A42; */
}
#location{
    position: absolute;
left: 64%;
right: 33.4%;
top: 18%;
bottom: 6.16%;

/* background: #F26A42; */
}
#hso{
position: absolute;
width: 151px;
height: 180px;
left:550px;
top: 45px;

font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height:70px;
color: #FFFFFF;
}
.fora{
text-decoration:none;
color: #FFFFFF;
}
#wt{
    position: absolute;
width: 243px;
height: 36px;
left:90px;
top: 130px;

font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: rgba(255, 255, 255, 0.8);

}

#insta{
    position: absolute;
    left: 13.79%;
    right: 88.54%;
    top: 45%;
    bottom: 4.26%;
    
    
}
#fb{
    position: absolute;
    left: 10.52%;
    right: 85.21%;
    top: 45%;
    bottom: 4.26%;
    
    
}
#linkd{
    position: absolute;
    left: 7.17%;
    right: 4.17%;
    top: 45%;
    bottom: 4.17%;
    
    
}
#lastL{
    position: absolute;
width: 1166px;
height: 0px;
left: 40px;
top: 400px;
border: 1px solid rgba(255, 255, 255, 0.8);
}
#lastp{
    position: absolute;
width: 543px;
height: 36px;
left: 350px;
top: 420px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */

color: #FFFFFF;
}

#lastpara{
position: absolute;
width: 605px;
height: 88px;
left: 735px;
top: 6450px;

font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 30px;
/* or 136% */
color: #FFFFFF;
}