.group-child {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	background-color: #f6f4f0;
  	width: 442px;
  	height: 1195px;
}
.survey-inner {
  	position: absolute;
  	top: 234px;
  	left: -3px;
  	width: 442px;
  	height: 1195px;
}
.header-child {
  	position: absolute;
  	top: 53px;
  	left: 34px;
  	width: 23px;
  	height: 0px;
}
.cart-icon {
  	width: 57.92%;
  	position: absolute;
  	margin: 0 !important;
  	height: 69.58%;
  	top: 14.06%;
  	right: 20.99%;
  	bottom: 16.35%;
  	left: 21.09%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
  	z-index: 0;
}
.cart {
  	position: absolute;
  	top: 29px;
  	left: 369px;
  	width: 48px;
  	height: 48px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	padding: 10px;
  	box-sizing: border-box;
}
.alert-icon {
  	width: 48px;
  	position: relative;
  	height: 48px;
}
.alert {
  	position: absolute;
  	top: 29px;
  	left: 314px;
  	overflow: hidden;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
}
.zero {
  	position: absolute;
  	height: 58.8%;
  	width: 100%;
  	top: 41.31%;
  	left: 0%;
  	line-height: 29.3px;
  	display: inline-block;
}
.group-item {
  	position: absolute;
  	top: 0px;
  	left: 24.57px;
  	width: 63.2px;
  	height: 32.3px;
  	object-fit: cover;
}
.zero-parent {
  	position: absolute;
  	height: 100%;
  	width: 100%;
  	top: 0%;
  	right: 0%;
  	bottom: 0%;
  	left: 0%;
}
.header-inner {
  	position: absolute;
  	height: 49.91%;
  	width: 24.77%;
  	top: 25.23%;
  	right: 37.73%;
  	bottom: 24.86%;
  	left: 37.5%;
}
.header {
  	position: absolute;
  	top: 0px;
  	left: calc(50% - 220px);
  	background-color: #fff;
  	width: 440px;
  	height: 107px;
  	overflow: hidden;
  	font-size: 38.69px;
  	color: #34303d;
  	font-family: 'ZYN Display';
}
.footer-child {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	background-color: #34303d;
  	width: 440px;
  	height: 98px;
}
.footer-item {
  	position: absolute;
  	top: 0px;
  	left: 102px;
  	background-color: #E6177A;
  	width: 67px;
  	height: 98px;
}
.inicio {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	line-height: 11px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	width: 51.5px;
  	height: 32.8px;
}
.gana-puntos {
  	position: absolute;
  	top: 43px;
  	left: 0px;
  	width: 51.5px;
  	height: 32.8px;
}
.like-icon {
  	width: 70.42%;
  	position: absolute;
  	margin: 0 !important;
  	height: 70.42%;
  	top: 15.63%;
  	right: 13.96%;
  	bottom: 13.96%;
  	left: 15.63%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
  	z-index: 0;
}
.like {
  	position: absolute;
  	top: 0px;
  	left: 2px;
  	width: 48px;
  	height: 48px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	padding: 10px;
  	box-sizing: border-box;
}
.gana-puntos-parent {
  	position: absolute;
  	top: 11px;
  	left: 24px;
  	width: 51.5px;
  	height: 75.8px;
}
.ganar {
  	position: absolute;
  	top: 43px;
  	left: 0px;
  	line-height: 11px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	width: 51.5px;
  	height: 32.8px;
}
.iqosclub {
  	position: absolute;
  	top: 0px;
  	left: 2px;
  	overflow: hidden;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
}
.ganar-parent {
  	position: absolute;
  	top: 11px;
  	left: 109px;
  	width: 51.5px;
  	height: 75.8px;
  	color: #34303d;
}
.account-icon {
  	width: 59.38%;
  	position: absolute;
  	margin: 0 !important;
  	height: 71.88%;
  	top: 14.86%;
  	right: 20.31%;
  	bottom: 13.26%;
  	left: 20.31%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
  	z-index: 0;
}
.perfil-parent {
  	position: absolute;
  	top: 11px;
  	left: 364px;
  	width: 51.5px;
  	height: 75.8px;
}
.time-icon {
  	width: 100%;
  	position: absolute;
  	margin: 0 !important;
  	height: 100%;
  	top: 0%;
  	right: 0%;
  	bottom: 0%;
  	left: 0%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
  	z-index: 0;
}
.historial-parent {
  	position: absolute;
  	top: 11px;
  	left: 279px;
  	width: 51.5px;
  	height: 75.8px;
}
.specialoffers-icon {
  	width: 64.17%;
  	position: absolute;
  	margin: 0 !important;
  	height: 72.92%;
  	top: 12.5%;
  	right: 12.4%;
  	bottom: 14.58%;
  	left: 23.44%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
  	z-index: 0;
}
.canjear-parent {
  	position: absolute;
  	top: 11px;
  	left: 194px;
  	width: 51.5px;
  	height: 75.8px;
}
.footer {
  	position: absolute;
  	top: 1183px;
  	left: -1px;
  	background-color: #fff;
  	width: 440px;
  	height: 98px;
  	overflow: hidden;
  	text-align: center;
}
.header1 {
  	position: absolute;
  	top: 107px;
  	left: -1px;
  	background-color: #34303d;
  	width: 439px;
  	height: 127px;
}
.qu-productos-utilizas {
  	position: absolute;
  	top: 171px;
  	left: 80px;
  	font-size: 16px;
  	letter-spacing: 0.2px;
  	line-height: 20px;
  	text-align: right;
}
.pregunta-1-de {
  	position: absolute;
  	top: 129px;
  	left: 176px;
  	letter-spacing: 0.2px;
  	line-height: 20px;
  	text-align: center;
}
.promt {
  	width: 326px;
  	position: relative;
  	letter-spacing: 0.4px;
  	line-height: 20px;
  	color: #272a33;
  	display: inline-block;
}
.image-placeholder-icon {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 155px;
  	height: 154px;
  	object-fit: cover;
}
.checkbox-active {
  	position: absolute;
  	top: calc(50% - 12px);
  	left: calc(50% - 12px);
  	border-radius: 3px;
  	background-color: #fffdfb;
  	border: 1px solid #34303d;
  	box-sizing: border-box;
  	width: 24px;
  	height: 24px;
}
.checkbox-and-radio {
  	position: absolute;
  	top: 12px;
  	right: 12px;
  	width: 24px;
  	height: 24px;
}
.image-placeholder-parent {
  	align-self: stretch;
  	position: relative;
  	height: 154px;
}
.answer-here {
  	position: relative;
  	letter-spacing: 0.4px;
  	line-height: 20px;
}
.frame1 {
  	align-self: stretch;
  	border-radius: 0px 0px 8px 8px;
  	background-color: #fff;
  	height: 64px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	padding: 9px 16px;
  	box-sizing: border-box;
}
.image-answer {
  	width: 155px;
  	height: 218px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.frame {
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 16px;
}
.calentador-de {
  	margin: 0;
}
.image-answer3 {
  	width: 155px;
  	height: 218px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	text-align: left;
}
.frame3 {
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 16px;
  	text-align: center;
}
.frame6 {
  	width: 324px;
  	display: flex;
  	flex-direction: row;
  	align-items: flex-start;
  	justify-content: flex-start;
}
.promt-parent {
  	position: absolute;
  	top: 280px;
  	left: 57px;
  	background-color: #f5f4f0;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 16px;
  	font-size: 14px;
  	color: #34303d;
}
.survey-child {
  	position: absolute;
  	top: 1037px;
  	left: calc(50% - 171px);
  	border-radius: 50px;
  	background-color: #34303d;
  	border: 1px solid #34303d;
  	box-sizing: border-box;
  	width: 340px;
  	height: 50px;
}
.siguiente-pregunta {
  	position: absolute;
  	top: 1042px;
  	left: 147px;
  	font-size: 16px;
  	line-height: 40px;
}
.survey {
  	width: 100%;
  	position: relative;
  	background-color: #fff;
  	height: 1281px;
  	overflow: hidden;
  	text-align: left;
  	font-size: 12px;
  	color: #fff;
  	font-family: IQOS;
}