@import url("https://fonts.cdnfonts.com/css/roboto");
h1,
h2,
b {
  font-weight: normal;
}

html,
body {
  font-family: "Roboto", sans-serif;
  margin: 0;
  height: 100%;
}
html.overlayOpen,
body.overlayOpen {
  overflow: hidden;
}
html button,
body button {
  font-family: "Roboto", sans-serif;
}

body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

:root {
  --cart-top: 37px;
  --cart-width: 360px;
  --previous-container-scroll: 100vh;
  --negative-previous-container-scroll: -100vh;
}
@media screen and (max-width: 1200px) {
  :root {
    --cart-width: 300px;
  }
}
@media screen and (max-width: 800px) {
  :root {
    --cart-width: 200px;
  }
}
@media screen and (max-width: 600px) {
  :root {
    --cart-width: 0;
    --previous-container-scroll: 200vh;
    --negative-previous-container-scroll: -200vh;
  }
}

h1,
h2,
h3,
p {
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: 16px;
}

main {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position-x: center;
  transition: background-image 600ms ease-in-out;
}
main .mobileBackground {
  display: none;
}
main.initImage {
  background-image: url("./../img/backgrounds/initial.jpg") !important;
  background-size: auto 105%;
}
main .backFilter2 {
  display: none;
}
@media screen and (max-width: 600px) {
  main:not(.initImage) {
    background-image: none !important;
  }
  main:not(.initImage) .backFilter {
    display: none;
  }
  main:not(.initImage) .backFilter2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    background-color: #e7e1dc;
  }
}
main .backFilter {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}
@media screen and (max-width: 600px) {
  main .mobileBackground {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent, transparent 40%, rgba(255, 255, 255, 0.7019607843) 80%);
  }
}

.custom-btn {
  margin-top: 20px;
  height: 46px;
  width: 256px;
  border-radius: 25px;
  background-color: #005eb8;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  letter-spacing: 2px;
  border: none;
  cursor: pointer;
}
.custom-btn img {
  width: 15px;
  margin-left: 10px;
}
.custom-btn.disabled {
  opacity: 30%;
  cursor: default;
  pointer-events: none;
}
.custom-btn.white {
  background-color: #fff;
  color: #005eb8;
}
.custom-btn.black {
  background-color: #000;
  color: #fff;
}
.custom-btn.outline {
  background-color: transparent;
  color: #000;
  border: 1px solid #000;
  height: 44px;
}
.custom-btn.skipQuestion {
  margin-top: 0;
  margin-bottom: 25px;
}
@media screen and (max-width: 600px) {
  .custom-btn.skipQuestion {
    margin-top: 25px;
  }
}
.custom-btn span {
  text-align: center;
  font-family: "Roboto", sans-serif;
}

.initialContainer,
.cart,
.mobileCart,
.nextPrevSmallContainer,
.loader {
  z-index: 1;
  display: none;
}

.finalContainer {
  display: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1000ms ease;
}

.stepContainer {
  display: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms ease;
}

