.content-wrap {
    max-width: 1170px
}

h1 {
    font-size: 56px
}

p {
    font-size: 17px;
    line-height: 31px;
    margin-bottom: 36px
}

.zwc-compliance a {
    color: #03A9F5;
    text-decoration: underline;
    text-underline-position: under;
    font-family: var(--primaryfont-semibold);
}

.zwc-compliance strong {
    font-family: var(--primaryfont-bold);
}

.zw-product-header {
    background-color: #05175e;
}

.zwc-compliance .zwc-header {
    text-align: center;
    background-color: #05175e;
    color: #fff;
    padding: 80px 0 240px
}

.zwc-compliance .content-section {
    text-align: center;
    padding-bottom: 60px;
    background-color: #F9F9FC;
}

.zwc-compliance .content-section>.content-wrap {
    background-color: #fff;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    display: inline-block;
    margin-top: -210px;
    text-align: left;
    padding: 70px 110px
}

.zwc-compliance .content-section .zwc-sec-title {
    margin: 0 0 40px;
    padding-left: 200px;
    position: relative;
}

.zwc-sec-title::before {
    content: '';
    width: 142px;
    height: 72px;
    position: absolute;
    left: 0;
    top: 10px;
    background: var(--compliance-badges);
    background-size: 1020px;
    background-position: 0 0;
}

.iso-27001::before {
    top: 60px;
    width: 140px;
}

.iso-27701::before {
    background-position: -141px 0;
}

.iso-27017::before {
    background-position: -281px 0;
}

.iso-27018::before {
    background-position: -424px 0;
}

.iso-9001::before {
    background-position: -565px 0px;
}

.soc-1::before, .soc-2::before, .soc-2-hippa::before {
    background-position: -588px 0;
    background-size: 850px;
    height: 86px;
    width: 88px;
    left: 24px
}

.soc-2::before {
    top: 0;
}

.ens::before {
    width: 133px;
    height: 56px;
    background-position: -414px -230px;
}

.csa::before {
    height: 59px;
    background-size: 710px;
    background-position: -503px -73px;
}

.gdpr::before {
    background-position: -1197px -86px;
    background-size: 850px;
    height: 86px;
    width: 85px;
    left: 24px;
}

.ccpa::before {
    background-position: -1284px -86px;
    background-size: 850px;
    height: 86px;
    width: 85px;
    left: 24px;
}

.zwc-compliance .content-section .zwc-sec-title p {
    margin-bottom: 20px
}

.zwc-compliance .content-section .zwc-sec-title h2 {
    font-family: var(--secondaryfont-bold);
    margin-bottom: 13px
}

.zwc-compliance .content-section .mail-box {
    background-color: #c1fdea;
    padding: 50px 60px;
    border-radius: 10px;
    margin-bottom: 0
}

.zwc-compliance .content-section .mail-box img {
    margin-right: 17px;
    width: 66px;
    vertical-align: middle
}

.zwc-compliance .content-section .mail-box p {
    width: 100%;
    max-width: 86%;
    display: inline-block;
    vertical-align: middle
}

.zwc-compliance .content-section .mail-box a {
    font-family: var(--primaryfont-semibold);
    text-decoration: underline;
    text-underline-position: under
}

@media(max-width:1200px) {
    h1 {
        font-size: 55px
    }

    .zwc-compliance .zwc-header {
        padding: 60px 0 170px
    }

    .zwc-compliance .content-section>.content-wrap {
        padding: 60px 70px 75px;
        margin-top: -130px;
    }
}

@media(max-width:991px) {
    h1 {
        font-size: 48px
    }

    p {
        font-size: 17px
    }

    .zwc-compliance .content-section>.content-wrap {
        padding: 40px
    }

    .zwc-compliance .content-section .mail-box {
        padding: 50px 40px
    }

    .zwc-compliance .content-section .mail-box p {
        max-width: 80%
    }
}

@media(max-width:767px) {
    h1 {
        font-size: 44px
    }

    h2 {
        font-size: 23px
    }

    .zwc-compliance .zwc-header {
        padding: 40px 0 110px
    }

    .zwc-compliance .content-section>.content-wrap {
        margin-top: -70px
    }

    .zwc-compliance .content-section .zwc-sec-title {
        margin: 30px 0 40px 0;
        padding-left: 0;
        display: flex;
        flex-flow: column wrap;
        text-align: center;
    }

    .zwc-compliance .content-section .mail-box {
        padding: 30px 20px;
        text-align: center;
        overflow-wrap: break-word
    }

    .zwc-compliance .content-section .mail-box img {
        margin: 0 0 20px 0
    }

    .zwc-sec-title::before {
        position: static;
        display: block;
        margin: 0 auto 20px;
        order: 2;
    }

    .zwc-compliance .content-section .zwc-sec-title h2 {
        order: 1;
        margin-bottom: 20px;
    }

    .zwc-compliance .content-section .zwc-sec-title p {
        order: 3;
    }
}

@media(max-width:500px) {

    html,
    body {
        overflow-x: hidden
    }

    h1 {
        font-size: 38px
    }

    h2 {
        font-size: 20px
    }

    .zwc-compliance .content-section>.content-wrap {
        padding: 28px
    }
}