* {
    box-sizing: border-box
}

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

section {
    padding: 90px 0
}

.zwc-flexwrap {
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.zwc-dlbk {
    display: block
}

.zwc-inlbk {
    display: inline-block
}

.zwc-mainpara {
    letter-spacing: -0.24px
}

.zwc-maincontainer h3 {
    font-family: var(--secondaryfont-bold)
}

.zwc-banner {
    background: transparent linear-gradient(149deg,#2e43b8 0,#293ba3 100%);
    color: #fff
}

.zwc-bannercont {
    width: 53%
}

.zwc-bannercont p {
    margin: 25px 0 40px;
    max-width: 595px
}

/* .zwc-bannercont h1 .zwc-inlbk {
    color: #ffa801
} */

.zwc-bannerblog {
    width: 40%
}

.zwc-maincontainer h1,.zwc-maincontainer h2 {
    letter-spacing: -1.5px
}

.act-btn {
    border-radius: 3px;
    padding: 18px 30px
}

.act-btn.demo-btn {
    color: #000;
    background-color: #fff;
    margin-left: 10px
}

.zwc-why-km_lp {
    padding: 120px 0 0
}

.zwc-why-km_lp .zwc-why-km_lpcont {
    width: 62%
}

.zwc-why-km_lp .zwc-why-km_lpblog {
    width: 30%;
    position: relative
}

.zwc-flexwrap.zwc-wh-list {
    justify-content: start;
    gap: 80px;
    padding: 40px 0
}

.zwc-flexwrap.zwc-wh-list li {
    padding: 40px 0 40px 40px;
    position: relative;
    border-bottom: 1px solid #fff
}

.zwc-flexwrap.zwc-wh-list li::before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    background: url(/sites/zweb/images/learn/startup/learn-startupsprite.svg)no-repeat;
    background-size: 220px auto;
    left: 5px;
    background-position: -194px 0;
    top: 45px
}

.zwc-flexwrap.zwc-wh-list li:last-child {
    border-bottom: 0
}

.pricesect {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    text-align: center;
    border-radius: 22px;
    padding: 70px 0;
    background: transparent linear-gradient(149deg,#a3295d 0,#0e0eaa 100%);
    border: 1px dashed #fff;
    border-spacing: 5px
}

.pricedet {
    color: #c6c6c6;
    border-bottom: 1px solid #c6c6c6
}

.act-btn.cta-btn.trynowbtn {
    text-align: center;
    color: #fff;
    display: inline-block;
    margin-top: 30px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-image: initial;
    padding: 10px 15px;
background: none;
}

.testimonialsect .pricesect {
    width: 30%
}

.zwc-maincontainer .pricesect h3 {
    font-size: 24px;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%);
    box-shadow: #202223 0 20px 26px;
    text-transform: uppercase;
    font-family: var(--zf-secondary-regular);
    letter-spacing: 2px;
    background: #E4C442;
    padding: 10px 40px;
    border-radius: 100px;
    color:#000
}

.act-btn.cta-btn.trynowbtn {
    /* font-size: 24px; */
    font-family: var(--zf-secondary-bold)
}

.zwc-p-monthly {
    font-size: 48px;
    display: block
}

.amount.zpricegroup-common {
    font-size: 150px;
    display: block
}

.zwc-challenges {
    background-color: #000;
    color: #fff
}

.zwc-flexwrap.zwc-wh-list.zwc-challengesflex {
    justify-content: center
}

.zwc-challenges h2 {
    text-align: center;
    max-width: 1055px;
    margin: 0 auto 50px
}

.zwc-powerup {
    background-color: #ebefff
}

.zwc-powerupcont {
    width: 36%
}

.zwc-powerupblog {
    width: 51%
}

.zwc-flexwrap.powerup-flex {
    justify-content: center;
    gap: 40px;
    padding: 0 0 120px
}

.zwc-powerup h2 {
    max-width: 950px;
    margin: 0 auto 100px;
    text-align: center
}

.zwc-cont-creation:nth-child(odd) .zwc-flexwrap {
    flex-direction: row-reverse
}

.zwc-cont-creation:nth-child(odd) .zwc-flexwrap .zwc-powerupblog {
    position: relative;
    left: -70px
}

.zwc-informative {
    padding: 0 0 170px
}

.zwc-informative-cont {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 50px
}

.zwc-knowledge-sharing {
    background-color: #334acc
}

.zwc-knowledge-sharing h2 {
    color: #fff;
    text-align: center;
    max-width: 995px;
    margin: 0 auto 50px
}

.zwc-flexwrap.zwc-features-flex {
    justify-content: center;
    gap: 30px;
    align-items: normal;
    padding: 30px 0
}

.zwc-knowledge-sharing .zwc-features-cont {
    width: 31%;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 150px 30px 30px
}

.zwc-knowledge-sharing .zwc-features-cont h3 {
    position: relative;
    max-width: 295px;
}

.zwc-knowledge-sharing .zwc-features-cont h3::before {
    content: '';
    width: 82px;
    height: 85px;
    position: absolute;
    background: url(/sites/zweb/images/learn/startup/learn-startupsprite.svg)no-repeat;
    background-position: 0 0;
    top: -100px;
    left: 0
}

.zwc-knowledge-sharing .zwc-features-cont:nth-child(2) h3::before {
    background-position: -83px 0;
    width: 61px;
    height: 77px
}

.zwc-knowledge-sharing .zwc-features-cont:nth-child(3) h3::before {
    background-position: -143px 0;
    width: 96px;
    height: 79px
}

.zwc-bottom-cta {
    background-color: #fff;
    color: #000;
    text-align: center
}

.zwc-bottom-cta h2 {
    margin: 0 auto 50px;
    max-width: 1000px;
    letter-spacing: -1.65px
}

@media only screen and (min-width: 1200px) {
    .zwc-maincontainer h1,.zwc-maincontainer h2 {
        font-size:60px
    }

    .zwc-maincontainer h3 {
        font-size: 40px
    }
    .act-btn.cta-btn.trynowbtn {
        font-size: 24px;
  
    }

    .zwc-knowledge-sharing .zwc-features-cont h3 {
        font-size: 28px
    }

    .zwc-maincontainer p,.zwc-wh-list li {
        font-size: 24px
    }

    .zwc-bottom-cta h2 {
        font-size: 66px
    }
}

@media only screen and (max-width: 1199px) {
    .zwc-maincontainer h1 {
        font-size:45px
    }

    .zwc-maincontainer h2 {
        font-size: 40px
    }

    .zwc-flexwrap.zwc-wh-list {
        gap: 20px
    }

    .zwc-p-monthly {
        font-size: 40px
    }

    .zwc-maincontainer p,.zwc-wh-list li {
        font-size: 21px
    }

    .zwc-knowledge-sharing .zwc-features-cont h3 {
        font-size: 28px
    }
    .zwc-flexwrap.zwc-features-flex{gap: 20px;}

    .zwc-maincontainer h3 {
        font-size: 30px
    }

    .zwc-bottom-cta h2,.zwc-challenges h2 {
        max-width: 75%
    }
}

@media only screen and (max-width: 991px) {
    .zwc-maincontainer h1 {
        font-size:40px
    }

    .zwc-maincontainer h2 {
        font-size: 30px
    }

    .zwc-maincontainer p,.zwc-wh-list li {
        font-size: 20px
    }

    .zwc-knowledge-sharing .zwc-features-cont h3 {
        font-size: 24px
    }

    .zwc-maincontainer h3 {
        font-size: 24px
    }

    .zwc-flexwrap,.zwc-cont-creation:nth-child(odd) .zwc-flexwrap {
        flex-direction: column
    }

    .zwc-flexwrap.zwc-features-flex {
        flex-direction: initial;
        flex-wrap: wrap
    }

    .zwc-bannercont {
        margin-bottom: 50px
    }

    .zwc-knowledge-sharing .zwc-features-cont {
        width: 45%
    }

    .zwc-bannercont,.zwc-bannerblog,.zwc-why-km_lp .zwc-why-km_lpcont,.zwc-powerupcont {
        width: 100%;
        text-align: center;
        max-width: 750px;
        margin: 10px auto
    }

    .zwc-bannercont p {
        margin: 25px auto 40px
    }

    .zwc-bannerblog,.zwc-powerupblog {
        width: 100%;
        max-width: 500px
    }

    .zwc-flexwrap.zwc-wh-list ul {
        width: 100%;
        max-width: 415px;
        margin: 0 auto
    }

    section {
        padding: 60px 20px
    }

    .zwc-flexwrap.zwc-wh-list {
        padding: 40px 0 0
    }

    .zwc-flexwrap.zwc-wh-list li {
        text-align: left
    }

    .zwc-flexwrap.zwc-wh-list {
        gap: 0
    }

    .zwc-why-km_lp {
        padding: 80px 20px 0
    }

    .zwc-flexwrap.zwc-wh-list li {
        border-bottom: 0
    }

    .zwc-flexwrap.zwc-wh-list li {
        padding: 20px 0 20px 40px
    }

    .zwc-flexwrap.zwc-wh-list li::before {
        top: 23px
    }

    .act-btn.cta-btn.trynowbtn {
        font-size: 19px
    }

    .zwc-maincontainer .pricesect h3 {
        font-size: 18px
    }

  

    .zwc-maincontainer h2 {
        margin-bottom: 20px
    }

    .zwc-informative {
        padding: 0 0 50px
    }

    .zwc-flexwrap.powerup-flex {
        gap: 0;
        padding: 0 0 70px
    }

    .zwc-why-km_lp .zwc-why-km_lpblog {
        width: 100%;
        max-width: 320px;
        padding-top: 40px
    }

    .zwc-bannerblog {
        padding-top: 40px
    }

    .zwc-cont-creation:nth-child(odd) .zwc-flexwrap .zwc-powerupblog {
        position: inherit
    }
}

@media only screen and (max-width: 767px) {
    .zwc-maincontainer h1 {
        font-size:35px
    }
   .act-btn.demo-btn {
        margin:10px;
    }
    .zwc-maincontainer h2 {
        font-size: 28px
    }

    .zwc-why-km_lp {
        padding: 40px 20px 0
    }

    .zwc-maincontainer p,.zwc-wh-list li {
        font-size: 18px
    }

    .zwc-maincontainer h3,.zwc-knowledge-sharing .zwc-features-cont h3 {
        font-size: 22px
    }

    .zwc-knowledge-sharing .zwc-features-cont {
        width: 100%;
        max-width: 480px
    }

    .zwc-bottom-cta h2,.zwc-challenges h2 {
        max-width: 85%
    }

    .zwc-knowledge-sharing .zwc-features-cont h3::before {
        width: 55px;
        height: 59px;
        background-size: 180px auto;
        top: -60px
    }

    .zwc-knowledge-sharing .zwc-features-cont:nth-child(2) h3::before {
        background-position: -55px 0;
        width: 40px;
        height: 53px
    }

    .zwc-knowledge-sharing .zwc-features-cont:nth-child(3) h3::before {
        background-position: -95px 0;
        width: 64px;
        height: 52px
    }

    .zwc-knowledge-sharing .zwc-features-cont {
        padding: 120px 30px 30px
    }

    .act-btn {
        padding: 11px 30px
    }

    .amount.zpricegroup-common {
        font-size: 90px;
    }
}

@media only screen and (max-width: 480px) {
    .zwc-bottom-cta h2,.zwc-challenges h2 {
        max-width:100%
    }

    .zwc-why-km_lp {
        padding: 40px 0 0
    }

    .act-btn.demo-btn {
        margin: 15px 10px
    }

    section {
        padding: 60px 10px
    }

    .zwc-flexwrap.powerup-flex {
        gap: 0;
        padding: 0 0 40px
    }

    .amount.zpricegroup-common {
        font-size: 80px;
    }
}
body:not(.ccode-in) .amount.zpricegroup-common{font-size: 55px;}