.page-title {
  display: none;
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

.owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}

.owl-prev,
.owl-next {
  background-color: #fff; /* Customize button background */
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.owl-prev {
  left: 10px; /* Position left button */
}

.owl-next {
  right: 10px; /* Position right button */
}

.item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.JOC-image {
  max-width: 100%;
  height: auto;
  display: block;
}

.review-marker {
  margin-top: 10px;
  text-align: center;
}

.onboarding table {
  width: 100%; /* Ensure the table takes the full width */
}

.onboarding tr {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; /* Allow td elements to wrap */
  gap: 10px;
}

.onboarding td {
  flex: 1 1 auto;
  min-width: 200px;
  box-sizing: border-box;
}

.onboarding .webform-likert-label.visually-hidden {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.onboarding .webform-likert-table-wrapper td {
  padding-left: 0 !important;
}

.onboarding input[type="radio"] {
  display: none;
}

/* Style the label as a button */
.onboarding .form-type-radio label {
  display: inline-block;
  padding: 8px 18px;
  background-color: var(--hyper); /* Button color */
  color: var(--white); /* Text color */
  border-radius: 5px;
  border: 2px solid var(--hyper);
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  transition: background-color 0.3s ease;
  min-width: 200px;
}

/* Change the background on hover */
.onboarding .form-type-radio label:hover {
  background-color: var(--hyperd);
  border: 2px solid var(--hyperd);
}

/* Style for selected state when input is checked */
.onboarding .form-type-radio input[type="radio"]:checked + label {
  background-color: var(--white);
  color: var(--hyper);
  border: 2px solid var(--hyper);
}

.onboarding .form-type-processed-text {
  width: 100%;
  text-align: center;
}

.onboarding .continue-button {
  display: inline-block;
  padding: 13px 18px;
  background-color: var(--hyper); /* Button color */
  color: var(--white); /* Text color */
  border-radius: 5px;
  border: 2px solid var(--hyper);
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  transition: background-color 0.3s ease;
  min-width: 200px;
}

.onboarding .continue-button:hover {
  background-color: var(--hyperd);
  border: 2px solid var(--hyperd);
}

/* Style for selected state when input is checked */
.onboarding .continue-button.clicked {
  background-color: var(--white);
  color: var(--hyper);
  border: 2px solid var(--hyper);
}

.onboarding .form-type-webform-likert label {
  font-size: 20px;
}

.onboarding .form-type-webform-likert label span {
  font-size: 15px;
}

.onboarding .webform-likert-table thead {
  display: none;
}

.onboarding .webform-likert-table td:first-child {
  display: none;
}

.onboarding .form-title {
  text-align: center;
  font-size: 3em;
}

.onboarding .form-subtitle {
  text-align: center;
  font-size: 2em;
}

.onboarding .form-parens {
  text-align: center;
  font-size: 1.5em;
  font-weight: 300;
}

.onboarding .form-type-webform-likert {
  margin-top: 40px !important;
  margin-bottom: 300px !important;
}

.onboarding .continue-button {
  margin-top: 40px !important;
  margin-bottom: 300px !important;
}

.onboarding tr.odd {
  border: none !important;
}

.onboarding + div .webform-button--previous {
  display: none !important;
}

.onboarding + div .webform-button--next {
  display: none !important;
}

@media only screen and (max-width: 1200px) {
  table {
    display: table !important;
  }
}

@media (max-width: 768px) {
  .onboarding .form-type-webform-likert td {
    text-align: center !important;
  }

  .onboarding .form-title {
    font-size: 2em;
  }

  .onboarding .form-subtitle {
    text-align: center;
    font-size: 1.6em;
  }

  .onboarding .form-parens {
    text-align: center;
    font-size: 1.2em;
    font-weight: 300;
  }
}

/* Hide the step labels and numbers */
.webform-progress-tracker .progress-text,
.webform-progress-tracker .progress-marker {
  display: none; /* Hide both the step number and the text */
}

/* Style the progress bar as a simple line */
.webform-progress-tracker {
  position: relative;
  height: 5px; /* Height of the progress line */
  background-color: #e0e0e0; /* Light gray background for the uncompleted portion */
  border-radius: 5px; /* Rounded edges */
  overflow: hidden;
  padding: 0; /* Remove padding if any */
}

/* Style for the progress indicator */
.webform-progress-tracker .progress-step.is-active {
  background-color: #3498db; /* Color for the active/completed portion */
  height: 100%;
  width: 100%; /* Fill the entire width when active */
  transition: width 0.3s ease; /* Smooth transition effect */
  border-radius: 5px; /* Rounded edges */
  position: absolute; /* Position the active indicator absolutely */
  top: 0;
  left: 0;
}

/* Ensure the progress steps fill the line as users progress */
.webform-progress-tracker .progress-step {
  width: 25%; /* Assuming 4 steps, so 25% width for each */
  height: 100%;
  float: left;
  background-color: transparent;
}

.webform-progress-tracker .progress-step.is-active ~ .progress-step {
  background-color: #e0e0e0; /* The remaining steps stay in the background color */
}

.onboarding .step1-likert {
  max-width: 1040px;
  margin: auto;
}

.onboarding .step2-likert {
  max-width: 900px;
  margin: auto;
}

.onboarding .step3-likert {
  max-width: 900px;
  margin: auto;
}

.onboarding .step4-likert {
  max-width: 740px;
  margin: auto;
}

.onboarding .step4-likert label {
  min-width: 300px;
}

@media (min-width: 1200px) {
  .onboarding .step4-likert td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .onboarding .step4-likert tr td:last-child {
    padding-right: 15px !important;
  }
}

.onboarding.confirm-step4 .form-parens {
  max-width: 800px;
  margin: auto;
}

.onboarding .form-input {
  text-align: center;
}

.onboarding .form-input .form-text {
  width: 300px;
  margin: auto;
  text-align: center;
}

.onboarding .form-input .form-email {
  width: 300px;
  margin: auto;
  text-align: center;
}

.onboarding .form-input#password {
  width: 300px;
  margin: auto;
  text-align: center;
}

.webform-button--submit {
  display: none !important;
}

.onboarding .owl-carousel {
  max-width: 1000px;
  margin: auto;
}

.onboarding .form-image img {
  width: 300px;
  height: 210px;
  border-radius: 10px;
}