:root {
    --section-p-t: 6em;
    --section-p-b: 6em;
    --section-m-t: 6em;
    --inner-sec-t: 4em;
    --section-m-b: 6em;
    --gr-bg:linear-gradient(104deg,#0b2a7c 0,#02080e 100%) no-repeat padding-box;
}
img{
    width: 100%;
    display: block;
}
p:last-child{
    margin-bottom: 0;
}
.zwc-form-main h1{
    font-size: clamp(2.5em, 5vw, 3.8em);
}
.zwc-form-main h2 {
    font-size: clamp(1.8em, 4vw, 2.7em);
    line-height: 1.15;
    letter-spacing: -0.5px;
}
.zwc-form-main h3 {
    font-size: clamp(1.3em, 4vw, 2em);
}
.zwc-form-main p b{
    font-family: var(--zf-primary-bold);
}
.zwc-form-main h4{
    font-size: clamp(1.3em, 3vw, 1.5em);
    line-height: 1.3;
}
span {
    display: inline-block;
}
.act-btn {
    padding: 13px 30px;
    border-radius: 3px;
    margin: 10px 0px 0px;
}
.zwc-flex {
    display: flex;
}
.zwc-2col-wrap{
    justify-content: center;
    gap: 80px;
    padding-top: var(--inner-sec-t);
    align-items: center;
}
.zwc-2col-wrap.zwc-oc .zwc-2col-lft{
    order: 2;
}
.zwc-2col-lft, .zwc-2col-rht{
    max-width: 44%;
    width: 100%;
    position: relative;
}
.zwc-min-wrap{
    max-width: 1100px;
    margin: 0 auto;
}
.zwc-main-sec{
    padding-top: var(--section-p-t);
    padding-bottom: var(--section-p-b);
}
.zwc-h2-wid, .zwc-p-wid{
    max-width: 810px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.zwc-cta-sec{
    text-align: center;
    background: var(--gr-bg);
    color: #fff;
}
/* ------ Banner Section ------ */
.zwc-banner {
    padding-top: var(--inner-sec-t);
    color: #fff;
    text-align: center;
    position:relative
}
.zwc-banner::before{
    content:'';
    position:absolute;
    top: -70px;
    background: var(--gr-bg);
    z-index:-1;
    bottom: 0;
    left: 0;
    right: 0;
}
.zwc-banner h1 span{
    color: #09E36B;
}
.zwc-experience{
    max-width: 400px;
    margin-inline-start: auto;
}
.zwc-exp-main .zwc-2col-lft, .zwc-forms-sec .zwc-2col-rht{
    max-width: 60%;
}
.zwc-exp-main .zwc-2col-wrap{
    gap: 30px;
    padding-top: 0;
}
.zwc-exp-main p{
    max-width: 570px;
}
.zwc-exp-main .zwc-2col-rht, .zwc-forms-sec .zwc-2col-lft{
    max-width: 40%;
}
.zwc-compliance{
    background: linear-gradient(104deg, #008E40 0,#005225 100%) no-repeat padding-box;
    color: #fff;
    border-radius: 30px;
    padding: 5em 4em;
    text-align: center;
}
.zwc-toolkit h2{
    text-align: center;
}
.zwc-toolkit .zwc-2col-lft{
    max-width: 45%;
}
.zwc-toolkit .zwc-2col-rht{
    max-width: 50%;
}
.zwc-toolkit-img {
    max-width: 370px;
    margin: 0 0 0 auto;
    border-radius: 10px;
    box-shadow:  0px 13.253px 70.053px 0px rgba(0, 0, 0, 0.14);
}
.zwc-toolkit-ss{
    max-width: 330px;
    position: absolute;
    left: 0;
    bottom: 32%;
    border: 1px solid #000;
    border-radius: 10px;
    box-shadow:  0px 13.253px 70.053px 0px rgba(0, 0, 0, 0.14);
}
.zwc-flex.zwc-feature-main{
    flex-wrap: wrap;
    gap: 90px;
    justify-content: center;
    flex-direction: row;
}
.zwc-feature-card{
    max-width: 28%;
}
.zwc-feature-card div {
    position: relative;
}
.zwc-feature-card h4{
    margin: 40px 0 15px 0;
}
.zwc-feature-card img{
    border-radius: 15px;
    max-width: 80%;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.07);
    border: 2px solid #000;
}
.zwc-feature-card img.zwc-upload-pic{
    position: absolute;
    bottom: -9px;
    left: -60px;
    right: 0;
    max-width: 210px;
    border-radius: 8px;
    margin: 0 auto;
}
.zwc-forms-sec .content-wrap{
    background: var(--gr-bg);
    padding: 6em 4em;
    border-radius: 30px;
    color: #fff;
    margin-top: var(--section-m-t);
}
.zwc-forms-sec .zwc-2col-wrap{
    padding-top: 0;
}
.zwc-desktop-forms{
    max-width: 500px;
}
.zwc-mobile-forms{
    max-width: 250px;
    position: absolute;
    right: 0;
    bottom: -16%;
}
.zwc-points li {
    position: relative;
    padding: 0 0 19px 28px;
    text-align: left;
}
.zwc-points li::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    width: 10px;
    height: 5px;
    border-left: 1.5px solid #00AA41;
    border-bottom: 1.5px solid #00AA41;
    transform: rotate(-45deg);
}
.zwc-points li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 21px;
    height: 21px;
    border: 1.5px solid #00AA41;
    border-radius: 50%;
}
.zwc-2col-main .zwc-2col-wrap{
    padding-top: 6em;
}
.zwc-2col-main .content-wrap:nth-child(1) .zwc-2col-wrap{
    padding-top: 0;
}
.zwc-sml-title{
    font-size: 20px;
    font-family: var(--zf-primary-bold);
    display: block;
    margin:30px 0 20px 0;
}
@media only screen and (max-width: 1400px) { 
    .zwc-banner h1{
        /* font-size: 68px; */
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (max-width: 1200px) { 
    :root {
        --section-p-t: 4em;
        --section-p-b: 4em;
        --section-m-t: 4em;
        --section-m-b: 4em;
        --inner-sec-t: 1.5em;
    }
}
@media only screen and (max-width: 1024px){
    .zwc-feature-card{
        max-width: 45%;
    }
    .zwc-flex.zwc-feature-main{
        gap: 50px;
    }
}
@media only screen and (max-width: 767px){
    .zwc-feature-card{
        max-width: 480px;
        text-align: center;
    }
    .zwc-feature-card img{
        max-width: 290px;
        margin: 0 auto;
    }
}
.zwc-2col-main .zwc-2col-lft div p{
    font-family: var(--zf-primary-semibold);
}
/* ---- Animation ---- */

@media screen and (min-width: 767px) {
    .zwc-feature-card {
        transform: translateY(30px);
        transition: all 0.5s ease-in-out;
    }
    .middle-animated .zwc-feature-card{
        transform: translate(0);
    }
    .middle-animated .zwc-feature-card:nth-child(2){
        transition-delay: 0.2s;
    }
    .middle-animated .zwc-feature-card:nth-child(3){
        transition-delay: 0.3s;
    }
    .middle-animated .zwc-feature-card:nth-child(4){
        transition-delay: 0.4s;
    }
    .middle-animated .zwc-feature-card:nth-child(5){
        transition-delay: 0.5s;
    }
    .middle-animated .zwc-feature-card:nth-child(6){
        transition-delay: 0.6s;
    }
    .zwc-experience, .zwc-toolkit-img, .zwc-toolkit-ss, .zwc-desktop-forms, .zwc-mobile-forms, .zwc-form-access,.zwc-improvement {
        opacity: 0;
    }
    .middle-animated .zwc-experience, .middle-animated .zwc-toolkit-img, .middle-animated .zwc-desktop-forms, .middle-animated .zwc-form-access, .middle-animated .zwc-improvement {
        animation: 0.5s ease-out 0.3s 1 normal forwards running slideDown;
    }
    .middle-animated .zwc-toolkit-ss, .middle-animated .zwc-mobile-forms{
        animation: 0.5s ease-out 0.6s 1 normal forwards running slideDown;
    }
    @keyframes slideDown {
        0% {
            visibility: hidden;
            opacity: 0;
            transform: translateY(30px);
        }

        100% {
            visibility: visible;
            opacity: 1;
            transform: translateY(0px);
        }
    }
}
@media screen and (max-width: 1440px) {
    .zwc-mobile-forms{
        max-width: 45%;
    }
    .zwc-feature-main{

        gap: 50px;
    }
}
@media screen and (max-width: 1024px) {
    .zwc-p-wid{
        max-width: 700px;
    }
    .zwc-flex{
        flex-direction: column;
    }
    .zwc-2col-wrap.zwc-oc .zwc-2col-lft{
        order: inherit;
    }
    .zwc-2col-wrap{
        gap: 40px;
    }
    .zwc-mobile-forms{
        right: -80px;
    }
    .zwc-2col-lft, .zwc-2col-rht, .zwc-exp-main 
    .zwc-2col-rht, .zwc-forms-sec .zwc-2col-lft, 
    .zwc-exp-main .zwc-2col-lft, .zwc-toolkit 
    .zwc-2col-lft, .zwc-toolkit .zwc-2col-rht {
        max-width: 600px;
        margin: 0 auto;
        text-align: center;
    }
    .zwc-experience {
        margin: 0 auto;
    }
    .zwc-points{
        text-align: left;
    }
    .zwc-2col-main .zwc-2col-lft div p{
        text-align: left;
    }
    .zwc-toolkit-img, .zwc-toolkit-ss{
        margin: 0 auto;
        position: static;
    }
    .zwc-forms-sec .zwc-2col-rht{
        display: flex;
        justify-content: center;
    }
    .zwc-mobile-forms{
        position: static;
    }
    .zwc-2col-main .zwc-2col-wrap{
        padding-top: 3em;
    }
}
@media screen and (max-width: 767px) {
    .zwc-compliance, .zwc-forms-sec .content-wrap {
        padding:3em 2em;
    }
    .zwc-feature-card img.zwc-upload-pic{
        left: 0;
    }
}