.da{
    background-color: rgb(240, 243, 248);
    width: 100%;
    /* height: 400px; */
    padding: 20px;
    box-sizing: border-box;
}
h1{
    margin: 0;
    padding: 0;
}
.nav{
    width: 100%;
    border-bottom: 1px solid gray;
    box-sizing: border-box;
}
.d1{
    width: 300px;
    height: 50px;
    border-bottom: 3px solid rgb(91, 132, 194);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(91, 132, 194);
    font-weight: bolder;
    font-size: 22px;
    margin-top: 20px;
}
.main{
    margin-top: 20px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.d2{
    padding: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    background-color: white;
    width: 48%;
    height:240px;
    box-sizing: border-box;

}
.img{
    width: 200px;
    height: 100%;
    background-color: rgb(230, 230, 236);
    padding: 20px;
    box-sizing: border-box;
}
img{
    width: 100%;
    height: 100%;
}
.text{
    width: 60%;
}
.text :nth-child(1){
    color: black;
    font-weight: bolder;
    font-size: 22px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.text :nth-child(3){
    color: gray;
    font-size: 18px;
    margin: 0;
    padding: 0;
}
button{
    float: right;
    background-color: rgb(141, 165, 237);
    /* color: white; */
    transition: 1s;
    border: none;
    height: 40px;
    border-radius: 10px;
}
button a{
    color: white !important;
    text-decoration: none;
}
button:hover{
    background-color: blue;
}