.step3 .cr_rounded {
   margin-bottom: 20px;
}

.video-container {
   display: flex;
   justify-content: center;
}

p.text-align-center {
   justify-content: center;
   display: flex;
}

.truworths_button {
   border: 1px solid #222127;
   background-color: #222127;
   color: white !important;
   padding: 12px 20px 18px 20px;
   font-size: 1rem;
}

#hide {
   display: none;
}

#header-container {
   height: 5px;
}

#header-container .justify-content-center {
   overflow: hidden;
   height: 1014px;
}

#right-container {
   overflow: hidden;
   width: 65%;
}

#left-container {
   width: 35%;
}

#text {
   transform: translateY(24px);
}

#iy3p6 {
   display: block;
   position: static;
   transform: translateX(-500px) translateY(-326px);
   width: 370px; 
}

.step2 #iy3p6 ,
.step3 #iy3p6 ,
.step4 #iy3p6 ,
.step5 #iy3p6 ,
.step6 #iy3p6 ,
.step7 #iy3p6 ,
.step8 #iy3p6 ,
.step9 #iy3p6 {
   transform: translateX(-500px) translateY(20px);
} 

#i1ih7 {
   position: static;
   width: 1132px;
   height: 858px;
   transform: translateX(348px) translateY(144px);
}

.step2 #i1ih7 ,
.step3 #i1ih7 ,
.step4 #i1ih7 ,
.step5 #i1ih7 ,
.step6 #i1ih7 ,
.step7 #i1ih7 ,
.step8 #i1ih7 ,
.step9 #i1ih7 {
   transform: translateX(348px) translateY(62px);
} 

.step2 #iimj8 {
   transform: translateX(-86px) translateY(256px);
   height: 543px;
}

.step3 #iimj8 {
   transform: translateX(-86px) translateY(161px);
   height: 543px;
}

.step4 #iimj8 {
   transform: translateX(-86px) translateY(145px);
   height: 543px;
}

.step5 #iimj8 {
   transform: translateX(-106px) translateY(161px);
   height: 543px;
}

.step6 #iimj8 ,
.step7 #iimj8 ,
.step8 #iimj8 ,
.step9 #iimj8 {
   transform: translateX(-118px) translateY(256px);
   height: 543px;
}

.step3 .truworths_button {
   border: 1px solid #222127;
   background-color: #222127;
   color: white;
   padding: 12px 20px 18px 20px;
   font-size: 20px;
}

.step4 .button .form-check label,
.button .button {
   margin: 10px 10px;
}

.button .form-check label,
.button .button {
   background-color: #0094ff;
}

.button .form-check input[type="radio"]:checked+label,
.button .form-check input[type="checkbox"]:checked+label,
.button .form-check input[type="radio"]:hover+label {
   background-color: #00d370;
}

.modal-backdrop.show {
   opacity: .5;
   z-index: 2;
}

.custom-component #label_answer_8123 {
  font-size:10px;
}

#iimj8 {
   /*form section*/
   position: relative;
   margin: 0px auto 0px auto;
   width: 100%;
   right: auto;
   transform: translateX(-96px) translateY(-33px);
}

#i9hli {
   display: none;
}

#i7f8 {
   font-family: "Montserrat", sans-serif !important;
   font-style: normal !important;
   transform: translateX(0px) translateY(43px);
   color: #444;
   text-align: center;
   font-weight: 600;
   font-size: 30px;
}

#i502 {
   font-family: "Montserrat", sans-serif !important;
   font-style: normal !important;
   font-size: 125px;
   position: static;
   transform: translateX(0px) translateY(16px);
   text-align: center;
   color: #00d370;
   font-weight: 900;
}

#ixeu {
   font-family: "Montserrat", sans-serif !important;
   font-style: normal !important;
   font-size: 77.5px;
   position: static;
   transform: translateX(1px) translateY(-29px);
   text-align: center;
   color: #00d370;
   font-weight: 900;
}

