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

/* Verdana Regular */
@font-face {
    font-family: 'Verdana Regular';
	src: url(../fonts/VERDANA.TTF);
    font-weight: normal;
    font-style: normal;
}

/* Verdana Bold */
@font-face {
    font-family: 'Verdana Bold';
	src: url(../fonts/VERDANA-BOLD.TTF);
    font-weight: normal;
    font-style: normal;
}

/* Calibri Regular */
@font-face {
    font-family: 'Calibri Regular';
	src: url(../fonts/CALIBRI.TTF);
    font-weight: normal;
    font-style: normal;
}

/* Calibri Bold */
@font-face {
    font-family: 'Calibri Bold';
	src: url(../fonts/CALIBRI-BOLD.TTF);
    font-weight: normal;
    font-style: normal;
}

/* Calibri light */
@font-face {
    font-family: 'Calibri light';
	src: url(../fonts/CALIBRI-LIGHT.TTF);
    font-weight: normal;
    font-style: normal;
}
body{
	height: 100vh;
	max-width: 3840px;
	max-height: 2160px;
	overflow: hidden;
	font-family: 'Verdana Regular';
	font-size: 16px;
}
sup {
    font-size: 60%;
}
sub {
    font-size: 60%;
    line-height: 1;
}
h2{
	font-weight: bold;
	font-size: 6.6rem;
	line-height: 5.4rem;
	border-bottom: 1.2rem solid #30ea03;
	display: inline-block;
	color: #ffffff;
	margin: 7.5% 4%;
	padding-bottom: 1.7%;
	font-family: 'Verdana Regular';
}
p{
	font-size: 4.4rem;
	line-height: 6.4rem;
	margin: 0;
	color: #ffffff;
}
h3{
	font-size: 5rem;
    color: #fff;
    line-height: 6rem;
    margin-left: 15.5%;
    /* margin-right: 22.1%; */
    margin-top: 2%;
}
a{
	font-size: 1rem;
	text-decoration: none !important;
}
img{
	width: 100%;
	height: auto;
}
button{
	outline: none;
	background: none;
	color: #000000;
	/* border-radius: 50px; */
	padding: 0;
	cursor: pointer;
	font-size: 6.5rem;
	border: none;
	position: absolute;
	bottom: 22%;
	right: 8%;
	font-family: 'Verdana Bold';
	font-weight: bold;
	display: flex;
	width: 40%;
	align-items: center;
	justify-content: center;
}
button img {
    width: 12%;
    display: inline-block;
    margin-left: 12%;
}
.wrapper{
	height: 100%;
	overflow: auto;
}
.home_sec{
	height: 100%;
	display: flex;
	flex-wrap: wrap;
}
.home_sec_cnt{
	width: 50%;
	height: 50%;
	background: #f1d500;
	border: 2px solid #ffffff;
	position: relative;
	z-index: 9;
}
.home_sec_cnt.cold_sec,.home_sec_cnt.flu_sec{
	background: #30ea03;
}
.home_sec_cnt.logos_sec{
	background: #d0d3d4;
	display: flex;
}
.mid_sec{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 35%;
	transform: translate(-50%, -50%);
	z-index: 9;
	border: 14px solid #ffffff;
	border-radius: 50%;
	overflow: hidden;
}
.landing_video_mid{
	transform: rotate(360deg);
	animation: linear;
	animation-name: rotation;
	animation-duration: 60s;
	animation-fill-mode: none;
	animation-iteration-count: infinite;
	display: block;
}
.landing_play_icon{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 35%;
	transform: translate(-50%, -50%);
	z-index: 9;
}
.landing_video_mid_men{
	position: absolute;
	top: 92%;
	left: 17%;
	width: 78%;
	transform: translate(-50%, -50%);
	z-index: 9;
}
.home_sec_cnt_in{
	display: flex;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 99;
}
.home_sec_cnt_in video{
	width: 32%;
    flex-basis: 50%;
    object-fit: cover;
}
.home_sec_rgt{
	padding: 3.8%;
	padding-left: 3.5%;
	flex-basis: 50%;
	position: relative;
	z-index: 99;
}
.home_sec_rgt h2 {
    color: #000000;
    font-size: 6rem;
    line-height: 6.5rem;
    margin: 0;
    padding: 0;
    border: none;
    padding-bottom: 3.4%;
}
.home_sec_rgt p {
    font-size: 3.7rem;
    line-height: 4.5rem;
    margin-bottom: 6%;
    color: #000000;
}
.enter_btn{
	position: static;
	font-size: 2.9rem;
	background: #000;
	color: #ffffff;
	border-radius: 50px;
	padding: 16px 51px;
	width: auto;
	font-weight: normal;
	font-family: 'Verdana Regular';
	animation: zoom-in-out 1.5s infinite linear;
	display: inline-block;
}
.folder_icon, .folder_icon2 {
    width: 25%;
    margin-left: 15%;
    margin-bottom: 4%;
    animation: zoom-in-out 2.5s infinite linear;
}
.cold_sec .home_sec_rgt,.flu_sec .home_sec_rgt{
	padding: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
}
.home_sec_rgt_in{
	background: #333f48;
	padding: 3.3% 8%;
}
.cold_sec .home_sec_rgt p, .flu_sec .home_sec_rgt p{
	color: #ffffff;
    font-size: 3.5rem;
    line-height: 4.3rem;
    margin-bottom: 3.7%;
    border-bottom: 10px solid #30ea03;
    padding-bottom: 3.5%;
    display: inline-block;
    padding-top: 3.3%;
}
.cold_sec .home_sec_rgt span, .flu_sec .home_sec_rgt span{
	color: #ffffff;
    display: block;
    font-size: 2.2rem;
    line-height: 2.5rem;
    margin-bottom: 2%;
}
.flu_sec .home_sec_rgt{
	right: auto;
	left: 0;
}
.flu_sec .folder_icon, .flu_sec .folder_icon2 {
    margin-left: 60%;
}
.flu_sec video{
	position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
}
.logos_women_block{
    width: 50%;
    height: 100%;
    background: #ffffff;
}
.logos_women_block img{
	display: block;
	width: 100%;
	height: auto;
}
.haleon_logo{
	position: absolute;
    top: 4%;
    right: 2%;
    width: 22%;
}
.logos_cnt {
    width: 50%;
    height: 100%;
    background: #ffffff;
	padding: 0% 3%;
}
.logos_cnt h2{
	color: #000;
    font-size: 3.5rem;
    line-height: 5rem;
    font-weight: normal;
    border: none;
    margin: 0;
    margin-top: 18%;
}
.logos_cnt h2 b{
	font-family: 'Verdana Bold';
}
.tcbi_logo{
	width: 75%;
    margin-bottom: 8%;
}
.logos_cnt h3{
	color: #000000;
	margin: 0;
	font-size: 3.5rem;
	line-height: 4rem;
	font-weight: normal;
	font-family: 'Verdana Bold';
	margin-bottom: 2%;
	margin-left: -2%;
}
.logos_cnt .date_time_cnt>div {
    display: flex;
    align-items: center;
}
.logos_cnt .date_time_cnt img {
    width: 15.1%;
    margin-left: -5%;
    margin-top: 0%;
}
.logos_cnt .date_time_cnt>div.date_cnt img {
    width: 19%;
}
.logos_cnt .date_time_cnt span {
    display: inline-block;
    font-size: 2.34rem;
    line-height: 2.5rem;
    font-family: 'Verdana Regular';
    margin-left: 3%;
    margin-top: 0.7%;
}
.signup_btn{
	display: flex;
    align-items: center;
    padding: 10% 0;
}
.signup_btn p{
	color: #000;
    font-size: 2.8rem;
    line-height: 3.5rem;
    max-width: 515px;
    margin-right: 5%;
	font-family: 'Verdana Bold';
}
.signup_btn img{
	width: 13%;
	animation: zoom-in-out 1.5s infinite linear;
}
.shape_img{
	width: 17%;
	position: absolute;
	top: -4%;
	left: 48%;
	z-index: 1;
}
.cleanair_cnt{
	/* padding: 5% 2.6%; */
	padding-bottom: 0;
	position: relative;
	display: none;
	height: 100%;
}
.cleanair_lft {
    width: 51%;
}
.cleanair_lft p.font-normal{
	font-weight: normal;
    font-family: 'Calibri Regular';
}
.cleanair_rgt {
    background: url(../Assets/logos_women_img_invert.png) no-repeat;
    background-size: 100% 100%;
    /* transform: scale(-1, 1); */
    width: 49%;
    /* padding-left: 0%; */
}
.cleanair_cnt_in{
	display: flex;
	width: 96%;
	margin-left: 4%;
	height: 100%;
}
.cleanair_cnt h3{
	font-size: 7.5rem;
	width: 100%;
	line-height: 8rem;
	color: #000000;
	padding: 0;
	margin: 0.6% 0;
	margin-bottom: 4%;
	font-family: 'Calibri Bold';
}
.cleanair_cnt h2{
	font-size: 4.9rem;
	line-height: 4rem;
	color: #000000;
	padding: 0px;
	margin: 0;
	display: block;
	margin-top: 4rem;
	border: none;
	font-weight: 500;
}
.cleanair_cnt p{
	font-size: 4.3rem;
	line-height: 5.1rem;
	color: #000000;
	padding: 0;
	margin: 0;
	margin-bottom: 3.8%;
	margin-top: -1.8%;
	font-family: 'Calibri Regular';
}
.strip_block{padding-top: 2%;}
.strip_block p{
	
background: #30EA03;
	
display: inline-block;
	
padding: 1.8% 1%;
	
font-size: 4.9rem;
	
line-height: 3rem;
	
font-family: 'Calibri Bold';
	
margin-top: -2.6%;
}
.cleanair_cnt em{
	font-style: normal;
	font-size: 2.4rem;
	position: absolute;
	bottom: 5%;
	left: 8%;
	font-family: 'Calibri Regular';
}
.date_time_cnt{
	display: flex;
	align-items: center;
	padding-bottom: 0%;
	margin-top: 4%;
}
.date_time_cnt img{
	width: 13%;
}
.date_time_cnt span{
	display: inline-block;
	font-size: 5rem;
	line-height: 5rem;
	font-family: 'Verdana Bold';
	margin-left: 3%;
}
.date_list_para p{
	font-size: 6.3rem;
	line-height: 6.7rem;
	margin: 0;
	padding: 0;
	color: #000000;
	margin-bottom: 3%;
	margin-top: 2%;
	font-family: 'Calibri bold';
	/* font-weight: bold; */
}

