.PremierL2F-wizard {
   font-size: 16px;
   letter-spacing: 0px;
   display: block;
   width: 100%;
   max-width: 1600px;
   margin: 40px auto;
   position: relative;
   border-radius: 10px;
   transition: all .3s ease-in-out;
}

.PremierL2F-wizard .hide-for-small {
   display: block;
}

.PremierL2F-wizard .show-for-small,
.L2F-page-results-1,
.L2F-page-results-2,
.L2F-page-results-3 {
   display: none;
}


.PremierL2F-wizard .fieldset {
   display: block;
   width: 100%;
   background: #f7f7f7;
   border-radius: 10px;
   padding: 60px 120px 120px 120px;
   position: absolute;
   visibility: hidden;
   opacity: 0;
   z-index: -1;
   top: 0;
   left: 0;
   overflow: hidden;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   transition: all .3s ease-in-out;
}

.PremierL2F-wizard .fieldset.active {
   position: relative;
   visibility: visible;
   z-index: 1;
   opacity: 1;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
}

.PremierL2F-wizard .radio {
   color: #2e1a47;
   font-weight: 600;
   font-size: 1.5em;
   line-height: 26px;
   position: relative;
   z-index: 1;
   padding-left: 35px;
}

.PremierL2F-wizard .radio > .custom-radio {
   opacity: 0;
   width: 25px;
   height: 25px;
   position: absolute;
   left: 0;
   top: 0px;
   z-index: 2;
   cursor: pointer;
   transition: all .3s ease-in-out;
}

.PremierL2F-wizard .radio::before {
   content: '';
   display: block;
   width: 25px;
   height: 25px;
   border: 2px solid #2e1a47;
   border-radius: 50%;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: -1;
   transition: all .3s ease-in-out;
}

.PremierL2F-wizard .radio::after {
   content: '';
   display: block;
   width: 17px;
   height: 17px;
   border-radius: 50%;
   background: #2e1a47;
   position: absolute;
   left: 4px;
   top: 4px;
   opacity: 0;
   z-index: -1;
   transition: all .3s ease-in-out;
}

.PremierL2F-wizard .radio.focus::before,
.PremierL2F-wizard .radio:hover::before {
   content: '';
   border: 2px solid #7D6A93;
}

.PremierL2F-wizard .radio.focus::after,
.PremierL2F-wizard .radio:hover::after {
   content: '';
   background: #7D6A93;
   opacity: 1;
}

.PremierL2F-wizard .radio::before {
   content: '';
   border: 2px solid #2e1a47;
}

.PremierL2F-wizard .radio.checked::after {
   content: '';
   opacity: 1;
   background: #2e1a47;
}

.PremierL2F-wizard .fill {
   float: right;
}

.PremierL2F-wizard button,
.PremierL2F-wizard .button-link:link,
.PremierL2F-wizard .button-link:visited {
   border-radius: 4px;
   font-weight: 400;
   outline: none;
   background: #2e1a47;
   box-shadow: 0 0 0 2px #2e1a47;
   border: 1px solid transparent;
   color: #ffffff;
   font-size: 1.125em;
   line-height: 24px;
   padding: 11px 16px;
   white-space: nowrap;
   max-height: 66px;
   text-align: center;
   text-decoration: none;
   opacity: 1;
   transition: all .3s ease-in-out;
}

.PremierL2F-wizard button:hover,
.PremierL2F-wizard button:focus,
.PremierL2F-wizard .button-link:hover,
.PremierL2F-wizard .button-link:active,
.PremierL2F-wizard .button-link:focus,
.PremierL2F-wizard .next:focus {
   color: #2E1A47;
   background: transparent;
   border: 1px solid #2e1a47;
   box-shadow: 0 0 0 2px #2e1a47;
}

.PremierL2F-wizard .previous {
   border-radius: 4px;
   font-weight: 400;
   outline: none;
   background: transparent;
   box-shadow: 0 0 0 2px #2e1a47;
   border: 1px solid transparent;
   color: #2e1a47;
   font-size: 1.125em;
   line-height: 24px;
   padding: 11px 16px;
   white-space: nowrap;
   max-height: 66px;
   text-align: center;
   text-decoration: none;
   opacity: 1;
   transition: all .3s ease-in-out;
}

.PremierL2F-wizard .previous:hover,
.PremierL2F-wizard .previous:focus {
   color: #ffffff;
   background: #2e1a47;
   border: 1px solid #2e1a47;
   box-shadow: 0 0 0 2px #2e1a47;
}

.PremierL2F-wizard button:disabled,
.PremierL2F-wizard button:disabled:hover {
   border: 1px solid transparent;
   color: #ffffff;
   background: rgba(201, 201, 201, 0.6);
   box-shadow: 0 0 0 2px rgba(201, 201, 201, 0.6);
   opacity: 0;
}

