body{
display: flex;  
flex-direction: column;
margin: 0px; 

}

header{
     display: flex;   
  align-items: center;
  justify-content: space-between;
  height: 94px;    
}
nav{
    display: flex;
    
    
    height: 80px;
    width: 1200px;
    align-items: center;
   flex-direction: row-reverse;
   
}

ul{
    height: 40px;
    display: flex;
    
    width: 980px;
    
    justify-content: space-around;
    list-style: none; 
    
    align-items: center;
    
    padding: 0;
     
}
a{
    text-decoration: none;
    font-family: 'Roboto Slab', serif; 
    font-size:  15px;
    color: #878787
    
}

.logo{
    width: 360px;
    margin: 32px;
    padding: 20px;
}
.callto{
    display: flex;
height: 900px;
justify-content: space-between;

}
.faces{
   
width: 970px;        
}
.blue{
display: flex;
background-color: #336699;
width: 950px;
justify-content: center;
flex-direction: column;
align-items: center;
    
}
.textBlue{
    
font-family: 'Roboto', sans-serif;
color: rgb(255, 255, 255);
font-size: 25px;
width: 500px;

}
.calltobutton1{
 display:flex ;
 height: 60px;
 width: 470px;  
 border-radius: 30px; 
 background-color:#FF2063;
 border-style: none;
 align-items: center;
 
 
 
}
.clickRed{
    font-family: 'Roboto', sans-serif;
color: rgb(255, 255, 255);
font-size: 25px;
width: 500px;


    
    
}
.slab{

font-family: 'Roboto Slab', serif; 
color: white;
font-size: 25px;



}
.strong1{
    font-family: 'Roboto Slab', serif; 
    color: white;
    font-size: 22px;
       
}
H2{
    font-family: 'Roboto Slab', serif; 
    color:#336699;
    font-size: 40px; 
    
}
.centerd{
    display: flex;
    justify-content: center;
    margin: 80px;
}
.bacInfo{
    display: flex;
    justify-content: space-around;
    
}
.box1{
display: flex;
flex-direction: column;
align-items: center;
background-color: rgb(255, 255, 255);
height: 630px;
width: 500px;
box-shadow: 8px 10px 75px #dcdcdc;

  





}
.icons1{
    width: 90px;
    margin-top: 40px;
    

    
}
.strong2{
    color: #275FB5;
    font-family: 'Roboto Slab', serif; 
    font-size: 19px

}
h4{
    color: #275FB5;
    font-family: 'Roboto Slab', serif;
    font-size: 22px; 
  margin: 10px;
     
}
.p2{
    font-family: 'Roboto', sans-serif;
    color: #275FB5;
    font-size: 19px;
    padding-left: 40px;
    padding-right: 30px;
 
}
.calltobutton2{
    display:flex ;
    height: 60px;
    width: 350px;  
    border-radius: 30px; 
    background-color:#FFCA4B;
    border-style: none;
    align-items: center;
    
    

}


.clickYellow{
    font-family: 'Roboto', sans-serif;
    color: rgb(255, 255, 255);
    font-size: 22px;
    width: 500px;
    
    
}
.accélére{
    display: flex;
    flex-direction: column;
    align-items: center;
   gap: 40px;
}
.box2{
display: flex;    

background-color: rgb(255, 255, 255);
height: 141px;
width: 1770px;
box-shadow: 8px 10px 75px #dcdcdc;
justify-content: center;
align-items: center;



}
.p3{
    font-family: 'Roboto', sans-serif;
    color: #275FB5;
    font-size: 19px;
   
 

}
.h4n1{
    color: #275FB5;
    font-family: 'Roboto Slab', serif;
    font-size: 22px; 
  

}
.orgnaiseBox{
    
    width: 65%;
    word-wrap: break-word;   
}
.icons2{
    width: 100px;
    margin-top: 40px;
    margin-bottom: 35px;
    margin-right: 30px;

    
}