#ijq3 {
   font-family: "Montserrat", sans-serif !important;
   font-style: normal !important;
   transform: translateX(14px) translateY(-38px);
   color: #444;
   text-align: center;
   font-weight: 600;
   font-size: 30px;
   width: 417px;
}

.cr_path .form-control {
   box-shadow: inset 1px 1px 9px #2b2b2b91 !important;
   border-radius: 10px !important;
   border: 0px solid #ced4da !important;
   background-color: #ffffff !important;
   -webkit-appearance: none;
   -webkit-box-shadow: 1px 1px 9px #2b2b2b91 inset !important;
   -webkit-border-radius: 10px !important;
   -webkit-border: 0px solid #ced4da !important;
   -webkit-background-color: #ffffff !important;
}

.col-form-label {
   color: #757575;
   text-align: center !important;
}

#cr_path_content input {
   font-family: "Montserrat", sans-serif !important;
   font-style: normal !important;
   box-shadow: inset 1px 1px 9px #2b2b2b91 !important;
   border-radius: 10px !important;
   border: 0px solid #ced4da !important;
   background-color: #ffffff !important;
   text-align: center;
}

#cr_path_content select {
   font-family: "Montserrat", sans-serif !important;
   font-style: normal !important;
   box-shadow: inset 1px 1px 9px #2b2b2b91 !important;
   border-radius: 10px !important;
   border: 0px solid #ced4da !important;
   background-color: #ffffff !important;
   text-align: center;
   -webkit-appearance: none;
   -webkit-box-shadow: inset 1px 1px 9px #2b2b2b91 !important;
   -webkit-border-radius: 10px !important;
   -webkit-border: 0px solid #ced4da !important;
   -webkit-background-color: #ffffff !important;
}

#cr_path_content select:focus {
   border: 2px solid #00d370 !important;
   box-shadow: 0 0 15px #00d370 !important;
}

#cr_path_content input:focus {
   border: 2px solid #00d370 !important;
   box-shadow: 0 0 15px #00d370 !important;
}

#cr_path_content .btn-primary {
   font-family: "Montserrat", sans-serif !important;
   font-style: normal !important;
   background-color: #00d370 !important;
   border: none !important;
   border-radius: 20px;
   color: #ffffff !important;
   padding: 12px -4px !important;
   text-align: center !important;
   font-weight: 700 !important;
   width: 100%;
   font-size: 26px;
   height: 97%;
}

label {
   font-family: "Montserrat", sans-serif !important;
   font-style: normal !important;
   display: inline-block;
   margin-bottom: -0.5rem;
   font-size: 15px;
}

.step6 label ,
.step7 label {
   margin-bottom: 0.5rem;
}

#footer-container {
   margin-top: 0px;
}

#body-container {
   max-height: 994px;
}

