/* Style.CSS */
/* cyrillic-ext */
:root{
	--bg-img-home: url('../img/Home-screen-background.webp');
	--bg-img-q1: url('../img/q1-background.webp');
	--bg-img-q2: url('../img/q2-background.webp');
	--bg-img-q3: url('../img/q3-background.webp');
	--bg-img-q4: url('../img/q4-background.webp');
	--bg-img-q5: url('../img/q5-background.webp');
	--bg-img-results: url('../img/results-background.webp');
}

@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0OIpQlx3QUlC5A4PNr4ARPQ_mu72BiBLE.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0OIpQlx3QUlC5A4PNr4ARGQ_mu72BiBLE.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* devanagari */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0OIpQlx3QUlC5A4PNr4ARDQ_mu72BiBLE.woff2) format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
  }
  /* greek-ext */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0OIpQlx3QUlC5A4PNr4AROQ_mu72BiBLE.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0OIpQlx3QUlC5A4PNr4ARBQ_mu72BiBLE.woff2) format('woff2');
	unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0OIpQlx3QUlC5A4PNr4ARNQ_mu72BiBLE.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0OIpQlx3QUlC5A4PNr4ARMQ_mu72BiBLE.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0OIpQlx3QUlC5A4PNr4ARCQ_mu72Bi.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0TIpQlx3QUlC5A4PNr4Az5ZuyOzW1IPriezag.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0TIpQlx3QUlC5A4PNr4Az5ZuyHzW1IPriezag.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* devanagari */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0TIpQlx3QUlC5A4PNr4Az5ZuyCzW1IPriezag.woff2) format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
  }
  /* greek-ext */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0TIpQlx3QUlC5A4PNr4Az5ZuyPzW1IPriezag.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0TIpQlx3QUlC5A4PNr4Az5ZuyAzW1IPriezag.woff2) format('woff2');
	unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0TIpQlx3QUlC5A4PNr4Az5ZuyMzW1IPriezag.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0TIpQlx3QUlC5A4PNr4Az5ZuyNzW1IPriezag.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0TIpQlx3QUlC5A4PNr4Az5ZuyDzW1IPrie.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0IIpQlx3QUlC5A4PNr6DRASf6M7VBj.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0IIpQlx3QUlC5A4PNr4TRASf6M7VBj.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* devanagari */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0IIpQlx3QUlC5A4PNr5DRASf6M7VBj.woff2) format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
  }
  /* greek-ext */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0IIpQlx3QUlC5A4PNr6TRASf6M7VBj.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0IIpQlx3QUlC5A4PNr5jRASf6M7VBj.woff2) format('woff2');
	unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0IIpQlx3QUlC5A4PNr6jRASf6M7VBj.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://c03.s3.indeed.com/fonts/v1/IndeedSansVF_W_Wght.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://c03.s3.indeed.com/fonts/v1/IndeedSansVF_W_Wght.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0NIpQlx3QUlC5A4PNjXhFVadyBx2pqPIif.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0NIpQlx3QUlC5A4PNjXhFVYNyBx2pqPIif.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* devanagari */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0NIpQlx3QUlC5A4PNjXhFVZdyBx2pqPIif.woff2) format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
  }
  /* greek-ext */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0NIpQlx3QUlC5A4PNjXhFVaNyBx2pqPIif.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0NIpQlx3QUlC5A4PNjXhFVZ9yBx2pqPIif.woff2) format('woff2');
	unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/notosans/v28/o-0NIpQlx3QUlC5A4PNjXhFVa9yBx2pqPIif.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://c03.s3.indeed.com/fonts/v1/IndeedSansVF_W_Wght.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://c03.s3.indeed.com/fonts/v1/IndeedSansVF_W_Wght.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* Indeed Sans */
  @font-face {
	font-family: "Indeed Sans";
	font-style: normal;
	font-weight: 1 1000;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://prod.statics.indeed.com/ds/assets/fonts/indeedsans/v1/IndeedSansVF.woff2") format("woff2-variations");
  }
  /*hide next*/
  #next-btn{
	display:none;
	}
  body {
	  font-family:"Indeed Sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, "Liberation Sans", Roboto, Noto, sans-serif;
	  line-height:normal;
  }
  a:focus,a:active,button:focus,button:active,input:focus,select:focus {
	  box-shadow:none !important;
	  outline:none !important;
  }
  .navbar {
	  background:#2d2d2d;
  }
  .left-woman {
	  position:absolute;
	  left:0;
	  bottom:0;
	  width:30%;
  }
  .right-man {
	  position:absolute;
	  right:0;
	  bottom:0;
	  width:30%;
	  z-index:-1;
  }
  html{
	  scroll-behavior: smooth;
  }
  .right-shape.barometer-home {
	  position:absolute;
	  right:12%;
	  top:20%;
	  width:600px;
	  background-color: transparent;
	  box-shadow: 12px 12px 18px 10px rgba(0,0,0,0.30);
	  transform: rotate(15deg);
	  z-index:-1;
	  border-radius: 20px;
  }
  .right-shape.barometer-home video {
	background-color: transparent;
	width:100%;
	border-radius: 20px;
  }
  .main-hero {
	  min-height:calc(100vh - 57px);
	  background-color: #003b9c;
	  background-image: var(--bg-img-home);
	  background-position: center;
	  background-size:100% 100%;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  position:relative;
	  z-index:1;
	  overflow: hidden;
  }
  .main-hero.question-bg-1{
	background-image:var(--bg-img-q1);
	overflow: unset;
  }
  .main-hero.question-bg-2{
	background-image: var(--bg-img-q2);
	overflow: unset;
  }
  .main-hero.question-bg-3{
	background-image: var(--bg-img-q3);
	overflow: unset;
  }
  .main-hero.question-bg-4{
	background-image: var(--bg-img-q4);
	overflow: unset;
  }
  .main-hero.question-bg-5{
	background-image: var(--bg-img-q5);
	overflow: unset;
  }
  .main-hero.bg-changed-results{
	  background-image: url('../img/results-background.webp');
	  overflow: unset;
  }
  .main-hero-content {
	  width:100%;
	  margin:0 auto;
	  padding:0px;
	  text-align:center;
  }
  .main-hero-cta{
	  margin-left:13%;
	  text-align:left;
  }
  .main-hero-cta button{
	  background-color:#ff9602;
	  color:#0D2D5E;
	  font-weight:500;
	  transition: all 0.5s ease-in-out;
	  font-size: 2.2rem;
  }
  .main-hero-cta button:hover{
	  background-color:#0D2D5E;
	  color:white;
  }
  .btn-Return-Home{
	  background-color:#2557A7;
	  color:#fff; 
	  transition: all 0.5s ease-in-out;
	  font-size: 1.4rem;
  }
  .btn-Return-Home:hover{
	  background-color:#0D2D5E;
  }
  
  .lockup-logo-init{
	  margin-left:13%;
	  text-align:left !important;
  }
  .lockup-logo {
	  text-align:center;
	  margin-bottom:40px;
  }
  .lockup-logo img {
	  max-width:350px;
  }
  .main-hero-title {
	  margin-bottom: 26px;
	  text-align: left;
	  max-width: 40%;
	  margin-left: 13%;
  }
  .main-hero-title h1 {
	  color:rgb(45, 45, 45);
	  font-size: 3.5rem;
	  line-height: 1.25;
	  font-weight:800;
  }
  .main-hero-desc {
	  color:rgb(89, 89, 89);
	  line-height:1.5;
	  font-size:2.2rem;
	  margin-bottom:30px;
	  font-weight:500;
	  text-align: left;
	  max-width: 40%;
	  margin-left: 13%;
  }
  .btn-primary {
	  background:rgb(37, 87, 167);
	  color:#ffffff;
	  border:none;
  }
  .question-box-wrapper {
	  text-align:center;
	  width:80%;
  }
  .question-box-wrapper .lockup-logo{
	  margin-bottom:16px;
  }
  .question-box-wrapper .lockup-logo img{
	  width:350px;
  }
  .wizard-steps-wrapper  {
	  margin-bottom:30px;
  }
  ul.wizard-steps {
	  margin:0;
	  padding:0;
	  list-style:none;
	  display:inline-flex;
	  align-items:center;
	  justify-content:space-between;
	  width:320px;
  }
  ul.wizard-steps li.step {
	  position:relative;
	  z-index:1;
	  scale: 1.6;
  }
  .wizard-steps .step a {
	  text-decoration:none;
	  background:#ffffff;
	  border:1px solid rgb(37, 87, 167);
	  border-radius: 30px;
	  color: rgb(37, 87, 167);
	  font-size: 13px;
	  padding: 2px 6px;
	  text-align: center;
  }
  .wizard-steps .step a.active {
	  border:2px solid #F99704;
	  color:#F99704;
  }
  ul.wizard-steps li.step a:before {
	  position:absolute;
	  content:"";
	  height:1px;
	  width:100%;
	  background:rgb(37, 87, 167);
	  top:11px;
	  left:1.5vw;
	  z-index:-1;
  }
  ul.wizard-steps li.step:last-child a:before {
	  display:none;
  }
  .question-box-container {
	  background:#ffffff;
	  border-radius:15px;
	  box-shadow:0px 0px 20px rgba(0,0,0,0.50);
	  padding:20px 30px 40px;
	  margin-bottom:30px;
  }
  .question-box {
  
  }
  .question-count {
	  color:rgb(37, 87, 167);
	  font-weight:500;
	  font-size:1.5em;
	  margin-bottom:20px;
  }
  .question-name {
	  color:#2d2d2d;
	  font-size:2.2rem;
	  font-weight:500;
	  margin-bottom:32px;
  }
  .answer-list {
	  margin:0;
	  padding:0;
	  list-style:none;
  }
  .answer-list .answer {
	  background:#ECEFFC;
	  color:#2d2d2d;
	  font-size:1.6em;
	  border-radius:8px;
	  display:block;
	  margin-bottom:10px;
	  padding: 4px 0;
	  cursor:pointer;
  }
  .answer-list .answer:last-child {
	  margin-bottom:0;
  }
  .answer-list .answer:hover, .answer-list .answer:focus {
	  background:rgb(37, 87, 167);
	  color:#ffffff;
  }
  /* Add CSS for selected option */
  .answer.selected {
	  background-color: #2557a7; 
	  color: #fff; 
  }
  .btn:disabled {
	  background-color:#a5a5a5;
  }
  .question-insight-wrapper, .question-insight-image {
	  position:relative;
  }
  .question-insight-wrapper {
	  height:calc(100vh - 57px);
  }
  .question-insight-image {
	  height:100%;
  }
  .qtn-image {
	  background-size: cover;
	  background-repeat:no-repeat;
	  background-position: center;
	  height:100%;
	  scale: 0.9999999;
  }
  .qtn1-image {
	  background-image:url('../img/Question-1-Insight.webp');
  }
  .qtn2-image {
	  background-image:url('../img/Question-2-Insight.jpg');
  }
  .qtn3-image {
	  background-image:url('../img/Question-3-Insight.webp');
  }
  .qtn4-image {
	  background-image:url('../img/Question-4-Insight.webp');
  }
  .qtn5-image {
	  background-image:url('../img/Question-5-Insight.webp');
  }
  .question-insight-image img {
	  width:100%;
	  height:100%;
  }
  .insight-top-logo-content {
	  position:absolute;
	  top:0;
	  left:0;
	  width:40%;
  }
  .insight-top-logo-content img, .insight-bottom-button-shape img {
	  width:100%;
  }
  .insight-bottom-button-content {
	  position:absolute;
	  bottom:0;
	  right:0;
	  width:27%;
  }
  .insight-bottom-button-shape{
	  position:relative;
  }
  .insight-bottom-button {
	  position:absolute;
	  left:30%;
	  bottom:20%;
	  display: none;
  }
  .insight-bulb {
	  width:72px !important;
	  animation: pulse-animation 2s infinite;
	  display:none;
  }
  @keyframes pulse-animation {
	0% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  }
	  50% {
		 -webkit-transform: scale(0.75);
		 transform: scale(0.75);
	  }
	  100% {
		  -webkit-transform: scale(1);
		 transform: scale(1);
	  }
  }
  .question1-blue-bulb-insight {
	  position:absolute;
	  top: 67%;
	  left: 20%;
  }
  .question1-green-bulb-insight {
	  position:absolute;
	  top: 11%;
	  left: 67%;
	  display: none;
  }
  .question2-blue-bulb-insight {
	  position:absolute;
	  top: 28%;
	  left: 69%;
  }
  .question2-green-bulb-insight {
	  position:absolute;
	  top: 43%;
	  left: 29%;
  }
  .question3-blue-bulb-insight {
	  position:absolute;
	  top: 51%;
	  left: 50%;	
  }
  .question3-green-bulb-insight {
	  position:absolute;
	  top: 6%;
	  left: 40%;
  }
  .question4-blue-bulb-insight {
	  position:absolute;
	  top: 59%;
	  left: 33%;
  }
  .question4-green-bulb-insight {
	  position:absolute;
	  top: 12%;
	  left: 45%;
  }
  .question5-blue-bulb-insight {
	  position:absolute;
	  top: 63%;
	  left: 44%;
  }
  .question5-green-bulb-insight {
	  position:absolute;
	  top: 36%;
	  left: 67%;
  }
  p.terms {
	  font-size:12px;
  }
  .btn-close {
	  opacity:1;
	  display:none;
  }