.PremierL2F-wizard .eyebrow-heading {
   display: block;
   font-weight: 400;
   font-size: 1.5em;
   line-height: 30px;
   color: #7D6A93;
   margin: 40px 0 15px 0;
   text-transform: uppercase;
}

.PremierL2F-wizard .panel-question {
   display: block;
   font-size: 3em;
   line-height: 54px;
   color: #2E1A47;
   margin: 0 0 60px 0;
   max-width: 88%;
}

.PremierL2F-wizard .panel-question.PremierL2F-title {
   max-width: 100%;
}

.PremierL2F-wizard .panel-question#second-eyes {
   max-width: 85%;
}

.PremierL2F-wizard .panel-question.all-done {
   text-align: center;
   margin-bottom: 40px;
   max-width: 100%;
}

.PremierL2F-wizard p {
   color: #2e1a47;
   font-size: 1.125em;
   line-height: 24px;
   margin: 0 0 80px 0;
}

.PremierL2F-wizard .ul-radios {
   margin: 0;
   padding: 0;
   list-style: none;
   margin-bottom: 40px;
}

.PremierL2F-wizard .ul-radios li {
   margin-bottom: 20px;
}

.PremierL2F-wizard .pusher {
   margin-right: 20px;
}

.PremierL2F-wizard .intro-img {
   width: 100%;
}

.PremierL2F-wizard .intro-img .st0 {
   fill: none;
   stroke: #9E95B7;
   stroke-width: 3;
   stroke-linecap: round;
   stroke-linejoin: round;
}

.PremierL2F-wizard .intro-img .st1 {
   fill: none;
   stroke: #7C6992;
   stroke-width: 3;
   stroke-miterlimit: 10;
}

.PremierL2F-wizard .intro-img .st2 {
   fill: none;
   stroke: #9E95B7;
   stroke-width: 3;
   stroke-miterlimit: 10;
}