.pintDot_img img{
    width: 2.7%;
    position: absolute;
    top: 41%;
    right: 8%;
}

.liveWeb {
    font-size: 4.5rem;
    font-family: 'Calibri Regular';
}

.fip_clean {
    font-size: 5rem;
    font-family: 'Calibri bold';
    display: flex;
}

.cleanairqr_code_cnt{
	background: #E2E2E2;
	padding: 20px;
	/* height: 240px; */
	width: 23.5%;
}
.cleanairqr_code_cnt_in{
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* height: 100%; */
}
.cleanairqr_code_cnt_in p{
	font-size: 4rem;
	line-height: 5.2rem;
	color: #000;
	padding: 8%;
}
.cleanairqr_code_cnt_in img{
	width: 45%;
}
.cleanair_footnote{
	padding-left: 6%;
}
.cleanair_footnote_cnt{
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
}
.cleanair_footnote_cnt p{
	font-size: 3rem;
	line-height: 3rem;
	color: #000000;
}
.cleanair_footnote_cnt img{
	width: 15%;
}
.cleanair_para {
    width: 65%;
}

.cleanair_logos {
    width: 35%;
    padding-left: 7%;
}

.date_time_cnt>div {
    display: flex;
    align-items: center;
    margin-right: 2%;
}

.date_time_cnt>div.date_cnt img {
    width: 17%;
}

