#services {
    margin: 5.5rem 0 16.4rem;
}

#services h4,
#services .list {
    margin: 0 9rem;
}

#services h4,
#services .list li h5 {
    color: #0D4A69;

    font-size: 2.8rem;
    font-weight: 400;
    line-height: 3.5rem;
    font-family: 'Sofia Pro';

    margin-bottom: 3.5rem;
}

#services .list li {
    width: 26rem;
    margin: 0 30px 30px 0;
}

#services .list li h5 {
    color: #219EBC;
    margin: 1.5rem 0;

    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.2rem;

    text-align: center;
    text-transform: uppercase;
}

#services .list li img {
    width: 100%;
    height: 8.5rem;
}

#services .list li .button {
    margin-top: auto;
}


#contact {
    margin: 2rem 0 13rem;
}

#contact .left {
    width: 38%;
    margin: 0 3rem 0 0;
}

#contact .right {
    width: 42%;
}

#contact .title-02 {
    font-weight: 400;
    margin-bottom: 3.8rem;
}

#contact .title-02 strong {
    color: #219EBC;
    font-weight: 600;
}



@media (max-width: 992px) {
    #top .left {
        width: 50%;
    }

    #top .right {
        left: -10%;
    }

    #services {
        margin-top: 0;
    }

    #services h4, #services .list {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    #services .list li {
        width: calc(50% - 15px);
        margin: 0 30px 30px 0;
    }

    #services .list li:nth-child(even) {
        margin-right: 0;
    }

    #contact .left {
        width: 100%;
        margin: 0 0 3rem;
    }

    #contact .left svg {
        width: auto;
        height: 20rem;
        margin: 0 auto;
    }

    #contact .title-02 {
        text-align: center;
    }

    #contact .right {
        width: 100%;
        align-items: center;
    }

    #contact .wrapper {
        flex-wrap: wrap;
    }
}