@media (max-width: 1440px) {
   #iy3p6 {
      transform: translateX(-340px) translateY(-294px);
   }
   .step2 #iy3p6 ,
   .step3 #iy3p6 ,
   .step4 #iy3p6 ,
   .step5 #iy3p6 ,
   .step6 #iy3p6 ,
   .step7 #iy3p6 ,
   .step8 #iy3p6 ,
   .step9 #iy3p6 {
      transform: translateX(-310px) translateY(20px);
   } 

   #i1ih7 {
      width: 1132px;
      height: 961px;
      transform: translateX(400px) translateY(110px);
   }

   .step2 #i1ih7 ,
   .step3 #i1ih7 ,
   .step4 #i1ih7 ,
   .step5 #i1ih7 ,
   .step6 #i1ih7 ,
   .step7 #i1ih7 ,
   .step8 #i1ih7  ,
   .step9 #i1ih7 {
      transform: translateX(348px) translateY(-25px);
   }

   .step2 #iimj8 {
      transform: translateX(-25px) translateY(161px);
      height: 543px;
   }

   .step3 #iimj8 {
      transform: translateX(-12px) translateY(76px);
      height: 543px;
   }

   .step3 .truworths_button {
      border: 1px solid #222127;
      background-color: #222127;
      color: white;
      padding: 12px 15px 18px 15px;
      font-size: 17px;
   }

   .step4 #iimj8 {
      transform: translateX(-29px) translateY(116px);
      height: 543px;
   }

   .step5 #iimj8 {
      transform: translateX(-10px) translateY(40px);
      height: 543px;
   }

   .step6 #iimj8 ,
   .step7 #iimj8 ,
   .step8 #iimj8  ,
   .step9 #iimj8{
      transform: translateX(-18px) translateY(56px);
      height: 543px;
   }

   #body-container {
      max-height: 1048px;
   }

   #iimj8 {
      position: relative;
      margin: 0px auto 0px auto;
      width: 80%;
      right: auto;
      transform: translateX(-30px) translateY(9px);
   }

   #header-container {
      height: 20px;
   }

   #header-container .justify-content-center {
      overflow: hidden;
      height: 1073px;
   }

   #i7f8 {
      font-family: "Montserrat", sans-serif !important;
      font-style: normal !important;
      transform: translateX(0px) translateY(43px);
      color: #444;
      text-align: center;
      font-weight: 600;
      font-size: 30px;
   }

   #i502 {
      font-size: 125px;
      position: static;
      transform: translateX(-23px) translateY(16px);
      text-align: center;
      color: #00d370;
      font-weight: 900;
   }

   #ixeu {
      transform: translateX(-31px) translateY(-29px);
   }

   #ijq3 {
      font-family: "Montserrat", sans-serif !important;
      font-style: normal !important;
      transform: translateX(-31px) translateY(-36px);
      color: #444;
      text-align: center;
      font-weight: 600;
      font-size: 30px;
      width: 417px;
   }
}

@media (max-width: 1366px) {
   #iy3p6 {
      transform: translateX(-338px) translateY(-294px);
   }

   .step2 #iimj8 {
      transform: translateX(-86px) translateY(161px);
      height: 543px;
   }

   .step3 #iimj8 {
      transform: translateX(-86px) translateY(76px);
      height: 543px;
   }

   .step4 #iimj8 {
      transform: translateX(-12px) translateY(126px);
      height: 543px;
   }

   .step5 #iimj8 {
      transform: translateX(0px) translateY(56px);
      height: 543px;
   }

   .step6 #iimj8 ,
   .step7 #iimj8 ,
   .step8 #iimj8 ,
   .step9 #iimj8 {
      transform: translateX(10px) translateY(56px);
      height: 543px;
   }

   #body-container {
      max-height: 1048px;
   }

   #iimj8 {
      position: relative;
      margin: 0px auto 0px auto;
      width: 80%;
      right: auto;
      transform: translateX(-30px) translateY(9px);
   }

   #text {
      transform: translateX(-35px) translateY(24px);
      width: 80%;
   }

   #header-container {
      height: 20px;
   }

   #header-container .justify-content-center {
      overflow: hidden;
      height: 1073px;
   }

   #i7f8 {
      font-family: "Montserrat", sans-serif !important;
      font-style: normal !important;
      transform: translateX(65px) translateY(43px);
      color: #444;
      text-align: center;
      font-weight: 600;
      font-size: 30px;
   }

   #i502 {
      font-size: 125px;
      position: static;
      transform: translateX(12px) translateY(16px);
      text-align: center;
      color: #00d370;
      font-weight: 900;
   }

   #ixeu {
      transform: translateX(3px) translateY(-29px);
   }

   #ijq3 {
      font-family: "Montserrat", sans-serif !important;
      font-style: normal !important;
      transform: translateX(7px) translateY(-30px);
      color: #444;
      text-align: center;
      font-weight: 600;
      font-size: 30px;
      width: 417px;
   }
}

