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

/* common style */

.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: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

/* banner-section */

.zw-product-header {
	background: #F5EFFE;
}

.zwc-banner {
	background: #F5EFFE;
	padding-bottom: 240px;
	padding-top: 60px;
}

.banner-cont {
	max-width: 585px;
}

.banner-img {
	max-width: 610px;
}

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

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

.trusted-sponsors label {
	color: #293943;
	font-size: 14px;
	background: #FFFFFF;
	border: 1px solid #DBC4FF;
	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: 810px;
	margin: auto;
}

.logic-inner h2 {
	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/display-logic/zs-icons.svg") no-repeat;
	background-size: 200px auto;
}

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

.logic-icon2 span {
	width: 36px;
	background-position: -43px 1px;
}

.logic-icon3 span {
	background-position: -78px 3px;
}

.logic-icon4 span {
	width: 37px;
	background-position: -123px 2px;
}

.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: #EDF7FF;
}

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

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

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

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

.survey-cont {
	max-width: 585px;
	padding: 0 55px 0 70px;
}

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

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

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

.footer-inner {
	text-align: center;
	max-width: 875px;
	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: 46%;
	}

	.banner-img {
		max-width: 52%;
	}

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

}

@media only screen and (min-width:1200px) {

	.zwraper h1 {
		font-size: 56px;
		margin-bottom: 25px;
		letter-spacing: -0.56px;
	}

	.zwraper h2 {
		font-size: 45px;
	}

	.zwraper h3 {
		font-size: 35px;
	}

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

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

	.survey-inner h2 {
		margin-bottom: 105px;
	}

	.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: 0.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: 0.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: 43px;
	}

	.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: 40px;
	}

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

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

	.survey-cont {
		padding: 0 50px 0 60px;
	}

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

	.survey-inner h2 {
		margin-bottom: 80px;
	}

}


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

	.zwc-section {
		padding: 80px 0 80px;
	}

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

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

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

	.banner-img {
		margin-top: 30px;
	}

	.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;
	}
}

@media only screen and (max-width:767px) {
	.banner-cont {
		max-width: 90%;
	}
	.zwraper h2 {
		font-size: 24px;
	}

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

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

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

	.survey-inner h2 {
		margin-bottom: 50px;
	}

	.logic-inner h2 {
		margin-bottom: 50px;
	}
}

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

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

	.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);
	}
}