


body {
    margin: 0px;
    padding: 0px;
}
*{
  box-sizing: border-box;
}


#container>img{
    width:100%;
    
}



h1 {
    font-size: 45px;
} 


.backgroundimage{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .container {
    position: relative;
    text-align: center;
    color: white;
  }


  .emoplyee-body{
    /* border:5px solid red; */
    height: auto;
    width: 70%;
    margin-left:15%;
   word-spacing: 5px;
    margin-top: 50px;
    font-size: 20px;
    
  }

  .emoplyee-body2{
    /* border:5px solid red; */
    height: auto;
    width: 70%;
    margin-left:15%;
   word-spacing: 5px;
    margin-top: 50px;
    font-size: 20px;
    
  }


#receive_container{
    height: 100px;
    background-color:#4EA819;
    margin-top: 50px;
    width: 80%;
   margin-left: 10%;
   border-radius: 10px;
   /* border: 5px solid yellow; */
}

#receive_box{
    display: flex;
   align-items:center ;
   justify-content: center;
    margin: auto;
    height:80px;
    width: 900px;
    color: white;
    text-align:center;
    /* border: 2px solid red; */
}

#btn{
  border: 1px solid white;
  
}

#btn:hover{
  background-color:white;
  color:black ;
}



button{
  background-color:#4EA819;
  padding: 10px;
  border-radius:5px;
  border:1px solid black; 
  cursor:pointer;
  color:white;
}

input[type="text"]{
  padding:10px;
  width:50%
}

#receive-div1{
 width: 500px; 
 height:80px; 
 /* border: 2px solid blue; */
}

#trial_container{
  height: 300px;
  background-color:#4EA819;
 
}

#trial_box{
  display: flex;
 align-items:center ;
 justify-content: center;
  margin: auto;
  height:250px;
  color: white;
  text-align:center;
}

#trial_div{
  margin-top: 50px;
}



#blue_container{
  height: 300px;
  background-color:#007DBF;
  
}

#blue_box{
  display: flex;
 align-items:center ;
 justify-content: center;
  margin: auto;
  margin-top: 50px;
  height:220px;
  color: white;
  text-align:center;
  /* border: 5px solid black ; */
}

#blue-div1>a>img{
  width:60%
}


#blue-div2{
  height:240px;
  /* border:  4px solid  yellow; */
}



#star_icons{
  display:flex;
  margin: auto;
  margin-top: 5px;
 color:orange;
 margin-left: 150px;


}



.faq_stardiv{
  display:flex;
}
.faq_stardiv>h4{
margin-left: 80px;
  }


.faq_stardiv>a{
color: white;
background-color: rgb(42, 40, 40 , 0.2);
margin: auto;

}



@media only screen and (max-width: 600px) {
  body {
    background-color: white;
  }
} 

