#forms {
    position: relative;
    z-index: 1;
    padding: 50px 100px;
}

#forms  .bg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#forms .top{
    height: 240px;
    background: #357FB7;
    display: flex;
    justify-content: center;
    align-items: center;
}

#forms i{
    font-size: 86px;
    color: var(--white)
}

#forms .content{
    background: var(--white);
    padding: 20px;
}

#forms h2{
    font: normal normal bold 39px/42px futura-pt;
}

#forms a{
    text-decoration: none;
}

#forms a:hover{
    text-decoration: none;
    color: var(--orange)
}

#forms p{
    font: normal normal normal 18px/26px futura-pt;
}

@media(max-width:767px){
    #forms{
        padding: 50px 15px;
    }
}