.cleanairqr_code_cnt_in p b {
    display: block;
    font-size: 5.7rem;
}
.home_icon{
	position: absolute;
	bottom: 10px;
	left: 2%;
	width: 10rem;
	/* height: 15rem; */
	background: #ffffff;
	/* border-radius: 100%; */
	text-align: center;
	/* line-height: 17rem; */
	/* padding: 2.1rem 2.7rem; */
}
.home_icon img{
	display: block;
}
.landing_video_popup{
	display: none;
	height: 100%;
	width: 100%;
}
.landing_video_popup video{
	width: 100%;
	height: 100%;
}
.date_list_para{
	background: #fff;
	padding: 4% 4%;
	margin-top: 52%;
	margin-left: 4.6%;
	font-family: 'Calibri Bold';
	width: 91%;
	height: 45%;
}
.date_list_para span{
	display: block;
	font-size: 4rem;
	line-height: 3.4rem;
	color: #000;
	margin-bottom: 2.7%;
	font-family: 'Calibri Regular';
}
.signup_qr{
	display: flex;
	/* justify-content: flex-end; */
	align-items: center;
	margin: -7.5% 0;
}
.signup_qr p{
	
font-size: 6.9rem;
	
margin-top: 10%;
	
margin-right: 35%;
	
font-weight: normal;
	
font-family: 'Calibri Bold';
}
.tcbi_footer{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 4%;
	margin-right: 5%;
}
.tcbi_footer img{
	width: 19%;
}
.tcbi_footer span {
    display: block;
    font-size: 4.2rem;
    line-height: 3.6rem;
    color: #fff;
    font-family: 'Calibri Regular';
}

.signup_qr img {
    width: 21%;
}

