.fc_column_content {
    display: flex;
    gap: clamp(15px, 6vw, 60px);
    position: relative;
    isolation: isolate
}

.fc_column_content > div {
    flex-grow: 1;
}

.fc_column_content.graphic_left:before, .fc_column_content.graphic_right:before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='696' height='656' fill='none'%3e%3cpath fill='%23007FC7' fill-rule='evenodd' d='M637.3 95.4c88.1 193 11.6 430.9-198.4 502.8C282 646.4 108.7 571.3 65.4 406.6 37.5 279 111 143.2 249.1 131.9c93-3 184.5 67.9 164.2 167.7-14 54.3-63.8 91.6-120 74.6-14.2-4.8-52.1-30.3-40 6.8 20.6 55.6 96.3 59 142.5 38.7C507 365.6 508 221.3 433.4 136.3 321 16 134 53 46.7 182.5c-104 162.1-23.9 368.1 146 444.7 155.2 66.1 329.7 11.7 429.6-121.7 105.4-146.8 98.9-367.8-33.2-497.4-9.2-9-12.9-10.8-3.5 2.1a552.4 552.4 0 0 1 51.7 85.2Z' clip-rule='evenodd' opacity='.1'/%3e%3c/svg%3e");
    background-position: calc(100% + 40px) calc(100% + 12px);
    background-size: contain;
    background-repeat: no-repeat;
}

.fc_column_content.graphic_left:before {
    transform: scaleX(-1);
}

.fc_column_content.ratio_30_70 > .left, .fc_column_content.ratio_70_30 > .right {
    flex-basis: 30%;
}

.fc_column_content.ratio_30_70 > .right, .fc_column_content.ratio_70_30 > .left {
    flex-basis: 70%;
}

.fc_column_content.ratio_40_60 > .left, .fc_column_content.ratio_60_40 > .right {
    flex-basis: 40%;
}

.fc_column_content.ratio_40_60 > .right, .fc_column_content.ratio_60_40 > .left {
    flex-basis: 60%;
}

.fc_column_content.ratio_50_50 > .right, .fc_column_content.ratio_50_50 > .left {
    flex-basis: 50%;
}

.fc_column_content.top {
    align-items: flex-start;
}

.fc_column_content.center {
    align-items: center;
}

.fc_column_content.bottom {
    align-items: flex-end;
}

@media (min-width: 1200px) {

    .fc_column_content > div.desktop_left {
        text-align: left;
    }

    .fc_column_content > div.desktop_centre {
        text-align: center;
    }

    .fc_column_content > div.desktop_right {
        text-align: right;
    }

}

@media (max-width: 1200px) {

    .fc_column_content {
        flex-direction: column;
    }

    .fc_column_content > div.mobile_left {
        text-align: left;
    }

    .fc_column_content > div.mobile_centre {
        text-align: center;
    }

    .fc_column_content > div.mobile_right {
        text-align: right;
    }

}