*{
margin:0;
padding:0;
}
.maincontainer{
height:100vh;
width:100vw;
background-color: rgb(171, 208, 241);
margin:5px;
padding:5px;
display:flex;
justify-content: center;
align-items:center;
}
.container{
    border-radius: 15px;
    /* border:2px solid black; */
height:auto;
width:25%;
overflow:hidden;
background: #ebd1db;
background: radial-gradient(circle, rgba(235, 209, 219, 1) 0%, rgba(134, 167, 207, 1) 100%);
}
.container img{
height:auto;
width:100%;
/* margin:5px;
padding:5px; */
}
.box h2{
padding-left:55px;
padding-right:55px;
padding-top:20px;
padding-bottom:20px;
}
.box p{
padding-left:40px;
padding-right: 30px;
}
.box2{
     /* box-shadow: 0px 15px 10px -5px rgba(0, 0, 0, 0.3); */
    transition: all 0.3s linear 0s;
margin:20px;
padding-left:2px;
padding-right:20px;
padding-top:10px;
padding-bottom:5px;
display:flex;
justify-content:space-between;
background: #73c6d1;
background: linear-gradient(90deg, rgba(115, 198, 209, 1) 0%, rgba(146, 126, 196, 1) 61%, rgba(94, 196, 133, 1) 100%);
border-radius: 10px;
}
.box4{
    transition: all 0.3s linear 0s;
margin:20px;
padding-left:80px;
padding-right:40px;
padding-top:25px;
padding-bottom:20px;
border-radius: 10px;
background: #833AB4;
background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
}
.box5{
margin:20px;
padding-left:100px;
padding-right:40px;
/* padding-top:5px; */
padding-bottom:15px;
}
.box2 img{
height:50px;
width:50px;
}
.box3{
display:flex;
}
.box2 a{
padding-top:10px;
}
.box3 div{
padding-top:5px;
}
.box2:hover,.box4:hover{
transform:scale(1.06);
box-shadow: 0px 15px 10px -5px rgba(0, 0, 0, 0.3);
}