* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    scroll-behavior: smooth
}

.zwc-section {
    position: relative;
    padding: 120px 0 120px
}

.zwraper h1,
.zwraper h2 {
    font-family: var(--zf-primary-extrabold)
}

.zwraper h3 {
    font-family: var(--zf-primary-bold)
}

.act-btn {
    padding: 15px 30px;
    font-size: 16px;
    border-radius: 4px
}

.flex-cont {
    display: flex;
    align-items: self-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px
}

.zw-product-header {
    background: #F0F5E5
}

.zwc-banner {
    background: #F0F5E5;
    padding-bottom: 210px;
    padding-top: 90px
}

.banner-cont,
.banner-img {
    max-width: 46%
}


.banner-cont p {
    margin-bottom: 45px
}

.title-part p {
    margin-bottom: 105px;
    text-align: center;
    max-width: 700px;
    margin: 0 auto 105px;
}

.sponsors-list {
    max-width: 1170px;
    margin: auto;
    display: flex;
    padding: 55px 65px;
    justify-content: space-between;
    box-shadow: 0 15px 56px #B1B1B129;
    border: 1px solid #DEEAC6;
    background: #fff;
    border-radius: 90px;
    position: relative;
    margin-top: -90px
}

.trusted-sponsors label {
    color: #293943;
    font-size: 14px;
    background: #fff;
    border: 1px solid #DEEAC6;
    padding: 15px 50px 15px 35px;
    display: block;
    max-width: 267px;
    width: 100%;
    border-radius: 30px;
    font-family: var(--zf-secondary-semibold);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

.sponsors-list span {
    background: url("/sites/zweb/images/survey/sales-iq/brand-sponsor.png") no-repeat;
    height: 71px;
    display: inline-block;
    background-size: 758px;
    width: 138px
}

.sponsors-list span.hotstar {
    background-position: 0 10px
}

.sponsors-list span.asian-paint {
    width: 177px;
    background-position: -172px 22px;
    background-size: 960px
}

.sponsors-list span.itc {
    width: 68px;
    background-position: -273px 0;
    background-size: 751px
}

.sponsors-list span.enfield {
    width: 164px;
    background-position: -389px 27px;
    background-size: 870px
}

.sponsors-list span.sea-world {
    width: 96px;
    background-position: -615px 17px;
    background-size: 967px
}

.sponsors-list span.pidilite {
    width: 119px;
    background-position: -480px 3px;
    background-size: 660px
}

.sponsors-list span.hm {
    width: 74px;
    background-position: -636px 18px;
    background-size: 700px
}

.logic-inner {
    max-width: 880px;
    margin: auto
}

.logic-inner p {
    margin-bottom: 65px
}

.logic-lists {
    margin-bottom: 50px;
    display: flex
}

.logic-lists:last-child {
    margin-bottom: 0
}

.logic-icon {
    width: 50px;
    margin-right: 35px
}

.logic-icon span {
    content: "";
    width: 45px;
    height: 45px;
    display: inline-block;
    background: url("/sites/zweb/images/survey/white-label/displaylogic-sprite.png") no-repeat;
    background-size: 177px auto;
}

.logic-icon1 span {
    background-position: 1px 0;
}

.logic-icon2 span {
    /* width: 36px; */
    background-position: -44px 2px;
}

.logic-icon3 span {
    background-position: -88px 0px;
}

.logic-icon4 span {
    /* width: 37px; */
    background-position: -133px 0px;
}

.logic-icon5 span {
    background-position: -159px 3px
}

.logic-cont {
    max-width: calc(100% - 85px)
}

.logic-cont p {
    margin-bottom: 0
}

.survey-inner-sec .content-wrap {
    width: 100%
}

.zwc-survey-section {
    background: #FAFAFA
}

.survey-container {
    max-width: 1170px;
    margin: auto
}

.survey-inner h2 {
    max-width: 785px;
    margin: auto;
    text-align: center
}

.survey-wrap {
    margin-bottom: 110px
}

.survey-wrap.flex-cont>div {
    width: 47%;
}

.survey-inner-sec:last-child .survey-wrap {
    margin-bottom: 0
}

.survey-cont {
    max-width: 585px;
    padding: 0 20px 0 40px
}

survey-cont span {
    font-family: var(--primaryfont-semibold);
}

.survey-cont p {
    margin-bottom: 0;
    line-height: 30px
}

.survey-img {
    max-width: 585px
}

.zwc-footer {
    background: #141436;
    color: #fff;
    padding: 95px 0
}

.footer-inner {
    text-align: center;
    max-width: 915px;
    margin: auto
}

.footer-inner h3 {
    font-family: var(--secondaryfont-regular);
    margin-bottom: 40px
}

@media only screen and (max-width:1366px) and (min-width:1200px) {
    .banner-cont {
        max-width: 42%
    }

    .banner-img {
        max-width: 48%
    }

    .survey-cont,
    .survey-img {
        max-width: 48%
    }
}

@media only screen and (min-width:1200px) {
    .zwraper h1 {
        font-size: 56px;
        margin-bottom: 25px;
        letter-spacing: -0.56px
    }

    .zwraper h2 {
        font-size: 43px;
        margin-bottom: 20px;
    }

    .zwraper h3 {
        font-size: 35px
    }

    .zwraper p {
        font-size: 18px;
        line-height: 1.8;
    }

    .logic-cont h3 {
        font-size: 22px
    }

    .title-part p {
        margin-bottom: 105px;
        text-align: center;
    }

    .survey-cont h3 {
        margin-bottom: 25px
    }

    .footer-inner h2 {
        font-size: 47px;
        font-family: var(--zf-primary-bold);
        margin-bottom: 18px
    }

    .zs-bannerImg {
        transform: translateX(35px)
    }

    .middle-animated .zs-bannerImg {
        transform: translateX(0);
        transition: 1s linear
    }

    .zs-screen1,
    .zs-screen3 {
        opacity: .7;
        transform: translate(35px)
    }

    .survey-inner-sec .middle-animated .zs-screen1,
    .survey-inner-sec .middle-animated .zs-screen3 {
        opacity: 1;
        transform: translate(0);
        transition: 1s ease-in
    }

    .zs-screen2,
    .zs-screen4 {
        opacity: .7;
        transform: translate(-35px)
    }

    .survey-inner-sec .middle-animated .zs-screen2,
    .survey-inner-sec .middle-animated .zs-screen4 {
        opacity: 1;
        transform: translate(0);
        transition: 1s ease-in
    }
}

@media only screen and (min-width:992px) {
    .sprite-icon {
        transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86) 0s;
        opacity: 0
    }

    .animated .sprite-icon {
        transition-delay: 100ms;
        opacity: 1
    }

    .animated .sprite-icon:nth-child(2) {
        transition-delay: 300ms
    }

    .animated .sprite-icon:nth-child(3) {
        transition-delay: 500ms
    }

    .animated .sprite-icon:nth-child(4) {
        transition-delay: 700ms
    }

    .animated .sprite-icon:nth-child(5) {
        transition-delay: 900ms
    }

    .animated .sprite-icon:nth-child(6) {
        transition-delay: 1100ms
    }

    .animated .sprite-icon:nth-child(7) {
        transition-delay: 1300ms
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .zwraper h1 {
        font-size: 38px
    }

    .zwraper h2 {
        font-size: 35px
    }

    .zwraper h3 {
        font-size: 30px
    }

    .logic-cont h3 {
        font-size: 22px
    }

    .zwc-section {
        padding: 100px 0 100px
    }

    .zwc-banner {
        padding-bottom: 190px;
        padding-top: 60px
    }

    .banner-cont,
    .banner-img {
        max-width: 43%
    }

    .survey-cont,
    .survey-img {
        max-width: 50%
    }

    .survey-cont {
        padding: 0
    }

    .sponsors-list span {
        transform: scale(0.8)
    }

    .survey-inner h2 {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:991px) {
    .zwc-section {
        padding: 80px 0 80px
    }

    .zwraper h1 {
        font-size: 36px;
    }

    .survey-wrap.flex-cont>div {
        width: 100%;
    }

    .zwc-banner {
        padding-bottom: 190px;
        padding-top: 40px
    }

    .banner-inner {
        flex-direction: column;
        text-align: center
    }

    .banner-cont {
        max-width: 84%;
        margin: 0 auto;
    }

    .banner-img {
        margin-top: 30px;
        max-width: 76%;
        margin: 0 auto;
    }

    .act-btn {
        padding: 12px 30px;
        font-size: 15px
    }

    .sponsors-list {
        border-radius: 0;
        flex-wrap: wrap;
        max-width: 635px;
        justify-content: center
    }

    .sponsors-list span {
        transform: scale(0.8)
    }

    .sprite-icon {
        margin-right: 5px
    }

    .banner-cont p {
        margin-bottom: 25px
    }

    .logic-lists {
        flex-direction: column
    }

    .logic-icon {
        margin: 0 auto 20px
    }

    .logic-cont {
        margin: auto;
        text-align: center;
        max-width: 88%
    }

    .logic-inner h2 {
        text-align: center
    }

    /*  .survey-inner h2 {
        max-width: 550px;
        margin-bottom: 60px
    } */

    .survey-cont {
        padding: 0;
        text-align: center;
        margin: 0 auto 30px;
        max-width: 600px
    }

    .survey-img {
        margin: auto;
        max-width: 60%
    }

    .survey-flex {
        flex-direction: column-reverse
    }

    .zs-break {
        display: none
    }

    .zwc-footer {
        padding: 80px 0
    }
    .logic-inner p{
        text-align: center;
        max-width: 730px;
        margin: 0 auto 40px;
    }
}

@media only screen and (max-width:767px) {
    .banner-cont {
        max-width: 90%
    }

    .zwraper h1 {
        font-size: 34px;
    }

    .zwraper h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .survey-img {
        max-width: 75%
    }

    .survey-wrap {
        margin-bottom: 50px
    }

    .sponsors-list {
        padding: 55px 40px
    }



    .logic-inner h2 {
        margin-bottom: 20px
    }
    .title-part p{
        margin: 0 auto 65px;
    }
    
}

@media only screen and (max-width:480px) {

    .banner-cont,
    .logic-cont,
    .survey-img {
        max-width: 100%
    }
  

    .zwraper h2 {
        font-size: 23px;
    }
   
    .zwraper h1 {
        font-size: 27px;
    }

    .banner-img {
        margin-top: 30px;
        max-width: 96%;
    }

    .sponsors-list {
        padding: 40px 15px;
        justify-content: space-between
    }

    .sprite-icon {
        margin-right: 0;
        width: 50%;
        text-align: center
    }

    .sprite-icon:first-child {
        width: 100%
    }

    .sponsors-list span {
        transform: scale(0.7)
    }
}