.initialState {
  display: block;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.initialState .initialContainer {
  display: block;
  max-width: 1100px;
  width: 90%;
  padding-top: 150px;
}
.initialState .initialContainer .top {
  display: grid;
  grid-template-columns: 330px auto;
  margin-bottom: 30px;
}
.initialState .initialContainer h1,
.initialState .initialContainer h2,
.initialState .initialContainer p {
  margin-bottom: 10px;
}
.initialState .initialContainer h1 {
  font-size: 52px;
  font-family: "Roboto", sans-serif;
  line-height: 1;
}
.initialState .initialContainer h1 .solutionBuilder {
  color: #005eb8;
}
.initialState .initialContainer h1 .twoWay {
  white-space: nowrap;
}
.initialState .initialContainer h1 .solutionBuilder {
  font-size: 34px;
}
.initialState .initialContainer h2 {
  font-size: 22px;
  font-size: 13px;
  font-weight: normal;
}
.initialState .initialContainer p {
  font-size: 13px;
}
.initialState .initialContainer .content > * {
  padding-left: 40px;
}
.initialState .initialContainer .imgContainer img {
  width: 330px;
}
.initialState .initialContainer .second {
  display: none;
}
@media screen and (max-width: 1200px) {
  .initialState .initialContainer {
    padding-top: 80px;
  }
  .initialState .initialContainer .first p,
  .initialState .initialContainer .first .custom-btn {
    display: none;
  }
  .initialState .initialContainer .second {
    display: block;
  }
  .initialState .initialContainer .second h2 {
    display: none;
  }
  .initialState .initialContainer h2 {
    margin-bottom: 0;
  }
  .initialState .initialContainer p {
    margin-bottom: 30px;
  }
  .initialState .initialContainer .content > * {
    padding-left: 20px;
  }
}
@media screen and (max-width: 800px) {
  .initialState .initialContainer h1 {
    font-size: 46px;
  }
  .initialState .initialContainer .top {
    grid-template-columns: 250px auto;
    margin-bottom: 15px;
  }
  .initialState .initialContainer .first h2 {
    display: none;
  }
  .initialState .initialContainer .second h2 {
    display: block;
  }
  .initialState .initialContainer .imgContainer {
    padding-right: 0;
    flex: 250px 0 1;
  }
  .initialState .initialContainer .imgContainer img {
    width: 100%;
    max-width: 250px;
  }
  .initialState .initialContainer .content {
    flex: auto 1 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }
  .initialState .initialContainer p {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .initialState {
    align-items: center;
  }
  .initialState .initialContainer {
    padding-top: 0;
  }
  .initialState .initialContainer .content > * {
    padding-left: 0;
  }
  .initialState .initialContainer .imgContainer img {
    max-width: 260px;
  }
  .initialState .initialContainer .top {
    display: block;
    margin-bottom: 10px;
  }
}

.stepState,
.preFinalState {
  display: flex;
  align-items: center;
  justify-content: center;
}
.stepState .loader,
.preFinalState .loader {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  height: 10px;
  background-color: #b3b3b3;
  z-index: 2;
}
.stepState .loader .percentage,
.preFinalState .loader .percentage {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #005eb8;
  transition: width 600ms ease;
}
.stepState .stepContainer,
.preFinalState .stepContainer {
  max-width: 1100px;
  display: block;
  opacity: 1;
  pointer-events: all;
  width: 90%;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.stepState .stepContainer .prevContainer,
.stepState .stepContainer .currentContainer,
.preFinalState .stepContainer .prevContainer,
.preFinalState .stepContainer .currentContainer {
  position: absolute;
  width: 100%;
  transition: transform 600ms ease;
  transform: translateY(-50%);
  top: 50%;
}
.stepState .stepContainer .prevContainer,
.preFinalState .stepContainer .prevContainer {
  z-index: 0;
}
.stepState .stepContainer .currentContainer,
.preFinalState .stepContainer .currentContainer {
  z-index: 1;
}
.stepState .stepContainer.preAnimate .currentContainer,
.stepState .stepContainer.preAnimate .prevContainer, .stepState .stepContainer.preAnimatePrev .currentContainer,
.stepState .stepContainer.preAnimatePrev .prevContainer,
.preFinalState .stepContainer.preAnimate .currentContainer,
.preFinalState .stepContainer.preAnimate .prevContainer,
.preFinalState .stepContainer.preAnimatePrev .currentContainer,
.preFinalState .stepContainer.preAnimatePrev .prevContainer {
  transition: none;
}
.stepState .stepContainer.preAnimate .prevContainer, .stepState .stepContainer.preAnimatePrev .prevContainer,
.preFinalState .stepContainer.preAnimate .prevContainer,
.preFinalState .stepContainer.preAnimatePrev .prevContainer {
  transform: translateY(-50%);
}
.stepState .stepContainer.preAnimate .currentContainer,
.preFinalState .stepContainer.preAnimate .currentContainer {
  transform: translateY(var(--previous-container-scroll));
}
.stepState .stepContainer.preAnimatePrev .currentContainer,
.preFinalState .stepContainer.preAnimatePrev .currentContainer {
  transform: translateY(var(--negative-previous-container-scroll));
}
.stepState .stepContainer.preAnimatePrev[data-step="8"] .currentContainer,
.preFinalState .stepContainer.preAnimatePrev[data-step="8"] .currentContainer {
  transform: translateY(-200vh);
}
.stepState .stepContainer.animate .prevContainer,
.preFinalState .stepContainer.animate .prevContainer {
  transform: translateY(var(--negative-previous-container-scroll));
}
.stepState .stepContainer.animate .currentContainer,
.preFinalState .stepContainer.animate .currentContainer {
  transform: translateY(-50%);
}
.stepState .stepContainer.animatePrev .prevContainer,
.preFinalState .stepContainer.animatePrev .prevContainer {
  transform: translateY(var(--previous-container-scroll));
}
.stepState .stepContainer.notAnimate .prevContainer,
.preFinalState .stepContainer.notAnimate .prevContainer {
  transition: none;
  opacity: 0;
  transform: translateY(-50%);
  z-index: 0;
}
@media screen and (max-width: 600px) {
  .stepState .stepContainer.notAnimate .prevContainer,
  .preFinalState .stepContainer.notAnimate .prevContainer {
    opacity: 0;
  }
}
.stepState .stepContainer.animate[data-step="9"] .prevContainer,
.preFinalState .stepContainer.animate[data-step="9"] .prevContainer {
  transform: translateY(-200vh);
}
.stepState .stepContainer .sectionTitle,
.preFinalState .stepContainer .sectionTitle {
  font-size: 15px;
  margin-bottom: 20px;
  color: #78726e;
}
.stepState .stepContainer .currentQuestion,
.preFinalState .stepContainer .currentQuestion {
  font-size: 32px;
  margin-bottom: 27px;
}
.stepState .stepContainer .questionInfo,
.preFinalState .stepContainer .questionInfo {
  margin-bottom: 27px;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 100%;
  gap: 15px 35px;
  flex-wrap: wrap;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container .info,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container .info {
  width: 31px;
  height: 31px;
  position: absolute;
  position: absolute;
  bottom: 15px;
  right: 15px;
  padding-top: 10px;
  cursor: pointer;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container .info img,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container .info img {
  width: 100%;
  height: auto;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container .infoHovered,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container .infoHovered {
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 15px 20px;
  width: calc(100% - 80px);
  left: 25px;
  bottom: 55px;
  z-index: 1;
  line-height: 16px;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container .info:hover ~ .infoHovered,
.stepState .stepContainer .radioQuestionContainer .form-check-container .infoHovered:hover,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container .info:hover ~ .infoHovered,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container .infoHovered:hover {
  display: block;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-1, .stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-2, .stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-7, .stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-3,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-1,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-2,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-7,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-3 {
  grid-template-columns: 1fr;
}
@media screen and (max-height: 700px) and (min-width: 600px) {
  .stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-1, .stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-2, .stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-3,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-1,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-2,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-3 {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-4,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-4 {
  grid-template-columns: 1fr;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.large,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.large {
  grid-template-columns: 1fr 1fr 1fr;
  font-size: 16px;
  gap: 15px;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.large.questionContainer-7,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.large.questionContainer-7 {
  grid-template-columns: 1fr 1fr;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.large.questionContainer-8,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.large.questionContainer-8 {
  grid-template-columns: 1fr 1fr;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.large .questionContainer-8-radio-p,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.large .questionContainer-8-radio-p {
  grid-column-start: 1;
  grid-column-end: 2;
}
@media screen and (min-width: 600px) {
  .stepState .stepContainer .radioQuestionContainer .form-check-container.large .questionContainer-8-radio-p,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.large .questionContainer-8-radio-p {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media screen and (max-width: 600px) {
  .stepState .stepContainer .radioQuestionContainer .form-check-container.large .questionContainer-8-radio-p,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.large .questionContainer-8-radio-p {
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container.large.questionContainer-7, .stepState .stepContainer .radioQuestionContainer .form-check-container.large.questionContainer-8, .stepState .stepContainer .radioQuestionContainer .form-check-container.large.questionContainer-9,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.large.questionContainer-7,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.large.questionContainer-8,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.large.questionContainer-9 {
    grid-template-columns: 1fr !important;
  }
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.large .infoHovered,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.large .infoHovered {
  font-size: 12px;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.large .form-check-label,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.large .form-check-label {
  height: calc(100% - 45px);
  padding: 15px 55px 30px 25px;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.large .form-check-label.hasInfo,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.large .form-check-label.hasInfo {
  min-height: 30px;
  padding: 15px 55px 30px 25px;
  height: calc(100% - 45px);
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.large .form-check-label::after,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.large .form-check-label::after {
  top: 15px;
  right: 15px;
  left: unset;
  transform: none;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.large .form-check-label::before,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.large .form-check-label::before {
  top: 16px;
  right: 21px;
  left: unset;
  transform: none;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.large b,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.large b {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.large b:last-child,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.large b:last-child {
  margin-bottom: 0;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.large ul,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.large ul {
  padding: 0;
  margin: 0 0 0 20px;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.large ul li,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.large ul li {
  margin-bottom: 10px;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container.large ul li:last-child,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container.large ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 800px) {
  .stepState .stepContainer .radioQuestionContainer .form-check-container:not(.large) .form-check-label:not(.large),
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container:not(.large) .form-check-label:not(.large) {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.stepState .stepContainer .radioQuestionContainer .form-check-container .form-check-label,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container .form-check-label {
  padding: 15px 15px 15px 50px;
  height: calc(100% - 30px);
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.7490196078);
  display: block;
  position: relative;
  cursor: pointer;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container .form-check-label::after,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container .form-check-label::after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid #000;
  position: absolute;
  left: 15px;
  border-radius: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.stepState .stepContainer .radioQuestionContainer .form-check-container .form-check-label::before,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container .form-check-label::before {
  content: url(./../img/png/tickwhite.png);
  display: none;
  width: 12px;
  height: 22px;
  position: absolute;
  left: 21px;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}
.stepState .stepContainer .radioQuestionContainer .form-check-container .form-check-label p:last-child,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container .form-check-label p:last-child {
  margin-bottom: 0;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container .form-check-input,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container .form-check-input {
  display: none;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container .form-check-input:checked + .form-check-label,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container .form-check-input:checked + .form-check-label {
  background-color: rgba(0, 94, 184, 0.3019607843);
  cursor: default;
  color: #fff;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container .form-check-input:checked + .form-check-label::after,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container .form-check-input:checked + .form-check-label::after {
  background-color: #005eb8;
}
.stepState .stepContainer .radioQuestionContainer .form-check-container .form-check-input:checked + .form-check-label::before,
.preFinalState .stepContainer .radioQuestionContainer .form-check-container .form-check-input:checked + .form-check-label::before {
  display: block;
}
@media screen and (max-width: 800px) and (min-width: 600px) {
  .stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-7,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-7 {
    min-width: 380px;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container .form-check .infoHovered,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container .form-check .infoHovered {
    min-width: 200px;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container .form-check:nth-child(3n) .infoHovered,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container .form-check:nth-child(3n) .infoHovered {
    right: 15px;
    left: unset;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container .form-check:nth-child(3n-2) .infoHovered,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container .form-check:nth-child(3n-2) .infoHovered {
    left: 15px;
    right: unset;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container .questionContainer-9-radio-2,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container .questionContainer-9-radio-2 {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .stepState .stepContainer .radioQuestionContainer .form-check-container.large,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.large {
    font-size: 11px;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container.large .form-check-label,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.large .form-check-label {
    padding: 15px 50px 15px 25px !important;
    height: calc(100% - 30px) !important;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container.large .form-check-label.hasInfo,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.large .form-check-label.hasInfo {
    min-height: 55px !important;
    padding: 15px 55px 30px 25px !important;
    height: calc(100% - 45px) !important;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-9,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-9 {
    grid-template-columns: 1fr 1fr !important;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-9 .form-check:nth-child(2n) .infoHovered,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-9 .form-check:nth-child(2n) .infoHovered {
    right: 15px;
    left: unset;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-9 .form-check:nth-child(2n-1) .infoHovered,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-9 .form-check:nth-child(2n-1) .infoHovered {
    left: 15px;
    right: unset;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-8,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-8 {
    grid-template-columns: 1fr 1fr !important;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-8 p,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-8 p {
    margin-bottom: 8px;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-8 ul,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-8 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-8 ul li,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.questionContainer-8 ul li {
    flex: 0 0 calc(50% - 5px);
    margin-bottom: 5px;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container .form-check .infoHovered,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container .form-check .infoHovered {
    min-width: 200px;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container .form-check:first-child .infoHovered,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container .form-check:first-child .infoHovered {
    top: 15px;
    bottom: unset;
  }
}
@media screen and (max-width: 600px) {
  .stepState .stepContainer .radioQuestionContainer .form-check-container.large .form-check .form-check-label,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.large .form-check .form-check-label {
    padding: 15px 50px 15px 25px !important;
    height: calc(100% - 30px) !important;
    min-height: unset !important;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container.large .form-check .form-check-label.hasInfo,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.large .form-check .form-check-label.hasInfo {
    min-height: unset !important;
    padding: 15px 55px 15px 25px !important;
    height: calc(100% - 30px) !important;
  }
}
@media screen and (max-width: 600px) {
  .stepState .stepContainer .radioQuestionContainer .form-check-container,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container {
    grid-template-columns: 1fr;
    width: 100%;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container.large,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.large {
    grid-template-columns: 1fr;
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container.large b,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container.large b {
    width: calc(100% - 20px);
  }
  .stepState .stepContainer .radioQuestionContainer .form-check-container .info,
  .preFinalState .stepContainer .radioQuestionContainer .form-check-container .info {
    padding-top: 0;
    top: 15px;
    right: 45px;
    width: 23px;
    height: 23px;
  }
}
.stepState .stepContainer .questionActions,
.preFinalState .stepContainer .questionActions {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr 1fr;
  width: 528px;
  max-width: 100%;
}
.stepState .stepContainer[section-step="1"] .sectionQuestions,
.preFinalState .stepContainer[section-step="1"] .sectionQuestions {
  display: flex;
  gap: 50px;
}
.stepState .stepContainer[section-step="1"] .sectionQuestions .sectionQuestion,
.preFinalState .stepContainer[section-step="1"] .sectionQuestions .sectionQuestion {
  box-sizing: border-box;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .stepState .stepContainer[section-step="1"] .sectionQuestions,
  .preFinalState .stepContainer[section-step="1"] .sectionQuestions {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr;
  }
  .stepState .stepContainer[section-step="1"] .sectionQuestions .sectionQuestion,
  .preFinalState .stepContainer[section-step="1"] .sectionQuestions .sectionQuestion {
    width: 100%;
  }
}
.stepState .stepContainer[section-step="1"] .currentQuestion,
.preFinalState .stepContainer[section-step="1"] .currentQuestion {
  max-width: 350px;
}
.stepState .stepContainer[section-step="1"] .currentSection ~ .questionActions,
.preFinalState .stepContainer[section-step="1"] .currentSection ~ .questionActions {
  display: none;
}
.stepState .stepContainer[section-step="1"] .questionActions,
.preFinalState .stepContainer[section-step="1"] .questionActions {
  margin-bottom: 0;
  width: unset;
}
.stepState .stepContainer[section-step="2"] .sectionQuestions,
.preFinalState .stepContainer[section-step="2"] .sectionQuestions {
  display: grid;
  gap: 30px 50px;
}
.stepState .stepContainer[section-step="2"] .sectionQuestions .sectionQuestion-1,
.preFinalState .stepContainer[section-step="2"] .sectionQuestions .sectionQuestion-1 {
  grid-row: 3/4;
}
@media screen and (min-width: 1000px) {
  .stepState .stepContainer[section-step="2"] .sectionQuestions,
  .preFinalState .stepContainer[section-step="2"] .sectionQuestions {
    grid-template: 1fr/1fr 1fr;
  }
  .stepState .stepContainer[section-step="2"] .sectionQuestions .sectionQuestion-1,
  .preFinalState .stepContainer[section-step="2"] .sectionQuestions .sectionQuestion-1 {
    grid-row: 1/3;
    grid-column: 2/3;
  }
  .stepState .stepContainer[section-step="2"] .sectionQuestions .sectionQuestion-0,
  .stepState .stepContainer[section-step="2"] .sectionQuestions .sectionQuestion-2,
  .preFinalState .stepContainer[section-step="2"] .sectionQuestions .sectionQuestion-0,
  .preFinalState .stepContainer[section-step="2"] .sectionQuestions .sectionQuestion-2 {
    grid-column: 1/2;
  }
}
@media screen and (max-width: 600px) {
  .stepState .stepContainer[section-step="2"] .sectionQuestions,
  .preFinalState .stepContainer[section-step="2"] .sectionQuestions {
    display: flex;
    flex-direction: column;
  }
  .stepState .stepContainer[section-step="2"] .sectionQuestions .sectionQuestion-1,
  .preFinalState .stepContainer[section-step="2"] .sectionQuestions .sectionQuestion-1 {
    order: 2;
  }
}
.stepState .stepContainer[section-step="2"] .sectionQuestions .questionContainer-5,
.preFinalState .stepContainer[section-step="2"] .sectionQuestions .questionContainer-5 {
  grid-template-columns: 1fr;
}
.stepState .stepContainer[section-step="2"] .sectionQuestions .questionContainer-6,
.preFinalState .stepContainer[section-step="2"] .sectionQuestions .questionContainer-6 {
  grid-template-columns: 1fr;
}
.stepState .stepContainer[section-step="2"] .currentSection ~ .questionActions,
.preFinalState .stepContainer[section-step="2"] .currentSection ~ .questionActions {
  display: none;
}
.stepState .stepContainer[section-step="2"] .questionActions,
.preFinalState .stepContainer[section-step="2"] .questionActions {
  margin-bottom: 0;
  width: unset;
}
.stepState .stepContainer[section-step="2"] .currentQuestion,
.preFinalState .stepContainer[section-step="2"] .currentQuestion {
  width: 100%;
}
.stepState .stepContainer[section-step="3"] .questionContainer-8-radio-0,
.stepState .stepContainer[section-step="3"] .questionContainer-8-radio-2,
.preFinalState .stepContainer[section-step="3"] .questionContainer-8-radio-0,
.preFinalState .stepContainer[section-step="3"] .questionContainer-8-radio-2 {
  display: none;
}
.stepState .stepContainer[section-step="0"] .questionContainer-0-radio-3,
.stepState .stepContainer[section-step="0"] .questionContainer-0-radio-4,
.preFinalState .stepContainer[section-step="0"] .questionContainer-0-radio-3,
.preFinalState .stepContainer[section-step="0"] .questionContainer-0-radio-4 {
  display: none;
}
.stepState .stepContainer[data-step="1"] .currentQuestion,
.preFinalState .stepContainer[data-step="1"] .currentQuestion {
  max-width: 400px;
}
.stepState .stepContainer[data-step="9"] .currentQuestion,
.preFinalState .stepContainer[data-step="9"] .currentQuestion {
  width: 520px;
  max-width: 100%;
}
.stepState .stepContainer[data-step="3"] .currentQuestion, .stepState .stepContainer[data-step="4"] .currentQuestion,
.preFinalState .stepContainer[data-step="3"] .currentQuestion,
.preFinalState .stepContainer[data-step="4"] .currentQuestion {
  max-width: 400px;
}
.stepState .stepContainer[data-step="3"] .radioQuestionContainer .form-check-container .radio-3-label, .stepState .stepContainer[data-step="4"] .radioQuestionContainer .form-check-container .radio-3-label,
.preFinalState .stepContainer[data-step="3"] .radioQuestionContainer .form-check-container .radio-3-label,
.preFinalState .stepContainer[data-step="4"] .radioQuestionContainer .form-check-container .radio-3-label {
  padding-right: 45px;
}
.stepState .stepContainer[data-step="3"] .questionInfo, .stepState .stepContainer[data-step="4"] .questionInfo,
.preFinalState .stepContainer[data-step="3"] .questionInfo,
.preFinalState .stepContainer[data-step="4"] .questionInfo {
  max-width: 495px;
}
.stepState .stepContainer[data-step="3"] .questionInfo .extraHeader, .stepState .stepContainer[data-step="4"] .questionInfo .extraHeader,
.preFinalState .stepContainer[data-step="3"] .questionInfo .extraHeader,
.preFinalState .stepContainer[data-step="4"] .questionInfo .extraHeader {
  display: block;
  padding-bottom: 10px;
  margin-top: -20px;
  font-size: 12px;
}
.stepState .stepContainer[data-step="10"] .questionActions,
.preFinalState .stepContainer[data-step="10"] .questionActions {
  display: none;
}
.stepState .stepContainer .nextQuestionBtn .recommended,
.stepState .stepContainer .nextQuestionBtn .next,
.preFinalState .stepContainer .nextQuestionBtn .recommended,
.preFinalState .stepContainer .nextQuestionBtn .next {
  display: none;
}
.stepState .stepContainer .nextQuestionBtn.recommendedText,
.preFinalState .stepContainer .nextQuestionBtn.recommendedText {
  width: 415px;
}
.stepState .stepContainer .nextQuestionBtn.recommendedText .recommended,
.preFinalState .stepContainer .nextQuestionBtn.recommendedText .recommended {
  display: block;
}
.stepState .stepContainer .nextQuestionBtn.nextText .next,
.preFinalState .stepContainer .nextQuestionBtn.nextText .next {
  display: block;
}
.stepState .stepContainer .nextQuestionBtn .recommended .mobile,
.preFinalState .stepContainer .nextQuestionBtn .recommended .mobile {
  display: none;
}
.stepState .nextPrevSmallContainer,
.preFinalState .nextPrevSmallContainer {
  display: flex;
  justify-content: space-between;
  width: 115px;
  position: absolute;
  bottom: 30px;
  right: 15px;
}
.stepState .nextPrevSmallContainer .custom-btn-prev,
.stepState .nextPrevSmallContainer .custom-btn-next,
.preFinalState .nextPrevSmallContainer .custom-btn-prev,
.preFinalState .nextPrevSmallContainer .custom-btn-next {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #b3b3b3;
  cursor: pointer;
}
.stepState .nextPrevSmallContainer .custom-btn-prev img,
.stepState .nextPrevSmallContainer .custom-btn-next img,
.preFinalState .nextPrevSmallContainer .custom-btn-prev img,
.preFinalState .nextPrevSmallContainer .custom-btn-next img {
  width: 24px;
}
.stepState .nextPrevSmallContainer .custom-btn-prev.disabled,
.stepState .nextPrevSmallContainer .custom-btn-next.disabled,
.preFinalState .nextPrevSmallContainer .custom-btn-prev.disabled,
.preFinalState .nextPrevSmallContainer .custom-btn-next.disabled {
  cursor: default;
  pointer-events: none;
}
.stepState .nextPrevSmallContainer .custom-btn-prev.disabled img,
.stepState .nextPrevSmallContainer .custom-btn-next.disabled img,
.preFinalState .nextPrevSmallContainer .custom-btn-prev.disabled img,
.preFinalState .nextPrevSmallContainer .custom-btn-next.disabled img {
  opacity: 30%;
}
.stepState .nextPrevSmallContainer .custom-btn-prev img,
.preFinalState .nextPrevSmallContainer .custom-btn-prev img {
  transform: rotate(180deg);
}
.stepState .nextPrevSmallContainer.mobile,
.preFinalState .nextPrevSmallContainer.mobile {
  display: none;
}
@media screen and (max-width: 800px) {
  .stepState .stepContainer .currentQuestion,
  .preFinalState .stepContainer .currentQuestion {
    width: 70%;
  }
  .stepState .stepContainer .questionActions,
  .preFinalState .stepContainer .questionActions {
    grid-template-columns: 1fr;
  }
  .stepState .stepContainer .questionActions .skipQuestion,
  .preFinalState .stepContainer .questionActions .skipQuestion {
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
  .stepState .stepContainer .currentQuestion,
  .preFinalState .stepContainer .currentQuestion {
    width: 100%;
  }
  .stepState .stepContainer .questionActions,
  .preFinalState .stepContainer .questionActions {
    margin-bottom: 50px;
    position: relative;
  }
  .stepState .stepContainer .questionActions .custom-btn,
  .preFinalState .stepContainer .questionActions .custom-btn {
    width: calc(100% - 150px);
    padding: 0 15px;
  }
  .stepState .stepContainer .questionActions .nextQuestionBtn .recommended .desktop,
  .preFinalState .stepContainer .questionActions .nextQuestionBtn .recommended .desktop {
    display: none !important;
  }
  .stepState .stepContainer .questionActions .nextQuestionBtn .recommended .mobile,
  .preFinalState .stepContainer .questionActions .nextQuestionBtn .recommended .mobile {
    display: block;
  }
  .stepState .stepContainer .sectionTitle,
  .preFinalState .stepContainer .sectionTitle {
    font-size: 13px;
  }
  .stepState .stepContainer .currentQuestion,
  .preFinalState .stepContainer .currentQuestion {
    font-size: 27px;
    margin-bottom: 20px;
  }
  .stepState .stepContainer .questionInfo,
  .preFinalState .stepContainer .questionInfo {
    margin-bottom: 20px;
  }
  .stepState .nextPrevSmallContainer,
  .preFinalState .nextPrevSmallContainer {
    width: 105px;
    top: 20px;
    bottom: unset;
    right: 0;
  }
  .stepState .nextPrevSmallContainer.desktop,
  .preFinalState .nextPrevSmallContainer.desktop {
    display: none;
  }
  .stepState .nextPrevSmallContainer.mobile,
  .preFinalState .nextPrevSmallContainer.mobile {
    display: flex;
  }
  .stepState .nextPrevSmallContainer .custom-btn-prev,
  .stepState .nextPrevSmallContainer .custom-btn-next,
  .preFinalState .nextPrevSmallContainer .custom-btn-prev,
  .preFinalState .nextPrevSmallContainer .custom-btn-next {
    height: 45px;
    width: 45px;
  }
}

.preFinalState {
  overflow: hidden;
}
.preFinalState .finalContainer {
  display: grid;
}
.preFinalState .stepContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
}

.stepContainer {
  position: absolute !important;
  width: calc(100% - 0px) !important;
  height: 100% !important;
  top: 0 !important;
}

.stepContainerT {
  width: 100%;
}
.stepContainerT .currentContainer {
  padding: 0 25px 0 150px;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .stepContainerT .currentContainer {
    padding: 0 25px;
  }
}

.stepImg {
  width: calc(100% + 50px);
  margin-left: -25px;
}
@media screen and (min-width: 600px) {
  .stepImg {
    display: none;
  }
}

.initialContainer .stepImg {
  display: none;
}
.initialContainer .stepContainer {
  margin-top: 20px;
  position: relative !important;
  top: unset !important;
  left: unset !important;
  transform: none !important;
}
.initialContainer .stepContainer .currentContainer {
  padding: 0;
  position: relative !important;
  top: unset !important;
  left: unset !important;
  transform: none !important;
}
.initialContainer .stepContainer .currentContainer .currentSection {
  margin-top: 0;
}
@media screen and (min-width: 600px) and (max-width: 1000px) {
  .initialContainer .stepContainer .currentContainer .questionContainer-0 {
    display: flex;
    flex-direction: column;
  }
}
.initialContainer .stepContainer .questionActions {
  width: unset;
}
.initialContainer .nextPrevSmallContainer {
  bottom: 30px;
}
.initialContainer .prevContainer {
  display: none;
}
.initialContainer .prevQuestion {
  cursor: default;
  pointer-events: none;
}
.initialContainer .prevQuestion img {
  opacity: 30%;
}

@media screen and (max-width: 600px) {
  .currentContainer {
    position: relative !important;
    top: unset !important;
    left: unset !important;
    transform: none !important;
  }
  .currentSection {
    margin-top: 20px;
  }
}
.finalState {
  background-image: url("./../img/backgrounds/initial.jpg") !important;
}
.finalState .finalContainer {
  display: grid;
  opacity: 1;
  pointer-events: all;
  grid-template-columns: auto var(--cart-width);
  gap: 100px;
  height: 100%;
  overflow: hidden;
}
.finalState .finalContainer .left {
  padding-left: 100px;
}
.finalState .finalContainer .left .topContainer {
  height: 215px;
  position: relative;
}
.finalState .finalContainer .left .topContainer .all,
.finalState .finalContainer .left .topContainer .survey {
  display: none;
}
.finalState .finalContainer .left .topContainer.survey .all {
  display: block;
}
.finalState .finalContainer .left .topContainer.survey a .all {
  text-align: right;
}
.finalState .finalContainer .left .topContainer.all .survey {
  display: block;
}
.finalState .finalContainer .left .topContainer.all a .survey {
  text-align: right;
}
.finalState .finalContainer .left .topContainer h2 {
  margin-top: 125px;
}
.finalState .finalContainer .left .topContainer #renderedAnswers {
  top: 0;
  position: absolute;
  margin-top: var(--cart-top);
  margin-bottom: 65px;
  width: 100%;
  z-index: 2;
}
.finalState .finalContainer .left .topContainer #renderedAnswers .extraNote {
  position: absolute;
  background-color: #4d4d4d;
  top: 100%;
  right: 0;
  left: 0;
  padding: 5px 10px;
  color: #fff;
  font-size: 11px;
}
@media screen and (min-width: 600px) {
  .finalState .finalContainer .left .topContainer #renderedAnswers {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 25px;
    font-size: 10px;
    background-color: #ebebeb;
    padding: 10px 40px 10px 20px;
    box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.23);
    width: calc(100% - 60px);
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers:not(.expanded) {
    cursor: pointer;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers.expanded .topQuestionAns span:hover {
    background-color: #000;
    color: #fff;
    position: relative;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers.expanded .topQuestionAns span:hover::before {
    content: url(./../img/png/pencil.png);
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: -22px;
    right: -22px;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .renderedAnswer:nth-child(6) ~ .renderedAnswer {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 1350px) {
  .finalState .finalContainer .left .topContainer #renderedAnswers {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .renderedAnswer:nth-child(6) ~ .renderedAnswer {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 1000px) {
  .finalState .finalContainer .left .topContainer #renderedAnswers {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .renderedAnswer:nth-child(5) ~ .renderedAnswer {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 900px) {
  .finalState .finalContainer .left .topContainer #renderedAnswers {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .renderedAnswer:nth-child(4) ~ .renderedAnswer {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 750px) {
  .finalState .finalContainer .left .topContainer #renderedAnswers {
    grid-template-columns: 1fr 1fr;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .renderedAnswer:nth-child(3) ~ .renderedAnswer {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  .finalState .finalContainer .left .topContainer #renderedAnswers .topQuestion {
    color: #4d4d4d;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .topQuestionAns {
    cursor: pointer;
    font-weight: bold;
    color: #005eb8;
    margin-left: -5px;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .topQuestionAns span {
    padding: 5px;
    display: inline-block;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .topQuestionAns span.short {
    white-space: nowrap;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .topQuestionAns span b {
    display: block;
    margin-bottom: 10px;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .topQuestionAns span b:last-child {
    margin-bottom: 0;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .topQuestionAns span ul {
    padding: 0;
    margin: 0 0 0 20px;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .topQuestionAns span ul li {
    margin-bottom: 10px;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .topQuestionAns span ul li:last-child {
    margin-bottom: 0;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .renderedAnswer {
    height: 27px;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .renderedAnswer .long {
    display: none;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .expandIcon {
    cursor: pointer;
    background-image: url(./../img/png/downarrow.png);
    width: 16px;
    height: 8px;
    position: absolute;
    top: 17px;
    right: 20px;
    background-repeat: no-repeat;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers.expanded .renderedAnswer:nth-child(1) ~ .renderedAnswer {
    display: block;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers.expanded .renderedAnswer {
    height: unset;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers.expanded .renderedAnswer .short {
    display: none;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers.expanded .renderedAnswer .long {
    display: block;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers.expanded .expandIcon {
    background-image: url(./../img/png/uparrow.png);
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .filters {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .finalState .finalContainer .left .topContainer #renderedAnswers .extraNote {
    display: none;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 25px;
    font-size: 10px;
    background-color: #ebebeb;
    padding: 10px 40px 10px 20px;
    box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.23);
    width: calc(100% - 60px);
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container:not(.expanded) {
    cursor: pointer;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container.expanded .topQuestionAns span:hover {
    background-color: #000;
    color: #fff;
    position: relative;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container.expanded .topQuestionAns span:hover::before {
    content: url(./../img/png/pencil.png);
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: -22px;
    right: -22px;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .renderedAnswer:nth-child(6) ~ .renderedAnswer {
    display: none;
  }
}
@media screen and (max-width: 600px) and (max-width: 1350px) {
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .renderedAnswer:nth-child(6) ~ .renderedAnswer {
    display: none;
  }
}
@media screen and (max-width: 600px) and (max-width: 1000px) {
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .renderedAnswer:nth-child(5) ~ .renderedAnswer {
    display: none;
  }
}
@media screen and (max-width: 600px) and (max-width: 900px) {
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .renderedAnswer:nth-child(4) ~ .renderedAnswer {
    display: none;
  }
}
@media screen and (max-width: 600px) and (max-width: 750px) {
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container {
    grid-template-columns: 1fr 1fr;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .renderedAnswer:nth-child(3) ~ .renderedAnswer {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .topQuestion {
    color: #4d4d4d;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .topQuestionAns {
    cursor: pointer;
    font-weight: bold;
    color: #005eb8;
    margin-left: -5px;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .topQuestionAns span {
    padding: 5px;
    display: inline-block;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .topQuestionAns span.short {
    white-space: nowrap;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .topQuestionAns span b {
    display: block;
    margin-bottom: 10px;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .topQuestionAns span b:last-child {
    margin-bottom: 0;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .topQuestionAns span ul {
    padding: 0;
    margin: 0 0 0 20px;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .topQuestionAns span ul li {
    margin-bottom: 10px;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .topQuestionAns span ul li:last-child {
    margin-bottom: 0;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .renderedAnswer {
    height: 27px;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .renderedAnswer .long {
    display: none;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .expandIcon {
    cursor: pointer;
    background-image: url(./../img/png/downarrow.png);
    width: 16px;
    height: 8px;
    position: absolute;
    top: 17px;
    right: 20px;
    background-repeat: no-repeat;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container.expanded .renderedAnswer:nth-child(1) ~ .renderedAnswer {
    display: block;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container.expanded .renderedAnswer {
    height: unset;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container.expanded .renderedAnswer .short {
    display: none;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container.expanded .renderedAnswer .long {
    display: block;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container.expanded .expandIcon {
    background-image: url(./../img/png/uparrow.png);
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .mCSB_container .filters {
    display: none;
  }
}
.finalState .finalContainer .left .topContainer .breadCrumb {
  margin-top: 25px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  font-size: 11px;
  color: #005eb8;
}
.finalState .finalContainer .left .topContainer .breadCrumb img.home {
  width: 10px;
}
.finalState .finalContainer .left .topContainer .breadCrumb img.arrow {
  width: 5px;
  margin: 0 12px;
}
.finalState .finalContainer .left .topContainer .breadCrumb span {
  cursor: pointer;
}
.finalState .finalContainer .left .topContainer .breadCrumb span:last-child {
  cursor: default;
  color: #000;
}
.finalState .finalContainer .left .topContainer .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.finalState .finalContainer .left .topContainer .top a {
  font-weight: bold;
  color: #005eb8;
  font-size: 11px;
  text-decoration: none;
}
.finalState .finalContainer .left .topContainer .top h1 {
  font-size: 32px;
}
.finalState .finalContainer .left .topContainer h2 {
  font-size: 15px;
}
.finalState .finalContainer .left #renderedRadios {
  height: calc(100% - 215px);
  overflow: auto;
}
.finalState .finalContainer .left #renderedRadios .radioContainer {
  display: grid;
  grid-template-columns: 1fr 3fr;
  position: relative;
  padding: 60px 15px 40px 15px;
  background-color: rgba(255, 255, 255, 0.7490196078);
  border-radius: 16px;
  margin-top: 12px;
  border: 2px solid #ebebeb;
}
.finalState .finalContainer .left #renderedRadios .radioContainer:first-child {
  margin-top: 0;
}
.finalState .finalContainer .left #renderedRadios .radioContainer:hover .compare label {
  display: inline;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .image {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .image img {
  width: 60px;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .missing {
  position: absolute;
  right: 83px;
  top: 15px;
  cursor: default !important;
  font-size: 13px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .missing svg {
  width: 22px;
  height: 22px;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .finalState .finalContainer .left #renderedRadios .radioContainer .missing {
    right: 13px;
  }
}
.finalState .finalContainer .left #renderedRadios .radioContainer .compare {
  position: absolute;
  right: 15px;
  top: 45px;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .compare.disabled label {
  cursor: default;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .compare.disabled label::after {
  background-color: #ebebeb;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .compare label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 152px;
  position: relative;
  cursor: pointer;
  font-size: 13px;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .compare label::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #000;
  position: absolute;
  top: -30px;
  right: 14px;
  border-radius: 5px;
  background-color: #fff;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .compare label::before {
  content: url(./../img/png/tickwhite.png);
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  top: -27px;
  right: 18px;
  z-index: 1;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .compare input {
  display: none;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .compare input:checked + label {
  display: inline;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .compare input:checked + label::after {
  background-color: #005eb8;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .compare input:checked + label::before {
  display: block;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .name {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .description {
  font-size: 13px;
  margin-bottom: 15px;
  color: #4d4d4d;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .radioActions {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  max-width: 240px;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .radioActions .addToCart {
  display: flex;
  text-decoration: none;
  width: 100%;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .radioActions .addToCart span {
  justify-content: space-around;
  align-items: center;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 16px;
  padding: 10px 30px;
  background-color: #005eb8;
  width: 100%;
  text-align: center;
  letter-spacing: 2px;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .radioActions .openDetails {
  display: flex;
  text-decoration: none;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .radioActions .openDetails span {
  justify-content: space-around;
  align-items: center;
  font-size: 13px;
  color: #005eb8;
  text-decoration: none;
  border-radius: 16px;
  margin-top: 15px;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .accessories {
  display: none;
  padding-left: 50px;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .accessories .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  max-width: 143px;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .accessories .items .custom-btn {
  width: 180px;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .accessories .items .accessory {
  font-size: 15px;
  margin-bottom: 10px;
  display: flex;
  height: 22px;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .accessories .items .accessory:last-child {
  margin-bottom: 0;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .accessories .items .accessory label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 152px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .accessories .items .accessory label::after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border: 1px solid #000;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 5px;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .accessories .items .accessory label::before {
  content: url(./../img/png/tickwhite.png);
  display: none;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 3px;
  right: 5px;
  z-index: 1;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .accessories .items .accessory input {
  display: none;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .accessories .items .accessory input:checked + label::after {
  background-color: #005eb8;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .accessories .items .accessory input:checked + label::before {
  display: block;
}
.finalState .finalContainer .left #renderedRadios .radioContainer .content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  max-width: 515px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1200px) {
  .finalState .finalContainer {
    gap: 25px;
  }
  .finalState .finalContainer .left {
    padding-left: 25px;
  }
}
@media (max-width: 600px) {
  .finalState .finalContainer .left .topContainer {
    height: 175px;
  }
  .finalState .finalContainer .left .topContainer .top a {
    font-size: 10px;
  }
  .finalState .finalContainer .left .topContainer .top h1 {
    font-size: 27px;
    white-space: nowrap;
    margin-right: 10px;
  }
  .finalState .finalContainer .left .topContainer h2 {
    font-size: 13px;
    margin-top: 95px;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers .renderedAnswer {
    display: none;
  }
  .finalState .finalContainer .left .topContainer #renderedAnswers:not(.expanded) .filters {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #4d4d4d;
  }
  .finalState .finalContainer .left #renderedRadios .radioContainer {
    grid-template-columns: 1fr;
  }
  .finalState .finalContainer .left #renderedRadios .radioContainer .image img {
    width: 110px;
  }
  .finalState .finalContainer .left #renderedRadios .radioContainer .content {
    text-align: center;
  }
  .finalState .finalContainer .left #renderedRadios .radioContainer .content .name {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .finalState .finalContainer .left #renderedRadios .radioContainer .radioActions {
    max-width: unset;
  }
  .finalState .finalContainer .left #renderedRadios .radioContainer .radioActions a {
    max-width: 200px;
    height: 50px;
    width: 100%;
  }
  .finalState .finalContainer .left #renderedRadios .radioContainer .radioActions a.addToCart span, .finalState .finalContainer .left #renderedRadios .radioContainer .radioActions a.openDetails span {
    display: flex;
    font-size: 13px;
    border-radius: 30px;
    width: 100%;
    margin-top: 0;
  }
  .finalState .finalContainer .right {
    display: none;
  }
  .finalState .finalContainer .mobileCart {
    width: calc(100% - 100px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    height: 45px;
    background-color: #fff;
    border-radius: 35px;
    padding: 10px;
  }
  .finalState .finalContainer .mobileCart img {
    width: 30px;
    margin-left: 20px;
  }
}
@media (max-width: 600px) and (max-width: 350px) {
  .finalState .finalContainer .mobileCart img {
    display: none;
  }
}
@media (max-width: 600px) and (max-width: 350px) {
  .finalState .finalContainer .mobileCart {
    width: calc(100% - 80px);
  }
}
@media (max-width: 600px) {
  .finalState .finalContainer .mobileCart .custom-btn {
    margin-top: 0;
    min-width: 80px;
  }
  .finalState .finalContainer .mobileCart .itemsAdded {
    padding: 0 15px 0 15px;
    white-space: nowrap;
  }
}
.finalState .cart {
  display: grid;
  grid-template-rows: 37px auto max-content;
  gap: 25px;
  position: absolute;
  width: calc(var(--cart-width) - 50px);
  top: var(--cart-top);
  right: 0;
  height: calc(100% - var(--cart-top) - 135px);
  background: #e5eff8;
  box-shadow: -4px 0px 10px 1px rgba(0, 0, 0, 0.23);
  padding: 20px 25px 80px 25px;
  z-index: 2;
}
.finalState .cart .close {
  display: none;
}
.finalState .cart .emptyCart {
  display: none;
}
.finalState .cart[data-count="0"] .emptyCart {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.finalState .cart[data-count="0"] .emptyCart h1 {
  font-size: 19px;
  margin-top: 25px;
}
.finalState .cart[data-count="0"] .emptyCart img {
  width: 106px;
}
.finalState .cart[data-count="0"] #cartActions .requestQuoteBtn {
  display: none;
}
.finalState .cart[data-count="0"] #cartItemsContainer {
  display: none;
}
.finalState .cart #cartItemsContainer {
  overflow: auto;
}
.finalState .cart #cartItemsContainer .cartItem {
  display: flex;
  justify-content: space-between;
  padding-bottom: 25px;
  margin-bottom: 10px;
  border-bottom: 1px solid #b3b3b3;
  font-size: 13px;
  font-weight: bold;
}
.finalState .cart #cartItemsContainer .cartItem:last-child {
  margin-bottom: 0;
}
.finalState .cart #cartItemsContainer .cartItem .left {
  display: flex;
  align-items: center;
}
.finalState .cart #cartItemsContainer .cartItem .left img {
  width: 30px;
  margin-right: 10px;
}
.finalState .cart #cartItemsContainer .cartItem .right {
  text-align: right;
}
.finalState .cart #cartItemsContainer .cartItem .right .radioTitle {
  display: none;
}
.finalState .cart #cartItemsContainer .cartItem .right p {
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: normal;
}
.finalState .cart #cartItemsContainer .cartItem .right .numControl {
  display: flex;
  justify-content: flex-end;
}
.finalState .cart #cartItemsContainer .cartItem .right .numControl button,
.finalState .cart #cartItemsContainer .cartItem .right .numControl input {
  height: 23px;
  border: 1px solid #b3b3b3;
  width: 25px;
  text-align: center;
  font-size: 13px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  background-color: #fff;
  outline: none !important;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.finalState .cart #cartItemsContainer .cartItem .right .numControl button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  height: 25px;
}
.finalState .cart #cartItemsContainer .cartItem .right .numControl .plus {
  width: 10px;
}
.finalState .cart #cartItemsContainer .cartItem .right .numControl .minus {
  width: 5px;
}
.finalState .cart #cartItemsContainer .cartItem .right a {
  font-size: 10px;
  color: #000000;
}
.finalState .cart #cartActions {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.finalState .cart #cartActions .custom-btn {
  margin-top: 15px;
  width: calc(100% - 20px);
  padding: 0 10px;
}
.finalState .cart #cartActions .compareOnCartContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border: 1px solid #000;
  border-radius: 16px;
  height: 49px;
  font-size: 13px;
  margin-top: 15px;
}
@media screen and (max-width: 1200px) {
  .finalState .cart #cartActions .compareOnCartContainer {
    justify-content: space-between;
    height: 67px;
    display: flex;
    text-align: center;
    padding: 25px;
    flex-direction: column;
  }
  .finalState .cart #cartActions .compareOnCartContainer a {
    display: block;
  }
}
@media screen and (max-width: 800px) {
  .finalState .cart #cartActions .compareOnCartContainer {
    height: 80px;
  }
}
.finalState .cart #cartActions .compareOnCartContainer a {
  letter-spacing: 2px;
  font-size: 13px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #000;
  border-radius: 16px;
  padding: 10px 30px;
}
@media screen and (max-width: 800px) {
  .finalState .cart {
    padding: 20px 25px 90px 25px;
  }
  .finalState .cart .accesoriesLink,
  .finalState .cart .requestQuoteBtn {
    font-size: 11px;
  }
  .finalState .cart #cartActions .requestQuoteBtn {
    width: calc(100% - 30px);
    padding: 0 15px;
  }
}
@media screen and (max-width: 800px) and (min-width: 600px) {
  .finalState .cart #cartItemsContainer .cartItem .left .radioTitle {
    display: none;
  }
  .finalState .cart #cartItemsContainer .cartItem .right .estimate {
    display: none;
  }
  .finalState .cart #cartItemsContainer .cartItem .right .radioTitle {
    display: block;
    text-align: left;
    margin-bottom: 5px;
    font-size: 12px;
  }
}
@media screen and (max-width: 600px) {
  .finalState .cart {
    display: none;
  }
  .finalState .cart.open {
    display: grid;
    width: calc(100% - 50px);
    padding: 20px 25px;
    top: 0;
  }
  .finalState .cart.open .close {
    position: fixed;
    right: 20px;
    top: 79px;
    height: 10px;
    width: 10px;
    display: block;
    cursor: pointer;
  }
  .finalState .cart.open .close img {
    width: 100%;
    height: 100%;
  }
  .finalState .cart.open #cartActions {
    margin-bottom: 60px;
  }
  .finalState .cart #compareCart {
    display: none !important;
  }
  .finalState .cart #cartItemsContainer .cartItem .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (max-width: 600px) {
  .finalState .finalContainer .left #renderedRadios .radioContainer {
    padding: 40px 15px 20px 15px;
  }
  .finalState .finalContainer .left #renderedRadios .radioContainer .compare {
    display: none !important;
  }
}

.overlay {
  display: block;
  position: fixed;
  opacity: 0;
  transition: opacity 600ms ease;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10;
}
.overlay .radioDetails,
.overlay .radioCompare,
.overlay .formContainer {
  display: flex;
  opacity: 0;
  transition: opacity 600ms ease;
  pointer-events: none;
  background-color: #ffffff;
  padding: 30px;
  position: absolute;
  margin: auto;
  flex-direction: column;
}
.overlay .radioDetails .close,
.overlay .radioCompare .close,
.overlay .formContainer .close {
  position: fixed;
  right: 20px;
  top: 15px;
  height: 10px;
  width: 10px;
  cursor: pointer;
}
.overlay .radioDetails .close img,
.overlay .radioCompare .close img,
.overlay .formContainer .close img {
  width: 100%;
  height: 100%;
}
.overlay .radioDetails {
  max-width: 790px;
  width: calc(90% - 60px);
  height: calc(90% - 60px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 410px;
}
.overlay .radioDetails h1 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.overlay .radioDetails h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.overlay .radioDetails .radioDetailsContainer {
  display: flex;
  flex: 1 1 auto;
}
.overlay .radioDetails .radioDetailsContainer .radioDetailsImage {
  flex: 0 0 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlay .radioDetails .radioDetailsContainer .radioDetailsImage img {
  max-width: 100%;
  width: 80px;
}
.overlay .radioDetails .radioDetailsContainer .radioDetailsImage .mobileHeader {
  display: none;
}
.overlay .radioDetails .radioDetailsContainer .radioDetailsContent {
  flex: 0 0 60%;
  font-size: 14px;
  max-height: 356px;
  overflow-y: auto;
}
.overlay .radioDetails .radioDetailsContainer .radioDetailsContent h3 {
  font-size: 14px;
  color: #005eb8;
}
.overlay .radioDetails .radioDetailsContainer .radioDetailsContent .description {
  margin-bottom: 35px;
}
.overlay .radioDetails .radioDetailsContainer .radioDetailsContent ul {
  padding-left: 0;
  padding-inline-start: 15px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.overlay .radioDetails .radioDetailsContainer .radioDetailsContent ul li {
  font-weight: bold;
}
.overlay .radioDetails .radioDetailsContainer .radioDetailsContent p {
  padding-left: 15px;
  font-size: 12px;
  margin-bottom: 5px;
}
.overlay .radioDetails .radioDetailsContainer .radioDetailsContent .highLighted {
  margin-bottom: 15px;
}
.overlay .radioDetails .radioDetailsContainer .radioDetailsContent.zeroHighLighted .highLightedTitle, .overlay .radioDetails .radioDetailsContainer .radioDetailsContent.zeroHighLighted .highLighted {
  display: none;
}
.overlay .radioDetails .radioDetailsContainer .radioDetailsContent.zeroNonHighLighted .noHighLightedTitle, .overlay .radioDetails .radioDetailsContainer .radioDetailsContent.zeroNonHighLighted .noHighLighted {
  display: none;
}
.overlay .radioCompare {
  width: calc(90% - 60px);
  height: calc(90% - 60px);
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 13px;
  transform: translate(-50%, -50%);
}
.overlay .radioCompare .top .backLink {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
}
.overlay .radioCompare .top .backLink img,
.overlay .radioCompare .top .backLink span {
  cursor: pointer;
}
.overlay .radioCompare .top .backLink img {
  width: 15px;
  height: auto;
  margin-right: 10px;
}
.overlay .radioCompare .top h1 {
  font-size: 32px;
  font-weight: bold;
}
.overlay .radioCompare .scrollContainer {
  margin-top: 320px;
  margin-bottom: 16px;
  overflow: auto;
}
.overlay .radioCompare.three-radios .images > div,
.overlay .radioCompare.three-radios .descriptions > div,
.overlay .radioCompare.three-radios .higlatedFeatures .featureContainer,
.overlay .radioCompare.three-radios .addToCartCompare > div {
  width: calc(33.33% - 40px);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media screen and (max-width: 800px) {
  .overlay .radioCompare.three-radios .images > div,
  .overlay .radioCompare.three-radios .descriptions > div,
  .overlay .radioCompare.three-radios .higlatedFeatures .featureContainer,
  .overlay .radioCompare.three-radios .addToCartCompare > div {
    width: calc(33.33% - 15px);
  }
}
@media screen and (max-width: 1200px) {
  .overlay .radioCompare.one-radios .images > div,
  .overlay .radioCompare.one-radios .descriptions > div,
  .overlay .radioCompare.one-radios .higlatedFeatures .featureContainer,
  .overlay .radioCompare.one-radios .addToCartCompare > div {
    width: calc(50% - 30px);
  }
}
@media screen and (max-width: 800px) {
  .overlay .radioCompare.one-radios .images > div,
  .overlay .radioCompare.one-radios .descriptions > div,
  .overlay .radioCompare.one-radios .higlatedFeatures .featureContainer,
  .overlay .radioCompare.one-radios .addToCartCompare > div {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .overlay .radioCompare.two-radios .images > div,
  .overlay .radioCompare.two-radios .descriptions > div,
  .overlay .radioCompare.two-radios .higlatedFeatures .featureContainer,
  .overlay .radioCompare.two-radios .addToCartCompare > div {
    width: calc(50% - 30px);
  }
}
.overlay .radioCompare.two-radios .higlatedFeatures, .overlay .radioCompare.three-radios .higlatedFeatures {
  align-items: flex-start;
}
.overlay .radioCompare.two-radios .higlatedFeatures .featureContainer, .overlay .radioCompare.three-radios .higlatedFeatures .featureContainer {
  align-items: flex-start;
  justify-content: start;
}
.overlay .radioCompare.two-radios .higlatedFeatures .featureContainer .categoryContainer, .overlay .radioCompare.three-radios .higlatedFeatures .featureContainer .categoryContainer {
  margin-bottom: 10px;
}
.overlay .radioCompare.two-radios .higlatedFeatures .featureContainer b, .overlay .radioCompare.three-radios .higlatedFeatures .featureContainer b {
  margin-bottom: 5px;
  display: block;
}
.overlay .radioCompare.two-radios .higlatedFeatures .featureContainer p, .overlay .radioCompare.three-radios .higlatedFeatures .featureContainer p {
  margin-bottom: 10px;
  position: relative;
}
.overlay .radioCompare.two-radios .higlatedFeatures .featureContainer p img, .overlay .radioCompare.three-radios .higlatedFeatures .featureContainer p img {
  top: 2px;
  left: -18px;
  position: absolute;
  width: 15px;
}
.overlay .radioCompare.two-radios .higlatedFeatures .featureContainer p.fake, .overlay .radioCompare.three-radios .higlatedFeatures .featureContainer p.fake {
  opacity: 0.3;
}
.overlay .radioCompare.two-radios .higlatedFeatures .featureContainer p.fake img, .overlay .radioCompare.three-radios .higlatedFeatures .featureContainer p.fake img {
  width: 10px;
  left: -15px;
}
.overlay .radioCompare.two-radios .higlatedFeatures .featureContainer p.fake .realImage, .overlay .radioCompare.three-radios .higlatedFeatures .featureContainer p.fake .realImage {
  display: none;
}
.overlay .radioCompare.two-radios .higlatedFeatures .featureContainer p.real .fakeImage, .overlay .radioCompare.three-radios .higlatedFeatures .featureContainer p.real .fakeImage {
  display: none;
}
.overlay .radioCompare .images {
  position: fixed;
  width: 100%;
  left: 0;
  height: 292px;
  top: 100px;
}
.overlay .radioCompare .images > div {
  flex-direction: column;
}
.overlay .radioCompare .images img {
  width: 220px;
  max-width: 100%;
  height: auto;
}
.overlay .radioCompare .images .name {
  font-size: 19px;
  font-weight: bold;
  padding: 25px;
  text-align: center;
}
.overlay .radioCompare .addToCartCompare a {
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 16px;
  padding: 10px 30px;
  background-color: #005eb8;
}
.overlay .radioCompare .addToCartCompare a.added {
  opacity: 30%;
  cursor: default;
  pointer-events: none;
}
.overlay .radioCompare .higlatedFeatures .featureContainer {
  margin-bottom: 15px;
  flex-direction: column;
}
.overlay .radioCompare .higlatedFeatures .featureContainer:last-child {
  margin-bottom: 0;
}
.overlay .radioCompare .higlatedFeatures .featureContainer .have,
.overlay .radioCompare .higlatedFeatures .featureContainer .notHave {
  width: calc(100% - 40px);
  margin-left: 40px;
  position: relative;
  color: rgb(0, 0, 0);
}
.overlay .radioCompare .higlatedFeatures .featureContainer .have::before,
.overlay .radioCompare .higlatedFeatures .featureContainer .notHave::before {
  position: absolute;
  left: -35px;
  top: 5px;
}
.overlay .radioCompare .higlatedFeatures .featureContainer .have::before {
  content: url("./../img/png/tick.png");
  width: 25px;
}
.overlay .radioCompare .higlatedFeatures .featureContainer .notHave {
  color: rgba(0, 0, 0, 0.3);
}
.overlay .radioCompare .higlatedFeatures .featureContainer .notHave::before {
  content: url("./../img/png/featurecross.png");
  width: 18px;
}
.overlay .radioCompare .higlatedFeatures .featureContainer h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.overlay .radioCompare .higlatedFeatures .featureContainer p {
  font-size: 12px;
}
.overlay .radioCompare .higlatedFeatures .featureContainer p:last-child {
  margin-bottom: 0;
}
.overlay .radioCompare .images,
.overlay .radioCompare .descriptions,
.overlay .radioCompare .higlatedFeatures,
.overlay .radioCompare .addToCartCompare {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.overlay .radioCompare .descriptions {
  align-items: flex-start;
}
.overlay .radioCompare .sectionTitle {
  display: flex;
  margin-top: 35px;
  margin-bottom: 35px;
  font-size: 15px;
  font-weight: bold;
}
.overlay .radioCompare .sectionTitle:first-child {
  margin-top: 0;
}
.overlay .radioCompare .sectionTitle span {
  flex: 1 1 auto;
  background-color: #b3b3b3;
  height: 1px;
  margin-top: 8px;
}
.overlay .radioCompare .sectionTitle span:nth-child(2) {
  flex: 0 0 auto;
  background-color: rgba(0, 0, 0, 0);
  padding: 0 36px;
  height: 18px;
  margin-top: 0px;
}
.overlay .formContainer {
  width: 600px;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 13px;
  padding: 40px 50px;
  transform: translate(-50%, -50%);
  background-color: #005eb8;
  color: #fff;
  max-width: calc(90% - 80px);
  max-height: calc(90% - 100px);
  font-size: 10px;
  overflow: auto;
}
.overlay .formContainer .formTitle {
  font-size: 30px;
  margin-bottom: 25px;
  text-align: center;
}
.overlay .formContainer .formElements {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.overlay .formContainer .formElements .formElement {
  max-width: 100%;
  flex: 0 0 calc(50% - 15px);
  margin-bottom: 25px;
}
.overlay .formContainer .formElements .formElement.full {
  flex: 0 0 100%;
}
@media screen and (max-width: 600px) {
  .overlay .formContainer .formElements .formElement {
    flex: 0 0 100%;
  }
}
.overlay .formContainer .formElements .formElement.center {
  justify-content: center;
  display: flex;
}
.overlay .formContainer .formElements .formElement:last-child {
  margin-bottom: 0;
}
.overlay .formContainer .formElements .formElement.checkboxElement {
  display: flex;
}
.overlay .formContainer .formElements .formElement.checkboxElement input {
  width: 23px !important;
  margin: 0 10px 0 0;
}
.overlay .formContainer .formElements .formElement.checkboxElement label {
  cursor: pointer;
  width: unset;
  margin: 0;
  font-size: 11px;
  line-height: 17px;
}
.overlay .formContainer .formElements .formElement.checkboxElement label a {
  color: black;
  text-decoration: none;
}
.overlay .formContainer .formElements .formElement.checkboxElement.usaPrivacy input {
  display: none;
}
.overlay .formContainer .formElements .formElement label {
  width: 100%;
  display: block;
  margin-bottom: 7px;
}
.overlay .formContainer .formElements .formElement .inputContainer {
  width: 100%;
  display: block;
}
.overlay .formContainer .formElements .formElement input:not([type=Submit]),
.overlay .formContainer .formElements .formElement select {
  outline: none !important;
  display: block;
  width: calc(100% - 28px);
  height: calc(37px - 0.75rem);
  padding: 0.375rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.overlay .formContainer .formElements .formElement select {
  height: 39px;
  width: 100%;
}
.overlay .formContainer .custom-btn {
  margin-top: 0;
  color: #000;
}
.overlay .formContainer p {
  margin: 0;
}
.overlay .formContainer .formThankYou {
  display: none;
}
.overlay .formContainer.thankYouMode .formElements,
.overlay .formContainer.thankYouMode .formTitle {
  display: none;
}
.overlay .formContainer.thankYouMode .formThankYou {
  display: flex;
  height: 500px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.overlay .formContainer.thankYouMode .formThankYou h1 {
  font-size: 30px;
  margin-bottom: 10px;
  text-align: center;
}
.overlay .formContainer.thankYouMode .formThankYou p {
  font-size: 25px;
  margin-bottom: 10px;
  text-align: center;
}
.overlay .formContainer.thankYouMode .formThankYou h2 {
  font-size: 20px;
  text-align: center;
  color: #b3b3b3;
}
.overlay.detail {
  opacity: 1;
  pointer-events: all;
}
.overlay.detail .radioDetails {
  opacity: 1;
  pointer-events: all;
}
.overlay.compare {
  opacity: 1;
  pointer-events: all;
}
.overlay.compare .radioCompare {
  opacity: 1;
  pointer-events: all;
}
.overlay.form {
  opacity: 1;
  pointer-events: all;
}
.overlay.form .formContainer {
  opacity: 1;
  pointer-events: all;
}
@media screen and (max-width: 600px) {
  .overlay .radioDetails {
    max-height: unset;
  }
  .overlay .radioDetails .desktopHeader {
    display: none;
  }
  .overlay .radioDetails .radioDetailsContainer {
    display: block;
  }
  .overlay .radioDetails .radioDetailsContainer .radioDetailsImage {
    flex-direction: column;
  }
  .overlay .radioDetails .radioDetailsContainer .radioDetailsImage img {
    width: auto;
    height: 140px;
  }
  .overlay .radioDetails .radioDetailsContainer .radioDetailsImage .mobileHeader {
    text-align: center;
    display: block;
  }
  .overlay .radioDetails .radioDetailsContainer .radioDetailsImage .mobileHeader .title {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .overlay .radioDetails .radioDetailsContainer .radioDetailsImage .mobileHeader .subTitle {
    margin-bottom: 35px;
  }
  .overlay .radioDetails .radioDetailsContainer .radioDetailsContent {
    max-height: unset;
  }
  .overlay .formContainer {
    max-width: calc(100% - 50px);
    max-height: calc(100% - 80px);
    padding: 40px 25px;
    height: 100%;
    border-radius: 0;
  }
  .overlay .formContainer.thankYouMode .mCSB_container,
  .overlay .formContainer.thankYouMode .formThankYou {
    height: 100%;
  }
}

.mCustomScrollbar .mCSB_scrollTools.mCS-3d .mCSB_draggerContainer {
  border: 2px solid #b3b3b3;
  border-radius: 10px;
  padding: 3px 0;
}
.mCustomScrollbar .mCSB_scrollTools.mCS-3d .mCSB_dragger .mCSB_draggerRail {
  display: none;
}
.mCustomScrollbar .mCSB_scrollTools.mCS-3d .mCSB_dragger .mCSB_dragger_bar {
  background-color: #b3b3b3 !important;
  background-image: none;
  width: 6px;
  margin-top: 3px;
  margin-bottom: 3px;
}

main {
  margin-top: 64px;
  height: calc(100% - 64px);
}
main .progressBar {
  height: 10px;
  background-color: #b3b3b3;
  width: 100%;
  position: fixed;
  top: 64px;
  z-index: 9;
}
main .currentProgress {
  background-color: #005eb8;
  width: 0%;
  height: 10px;
  transition: width 1s;
}

header .wrap,
footer .wrap {
  max-width: 1110px;
  width: calc(100% - 60px);
  margin-left: auto;
  padding: 0 30px;
  margin-right: auto;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
header #menu-toggle {
  display: none;
}
header .logo-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  height: 64px;
  padding: 0 25px;
}
header .logo-bar .logo.small {
  display: none;
}
header .logo-bar .logo.large {
  width: 257px;
  height: 48px;
  background: url("https://img04.en25.com/EloquaImages/clients/MotorolaSolutionsInc/%7B6ab6145b-44eb-4f0c-a42b-7451eb497405%7D_11_colors-1-b_w.png") left no-repeat;
  background-size: contain;
  display: block;
}
header .logo-bar .custom-btn {
  margin-top: 0;
  width: 170px;
  height: 40px;
}
header .logo-bar .menu-button-container {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
header .logo-bar .menu-options {
  display: flex;
  align-items: center;
}
header .logo-bar .menu-options > *:not(:last-child) {
  margin-right: 30px;
  text-decoration: none;
  color: #4d4d4d;
  font-size: 14px;
}
@media screen and (max-width: 1000px) {
  header .logo-bar .menu-options {
    position: absolute;
    top: 0;
    left: 0;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    z-index: 1;
    background-color: white;
    margin-top: 64px;
    opacity: 0;
    z-index: -1;
    height: 0;
    transition: all 0.3s ease;
    overflow: hidden;
    padding-bottom: 10px;
  }
  header .logo-bar .menu-options > *:not(:last-child) {
    margin-right: 0;
    padding: 0 10px 10px 10px;
  }
  header .logo-bar .menu-options > *:last-child {
    padding: 0 10px 0 10px;
  }
  header .logo-bar .menu-button-container {
    display: flex;
  }
  header .logo-bar #menu-toggle:checked + .menu-options {
    opacity: 1;
    z-index: 10;
    height: 110px;
  }
}
@media screen and (max-width: 600px) {
  header .logo-bar .logo.large {
    display: none;
  }
  header .logo-bar .logo.small {
    display: block;
    width: 60px;
    height: 48px;
  }
  header .logo-bar .logo.small svg {
    height: 100%;
  }
}

footer {
  background-color: #232323;
  padding-top: 30px;
  padding-bottom: 50px;
  color: #808080;
  font-size: 12px;
}
footer .footer-social__icons a {
  text-decoration: none;
}
footer .footer-social__icons a svg path {
  fill: grey;
}
@media screen and (max-width: 600px) {
  footer .logo {
    max-width: 100%;
    background-size: contain;
  }
  footer .logo a {
    max-width: 100%;
    display: block;
  }
  footer .logo a img {
    max-width: 100%;
  }
  footer .custom-btn {
    display: none;
  }
}
footer .part-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
footer .social-links {
  display: flex;
  align-items: center;
  font-size: 13px;
}
footer .social-links p {
  margin-right: 15px !important;
  font-size: 12px;
  margin-bottom: 0;
}
footer .legal-links {
  display: flex;
  justify-content: center;
}
footer .legal-links a {
  display: flex;
  justify-content: center;
  color: #808080;
  text-decoration: none;
  font-size: 12px;
  margin: 0 12px;
}
footer .legal-links:hover {
  color: #fff;
}
footer .footer-social__icons {
  display: flex;
  align-items: center;
}
footer .footer-social__icons a {
  margin: 6px;
  display: flex;
}
footer .footer-social__icons a .hover-img {
  display: none;
}
footer .footer-social__icons a:hover img:not(.hover-img) {
  display: none;
}
footer .footer-social__icons a:hover img.hover-img {
  display: block;
}
footer .legal-text p {
  margin: 0;
  text-align: center;
  margin-bottom: 16px;
}
footer .legal-text p.copyright {
  margin-top: 12px;
  margin-bottom: 36px;
}
footer .legal-links .seperator {
  background-color: #808080;
  height: 10px;
  width: 1px;
  margin-top: 4px;
}
@media screen and (max-width: 700px) {
  footer {
    padding-bottom: 40px;
  }
  footer .part-1,
  footer .social-links {
    flex-direction: column;
  }
  footer .social-links {
    width: 100%;
    max-width: 350px;
  }
  footer .social-links p {
    padding: 15px 0;
    margin-right: 0 !important;
  }
  footer .footer-social__icons {
    width: 100%;
    justify-content: space-between;
  }
  footer .legal-links {
    flex-direction: column;
  }
  footer .legal-links a {
    padding-bottom: 15px;
  }
  footer .legal-links:last-child {
    padding-bottom: 0;
  }
  footer .legal-links .seperator {
    display: none;
  }
}

html body .embeddedServiceHelpButton .helpButton {
  position: fixed;
  bottom: 16px !important;
  right: 25px !important;
  height: 48px !important;
  width: 48px !important;
}

.visible.maximumCompareReached {
  display: block;
}

.maximumCompareReached {
  display: none;
  position: absolute;
  background-color: #005eb8;
  padding: 15px 20px;
  color: #fff;
  width: 250px;
  opacity: 0.85;
}
.maximumCompareReached::after {
  position: absolute;
  content: "";
  bottom: -15px;
  right: 0;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 35px solid #005eb8;
}

.visible.radioMissingModal {
  display: block;
}

.radioMissingModal {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
  padding: 15px 20px;
  color: #fff;
  width: 250px;
  opacity: 0.85;
  z-index: 10;
}
.radioMissingModal::after {
  position: absolute;
  content: "";
  bottom: -15px;
  right: 0;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 35px solid #4d4d4d;
}
.radioMissingModal .missingQuestions {
  margin-top: 20px;
  margin-bottom: 0;
}
.radioMissingModal .missingQuestions b {
  display: block;
  margin-top: 5px;
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .radioMissingModal {
    max-width: calc(100% - 160px);
  }
}

.parsley-error {
  border: 2px solid #db7076 !important;
}

.parsley-error:focus {
  box-shadow: 0 0 0 2px rgba(226, 62, 79, 0.5) !important;
}

[type=email].parsley-error,
[type=text].parsley-error {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath fill='%23e23e4f' class='fill-primary' d='M23.837 22.146 16.611 9.154c-.077-.154-.308-.154-.385 0L9 22.146v.23l.23.154h14.453l.231-.153v-.231h-.077zm-6.765-8.533-.307 4.997h-.692l-.308-4.997h1.384-.077zm-.692 7.457a.689.689 0 0 1-.692-.692.69.69 0 0 1 .692-.692c.385 0 .692.307.692.692a.689.689 0 0 1-.692.692z'/%3E%3C/svg%3E");
  background-position: 100%;
  background-repeat: no-repeat;
}

span.msg-is-invalid {
  bottom: -13px;
  color: #c00;
  font-weight: 700;
  font-size: 11px;
  left: 0;
  position: absolute;
  text-align: right;
  width: 100%;
}

.LV_validation_message {
  display: none;
}

/* not mobile */
@media (min-width: 800px) {
  .show-mobile {
    display: none !important;
  }
}
/* mobile */
@media (max-width: 800px) {
  .hide-mobile {
    display: none !important;
  }
}/*# sourceMappingURL=style.css.map */