.signup{

    background:var(--clr-primary);

}

.signup__grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:var(--space-lg);

}

.signup-card{

    background:var(--clr-white);

    overflow:hidden;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    min-height:560px;
    border-radius: var(--radius-xl);

}

.signup-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow-lg);
    border-radius: var(--radius-xl);

}

.signup-card__content{

    padding:var(--space-xl);

}

.signup-card__number{

    display:block;

    margin-bottom:var(--space-lg);

    font-size:var(--fs-display);

    font-weight:var(--fw-bold);

    line-height:1;

    color:var(--clr-accent);

    opacity:.5;

}

.signup-card h3{

    margin-bottom:var(--space-md);

}

.signup-card p{

    color:var(--clr-body);

}

.signup-card__image{

    margin-top:auto;

}

.signup-card__image img{

    width:100%;
    max-height: 253px;
    object-fit: cover;

}

.signup__footer{

    display:flex;

    justify-content:center;

    margin-top:var(--space-2xl);

}

.signup .container .section-header h2 {
    color: #fff;
}


.signup .container .section-header .section-header__description {
    color: var(--clr-white);
}