.App.Selection .CoverContentBox .ContentBox .Stage .content-page .header-wrapper .Header .step-selection-header {
  text-transform: uppercase;
  font-size: 13px;
  color: #4d4d4d; }

.App.Selection .CoverContentBox .ContentBox .Stage .content-page .header-wrapper .Header .StepName {
  padding-top: 6px; }

.App.Selection .CoverContentBox .ContentBox .Stage .content-page .header-wrapper.welcome-header h1.welcome-text {
  margin: 30px 0px 70px;
  display: none;
  color: #4d4d4d;
  font-weight: normal;
  font-size: 24px;
  display: none;
  text-align: center; }

.App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .paragraph {
  color: #4d4d4d;
  font-size: 18px;
  margin: 30px 0px; }
  .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .paragraph.welcome-paragraph {
    margin-top: 60px; }
  .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .paragraph p {
    margin: 10px 0px; }
  .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .paragraph ul {
    padding: 0px 20px;
    margin: 0px; }
  .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .paragraph .welcome-note {
    display: none;
    font-size: 16px;
    margin: 0px; }

.App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .question-for-selection {
  margin-bottom: 20px;
  color: #4d4d4d;
  font-size: 18px; }
  .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .question-for-selection.no-margin {
    margin: 0px; }

.App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .selection-group {
  margin-top: 15px; }
  .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .selection-group .selection-item {
    cursor: pointer;
    margin-top: 10px;
    min-height: 62px;
    background-color: #f5f5f5;
    padding: 0px 24px;
    display: flex;
    align-items: center;
    transition: all 0.5s ease; }
    .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .selection-group .selection-item:hover {
      background-color: #dcdcdc; }
    .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .selection-group .selection-item.has-sub-label {
      height: 92px; }
      .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .selection-group .selection-item.has-sub-label [type='radio']:checked + label,
      .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .selection-group .selection-item.has-sub-label [type='radio']:not(:checked) + label {
        color: #4d4d4d; }
      .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .selection-group .selection-item.has-sub-label label span {
        color: #808080;
        font-size: 14px; }
      .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .selection-group .selection-item.has-sub-label label b {
        color: #808080; }

.App.Selection .CoverContentBox .MobileBottomBar .GreatIDLogo {
  background: url("../images/great_id_logo.svg") no-repeat center center;
  width: 125px;
  height: 52px;
  margin-bottom: 5px;
  cursor: pointer; }

.App.Selection [type='radio']:checked,
.App.Selection [type='radio']:not(:checked) {
  position: absolute;
  left: -9999px; }

.App.Selection [type='radio']:checked + label,
.App.Selection [type='radio']:not(:checked) + label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  line-height: 24px;
  display: inline-block;
  color: #808080;
  font-size: 18px; }

.App.Selection [type='radio']:checked + label.top-12:before,
.App.Selection [type='radio']:not(:checked) + label.top-12:before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  width: 18px;
  height: 18px;
  border: 3px solid #ddd;
  border-radius: 100%;
  background: #fff; }

.App.Selection [type='radio']:checked + label.top-24:before,
.App.Selection [type='radio']:not(:checked) + label.top-24:before {
  content: '';
  position: absolute;
  left: 0;
  top: 24px;
  width: 18px;
  height: 18px;
  border: 3px solid #ddd;
  border-radius: 100%;
  background: #fff; }

.App.Selection [type='radio']:checked + label:before,
.App.Selection [type='radio']:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 3px solid #ddd;
  border-radius: 100%;
  background: #fff; }

.App.Selection [type='radio']:checked + label.top-12:after,
.App.Selection [type='radio']:not(:checked) + label.top-12:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #d52b1e;
  position: absolute;
  top: 18px;
  left: 6px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.App.Selection [type='radio']:checked + label.top-24:after,
.App.Selection [type='radio']:not(:checked) + label.top-24:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #d52b1e;
  position: absolute;
  top: 30px;
  left: 6px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.App.Selection [type='radio']:checked + label:after,
.App.Selection [type='radio']:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #d52b1e;
  position: absolute;
  top: 6px;
  left: 6px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.App.Selection [type='radio']:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }

.App.Selection [type='radio']:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

@media screen and (max-width: 949px) {
  .App.Selection .CoverContentBox .ContentBox .Stage {
    padding-left: 20px;
    padding-right: 20px; }
  div.stage-content-normal {
  justify-content: normal;}
    .App.Selection .CoverContentBox .ContentBox .Stage .content-page .header-wrapper {
      padding: 0px; }
      .App.Selection .CoverContentBox .ContentBox .Stage .content-page .header-wrapper .form-title {
        margin-bottom: 20px; }
      .App.Selection .CoverContentBox .ContentBox .Stage .content-page .header-wrapper.welcome-header h1.welcome-text {
        display: block; }
      .App.Selection .CoverContentBox .ContentBox .Stage .content-page .header-wrapper.welcome-header .form-title {
        display: none; }
    .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper {
      padding: 0px;
      border: none; }
      .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper.show-border {
        padding: 30px 20px 56px 20px;
        border: solid 1px #dddddd; }
      .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .paragraph {
        margin: 20px 0px; }
        .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .paragraph.welcome-paragraph {
          margin-top: 50px; }
        .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .paragraph .welcome-note {
          display: unset; }
        .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .paragraph p,
        .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .paragraph li {
          font-size: 16px; }
      .App.Selection .CoverContentBox .ContentBox .Stage .content-page .group-wrapper .question-for-selection {
        font-size: 16px; }
  .App.Selection .CoverContentBox .MobileBottomBar {
    flex-direction: column; } }

@media screen and (max-width: 480px) {
  .selection-group .selection-item.has-sub-label label span {
    font-size: 12px !important; }
  .selection-group .selection-item label {
    font-size: 14px !important; } }