*{
    margin: 0px;
    padding: 0px;
}
.header{
    display: flex;
    background-color: rgb(23, 23, 196);
    color: white;
    position: fixed;
    width: 100%;
    
}

.header .h1{
    margin-left: 120px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.header ul{
    display: flex;
    margin-left: 300px;
    margin-top: 0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}
.header li:nth-child(2){
   margin-left: 25px;
}
.header li:nth-child(3){
    margin-left: 25px;
 }
 .header li:nth-child(4){
    margin-left: 25px;
 }
 .header li:nth-child(5){
    margin-left: 25px;
    background-color: red;
    padding: 5px;
    margin-top: -5px;
 }
 .header1 {
    display: flex;

 }
 .header1 ul{
    display: flex;
    margin-left: 170px;
    font-size: 18px;
 }
 .header1 .h1{
    margin-left: 100px;
 }
 .header1 .h2{
    margin-top: 40px;
 }
 .header1 .h3{
   margin-left: 70px;
 }
 .header2{
   display: flex;
 }
 .header3 .h1{
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   font-size: 17px;
   margin-top: 70px;
   margin-left: 130px;
 }
 .header31{
   display: flex;
 }
 .header3 .h2{
   height: 400px;
   width: 400px;
   
   font-size: 20px;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   margin-left: 130px;
   margin-top: 55px;


 }
 .header31 .h3{
   margin-left: 200px;
   margin-top: 60px;
 }
 .header4{
   background-color: rgb(2,79,162);
   height: 600px;
   display: flex;
 }

 
 .div1{
   height: 500px;
   width: 500px;
  
   margin-left: 50px;
   margin-top: 50px;
 }
 .flex1{
   display: flex;
   margin-left: 80px;
   margin-top: 0px;
   

   
 }
 .flex1 .h1{
   height: 220px;
   width: 200px;
  
   margin-top: 40px;
   color: white;
   background-color: rgb(236,6,118);
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   

   
 }
 .h1 h4{
  margin-left: 30px;
  margin-top: 40px;
 }
 .h1 h1{
  margin-left: 30px;

 }
 .h2 h4{
  margin-left: 30px;
  margin-top: 40px;
 }
 .h2 h1{
  margin-left: 30px;

 }
 .flex1 .h2{
   height: 220px;
   width: 200px;
   
   margin-left: 25px;
   margin-top: 40px;
   color: white;
   background-color: rgb(0,193,242);
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

 }
.flex2{
   display: flex;
   margin-top: 25px;
   margin-left: 80px;
   

}
.flex2 .h3{
   height: 220px;
   width: 200px;
   color: white;
   background-color: rgb(0,193,242);
   
 }
 .h3 h4{
  margin-top: 120px;
  margin-left: 40px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

 }
 .h3 h1{
  margin-left: 40px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

 }
 .flex2 .h4{
   height: 220px;
   width: 200px;
   
   margin-left: 25px;
   background-color: rgb(0,193,242);
   color: white;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

 }
 .h4 h4{
  margin-top: 120px;
  margin-left: 40px;
 }
 .h4 h1{
  margin-left: 40px;
 }
 .div2{
   margin-left: 150px;
   margin-top: 150px;
 }
 .div2 h1{
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   font-size: 23px;
   color: white;
   margin-top: 10px;
 }
 .div2 hr{
   margin-top: 10px;
   
 }

  .header5 .h1{
    height: 500px;
    width: 100%;
    font-size: 20px;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   margin-top: 70px;
   margin-left: 70px;
  }
  .header5 .h2{
    display: flex;
    margin-top: -400px;
    margin-left: 100px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

  }
  .h21{
    height: 300px;
    width: 330px;
    
    background-color: rgb(243,243,242);
    
  }
  .h21:hover{
    color: blue;
  }
  .h22:hover{
    color: blue;
  }
  .h23:hover{
    color: blue;
  }
  .h22{
    height: 300px;
    width: 330px;
    background-color: rgb(243,243,242);
    
    margin-left: 20px;
    
  }
  .h23{
    height: 300px;
    width: 330px;
  
    margin-left: 20px;
    background-color: rgb(243,243,242);

    
  }
  .h21 p{
    margin-left: 30px;
    margin-top: 40px;

  }
  .h21 h3{
    margin-top: 30px;
    margin-left: 30px;
  }

.h22 p{
  margin-left: 30px;
  margin-top: 40px;

}
.h22 h3{
  margin-top: 30px;
  margin-left: 30px;
}
 
.h23 p{
  margin-left: 30px;
  margin-top: 40px;

}
.h23 h3{
  margin-top: 30px;
  margin-left: 30px;
}
.header6{
  background-image: url("./careers-banner.jpg" );
  background-size: 100% 500px;
  height: 500px;
  width: 100%;
  position: absolute;
  margin-top: 100px;
  
}
.header6:hover{
  /* transform: scale(1.3); */
}
.header6 .h1{
  height: 400px;
  
  width: 500px;
  background-color: white;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin-left: 700px;
  margin-top: 250px;
  background-blend-mode: color-burn;
}
.header6 h1{
  margin-top: 50px;
  color: rgb(2,79,162);
}
.header6 p{
  margin-left: 30px;
  margin-top: 40px;
}
.h2spa{
  margin-top: 100px;
  margin-left: 30px;
}
.h2spa span{
    
    padding: 15px 30px;
    background-color: rgb(236,6,118);
    color: white;
}
.h2spa span:hover{
  background-color: rgb(2,79,162);
  
}
#spa{
  margin-left: 50px;
}
.header7{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.header7 .h1{
  margin-top: 720px;
  margin-left: 150px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.header7 .h2{
  margin-top: 50px;
  margin-left: 150px;
}
.par {
  height: 120px;
  width: 450px;
 
  background-color: rgb(243,243,242);
  margin-left: 570px;
  margin-top: -253px;
}
.par p{
  margin-left: 20px;
}
.par h3{
  margin-left: 20px;
  margin-top: 20px;
}
.pa {
  height: 120px;
  width: 450px;
 
  background-color: rgb(243,243,242);
  margin-left: 570px;
  margin-top: 20px;
}
.pa p{
  margin-left: 20px;
}
.pa h3{
  margin-left: 20px;
  margin-top: 20px;
}
#space{
  height: 50px;
  width: 100%;
  background-color: rgb(2,79,162);
  margin-top: 50px;

}
.header8{
  height: 500px;
  width: 100%;
  background-color: rgb(2,79,162);
}
legend{
  margin-left: 300px;
  font-size: 20px;
  color: white;
}
fieldset{
  height: 400px;
  width: 850px;
  margin-left: 200px;
  color: white;
  
}
.header8 .h2{
  font-size: 100px;
}
fieldset h3{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 25px;
  margin-left: 80px;
  margin-top: -50px;
}
fieldset .h3{
  font-size: 100px;
  margin-left: 150px;
  margin-top: -15px;
}
.header8 .h4{
  margin-left: 80px;
  margin-top: -40px;
  font-size: 25px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.header8 .h5{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 20px;
  margin-left: 80px;
  margin-top: 10px;
}
.header9{
  height: 700px;
  width: 100%;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: rgb(243,243,242);
}
.header9 .h1{
  background-color: rgb(243,243,242);
  height: 50px;
  width: 100%;
}
.header9 .h2{
  margin-left: 120px;
  
}
#in1{
  width: 500px;
  height: 60px;

  margin-top: 40px;
  border: none;
}
#in1::placeholder{
  padding-left: 10px;
  color: rgb(211,204,211);
}
#in2{
  width: 500px;
  height: 60px;

  margin-top: 10px;
  border: none;
}
#in2::placeholder{
  padding-left: 10px;
  color: rgb(211,204,211);

}
#in3{
  width: 500px;
  height: 60px;
  
  margin-top: 10px;
  border: none;
}
#in3::placeholder{
  padding-left: 10px;
  color: rgb(211,204,211);

}
#in4{
  width: 500px;
  height: 200px;
  margin-left: 650px;
  margin-top: -00px;
  border: none;
}
#in4::placeholder{
  padding-left: 10px;
  padding-top: -100px;
  color: rgb(211,204,211);

}
.header9 .h3{
  margin-left: -620px;
  margin-top: 40px;
}
.header9 .h4{
  margin-left: 120px;
}
#input{
  display: flex;
}
.header9 .h5{
  margin-left: 120px;
  margin-top: 10px;
}
label{
  margin-left: 10px;
}
#in6{
  margin-left: 20px;
  
}
#im{
  margin-left: 120px;
  margin-top: 20px;
}
#in7{
margin-left: 120px;
margin-top: 10px;
border: none;
height: 30px;
width: 250px;
}
.header9 .h6{
  margin-left: 120px;
  margin-top: 10px;
}
.header9 .h7{
  margin-left: 120px;
  margin-top: 10px;
}

#in9{
  height: 50px;
  width: 150px;
  font-size: 20px;
  color: white;
  background-color: rgb(2,79,162);
  margin-left: 120px;
  margin-top: 20px;
}
.header10{
  display: flex;
  height: 100px;
  width: 100%;
  background-color: rgb(2,79,162);
  
}
.header10 .h1{
  display: flex;
  margin-left: 120px;
  margin-top: 50px;
}
.header10 .h2{
  margin-left: 10px;
}
.header10 .h3{
  margin-left: 250px;
  margin-top: 50px;
}
#tw{
  margin-left: 10px;
}