.hcbWrap {
    padding: 7.375em 0;
    background-color:#f0f2f1;
}

.hcbInner {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 0 auto;
    max-width: 1440px;
}

.SHCB-left , .SHCB-right {
    padding: 2.75em;
    box-sizing: border-box;
    flex: 0 0 55%;
    max-width: 50%;
}

.SHCB-left {
    background: #003DBF;
    min-height: 800px;
    position: relative;
    left: 2em;
}

.SHCB-left h4 {
    color:#fff;
    text-transform:uppercase;
    font-size:20px;
    font-weight:bold;
    margin-bottom:0.5em;
}

.SHCB-left h1 {
    color:white;
    margin-bottom:0.75em;
    font-size:52px;
}

.SHCB-left .SHCB-content , .SHCB-left .SHCB-content p , .SHCB-left .SHCB-content * {
    color:white;
    max-width:96%;
}

.SHCB-right {
    background: white;
    position: relative;
    top: -5px;
    left: -2em;
}

.SHCB-right h4 {
    color:#8c0c18;
    text-transform:uppercase;
    font-size:20px;
    font-weight:bold;
    margin-bottom:0.5em;
}

.SHCB-right h1 {
    color:#454545;
    margin-bottom:0.75em;
    font-size:40px;
}

.SHCB-right .SHCB-content , .SHCB-right .SHCB-content p , .SHCB-right .SHCB-content * {
    color:#454545;
    /*font-size: 18px;*/
    margin-bottom: 18px;
}

.SHCB-left::after {
    content: "";
    display: block;
    width: 112px;
    background: linear-gradient(207deg, #2a3166 50%, transparent 50%);
    height: 38px;
    right: 0px;
    bottom: 0px;
    position: absolute;
}

@media screen and (max-width: 1440px) {
    
    .hcbWrap {
        padding: 3em 1em;
    }
    
    .SHCB-left , .SHCB-right {
        flex:auto;
        width:100%;
        min-height:auto;
        top:0;
        left:0;
        right:0;
        bottom:0;
    }
    
    .SHCB-left::after { display:none; }
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1024px) {
    .hcbInner {
        display: block;
    }
    .SHCB-left , .SHCB-right {
        max-width: 100%;
    }
}

@media screen and (max-width: 900px) {
    
    .SHCB-left , .SHCB-right {
        padding: 25px;
    }
    .SHCB-left .SHCB-content, .SHCB-left .SHCB-content p, 
    .SHCB-left .SHCB-content * {
        max-width: 100%;
    }
}