.cardWrapper {
    flex-grow: 1;
}
  
.card {
    --on-background: #2C4678;
    --on-background-secondary: #455E91;
    --background: #F3F3FA;
    flex-grow: 1;
    position: relative;
    min-height: 240px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: none;
}
  
.title {
    font-size: 2rem !important;
}
  
.cardContent {
    flex-grow: 0 !important;
    margin: 0 !important;
}
  
.circlesContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
  
.circlesBackground {
    position: absolute;
    width: 40%;
    padding: 40%;
    border-radius: 50%;
    background-color: #D8E2FF;
}
  
.circlesFroreground {
    position: absolute;
    width: 25%;
    padding: 25%;
    border-radius: 50%;
    background-color: #AEC6FF;
}