*{
  margin:0;
}
.navbar{
  height:50px;
  width:auto;
  margin-left:2px;
  display:flex;
  flex-direction: row;
  align-items:center;
  justify-content:center;
  background-color: blanchedalmond;
}

.herosec{
  height:200px;
  display:flex;
  justify-content: space-evenly;

}

.box{
  width:600px;
  display:flex;
  flex-direction: column;
  align-items:center;
  justify-content:space-around;
  border-right:solid black 1px;

}
.boxright{
  width:50%;
  display:flex;
  justify-content:center;
  align-items:center;

}
.boxright img{
  width:100%;
  height:100%;
}
.container{
  height:300px;
  display:flex;
  justify-content: space-around;
   background-color: #F8FAFC;
    padding: 50px 40px;

}
.card{
  height:300px;
  width:250px;
  display:flex;
  flex-direction: column;
  justify-content:space-evenly;
  align-items:center;
  background-color: #DCEEFF;
    border: 1px solid #A9D3F5;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.card button{
  background-color:#60A5FA;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
  
}
.card button:hover {
    background-color: #126390;
}
.card button a{
  text-decoration: none;
}