.tcbi_logos {
    display: flex;
    margin-bottom: 0%;
    margin-left: -15%;
    margin-top: 4%;
    justify-content: flex-end;
}
.tcbi_logos img {
    width: 34%;
    display: block;
    margin-right: 57%;
}
.cleanair_rgt .date_time_cnt{
	width: 101%;
	margin-left: 0%;
	margin-top: 3%;
}
.cleanair_rgt .date_time_cnt>div{
    margin-right: -11.1%;
    width: 42%;
}
.cleanair_rgt .date_time_cnt img {
    width: 11%;
}
.cleanair_rgt .date_time_cnt>div.date_cnt img {
    width: 14%;
}
.cleanair_rgt .date_time_cnt span{
	font-size: 3.6rem;
	line-height: 3rem;
	margin-top: 2.2%;
	font-family: 'Verdana Bold';
}
/*Quiz css Start*/
.quiz_cnt{
	background: url('../Assets/white_pattern_img.png') no-repeat;
	height: 100%;
	background-size: cover;
}
.quiz_cnt_in{
	display: flex;
	height: 100%;
}
.quiz_h{
	height: 88%;
}
.quiz_rgt{
	width: 45%;
	position: relative;
	overflow: hidden;
}
.quiz_lft {/*    background: rgb(72 83 92 / 80%);*/background: url('../Assets/Quiz_left_1.png') no-repeat;background-size: cover;width: 55.3%;position: relative;}
.quiz_lft_bg1{
	background: url('../Assets/page1_left.png') no-repeat;
	background-size: cover;
	position: relative;
}
.quiz_menu{
	height: 12%;
	border-top: 0.7rem solid #000;
	background: rgba(256,256,256,0.4);
}
.quiz_rgt img{
	display: block;
}
.questions{
	margin-top: 11.4%;
}
h4 {
    font-size: 3.8rem;
    line-height: 4.5rem;
    border-bottom: 0.8rem solid #30ea03;
    display: inline-block;
    padding-bottom: 1rem;
    font-family: 'Verdana Bold';
}
h5 {
    font-size: 4.6rem;
    line-height: 6.5rem;
    color: #ffffff;
    padding-left: 15%;
    font-family: 'Verdana Regular';
    font-weight: 600;
}
.quiz_lft h4 {
    margin: 4% 6%;
}
.q_heading span {
    display: block;
    height: 5rem;
    background: #fff53b;
    margin-bottom: 0.5%;
}
.birde_footnote{
	padding: 3.5% 8% 2.2% 8.7%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.birde_footnote p{
	font-size: 3.2rem;
	line-height: 4.5rem;
	color: #000;
}
.quiz_lft_bg1 p {
    margin-left: 15.5%;
    margin-right: 12.3%;
    margin-top: 1.5%;
    font-size: 3.9rem;
    line-height: 5.6rem;
}
.quiz_menu_cnt{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 2%;
	justify-content: space-between;
}
.menu_icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 35.8%;
    padding-right: 10.3%;
}

.menu_icons a {
    /* margin: 0 7%; */
}

.menu_txt p {
    color: #000000;
    font-family: 'Verdana Bold';
    padding-left: 3.3%;
}

.menu_logo {
    width: 10.4%;
}
.right-ans-div p:first-child {
    padding-bottom: 0;
}
/*answers Check boxes*/
fieldset {
  padding: 0;
  border: none;
  /* display: block; */
  width: 40%;
  margin: 0 36%;
  margin-top: 2%;
}
 
legend {
  font-weight: 600;
  margin-bottom: 0.875em;
}
 
 
 
/* ===================== */
/* ===================== */
/* Code Here ↓ */
 
.account-selection__option {
  display: inline-block;
  border-radius: 50px;
  width: auto;
  text-align:center;
  cursor: pointer;
  margin-left: -65px;
  vertical-align: middle;
  padding-left: 23%;
  padding-right: 8%;
}
 
.account-selection__input {
  accent-color: #876bca;
}
 
.account-selection__text {
  	flex-grow: 1;
    color: #000000;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 4.5rem;
    padding-top: 1px;
}
 
.account-selection__icon {
  color: #989898;
}
.account-selection__input:checked ~ .account-selection__text {
  color: #000000;
}
 
.account-selection__input:checked ~ .account-selection__icon {
  color: #876bca;
}
.account-selection__option.correct
{
  background: #2fe503;
  padding-top: 2px;
}
 