@media (max-width: 1280px) {
   #iy3p6 {
      transform: translateX(-339px) translateY(-294px);
   }

   .step2 #iimj8 {
      transform: translateX(-30px) translateY(172px);
   }

   .step3 #iimj8 ,
   .step4 #iimj8 ,
   .step5 #iimj8 ,
   .step6 #iimj8 ,
   .step7 #iimj8 ,
   .step8 #iimj8 ,
   .step9 #iimj8 {
      transform: translateX(-30px) translateY(50px);
   }
}

@media (max-width: 1199px) {
   #iy3p6 {
      transform: translateX(-339px) translateY(-340px);
   }
}

@media (max-width: 1024px) {

   /*step 2 styling*/
   .step2 #iy3p6 ,
   .step3 #iy3p6 ,
   .step4 #iy3p6 ,
   .step5 #iy3p6 ,
   .step6 #iy3p6 ,
   .step7 #iy3p6 ,
   .step8 #iy3p6 ,
   .step9 #iy3p6 {
      transform: translateX(-263px) translateY(-45px);
   }

   #iy3p6 {
      transform: translateX(-274px) translateY(-244px);
      width: 358px;
   }

   .step2 #i1ih7 ,
   .step3 #i1ih7 ,
   .step4 #i1ih7 ,
   .step5 #i1ih7 ,
   .step6 #i1ih7 ,
   .step7 #i1ih7 ,
   .step8 #i1ih7 ,
   .step9 #i1ih7 {
      transform: translateX(321px) translateY(34px);
   } 

   .step2 #iimj8 {
      transform: translateX(60px) translateY(161px);
      height: 543px;
   }

   .step3 #iimj8 {
      transform: translateX(33px) translateY(23px);
      height: 543px;
   }

   .step4 #iimj8 {
      transform: translateX(33px) translateY(45px);
      height: 543px;
   }

   .step5 #iimj8 ,
   .step6 #iimj8 {
      transform: translateX(33px) translateY(256px);
      height: 543px;
   }

   .step4 .button .form-check label,
   .button .button {
      margin: 5px 10px;
   }


   #header-container {
      height: 0px;
   }

   #footer-container {
      margin-top: -66px;
   }

   #i1ih7 {
      height: 803px;
      transform: translateX(314px) translateY(182px);
   }

   #ijq3 {
      font-family: "Montserrat", sans-serif !important;
      font-style: normal !important;
      transform: translateX(14px) translateY(-67px);
      color: #444;
      text-align: center;
      font-weight: 600;
      font-size: 23px;
      width: 353px;
      margin-bottom: -35px;
   }

   #ixeu {
      font-size: 56.5px;
      transform: translateX(39px) translateY(-48px);
   }

   #i502 {
      font-size: 89px;
      position: static;
      transform: translateX(50px) translateY(-11px);
      text-align: center;
      color: #00d370;
      font-weight: 900;
      width: 110%;
   }

   #i7f8 {
      font-family: "Montserrat", sans-serif !important;
      font-style: normal !important;
      transform: translateX(102px) translateY(13px);
      color: #444;
      text-align: center;
      font-weight: 600;
      font-size: 23px;
      width: 71%;
   }

   #iimj8 {
      position: relative;
      margin: 0px auto 0px auto;
      width: 85%;
      right: auto;
      transform: translateX(33px) translateY(9px);
   }
}

@media (max-width: 991px) {
   #iy3p6 {
      transform: translateX(-274px) translateY(-256px);
      width: 358px;
   }
   .step2 #i1ih7 ,
   .step3 #i1ih7 ,
   .step4 #i1ih7 ,
   .step5 #i1ih7 ,
   .step6 #i1ih7 ,
   .step7 #i1ih7 ,
   .step8 #i1ih7 ,
   .step9 #i1ih7 {
      transform: translateX(321px) translateY(-50px);
   }
}

