body{
  background-color: rgb(246, 246, 246);  
}
#body{
  background-color: rgb(255, 255, 255);
    border: 1px solid rgb(255,255,255);
    width:100%;
    position:sticky;
    top:0px;
  
}

.main{
    width:80%;
    margin: auto;
    margin-top:50px;
}
#upper span{
    font-family:Georgia, 'Times New Roman', Times, serif;
    color:rgb(133,200,0);
}
#upper{
    text-align: center;
    margin-bottom:80px;
}
#upper h1{
    font-size:50px;
    font-style:initial;
}
#upper p{
    font-size: x-large;
    margin-top: 20px;
    margin-bottom: 20px;
}
input,button{
    padding: 14px 45px;
    border:2px solid rgb(195, 195, 195);
}
button{
    color: white;
    background-color:rgb(133,200,0) ;
    border: 0;
    font-size: large;
}
input:hover{
    border:1px solid blue;
}
a{
    text-decoration: none;
    margin-top: 10px;
    color: black;
    font-size: large;
}
a:hover{
    text-decoration:underline;
}
#par{
    display:flex;
    height:40px;
    margin-left: 75px;
    justify-content: center;
    align-items: center;
}
#par p{
    margin:auto;
    margin-left:30px;
}
#middle{
    display: flex;
    gap: 30px;

}
#first{
    background-color: white;
    border: 1px solid rgb(195, 195, 195);
    width:715px;
}
#first img{
    width:715px;
}
#first a,#first h1,#first p{
    margin-left: 20px; 
    margin-top: 20px;
}
#first>h1:hover{
    color: blue;
}
#lower a,#first a{
color: blue;
font-size: small;
}
#lower h3{
color: blue;
margin-left:20px;
text-align: center;
}
#lower span,#first span{
color:rgb(181,181,181);
font-size: small;

}
#sub{
font-size: xx-large;
}
#lower{
display: grid;
grid-template-columns: repeat(3,1fr);
margin: auto;
margin-top: 50px;
gap:55px;


}
#first p,#lower p,#fotter p{
color:rgb(181,181,181);
font-size:larger;
}
#sub,#lower div,#sub2{
background-color: white;
border: 1px solid rgb(181,181,181);
}
#fotter{
height:120px;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
justify-content: space-around;
width:100%;
}
#sub button{
padding: 10px 91.5px;
margin-bottom: 40px;
margin-top: 10px;
}
#lower a,#midright p,#midright img{
margin-left: 20px;
}
.center{
text-align: center;
}
#sub2 div{
display: flex;
margin-top:30px;
margin-bottom:40px;
}
#sub2{
margin: auto;
margin-top: 40px;
height:400px;
width:326px;
}
#midright{
margin-left: 25px;
}
#lower p,h2,#fotter p{
margin: 20px;
}
.btn{
text-align: center;
background-color: white;
color: blue;
border: 1px solid blue;
margin:80px 0 40px 0;
margin-left: 460px;
}
#fotter p{
width:200px;
margin-left:100px;
}
#fotter img{
width: 100px;
}
#midright button{
background-color:rgb(32,153,253);
}
#navlow>button:last-child{
color: black;
border: 1px solid;
background-color:white;
margin-left:50px;

}
#nav img{
width:150px;
height:40px;


}
#navlow,#nav,.flex{
display: flex;
} 

#navlow{
margin-left:80px;


}
#navlow button{
    height:50px;
    /* margin-left:-40px; */
    margin-right:-10%;
}
#up{
background-color: white;
height:25px;
display: flex;
justify-content:flex-end;
align-items: center;
/* margin-left:65%; */
}
#up div{
  margin-left:62%;
}
#lower div{
    width:330px;
    height:520px;
}
/* ______________________ */



:root {
    --color-primary: #0073ff;
    --color-white: #e9e9e9;
    --color-black: #141d28;
    --color-black-1: #212b38;
  }
  
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    font-family: sans-serif;
   
  }
  
  .logo {
    color: var(--color-white);
    font-size: 30px;
  }
  
  .logo span {
    color: var(--color-primary);
  }
  
  .menu-bar {
    /* background-color: var(--color-white); */
    height: 80px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5%;
/*    
    position:s; */
  }
  
  .menu-bar ul {
    list-style: none;
    display: flex;
  }
  
  .menu-bar ul li {
    padding: 10px 30px;
    position:relative;
  }
  
  .menu-bar ul li a {
    font-size: 20px;
    text-decoration: none;
    transition: all 0.3s;
  }
  
  .menu-bar ul li a:hover {
    color: var(--color-primary);
  }
  
  .fas {
    float: right;
    margin-left: 10px;
    padding-top: 3px;
  }
  
  /* dropdown menu style */
  .dropdown-menu {
    display: none;
  }
  
  .menu-bar ul li:hover .dropdown-menu {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 1000px;
    background-color:white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  }
  /* ggg */
  
  .menu-bar ul li:hover .dropdown-menu ul {
    display: block;
    margin: 10px;
  }
  
  .menu-bar ul li:hover .dropdown-menu ul li {
    width:240px;
    padding: 10px;
  }
  
  .dropdown-menu-1 {
    display: none;
  }
  
  .dropdown-menu ul li:hover .dropdown-menu-1 {
    display: block;
    position: absolute;
    left: 150px;
    top: 0;
    /* background-color: var(--color-black); */
  }
  #raj>ul{
    display: flex;
    
  }
  #up a,#par a,#navlow button, #navup a, #raj a{
    font-size:15px;
  }
  .blue{
    color: blue;
  }
  #navup,#navlow{
    margin-top:-40px;
  }
  .grey{
   color: rgb(181,181,181);
  }
  span img{
    width: 120px;
  }