.account-selection__option.wrong
{
  background: #c60000;
  padding-top: 2px;
}
.checkbox-div {
    /* display: flex; */
    margin-top: 14%;
}
 .txt_2_btm span.finaloutput {
    font-size: inherit;
}
input.account-selection__input {
    display: none;
}
span.numbers {
    background: #eee100;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: 5.5rem;
    height: 5.5rem;
    line-height: 4rem;
    font-size: 3.2rem;
    position: relative;
    z-index: 1;
}
/*Ramaraju*/
.right-ans-div {
    position: absolute;
    background: url('../Assets/answer_bg.png') no-repeat rgba(66,233,25,0);
	background-size: cover;
    bottom: -100%;
    left: 20%;
    width: 55%;
    z-index: 99;
	transition: all 0.5s ease-in-out;
}
.right-ans-div p {
    padding: 6.4%;
    font-size: 2.8rem;
    line-height: 4.3rem;
    color: #000;
    font-family: 'Verdana Regular';
    font-weight: bold;
}
.right-ans-div.active {
    bottom: 0%;
}
.fieldset3 {
    padding: 0;
    border: none;
    display: block;
    width: 100%;
    margin: 4% 12%;
}
.question_3 .checkbox-div {
    margin-top: 5%;
}
.question_3 h5{
	line-height: 9.4rem;
	padding-left: 15%;
	padding-top: 1.5%;
}
.question_3 .account-selection__option {
    /* display: inline-block; */
    /* border-radius: 50px; */
    /* width: 80%; */
    text-align: left;
    /* cursor: pointer; */
    /* margin-left: -65px; */
    /* vertical-align: middle; */
    padding-left: 110px;
}
.fieldset4 {
    padding: 0;
    border: none;
    display: block;
    width: 70%;
    margin: 0 30%;
}
.question_4 .fieldset4 {
	margin: 0 36.5%;
	margin-top: 4%;
}
.question_4 .checkbox-div {
    margin-top: 7%;
}
.question_4 .account-selection__option {
    display: inline-block;
    border-radius: 50px;
    /* width: 80%; */
    text-align: left;
    cursor: pointer;
    margin-left: -65px;
    vertical-align: middle;
    padding-left: 110px;
}
.footnote p {
    font-size: 1.4rem;
    line-height: 2.2rem;
    bottom: 1%;
    left: 6%;
    /* position: absolute; */
    color: #000000;
	font-weight: bold;
}
.footnote_Q2 p {
    font-size: 1.2rem;
    line-height: 2.4rem;
    bottom: 1.2%;
    left: 5%;
}
.footnote_Q2 p a{
	color: #000 !important;
    font-size: inherit;
}
.footnote_home p{
	font-size: 1.9rem;
    line-height: 2.4rem;
    bottom: 1.5%;
    left: -7.6%;
    position: absolute;
    color: #ffffff;
}
.fieldset5 span.numbers {
    vertical-align: top;
}
.fieldset5 {
    padding: 0;
    border: none;
    display: block;
    width: 100%;
    margin: 0 12%;
    margin-top: 4%;
}
.question_5 .checkbox-div {
    margin-top: 3.5%;
}
.question_5 h5{
	line-height: 9.4rem;
    /* padding-left: 12%; */
    padding-top: 1.5%;
}
.question_5 .account-selection__option {
    display: inline-block;
    border-radius: 50px;
    /* width: 80%; */
    text-align: left;
    cursor: pointer;
    margin-left: -65px;
    vertical-align: middle;
    padding-left: 110px;
}
.fiele-right {
    float: right;
    width: 28%;
    margin: 4% 2%;
}
.fiele-left{
	float: left;
	width: 50%;
	margin: 4% 5%;
	margin-left: 12%;
}
fieldset.fiele-left .account-selection__text{
	padding-left: 40px;
	font-size: 3rem;
	font-weight: 600;
	line-height: 5.5rem;
	vertical-align: bottom;
}
fieldset.fiele-left span.numbers{
	vertical-align: top;
}
fieldset.fiele-left .checkbox-div {
    margin-top: 6.5%;
}
/*---------------------Thank you first page start--------*/
.quiz_h1 {
  width: 100%;
  background-image: url("../Assets/bg1_thank.png");
  background-size: cover;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.thank_header_txt,  .thank_header_txt2{
  position: absolute;
  top: 4.2%;
  left: 37%;
  font-size: 5rem;
  line-height: 7rem;
  font-weight: bold;
  border-bottom: 16px #2fe503 solid;
}
.txt_1_btm {
  /* position: absolute; */
  /* top: 41%; */
  /* left: 32%; */
  /* font-size: 10rem; */
  /* line-height: 15rem; */
  /* font-weight: bold; */
}
.txt_1_btm {
  position: absolute;
  top: 46%;
  left: auto;
  font-size: 9rem;
  line-height: 15rem;
  font-weight: bold;
  color: #000000;
  width: 100%;
  text-align: center;
}
.txt_2_btm {
  position: absolute;
  top: 57.5%;
  /* left: 38%; */
  font-size: 5rem;
  line-height: 8.5rem;
  /* font-weight: bold; */
  text-align: center;
  width: 100%;
  color: #000000;
}
.txt_2_btm span {
  font-size: 5.7rem;
}
.thank_footer {
  position: absolute;
  top: 87%;
  font-size: 5.5rem;
  line-height: 8rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
  font-family: 'Verdana Bold';
}
/*---------------------Thank you first page end--------*/
/*---------------------Thank you second page start--------*/
.quiz_h2 {
  width: 100%;
  background-image: url("../Assets/bg2_thank.png");
  background-size: cover;
  height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}
.txt_2_btm1 {
  position: absolute;
  top: 39%;
  /* left: 28%; */
  font-size: 6rem;
  line-height: 9rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
  color: #000000;
}
.txt_2_btm2 {
  position: absolute;
  top: 53%;
  /* left: 32%; */
  font-size: 4rem;
  line-height: 9rem;
  /* font-weight: bold; */
  width: 100%;
  text-align: center;
  color: #000000;
}
.thank_footer_txt_btm {
  position: absolute;
  top: 73%;
  /* left: 32%; */
  font-size: 3rem;
  line-height: 4rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
}
.qrxcode {
    position: absolute;
    top: 61.5%;
    width: 205px;
    left: 47%;
}

.q_heading span.progress_panel {
    display: block;
    height: 5rem;
    background: #fff53b;
    margin-bottom: 2%;
}
.q_heading span.progress_bar {
    display: block;
    /* width:30px; */
    height: 5rem;
    background: #f8af40;
    margin-bottom: 0.5%;
}
.quiz_cnt_in.question_1 .account-selection__option{
	padding-right: 43%;
}
.quiz_cnt_in.question_3 .account-selection__option{
	padding-right: 2%;
}
.left-door {
    display: block;
    position: absolute;
    top: 0;
    left: 0%;
    width: 50%;
    height: 83%;
    background: url(../Assets/texture_gray1.png) #8b959b;
    z-index: 9;
    animation: cubic-bezier(0.075, 0.82, 0.165, 1) alternate;
    animation-name: leftdoor;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }
  
  @-webkit-keyframes leftdoor {
      0% {
        left: 0%;
      }
      100% {
        left: -100%;
      }
  }
.right-door {
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    right:0;
    width: 50%;
    height: 83%;
    background: url(../Assets/texture_gray1.png) #8b959b;
    z-index: 9;
    animation: cubic-bezier(0.075, 0.82, 0.165, 1) alternate;
    animation-name: rightdoor;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }
  
  @-webkit-keyframes rightdoor {
      0% {
        right: 0%;
      }
      100% {
        right: -100%;
      }
  }
@media only screen and (min-width: 2160px){
	
}
 @-webkit-keyframes rotation {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
  }
@-webkit-keyframes zoom-in-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}


