body{

    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    background:#f3f4f6;

}


/* center */

.container{

    width:100%;

    margin-top:50px;

    display:flex;

    justify-content:center;
}


/* main white box */

.main-card{

    width:900px;

    background:white;

    padding:40px;

    border-radius:14px;

    box-shadow:0 4px 12px rgba(0,0,0,0.1);

    text-align:center;
}


/* row */

.card-row{

    display:flex;

    gap:25px;

    margin-top:30px;

    justify-content:center;
}


/* card */

.card{

    width:250px;

    border:1px solid #ddd;

    border-radius:12px;

    padding:20px;

    text-align:center;
}


/* icon circle */

.icon-circle{

    width:60px;
    height:60px;

    background:#4b1f7a;

    color:white;

    border-radius:50%;

    display:flex;

    align-items:center;
    justify-content:center;

    margin:0 auto 15px;

    font-size:22px;
}


/* button */

button{

    width:100%;

    padding:12px;

    margin-top:10px;

    border:none;

    border-radius:8px;

    background:#4b1f7a;

    color:white;

    font-weight:bold;

    cursor:pointer;
}


button:hover{

    background:#36145a;

}


a{
    text-decoration:none;
}

.desc{

    font-size:14px;
    color:#666;
    margin-bottom:12px;
    min-height:40px;

}

.icon-circle{

    width:60px;
    height:60px;

    background:#4b1f7a;

    color:white;

    border-radius:50%;

    display:flex;

    align-items:center;
    justify-content:center;

    margin:0 auto 15px;

    font-size:24px;
}

.wrap-card{

    width:950px;

    margin:60px auto;

    background:white;

    padding:40px;

    border-radius:14px;

    box-shadow:0 4px 12px rgba(0,0,0,0.1);

    text-align:center;
}


.bottom-text{

    margin-top:25px;

    font-size:14px;
}


.bottom-text a{

    color:#4b1f7a;

    text-decoration:none;

    font-weight:bold;
}