.banking {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    margin-top: 30px;

    @include breakpoint-down('lg') {
        margin-top: 65px;
    }

    @include breakpoint-down('sm') {
        flex-direction: column;
        margin-top: 30px;
    }

    &-img {
        width: 435px;
        height: 435px;
        background-image: url("../../../public/files/banking1.png");
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 45px;
        flex-shrink: 0;

        @include breakpoint-down('lg') {
            width: 342px;
            height: 342px;
            background-size: cover;
            margin-left: 25px;
            position: relative;
            right: -22px;
        }

        @include breakpoint-down('sm') {
            width: 342px;
            height: 342px;
            position: relative;
            margin-left: 0;
            right: 0;
        }
    }

    &-content {
        width: calc(72% - 480px);

        @include breakpoint-down('md') {
            width: calc(100% - 480px);
        }

        @include breakpoint-down('sm') {
            margin-top: 25px;
            width: auto;
        }

        .subtitle {
            width: 341px;
            margin-top: 20px;

            @include breakpoint-down('lg') {
                width: auto;
            }

            @include breakpoint-down('sm') {
                width: 320px;
                margin-top: 10px;
            }
        }
    }
}