@media (max-width: 834px) {
   .step2 #iimj8 {
      transform: translateX(152px) translateY(64px);
      height: 543px;
   }

   .step3 #iimj8 {
      transform: translateX(152px) translateY(23px);
      height: 768px;
   }

   .step4 #iimj8 {
      transform: translateX(152px) translateY(45px);
      height: 843px;
   }

   .step4 .button .form-check label,
   .button .button {
      -webkit-appearance: none;
      margin: 5px 10px;
   }

   .step5 #iimj8 {
      transform: translateX(152px) translateY(27px);
      height: 543px;
   }

   .step6 #iimj8 ,
   .step7 #iimj8 ,
   .step8 #iimj8 ,
   .step9 #iimj8 {
      transform: translateX(12px) translateY(27px);
   }

   #text {
      width: 100%;
      transform: translateX(0px) translateY(24px);
   }

   #header-container ,
   #right-container ,
   #i1ih7 {
      display: none;
   }

   #iy3p6 {
      -webkit-appearance: none;
      display: none;
   }

   #iimj8 {
      position: relative;
      margin: 0px auto 0px auto;
      width: 129%;
      right: auto;
      transform: translateX(152px) translateY(9px);
   }

   #i7f8 {
      font-family: "Montserrat", sans-serif !important;
      font-style: normal !important;
      transform: translateX(50px) translateY(21px);
      color: #444;
      text-align: center;
      font-weight: 600;
      font-size: 23px;
   }

   #ijq3 {
      font-family: "Montserrat", sans-serif !important;
      font-style: normal !important;
      transform: translateX(-3px) translateY(-45px);
      color: #444;
      text-align: center;
      font-weight: 600;
      font-size: 23px;
      width: 353px;
      margin-bottom: -35px;
   }

   #ixeu {
      transform: translateX(-12px) translateY(-35px);
   }

   #i502 {
      transform: translateX(-19px) translateY(-1px);
   }

   #body-container {
      max-height: 1170px;
      margin-bottom: 170px;
   }
}

@media (max-width: 820px) {
   #header-container ,
   #right-container {
      display: none;
   }

   #i9hli {
      display: block;
   }

   #ixeu {
      transform: translateX(-14px) translateY(-29px);
   }

   #body-container {
      max-height: 1170px;
      margin-bottom: 170px;
   }
}

@media (max-width: 800px) {
   #ixeu {
      transform: translateX(22px) translateY(-36px);
      width: 73%;
   }

   #i502 {
      font-size: 89px;
      position: static;
      transform: translateX(34px) translateY(-3px);
      text-align: center;
      color: #00d370;
      font-weight: 900;
      width: 66%;
   }
}

@media (max-width: 768px) {
   #header-container ,
   #right-container {
      display: none;
   }

   #left-container {
      width: 100%;
   }

   .row.justify-content-left {
      justify-content: center;
   }

   #iimj8 {
      position: relative;
      margin: 0px auto 0px auto;
      width: 100%;
      right: auto;
      transform: unset;
   }

   #text {
      width: 100%;
      transform: unset;
   }

   #i7f8 {
      font-family: "Montserrat", sans-serif !important;
      font-style: normal !important;
      color: #444;
      text-align: center;
      font-weight: 600;
      font-size: 23px;
      transform: unset;
      margin-left: auto;
      margin-right: auto;
      margin-top: 50px;
      margin-bottom: 0;
   }

   #ijq3 {
      transform: unset;
      width: 350px;
      margin-left: -35px;
      margin-bottom: auto;
      margin-top: -10px;

   }

   #ixeu {
      transform: unset;
      width: auto;
      margin-top: -25px;
      margin-left: -15px;

   }

   #i502 {
      transform: unset;
      width: auto;
      margin-left: -5px;
      margin-bottom: 0;
      margin-top: -15px;

   }

   #body-container {
      max-height: 1170px;
      margin-bottom: 170px;
   }

   .step2 #iimj8 ,
   .step3 #iimj8 ,
   .step4 #iimj8 ,
   .step5 #iimj8 ,
   .step6 #iimj8 ,
   .step7 #iimj8 ,
   .step8 #iimj8 ,
   .step9 #iimj8 {
      transform: unset;
      height: auto;
      margin-top: 50px;
   }
}

