*{
    padding: 0%;
    margin: 0%;
}
.header{
    display: flex;
    padding: 20px;
    justify-content: space-between;
}
.ul{
    color: white;
    display: flex;
    flex-direction: row;
    margin-left: 900px;
   
    list-style-type: none;

    

}
li{
    margin-left: 30px;
    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font: weight 900px;
   list-style-type: none;
   color: white;

 
}

.section{
    margin-left: 300px;
    margin-top:300px;
    height: 500px;
}
h1{
   font-family: "DM Sans", sans-serif;
     font-weight: 1000;
     width: 500px;
     font-size: 300%;
}
.gold{
    font-family: "Roboto", sans-serif;
    font-size: x-large;
    font-weight: 500;
}
.btn{
    padding: 20px;
    width: 400px;
    background-color: rgb(230, 158, 75);
    border: none;
    font-size: x-large;
    margin-left: 20px;

}
.process{
    background-image: url(abstract-background-elegant-diagonal-tiles-neutral-white-shapes-minimal-geometric-design-modern-calm-brochure-template-minimal-website-wallpaper-2xa6r9m.jpg);
    display: flex; 
    padding: 70px;
    font-weight: bolder;
    font-size: 40px;

    
}
nav{
    margin-left: 280px;
   
    font-family:"Fira Sans", sans-serif;
    height: 90px;


}
.fifty{
    position: relative;
    left: 50px;
}
.section1{
    position: relative;

}


.twl{
    position: relative;
    right: 20px;
}
.seventy{
    position: relative;
    right: 20px;
}
.section2{
    display: block;
   
    
    

}
.fd{
    display: inline-block;
    color: white;

    
}
.fdh1{
    width: 1000px;
    margin-left: 450px;
    text-align: center;
    font-weight: 700 ;
     font-family:"Roboto", sans-serif ;
    
}
.quotes{
    margin-left: 570px;
    font-size: 160%;
    padding: 20px;
     font-family:"Roboto", sans-serif;
     font-weight: 500;
}

.blue{
    display: inline-block;
    background:linear-gradient(to top right, #007a7a, #40e0d0);
    color: white;
    padding: 30px;
    font-size: x-large;
    text-align: center;
    font-weight: bold;
    margin-left: 550px;
    border-radius: 5px;
}
.fix{
     display: inline-block;
    background:linear-gradient(to top right,#ac2e58,#ff87cd);
    color: white;
    padding: 30px;
    font-size: x-large;
    text-align: center;
    font-weight: bold;
    margin-left: 50px;
    border-radius: 5px;

}
.gold1{
    display: inline-block;
    background-color: rgba(255, 199, 79, 0.822);
    color: white;
    padding: 30px;
    font-size: x-large;
    text-align: center;
    font-weight: bold;
    margin-left: 60px;
    border-radius: 5px;
    width: 150px;

}
.section3{
    text-align: center;
    padding: 40px;
    font-size: 150%;
}
.calculate{
    background-color: white;
    display: inline-block;
    padding: 15px;
    color: rgb(89, 5, 185);
    margin-left: 850px;
    cursor: pointer;
}
.investing{
    background-color: white;
    display: block;
    height: 3500px;
}
.investcontent{
    display: inline-block;
    margin-left: 500px;

    
}
.investh1{
    width: 1300px;
    font-size: 60px;
    font-weight: 800;
    
}
.goldvault{
    margin-top: 300px;
    margin-left: 300px;
    display: inline-block;
}
.Rs10{
    padding: 10px;
    color: rgb(61, 58, 58);
    font-weight: 700;
    font-size: 130%;

}
.img{
    position: relative;
    left: 870px;
    bottom:500px
}
.mobile{
    position: relative;
    left: 600px;
    bottom: 400px;
}
.Download{
    padding: 20px;
    background:linear-gradient(to top right,#ffab33,#edff33);
    font-weight: bolder;
    color: black;
    display: inline-block;
    position: relative;
    bottom: 450px;
    left: 100px;
    width: 200px;
    text-align: center;
    font-size: larger;
    color: rgb(82, 73, 73);
    font-weight: bolder;
    font-family: sans-serif;
}

.section4{
    display: block;
}
.goldcontent2{
    display: inline-block;
    position: relative;
    top: 300px;
    right: 600px;
}
.auto1{
    display: inline-block;
    position: relative;
    right: 400px;
    bottom:70px;

}
.phoneicon1{
    position: relative;
    bottom: 550px;
    right: 900px;
    
}
.mobile{
    border-radius: 10%;
}
.help{
    position: relative;
    bottom: 540px;
    right: 560px;
}
.helpp{
    position: relative;
    bottom: 530px;
    right: 555px;

}
.hand{
    position: absolute;
    top: 5400px;
    left: 1200px;
}
.secure{
    position: relative;
    bottom: 300px;
    left: -310px;
}
.owner{
    position: relative;
    bottom:310px;
    left: 270px;
}
.section5{
    background-color: white;
    width: auto;
    height: auto;
}
.section6{
    display: flex;
    text-align: center;
    flex-direction: column;
    margin-left:490px;
    padding-top: 50px;
}
.apple{
    background-color: white;
    color:rgb(66, 66, 156);
    display: inline-block;
    margin-left: 570px;
    padding: 10px;
    font-size: xx-large;
    padding-left: 40px;
    padding-right: 40px;
}
.section7{
    margin-left: 1200px;
    margin-bottom: 100px;
    position: relative;
    bottom: 340px;
    right: 150px;

}
.playstore{
     background-color: white;
    color:rgb(66, 66, 156);
    display: inline-block;
    margin-left: 1030px;
    padding: 10px;
    font-size: xx-large;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    bottom: 440px;
}
.foot{
    display: inline-block;
     padding-top:50px;
    margin-left: 200px;
     font-weight: 800;
}
footer li{
    padding: 10px;
    font-weight:300;
    text-align: left;
    color: white;
    position: relative;
    right: 45px;
}
.quicklinks{
    position: relative;
    margin-left: 600px;
    bottom: 43px;
}
.contactus{
     position: relative;
    margin-left: 800px;
    bottom: 322px;
    
}
.logo{
    margin-left:1300px ;
    position: relative;
    bottom: 450px;
}
.last{
    color: white;
    text-align: center;
    position: relative;
    bottom: 80px;
    font-family: Arial, sans-serif;;
      
}
footer hr{
 border: none;
    height: 1px;
    background-color: #ccc;
    width: 55%;             /* Makes the line shorter than full width */
    margin: 0 auto 15px;
}