body{
    font-family: Montserrat;
}

.navbar{
    position: absolute;
    width: 1500px;
    height: 127px;
    left: 0px;
    top: 0px;
    background: #8DBF44;
    
}
 .logo{
    position: static;
    width: 179.6px;
    height: 48px;
    left: 120px;
    top: 50px;
    
    
}
 .nav-item{
    position: static;
    font-family: Montserrat;
    font-style: normal;
    font-size: 16px;
    line-height: 20px; 
    flex: none;
    flex-grow: 0;
    margin: 0px 48px;
    height: 20px;

} 
.home{
    width: 51px;
    left: 0px;
    top: 0px;
    font-weight: bold;
    color: #F9EA32;
    order: 0;
    
}
.ourmission{
     width: 105px;
     left: 99px;
     top: 0px;
     font-weight: normal;
     color: #ffffff;
     order: 1;

}
.blog{
    width: 37px;
    left: 244px;
    font-weight: normal;
    order: 2;
    color: #ffffff;

}
.becomedriver{
   width: 134px;
   left: 329px;
   color: #ffffff;
   order: 3;
}
.about{
    width: 80px;
    left: 511px;
    top: 0px;
    order: 4;
    color: #ffffff;
    font-weight: normal;
}
.demo{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 9px 42px;
    position: absolute;
    width: 166px;
    height: 48px;
    left: 1214px;
    top: 50px;
    background: #F9EA32;
    border-radius: 32px;
    text-align: center;
    color: #3D5221;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    margin: 0px 40px;
} 


.intro{
position: absolute;  
height: 153px;
width: 569px;
left: 120px;
top: 331px;
font-family: Montserrat;
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: 51px;
letter-spacing: 0em;
text-align: left;
color: #8FC045;


}
.atInstantPickup{
position: absolute;
height: 90px;
width: 467px;
left: 120px;
top: 508px;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: #272D37;


}
.demoAccess{
position: absolute;
height: 64px;
width: 287px;
left: 120px;
top: 646px;
border-radius: 32px;
padding: 17px, 38px, 17px, 38px;
background: #F9EA32;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 30px;
letter-spacing: 0em;
text-align: center;
color: #3D5221;


}