@media (max-width: 475px) {

   #body-container {
      height: auto;
      margin-bottom: 90px;
      width: 100%;
      overflow-x: hidden;
      min-height: 700px;
      display: flex;


      align-items: center;

   }

   #left-container {

      width: 100%;
   }

   #text {
      width: 100%;
      transform: unset;
      margin: auto;
   }

   #i7f8 {
      transform: unset;
      font-size: 25px;
      margin: auto;
      margin-top: 50px;
   }

   #i502 {
      font-size: 97px;
      margin: auto;
   }

   #ixeu {
      font-size: 63.5px;
      margin: auto;
      margin-top: -25px;
   }

   #ijq3 {
      transform: unset;
      font-size: 25px;
      width: auto;
      margin: auto;
   }

   #i9hli {
      width: auto;
      margin: auto;
   }

   form.path_form {
      width: auto;
      margin: auto;
   }

   #iimj8 {
      position: relative;
      margin: 0px auto 0px auto;
      width: 100%;
      right: unset;
      transform: unset;
   }

   .row.justify-content-left {
      justify-content: center !important;
   }


   #step_1 .question {
      width: 100%;
      margin-left: auto !important;
      margin-right: auto;
   }

   #cr_path_content .btn-primary {

      width: 95%;
      margin-left: auto;
      margin-right: auto;
   }
}

@media (max-width: 435px) {

   #ijq3 {
      font-size: 25px;
   }

   #ixeu {
      font-size: 63px;

   }

   #i7f8 {
      font-size: 25px;
   }

}

@media (max-width: 430px) {
   .step3 .truworths_button {
      padding: 12px 10px 18px 10px;
   }

   #i502 {
      font-size: 95px;

   }

   #i7f8 {

      font-size: 25px;

   }
}

@media (max-width: 420px) {
   .step3 .truworths_button {
      font-size: 18px;
   }
}

@media (max-width:414px) {

   #ijq3 {
      font-size: 23px;

   }


}

@media(max-width:393px) {
   .step3 .truworths_button {
      font-size: 16px;
   }
}

@media(max-width:390px) {

   #ixeu {

      font-size: 55px;

   }

   #i502 {

      font-size: 90px;

   }

   #ijq3 {

      font-size: 22px;

   }

}

@media (max-width: 382px) {
   .step3 .truworths_button {
      font-size: 16px;
   }
}

@media (max-width: 375px) {
   .step3 .truworths_button {
      font-size: 16px;
   }
}

@media (max-width: 360px) {
   #ijq3 {
      font-size: 21px;
   }

   #i7f8 {
      font-size: 21px;
   }
}

@media (max-width: 344px) {
   .step3 .truworths_button {
      font-size: 14px;
   }
}

@media (max-width: 325px) {
   .step3 .truworths_button {
      padding: 12px 10px 14px 10px;
      font-size: 14px;
   }

   .step2 label {
      text-align: center;
   }

   .step2 .button .form-check label,
   .button .button {

      margin: 3px 1px;
   }

   #ijq3 {

      font-size: 18px;
   }

   #ixeu {

      font-size: 46px;
   }

   #i502 {
      font-size: 70px;
   }

   #i7f8 {

      font-size: 18px;
   }

}

@media (max-width: 272px) {

   #ixeu {
      font-size: 38px;
   }

}

@media (max-width: 247px) {

   #i502 {
      font-size: 61px;
   }

   #ixeu {
      font-size: 34px;
   }
}

@media (max-width: 211px) {

   #i502 {
      font-size: 49px;
   }

   #ixeu {
      font-size: 26px;
   }

}