*{
    margin: 0px;
    padding: 0px;
}
.logo{
    display: flex;
    justify-content: space-evenly;
    background-color: whitesmoke;
}
.svg{
 width: 100px; 
 height:100px; 
color: white;
}
.svg1{
margin-top: 4%;
}
.img>img{
width:100%;
height:100%;
}
.mar>img{
  border: 2px solid rgb(245, 241, 241);
  border-radius: 10px;
}
.assets{
    display: flex;
    justify-content: space-around;
    box-shadow: 5px 5px 5px 5px rgb(203, 202, 202);
}
.assetss>img{
 width: 100%;
 height: 80%;   
}
.bar{
  padding-left: 6%;  
  padding-top: 5%;
}
.bar>p{
  padding-top: 5%;
}
.pic{
 display: flex; 
 justify-content: space-around;
 margin-top: 5%;
}
.photo>img{
  width: 35%;
  height: 60%;
  border:1px solid hsl(0, 0%, 89%);
  border-radius: 100%;
  box-shadow:5px 2px 4px 1px gray ;
}
.photo2>img{
  width: 50%;
  height: 65%;
  border:1px solid hsl(0, 0%, 89%);
  border-radius: 100%;
  box-shadow:5px 2px 4px 1px gray ;
}
.photo{
  text-align: center;
}
.photo2{
  text-align: center;
}
.photo2>b{
background-color: #06dde1;
border:2px solid #06dde1;
border-radius: 5px;
}
.photo>b{
  background-color: #06dde1;
  border:2px solid #06dde1;
  border-radius: 5px;
  }
  .center{
    text-align: center;
    border: 1px solid #dbdbdb;
    margin-top: 5%;
    padding-top: 5%;
    padding-bottom: 5%;
    box-shadow: 5px 5px 5px 5px rgb(203, 202, 202);
  }
  .text{
   display: flex; 
   justify-content: space-evenly;
   margin-top: 10%;
  }
  .doc>img{
    width: 100%;
    height: 50vh;
  }
  .doc2>img{
    width: 30vw;
    height: 50vh;
  }
  .para1{
    background-color: #d73434;
    color: white;
    padding-top: 5%;
    padding-left: 3%;
    padding-right: 3%;
  }
  .para2{
    background-color: #1a7380;
    color: white;
    padding-top: 5%;
    padding-left: 3%;
    padding-right: 3%;
  }
  .para1:hover{
background-color: rgb(246, 234, 234);
color: black;
}
.para2:hover{
  background-color:  #a6e1ea;
  color: black;

 }
 .text1{
display: flex;
justify-content: space-evenly;
margin-top: 1%;
 }
 .doc4>img{
  width: 30vw;
  height: 100%;
 }
 .doc5>img{
  width: 30vw;
  height: 100%;
 }
.para4{
  padding-right: 5%;
  padding-left: 5%;
  color: white;
  background-color: hwb(36 20% 16%);
}
.para3{
  padding-right: 5%;
  padding-left: 5%;
  color: white;
  background-color: hwb(312 3% 35%);
}
.para3:hover{
  color: black;
  background-color: rgb(248, 204, 255);
}
.para4:hover{
  color: black;
  background-color: rgb(234, 219, 163);
}
.last{
  background-color: rgb(239, 242, 244);
  text-align: center;
  margin-top: 5%;
  padding-top: 2%;
  padding-bottom: 2%;
}
.flex{
  display: flex;
  justify-content:space-evenly;
  margin-top: 5%;
}
.divi{
  border: 1px solid gainsboro;
  padding-left: 4%;
  padding-right: 3%;
  padding-top: 3% ;
  padding-bottom: 3%;
  border-radius: 10%;
  width: 20%;
  box-shadow: 5px 5px 5px 5px rgb(203, 202, 202);
}
.divi>button{
  background-color: #b61b1b;
  color: white;
  text-align: center;
  border: 2px solid #b61b1b;
  margin-top: 2%;
}
.divi:hover{
  transform: scale(1.1);
}
.par>img{
width: 50vw;
height: 50vh;
margin-top: 5%;
}
.pari{
  display: flex;
  justify-content: space-around;
  background-color: rgb(220, 218, 218);
  margin-top: 5%;
  box-shadow: 5px 5px 5px 5px rgb(203, 202, 202);
}
.bro{
  padding-top: 10%;
}
.more{
  display: flex;
  justify-content: space-evenly;
  background-color: rgb(147, 206, 241);
  margin-top: 5%;
}
.more2{
  color: white;
  margin-top: 5%;
}
.more2>h3{
color: black;
}
.more1{
  color: white;
}
.more1>i{
  color: black;
}
.one{
  background-color: rgb(225, 224, 224);
  margin-top: 2%;
}