@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Rubik&display=swap");

.ims{
    min-height: 100vh;
    height:auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-top: 50px;
}


.ims-heading{
    width: 80%;
    height: auto;
    margin: 20px auto;
    text-align:center;
    font-size: 20px;
    color: #f0efff;
    font-family: Lato;
}


.ims-text{
    width: 75%;
    margin:0 100px;
    margin: 10px auto;
    height: auto;
    text-align: center;
    font-size: 20px;
    font-family: Mukta;
    color: rgb(197, 190, 236);
    font-weight: lighter;
    
}

.example{
    width: 30%;
    height: auto;
    margin:30px auto;
    text-align:center;
    font-size: 30px;
    color: #f5fbff;
    font-family: Lato;
}


.ims-card-flex{
    min-height: 70vh;
    width: 100%;
    margin: 10px auto;
    display: flex;
    justify-content: space-around;
    flex-wrap:wrap;
    padding: 30px 0 30px 0;

}

.card-flex-2{
    padding-top: 0;
}