.btn-result-close{
	display:unset;
}
  .form-entry-box, .result-box {
	  background:#f8f9fe;
	  border-radius:15px;
	  box-shadow:0px 0px 20px rgba(0,0,0,0.50);
	  padding:30px;
	  margin-bottom:20px;
  }
  .form-entry-box{
	  max-width: 85% !important;
	  margin: auto !important;
  }
  .result-box{
	  max-width: 1200px !important;
	  margin: auto !important;
  }
  .result-box .row > [class*='col-'] {
	display: flex;
	flex-direction: column;
  }
  .form-control, .form-control:focus, .form-select, .form-select:focus {
	  border:0;
	  background-color:#ECEFFC;
	  color:#2d2d2d;
	  font-size:1.4rem;
  }
  .result-graph {
	  margin-bottom:14px;
	}
	.video-result-vid{
		max-width: 600px;
		width: 100%;
  }
  .result-suggestion {
	  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
  }
  @media (max-width: 1300px) {
	.right-shape.barometer-home {
		right:8%;
		top:20%;
		width:400px;
		box-shadow: 12px 12px 18px 10px rgba(0,0,0,0.30);
		transform: rotate(15deg);
	}
  }
  @media (max-width:1055px){
	.right-shape.barometer-home {
		right:4%;
		top:70%;
		width:200px;
	}
	  .lockup-logo-init{
		  margin-left:4% !important;
	  }
	  .main-hero-cta{
		  margin-left:4%;
	  }
	  .left-woman, .right-man {
		  display:none;
	  }
		  .main-hero-title, .main-hero-desc {
		  max-width: 100%;
		  margin-left: 4%;		
	  }
  }
  /* Media queries */
  @media (max-width:2600px) {
	.first * p,
	.second * p,
	.third * p {
		font-size:1.3rem;
	}

	.first * h5,
	.second * h5,
	.third * h5 {
		font-size:1.5rem;
	}

	.first * button,
	.second * button,
	.third * button {
		font-size:1.5rem;
	} 
	  .lockup-logo-init{
		  margin-left:4% !important;
	  }
	  .main-hero-cta{
		  margin-left:4%;
	  }
	  .left-woman, .right-man {
		  display:none;
	  }
	  .right-shape.barometer-home {
		display: none;
	  }
	  .main-hero .bg-changed {
		  background-position:left -51px, 165% -12%, -75% 103%;
		  background-size:35%, 58%, 64%;
		  min-height: calc(100vh - 57px);
		  height:auto;
	  }
	  .main-hero{
		align-items: start;
	  }
	  .main-hero-content {
		padding: 0 10px;
        max-width: 80%;
        margin: 0 auto;
        text-align: center;
        margin-top: 19em;
	  }
	  .main-hero-title, .main-hero-desc {
		  max-width: 100%;
		  margin-left: 4%;
		  font-size: 30px;
	  }
	  .question-box-wrapper {
		  width:90%;
		  margin-top: 12rem;
	  }
	  .insight-bulb {
		  width:32px !important;
	  }
	  .insight-bottom-button-content {
		  width:250px;
	  }
	  .insight-bottom-button {
		  bottom:12%;
		  left:28%;
	  }
	  .result-suggestion {
		  border-left:0 !important;
	  }
	  .qtn1-image, .qtn2-image, .qtn3-image, .qtn4-image, .qtn5-image {
		  background-image:none;
	  }
	  .question1-blue-bulb-insight {
		  top: 27%;
		  left: 65%;
	  }
	  .question1-green-bulb-insight {
		  top: 79%;
		  left: 59%;
	  }
	  .question2-blue-bulb-insight {
		  top: 40%;
		  right: 3%;
		  left: unset;
	  }
	  .question2-green-bulb-insight {
		  top: 41%;
		  left: 4%;
	  }
	  .question3-green-bulb-insight {
		  top: 19%;
		  left: 5%;
	  }
	  .question3-blue-bulb-insight {
		  top: 46%;
		  left: 61%;
	  }
	  .question4-green-bulb-insight {
		  top: 21%;
		  left: 52%;
	  }
	  .question4-blue-bulb-insight {
		  top: 88%;
		  left: 5%;
	  }
	  .question5-blue-bulb-insight {
		  top: 67%;
		  left: 16%;
	  }
	  :root{
		--bg-img-home: url('../img/Home-screen-background-mobile.webp');
		--bg-img-q1: url('../img/q1-background-mobile.webp');
		--bg-img-q2: url('../img/q2-background-mobile.webp');
		--bg-img-q3: url('../img/q3-background-mobile.webp');
		--bg-img-q4: url('../img/q4-background-mobile.webp');
		--bg-img-q5: url('../img/q5-background-mobile.webp');
		--bg-img-results: url('../img/results-background-mobile.webp');
	  }
  }
  @media (min-width:1891px) {
	  .main-hero {
		  height:auto;
		  min-height:calc(100vh - 57px);
	  }
  }
  #back-btn{
	font-size:1.4em
	}
  @media (min-width: 1400px) {
	  .question-box-wrapper {
		  max-width:70%;
	  }
  }
  @media (min-width:1200px){
	  .question-box-wrapper {
	  width:90%;
  }
  
  .question-box-container {
	  height:28em;
	  height:50%;
	  display:flex;
	  flex-direction:column;
	  justify-content:center;
  }
  
  
  .question-box {
	  height:100%;
	  margin: 20px 50px 0px 50px;
  }
  
  .question-count {
	  font-size:2.2em;
	  margin-bottom:30px !important
  }
  
  .question-name {
	  font-size:2.5em 
  }
  
  .answer-list {
	  display:flex;
	  flex-direction:column;
	  gap:15px; 
  }
  
  /*edit existing*/
  .answer{
	  margin-bottom:0px !important;
	  font-size:1.9em !important;
  }

  }
  @media (min-width: 2576px){
	  .modal-dialog-results{
		  max-width:60vw;
	  }
  }  
  /*Consent Element Styles*/
  #consent-container{
	  position: fixed;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  width: 100%;
	  z-index: 999;
	  pointer-events: none;
  } 
  .consent_modal{
	  position: absolute;
	  margin: auto;
	  width: 100%;
	  bottom: 0;
	  padding: 10px;
	  text-align: center;
	  z-index: 999;
	  transition: all 1s ease;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  transition: all 2s ease;
	  transform: translateY(100%);
  } 
  .consent_modal.show{
	  transform: translateY(0%);
  }
  
  .consent_modal_inner{
	  position: relative;
	  width: 80%;
	  max-width:800px;
	  background-color: transparent;
	  -webkit-backdrop-filter: blur(1px);
	  backdrop-filter: blur(1px);
	  padding: 12px;
	  border: 1px solid #000;
	  margin: 0%;
	  border-radius: 10px;
	  pointer-events: none;
	  box-shadow: 0px 0px 20px rgba(0,0,0,0.50);
  }
  .consent_content_container {
	  display: flex;
	  flex-direction: row;
	  justify-content: center;
	  align-items: center;
	  height: fit-content;
	  gap: 30px;
  }
  .consent_content h3{
	  font-size: 12px !important ;
	  margin: 0 !important;
	  padding: 0px;
	  font-family: Arial, Helvetica, sans-serif;
  }
  .consent_content_container p{
	  font-size: 10px !important ;
	  margin: 0 !important;
	  font-family: Arial, Helvetica, sans-serif;
  }
  
  #consent_button_close{
	  position: absolute;
	  top: 0;
	  right: 0;
	  scale: 0.5;
	  pointer-events: all;
  }
  
  .accept-cookies{
	  display: flex;
	  flex-direction: row;
	  justify-content: center;
	  cursor: pointer;
	  gap: 8px;
	  pointer-events: all;
  }
  
  @media only screen and (max-width: 2470px) {
	  .accept-cookies{
		  flex-direction: column;
		  gap: 0px;
	  }
  }
  
  .accept-cookies button{
	  font-size: 10px !important;
	  background-color: transparent;
	  color: #000;
	  border: 1px solid #000;
	  padding: 10px 20px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  margin: 4px 2px;
	  cursor: pointer;
	  border-radius: 0px;
	  max-width: 100px;
	  transition: all 0.3s ease;
  }
  #accept-cookies-btn{
	  background-color: lightgrey !important;
	  color: #000 !important;
	  border-color: lightgrey !important;
  }
  #accept-cookies-btn:hover{
	  background-color: lightgrey !important;
	  color: #000 !important;
	  border-color: lightgrey !important;
	  scale: 1.01;
  }
  #deny-cookies-btn{
	  color: #000 !important;
	  border-color: #000 !important;
	  background-color: transparent !important;
  }
  #deny-cookies-btn:hover{
	  background-color: transparent !important;
	  color: #000 !important;
	  border-color: #000 !important;
	  scale: 1.01;
  }
  .toggle-cookies{
	  display: flex;
	  flex-direction: row;
	  justify-content: center;
	  align-items: center;
  }
  .toggle-cookies *{
	  margin: auto;
  }
  .cookie-hide{
	  display: none;
  }
  /* The switch - the box around the slider */
  .switch {
	  position: relative;
	  display: inline-block;
	  width: 60px;
	  height: 34px;
	}
	/* Hide default HTML checkbox */
	.switch input {
	  opacity: 0;
	  width: 0;
	  height: 0;
	}
  /* The slider */
  .slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #ccc;
	  -webkit-transition: .4s;
	  transition: .4s;
	}
	.slider:before {
	  position: absolute;
	  content: "";
	  height: 26px;
	  width: 26px;
	  left: 4px;
	  bottom: 4px;
	  background-color: white;
	  -webkit-transition: .4s;
	  transition: .4s;
	}
	input:checked + .slider {
	  background-color: #2196F3;
	}
	input:focus + .slider {
	  box-shadow: 0 0 1px #2196F3;
	}
	
	input:checked + .slider:before {
	  -webkit-transform: translateX(26px);
	  -ms-transform: translateX(26px);
	  transform: translateX(26px);
	}
	/* Rounded sliders */
	.slider.round {
	  border-radius: 34px;
	}
	.slider.round:before {
	  border-radius: 50%;
	} 
  /*Terms Css*/
  @media screen and (max-width:2600px){
	.form-header-cus{
		font-size: 2.2rem;
	}
	.form-tandc{	
		font-size: 10px;
		width: 75%;
		margin: 40px 10px 0px 10px;
		vertical-align: bottom;
		justify-self: center;
	}
	#show-result-btn{
		font-size: 1.4rem;
	}
	  #emp_profile img{
		  margin-top:12px !important;
	  }
	  #emp_profile p{
		  margin-top:15px !important;
	  }

  } 
  /*Animation Float*/
  .dyn-float{
	  animation: Zoom 4s ease-in-out infinite;
  }
  @keyframes Zoom {
	0% {
		transform: scale(1);
		transform: translateX(0%);
		transform: translateY(0%);
	}
	  50%{
		transform: scale(1.05);
		transform: translateX(5%);
		transform: translateY(5%);
	  }
	100% {
		transform: translateX(1);
		transform: translateX(0%);
		transform: translateY(0%);
	}
  }
  /*Img*/
  @media (min-width:1000px){
  img.form-desktop-vw {
	  width:75%;
	  height:auto;
	  display:unset;
  }
  img.form-mobile-vw{
		display:none;
	}
  }
  @media (max-width:1000px){
  img.form-desktop-vw{
		display:none;
  }
  img.form-mobile-vw{
	  max-width:600px;
	  width:100%;
	  height:auto;
	  display:unset;
  }
  }

  /*Mobile Test*/
  @media (max-width:600px) {
	.form-header-cus{
		font-size: 1.5rem;
	}
	.form-control, .form-control:focus, .form-select, .form-select:focus{
		font-size: 0.975rem;
	}
	.form-tandc{	
		font-size: 8px;
		width: 100%;
	  
	}
	#show-result-btn{
		font-size: 1rem;
	}
	.first * p, .second * p, .third * p{
		font-size: 1rem;
	}
	.first * h5, .second * h5, .third * h5{
		font-size: 1rem;
	}
	.first * button, .second * button, .third * button{
		font-size: 1rem;
	}
	.lockup-logo-init{
		margin-left:4% !important;
	}
	.main-hero-cta{
		margin-left:4%;
	}
	.left-woman, .right-man {
		display:none;
	}
	.right-shape.barometer-home {
	  display: none;
	}
	.main-hero .bg-changed {
		background-position:left -51px, 165% -12%, -75% 103%;
		background-size:35%, 58%, 64%;
		min-height: calc(100vh - 57px);
		height:auto;
	}
	.main-hero{
		align-items: center;
	}
	.main-hero-content {
	  width:100%;
	  margin:0;
	  padding:0px;
	  text-align:center;
	  padding:0 10px;
	  max-width: unset;
	}
	.main-hero-content h1 {
		font-size: 1.75rem;
	}
	.main-hero-cta button{
		font-size: unset;
	}
	.main-hero-title, .main-hero-desc {
		max-width: 100%;
		margin-left: 4%;	
	}
	.main-hero-desc{
		font-size: 1.2rem;
	}
	.question-box-wrapper {
		margin-top: unset;
		width:90%
	}
	.question-name{
		font-size: 1rem;
	}
	.answer-list .answer{
		font-size: 1rem;
	}
	#back-btn{
		font-size:1rem
	}
	ul.wizard-steps li.step{
		scale: 1.2;
	}
	ul.wizard-steps li.step a:before {
		width: 130%;
		left: 5.5vw;
	}
	.insight-bulb {
		width:32px !important;
	}
	.question-box-wrapper .lockup-logo img{
		width: 180px;
		max-width: 280px;
	}
	.insight-bottom-button-content {
		width:250px;
	}
	.insight-bottom-button {
		bottom:12%;
		left:28%;
	}
	.result-suggestion {
		border-left:0 !important;
	}
	.qtn1-image, .qtn2-image, .qtn3-image, .qtn4-image, .qtn5-image {
		background-image:none;
	}
	.question1-blue-bulb-insight {
		top: 27%;
		left: 65%;
	}
	.question1-green-bulb-insight {
		top: 79%;
		left: 59%;
	}
	.question2-blue-bulb-insight {
		top: 40%;
		right: 3%;
		left: unset;
	}
	.question2-green-bulb-insight {
		top: 41%;
		left: 4%;
	}
	.question3-green-bulb-insight {
		top: 19%;
		left: 5%;
	}
	.question3-blue-bulb-insight {
		top: 46%;
		left: 61%;
	}
	.question4-green-bulb-insight {
		top: 21%;
		left: 52%;
	}
	.question4-blue-bulb-insight {
		top: 88%;
		left: 5%;
	}
	.question5-blue-bulb-insight {
		top: 67%;
		left: 16%;
	}
	:root{
	  --bg-img-home: url('../img/Home-screen-background-mobile.webp');
	  --bg-img-q1: url('../img/q1-background-mobile.webp');
	  --bg-img-q2: url('../img/q2-background-mobile.webp');
	  --bg-img-q3: url('../img/q3-background-mobile.webp');
	  --bg-img-q4: url('../img/q4-background-mobile.webp');
	  --bg-img-q5: url('../img/q5-background-mobile.webp');
	  --bg-img-results: url('../img/results-background-mobile.webp');
	}
}
@media (min-width:601px) {
	.main-hero {
		height:auto;
		min-height:calc(100vh - 57px);
	}
}