.PremierL2F-wizard .intro-img .st3 {
   clip-path: url(https://es.truist.com/content/dam/truist-bank/css/quiz/l2f-premier/#SVGID_00000034769982115152719600000006403073801508704669_);
}

.PremierL2F-wizard .intro-img .st4 {
   fill: none;
   stroke: #7C6992;
   stroke-width: 3;
   stroke-linecap: round;
}

.PremierL2F-wizard .intro-img .st5 {
   fill: #FFFFFF;
   stroke: #7C6992;
   stroke-width: 3;
   stroke-linecap: round;
}

.PremierL2F-wizard .intro-img .st6 {
   fill: none;
   stroke: #CECAE4;
   stroke-width: 3;
   stroke-miterlimit: 10;
}

.PremierL2F-wizard .intro-img .st7 {
   clip-path: url(https://es.truist.com/content/dam/truist-bank/css/quiz/l2f-premier/#SVGID_00000142156281628800653680000017927817554104355715_);
}

.PremierL2F-wizard .intro-img .st8 {
   fill: none;
   stroke: #7C6992;
}

.PremierL2F-wizard .intro-img .st9 {
   fill: none;
   stroke: #7C6992;
   stroke-width: 3;
}

.PremierL2F-wizard .intro-img .st10 {
   opacity: 0.01;
   fill: none;
   stroke: #7C6992;
   enable-background: new;
}

.PremierL2F-wizard .intro-img .st11 {
   fill: none;
   stroke: #9E95B7;
   stroke-width: 2;
   stroke-linecap: round;
}

.PremierL2F-wizard .intro-img .st12 {
   fill: none;
   stroke: #9E95B7;
   stroke-width: 2;
   stroke-linecap: round;
   stroke-dasharray: 5, 5;
}

.PremierL2F-wizard .intro-img .st13 {
   fill: #AFABC9;
}

.PremierL2F-wizard .intro-img .st14 {
   fill: #7C6992;
}

.PremierL2F-wizard .intro-img .st15 {
   fill: #CECAE4;
}

.PremierL2F-wizard .fieldset-controls {
   display: flex;
   align-items: center;
}

.PremierL2F-wizard .progress-container {
   position: relative;
   z-index: 3;
   padding: 0 6%;
}

.PremierL2F-wizard .progress-label{
   color: #7d6a93;
   font-size: 1em;
   display: inline-block;
   width: 15%;
}

.PremierL2F-wizard .progress-label.show-for-small {
   display: none;
}

.PremierL2F-wizard .progress {
   position: relative;
   overflow: visible;
   height: 16px;
   background: #beb6d7;
   max-width: 100%;
   margin: 0 auto;
   overflow: hidden;
}

.PremierL2F-wizard .progress .bg-midnight {
   background-color: var(--truClrMidnight);
}

.PremierL2F-wizard .progress-bar-fill {
   position: absolute;
   top: -25px;
   right: 0;
   color: #2e1a47;
   font-size: 1em;
   font-weight: 600;
}

.PremierL2F-wizard .next {
   margin-right: 200px;
}

.PremierL2F-wizard .card {
   display: none;
   width: 100%;
   background: #ffffff;
   border-radius: 10px;
   overflow: hidden;
   border: 0;
}

.PremierL2F-wizard .card .card-title {
   width: 100%;
   background: #C9C5E2;
   color: #3C1D5D;
   text-align: center;
   font-size: 2.25em;
   padding: 20px 0;
   margin: 0;
}

.PremierL2F-wizard .card .card-body {
   padding: 80px 200px 0;
   color: #424242;
}

.PremierL2F-wizard .card .card-body p {
   margin-bottom: 40px;
   font-size: 1.25em;
   line-height: 26px;
   color: #424242;
}

.PremierL2F-wizard .card .card-body p.intro {
   padding-left: 40px;
}

.PremierL2F-wizard .card .card-body p.midtro {
   font-weight: 600;
   color: #2e1a47;
}

.PremierL2F-wizard .card .card-body p.outro {
   padding-left: 40px;
   font-weight: 600;
   color: #2e1a47;
}

.PremierL2F-wizard .card .card-body .checkpoint {
   margin: 0 0 40px 0;
   padding: 0 0 0 40px;
   list-style: none;
}

.PremierL2F-wizard .card .card-body .checkpoint.first-of-two {
   margin: 0 0 40px 0;
}

.PremierL2F-wizard .card .card-body .checkpoint li {
   margin: 0 0 20px 0;
   font-size: 1.125em;
   line-height: 24px;
   width: 100%;
   position: relative;
   display: flex;
   align-items: center;
}

.PremierL2F-wizard .card .card-body .checkpoint li svg {
   margin: -5px 10px 0 0;
   min-width: 20px
}

.PremierL2F-wizard .card .card-footer {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0 0 40px 0;
   border-top: none;
   background: #ffffff;
}

@media (min-width: 0px) and (max-width: 1364px) {
   .PremierL2F-wizard .next {
      margin-right: 0px;
   }
   .PremierL2F-wizard .card .card-body {
      padding: 60px 60px 0;
   }
}

@media (min-width: 1024px) and (max-width: 1100px) {
   .PremierL2F-wizard .fieldset {
      padding: 40px 80px 80px 80px;
   }
   .PremierL2F-wizard .card .card-title {
      padding-right: 40px;
      padding-left: 40px;
   }
   .PremierL2F-wizard .card .card-body {
      padding: 60px 60px 0;
   }
}

@media (min-width: 768px) and (max-width: 1023px) {
   .PremierL2F-wizard .fieldset {
      padding: 40px 80px 80px 80px;
   }
   .PremierL2F-wizard .ul-radios {
      margin-bottom: 20px;
   }
   .PremierL2F-wizard .ul-radios li {
      margin-bottom: 10px;
   }
   .PremierL2F-wizard .radio {
      font-size: .875em;
      line-height: 20px;
   }
   .PremierL2F-wizard .hide-for-small {
      display: none;
   }
   .PremierL2F-wizard .show-for-small {
      display: block;
   }
   .PremierL2F-wizard .fieldset-controls {
      justify-content: space-between;
   }
   .PremierL2F-wizard .progress-container {
      padding: 0;
   }
   .PremierL2F-wizard .eyebrow-heading {
      font-size: 1.125em;
      line-height: 24px;
   }
   .PremierL2F-wizard .panel-question {
      font-size: 1.75em;
      line-height: 34px;
      margin: 0 0 20px 0;
      max-width: 100%;
   }
   .PremierL2F-wizard p {
      font-size: 1em;
      line-height: 20px;
      margin: 0 0 40px 0;
   }
   .PremierL2F-wizard .progress-label.show-for-small {
      display: block;
      width: 100%;
      text-align: center;
      padding: 40px 0 10px 0;
   }
   .PremierL2F-wizard .card .card-title {
      font-size: 1.25em;
      line-height: 26px;
      font-weight: 600;
      padding-right: 40px;
      padding-left: 40px;
   }
   .PremierL2F-wizard .card .card-body {
      padding: 40px 60px 0;
   }
}

@media (min-width: 768px) and (max-width: 991px) {
   .PremierL2F-wizard .intro-img {
       width: 100%;
       max-width: 80%;
       margin: 0 auto;
   }
   .PremierL2F-wizard .eyebrow-heading {
      font-size: 1.125em;
      line-height: 24px;
   }
   .PremierL2F-wizard .panel-question {
      font-size: 1.75em;
      line-height: 34px;
      margin: 0 0 20px 0;
      max-width: 100%;
   }
   .PremierL2F-wizard p {
      font-size: 1em;
      line-height: 22px;
      margin: 0 0 30px 0;
   }
   .PremierL2F-wizard .ul-radios li {
      margin-bottom: 10px;
   }
   .PremierL2F-wizard .radio {
      font-size: .875em;
      line-height: 20px;
   }
   .PremierL2F-wizard .radio::before {
      top: -2px;
   }
   .PremierL2F-wizard .radio::after {
      top: 2px;
   }
   .PremierL2F-wizard .card .card-title {
      font-size: 1.25em;
      line-height: 26px;
      font-weight: 600;
      padding-right: 40px;
      padding-left: 40px;
   }
   .PremierL2F-wizard .card .card-body {
      padding: 20px 40px 0;
   }
   .PremierL2F-wizard .card .card-body p {
      font-size: 1em;
      line-height: 22px;
      margin-bottom: 20px;
   }
   .PremierL2F-wizard .card .card-body p.outro {
      padding-left: 0px;
   }
   .PremierL2F-wizard .card .card-body .checkpoint {
      margin: 0 0 40px 0;
      padding: 0;
   }
   .PremierL2F-wizard .card .card-body .checkpoint li {
      margin: 0 0 10px 0;
      font-size: .875em;
      line-height: 20px;
   }
}

@media (min-width: 0px) and (max-width: 767px) {
   .PremierL2F-wizard .fieldset {
      padding: 20px 20px 20px 20px;
   }
   .PremierL2F-wizard .intro-img {
      width: 100%;
      max-width: 80%;
      margin: 0 auto;
   }
   .PremierL2F-wizard .eyebrow-heading {
      font-size: 1.125em;
      line-height: 24px;
   }
   .PremierL2F-wizard .panel-question {
      font-size: 1.75em;
      line-height: 34px;
      margin: 0 0 20px 0;
      max-width: 100%;
   }
   .PremierL2F-wizard p {
      font-size: 1em;
      line-height: 22px;
      margin: 0 0 20px 0;
   }
   .PremierL2F-wizard .ul-radios li {
      margin-bottom: 10px;
   }
   .PremierL2F-wizard .radio {
      font-size: .875em;
      line-height: 20px;
   }
   .PremierL2F-wizard .radio::before {
      top: -2px;
   }
   .PremierL2F-wizard .radio::after {
      top: 2px;
   }
   .PremierL2F-wizard .small-full {
      width: 100%;
   }
   .PremierL2F-wizard .hide-for-small {
      display: none;
   }
   .PremierL2F-wizard .show-for-small {
      display: block;
   }

   .PremierL2F-wizard .fieldset-controls {
      justify-content: space-between;
   }
   .PremierL2F-wizard .progress-container {
      padding: 0;
   }
   .PremierL2F-wizard .progress-label.show-for-small{
      display: block;
         width: 100%;
         text-align: center;
         padding: 40px 0 10px 0;
   }
   .PremierL2F-wizard .panel-question.all-done {
      margin-bottom: 20px;
   }
   .PremierL2F-wizard .card .card-title {
      font-size: 1.25em;
      line-height: 26px;
      padding-right: 20px;
      padding-left: 20px;
      font-weight: 600;
   }
   .PremierL2F-wizard .card .card-body {
      padding: 20px 40px  0;
   }
   .PremierL2F-wizard .card .card-body p {
      font-size: 1em;
      line-height: 22px;
      margin-bottom: 20px;
   }
   .PremierL2F-wizard .card .card-body p.outro {
      padding-left: 0px;
   }
   .PremierL2F-wizard .card .card-body .checkpoint {
      margin: 0 0 40px 0;
      padding: 0;
   }
   .PremierL2F-wizard .card .card-body .checkpoint li {
      margin: 0 0 10px 0;
      font-size: .875em;
      line-height: 20px;
   }
   .PremierL2F-wizard .card .card-footer {
      padding: 0 40px 40px;
   }
}

@media (min-width: 0px) and (max-width: 575px) {
   .order-sm-1 {
      -ms-flex-order: 1;
      order: 1;
   }
   .order-sm-2 {
      -ms-flex-order: 2;
      order: 2;
   }
   .PremierL2F-wizard .intro-img {
      max-width: 100%;
   }
   .PremierL2F-wizard .panel-question.all-done {
      margin-bottom: 20px;
   }
   .PremierL2F-wizard .card .card-body {
      padding: 20px 20px 20px 20px;
   }
   .PremierL2F-wizard .card .card-body .checkpoint {
      margin: 0 0 20px 0;
      padding: 0 0 0 0px;
   }
      .PremierL2F-wizard .card .card-footer {
         padding: 0 20px 40px;
      }
}