.nm_quiz {
    display: none;
}

.nm_quiz {
max-width: 735px;
margin-left: auto;
margin-right: auto;
font-size: 1.15em;
}

.nm_quiz .quiz-intro {
background-color: var(--accent2);
padding: 50px;
border-radius: var(--radius-big);
color: var(--white);
padding-right: 275px;
position: relative;
overflow: hidden;
}

.nm_quiz .quiz-intro:before {
background-image: url("../img/sign.svg");
background-position: center;
width: 275px;
height: 275px;
position: absolute;
content: "";
right: -100px;
top: 50%;
transform: translateY(-50%);
background-size: cover;
z-index: 0;
}

.nm_quiz .quiz-intro h2, .nm_quiz .quiz-intro .description, .nm_quiz .quiz-intro .primary-button {
  z-index: 2;
  position: relative;
}

.nm_quiz .quiz-intro .primary-button {
margin-top: 30px;
}

.quiz-progress {
width: 100%;
max-width: 475px;
border-radius: 6px;
height: 6px;
background-color: var(--white);
border: 1px solid #d0d0d0;
display: block;
position: relative;
margin: 0 auto 30px auto;
}

.quiz-progress span {
background-color: var(--accent);
position: absolute;
left: 0;
top: 0;
height: 100%;
}

.quiz-question {
background-color: var(--accent2);
color: var(--white);
padding: 30px 50px;
padding-right: 205px;
position: relative;
overflow: hidden;
border-radius: var(--radius-big);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.quiz-question:before {
background-image: url("../img/sign.svg");
background-position: center;
background-size: cover;
width: 75px;
height: 75px;
position: absolute;
content: "";
right: -15px;
bottom: -20px;
}

.quiz-answers {
display: flex;
flex-wrap: wrap;
gap: 10px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-top: 30px;
}

.quiz-answers .checkbox-container .checkmark {
border-radius: 0;
border: none;
background-color: transparent;
background-image: url("../img/sign.svg");
background-position: center;
background-size: cover;
opacity: 0.15;
left: 30px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
top: 50%;
transform: translateY(-50%);
margin: 0;
}

.quiz-answers .checkbox-container .checkmark:hover, .quiz-answers .checkbox-container input:checked ~ .checkmark, .quiz-answers .checkbox-container:hover input ~ .checkmark {
border-radius: 0;
border: none;
background-color: transparent;
background-image: url("../img/sign.svg");
background-position: center;
background-size: cover;
opacity: 1;
left: 30px;
top: 50%;
margin: 0;
transform: translateY(-50%);
}
.quiz-answers .checkbox-container input:checked ~ .checkmark:after {
display: none;
}

.quiz-answers .checkbox-container {
width: 100%;
display: block;
padding: 20px 20px 20px 90px;
border-radius: var(--radius-big);
border: 1px solid #e1e1e1;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-bottom: 0;
}

.quiz-answers .checkbox-container:hover {
border: 1px solid var(--accent);
}

.quiz-navigation {
display: flex;
width: 100%;
align-items: center;
gap: 10px;
margin-top: 30px;
}

.quiz-navigation button {
cursor: pointer;
display: table;
border-radius: var(--radius-big);
position: relative;
text-decoration: none;
padding: 1em 1.875em;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
font-weight: 600;
line-height: 1em;
background: var(--gradient);
color: var(--white);
}

.quiz-navigation button.quiz-back-button {
background: #e9e9e9;
color: inherit;
font-weight: 300;
}

.quiz-navigation button.quiz-next-button {
padding-left: 2.5em;
padding-right: 2.5em;
}

.quiz-email {
text-align: center;
}

.quiz-email input {
border-radius: var(--radius);
border: 1px solid var(--accent);
padding: 20px 30px;
box-shadow: var(--shadow);
margin-bottom: 20px;
width: 100%;
}

.quiz-email .checkbox-container {
  text-align: left;
}

.quiz-summary-name {
background-image: url("../img/sign.svg");
background-position: center;
width: 275px;
height: 275px;
background-size: cover;
position: relative;
gap: 0;
margin-right: auto;
margin-left: auto;
color: var(--white);
text-align: center;
display: flex;
flex-direction: column;
justify-content: center; 
align-items: center;
flex-wrap: wrap;
}

.quiz-summary-name .quiz-summary-sub {
  font-size: 60px;
  display: block;
  margin: 0 auto 0 auto;
  width: 100%;
}

.quiz-summary-name .quiz-summany-title {
  font-size: 16px;
  display: block;
  margin: 0 auto 0 auto;
  width: 160px;
}

.quiz-summary-description {
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 30px;
}

.nm_quiz .service-list {
  margin-top: 50px;
}

.quiz-navigation {
  justify-content: center;
}

@media (max-width: 770px) {
  .nm_quiz .quiz-intro {
    padding: 30px;
  }
}