#form{
    position:relative;
    padding-top:120px;
}

#form > img:not(.dots){
    position:absolute;
    top:0;
    right:0;
    z-index:-1;
}

    #form .dots {
        position: absolute;
        top: 350px;
        left: -40px;
        z-index: -1;
    }

#form h2 {
    font-weight: 700;
    font-size: 2.4rem;
}

    #form h2 span{
        color:var(--af-primary)
    }

    @media (min-width: 768px) {
        #form h2 {
            font-size: 3rem;
            padding-right: 1rem;
        }

        #form h2 ~ p {
            padding-right: 3rem;
            font-size: 1.125rem;
        }
    }

@media (max-width: 768px) {
    #form h2 {
        text-align: center;
    }
}

#form .af-card{
    padding:0;
    margin-top:2rem;

}

@media (min-width: 768px) {
    #form .af-card {
        padding-right: 4rem;
    }
}