.cleanair_cnt .home_icon {
    bottom: 3.5%;
    left: 2.6%;
}

/* Video Styles start */

/* video css start */
.video_play {
    height: 100%;
    max-height: 100%;
    display: none;
}

.video_play video {
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.video-js {
    width: 100%;
    height: 100%;
}
.video-js .vjs-control-bar {
    background-color: transparent;
}
.video-js .vjs-volume-menu-button,
.video-js .vjs-fullscreen-control,
.video-js .vjs-remaining-time {
    display: none !important;
}
.video-js .vjs-progress-control {
    margin-top: -23em;
    margin-left: 4em;
    max-width: 96%;
}
.video-js .vjs-slider,
.video-js .vjs-load-progress div {
    background-color: #fff;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 10px;
}
.video-js .vjs-progress-holder {
    height: 2.8em;
}
.video-js .vjs-progress-holder .vjs-play-progress, 
.video-js .vjs-progress-holder .vjs-load-progress, 
.video-js .vjs-progress-holder .vjs-tooltip-progress-bar, 
.video-js .vjs-progress-holder .vjs-load-progress div {
    height: 2.8em;
}
.video-js .vjs-play-progress {
    background-color: #30ea03;
}
.video-js .vjs-play-progress:before {
    background-color: #30ea03;
    color: #30ea03;
    font-size: 6.9em;
}
.home_icon-lp,
.pause_icon-active,
.play_icon-inactive {
    width: 6.8em;
    height: 6.8em;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
}
.home_icon-lp{
    background-image: url(../Assets/home_icon.svg);
    left: 6em;
    bottom: 4em;
}
.home_icon-lp.home_icon-black {
    background-image: url(../Assets/home_icon-black.svg);
    left: 20em;
}
.pause_icon-active {
    background-image: url(../Assets/pause_icon-active.svg);
    left: 130em;
    bottom: 4em;
}
.pause_icon-active.pause-inactive {
    background-image: url(../Assets/pause_icon-inactive.svg);
}
.play_icon-inactive {
    background-image: url(../Assets/play_icon-inactive.svg);
    left: 118em;
    bottom: 4em;
}
.play_icon-inactive.play-active {
    background-image: url(../Assets/play_icon-active.svg);
}
.landing_video-close-icon {
    background-image: url(../Assets/close-icon.png);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: center;
    background-color: #30EA03;
    width: 10em;
    height: 10em;
    position: absolute;
    top: 2em;
    right: 2em;
    z-index: 1;
}
/* Video styles end */


/* folder1 screens starts */
.fldr1_screen{
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.haleon_logo_black{
 width: 13%;
    position: absolute;
    right: 1%;
    top: 5%;
}
.fldr1_screen_leftdesign{
    width: 3%;
    margin-top: 10px;
}

.fldr1_screen_header{
    font-family: 'Verdana Bold';
    font-size: 150px;
    position: absolute;
    line-height: 157px;
    top: 100px;
    left: 6%;
}
.fldr1_box1, .fldr1_box2, .fldr1_box3, .fldr1_box4{
    background-color: #12f307;
    position: absolute;
    left: 6%;
    top: 27%;
    width: 52%;
    height: 13%;
    font-size: 56px;
    padding: 42px 50px 0 50px;
}
.fldr1_box1txt,.fldr1_box2txt, .fldr1_box3txt, .fldr1_box4txt{
    font-size: 84px;
    font-family: 'Verdana Bold';
}
.fldr1_box1 img, .fldr1_box2 img, .fldr1_box3 img, .fldr1_box4 img{
    height: 117px;
    width: 73px;
    margin-top: -59px;
    float: right;
}

.fldr1_box2{
    top: 44%;
}
.fldr1_box3{
    top: 61%;
}
.fldr1_box4{
    top: 78%;
}

.fldr1_rgtImg{
    width: 42%;
    position: absolute;
    right: 0%;
    top: 21%;
}

.fldr1_blackbox{
    background: #000;
    width: 23%;
    height: 19%;
    position: absolute;
    top: 69.5%;
    left: 73.3%;
    padding: 76px 30px 56px 94px;
    color: #fff;
    font-size: 50px;
}
.fldr1_blackbox img{
    float: right;
    /* width: 37%; */
    margin-top: -219px;
    width: 337px;
}
.pdf_home_icon{
    /* background: url(../Assets/HomeIcon.png) no-repeat; */
    background: url(../Assets/menu_icon.png) no-repeat;
    background-size: contain;
    height: 7%;
    width: 7%;
    position: absolute;
    bottom: 7px;
    left: 6%;

}
/* folder1 screens ends */

/* fldr1_box1scrn starts */
.fldr1_box1scrn{
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.fldr1_box1scrn_lftbox{
    background-color: #12f307;
    position: absolute;
    left: 0%;
    top: 71%;
    width: 31%;
    height: 19.1%;
    font-size: 56px;
    padding: 69px 50px 0 81px;
    line-height: 84px;
}
.fldr1_box1scrn_lftboxtxt{
    font-family: 'Verdana Bold';
    font-size: 78px;
}
.fldr1_box1scrn_lftbox img{
    height: 117px;
    width: 73px;
    margin-top: -86px;
    float: right;
}
.fldr1_box1scrn_pdf{
    width: 38%;
    height: 91%;
    position: absolute;
    left: 38%;
    top: 5%;
    /* border: 2px solid red; */
}
/* fldr1_box1scrn ends */
/* fldr1_box2scrn starts */
.fldr1_box2scrn{
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.fldr1_box2scrn_lftbox{
    background-color: #12f307;
    position: absolute;
    left: 0%;
    top: 71%;
    width: 31%;
    height: 20%;
    font-size: 56px;
    padding: 45px 50px 0 81px;
    line-height: 84px;
}
.fldr1_box2scrn_lftboxtxt{
    font-family: 'Verdana Bold';
    font-size: 70px;
}
.fldr1_box2scrn_lftbox img{
    height: 117px;
    width: 73px;
    margin-top: -142px;
    float: right;
}
.fldr1_box2scrn_pdf{
    width: 38%;
    height: 91%;
    position: absolute;
    left: 38%;
    top: 5%;
    /* border: 2px solid red; */
}
/* fldr1_box2scrn ends */
/* fldr1_box3 scrn starts */
.fldr1_box3scrn{
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.fldr1_box3scrn_lftbox{
    background-color: #12f307;
    position: absolute;
    left: 0%;
    top: 71%;
    width: 31%;
    height: 19.3%;
    font-size: 56px;
    padding: 84px 50px 0 81px;
    line-height: 84px;
}
.fldr1_box3scrn_lftboxtxt{
    font-family: 'Verdana Bold';
    font-size: 70px;
}
.fldr1_box3scrn_lftbox img{
    height: 117px;
    width: 73px;
    margin-top: -74px;
    float: right;
}
.fldr1_box3scrn_pdf{
    width: 38%;
    height: 91%;
    position: absolute;
    left: 38%;
    top: 5%;
    /* border: 2px solid red; */
}
/* fldr1_box3 scrn ends */
/* fldr1_box4 scrn starts */
.fldr1_box4scrn{
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.fldr1_box4scrn_lftbox{
    background-color: #12f307;
    position: absolute;
    left: 0%;
    top: 71%;
    width: 31%;
    height: 18.7%;
    font-size: 56px;
    padding: 77px 50px 0 81px;
    line-height: 84px;
}
.fldr1_box4scrn_lftboxtxt{
    font-family: 'Verdana Bold';
    font-size: 70px;
}
.fldr1_box4scrn_lftbox img{
    height: 117px;
    width: 73px;
    margin-top: -77px;
    float: right;
}
.fldr1_box4scrn_pdf{
    width: 38%;
    height: 91%;
    position: absolute;
    left: 38%;
    top: 5%;
    /* border: 2px solid red; */
}
/* fldr1_box4 scrn ends */
/* folder2 screens starts**************************** */
.fldr2_screen{
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.haleon_logo_black{
 width: 13%;
    position: absolute;
    right: 1%;
    top: 5%;
}
.fldr2_screen_leftdesign{
    width: 3%;
    margin-top: 10px;
}

.fldr2_screen_header{
    font-family: 'Verdana Bold';
    font-size: 150px;
    position: absolute;
    line-height: 157px;
    top: 100px;
    left: 6%;
}
.fldr2_box1, .fldr2_box2, .fldr2_box3, .fldr2_box4{
    background-color: #12f307;
    position: absolute;
    left: 6%;
    top: 27%;
    width: 52%;
    height: 13%;
    font-size: 56px;
    padding: 42px 50px 0 50px;
}
.fldr2_box1txt,.fldr2_box2txt, .fldr2_box3txt, .fldr2_box4txt{
    font-size: 84px;
    font-family: 'Verdana Bold';
}
.fldr2_box1 img, .fldr2_box2 img, .fldr2_box3 img, .fldr2_box4 img{
    height: 117px;
    width: 73px;
    margin-top: -59px;
    float: right;
}
.fldr2_box2 img, .fldr2_box3 img{
    margin-top: -90px;   
}
.fldr2_box2{
    top: 44%;
    padding: 16px 50px 0 50px;
}
.fldr2_box3{
    top: 61%;
    padding: 16px 50px 0 50px;
}
.fldr2_box4{
    top: 78%;
}

.fldr2_rgtImg{
    width: 42%;
    position: absolute;
    right: 0%;
    top: 21%;
}

.fldr2_blackbox{
    background: #000;
    width: 23%;
    height: 19%;
    position: absolute;
    top: 69.5%;
    left: 73.3%;
    padding: 76px 30px 56px 94px;
    color: #fff;
    font-size: 50px;
}
.fldr2_blackbox img{
    float: right;
    /* width: 37%; */
    margin-top: -219px;
    width: 337px;
}
/* folder2 screens ends */
/* fldr2_box1scrn starts */
.fldr2_box1scrn{
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.fldr2_box1scrn_lftbox{
    background-color: #12f307;
    position: absolute;
    left: 0%;
    top: 71%;
    width: 31%;
    height: 19%;
    font-size: 56px;
    padding: 69px 50px 0 81px;
    line-height: 84px;
}
.fldr2_box1scrn_lftboxtxt{
    font-family: 'Verdana Bold';
    font-size: 78px;
}
.fldr2_box1scrn_lftbox img{
    height: 117px;
    width: 73px;
    margin-top: -82px;
    float: right;
}
.fldr2_box1scrn_pdf{
    width: 38%;
    height: 91%;
    position: absolute;
    left: 38%;
    top: 5%;
    /* border: 2px solid red; */
}
/* fldr2_box1scrn ends */
/* fldr2_box2scrn starts */
.fldr2_box2scrn{
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.fldr2_box2scrn_lftbox{
    background-color: #12f307;
    position: absolute;
    left: 0%;
    top: 71%;
    width: 31%;
    height: 20%;
    font-size: 56px;
    padding: 45px 50px 0 81px;
    line-height: 84px;
}
.fldr2_box2scrn_lftboxtxt{
    font-family: 'Verdana Bold';
    font-size: 70px;
}
.fldr2_box2scrn_lftbox img{
    height: 117px;
    width: 73px;
    margin-top: -142px;
    float: right;
}
.fldr2_box2scrn_pdf{
    width: 38%;
    height: 91%;
    position: absolute;
    left: 38%;
    top: 5%;
    /* border: 2px solid red; */
}
/* fldr2_box2scrn ends */
/* fldr2_box3 scrn starts */
.fldr2_box3scrn{
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.fldr2_box3scrn_lftbox{
    background-color: #12f307;
    position: absolute;
    left: 0%;
    top: 71%;
    width: 31%;
    height: 19.6%;
    font-size: 56px;
    padding: 37px 50px 0 81px;
    line-height: 84px;
}
.fldr2_box3scrn_lftboxtxt{
    font-family: 'Verdana Bold';
    font-size: 70px;
}
.fldr2_box3scrn_lftbox img{
    height: 117px;
    width: 73px;
    margin-top: -139px;
    float: right;
}
.fldr2_box3scrn_pdf{
    width: 38%;
    height: 91%;
    position: absolute;
    left: 38%;
    top: 5%;
    /* border: 2px solid red; */
}
/* fldr2_box3 scrn ends */
/* fldr2_box4 scrn starts */
.fldr2_box4scrn{
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.fldr2_box4scrn_lftbox{
    background-color: #12f307;
    position: absolute;
    left: 0%;
    top: 71%;
    width: 31%;
    height: 19%;
    font-size: 56px;
    padding: 77px 50px 0 81px;
    line-height: 84px;
}
.fldr2_box4scrn_lftboxtxt{
    font-family: 'Verdana Bold';
    font-size: 70px;
}
.fldr2_box4scrn_lftbox img{
    height: 117px;
    width: 73px;
    margin-top: -95px;
    float: right;
}
.fldr2_box4scrn_pdf{
    width: 38%;
    height: 91%;
    position: absolute;
    left: 38%;
    top: 5%;
    /* border: 2px solid red; */
}
/* fldr2_box4 scrn ends */