.head {
    margin-bottom: 2rem;    
}
.section {
    margin-bottom: 10rem;
}
.card-header {
    margin-bottom: 0;
}

.cards {
    display: flex;
}

.card {
    flex: 2;
    margin: 5rem;
    padding: 1rem;
    /*border: solid black 1px;*/
    text-align: center;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.card.process::after{ 
    content: '→';
    position: absolute;
    font-size: 3rem;
    transform: translateY(-50%);
    top: 50%;
    right: -40%;
    color: #00adff;
 }
.card.shadow {
    border-left: 5px solid #00adff;
    box-shadow: 0 10px 40px rgba(0,0,0, 0.1);
}
.card .icon {
    /*flex: 1;*/
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #00adff 0%, #80d6ff 100%);
    border-radius: 50%;
    display: flex;
    color: white;
    font-weight: bold;
    text-align: center;
    align-items: center;
    justify-content: center;

}
.card h3 {
}
.callout {
    text-align: center;
    color: #333;
    box-shadow: 0 10px 40px rgba(0,0,0, 0.1);
    border-radius: 10px;
    /*background: #00adff;*/
    background: #80D6FF;
    margin: 0 20% 0 20%;
    padding: 1rem;
    width: 60%;
    color: darkslategray;

}

.section-footer {
    margin-top: 2rem;
}

.agreements-content {
    box-shadow: 0 10px 40px rgba(0,0,0, 0.1);
    background: #80D6FF;
    margin: 1rem;
    padding: 1rem;
    /*color: white;*/
}