.ecology{
height: 609.8587036132812px;
width: 725px;
left: 655px;
top: 216px;
border-radius: 0px;
position: absolute;
}
.van1{
height: 103.69170627880158px;
width: 256.53609346296435px;
left: 1027.5361328125px;
top: 450.69189453125px;
border-radius: 0px;
position: absolute;
right: -2.87%;
bottom: 87.97%;
transform: rotate(-360deg);

}
.charger{
 height: 96.35249959724388px;
width: 86.68894403551894px;
left: 983.98974609375px;
top: 455.692894px;
border-radius: 0px;
position: absolute;
bottom: 88.11%;
transform: rotate(-360deg);
}
.weProvide{
height: 88px;
width: 510px;
left: 202px;
top: 976px;
border-radius: nullpx;
font-family: Montserrat;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 44px;
letter-spacing: 0em;
text-align: left;
color: #3D5221;
position: absolute;
}
.curve{
height: 53px;
width: 159px;
left: 536px;
top: 1046px;
border-radius: 0px;
position: absolute;
}
.arrow{
height: 8.5px;
width: 17px;
left: 684.5px;
top: 1090.5px;
border-radius: 0px;
position: absolute;
}
.phone{
height: 640px;
width: 316.5193786621094px;
border-radius: 0px;
background: rgba(0, 0, 0, 0.0001);
position: absolute;
top: 1150px;
left: 200.5px;
}
.smallVan{
height: 84px;
width: 132.64141845703125px;
left: 634.0625px;
top: 1151px;
border-radius: 0px;
position: absolute;
}
.line-1{
height: 2px;
width: 145.5px;
left: 850.0625px;
top: 1205px;
border-radius: 0px;
position: absolute;
}
.arrow-1{
height: 8.5px;
width: 17px;
left: 980.5px;
top: 1202px;
border-radius: 0px;
position: absolute; 
}
.pound{
height: 84.00016784667969px;
width: 84.00016784667969px;
left: 1005.09px;
top: 1500px;
border-radius: 0px;
position: absolute;
}
.line-3{
height: 8.5px;
width: 17px;
left: 790.5px;
top: 1551.5px;
border-radius: 0px;
position: absolute;
}
.arrow-3{
height: 2px; 
width: 162.5px;
left: 797.5px;
top: 1554.5px;
border-radius: 0px;
position: absolute;  
}
.pin{
height: 84px;
width: 73.828125px;
left: 1005.0859375px;
top: 1151px;
border-radius: 0px;
position: absolute;
}
.line-2{
    height: 363px;
    width: 148px;
    left: 1150px;
    top: 1193px;
    border-radius: 0px;
    position: absolute;
}
.arrow-2{
    height: 8.5px;
    width: 17px;
    left: 1145.5px;
    top: 1550px;
    border-radius: 0px;
    position: absolute;  
}
.clock{
    height: 84px;
    width: 84px;
    left: 634.0625px;
    top: 1500px;
    border-radius: 0px;
    position: absolute;
}
h2.selectVan, 
h2.instantPrice,
h2.schedulePickupTime, 
h2.enterLocation{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(61, 82, 33, 1);
    position: absolute;
    height: 30px;
    width: 257px;
}
p.paragraph-1,
p.paragraph-2,
p.paragraph-3,
p.paragraph-4{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(39, 45, 55, 1);
    position: absolute;
}
.selectVan{
    left: 630px;
    top: 1278px;
}
.paragraph-1{
    height: 90px;
    width: 257px;
    left: 630px;
    top: 1318px;
}
.enterLocation{
    left: 990px;
    top: 1278px;
}
.paragraph-2{
    height: 90px;
    width: 257px;
    left: 990px;
    top: 1318px;
}
.schedulePickupTime{
    left: 630px;
    top: 1641px;
}
.paragraph-3{
    height: 90px;
    width: 257px;
    left: 630px;
    top: 1681px;
}
.instantPrice{
    left: 990px;
    top: 1641px;
    border-radius: nullpx;
}
.paragraph-4{
    height: 90px;
    width: 303px;
    left: 990px;
    top: 1681px;
}
.green-section{
    height: 1700px;
    width: 1500px;
    left: 0px;
    top: 1921px;
    border-radius: 0px;
    background: rgba(61, 82, 33, 1);
    position: absolute;

}
.green-section .ourMission{
    height: 141px;
    width: 510px;
    left: 202px;
    top: 110px;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(253, 248, 187, 1);
    position: absolute;
}
.green-section h1{
    color: rgba(255, 255, 255, 1);
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    height: 30px;
    width: 256.5289611816406px;
}
.green-section p{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    height: 90px;
    width: 642.8196411132812px;
    color: #FDF8BB;
}
.hands{
    height: 182px;
    width: 190px;
    left: 200px;
    top: 282.1849517822266px;
    border-radius: 0px;
    color: rgba(142, 173, 40, 1);
    position: absolute;
    box-sizing: border-box; 

}
.rectangle16{
    width: 220.99999730300323px;
    height: 220.99999730300323px;
    left: 183px;
    top: 280.9998779296875px;
    border-radius: 0px;
    position: absolute;
    box-sizing: border-box;
    transform: rotate(-15deg);
}
.minimizeTraffic h1{
    left: 465px;
    top: 280.9998779296875px;
    position: absolute;
}
.minimizeTraffic p{
    left: 465.1806640625px;
    top: 320.9998779296875px;
    position: absolute;
}
.betterBreath h1{
    left: 465px;
    top: 530.9998779296875px;
    position: absolute;
}
.betterBreath p{
    left: 465.1806640625px;
    top: 600.9998779296875px;
    position: absolute;
}
.trace3{
    height: 204px;
    width: 219px;
    left: 1190px;
    top: 550.1849517822266px;
    border-radius: 0px;
    color: rgba(142, 173, 40, 1);
    position: absolute;
    box-sizing: border-box;
}
.rectangle26{
    height: 230.99999730300323px;
    width: 230.99999730300323px;
    left: 1190px;
    top: 554.9488677978516px;
    border-radius: 0px;
    position: absolute;
    box-sizing: border-box;
    transform: rotate(-15deg);
}
.noiseDown h1{
    left: 465px;
    top: 750.9998779296875px;
    position: absolute;
}
    .noiseDown p{
    left: 465.1806640625px;
    top: 794.9998779296875px;
    position: absolute;
}
.rectangle24{
    height: 230.99999730300323px;
    width: 230.99999730300323px;
    left: 183px;
    top: 710.8978271484375px;
    border-radius: 0px;
    position: absolute;
    box-sizing: border-box;
    transform: rotate(-15deg);
}
.trace2{
    height: 190.525390625px;
    width: 208.00001525878906px;
    left: 202px;
    top: 714.1341552734375px;
    border-radius: 0px;
    position: absolute;
    box-sizing: border-box;
}
.removalServices h1{
    position: absolute;
    top: 980px;
    left: 465px;
}
.removalServices p{
    position: absolute;
    top: 1080px;
    left: 465px;
}
.poundTrace{
    height: 27.672834316079864px;
    width: 17.70664179130665px;
    left: 1360.8759765625px;
    top: 965.6683349609375px;
    border-radius: 0px;
    position: absolute;
    color: rgba(142, 173, 40, 1);
    box-sizing: border-box;
    transform: matrix(0.89, -0.46,0.46,0.89,0,0);
}
.rectangle27{
    height: 230.99999730300323px;
    width: 230.99999730300323px;
    left: 1255px;
    top: 940.8468017578125px;
    border-radius: 0px;
    position: absolute;
    box-sizing: border-box;
    transform: rotate(-15deg);
}
.trace5{
    height: 188.6884765625px;
    width: 215.4633331298828px;
    left: 1250px;
    top: 955.6085205078125px;
    border-radius: 0px;
    position: absolute;
    color: rgba(142, 173, 40, 1);
    box-sizing: border-box;
}
.encourageReusability h1{
    top: 1300px;
    left: 465px;
    position: absolute;
}
.encourageReusability p{
    top: 1380px;
    left: 465px;
    position: absolute;
}
.rectangle25{
    height: 239.99999730300323px;
    width: 239.99999730300323px;
    left: 183px;
    top: 1355.7957763671875px;
    border-radius: 0px;
    position: absolute;
    box-sizing: border-box;
    transform: rotate(-15deg);
}
.recycleImage{
    height: 183px;
    width: 194px;
    left: 214px;
    top: 1384.2459716796875px;
    border-radius: 0px;
    position: absolute;
    box-sizing: border-box;
    color: rgba(142, 173, 40, 1);
}
.whiteSection{
    height: 610px;
    width: 1500px;
    left: 0px;
    top: 3621px;
    border-radius: 0px;
    background: rgba(218, 234, 193, 1);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    position: absolute;
}
.whiteSection h1{
    height: 88px;
    width: 567px;
    left: 202px;
    top: 132px;
    border-radius: nullpx;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(61, 82, 33, 1);
    position: absolute;
}
 .demoAccess2{
    height: 64px;
    width: 287px;
    left: 202px;
    top: 250px;
    border-radius: 32px;
    padding: 17px, 38px, 17px, 38px;
    background: rgba(61, 82, 33, 1);
    animation-timing-function: ease-in-out;
    animation-duration: 200ms;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: rgba(253, 248, 187, 1);
}
.learnMore{
    height: 64px;
    width: 180px;
    left: 543px;
    top: 250px;
    border-radius: 32px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 17px, 38px, 17px, 38px;
    
    border: 2px solid rgba(61, 82, 33, 1);
    animation-timing-function: ease-in-out;
    animation-duration: 200ms;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: rgba(61, 82, 33, 1);
    background: rgba(218, 234, 193, 1);
}
.ourCities{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    height: 153px;
    width: 467px;
    left: 202px;
    top: 350px;
    border-radius: nullpx;
    position: absolute;
    color: #3D5221;
}
.ourCities h2{
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
}
.lastSection{
    height: 503px;
    width: 1500px;
    left: 0px;
    top: 4231px;
    border-radius: 0px;
    background: rgba(143, 192, 69, 1);
    position: absolute;
}
.details{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(253, 248, 187, 1);
    position: absolute;
    
}
.aboutUs{
    left: 120px;
    top: 150px;
    height: 303px;
    width: 467px;
    position: absolute;
}
.discover{
    height: 213px;
    width: 215px;
    left: 655px;
    top: 190px;
    position: absolute;
}
.discover ul{
    text-decoration: none;
}
.contacts{
    height: 183px;
    width: 428px;
    left: 952px;
    top: 230px;
    position: relative;
}
.copyright{
    height: 60px;
    width: 1500px;
    left: 0px;
    top: 4734px;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(218, 234, 193, 1);
    position: absolute;
    box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.15);
    background: rgba(143, 192, 69, 1);
}
.copyright p{
    left: 120px;
    top: 24px;
    position: absolute;
}
.vector53{
    height: 605.0000000000006px;
    width: 0px;
    left: 63px;
    top: 371px;
    border-radius: 0px;
    position: absolute;
    border: 2px solid rgba(0, 0, 0, 0.3);
}
/* getDemo */
.demoPage{
    position: relative;
    height: 3000px;
    width: 1500px;
    border-radius: 0px;
    background: #ffffff;

}
.mailSentBro{
    position: absolute;
    width: 628px;
    height: 628px;
    left: 94px;
    top: 150px;
}
.getDemoForm{
    height: 550px;
    width: 850px;
    left: 722px;
    top: 195px;
    border-radius: 64px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
}
.getDemoForm h1{
    height: 34px;
    width: 254px;
    left: 33px;
    top: 30px;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    color: rgba(61, 82, 33, 1);
    position: absolute;
}
label{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 17px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #3D5221;
}
.firstName{
    height: 21px;
    width: 70px;
    left: 14px;
    top: 64px;
    position: absolute;
}
.firstNameForm{
    height: 58px;
    width: 18px;
    left: 5px;
    top: 86px;
    border-radius: 32px;
    position: absolute;
}
.lastName{
    height: 21px;
    width: 70px;
    top: 64px;
    position: absolute;
    left: 430px;
}
.lastNameForm{
    height: 58px;
    width: 20px;
    left: 0px;
    border-radius: 32px;
    top: 86px;
    position: absolute;
}
.email{
    top: 180px;
    left: 5px;
    height: 21px;
    width: 70px;
    position: absolute;
}
.emailForm{
    top:154px;
    left: 0px;
    border-radius: 32px;
    position: absolute;
    height: 58px;
    width: 90px;
}
.phoneNo{
    height: 21px;
    width: 70px;
    top: 290px;
    position: absolute;
    left: 430px;  
}
.phoneNoForm{
    height: 58px;
    width: 20px;
    left: 0px;
    border-radius: 32px;
    top: 190px;
    position: absolute;  
}
.companyName{
    height: 21px;
    width: 150px;
    top: 290px;
    position: absolute;
    left: 14px;
}
.companyNameForm{
    height: 58px;
    width: 18px;
    left: 5px;
    top: 190px;
    border-radius: 32px;
    position: absolute;
}
.companyType{
    height: 21px;
    width: 150px;
    top: 365px;
    position: absolute;
    left: 5px;
}
.companyTypeForm{
    height: 58px;
    width: 20px;
    left: 0px;
    border-radius: 32px;
    top: 210px;
    position: absolute;   
}
.submitRequest{
    height: 64px;
    width: 780px;
    left: 30px;
    top: 450px;
    border-radius: 32px;
    padding: 17px, 38px, 17px, 38px;
    background: rgba(249, 234, 50, 1);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 17px 38px;
    position: absolute;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    
    color: rgba(61, 82, 33, 1);

}
placeholder{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(218, 234, 193, 1);
    position: absolute;

}