.footer-form {
    display: flex;
    flex-wrap: wrap;
    
    .left-col {
        width: 40%;
        position: relative;
        background-color: var(--color-light-blue);
        padding: 120px 80px 100px;
        display: flex;
        justify-content: flex-end;

        @media screen and (max-width: 1200px) {
            width: 50%;
            padding: 120px 40px 100px;
        }
        @media screen and (max-width: 991px) {
            padding: 80px 5%;
        }
        @media screen and (max-width: 768px) {
            width: 100%;
            padding: 80px 5% calc(20px - 1rem);
        }
        &:after {
            content: '';
            position: absolute;
            bottom: 0;
            right: 40px;
            width: 200px;
            height: 184px;
            background-image: url('../../../assets/svg/logomark-light.svg');
            background-size: cover;
            background-repeat: no-repeat;

            @media screen and (max-width: 768px) {
                display: none;
            }
        }
        .column-inner {
            width: 100%;
            max-width: 400px;

            @media screen and (max-width: 768px) {
                max-width: none;
            }
        }
        h2 {
            margin-bottom: var(--spacing-4);
        }
    }
    .right-col {
        width: 60%;
        position: relative;
        padding: 120px 80px 100px;
        display: flex;
        justify-content: flex-start;

        @media screen and (max-width: 1200px) {
            width: 50%;
            padding: 120px 40px 100px;
        }
        @media screen and (max-width: 991px) {
            padding: 80px 5%;
        }
        @media screen and (max-width: 768px) {
            width: 100%;
            padding: 20px 5% 80px;
            background-color: var(--color-light-blue);
        }
        &:after {
            content: '';
            display: none;
            position: absolute;
            bottom: 0;
            right: 0;
            width: 117px;
            height: 108px;
            background-image: url('../../../assets/svg/logomark-light.svg');
            background-size: cover;
            background-repeat: no-repeat;

            @media screen and (max-width: 768px) {
                display: block;
            }
        }
        .column-inner {
            width: 100%;
            max-width: 620px;

            @media screen and (max-width: 768px) {
                max-width: none;
            }
        }
    }
}